@ng-nest/ui 13.0.4 → 13.0.5

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

@@ -46,15 +46,15 @@ class XUploadProperty extends XControlValueAccessor {
         this.removeClick = new EventEmitter();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XUploadProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XUploadProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XUploadProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XUploadProperty, selector: "ng-component", inputs: { text: "text", action: "action", accept: "accept", type: "type", imgCut: "imgCut", multiple: "multiple" }, outputs: { removeClick: "removeClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ /** @nocollapse */ XUploadProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XUploadProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XUploadProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XUploadProperty, selector: "ng-component", inputs: { text: "text", action: "action", accept: "accept", type: "type", imgCut: "imgCut", multiple: "multiple" }, outputs: { removeClick: "removeClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XInputBoolean()
 ], XUploadProperty.prototype, "imgCut", void 0);
 __decorate([
     XInputBoolean()
 ], XUploadProperty.prototype, "multiple", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XUploadProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XUploadProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { text: [{
@@ -248,9 +248,9 @@ class XUploadPortalComponent {
         };
     }
 }
-/** @nocollapse */ /** @nocollapse */ XUploadPortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XUploadPortalComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XUploadPortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.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:translate(-50%,-50%)}.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:translate(-50%,-50%);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:white;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"], components: [{ type: i1.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XUploadPortalComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XUploadPortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XUploadPortalComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XUploadPortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.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:translate(-50%,-50%)}.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:translate(-50%,-50%);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:white;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"], components: [{ type: i1.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.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:translate(-50%,-50%)}.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:translate(-50%,-50%);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:white;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: [{
@@ -466,9 +466,9 @@ class XUploadComponent extends XUploadProperty {
         this.cdr.detectChanges();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XUploadComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1$1.HttpClient }, { token: i0.ChangeDetectorRef }, { token: i2.XPortalService }, { token: i0.ViewContainerRef }, { token: i3.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.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  <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-container [ngSwitch]=\"type\">\r\n    <ng-container *ngSwitchCase=\"'list'\">\r\n      <ul class=\"x-upload-files\">\r\n        <li *ngFor=\"let file of files; index as i; trackBy: trackByItem\">\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 [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></x-button>\r\n        </li>\r\n      </ul>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'img'\">\r\n      <div class=\"x-upload-img-item {{ file.state }}\" *ngFor=\"let file of files; index as i; trackBy: trackByItem\" [title]=\"file.name\">\r\n        <div class=\"x-upload-img-inner\">\r\n          <img [src]=\"file.url\" (load)=\"imgLoad(file)\" (error)=\"imgError($event, file)\" />\r\n          <x-icon type=\"fto-image\"></x-icon>\r\n          <span *ngIf=\"file.state == 'uploading'\">{{ file.percent }}%</span>\r\n        </div>\r\n        <div class=\"x-upload-img-btns\">\r\n          <div class=\"x-upload-img-btns-inner\">\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 class=\"x-upload-state error\" *ngSwitchCase=\"'error'\" type=\"fto-info\"></x-icon>\r\n              <a [href]=\"file.url\" target=\"_blank\" *ngSwitchCase=\"'success'\">\r\n                <x-icon type=\"fto-eye\"></x-icon>\r\n              </a>\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        </div>\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\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:hover{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-item{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-item .x-upload-img-inner{height:100%;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.x-upload-img-item .x-upload-img-inner>img{width:100%;border-radius:var(--x-border-radius)}.x-upload-img-item .x-upload-img-inner>x-icon{display:none;font-size:3rem;color:var(--x-danger)}.x-upload-img-item.error{border-color:var(--x-danger)}.x-upload-img-item.error .x-upload-img-inner>img{display:none}.x-upload-img-item.error .x-upload-img-inner>x-icon{display:inherit}.x-upload-img-item:hover .x-upload-img-btns{background-color:#00000073}.x-upload-img-item:hover .x-upload-img-btns-inner{display:initial}.x-upload-img-btns{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--x-border-radius);background-color:#0000;transition:all var(--x-animation-duration-base)}.x-upload-img-btns x-icon{cursor:pointer;font-size:1rem;padding:.25rem;color:#ffffffb3}.x-upload-img-btns x-icon:hover{color:#fff}.x-upload-img-btns-inner{display:none}\n"], components: [{ type: i4.XButtonComponent, selector: "x-button" }, { type: i1.XIconComponent, selector: "x-icon" }], directives: [{ type: i6.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XUploadComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XUploadComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1$1.HttpClient }, { token: i0.ChangeDetectorRef }, { token: i2.XPortalService }, { token: i0.ViewContainerRef }, { token: i3.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.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  <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-container [ngSwitch]=\"type\">\r\n    <ng-container *ngSwitchCase=\"'list'\">\r\n      <ul class=\"x-upload-files\">\r\n        <li *ngFor=\"let file of files; index as i; trackBy: trackByItem\">\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 [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></x-button>\r\n        </li>\r\n      </ul>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'img'\">\r\n      <div class=\"x-upload-img-item {{ file.state }}\" *ngFor=\"let file of files; index as i; trackBy: trackByItem\" [title]=\"file.name\">\r\n        <div class=\"x-upload-img-inner\">\r\n          <img [src]=\"file.url\" (load)=\"imgLoad(file)\" (error)=\"imgError($event, file)\" />\r\n          <x-icon type=\"fto-image\"></x-icon>\r\n          <span *ngIf=\"file.state == 'uploading'\">{{ file.percent }}%</span>\r\n        </div>\r\n        <div class=\"x-upload-img-btns\">\r\n          <div class=\"x-upload-img-btns-inner\">\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 class=\"x-upload-state error\" *ngSwitchCase=\"'error'\" type=\"fto-info\"></x-icon>\r\n              <a [href]=\"file.url\" target=\"_blank\" *ngSwitchCase=\"'success'\">\r\n                <x-icon type=\"fto-eye\"></x-icon>\r\n              </a>\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        </div>\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\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:hover{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-item{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-item .x-upload-img-inner{height:100%;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.x-upload-img-item .x-upload-img-inner>img{width:100%;border-radius:var(--x-border-radius)}.x-upload-img-item .x-upload-img-inner>x-icon{display:none;font-size:3rem;color:var(--x-danger)}.x-upload-img-item.error{border-color:var(--x-danger)}.x-upload-img-item.error .x-upload-img-inner>img{display:none}.x-upload-img-item.error .x-upload-img-inner>x-icon{display:inherit}.x-upload-img-item:hover .x-upload-img-btns{background-color:#00000073}.x-upload-img-item:hover .x-upload-img-btns-inner{display:initial}.x-upload-img-btns{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--x-border-radius);background-color:#0000;transition:all var(--x-animation-duration-base)}.x-upload-img-btns x-icon{cursor:pointer;font-size:1rem;padding:.25rem;color:#ffffffb3}.x-upload-img-btns x-icon:hover{color:#fff}.x-upload-img-btns-inner{display:none}\n"], components: [{ type: i4.XButtonComponent, selector: "x-button" }, { type: i1.XIconComponent, selector: "x-icon" }], directives: [{ type: i6.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.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  <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-container [ngSwitch]=\"type\">\r\n    <ng-container *ngSwitchCase=\"'list'\">\r\n      <ul class=\"x-upload-files\">\r\n        <li *ngFor=\"let file of files; index as i; trackBy: trackByItem\">\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 [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></x-button>\r\n        </li>\r\n      </ul>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'img'\">\r\n      <div class=\"x-upload-img-item {{ file.state }}\" *ngFor=\"let file of files; index as i; trackBy: trackByItem\" [title]=\"file.name\">\r\n        <div class=\"x-upload-img-inner\">\r\n          <img [src]=\"file.url\" (load)=\"imgLoad(file)\" (error)=\"imgError($event, file)\" />\r\n          <x-icon type=\"fto-image\"></x-icon>\r\n          <span *ngIf=\"file.state == 'uploading'\">{{ file.percent }}%</span>\r\n        </div>\r\n        <div class=\"x-upload-img-btns\">\r\n          <div class=\"x-upload-img-btns-inner\">\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 class=\"x-upload-state error\" *ngSwitchCase=\"'error'\" type=\"fto-info\"></x-icon>\r\n              <a [href]=\"file.url\" target=\"_blank\" *ngSwitchCase=\"'success'\">\r\n                <x-icon type=\"fto-eye\"></x-icon>\r\n              </a>\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        </div>\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\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:hover{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-item{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-item .x-upload-img-inner{height:100%;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.x-upload-img-item .x-upload-img-inner>img{width:100%;border-radius:var(--x-border-radius)}.x-upload-img-item .x-upload-img-inner>x-icon{display:none;font-size:3rem;color:var(--x-danger)}.x-upload-img-item.error{border-color:var(--x-danger)}.x-upload-img-item.error .x-upload-img-inner>img{display:none}.x-upload-img-item.error .x-upload-img-inner>x-icon{display:inherit}.x-upload-img-item:hover .x-upload-img-btns{background-color:#00000073}.x-upload-img-item:hover .x-upload-img-btns-inner{display:initial}.x-upload-img-btns{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--x-border-radius);background-color:#0000;transition:all var(--x-animation-duration-base)}.x-upload-img-btns x-icon{cursor:pointer;font-size:1rem;padding:.25rem;color:#ffffffb3}.x-upload-img-btns x-icon:hover{color:#fff}.x-upload-img-btns-inner{display:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1$1.HttpClient }, { type: i0.ChangeDetectorRef }, { type: i2.XPortalService }, { type: i0.ViewContainerRef }, { type: i3.XI18nService }]; }, propDecorators: { file: [{
@@ -478,8 +478,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
 
 class XUploadModule {
 }
-/** @nocollapse */ /** @nocollapse */ XUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XUploadModule, declarations: [XUploadComponent, XUploadPortalComponent, XUploadProperty], imports: [CommonModule,
+/** @nocollapse */ /** @nocollapse */ XUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XUploadModule, declarations: [XUploadComponent, XUploadPortalComponent, XUploadProperty], imports: [CommonModule,
         FormsModule,
         DragDropModule,
         XPortalModule,
@@ -488,7 +488,7 @@ class XUploadModule {
         XIconModule,
         XI18nModule,
         XBaseFormModule], exports: [XUploadComponent] });
-/** @nocollapse */ /** @nocollapse */ XUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XUploadModule, imports: [[
+/** @nocollapse */ /** @nocollapse */ XUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XUploadModule, imports: [[
             CommonModule,
             FormsModule,
             DragDropModule,
@@ -499,7 +499,7 @@ class XUploadModule {
             XI18nModule,
             XBaseFormModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XUploadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XUploadModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XUploadComponent, XUploadPortalComponent, XUploadProperty],

package/message/examples/en_US/default/loading/README.md

@@ -0,0 +1,6 @@
+---
+order: 5
+label: 'Loading'
+---
+
+Use `loading()` to use the load, you need to remove it manually or update.

package/message/examples/zh_CN/default/loading/README.md

@@ -0,0 +1,6 @@
+---
+order: 5
+label: '加载中'
+---
+
+使用 `loading()` 来使用加载中，需要手动或者更新移除。

package/message/message-ref.d.ts

@@ -0,0 +1,8 @@
+import { XMessageOption } from './message.property';
+export declare class XMessageRef {
+    option: XMessageOption;
+    constructor(option: XMessageOption);
+    close: () => void;
+    closeAll: () => void;
+    update: (_option: XMessageOption) => void;
+}

package/message/message.component.d.ts

@@ -1,11 +1,11 @@
 import { Renderer2, ElementRef, ChangeDetectorRef } from '@angular/core';
-import { XMessageOption, XMessageRef } from './message.property';
+import { XMessageOption, XMessagePlacementRef } from './message.property';
 import * as i0 from "@angular/core";
 export declare class XMessageComponent {
     renderer: Renderer2;
     elementRef: ElementRef;
     cdr: ChangeDetectorRef;
-    message: XMessageRef;
+    message: XMessagePlacementRef;
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef);
     onClose(item: XMessageOption): void;
     moveDone($event: {
@@ -13,7 +13,7 @@ export declare class XMessageComponent {
     }): void;
     onEnter(item: XMessageOption): void;
     onLeave(item: XMessageOption): void;
-    trackByNode(_index: number, item: XMessageOption): string;
+    trackByNode(_index: number, item: XMessageOption): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<XMessageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XMessageComponent, "x-message", never, {}, {}, never, never>;
 }

package/message/message.property.d.ts

@@ -15,6 +15,11 @@ export declare const X_MESSAGE_CONFIG_NAME = "message";
  * Message Option
  */
 export interface XMessageOption extends XAlertOption {
+    /**
+     * @zh_CN 消息框的 id
+     * @en_US Message id
+     */
+    id?: string;
     /**
      * @zh_CN 方位，九宫格
      * @en_US Direction, nine grid
@@ -98,12 +103,27 @@ export interface XMessageOverlayRef extends XPortalOverlayRef<XMessageComponent>
  * @en_US Message object in Jiugongge
  */
 export interface XMessagePlacement {
-    [property: string]: XMessageRef;
+    [property: string]: XMessagePlacementRef;
 }
-export interface XMessageRef {
+/**
+ * @zh_CN 九宫格中的消息对象
+ * @en_US Message object in Jiugongge
+ */
+export interface XMessagePlacementRef {
+    /**
+     * @zh_CN 方位对应的 overlayRef
+     * @en_US Placement overlayRef
+     */
     ref: XMessageOverlayRef;
+    /**
+     * @zh_CN 对应的消息 list 数据
+     * @en_US Corresponding message list data
+     */
     list: XMessageOption[];
-    currentClose: () => void;
+    /**
+     * @zh_CN 关闭所有数据
+     * @en_US Close all data
+     */
     closeAll: () => void;
 }
 /**

package/message/message.service.d.ts

@@ -1,6 +1,7 @@
 import { XTemplate, XConfigService, XMessageConfig } from '@ng-nest/ui/core';
-import { XMessageOverlayRef, XMessagePlacement, XMessageRef, XMessageOption } from './message.property';
+import { XMessageOverlayRef, XMessagePlacement, XMessageOption } from './message.property';
 import { XPortalService } from '@ng-nest/ui/portal';
+import { XMessageRef } from './message-ref';
 import * as i0 from "@angular/core";
 export declare class XMessageService {
     portal: XPortalService;
@@ -13,6 +14,7 @@ export declare class XMessageService {
     success(option: XTemplate | XMessageOption): XMessageRef;
     warning(option: XTemplate | XMessageOption): XMessageRef;
     error(option: XTemplate | XMessageOption): XMessageRef;
+    loading(option: XTemplate | XMessageOption): XMessageRef;
     create(option: XMessageOption): XMessageOverlayRef;
     private createMessage;
     private closeAll;
@@ -20,6 +22,7 @@ export declare class XMessageService {
     private messageChange;
     private setDuration;
     private removeMessage;
+    private updateMessage;
     static ɵfac: i0.ɵɵFactoryDeclaration<XMessageService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<XMessageService>;
 }

package/message/public-api.d.ts

@@ -1,4 +1,5 @@
 export * from './message.component';
+export * from './message-ref';
 export * from './message.service';
 export * from './message.module';
 export * from './message.property';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-nest/ui",
-  "version": "13.0.4",
+  "version": "13.0.5",
   "homepage": "https://www.ngnest.com",
   "author": "ng-nest",
   "ng-update": {
@@ -13,14 +13,14 @@
     "url": "https://github.com/NG-NEST/ng-nest"
   },
   "dependencies": {
-    "tslib": "~2.3.0",
-    "@angular/cdk": "~13.0.0"
+    "tslib": "^2.3.0",
+    "@angular/cdk": "^13.0.0"
   },
   "peerDependencies": {
-    "@angular/animations": "~13.0.0",
-    "@angular/common": "~13.0.0",
-    "@angular/core": "~13.0.0",
-    "@angular/forms": "~13.0.0"
+    "@angular/animations": "^13.0.0",
+    "@angular/common": "^13.0.0",
+    "@angular/core": "^13.0.0",
+    "@angular/forms": "^13.0.0"
   },
   "module": "fesm2015/ng-nest-ui.mjs",
   "es2020": "fesm2020/ng-nest-ui.mjs",

package/popconfirm/examples/en_US/default/async-close/README.md

@@ -0,0 +1,6 @@
+---
+order: 2
+label: 'Async'
+---
+
+Use the `confirmAsync` property to use an asynchronous confirmation, pass a `Observable` object, trigger confirmation via `next()`.

package/popconfirm/examples/en_US/default/condition/README.md

@@ -0,0 +1,6 @@
+---
+order: 3
+label: 'Condition'
+---
+
+Trigger the bubble box using the `condition` property, whether it is `ture` or `false` will execute `confirm`.

package/popconfirm/examples/zh_CN/default/async-close/README.md

@@ -0,0 +1,6 @@
+---
+order: 2
+label: '异步确认'
+---
+
+使用 `confirmAsync` 属性来使用异步确认，传递一个 `Observable` 对象，通过 `next()` 来触发确认。

package/popconfirm/examples/zh_CN/default/condition/README.md

@@ -0,0 +1,6 @@
+---
+order: 3
+label: '条件触发'
+---
+
+使用 `condition` 属性来条件触发气泡框，不管是 `ture` 还是 `false` 都会执行 `confirm` 。

package/popconfirm/popconfirm.component.d.ts

@@ -1,9 +1,9 @@
-import { Renderer2, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { Renderer2, ElementRef, ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { XPopconfirmProperty } from './popconfirm.property';
 import { XBoolean, XConfigService } from '@ng-nest/ui/core';
 import { XI18nService, XI18nPopconfirm } from '@ng-nest/ui/i18n';
 import * as i0 from "@angular/core";
-export declare class XPopconfirmComponent extends XPopconfirmProperty {
+export declare class XPopconfirmComponent extends XPopconfirmProperty implements OnDestroy {
     renderer: Renderer2;
     elementRef: ElementRef;
     cdr: ChangeDetectorRef;
@@ -11,13 +11,17 @@ export declare class XPopconfirmComponent extends XPopconfirmProperty {
     i18n: XI18nService;
     visible: XBoolean;
     locale: XI18nPopconfirm;
+    loading: boolean;
     private _unSubject;
+    private _asyncUnSub;
     get getCancelText(): string | undefined;
     get getConfirmText(): string | undefined;
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService, i18n: XI18nService);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     onCancel(): void;
     onConfirm(): void;
+    onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPopconfirmComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XPopconfirmComponent, "x-popconfirm", never, {}, {}, never, ["*"]>;
 }

package/popconfirm/popconfirm.property.d.ts

@@ -1,6 +1,7 @@
-import { XPlacement, XTemplate, XProperty } from '@ng-nest/ui/core';
+import { XPlacement, XTemplate, XProperty, XBoolean } from '@ng-nest/ui/core';
 import { XPopoverTrigger } from '@ng-nest/ui/popover';
 import { EventEmitter } from '@angular/core';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
  * Popconfirm
@@ -57,6 +58,16 @@ export declare class XPopconfirmProperty extends XProperty {
      * @en_US Confirmed text
      */
     confirmText?: string;
+    /**
+     * @zh_CN 确认异步 Observable
+     * @en_US Confirm async
+     */
+    confirmAsync?: Observable<void>;
+    /**
+     * @zh_CN 条件触发
+     * @en_US condition trigger
+     */
+    condition?: XBoolean;
     /**
      * @zh_CN 取消的点击事件
      * @en_US Cancelled click event
@@ -68,5 +79,5 @@ export declare class XPopconfirmProperty extends XProperty {
      */
     confirm: EventEmitter<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPopconfirmProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XPopconfirmProperty, "ng-component", never, { "title": "title"; "content": "content"; "placement": "placement"; "trigger": "trigger"; "width": "width"; "icon": "icon"; "iconColor": "iconColor"; "cancelText": "cancelText"; "confirmText": "confirmText"; }, { "cancel": "cancel"; "confirm": "confirm"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPopconfirmProperty, "ng-component", never, { "title": "title"; "content": "content"; "placement": "placement"; "trigger": "trigger"; "width": "width"; "icon": "icon"; "iconColor": "iconColor"; "cancelText": "cancelText"; "confirmText": "confirmText"; "confirmAsync": "confirmAsync"; "condition": "condition"; }, { "cancel": "cancel"; "confirm": "confirm"; }, never, never>;
 }

package/popover/popover.property.d.ts

@@ -46,13 +46,18 @@ export declare class XPopoverProperty extends XProperty {
      * @en_US Show/hide control
      */
     visible?: XBoolean;
+    /**
+     * @zh_CN 条件触发
+     * @en_US condition trigger
+     */
+    condition?: XBoolean;
     /**
      * @zh_CN 显示/隐藏改变的事件
      * @en_US Show/hide changed events
      */
     visibleChange: EventEmitter<XBoolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPopoverProperty, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<XPopoverProperty, "[x-popover], x-popover", never, { "title": "title"; "content": "content"; "footer": "footer"; "placement": "placement"; "trigger": "trigger"; "width": "width"; "visible": "visible"; }, { "visibleChange": "visibleChange"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XPopoverProperty, "[x-popover], x-popover", never, { "title": "title"; "content": "content"; "footer": "footer"; "placement": "placement"; "trigger": "trigger"; "width": "width"; "visible": "visible"; "condition": "condition"; }, { "visibleChange": "visibleChange"; }, never>;
 }
 /**
  * @zh_CN 激活方式

package/steps/examples/zh_CN/default/node-status/README.md

@@ -1,6 +1,6 @@
 ---
 order: 9
-label: '节点状态'
+label: '节点状态优先'
 ---
 
 使用 `nodeStatus` 属性来启用单节点设置状态优先，`activatedIndex` 和 `status` 将失效，可以有多个相同状态的节点。

package/esm2020/dialog/dialog-container.component.mjs

@@ -1,52 +0,0 @@
-import { BasePortalOutlet, CdkPortalOutlet } from '@angular/cdk/portal';
-import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, HostListener, ViewChild, ViewEncapsulation } from '@angular/core';
-import { XMoveBoxAnimation } from '@ng-nest/ui/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/portal";
-export class XDialogContainerComponent extends BasePortalOutlet {
-    constructor() {
-        super();
-        this._has = true;
-        this.animationChanged = new EventEmitter();
-    }
-    done({ toState, totalTime }) {
-        this.animationChanged.next({ action: 'done', state: toState, totalTime });
-    }
-    start({ toState, totalTime }) {
-        this.animationChanged.next({ action: 'start', state: toState, totalTime });
-    }
-    attachComponentPortal(portal) {
-        if (this.portalOutlet.hasAttached()) {
-            throw Error('dialog portal has attached');
-        }
-        return this.portalOutlet.attachComponentPortal(portal);
-    }
-    attachTemplatePortal(portal) {
-        if (this.portalOutlet.hasAttached()) {
-            throw Error('dialog portal has attached');
-        }
-        return this.portalOutlet.attachTemplatePortal(portal);
-    }
-}
-/** @nocollapse */ /** @nocollapse */ XDialogContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDialogContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XDialogContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XDialogContainerComponent, selector: "x-dialog-container", host: { listeners: { "@x-move-box-animation.done": "done($event)", "@x-move-box-animation.start": "start($event)" }, properties: { "class.x-dialog-container": "this._has", "@x-move-box-animation": "this.placement" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\r\n", styles: [".x-dialog-container{margin:0;padding:0;width:100%;height:100%;overflow:auto;display:block;padding:1rem;box-sizing:border-box;min-height:inherit;max-height:inherit;background-color:var(--x-background);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);border:.0625rem solid transparent;border-radius:var(--x-border-radius)}.x-dialog-container-title{display:block;margin:0 0 .5rem;font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-dialog-container-content{display:block;margin:0 -1rem;padding:0 1rem;max-height:70vh;overflow:auto;color:var(--x-text-300);font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem}.x-dialog-container-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;box-sizing:content-box;margin-bottom:-1rem;min-height:4rem}.x-dialog-container-actions[align=center]{justify-content:center}.x-dialog-container-actions[align=start]{justify-content:flex-start}.x-dialog-container-actions x-button:not(:first-child){margin-left:1rem}\n"], directives: [{ type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [XMoveBoxAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDialogContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'x-dialog-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XMoveBoxAnimation], template: "<ng-template cdkPortalOutlet></ng-template>\r\n", styles: [".x-dialog-container{margin:0;padding:0;width:100%;height:100%;overflow:auto;display:block;padding:1rem;box-sizing:border-box;min-height:inherit;max-height:inherit;background-color:var(--x-background);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);border:.0625rem solid transparent;border-radius:var(--x-border-radius)}.x-dialog-container-title{display:block;margin:0 0 .5rem;font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-dialog-container-content{display:block;margin:0 -1rem;padding:0 1rem;max-height:70vh;overflow:auto;color:var(--x-text-300);font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem}.x-dialog-container-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;box-sizing:content-box;margin-bottom:-1rem;min-height:4rem}.x-dialog-container-actions[align=center]{justify-content:center}.x-dialog-container-actions[align=start]{justify-content:flex-start}.x-dialog-container-actions x-button:not(:first-child){margin-left:1rem}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { _has: [{
-                type: HostBinding,
-                args: ['class.x-dialog-container']
-            }], placement: [{
-                type: HostBinding,
-                args: ['@x-move-box-animation']
-            }], done: [{
-                type: HostListener,
-                args: ['@x-move-box-animation.done', ['$event']]
-            }], start: [{
-                type: HostListener,
-                args: ['@x-move-box-animation.start', ['$event']]
-            }], portalOutlet: [{
-                type: ViewChild,
-                args: [CdkPortalOutlet, { static: true }]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9kaWFsb2cvZGlhbG9nLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9kaWFsb2cvZGlhbG9nLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsZUFBZSxFQUFtQyxNQUFNLHFCQUFxQixDQUFDO0FBQ3pHLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUdULFlBQVksRUFDWixXQUFXLEVBQ1gsWUFBWSxFQUNaLFNBQVMsRUFDVCxpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7OztBQVlyRCxNQUFNLE9BQU8seUJBQTBCLFNBQVEsZ0JBQWdCO0lBYTdEO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFiK0IsU0FBSSxHQUFHLElBQUksQ0FBQztRQVVyRCxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBeUIsQ0FBQztJQUk3RCxDQUFDO0lBWnVELElBQUksQ0FBQyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQWtCO1FBQ2pHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxPQUFnQyxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUM7SUFDckcsQ0FBQztJQUN3RCxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFrQjtRQUNuRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBZ0MsRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDO0lBQ3RHLENBQUM7SUFTRCxxQkFBcUIsQ0FBSSxNQUEwQjtRQUNqRCxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLEVBQUU7WUFDbkMsTUFBTSxLQUFLLENBQUMsNEJBQTRCLENBQUMsQ0FBQztTQUMzQztRQUNELE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxxQkFBcUIsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN6RCxDQUFDO0lBQ0Qsb0JBQW9CLENBQUksTUFBeUI7UUFDL0MsSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxFQUFFO1lBQ25DLE1BQU0sS0FBSyxDQUFDLDRCQUE0QixDQUFDLENBQUM7U0FDM0M7UUFDRCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsb0JBQW9CLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDeEQsQ0FBQzs7NEpBNUJVLHlCQUF5QjtnSkFBekIseUJBQXlCLG1VQVN6QixlQUFlLHFGQ2pDNUIsaURBQ0Esa3RDRHFCYyxDQUFDLGlCQUFpQixDQUFDOzJGQUVwQix5QkFBeUI7a0JBUnJDLFNBQVM7K0JBQ0Usb0JBQW9CLGlCQUdmLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsQ0FBQyxpQkFBaUIsQ0FBQzswRUFHVSxJQUFJO3NCQUE1QyxXQUFXO3VCQUFDLDBCQUEwQjtnQkFDTSxTQUFTO3NCQUFyRCxXQUFXO3VCQUFDLHVCQUF1QjtnQkFDb0IsSUFBSTtzQkFBM0QsWUFBWTt1QkFBQyw0QkFBNEIsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFHRyxLQUFLO3NCQUE3RCxZQUFZO3VCQUFDLDZCQUE2QixFQUFFLENBQUMsUUFBUSxDQUFDO2dCQUdULFlBQVk7c0JBQXpELFNBQVM7dUJBQUMsZUFBZSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJhc2VQb3J0YWxPdXRsZXQsIENka1BvcnRhbE91dGxldCwgQ29tcG9uZW50UG9ydGFsLCBUZW1wbGF0ZVBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xyXG5pbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBDb21wb25lbnRSZWYsXHJcbiAgRW1iZWRkZWRWaWV3UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBIb3N0QmluZGluZyxcclxuICBIb3N0TGlzdGVuZXIsXHJcbiAgVmlld0NoaWxkLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFhNb3ZlQm94QW5pbWF0aW9uIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IFhEaWFsb2dBbmltYXRpb25FdmVudCwgWERpYWxvZ0FuaW1hdGlvblN0YXRlIH0gZnJvbSAnLi9kaWFsb2cucHJvcGVydHknO1xyXG5pbXBvcnQgeyBBbmltYXRpb25FdmVudCB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd4LWRpYWxvZy1jb250YWluZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2ctY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kaWFsb2ctY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBhbmltYXRpb25zOiBbWE1vdmVCb3hBbmltYXRpb25dXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYRGlhbG9nQ29udGFpbmVyQ29tcG9uZW50IGV4dGVuZHMgQmFzZVBvcnRhbE91dGxldCB7XHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy54LWRpYWxvZy1jb250YWluZXInKSBfaGFzID0gdHJ1ZTtcclxuICBASG9zdEJpbmRpbmcoJ0B4LW1vdmUtYm94LWFuaW1hdGlvbicpIHB1YmxpYyBwbGFjZW1lbnQ/OiBYRGlhbG9nQW5pbWF0aW9uU3RhdGU7XHJcbiAgQEhvc3RMaXN0ZW5lcignQHgtbW92ZS1ib3gtYW5pbWF0aW9uLmRvbmUnLCBbJyRldmVudCddKSBkb25lKHsgdG9TdGF0ZSwgdG90YWxUaW1lIH06IEFuaW1hdGlvbkV2ZW50KSB7XHJcbiAgICB0aGlzLmFuaW1hdGlvbkNoYW5nZWQubmV4dCh7IGFjdGlvbjogJ2RvbmUnLCBzdGF0ZTogdG9TdGF0ZSBhcyBYRGlhbG9nQW5pbWF0aW9uU3RhdGUsIHRvdGFsVGltZSB9KTtcclxuICB9XHJcbiAgQEhvc3RMaXN0ZW5lcignQHgtbW92ZS1ib3gtYW5pbWF0aW9uLnN0YXJ0JywgWyckZXZlbnQnXSkgc3RhcnQoeyB0b1N0YXRlLCB0b3RhbFRpbWUgfTogQW5pbWF0aW9uRXZlbnQpIHtcclxuICAgIHRoaXMuYW5pbWF0aW9uQ2hhbmdlZC5uZXh0KHsgYWN0aW9uOiAnc3RhcnQnLCBzdGF0ZTogdG9TdGF0ZSBhcyBYRGlhbG9nQW5pbWF0aW9uU3RhdGUsIHRvdGFsVGltZSB9KTtcclxuICB9XHJcbiAgQFZpZXdDaGlsZChDZGtQb3J0YWxPdXRsZXQsIHsgc3RhdGljOiB0cnVlIH0pIHBvcnRhbE91dGxldCE6IENka1BvcnRhbE91dGxldDtcclxuXHJcbiAgYW5pbWF0aW9uQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8WERpYWxvZ0FuaW1hdGlvbkV2ZW50PigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBhdHRhY2hDb21wb25lbnRQb3J0YWw8VD4ocG9ydGFsOiBDb21wb25lbnRQb3J0YWw8VD4pOiBDb21wb25lbnRSZWY8VD4ge1xyXG4gICAgaWYgKHRoaXMucG9ydGFsT3V0bGV0Lmhhc0F0dGFjaGVkKCkpIHtcclxuICAgICAgdGhyb3cgRXJyb3IoJ2RpYWxvZyBwb3J0YWwgaGFzIGF0dGFjaGVkJyk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gdGhpcy5wb3J0YWxPdXRsZXQuYXR0YWNoQ29tcG9uZW50UG9ydGFsKHBvcnRhbCk7XHJcbiAgfVxyXG4gIGF0dGFjaFRlbXBsYXRlUG9ydGFsPEM+KHBvcnRhbDogVGVtcGxhdGVQb3J0YWw8Qz4pOiBFbWJlZGRlZFZpZXdSZWY8Qz4ge1xyXG4gICAgaWYgKHRoaXMucG9ydGFsT3V0bGV0Lmhhc0F0dGFjaGVkKCkpIHtcclxuICAgICAgdGhyb3cgRXJyb3IoJ2RpYWxvZyBwb3J0YWwgaGFzIGF0dGFjaGVkJyk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gdGhpcy5wb3J0YWxPdXRsZXQuYXR0YWNoVGVtcGxhdGVQb3J0YWwocG9ydGFsKTtcclxuICB9XHJcbn1cclxuIiwiPG5nLXRlbXBsYXRlIGNka1BvcnRhbE91dGxldD48L25nLXRlbXBsYXRlPlxyXG4iXX0=

package/esm2020/dialog/dialog-container.directives.mjs

@@ -1,73 +0,0 @@
-import { Directive, HostBinding, HostListener, Optional } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "./dialog-ref";
-export class XDialogCloseDirective {
-    constructor(dialogRef) {
-        this.dialogRef = dialogRef;
-    }
-    onCloseClick() {
-        this.dialogRef && this.dialogRef.close();
-    }
-}
-/** @nocollapse */ /** @nocollapse */ XDialogCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDialogCloseDirective, deps: [{ token: i1.XDialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ /** @nocollapse */ XDialogCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: XDialogCloseDirective, selector: "[x-dialog-close]", host: { listeners: { "click": "onCloseClick($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDialogCloseDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: `[x-dialog-close]`
-                }]
-        }], ctorParameters: function () { return [{ type: i1.XDialogRef, decorators: [{
-                    type: Optional
-                }] }]; }, propDecorators: { onCloseClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-export class XDialogTitleDirective {
-    constructor() {
-        this._has = true;
-    }
-}
-/** @nocollapse */ /** @nocollapse */ XDialogTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDialogTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ /** @nocollapse */ XDialogTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: XDialogTitleDirective, selector: "[x-dialog-title]", host: { properties: { "class.x-dialog-container-title": "this._has" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDialogTitleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: `[x-dialog-title]`
-                }]
-        }], propDecorators: { _has: [{
-                type: HostBinding,
-                args: ['class.x-dialog-container-title']
-            }] } });
-export class XDialogContentDirective {
-    constructor() {
-        this._has = true;
-    }
-}
-/** @nocollapse */ /** @nocollapse */ XDialogContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ /** @nocollapse */ XDialogContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: XDialogContentDirective, selector: "[x-dialog-content], x-dialog-content", host: { properties: { "class.x-dialog-container-content": "this._has" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDialogContentDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: `[x-dialog-content], x-dialog-content`
-                }]
-        }], propDecorators: { _has: [{
-                type: HostBinding,
-                args: ['class.x-dialog-container-content']
-            }] } });
-export class XDialogActionsDirective {
-    constructor() {
-        this._has = true;
-    }
-}
-/** @nocollapse */ /** @nocollapse */ XDialogActionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDialogActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ /** @nocollapse */ XDialogActionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: XDialogActionsDirective, selector: "[x-dialog-actions], x-dialog-actions", host: { properties: { "class.x-dialog-container-actions": "this._has" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDialogActionsDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: `[x-dialog-actions], x-dialog-actions`
-                }]
-        }], propDecorators: { _has: [{
-                type: HostBinding,
-                args: ['class.x-dialog-container-actions']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbnRhaW5lci5kaXJlY3RpdmVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvZGlhbG9nL2RpYWxvZy1jb250YWluZXIuZGlyZWN0aXZlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFNL0UsTUFBTSxPQUFPLHFCQUFxQjtJQUloQyxZQUErQixTQUEwQjtRQUExQixjQUFTLEdBQVQsU0FBUyxDQUFpQjtJQUFHLENBQUM7SUFIMUIsWUFBWTtRQUM3QyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDM0MsQ0FBQzs7d0pBSFUscUJBQXFCOzRJQUFyQixxQkFBcUI7MkZBQXJCLHFCQUFxQjtrQkFIakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO2lCQUM3Qjs7MEJBS2MsUUFBUTs0Q0FIYyxZQUFZO3NCQUE5QyxZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQzs7QUFTbkMsTUFBTSxPQUFPLHFCQUFxQjtJQUhsQztRQUlpRCxTQUFJLEdBQUcsSUFBSSxDQUFDO0tBQzVEOzt3SkFGWSxxQkFBcUI7NElBQXJCLHFCQUFxQjsyRkFBckIscUJBQXFCO2tCQUhqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7aUJBQzdCOzhCQUVnRCxJQUFJO3NCQUFsRCxXQUFXO3VCQUFDLGdDQUFnQzs7QUFNL0MsTUFBTSxPQUFPLHVCQUF1QjtJQUhwQztRQUltRCxTQUFJLEdBQUcsSUFBSSxDQUFDO0tBQzlEOzswSkFGWSx1QkFBdUI7OElBQXZCLHVCQUF1QjsyRkFBdkIsdUJBQXVCO2tCQUhuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQ0FBc0M7aUJBQ2pEOzhCQUVrRCxJQUFJO3NCQUFwRCxXQUFXO3VCQUFDLGtDQUFrQzs7QUFNakQsTUFBTSxPQUFPLHVCQUF1QjtJQUhwQztRQUltRCxTQUFJLEdBQUcsSUFBSSxDQUFDO0tBQzlEOzswSkFGWSx1QkFBdUI7OElBQXZCLHVCQUF1QjsyRkFBdkIsdUJBQXVCO2tCQUhuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQ0FBc0M7aUJBQ2pEOzhCQUVrRCxJQUFJO3NCQUFwRCxXQUFXO3VCQUFDLGtDQUFrQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgWERpYWxvZ1JlZiB9IGZyb20gJy4vZGlhbG9nLXJlZic7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogYFt4LWRpYWxvZy1jbG9zZV1gXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYRGlhbG9nQ2xvc2VEaXJlY3RpdmUge1xyXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSkgb25DbG9zZUNsaWNrKCkge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYgJiYgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcclxuICB9XHJcbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgcHVibGljIGRpYWxvZ1JlZjogWERpYWxvZ1JlZjxhbnk+KSB7fVxyXG59XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogYFt4LWRpYWxvZy10aXRsZV1gXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYRGlhbG9nVGl0bGVEaXJlY3RpdmUge1xyXG4gIEBIb3N0QmluZGluZygnY2xhc3MueC1kaWFsb2ctY29udGFpbmVyLXRpdGxlJykgX2hhcyA9IHRydWU7XHJcbn1cclxuXHJcbkBEaXJlY3RpdmUoe1xyXG4gIHNlbGVjdG9yOiBgW3gtZGlhbG9nLWNvbnRlbnRdLCB4LWRpYWxvZy1jb250ZW50YFxyXG59KVxyXG5leHBvcnQgY2xhc3MgWERpYWxvZ0NvbnRlbnREaXJlY3RpdmUge1xyXG4gIEBIb3N0QmluZGluZygnY2xhc3MueC1kaWFsb2ctY29udGFpbmVyLWNvbnRlbnQnKSBfaGFzID0gdHJ1ZTtcclxufVxyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6IGBbeC1kaWFsb2ctYWN0aW9uc10sIHgtZGlhbG9nLWFjdGlvbnNgXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYRGlhbG9nQWN0aW9uc0RpcmVjdGl2ZSB7XHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy54LWRpYWxvZy1jb250YWluZXItYWN0aW9ucycpIF9oYXMgPSB0cnVlO1xyXG59XHJcbiJdfQ==