@ng-nest/ui 15.0.19 → 16.0.0

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

@@ -1,618 +0,0 @@
-import * as i1$1 from '@angular/common/http';
-import { HttpRequest, HttpHeaders, HttpEventType } from '@angular/common/http';
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, inject, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, Optional, NgModule } from '@angular/core';
-import { __decorate } from 'tslib';
-import * as i4 from '@ng-nest/ui/core';
-import { XInputBoolean, XWithConfig, XInputNumber, XClamp, XIsTemplateRef, XIsArray } from '@ng-nest/ui/core';
-import { XControlValueAccessor, XValueAccessor, XBaseFormModule } from '@ng-nest/ui/base-form';
-import { takeUntil, map } from 'rxjs/operators';
-import { Subject, fromEvent } from 'rxjs';
-import * as i5 from '@angular/common';
-import { DOCUMENT, CommonModule } from '@angular/common';
-import * as i1 from '@ng-nest/ui/icon';
-import { XIconModule } from '@ng-nest/ui/icon';
-import * as i2 from '@ng-nest/ui/portal';
-import { XPortalModule } from '@ng-nest/ui/portal';
-import * as i3 from '@ng-nest/ui/i18n';
-import { XI18nModule } from '@ng-nest/ui/i18n';
-import * as i6 from '@ng-nest/ui/outlet';
-import { XOutletModule } from '@ng-nest/ui/outlet';
-import * as i7 from '@ng-nest/ui/button';
-import { XButtonModule } from '@ng-nest/ui/button';
-import * as i9 from '@ng-nest/ui/image';
-import { XImageModule } from '@ng-nest/ui/image';
-import * as i10 from '@ng-nest/ui/progress';
-import { XProgressModule } from '@ng-nest/ui/progress';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { DragDropModule } from '@angular/cdk/drag-drop';
-
-/**
- * Upload
- * @selector x-upload
- * @decorator component
- */
-const XUploadPrefix = 'x-upload';
-const X_CONFIG_NAME = 'upload';
-/**
- * Upload Property
- */
-class XUploadProperty extends XControlValueAccessor {
-    constructor() {
-        super(...arguments);
-        /**
-         * @zh_CN 文件显示类型
-         * @en_US File display type
-         */
-        this.type = 'list';
-        /**
-         * @zh_CN 删除按钮的事件
-         * @en_US Delete button event
-         */
-        this.removeClick = new EventEmitter();
-        /**
-         * @zh_CN 开始上传事件
-         * @en_US Start upload event
-         */
-        this.uploadReady = new EventEmitter();
-        /**
-         * @zh_CN 正在上传事件
-         * @en_US Start upload event
-         */
-        this.uploading = new EventEmitter();
-        /**
-         * @zh_CN 上传成功事件
-         * @en_US Start upload event
-         */
-        this.uploadSuccess = new EventEmitter();
-        /**
-         * @zh_CN 上传失败事件
-         * @en_US Start upload event
-         */
-        this.uploadError = new EventEmitter();
-    }
-}
-/** @nocollapse */ XUploadProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XUploadProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XUploadProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", 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);
-__decorate([
-    XInputBoolean()
-], XUploadProperty.prototype, "multiple", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, true),
-    XInputBoolean()
-], XUploadProperty.prototype, "download", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 'cover')
-], XUploadProperty.prototype, "multipleModel", void 0);
-__decorate([
-    XInputNumber()
-], XUploadProperty.prototype, "maxLimit", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XUploadProperty, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }], propDecorators: { text: [{
-                type: Input
-            }], action: [{
-                type: Input
-            }], accept: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], imgFallback: [{
-                type: Input
-            }], imgCut: [{
-                type: Input
-            }], multiple: [{
-                type: Input
-            }], download: [{
-                type: Input
-            }], multipleModel: [{
-                type: Input
-            }], filesTpl: [{
-                type: Input
-            }], maxLimit: [{
-                type: Input
-            }], headers: [{
-                type: Input
-            }], removeClick: [{
-                type: Output
-            }], uploadReady: [{
-                type: Output
-            }], uploading: [{
-                type: Output
-            }], uploadSuccess: [{
-                type: Output
-            }], uploadError: [{
-                type: Output
-            }] } });
-/**
- * Upload Portal
- * @selector x-upload-portal
- * @decorator component
- */
-const XUploadPortalPrefix = 'x-upload-portal';
-
-class XUploadPortalComponent {
-    constructor(renderer, cdr) {
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.ready = false;
-        this.cutType = '';
-        this.proportion = 1;
-        this.originalSize = {
-            width: 0,
-            height: 0
-        };
-        this.boundaryBox = {
-            width: 0,
-            height: 0
-        };
-        this.cutBox = {
-            width: 0,
-            height: 0,
-            x: 0,
-            y: 0
-        };
-        this.doc = inject(DOCUMENT);
-        this._unSubject = new Subject();
-    }
-    ngOnInit() { }
-    ngAfterViewInit() {
-        this.setCut();
-    }
-    ngOnDestroy() {
-        this._unSubject.next();
-        this._unSubject.complete();
-    }
-    setCut() {
-        let width = this.imgRef.nativeElement.clientWidth;
-        let height = this.imgRef.nativeElement.clientHeight;
-        this.renderer.setStyle(this.cutRef.nativeElement, 'width', `${width}px`);
-        this.renderer.setStyle(this.cutRef.nativeElement, 'height', `${height}px`);
-        this.renderer.setStyle(this.boundaryRef.nativeElement, 'width', `${width}px`);
-        this.renderer.setStyle(this.boundaryRef.nativeElement, 'height', `${height}px`);
-        this.renderer.setStyle(this.imgRef.nativeElement, 'width', `${width}px`);
-        this.renderer.setStyle(this.imgRef.nativeElement, 'height', `${height}px`);
-        this.renderer.setStyle(this.imgClipRef.nativeElement, 'width', `${width}px`);
-        this.renderer.setStyle(this.imgClipRef.nativeElement, 'height', `${height}px`);
-        this.cutBox.width = width;
-        this.cutBox.height = height;
-        this.boundaryBox = { width, height };
-        this.clipRect = {
-            top: 0,
-            right: width,
-            bottom: height,
-            left: 0
-        };
-        this.setOriginalSize();
-        this.ready = true;
-        this.cdr.detectChanges();
-        const mouseDown = fromEvent(this.cutRef.nativeElement, 'mousedown').pipe(takeUntil(this._unSubject));
-        mouseDown.subscribe((downMe) => {
-            let x = downMe.pageX;
-            let y = downMe.pageY;
-            let offsetX = 0;
-            let offsetY = 0;
-            const _unSub = new Subject();
-            let className = downMe.target.className;
-            const spt = `${XUploadPortalPrefix}-cut-`;
-            if (className.includes(spt)) {
-                this.cutType = className.replace(spt, '');
-                this.cdr.detectChanges();
-            }
-            fromEvent(this.doc.documentElement, 'mousemove')
-                .pipe(takeUntil(_unSub))
-                .subscribe((moveMe) => {
-                offsetX = moveMe.pageX - x;
-                offsetY = moveMe.pageY - y;
-                x = moveMe.pageX;
-                y = moveMe.pageY;
-                this.setCutEle(this.cutType, offsetX, offsetY);
-            });
-            fromEvent(this.doc.documentElement, 'mouseup')
-                .pipe(takeUntil(_unSub))
-                .subscribe(() => {
-                this.cutType = '';
-                this.cdr.detectChanges();
-                _unSub.next();
-                _unSub.complete();
-            });
-        });
-    }
-    setOriginalSize() {
-        const img = new Image();
-        img.src = this.file?.url;
-        img.onload = () => {
-            this.originalSize = { width: img.width, height: img.height };
-            this.proportion = this.boundaryBox.width / this.originalSize.width;
-        };
-    }
-    setCutEle(position, x, y) {
-        switch (position) {
-            case 'top-start':
-                this.cutBox.width -= x;
-                this.cutBox.height -= y;
-                this.cutBox.x += x;
-                this.cutBox.y += y;
-                break;
-            case 'top':
-                this.cutBox.height -= y;
-                this.cutBox.y += y;
-                break;
-            case 'top-end':
-                this.cutBox.width += x;
-                this.cutBox.height -= y;
-                this.cutBox.y += y;
-                break;
-            case 'right':
-                this.cutBox.width += x;
-                break;
-            case 'bottom-end':
-                this.cutBox.width += x;
-                this.cutBox.height += y;
-                break;
-            case 'bottom':
-                this.cutBox.height += y;
-                break;
-            case 'bottom-start':
-                this.cutBox.width -= x;
-                this.cutBox.height += y;
-                this.cutBox.x += x;
-                break;
-            case 'left':
-                this.cutBox.width -= x;
-                this.cutBox.x += x;
-                break;
-            case '':
-                this.cutBox.x += x;
-                this.cutBox.y += y;
-                break;
-        }
-        const boundaryRect = this.boundaryRef.nativeElement.getBoundingClientRect();
-        const maxY = boundaryRect.height - this.cutBox.height;
-        const maxX = boundaryRect.width - this.cutBox.width;
-        this.cutBox.x = XClamp(this.cutBox.x, 0, maxX);
-        this.cutBox.y = XClamp(this.cutBox.y, 0, maxY);
-        // const maxWidth = boundaryRect.height - this.cutBox.y;
-        // const maxHeight = boundaryRect.width - this.cutBox.x;
-        // this.cutBox.width = XClamp(this.cutBox.width, 0, maxWidth);
-        // this.cutBox.height = XClamp(this.cutBox.width, 0, maxHeight);
-        this.clipRect = {
-            top: this.cutBox.y,
-            right: this.cutBox.width + this.cutBox.x,
-            bottom: this.cutBox.height + this.cutBox.y,
-            left: this.cutBox.x
-        };
-        this.renderer.setStyle(this.imgClipRef.nativeElement, 'clip', `rect(${this.clipRect.top}px,${this.clipRect.right}px,${this.clipRect.bottom}px,${this.clipRect.left}px)`);
-        this.renderer.setStyle(this.cutRef.nativeElement, 'width', `${this.cutBox.width}px`);
-        this.renderer.setStyle(this.cutRef.nativeElement, 'height', `${this.cutBox.height}px`);
-        this.renderer.setStyle(this.cutRef.nativeElement, 'transform', `translate3d(${this.cutBox.x}px, ${this.cutBox.y}px, 0)`);
-    }
-    sure() {
-        const canvas = this.doc.createElement('canvas');
-        canvas.width = this.cutBox.width / this.proportion;
-        canvas.height = this.cutBox.height / this.proportion;
-        const context = canvas.getContext('2d');
-        const img = new Image();
-        img.src = this.file?.url;
-        img.crossOrigin = 'anonymous';
-        img.onload = () => {
-            context.drawImage(img, -this.cutBox.x / this.proportion, -this.cutBox.y / this.proportion);
-            canvas.toBlob((blob) => {
-                this.surePortal(blob);
-                this.closePortal();
-            });
-        };
-    }
-}
-/** @nocollapse */ XUploadPortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XUploadPortalComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XUploadPortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", 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.7", 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 }]; }, propDecorators: { imgRef: [{
-                type: ViewChild,
-                args: ['imgRef']
-            }], imgClipRef: [{
-                type: ViewChild,
-                args: ['imgClipRef']
-            }], boundaryRef: [{
-                type: ViewChild,
-                args: ['boundaryRef']
-            }], cutRef: [{
-                type: ViewChild,
-                args: ['cutRef']
-            }] } });
-
-class XUploadComponent extends XUploadProperty {
-    constructor(renderer, elementRef, http, cdr, portalService, viewContainerRef, i18n, configService) {
-        super();
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.http = http;
-        this.cdr = cdr;
-        this.portalService = portalService;
-        this.viewContainerRef = viewContainerRef;
-        this.i18n = i18n;
-        this.configService = configService;
-        this.files = [];
-        this.showUpload = false;
-        this.uploadNodes = [];
-        this.locale = {};
-        this._unSubject = new Subject();
-        if (!http) {
-            throw new Error(`${XUploadPrefix}: Not found 'HttpClient', You can import 'HttpClientModule' in your root module.`);
-        }
-    }
-    get getText() {
-        return this.text || this.locale.uploadText;
-    }
-    get isTemplateText() {
-        return XIsTemplateRef(this.getText);
-    }
-    writeValue(value) {
-        this.value = value;
-        this.setFiles();
-        this.cdr.detectChanges();
-    }
-    ngOnInit() {
-        this.i18n.localeChange
-            .pipe(map((x) => x.upload), takeUntil(this._unSubject))
-            .subscribe((x) => {
-            this.locale = x;
-            this.cdr.markForCheck();
-        });
-        if (this.type === 'img')
-            this.accept = 'image/*';
-    }
-    ngOnDestroy() {
-        this._unSubject.next();
-        this._unSubject.unsubscribe();
-    }
-    setFiles() {
-        if (!Array.isArray(this.value))
-            return;
-        // if (this.type !== 'img') return;
-        this.files = this.value.map((x) => {
-            if (!x.state)
-                x.state = 'success';
-            return x;
-        });
-    }
-    change(event) {
-        let input = event.target;
-        if (typeof input === 'undefined' || input.files?.length === 0)
-            return;
-        let files = [];
-        let max = this.maxLimit ? Number(this.maxLimit) : input.files.length;
-        for (let i = 0; i < max; i++) {
-            let file = input.files.item(i);
-            file.state = 'ready';
-            files = [...files, file];
-        }
-        if (files.length > 0)
-            this.showUpload = true;
-        if (this.multipleModel === 'cover') {
-            this.files = files;
-        }
-        else if (this.multipleModel === 'add') {
-            this.files = [...this.files, ...files];
-        }
-        this.value = this.files;
-        this.onChange && this.onChange(this.value);
-        this.onUploading();
-        input.value = '';
-        this.cdr.detectChanges();
-    }
-    remove(file, index) {
-        this.files.splice(index, 1);
-        if (this.files.length === 0)
-            this.file.nativeElement.value = '';
-        this.showUpload = this.files.find((x) => x.state === 'ready') != null;
-        const vindex = this.value.indexOf(file);
-        if (vindex > -1) {
-            this.value.splice(vindex, 1);
-            this.onChange && this.onChange(this.value);
-        }
-        this.removeClick.emit({ file: file, index: index });
-        this.cdr.detectChanges();
-    }
-    uploadClick() {
-        if (this.disabled)
-            return;
-        this.file.nativeElement.click();
-    }
-    onUploading() {
-        if (!this.action)
-            return;
-        let readyFiles = this.files.filter((x) => x.state === 'ready');
-        readyFiles.forEach((x) => {
-            this.uploadFile(x);
-        });
-    }
-    uploadFile(file, index = -1) {
-        let formData = new FormData();
-        formData.append('file', file);
-        const req = new HttpRequest('POST', this.action, formData, {
-            reportProgress: true,
-            responseType: 'arraybuffer',
-            withCredentials: false,
-            headers: new HttpHeaders(this.headers)
-        });
-        this.http
-            .request(req)
-            .pipe(map((event) => this.getEventMessage(event, file, (body) => {
-            let blob = new Blob([body]);
-            let reader = new FileReader();
-            reader.readAsText(blob, 'utf-8');
-            reader.onload = () => {
-                let body = [];
-                try {
-                    body = JSON.parse(reader.result);
-                    if (XIsArray(body) && body.length > 0) {
-                        file.url = body[0];
-                    }
-                    file.body = body;
-                }
-                catch (e) {
-                    console.error(e);
-                }
-                if (index !== -1) {
-                    this.files[index] = file;
-                }
-                this.uploadSuccess.emit(file);
-                this.cdr.detectChanges();
-            };
-        })))
-            .subscribe(() => {
-            this.showUpload = this.files.find((y) => y.state === 'ready') != null;
-            this.cdr.detectChanges();
-        }, () => {
-            file.state = 'error';
-            this.uploadError.emit(file);
-            this.cdr.detectChanges();
-        });
-    }
-    getEventMessage(event, file, successFunc) {
-        switch (event.type) {
-            case HttpEventType.Sent:
-                file.state = 'ready';
-                this.uploadReady.emit(file);
-                return `开始上传文件`;
-            case HttpEventType.UploadProgress:
-                file.state = 'uploading';
-                if (event.total)
-                    file.percent = Math.round((100 * event.loaded) / event.total);
-                this.uploading.emit(file);
-                return `上传中`;
-            case HttpEventType.Response:
-                file.state = 'success';
-                successFunc(event.body);
-                return `文件上传完毕`;
-        }
-        return;
-    }
-    trackByItem(_index, item) {
-        return `${item.name}-${item.lastModified}`;
-    }
-    onImgCut(file, index) {
-        this.portal = this.portalService.attach({
-            content: XUploadPortalComponent,
-            viewContainerRef: this.viewContainerRef,
-            overlayConfig: {
-                panelClass: [XUploadPortalPrefix],
-                hasBackdrop: true,
-                positionStrategy: this.portalService.setPlace('center')
-            }
-        });
-        this.setInstance(file, index);
-    }
-    setInstance(file, index) {
-        let componentRef = this.portal?.componentRef;
-        if (!componentRef)
-            return;
-        Object.assign(componentRef.instance, {
-            file: file,
-            closePortal: () => this.closePortal(),
-            destroyPortal: () => this.destroyPortal(),
-            surePortal: (blob) => {
-                const fl = new File([blob], file.name, { type: blob.type });
-                fl.state = 'ready';
-                this.uploadFile(fl, index);
-            }
-        });
-        componentRef.changeDetectorRef.detectChanges();
-    }
-    portalAttached() {
-        return this.portal?.overlayRef?.hasAttached();
-    }
-    closePortal() {
-        if (this.portalAttached()) {
-            this.portal?.overlayRef?.detach();
-            this.cdr.detectChanges();
-            return true;
-        }
-        return false;
-    }
-    destroyPortal() {
-        this.portal?.overlayRef?.dispose();
-    }
-    imgError(_event, file) {
-        file.state = 'error';
-        this.cdr.detectChanges();
-    }
-    imgLoad(file) {
-        file.state = 'success';
-        this.cdr.detectChanges();
-    }
-}
-/** @nocollapse */ XUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", 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.7", 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.7", 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: [{
-                    type: Optional
-                }] }, { type: i0.ChangeDetectorRef }, { type: i2.XPortalService }, { type: i0.ViewContainerRef }, { type: i3.XI18nService }, { type: i4.XConfigService }]; }, propDecorators: { file: [{
-                type: ViewChild,
-                args: ['file', { static: true }]
-            }] } });
-
-class XUploadModule {
-}
-/** @nocollapse */ XUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: XUploadModule, declarations: [XUploadComponent, XUploadPortalComponent, XUploadProperty], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        DragDropModule,
-        XPortalModule,
-        XOutletModule,
-        XButtonModule,
-        XIconModule,
-        XI18nModule,
-        XBaseFormModule,
-        XImageModule,
-        XProgressModule], exports: [XUploadComponent] });
-/** @nocollapse */ XUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XUploadModule, imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        DragDropModule,
-        XPortalModule,
-        XOutletModule,
-        XButtonModule,
-        XIconModule,
-        XI18nModule,
-        XBaseFormModule,
-        XImageModule,
-        XProgressModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XUploadModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [XUploadComponent, XUploadPortalComponent, XUploadProperty],
-                    exports: [XUploadComponent],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        DragDropModule,
-                        XPortalModule,
-                        XOutletModule,
-                        XButtonModule,
-                        XIconModule,
-                        XI18nModule,
-                        XBaseFormModule,
-                        XImageModule,
-                        XProgressModule
-                    ]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { XUploadComponent, XUploadModule, XUploadPortalComponent, XUploadPortalPrefix, XUploadPrefix, XUploadProperty };
-//# sourceMappingURL=ng-nest-ui-upload.mjs.map