@ng-nest/ui 15.0.13 → 15.0.15

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

@@ -72,8 +72,8 @@ class XUploadProperty extends XControlValueAccessor {
         this.uploadError = new EventEmitter();
     }
 }
-/** @nocollapse */ XUploadProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XUploadProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XUploadProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XUploadProperty, selector: "ng-component", 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 */ XUploadProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XUploadProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XUploadProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: XUploadProperty, selector: "ng-component", 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()
 ], XUploadProperty.prototype, "imgCut", void 0);
@@ -90,7 +90,7 @@ __decorate([
 __decorate([
     XInputNumber()
 ], XUploadProperty.prototype, "maxLimit", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XUploadProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XUploadProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { text: [{
@@ -308,9 +308,9 @@ class XUploadPortalComponent {
         };
     }
 }
-/** @nocollapse */ XUploadPortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XUploadPortalComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XUploadPortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XUploadPortalComponent, 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:rgb(255,255,255);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: i1.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XUploadPortalComponent, decorators: [{
+/** @nocollapse */ XUploadPortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XUploadPortalComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XUploadPortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: XUploadPortalComponent, 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:rgb(255,255,255);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: i1.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XUploadPortalComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XUploadPortalPrefix}`, 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:rgb(255,255,255);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"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
@@ -552,9 +552,9 @@ class XUploadComponent extends XUploadProperty {
         this.cdr.detectChanges();
     }
 }
-/** @nocollapse */ XUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XUploadComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1$1.HttpClient, optional: true }, { token: i0.ChangeDetectorRef }, { token: i2.XPortalService }, { token: i0.ViewContainerRef }, { token: i3.XI18nService }, { token: i4.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0", type: XUploadComponent, 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 type=\"file\" #file (change)=\"change($event)\" [attr.accept]=\"accept\" [multiple]=\"multiple\" style=\"display: none\" />\r\n\r\n  <ng-container [ngSwitch]=\"type\">\r\n    <ng-container *ngSwitchCase=\"'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          <li *ngFor=\"let file of files; index as i; trackBy: trackByItem\" [class.x-upload-disabled]=\"!download\">\r\n            <ng-container *ngIf=\"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            </ng-container>\r\n            <ng-container *ngIf=\"!download\">\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            </ng-container>\r\n\r\n            <ng-container [ngSwitch]=\"file.state\">\r\n              <x-icon class=\"x-upload-state\" *ngSwitchCase=\"'ready'\" type=\"fto-clock\"></x-icon>\r\n              <span class=\"x-upload-percent\" *ngSwitchCase=\"'uploading'\">{{ file.percent }}%</span>\r\n              <x-icon class=\"x-upload-state success\" *ngSwitchCase=\"'success'\" type=\"fto-check\"></x-icon>\r\n              <x-icon class=\"x-upload-state error\" *ngSwitchCase=\"'error'\" type=\"fto-info\"></x-icon>\r\n            </ng-container>\r\n            <x-button *ngIf=\"file.state !== 'uploading'\" icon=\"fto-x\" (click)=\"remove(file, i)\" onlyIcon closable size=\"mini\"></x-button>\r\n          </li>\r\n        </ul>\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'img'\">\r\n      <x-image-group>\r\n        <ng-container *ngFor=\"let file of files; index as i; trackBy: trackByItem\">\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            <div class=\"x-upload-uploading\" *ngIf=\"file.state == 'uploading'\">\r\n              <x-progress [percent]=\"file.percent!\" info=\"false\"></x-progress>\r\n            </div>\r\n            <div class=\"x-image-overlay\">\r\n              <ng-container [ngSwitch]=\"file.state\">\r\n                <x-icon class=\"x-upload-state\" *ngSwitchCase=\"'ready'\" type=\"fto-clock\"></x-icon>\r\n                <x-icon type=\"fto-eye\" *ngSwitchCase=\"'success'\" (click)=\"image.onPreview()\"></x-icon>\r\n              </ng-container>\r\n              <x-icon *ngIf=\"imgCut && file.state === 'success'\" type=\"fto-crop\" (click)=\"onImgCut(file, i)\"></x-icon>\r\n              <x-icon *ngIf=\"file.state !== 'uploading'\" type=\"fto-trash-2\" (click)=\"remove(file, i)\"></x-icon>\r\n            </div>\r\n          </ng-template>\r\n        </ng-container>\r\n        <ng-container *ngTemplateOutlet=\"uploadBtnTpl\"></ng-container>\r\n      </x-image-group>\r\n    </ng-container>\r\n  </ng-container>\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{margin-top:.4rem}.x-upload-files>li{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: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i6.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: i7.XButtonComponent, selector: "x-button" }, { kind: "component", type: i1.XIconComponent, selector: "x-icon" }, { kind: "component", type: i9.XImageComponent, selector: "x-image" }, { kind: "component", type: i9.XImageGroupComponent, selector: "x-image-group" }, { kind: "component", type: i10.XProgressComponent, selector: "x-progress" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XUploadComponent, decorators: [{
+/** @nocollapse */ XUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XUploadComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1$1.HttpClient, optional: true }, { token: i0.ChangeDetectorRef }, { token: i2.XPortalService }, { token: i0.ViewContainerRef }, { token: i3.XI18nService }, { token: i4.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: XUploadComponent, 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 type=\"file\" #file (change)=\"change($event)\" [attr.accept]=\"accept\" [multiple]=\"multiple\" style=\"display: none\" />\r\n\r\n  <ng-container [ngSwitch]=\"type\">\r\n    <ng-container *ngSwitchCase=\"'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          <li *ngFor=\"let file of files; index as i; trackBy: trackByItem\" [class.x-upload-disabled]=\"!download\">\r\n            <ng-container *ngIf=\"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            </ng-container>\r\n            <ng-container *ngIf=\"!download\">\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            </ng-container>\r\n\r\n            <ng-container [ngSwitch]=\"file.state\">\r\n              <x-icon class=\"x-upload-state\" *ngSwitchCase=\"'ready'\" type=\"fto-clock\"></x-icon>\r\n              <span class=\"x-upload-percent\" *ngSwitchCase=\"'uploading'\">{{ file.percent }}%</span>\r\n              <x-icon class=\"x-upload-state success\" *ngSwitchCase=\"'success'\" type=\"fto-check\"></x-icon>\r\n              <x-icon class=\"x-upload-state error\" *ngSwitchCase=\"'error'\" type=\"fto-info\"></x-icon>\r\n            </ng-container>\r\n            <x-button *ngIf=\"file.state !== 'uploading'\" icon=\"fto-x\" (click)=\"remove(file, i)\" onlyIcon closable size=\"mini\"></x-button>\r\n          </li>\r\n        </ul>\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'img'\">\r\n      <x-image-group>\r\n        <ng-container *ngFor=\"let file of files; index as i; trackBy: trackByItem\">\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            <div class=\"x-upload-uploading\" *ngIf=\"file.state == 'uploading'\">\r\n              <x-progress [percent]=\"file.percent!\" info=\"false\"></x-progress>\r\n            </div>\r\n            <div class=\"x-image-overlay\">\r\n              <ng-container [ngSwitch]=\"file.state\">\r\n                <x-icon class=\"x-upload-state\" *ngSwitchCase=\"'ready'\" type=\"fto-clock\"></x-icon>\r\n                <x-icon type=\"fto-eye\" *ngSwitchCase=\"'success'\" (click)=\"image.onPreview()\"></x-icon>\r\n              </ng-container>\r\n              <x-icon *ngIf=\"imgCut && file.state === 'success'\" type=\"fto-crop\" (click)=\"onImgCut(file, i)\"></x-icon>\r\n              <x-icon *ngIf=\"file.state !== 'uploading'\" type=\"fto-trash-2\" (click)=\"remove(file, i)\"></x-icon>\r\n            </div>\r\n          </ng-template>\r\n        </ng-container>\r\n        <ng-container *ngTemplateOutlet=\"uploadBtnTpl\"></ng-container>\r\n      </x-image-group>\r\n    </ng-container>\r\n  </ng-container>\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{margin-top:.4rem}.x-upload-files>li{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: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i6.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: i7.XButtonComponent, selector: "x-button" }, { kind: "component", type: i1.XIconComponent, selector: "x-icon" }, { kind: "component", type: i9.XImageComponent, selector: "x-image" }, { kind: "component", type: i9.XImageGroupComponent, selector: "x-image-group" }, { kind: "component", type: i10.XProgressComponent, selector: "x-progress" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XUploadPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XUploadComponent)], template: "<div #upload class=\"x-upload x-upload-{{ type }}\" [class.x-disabled]=\"disabled\">\r\n  <input type=\"file\" #file (change)=\"change($event)\" [attr.accept]=\"accept\" [multiple]=\"multiple\" style=\"display: none\" />\r\n\r\n  <ng-container [ngSwitch]=\"type\">\r\n    <ng-container *ngSwitchCase=\"'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          <li *ngFor=\"let file of files; index as i; trackBy: trackByItem\" [class.x-upload-disabled]=\"!download\">\r\n            <ng-container *ngIf=\"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            </ng-container>\r\n            <ng-container *ngIf=\"!download\">\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            </ng-container>\r\n\r\n            <ng-container [ngSwitch]=\"file.state\">\r\n              <x-icon class=\"x-upload-state\" *ngSwitchCase=\"'ready'\" type=\"fto-clock\"></x-icon>\r\n              <span class=\"x-upload-percent\" *ngSwitchCase=\"'uploading'\">{{ file.percent }}%</span>\r\n              <x-icon class=\"x-upload-state success\" *ngSwitchCase=\"'success'\" type=\"fto-check\"></x-icon>\r\n              <x-icon class=\"x-upload-state error\" *ngSwitchCase=\"'error'\" type=\"fto-info\"></x-icon>\r\n            </ng-container>\r\n            <x-button *ngIf=\"file.state !== 'uploading'\" icon=\"fto-x\" (click)=\"remove(file, i)\" onlyIcon closable size=\"mini\"></x-button>\r\n          </li>\r\n        </ul>\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'img'\">\r\n      <x-image-group>\r\n        <ng-container *ngFor=\"let file of files; index as i; trackBy: trackByItem\">\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            <div class=\"x-upload-uploading\" *ngIf=\"file.state == 'uploading'\">\r\n              <x-progress [percent]=\"file.percent!\" info=\"false\"></x-progress>\r\n            </div>\r\n            <div class=\"x-image-overlay\">\r\n              <ng-container [ngSwitch]=\"file.state\">\r\n                <x-icon class=\"x-upload-state\" *ngSwitchCase=\"'ready'\" type=\"fto-clock\"></x-icon>\r\n                <x-icon type=\"fto-eye\" *ngSwitchCase=\"'success'\" (click)=\"image.onPreview()\"></x-icon>\r\n              </ng-container>\r\n              <x-icon *ngIf=\"imgCut && file.state === 'success'\" type=\"fto-crop\" (click)=\"onImgCut(file, i)\"></x-icon>\r\n              <x-icon *ngIf=\"file.state !== 'uploading'\" type=\"fto-trash-2\" (click)=\"remove(file, i)\"></x-icon>\r\n            </div>\r\n          </ng-template>\r\n        </ng-container>\r\n        <ng-container *ngTemplateOutlet=\"uploadBtnTpl\"></ng-container>\r\n      </x-image-group>\r\n    </ng-container>\r\n  </ng-container>\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{margin-top:.4rem}.x-upload-files>li{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"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1$1.HttpClient, decorators: [{
@@ -566,8 +566,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
 
 class XUploadModule {
 }
-/** @nocollapse */ XUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: XUploadModule, declarations: [XUploadComponent, XUploadPortalComponent, XUploadProperty], imports: [CommonModule,
+/** @nocollapse */ XUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: XUploadModule, declarations: [XUploadComponent, XUploadPortalComponent, XUploadProperty], imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         DragDropModule,
@@ -579,7 +579,7 @@ class XUploadModule {
         XBaseFormModule,
         XImageModule,
         XProgressModule], exports: [XUploadComponent] });
-/** @nocollapse */ XUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XUploadModule, imports: [CommonModule,
+/** @nocollapse */ XUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XUploadModule, imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         DragDropModule,
@@ -591,7 +591,7 @@ class XUploadModule {
         XBaseFormModule,
         XImageModule,
         XProgressModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: XUploadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XUploadModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XUploadComponent, XUploadPortalComponent, XUploadProperty],
@@ -619,4 +619,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
 
 export { XUploadComponent, XUploadModule, XUploadPortalComponent, XUploadPortalPrefix, XUploadPrefix, XUploadProperty };
 //# sourceMappingURL=ng-nest-ui-upload.mjs.map
-//# sourceMappingURL=ng-nest-ui-upload.mjs.map

package/fesm2020/ng-nest-ui.mjs

@@ -92,4 +92,3 @@ export * from '@ng-nest/ui/inner';
  * Generated bundle index. Do not edit.
  */
 //# sourceMappingURL=ng-nest-ui.mjs.map
-//# sourceMappingURL=ng-nest-ui.mjs.map

package/i18n/i18n.property.d.ts

@@ -97,6 +97,7 @@ export interface XI18nDatePicker {
     lastYear?: string;
     nextYear?: string;
     selectDate?: string;
+    selectWeek?: string;
     selectMonth?: string;
     selectYear?: string;
     startDate?: string;
@@ -105,6 +106,8 @@ export interface XI18nDatePicker {
     endMonth?: string;
     startYear?: string;
     endYear?: string;
+    startWeek?: string;
+    endWeek?: string;
 }
 export interface XI18nTimePicker {
     am?: string;

package/i18n/languages/en_GB.d.ts

@@ -43,6 +43,7 @@ declare const _default: {
     };
     datePicker: {
         sure: string;
+        week: string;
         month: string;
         year: string;
         january: string;
@@ -77,6 +78,7 @@ declare const _default: {
         lastYear: string;
         nextYear: string;
         selectDate: string;
+        selectWeek: string;
         selectMonth: string;
         selectYear: string;
         startDate: string;
@@ -85,6 +87,8 @@ declare const _default: {
         endMonth: string;
         startYear: string;
         endYear: string;
+        startWeek: string;
+        endWeek: string;
     };
     timePicker: {
         am: string;

package/i18n/languages/en_US.d.ts

@@ -43,6 +43,7 @@ declare const _default: {
     };
     datePicker: {
         sure: string;
+        week: string;
         month: string;
         year: string;
         january: string;
@@ -77,6 +78,7 @@ declare const _default: {
         lastYear: string;
         nextYear: string;
         selectDate: string;
+        selectWeek: string;
         selectMonth: string;
         selectYear: string;
         startDate: string;
@@ -85,6 +87,8 @@ declare const _default: {
         endMonth: string;
         startYear: string;
         endYear: string;
+        startWeek: string;
+        endWeek: string;
     };
     timePicker: {
         am: string;

package/i18n/languages/zh_CN.d.ts

@@ -42,6 +42,7 @@ declare const _default: {
     };
     datePicker: {
         sure: string;
+        week: string;
         month: string;
         year: string;
         january: string;
@@ -76,6 +77,7 @@ declare const _default: {
         lastYear: string;
         nextYear: string;
         selectDate: string;
+        selectWeek: string;
         selectMonth: string;
         selectYear: string;
         startDate: string;
@@ -84,6 +86,8 @@ declare const _default: {
         endMonth: string;
         startYear: string;
         endYear: string;
+        startWeek: string;
+        endWeek: string;
     };
     timePicker: {
         am: string;

package/i18n/languages/zh_TW.d.ts

@@ -42,6 +42,7 @@ declare const _default: {
     };
     datePicker: {
         sure: string;
+        week: string;
         month: string;
         year: string;
         january: string;
@@ -76,6 +77,7 @@ declare const _default: {
         lastYear: string;
         nextYear: string;
         selectDate: string;
+        selectWeek: string;
         selectMonth: string;
         selectYear: string;
         startDate: string;
@@ -84,6 +86,8 @@ declare const _default: {
         endMonth: string;
         startYear: string;
         endYear: string;
+        startWeek: string;
+        endWeek: string;
     };
     timePicker: {
         am: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-nest/ui",
-  "version": "15.0.13",
+  "version": "15.0.15",
   "homepage": "https://www.ngnest.com",
   "author": "ng-nest",
   "ng-update": {

package/slider/slider.component.d.ts

@@ -10,7 +10,7 @@ export declare class XSliderComponent extends XSliderProperty implements OnInit,
     sliderScroll: ElementRef<HTMLElement>;
     sliderNodes: ElementRef<HTMLElement>;
     nodes: XSliderNode[];
-    activated: XSliderNode;
+    activated: XSliderNode | null;
     scrollClassMap: XClassMap;
     nodeClassMap: XClassMap;
     showArrow: boolean;

package/slider/slider.property.d.ts

@@ -56,6 +56,11 @@ export declare class XSliderProperty extends XProperty {
      * @en_US When the node is not displayed, display all the buttons, and the arrangement is effective when the arrangement is row
      */
     showExpand?: XBoolean;
+    /**
+     * @zh_CN 节点显示不下的时候显示左右/上下的箭头
+     * @en_US 节点显示不下的时候显示左右/上下的箭头
+     */
+    autoShowArrow?: XBoolean;
     /**
      * @zh_CN 展开所有弹框的最大高度
      * @en_US Expand the maximum height of all bomb frames
@@ -77,7 +82,7 @@ export declare class XSliderProperty extends XProperty {
      */
     nodeChange: EventEmitter<XSliderNode>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XSliderProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XSliderProperty, "ng-component", never, { "data": "data"; "animated": "animated"; "activatedIndex": "activatedIndex"; "layout": "layout"; "justify": "justify"; "nodeJustify": "nodeJustify"; "nodeTpl": "nodeTpl"; "size": "size"; "showExpand": "showExpand"; "expandMaxHeight": "expandMaxHeight"; "showAnchor": "showAnchor"; }, { "indexChange": "indexChange"; "nodeChange": "nodeChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSliderProperty, "ng-component", never, { "data": "data"; "animated": "animated"; "activatedIndex": "activatedIndex"; "layout": "layout"; "justify": "justify"; "nodeJustify": "nodeJustify"; "nodeTpl": "nodeTpl"; "size": "size"; "showExpand": "showExpand"; "autoShowArrow": "autoShowArrow"; "expandMaxHeight": "expandMaxHeight"; "showAnchor": "showAnchor"; }, { "indexChange": "indexChange"; "nodeChange": "nodeChange"; }, never, never, false, never>;
 }
 /**
  * @zh_CN Slider 数据对象

package/time-picker/time-picker-frame.component.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, SimpleChanges } from '@angular/core';
-import { XTimePickerType } from './time-picker.property';
+import { XTimePickerDisabledTime, XTimePickerType } from './time-picker.property';
 import { XBoolean, XIdentity } from '@ng-nest/ui/core';
 import { XI18nService, XI18nTimePicker } from '@ng-nest/ui/i18n';
 import * as i0 from "@angular/core";
@@ -13,6 +13,8 @@ export declare class XTimePickerFrameComponent {
     minuteStep: number;
     secondStep: number;
     defaultNow: boolean;
+    disabledTime?: XTimePickerDisabledTime;
+    disabledTimeParam?: any;
     nodeEmit: EventEmitter<Date>;
     hourRef?: ElementRef<HTMLElement>;
     minuteRef?: ElementRef<HTMLElement>;
@@ -37,6 +39,8 @@ export declare class XTimePickerFrameComponent {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     constructor(cdr: ChangeDetectorRef, i18n: XI18nService);
+    setDataInit(): void;
+    setDisabled(type: 'hours' | 'minutes' | 'seconds', num: number): boolean;
     setHourData(): void;
     setMinuteData(): void;
     setSecondData(): void;
@@ -53,5 +57,5 @@ export declare class XTimePickerFrameComponent {
     itemClick(type: 'hour' | 'minute' | 'second' | 'use12Hours'): void;
     private scrollTo;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTimePickerFrameComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTimePickerFrameComponent, "x-time-picker-frame", never, { "type": "type"; "value": "value"; "use12Hours": "use12Hours"; "hourStep": "hourStep"; "minuteStep": "minuteStep"; "secondStep": "secondStep"; "defaultNow": "defaultNow"; }, { "nodeEmit": "nodeEmit"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTimePickerFrameComponent, "x-time-picker-frame", never, { "type": "type"; "value": "value"; "use12Hours": "use12Hours"; "hourStep": "hourStep"; "minuteStep": "minuteStep"; "secondStep": "secondStep"; "defaultNow": "defaultNow"; "disabledTime": "disabledTime"; "disabledTimeParam": "disabledTimeParam"; }, { "nodeEmit": "nodeEmit"; }, never, never, false, never>;
 }

package/time-picker/time-picker-portal.component.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, OnInit, Renderer2, OnDestroy } from '@angular/core';
-import { XTimePickerPreset, XTimePickerType } from './time-picker.property';
+import { XTimePickerDisabledTime, XTimePickerPreset, XTimePickerType } from './time-picker.property';
 import { XBoolean, XPositionTopBottom } from '@ng-nest/ui/core';
 import { Subject } from 'rxjs';
 import { XInputComponent } from '@ng-nest/ui/input';
@@ -27,6 +27,7 @@ export declare class XTimePickerPortalComponent implements OnInit, OnDestroy {
     minuteStep: number;
     secondStep: number;
     preset: XTimePickerPreset[];
+    disabledTime: XTimePickerDisabledTime;
     nodeEmit: (date: Date) => void;
     locale: XI18nTimePicker;
     private _unSubject;

package/time-picker/time-picker.property.d.ts

@@ -62,13 +62,18 @@ export declare class XTimePickerProperty extends XControlValueAccessor<any> {
      * @en_US Quick selection button, support now and custom
      */
     preset: XData<XTimePickerPreset>;
+    /**
+     * @zh_CN 禁用的时间
+     * @en_US Disabled time
+     */
+    disabledTime?: XTimePickerDisabledTime;
     /**
      * @zh_CN 节点点击的事件
      * @en_US Node click event
      */
     nodeEmit: EventEmitter<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTimePickerProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTimePickerProperty, "ng-component", never, { "type": "type"; "format": "format"; "placement": "placement"; "size": "size"; "use12Hours": "use12Hours"; "bordered": "bordered"; "hourStep": "hourStep"; "minuteStep": "minuteStep"; "secondStep": "secondStep"; "preset": "preset"; }, { "nodeEmit": "nodeEmit"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTimePickerProperty, "ng-component", never, { "type": "type"; "format": "format"; "placement": "placement"; "size": "size"; "use12Hours": "use12Hours"; "bordered": "bordered"; "hourStep": "hourStep"; "minuteStep": "minuteStep"; "secondStep": "secondStep"; "preset": "preset"; "disabledTime": "disabledTime"; }, { "nodeEmit": "nodeEmit"; }, never, never, false, never>;
 }
 /**
  * TimePicker Option
@@ -124,3 +129,29 @@ export declare const XTimePickerPortalPrefix = "x-time-picker-portal";
  * @decorator component
  */
 export declare const XTimePickerFramePrefix = "x-time-picker-frame";
+/**
+ * @zh_CN 禁用时间的自定义类型
+ * @en_US Disable custom type of time
+ */
+export declare type XTimePickerDisabledTime = (param?: any) => XTimePickerDisabledTimeFn;
+/**
+ * @zh_CN 禁用时间的自定义函数
+ * @en_US Disable custom type of time
+ */
+export declare type XTimePickerDisabledTimeFn = {
+    /**
+     * @zh_CN 禁用小时的自定义函数
+     * @en_US Disable custom type of hours
+     */
+    disabledHours?: () => number[];
+    /**
+     * @zh_CN 禁用分钟的自定义函数
+     * @en_US Disable custom type of minutes
+     */
+    disabledMinutes?: () => number[];
+    /**
+     * @zh_CN 禁用秒的自定义函数
+     * @en_US Disable custom type of seconds
+     */
+    disabledSeconds?: () => number[];
+};

package/tree/tree-node.component.d.ts

@@ -1,30 +1,61 @@
-import { Renderer2, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { Renderer2, ElementRef, ChangeDetectorRef, NgZone, EventEmitter } from '@angular/core';
 import { XTreeNode, XTreeNodeProperty, XTreeAction } from './tree.property';
 import { XConfigService, XBoolean } from '@ng-nest/ui/core';
+import { XTreeService } from './tree.service';
 import * as i0 from "@angular/core";
 export declare class XTreeNodeComponent extends XTreeNodeProperty {
     renderer: Renderer2;
     elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
+    ngZone: NgZone;
+    treeService: XTreeService;
     tree: any;
+    nodeMouseenter: EventEmitter<{
+        event: MouseEvent;
+        node: XTreeNode;
+        ele: ElementRef;
+    }>;
     rootClass: boolean;
     private _loading;
     get loading(): boolean;
     set loading(value: boolean);
+    private _unSubject;
+    get showDragIndicator(): any;
+    onMouseenter(event: MouseEvent): void;
+    onMouseleave(_event: MouseEvent): void;
+    get isChildrenLast(): boolean;
+    get isParentLast(): boolean[];
+    get numLevel(): number;
+    get verticalLevel(): number[];
+    get verticalWidth(): number;
     get paddingLeft(): number;
+    get indicatorWidth(): string;
+    get indicatorStyle(): {
+        bottom: string;
+        top?: undefined;
+    } | {
+        top: string;
+        bottom?: undefined;
+    } | {
+        bottom?: undefined;
+        top?: undefined;
+    };
     get getActivated(): any;
-    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, configService: XConfigService);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, configService: XConfigService, ngZone: NgZone, treeService: XTreeService);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     onActivate(event: Event, node: XTreeNode): void;
     onCheckboxChange(): void;
+    getVerticalLeft(i: number): number;
     setCheckbox(): void;
     setChildrenCheckbox(checked: boolean): void;
     setParentCheckbox(): void;
     setIndeterminate(node: XTreeNode): void;
     getNodeDisabled(disabled?: boolean): XBoolean;
     onAction(event: Event, action: XTreeAction, node: XTreeNode): void;
-    trackByItem(_index: number, item: XTreeAction | XTreeNode): any;
+    trackByItem(_index: number, item: XTreeNode): string;
+    trackByAction(_index: number, item: XTreeAction): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTreeNodeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeNodeComponent, "x-tree-node, [x-tree-node]", never, { "tree": "tree"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeNodeComponent, "x-tree-node, [x-tree-node]", never, { "tree": "tree"; }, { "nodeMouseenter": "nodeMouseenter"; }, never, never, false, never>;
 }

package/tree/tree.component.d.ts

@@ -1,16 +1,21 @@
-import { Renderer2, ElementRef, ChangeDetectorRef, SimpleChanges, OnChanges, QueryList } from '@angular/core';
+import { Renderer2, ElementRef, ChangeDetectorRef, SimpleChanges, OnChanges, QueryList, NgZone } from '@angular/core';
 import { XTreeNode, XTreeProperty } from './tree.property';
 import { XConfigService } from '@ng-nest/ui/core';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { XTreeNodeComponent } from './tree-node.component';
+import { CdkDrag, CdkDragEnd, CdkDragMove, CdkDragStart, CdkDropList } from '@angular/cdk/drag-drop';
+import { XTreeService } from './tree.service';
 import * as i0 from "@angular/core";
 export declare class XTreeComponent extends XTreeProperty implements OnChanges {
     renderer: Renderer2;
     elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
+    ngZone: NgZone;
+    treeService: XTreeService;
     tree: ElementRef<HTMLElement>;
     virtualBody: CdkVirtualScrollViewport;
+    dropList: CdkDropList<HTMLElement>;
     nodeComponents: QueryList<XTreeNodeComponent>;
     set _nodeComponents(value: QueryList<XTreeNodeComponent>);
     nodes: XTreeNode[];
@@ -19,17 +24,33 @@ export declare class XTreeComponent extends XTreeProperty implements OnChanges {
     dataIsFunc: boolean;
     getting: boolean;
     treeData: XTreeNode[];
+    dragging: boolean;
+    dragPosition: -1 | 1;
+    hoverTreeNode: XTreeNode;
+    hoverTreeEle: ElementRef;
+    draggingTreeNode: XTreeNode | null;
+    get isEmpty(): boolean;
     private _unSubject;
     private _resizeObserver;
-    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, configService: XConfigService);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, configService: XConfigService, ngZone: NgZone, treeService: XTreeService);
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     setData(): void;
+    cdkDragStarted(event: CdkDragStart): void;
+    cdkDragEnded(event: CdkDragEnd): void;
+    insertNode(dragNode: XTreeNode, hoverNode: XTreeNode, dragPosition: -1 | 1): void;
+    cdkDragMoved(event: CdkDragMove<XTreeNode>): void;
+    predicate(_drag: CdkDrag<XTreeNode>, _drop: CdkDropList<XTreeNode>): boolean;
     private setVirtualScrollHeight;
     private setManual;
     private getDataByFunc;
     private setDataChange;
+    nodeMouseenter($event: {
+        event: MouseEvent;
+        node: XTreeNode;
+        ele: ElementRef;
+    }): void;
     setScorllTop(): void;
     getCheckedNodes(): XTreeNode[];
     getCheckedKeys(): any[];
@@ -48,7 +69,7 @@ export declare class XTreeComponent extends XTreeProperty implements OnChanges {
     setActivatedId(node: XTreeNode): void;
     removeNode(node: XTreeNode): void;
     updateNode(node: XTreeNode, nowNode: XTreeNode): void;
-    trackByItem(_index: number, item: XTreeNode): any;
+    trackByItem(_index: number, item: XTreeNode): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTreeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XTreeComponent, "x-tree", never, {}, {}, never, never, false, never>;
 }

package/tree/tree.module.d.ts

@@ -4,14 +4,15 @@ import * as i2 from "./tree-node.component";
 import * as i3 from "./tree.property";
 import * as i4 from "@angular/common";
 import * as i5 from "@angular/forms";
-import * as i6 from "@ng-nest/ui/icon";
-import * as i7 from "@ng-nest/ui/checkbox";
-import * as i8 from "@ng-nest/ui/outlet";
-import * as i9 from "@ng-nest/ui/link";
-import * as i10 from "@angular/cdk/scrolling";
-import * as i11 from "@ng-nest/ui/keyword";
+import * as i6 from "@angular/cdk/drag-drop";
+import * as i7 from "@ng-nest/ui/icon";
+import * as i8 from "@ng-nest/ui/checkbox";
+import * as i9 from "@ng-nest/ui/outlet";
+import * as i10 from "@ng-nest/ui/link";
+import * as i11 from "@angular/cdk/scrolling";
+import * as i12 from "@ng-nest/ui/keyword";
 export declare class XTreeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XTreeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XTreeModule, [typeof i1.XTreeComponent, typeof i2.XTreeNodeComponent, typeof i3.XTreeProperty, typeof i3.XTreeNodeProperty], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.XIconModule, typeof i7.XCheckboxModule, typeof i8.XOutletModule, typeof i9.XLinkModule, typeof i10.ScrollingModule, typeof i11.XKeywordModule], [typeof i1.XTreeComponent, typeof i2.XTreeNodeComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XTreeModule, [typeof i1.XTreeComponent, typeof i2.XTreeNodeComponent, typeof i3.XTreeProperty, typeof i3.XTreeNodeProperty], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.DragDropModule, typeof i7.XIconModule, typeof i8.XCheckboxModule, typeof i9.XOutletModule, typeof i10.XLinkModule, typeof i11.ScrollingModule, typeof i12.XKeywordModule], [typeof i1.XTreeComponent, typeof i2.XTreeNodeComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XTreeModule>;
 }