@ng-nest/ui 15.0.19 → 16.0.0

package/esm2022/upload/upload.module.mjs

@@ -0,0 +1,66 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { XUploadComponent } from './upload.component';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { XButtonModule } from '@ng-nest/ui/button';
+import { XIconModule } from '@ng-nest/ui/icon';
+import { XUploadProperty } from './upload.property';
+import { XI18nModule } from '@ng-nest/ui/i18n';
+import { XOutletModule } from '@ng-nest/ui/outlet';
+import { XPortalModule } from '@ng-nest/ui/portal';
+import { XUploadPortalComponent } from './upload-portal.component';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { XBaseFormModule } from '@ng-nest/ui/base-form';
+import { XImageModule } from '@ng-nest/ui/image';
+import { XProgressModule } from '@ng-nest/ui/progress';
+import * as i0 from "@angular/core";
+class XUploadModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XUploadModule, declarations: [XUploadComponent, XUploadPortalComponent, XUploadProperty], imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            DragDropModule,
+            XPortalModule,
+            XOutletModule,
+            XButtonModule,
+            XIconModule,
+            XI18nModule,
+            XBaseFormModule,
+            XImageModule,
+            XProgressModule], exports: [XUploadComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XUploadModule, imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            DragDropModule,
+            XPortalModule,
+            XOutletModule,
+            XButtonModule,
+            XIconModule,
+            XI18nModule,
+            XBaseFormModule,
+            XImageModule,
+            XProgressModule] }); }
+}
+export { XUploadModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", 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
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL3VwbG9hZC91cGxvYWQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBRXZELE1Ba0JhLGFBQWE7aUlBQWIsYUFBYTtrSUFBYixhQUFhLGlCQWpCVCxnQkFBZ0IsRUFBRSxzQkFBc0IsRUFBRSxlQUFlLGFBR3RFLFlBQVk7WUFDWixXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLGNBQWM7WUFDZCxhQUFhO1lBQ2IsYUFBYTtZQUNiLGFBQWE7WUFDYixXQUFXO1lBQ1gsV0FBVztZQUNYLGVBQWU7WUFDZixZQUFZO1lBQ1osZUFBZSxhQWJQLGdCQUFnQjtrSUFnQmYsYUFBYSxZQWR0QixZQUFZO1lBQ1osV0FBVztZQUNYLG1CQUFtQjtZQUNuQixjQUFjO1lBQ2QsYUFBYTtZQUNiLGFBQWE7WUFDYixhQUFhO1lBQ2IsV0FBVztZQUNYLFdBQVc7WUFDWCxlQUFlO1lBQ2YsWUFBWTtZQUNaLGVBQWU7O1NBR04sYUFBYTsyRkFBYixhQUFhO2tCQWxCekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsRUFBRSxzQkFBc0IsRUFBRSxlQUFlLENBQUM7b0JBQ3pFLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixDQUFDO29CQUMzQixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLG1CQUFtQjt3QkFDbkIsY0FBYzt3QkFDZCxhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYixXQUFXO3dCQUNYLFdBQVc7d0JBQ1gsZUFBZTt3QkFDZixZQUFZO3dCQUNaLGVBQWU7cUJBQ2hCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgWFVwbG9hZENvbXBvbmVudCB9IGZyb20gJy4vdXBsb2FkLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBYQnV0dG9uTW9kdWxlIH0gZnJvbSAnQG5nLW5lc3QvdWkvYnV0dG9uJztcclxuaW1wb3J0IHsgWEljb25Nb2R1bGUgfSBmcm9tICdAbmctbmVzdC91aS9pY29uJztcclxuaW1wb3J0IHsgWFVwbG9hZFByb3BlcnR5IH0gZnJvbSAnLi91cGxvYWQucHJvcGVydHknO1xyXG5pbXBvcnQgeyBYSTE4bk1vZHVsZSB9IGZyb20gJ0BuZy1uZXN0L3VpL2kxOG4nO1xyXG5pbXBvcnQgeyBYT3V0bGV0TW9kdWxlIH0gZnJvbSAnQG5nLW5lc3QvdWkvb3V0bGV0JztcclxuaW1wb3J0IHsgWFBvcnRhbE1vZHVsZSB9IGZyb20gJ0BuZy1uZXN0L3VpL3BvcnRhbCc7XHJcbmltcG9ydCB7IFhVcGxvYWRQb3J0YWxDb21wb25lbnQgfSBmcm9tICcuL3VwbG9hZC1wb3J0YWwuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRHJhZ0Ryb3BNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcclxuaW1wb3J0IHsgWEJhc2VGb3JtTW9kdWxlIH0gZnJvbSAnQG5nLW5lc3QvdWkvYmFzZS1mb3JtJztcclxuaW1wb3J0IHsgWEltYWdlTW9kdWxlIH0gZnJvbSAnQG5nLW5lc3QvdWkvaW1hZ2UnO1xyXG5pbXBvcnQgeyBYUHJvZ3Jlc3NNb2R1bGUgfSBmcm9tICdAbmctbmVzdC91aS9wcm9ncmVzcyc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1hVcGxvYWRDb21wb25lbnQsIFhVcGxvYWRQb3J0YWxDb21wb25lbnQsIFhVcGxvYWRQcm9wZXJ0eV0sXHJcbiAgZXhwb3J0czogW1hVcGxvYWRDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcclxuICAgIERyYWdEcm9wTW9kdWxlLFxyXG4gICAgWFBvcnRhbE1vZHVsZSxcclxuICAgIFhPdXRsZXRNb2R1bGUsXHJcbiAgICBYQnV0dG9uTW9kdWxlLFxyXG4gICAgWEljb25Nb2R1bGUsXHJcbiAgICBYSTE4bk1vZHVsZSxcclxuICAgIFhCYXNlRm9ybU1vZHVsZSxcclxuICAgIFhJbWFnZU1vZHVsZSxcclxuICAgIFhQcm9ncmVzc01vZHVsZVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFhVcGxvYWRNb2R1bGUge31cclxuIl19

package/esm2022/upload/upload.property.mjs

@@ -0,0 +1,114 @@
+import { __decorate } from "tslib";
+import { XInputBoolean, XWithConfig, XInputNumber } from '@ng-nest/ui/core';
+import { Input, Output, EventEmitter, Component } from '@angular/core';
+import { XControlValueAccessor } from '@ng-nest/ui/base-form';
+import * as i0 from "@angular/core";
+/**
+ * Upload
+ * @selector x-upload
+ * @decorator component
+ */
+export 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 */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XUploadProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XUploadProperty, selector: "x-upload-property", inputs: { text: "text", action: "action", accept: "accept", type: "type", imgFallback: "imgFallback", imgCut: "imgCut", multiple: "multiple", download: "download", multipleModel: "multipleModel", filesTpl: "filesTpl", maxLimit: "maxLimit", headers: "headers" }, outputs: { removeClick: "removeClick", uploadReady: "uploadReady", uploading: "uploading", uploadSuccess: "uploadSuccess", uploadError: "uploadError" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+}
+__decorate([
+    XInputBoolean()
+], 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);
+export { XUploadProperty };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XUploadProperty, decorators: [{
+            type: Component,
+            args: [{ selector: `${XUploadPrefix}-property`, 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
+ */
+export const XUploadPortalPrefix = 'x-upload-portal';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvdXBsb2FkL3VwbG9hZC5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBMkMsV0FBVyxFQUFXLFlBQVksRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzlILE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBRTlEOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDO0FBQ3hDLE1BQU0sYUFBYSxHQUFHLFFBQVEsQ0FBQztBQUUvQjs7R0FFRztBQUNILE1BQ2EsZUFBZ0IsU0FBUSxxQkFBb0M7SUFEekU7O1FBaUJFOzs7V0FHRztRQUNNLFNBQUksR0FBZ0IsTUFBTSxDQUFDO1FBeUNwQzs7O1dBR0c7UUFDTyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUF3QyxDQUFDO1FBQ2pGOzs7V0FHRztRQUNPLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztRQUN4RDs7O1dBR0c7UUFDTyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztRQUN0RDs7O1dBR0c7UUFDTyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7UUFDMUQ7OztXQUdHO1FBQ08sZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO0tBQ3pEO2lJQXRGWSxlQUFlO3FIQUFmLGVBQWUsK2VBRGtDLEVBQUU7O0FBK0JwQztJQUFoQixhQUFhLEVBQUU7K0NBQW1CO0FBS2xCO0lBQWhCLGFBQWEsRUFBRTtpREFBcUI7QUFLd0I7SUFBNUQsV0FBVyxDQUFXLGFBQWEsRUFBRSxJQUFJLENBQUM7SUFBRSxhQUFhLEVBQUU7aURBQXFCO0FBS3RCO0lBQTFELFdBQVcsQ0FBdUIsYUFBYSxFQUFFLE9BQU8sQ0FBQztzREFBc0M7QUFVaEY7SUFBZixZQUFZLEVBQUU7aURBQW9CO1NBdkRqQyxlQUFlOzJGQUFmLGVBQWU7a0JBRDNCLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsR0FBRyxhQUFhLFdBQVcsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFOzhCQU12RCxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLb0IsTUFBTTtzQkFBL0IsS0FBSztnQkFLb0IsUUFBUTtzQkFBakMsS0FBSztnQkFLZ0UsUUFBUTtzQkFBN0UsS0FBSztnQkFLOEQsYUFBYTtzQkFBaEYsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUttQixRQUFRO3NCQUFoQyxLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSztnQkFLSSxXQUFXO3NCQUFwQixNQUFNO2dCQUtHLFdBQVc7c0JBQXBCLE1BQU07Z0JBS0csU0FBUztzQkFBbEIsTUFBTTtnQkFLRyxhQUFhO3NCQUF0QixNQUFNO2dCQUtHLFdBQVc7c0JBQXBCLE1BQU07O0FBc0RUOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxpQkFBaUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFhJbnB1dEJvb2xlYW4sIFhCb29sZWFuLCBYVGVtcGxhdGUsIFhQb3NpdGlvbiwgWENvcm5lciwgWFdpdGhDb25maWcsIFhOdW1iZXIsIFhJbnB1dE51bWJlciB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBYQ29udHJvbFZhbHVlQWNjZXNzb3IgfSBmcm9tICdAbmctbmVzdC91aS9iYXNlLWZvcm0nO1xyXG5cclxuLyoqXHJcbiAqIFVwbG9hZFxyXG4gKiBAc2VsZWN0b3IgeC11cGxvYWRcclxuICogQGRlY29yYXRvciBjb21wb25lbnRcclxuICovXHJcbmV4cG9ydCBjb25zdCBYVXBsb2FkUHJlZml4ID0gJ3gtdXBsb2FkJztcclxuY29uc3QgWF9DT05GSUdfTkFNRSA9ICd1cGxvYWQnO1xyXG5cclxuLyoqXHJcbiAqIFVwbG9hZCBQcm9wZXJ0eVxyXG4gKi9cclxuQENvbXBvbmVudCh7IHNlbGVjdG9yOiBgJHtYVXBsb2FkUHJlZml4fS1wcm9wZXJ0eWAsIHRlbXBsYXRlOiAnJyB9KVxyXG5leHBvcnQgY2xhc3MgWFVwbG9hZFByb3BlcnR5IGV4dGVuZHMgWENvbnRyb2xWYWx1ZUFjY2Vzc29yPFhVcGxvYWROb2RlW10+IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pi+56S65paH5a2XXHJcbiAgICogQGVuX1VTIERpc3BsYXkgdGV4dFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHRleHQ/OiBYVGVtcGxhdGU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOivt+axguWcsOWdgFxyXG4gICAqIEBlbl9VUyBSZXF1ZXN0IGFkZHJlc3NcclxuICAgKi9cclxuICBASW5wdXQoKSBhY3Rpb24/OiBzdHJpbmc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOS4iuS8oOaWh+S7tuexu+Wei++8jOS4juWOn+eUn+eahCBpbnB1dCBmaWxlIOe7hOS7tuS4gOiHtFxyXG4gICAqIEBlbl9VUyBVcGxvYWQgZmlsZSB0eXBlLCBjb25zaXN0ZW50IHdpdGggbmF0aXZlIGlucHV0IGZpbGUgY29tcG9uZW50XHJcbiAgICovXHJcbiAgQElucHV0KCkgYWNjZXB0Pzogc3RyaW5nO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmlofku7bmmL7npLrnsbvlnotcclxuICAgKiBAZW5fVVMgRmlsZSBkaXNwbGF5IHR5cGVcclxuICAgKi9cclxuICBASW5wdXQoKSB0eXBlOiBYVXBsb2FkVHlwZSA9ICdsaXN0JztcclxuICAvKipcclxuICAgKiBAemhfQ04g5Zu+54mH57G75Z6L5LiL6Z2i5Yqg6L295aSx6LSl5pi+56S6XHJcbiAgICogQGVuX1VTIFBob3RvIHR5cGUgYmVsb3cgbG9hZGluZyBmYWlsZWQgZGlzcGxheVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGltZ0ZhbGxiYWNrPzogc3RyaW5nO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlm77niYfliaroo4FcclxuICAgKiBAZW5fVVMgUGljdHVyZSBjcm9wcGluZ1xyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYSW5wdXRCb29sZWFuKCkgaW1nQ3V0PzogWEJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWkmuaWh+S7tuS4iuS8oFxyXG4gICAqIEBlbl9VUyBNdWx0aXBsZSBmaWxlIHVwbG9hZFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYSW5wdXRCb29sZWFuKCkgbXVsdGlwbGU/OiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g54K55Ye75LiL6L29XHJcbiAgICogQGVuX1VTIGNsaWNrIGRvd25sb2FkXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPFhCb29sZWFuPihYX0NPTkZJR19OQU1FLCB0cnVlKSBAWElucHV0Qm9vbGVhbigpIGRvd25sb2FkITogWEJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWkmuasoeS4iuS8oOeahOaooeW8j++8jGNvdmVyIOimhueblueOsOaciSBhZGQg57un57ut5re75YqgXHJcbiAgICogQGVuX1VTIEZvciBtYW55IHVwbG9hZCBtb2RlLCAnY292ZXInIGNvdmVycyB0aGUgZXhpc3RpbmcsICdhZGQnIGNvbnRpbnVlIHRvIGFkZFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYV2l0aENvbmZpZzxYVXBsb2FkTXVsdGlwbGVNb2RlbD4oWF9DT05GSUdfTkFNRSwgJ2NvdmVyJykgbXVsdGlwbGVNb2RlbCE6IFhVcGxvYWRNdWx0aXBsZU1vZGVsO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmlofku7bliJfooajoh6rlrprkuYnmmL7npLrmqKHmnb9cclxuICAgKiBAZW5fVVMgRmlsZSBsaXN0IGN1c3RvbSBkaXNwbGF5IHRlbXBsYXRlXHJcbiAgICovXHJcbiAgQElucHV0KCkgZmlsZXNUcGw/OiBYVGVtcGxhdGU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOmZkOWItuWNleasoeS4iuS8oOaWh+S7tuS4quaVsO+8jOWPquacieW8gOWQr+WkmuaWh+S7tuS4iuS8oCBtdWx0aXBsZSDml7bnlJ/mlYjvvIzpu5jorqTkuI3lgZrpmZDliLZcclxuICAgKiBAZW5fVVMgTGltaXQgdGhlIG51bWJlciBvZiBmaWxlcyB1cGxvYWRlZCBmaWxlcy4gRG8gbm90IHJlc3RyaWN0IHRoZSBkZWZhdWx0XHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhJbnB1dE51bWJlcigpIG1heExpbWl0PzogWE51bWJlcjtcclxuICAvKipcclxuICAgKiBAemhfQ04g6K6+572u5LiK5Lyg55qE6K+35rGC5aS06YOoXHJcbiAgICogQGVuX1VTIFNldCB0aGUgdXBsb2FkIHJlcXVlc3QgaGVhZGVyXHJcbiAgICovXHJcbiAgQElucHV0KCkgaGVhZGVycz86IHsgW2tleTogc3RyaW5nXTogYW55IH07XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWIoOmZpOaMiemSrueahOS6i+S7tlxyXG4gICAqIEBlbl9VUyBEZWxldGUgYnV0dG9uIGV2ZW50XHJcbiAgICovXHJcbiAgQE91dHB1dCgpIHJlbW92ZUNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx7IGZpbGU6IFhVcGxvYWROb2RlOyBpbmRleDogbnVtYmVyIH0+KCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOW8gOWni+S4iuS8oOS6i+S7tlxyXG4gICAqIEBlbl9VUyBTdGFydCB1cGxvYWQgZXZlbnRcclxuICAgKi9cclxuICBAT3V0cHV0KCkgdXBsb2FkUmVhZHkgPSBuZXcgRXZlbnRFbWl0dGVyPFhVcGxvYWROb2RlPigpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmraPlnKjkuIrkvKDkuovku7ZcclxuICAgKiBAZW5fVVMgU3RhcnQgdXBsb2FkIGV2ZW50XHJcbiAgICovXHJcbiAgQE91dHB1dCgpIHVwbG9hZGluZyA9IG5ldyBFdmVudEVtaXR0ZXI8WFVwbG9hZE5vZGU+KCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOS4iuS8oOaIkOWKn+S6i+S7tlxyXG4gICAqIEBlbl9VUyBTdGFydCB1cGxvYWQgZXZlbnRcclxuICAgKi9cclxuICBAT3V0cHV0KCkgdXBsb2FkU3VjY2VzcyA9IG5ldyBFdmVudEVtaXR0ZXI8WFVwbG9hZE5vZGU+KCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOS4iuS8oOWksei0peS6i+S7tlxyXG4gICAqIEBlbl9VUyBTdGFydCB1cGxvYWQgZXZlbnRcclxuICAgKi9cclxuICBAT3V0cHV0KCkgdXBsb2FkRXJyb3IgPSBuZXcgRXZlbnRFbWl0dGVyPFhVcGxvYWROb2RlPigpO1xyXG59XHJcblxyXG4vKipcclxuICogQHpoX0NOIFVwbG9hZCDmlbDmja7lr7nosaFcclxuICogQGVuX1VTIFVwbG9hZCBkYXRhIG9iamVjdFxyXG4gKi9cclxuZXhwb3J0IGludGVyZmFjZSBYVXBsb2FkTm9kZSBleHRlbmRzIEZpbGUge1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlnLDlnYBcclxuICAgKiBAZW5fVVMgYWRkcmVzc1xyXG4gICAqL1xyXG4gIHVybD86IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g54q25oCBXHJcbiAgICogQGVuX1VTIHN0YXR1c1xyXG4gICAqL1xyXG4gIHN0YXRlPzogWFN0YXRlVHlwZTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5LiK5Lyg6L+b5bqmXHJcbiAgICogQGVuX1VTIFVwbG9hZCBwcm9ncmVzc1xyXG4gICAqL1xyXG4gIHBlcmNlbnQ/OiBYTnVtYmVyO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDkuIrkvKDov5Tlm57mlbDmja5cclxuICAgKiBAZW5fVVMgVXBsb2FkIGJvZHlcclxuICAgKi9cclxuICBib2R5PzogYW55O1xyXG59XHJcblxyXG4vKipcclxuICogQHpoX0NOIOaWh+S7tueKtuaAgVxyXG4gKiBAZW5fVVMgRmlsZSBzdGF0dXNcclxuICovXHJcbmV4cG9ydCB0eXBlIFhTdGF0ZVR5cGUgPSAncmVhZHknIHwgJ3VwbG9hZGluZycgfCAnc3VjY2VzcycgfCAnZXJyb3InO1xyXG5cclxuLyoqXHJcbiAqIEB6aF9DTiDmlofku7bmmL7npLrnsbvlnotcclxuICogQGVuX1VTIEZpbGUgZGlzcGxheSB0eXBlXHJcbiAqL1xyXG5leHBvcnQgdHlwZSBYVXBsb2FkVHlwZSA9ICdsaXN0JyB8ICdpbWcnO1xyXG5cclxuLyoqXHJcbiAqIEB6aF9DTiDlpJrmrKHkuIrkvKDnmoTmqKHlvI/vvIxjb3ZlciDopobnm5bnjrDmnIkgYWRkIOe7p+e7rea3u+WKoFxyXG4gKiBAZW5fVVMgRm9yIG1hbnkgdXBsb2FkIG1vZGUsICdjb3ZlcicgY292ZXJzIHRoZSBleGlzdGluZywgJ2FkZCcgY29udGludWUgdG8gYWRkXHJcbiAqL1xyXG5leHBvcnQgdHlwZSBYVXBsb2FkTXVsdGlwbGVNb2RlbCA9ICdjb3ZlcicgfCAnYWRkJztcclxuXHJcbi8qKlxyXG4gKiBAemhfQ04g5Ymq6KOB55qE5pa55L2NXHJcbiAqIEBlbl9VUyBUYWlsb3JlZCBvcmllbnRhdGlvblxyXG4gKi9cclxuZXhwb3J0IHR5cGUgWFVwbG9hZEN1dFR5cGUgPSBYUG9zaXRpb24gfCBYQ29ybmVyIHwgJyc7XHJcblxyXG4vKipcclxuICogVXBsb2FkIFBvcnRhbFxyXG4gKiBAc2VsZWN0b3IgeC11cGxvYWQtcG9ydGFsXHJcbiAqIEBkZWNvcmF0b3IgY29tcG9uZW50XHJcbiAqL1xyXG5leHBvcnQgY29uc3QgWFVwbG9hZFBvcnRhbFByZWZpeCA9ICd4LXVwbG9hZC1wb3J0YWwnO1xyXG4iXX0=

package/examples/examples.component.d.ts

@@ -1,9 +1,9 @@
-import { Renderer2, ElementRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class XExamplesComponent {
-    private renderer;
-    private elementRef;
-    constructor(renderer: Renderer2, elementRef: ElementRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<XExamplesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XExamplesComponent, "x-examples", never, {}, {}, never, ["*"], false, never>;
-}
+import { Renderer2, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class XExamplesComponent {
+    private renderer;
+    private elementRef;
+    constructor(renderer: Renderer2, elementRef: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XExamplesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XExamplesComponent, "x-examples", never, {}, {}, never, ["*"], false, never>;
+}

package/examples/examples.module.d.ts

@@ -1,8 +1,8 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./examples.component";
-import * as i2 from "@angular/common";
-export declare class XExamplesModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<XExamplesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XExamplesModule, [typeof i1.XExamplesComponent], [typeof i2.CommonModule], [typeof i1.XExamplesComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<XExamplesModule>;
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./examples.component";
+import * as i2 from "@angular/common";
+export declare class XExamplesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XExamplesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XExamplesModule, [typeof i1.XExamplesComponent], [typeof i2.CommonModule], [typeof i1.XExamplesComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<XExamplesModule>;
+}

package/examples/examples.property.d.ts

@@ -1,6 +1,6 @@
-/**
- * Examples
- * @selector x-examples
- * @decorator component
- */
-export declare const XExamplesPrefix = "x-examples";
+/**
+ * Examples
+ * @selector x-examples
+ * @decorator component
+ */
+export declare const XExamplesPrefix = "x-examples";

package/examples/index.d.ts

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@ng-nest/ui/examples" />
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ng-nest/ui/examples" />
+export * from './public-api';

package/examples/public-api.d.ts

@@ -1,3 +1,3 @@
-export * from './examples.component';
-export * from './examples.module';
-export * from './examples.property';
+export * from './examples.component';
+export * from './examples.module';
+export * from './examples.property';

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

@@ -0,0 +1,69 @@
+import * as i0 from '@angular/core';
+import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { __decorate } from 'tslib';
+import * as i1 from '@ng-nest/ui/core';
+import { XProperty, XWithConfig } from '@ng-nest/ui/core';
+import { CommonModule } from '@angular/common';
+
+/**
+ * Affix
+ * @selector x-affix
+ * @decorator component
+ */
+const XAffixPrefix = 'x-affix';
+const X_CONFIG_NAME = 'affix';
+/**
+ * Affix Property
+ */
+class XAffixProperty extends XProperty {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAffixProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XAffixProperty, selector: "x-affix-property", inputs: { top: "top", left: "left" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+}
+__decorate([
+    XWithConfig(X_CONFIG_NAME)
+], XAffixProperty.prototype, "top", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME)
+], XAffixProperty.prototype, "left", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAffixProperty, decorators: [{
+            type: Component,
+            args: [{ selector: `${XAffixPrefix}-property`, template: '' }]
+        }], propDecorators: { top: [{
+                type: Input
+            }], left: [{
+                type: Input
+            }] } });
+
+class XAffixComponent extends XAffixProperty {
+    constructor(configService) {
+        super();
+        this.configService = configService;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAffixComponent, deps: [{ token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XAffixComponent, selector: "x-affix", usesInheritance: true, ngImport: i0, template: "<div #affix class=\"x-affix\" [style.top]=\"top\" [style.left]=\"left\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-affix{margin:0;padding:0;position:sticky;display:inline-block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAffixComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XAffixPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #affix class=\"x-affix\" [style.top]=\"top\" [style.left]=\"left\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-affix{margin:0;padding:0;position:sticky;display:inline-block}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.XConfigService }]; } });
+
+class XAffixModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAffixModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XAffixModule, declarations: [XAffixComponent, XAffixProperty], imports: [CommonModule], exports: [XAffixComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAffixModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAffixModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [XAffixComponent, XAffixProperty],
+                    exports: [XAffixComponent],
+                    imports: [CommonModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XAffixComponent, XAffixModule, XAffixPrefix, XAffixProperty };
+//# sourceMappingURL=ng-nest-ui-affix.mjs.map

package/fesm2022/ng-nest-ui-affix.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-affix.mjs","sources":["../../../../lib/ng-nest/ui/affix/affix.property.ts","../../../../lib/ng-nest/ui/affix/affix.component.ts","../../../../lib/ng-nest/ui/affix/affix.component.html","../../../../lib/ng-nest/ui/affix/affix.module.ts","../../../../lib/ng-nest/ui/affix/ng-nest-ui-affix.ts"],"sourcesContent":["import { XProperty, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Affix\r\n * @selector x-affix\r\n * @decorator component\r\n */\r\nexport const XAffixPrefix = 'x-affix';\r\nconst X_CONFIG_NAME = 'affix';\r\n\r\n/**\r\n * Affix Property\r\n */\r\n@Component({ selector: `${XAffixPrefix}-property`, template: '' })\r\nexport class XAffixProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 距离顶部距离\r\n   * @en_US Distance from top\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME) top?: string;\r\n  /**\r\n   * @zh_CN 距离左边距离\r\n   * @en_US Distance from left\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME) left?: string;\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XAffixPrefix, XAffixProperty } from './affix.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XAffixPrefix}`,\r\n  templateUrl: './affix.component.html',\r\n  styleUrls: ['./affix.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAffixComponent extends XAffixProperty {\r\n  constructor(public configService: XConfigService) {\r\n    super();\r\n  }\r\n}\r\n","<div #affix class=\"x-affix\" [style.top]=\"top\" [style.left]=\"left\">\r\n  <ng-content></ng-content>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XAffixComponent } from './affix.component';\r\nimport { XAffixProperty } from './affix.property';\r\n\r\n@NgModule({\r\n  declarations: [XAffixComponent, XAffixProperty],\r\n  exports: [XAffixComponent],\r\n  imports: [CommonModule]\r\n})\r\nexport class XAffixModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;AAGA;;;;AAIG;AACI,MAAM,YAAY,GAAG,UAAU;AACtC,MAAM,aAAa,GAAG,OAAO,CAAC;AAE9B;;AAEG;AACH,MACa,cAAe,SAAQ,SAAS,CAAA;iIAAhC,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAd,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,qHADkC,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;AAMhB,UAAA,CAAA;IAAnC,WAAW,CAAS,aAAa,CAAC;AAAc,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKb,UAAA,CAAA;IAAnC,WAAW,CAAS,aAAa,CAAC;AAAe,CAAA,EAAA,cAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;2FAVhD,cAAc,EAAA,UAAA,EAAA,CAAA;kBAD1B,SAAS;mBAAC,EAAE,QAAQ,EAAE,CAAG,EAAA,YAAY,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAA;8BAMlB,GAAG,EAAA,CAAA;sBAA/C,KAAK;gBAKuC,IAAI,EAAA,CAAA;sBAAhD,KAAK;;;ACrBR,MAOa,eAAgB,SAAQ,cAAc,CAAA;AACjD,IAAA,WAAA,CAAmB,aAA6B,EAAA;AAC9C,QAAA,KAAK,EAAE,CAAC;QADS,IAAa,CAAA,aAAA,GAAb,aAAa,CAAgB;KAE/C;iIAHU,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,cAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAf,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,sECX5B,uHAGA,EAAA,MAAA,EAAA,CAAA,qEAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDQa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;+BACE,CAAG,EAAA,YAAY,EAAE,EAGZ,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,uHAAA,EAAA,MAAA,EAAA,CAAA,qEAAA,CAAA,EAAA,CAAA;;;AEJjD,MAKa,YAAY,CAAA;iIAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAZ,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,iBAJR,eAAe,EAAE,cAAc,CAEpC,EAAA,OAAA,EAAA,CAAA,YAAY,aADZ,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA;AAGd,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,YAFb,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAEX,YAAY,EAAA,UAAA,EAAA,CAAA;kBALxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,eAAe,EAAE,cAAc,CAAC;oBAC/C,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

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

@@ -0,0 +1,245 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
+import { __decorate } from 'tslib';
+import * as i1 from '@ng-nest/ui/core';
+import { XProperty, XInputBoolean, XWithConfig, XInputNumber, XIsChange, XClearClass, XIsEmpty, XFadeAnimation } from '@ng-nest/ui/core';
+import { Subject, of } from 'rxjs';
+import { delay, takeUntil } from 'rxjs/operators';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/cdk/drag-drop';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import * as i4 from '@ng-nest/ui/icon';
+import { XIconModule } from '@ng-nest/ui/icon';
+import * as i5 from '@ng-nest/ui/button';
+import { XButtonModule } from '@ng-nest/ui/button';
+import * as i6 from '@ng-nest/ui/outlet';
+import { XOutletModule } from '@ng-nest/ui/outlet';
+import * as i7 from '@ng-nest/ui/resizable';
+import { XResizableModule } from '@ng-nest/ui/resizable';
+
+/**
+ * Alert
+ * @selector x-alert
+ * @decorator component
+ */
+const XAlertPrefix = 'x-alert';
+const X_CONFIG_NAME = 'alert';
+/**
+ * Alert Property
+ */
+class XAlertProperty extends XProperty {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 类型
+         * @en_US Alert type
+         */
+        this.type = 'info';
+        /**
+         * @zh_CN 开启 resizable 调整大小，偏移屏幕左边
+         * @en_US Open the resizable resize, offset screen left
+         */
+        this.offsetLeft = 0;
+        /**
+         * @zh_CN 开启 resizable 调整大小，偏移屏幕顶部
+         * @en_US Open the resizable resize, offset screen top
+         */
+        this.offsetTop = 0;
+        /**
+         * @zh_CN 关闭的事件
+         * @en_US Closed events
+         */
+        this.close = new EventEmitter();
+        /**
+         * @zh_CN 拖动结束的事件
+         * @en_US Drag end event
+         */
+        this.dragEnded = new EventEmitter();
+        /**
+         * @zh_CN 改变尺寸事件
+         * @en_US Change the size event
+         */
+        this.resizing = new EventEmitter();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAlertProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XAlertProperty, selector: "x-alert-property", inputs: { hide: "hide", title: "title", content: "content", type: "type", effect: "effect", hideClose: "hideClose", closeText: "closeText", showIcon: "showIcon", disabledAnimation: "disabledAnimation", duration: "duration", manual: "manual", draggable: "draggable", resizable: "resizable", offsetLeft: "offsetLeft", offsetTop: "offsetTop", minWidth: "minWidth", minHeight: "minHeight", dragBoundary: "dragBoundary", dragFreeDragPosition: "dragFreeDragPosition", operationTpl: "operationTpl" }, outputs: { close: "close", dragEnded: "dragEnded", resizing: "resizing" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+}
+__decorate([
+    XInputBoolean()
+], XAlertProperty.prototype, "hide", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 'light')
+], XAlertProperty.prototype, "effect", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME),
+    XInputBoolean()
+], XAlertProperty.prototype, "hideClose", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME),
+    XInputBoolean()
+], XAlertProperty.prototype, "showIcon", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME),
+    XInputBoolean()
+], XAlertProperty.prototype, "disabledAnimation", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 0),
+    XInputNumber()
+], XAlertProperty.prototype, "duration", void 0);
+__decorate([
+    XInputBoolean()
+], XAlertProperty.prototype, "manual", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, false),
+    XInputBoolean()
+], XAlertProperty.prototype, "draggable", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, false),
+    XInputBoolean()
+], XAlertProperty.prototype, "resizable", void 0);
+__decorate([
+    XInputNumber()
+], XAlertProperty.prototype, "offsetLeft", void 0);
+__decorate([
+    XInputNumber()
+], XAlertProperty.prototype, "offsetTop", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, '0rem')
+], XAlertProperty.prototype, "minWidth", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, '0rem')
+], XAlertProperty.prototype, "minHeight", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAlertProperty, decorators: [{
+            type: Component,
+            args: [{ selector: `${XAlertPrefix}-property`, template: '' }]
+        }], propDecorators: { hide: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], effect: [{
+                type: Input
+            }], hideClose: [{
+                type: Input
+            }], closeText: [{
+                type: Input
+            }], showIcon: [{
+                type: Input
+            }], disabledAnimation: [{
+                type: Input
+            }], duration: [{
+                type: Input
+            }], manual: [{
+                type: Input
+            }], draggable: [{
+                type: Input
+            }], resizable: [{
+                type: Input
+            }], offsetLeft: [{
+                type: Input
+            }], offsetTop: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], minHeight: [{
+                type: Input
+            }], dragBoundary: [{
+                type: Input
+            }], dragFreeDragPosition: [{
+                type: Input
+            }], operationTpl: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }], dragEnded: [{
+                type: Output
+            }], resizing: [{
+                type: Output
+            }] } });
+
+class XAlertComponent extends XAlertProperty {
+    constructor(cdr, configService) {
+        super();
+        this.cdr = cdr;
+        this.configService = configService;
+        this._unSubject = new Subject();
+    }
+    ngOnInit() {
+        this.setClassMap();
+        this.setDuration();
+    }
+    ngOnDestroy() {
+        this._unSubject.next();
+        this._unSubject.unsubscribe();
+    }
+    ngOnChanges(changes) {
+        const { type, effect, title, content, showIcon, draggable } = changes;
+        XIsChange(type, effect, title, content, showIcon, draggable) && this.setClassMap();
+    }
+    setClassMap() {
+        XClearClass(this.classMap);
+        this.classMap = {
+            [`${XAlertPrefix}-${this.type}`]: !XIsEmpty(this.type),
+            [`x-${this.effect}`]: !XIsEmpty(this.effect),
+            [`${XAlertPrefix}-icon-medium`]: !XIsEmpty(this.title) && !XIsEmpty(this.content) && !XIsEmpty(this.showIcon),
+            [`${XAlertPrefix}-draggable`]: Boolean(this.draggable)
+        };
+    }
+    setDuration() {
+        if (this.duration) {
+            of(true)
+                .pipe(delay(Number(this.duration)), takeUntil(this._unSubject))
+                .subscribe(() => {
+                this.onClose();
+            });
+        }
+    }
+    onClose() {
+        if (this.manual) {
+            this.close?.emit();
+        }
+        else {
+            this.hide = true;
+            this.cdr.detectChanges();
+        }
+    }
+    onCloseAnimationDone() {
+        if (this.hide) {
+            this.close?.emit();
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAlertComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: XAlertComponent, selector: "x-alert", viewQueries: [{ propertyName: "alert", first: true, predicate: ["alert"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #alert\r\n  class=\"x-alert\"\r\n  cdkDrag\r\n  (cdkDragEnded)=\"dragEnded.emit($event)\"\r\n  [cdkDragFreeDragPosition]=\"dragFreeDragPosition\"\r\n  [cdkDragDisabled]=\"!draggable\"\r\n  [cdkDragBoundary]=\"dragBoundary\"\r\n  [ngClass]=\"classMap\"\r\n  *ngIf=\"!hide\"\r\n  @x-fade-animation\r\n  [@.disabled]=\"disabledAnimation\"\r\n  (@x-fade-animation.done)=\"onCloseAnimationDone()\"\r\n  [xResizable]=\"resizable!\"\r\n  (resizing)=\"resizing.emit($event)\"\r\n  [offsetLeft]=\"offsetLeft\"\r\n  [offsetTop]=\"offsetTop\"\r\n  [style.minWidth]=\"minWidth\"\r\n  [style.minHeight]=\"minHeight\"\r\n>\r\n  <ng-container *ngIf=\"showIcon\">\r\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-template #iconTpl>\r\n    <ng-container [ngSwitch]=\"type\">\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'success'\" type=\"adf-check-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'info'\" type=\"adf-info-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'warning'\" type=\"adf-exclamation-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'error'\" type=\"adf-close-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'loading'\" type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n    </ng-container>\r\n  </ng-template>\r\n  <div class=\"x-alert-inner\">\r\n    <span class=\"x-alert-title\" cdkDragHandle [class.x-bold]=\"title && content\">\r\n      <ng-container *xOutlet=\"title; context: { $iconTpl: iconTpl }\">{{ title }}</ng-container>\r\n    </span>\r\n    <div class=\"x-alert-content\" *ngIf=\"content\">\r\n      <ng-container *xOutlet=\"content; context: { $iconTpl: iconTpl }\">{{ content }}</ng-container>\r\n    </div>\r\n    <div class=\"x-alert-close\">\r\n      <div class=\"x-alert-operation\" *xOutlet=\"operationTpl\">{{ operationTpl }}</div>\r\n      <x-button\r\n        *ngIf=\"!hideClose\"\r\n        size=\"small\"\r\n        [icon]=\"!closeText ? 'fto-x' : ''\"\r\n        [onlyIcon]=\"!closeText\"\r\n        [type]=\"closeText ? 'text' : 'initial'\"\r\n        (click)=\"onClose()\"\r\n        closable\r\n        >{{ closeText }}</x-button\r\n      >\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["x-alert{display:block}.x-alert{margin:0;padding:0;background-color:var(--x-background);border:.0625rem solid var(--x-border-300);border-radius:var(--x-border-radius);padding:.5rem 1rem;position:relative;display:flex;align-items:center}.x-alert-close{position:absolute;top:.425rem;right:.425rem}.x-alert-inner{width:100%}.x-alert-title.x-bold{font-weight:600}.x-alert-content{font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem;margin:.25rem 0 0}.x-alert-icon.x-icon{font-size:calc(var(--x-font-size) + .25rem);margin-right:.5rem}.x-alert-icon-medium>.x-icon{font-size:1.75rem}.x-alert-draggable .cdk-drag-handle{cursor:move}.x-alert-success.x-light{color:var(--x-success);background-color:var(--x-success-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-success.x-light x-button.x-alert-close .x-button{color:var(--x-success-400)}.x-alert-success.x-light x-button.x-alert-close .x-button:hover{color:var(--x-success)}.x-alert-success.x-dark{color:var(--x-success-900);background-color:var(--x-success);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-success.x-dark x-button.x-alert-close .x-button{color:var(--x-success-900)}.x-alert-success.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-success.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-success.x-white .x-alert-icon.x-icon{color:var(--x-success)}.x-alert-success.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-success.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-info.x-light{color:var(--x-info);background-color:var(--x-info-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-info.x-light x-button.x-alert-close .x-button{color:var(--x-info-400)}.x-alert-info.x-light x-button.x-alert-close .x-button:hover{color:var(--x-info)}.x-alert-info.x-dark{color:var(--x-info-900);background-color:var(--x-info);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-info.x-dark x-button.x-alert-close .x-button{color:var(--x-info-900)}.x-alert-info.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-info.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-info.x-white .x-alert-icon.x-icon{color:var(--x-info)}.x-alert-info.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-info.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-warning.x-light{color:var(--x-warning);background-color:var(--x-warning-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-warning.x-light x-button.x-alert-close .x-button{color:var(--x-warning-400)}.x-alert-warning.x-light x-button.x-alert-close .x-button:hover{color:var(--x-warning)}.x-alert-warning.x-dark{color:var(--x-warning-900);background-color:var(--x-warning);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-warning.x-dark x-button.x-alert-close .x-button{color:var(--x-warning-900)}.x-alert-warning.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-warning.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-warning.x-white .x-alert-icon.x-icon{color:var(--x-warning)}.x-alert-warning.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-warning.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-error.x-light{color:var(--x-danger);background-color:var(--x-danger-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-error.x-light x-button.x-alert-close .x-button{color:var(--x-danger-400)}.x-alert-error.x-light x-button.x-alert-close .x-button:hover{color:var(--x-danger)}.x-alert-error.x-dark{color:var(--x-danger-900);background-color:var(--x-danger);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-error.x-dark x-button.x-alert-close .x-button{color:var(--x-danger-900)}.x-alert-error.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-error.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-error.x-white .x-alert-icon.x-icon{color:var(--x-danger)}.x-alert-error.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-error.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-loading.x-light{color:var(--x-primary);background-color:var(--x-info-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-loading.x-light x-button.x-alert-close .x-button{color:var(--x-info-400)}.x-alert-loading.x-light x-button.x-alert-close .x-button:hover{color:var(--x-primary)}.x-alert-loading.x-dark{color:var(--x-info-900);background-color:var(--x-primary);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-loading.x-dark x-button.x-alert-close .x-button{color:var(--x-info-900)}.x-alert-loading.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-loading.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-loading.x-white .x-alert-icon.x-icon{color:var(--x-primary)}.x-alert-loading.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-loading.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i4.XIconComponent, selector: "x-icon" }, { kind: "component", type: i5.XButtonComponent, selector: "x-button" }, { kind: "directive", type: i6.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "directive", type: i7.XResizableDirective, selector: "[xResizable]" }], animations: [XFadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XAlertPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XFadeAnimation], template: "<div\r\n  #alert\r\n  class=\"x-alert\"\r\n  cdkDrag\r\n  (cdkDragEnded)=\"dragEnded.emit($event)\"\r\n  [cdkDragFreeDragPosition]=\"dragFreeDragPosition\"\r\n  [cdkDragDisabled]=\"!draggable\"\r\n  [cdkDragBoundary]=\"dragBoundary\"\r\n  [ngClass]=\"classMap\"\r\n  *ngIf=\"!hide\"\r\n  @x-fade-animation\r\n  [@.disabled]=\"disabledAnimation\"\r\n  (@x-fade-animation.done)=\"onCloseAnimationDone()\"\r\n  [xResizable]=\"resizable!\"\r\n  (resizing)=\"resizing.emit($event)\"\r\n  [offsetLeft]=\"offsetLeft\"\r\n  [offsetTop]=\"offsetTop\"\r\n  [style.minWidth]=\"minWidth\"\r\n  [style.minHeight]=\"minHeight\"\r\n>\r\n  <ng-container *ngIf=\"showIcon\">\r\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n  </ng-container>\r\n  <ng-template #iconTpl>\r\n    <ng-container [ngSwitch]=\"type\">\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'success'\" type=\"adf-check-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'info'\" type=\"adf-info-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'warning'\" type=\"adf-exclamation-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'error'\" type=\"adf-close-circle\"></x-icon>\r\n      <x-icon class=\"x-alert-icon\" *ngSwitchCase=\"'loading'\" type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n    </ng-container>\r\n  </ng-template>\r\n  <div class=\"x-alert-inner\">\r\n    <span class=\"x-alert-title\" cdkDragHandle [class.x-bold]=\"title && content\">\r\n      <ng-container *xOutlet=\"title; context: { $iconTpl: iconTpl }\">{{ title }}</ng-container>\r\n    </span>\r\n    <div class=\"x-alert-content\" *ngIf=\"content\">\r\n      <ng-container *xOutlet=\"content; context: { $iconTpl: iconTpl }\">{{ content }}</ng-container>\r\n    </div>\r\n    <div class=\"x-alert-close\">\r\n      <div class=\"x-alert-operation\" *xOutlet=\"operationTpl\">{{ operationTpl }}</div>\r\n      <x-button\r\n        *ngIf=\"!hideClose\"\r\n        size=\"small\"\r\n        [icon]=\"!closeText ? 'fto-x' : ''\"\r\n        [onlyIcon]=\"!closeText\"\r\n        [type]=\"closeText ? 'text' : 'initial'\"\r\n        (click)=\"onClose()\"\r\n        closable\r\n        >{{ closeText }}</x-button\r\n      >\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["x-alert{display:block}.x-alert{margin:0;padding:0;background-color:var(--x-background);border:.0625rem solid var(--x-border-300);border-radius:var(--x-border-radius);padding:.5rem 1rem;position:relative;display:flex;align-items:center}.x-alert-close{position:absolute;top:.425rem;right:.425rem}.x-alert-inner{width:100%}.x-alert-title.x-bold{font-weight:600}.x-alert-content{font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem;margin:.25rem 0 0}.x-alert-icon.x-icon{font-size:calc(var(--x-font-size) + .25rem);margin-right:.5rem}.x-alert-icon-medium>.x-icon{font-size:1.75rem}.x-alert-draggable .cdk-drag-handle{cursor:move}.x-alert-success.x-light{color:var(--x-success);background-color:var(--x-success-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-success.x-light x-button.x-alert-close .x-button{color:var(--x-success-400)}.x-alert-success.x-light x-button.x-alert-close .x-button:hover{color:var(--x-success)}.x-alert-success.x-dark{color:var(--x-success-900);background-color:var(--x-success);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-success.x-dark x-button.x-alert-close .x-button{color:var(--x-success-900)}.x-alert-success.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-success.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-success.x-white .x-alert-icon.x-icon{color:var(--x-success)}.x-alert-success.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-success.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-info.x-light{color:var(--x-info);background-color:var(--x-info-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-info.x-light x-button.x-alert-close .x-button{color:var(--x-info-400)}.x-alert-info.x-light x-button.x-alert-close .x-button:hover{color:var(--x-info)}.x-alert-info.x-dark{color:var(--x-info-900);background-color:var(--x-info);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-info.x-dark x-button.x-alert-close .x-button{color:var(--x-info-900)}.x-alert-info.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-info.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-info.x-white .x-alert-icon.x-icon{color:var(--x-info)}.x-alert-info.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-info.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-warning.x-light{color:var(--x-warning);background-color:var(--x-warning-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-warning.x-light x-button.x-alert-close .x-button{color:var(--x-warning-400)}.x-alert-warning.x-light x-button.x-alert-close .x-button:hover{color:var(--x-warning)}.x-alert-warning.x-dark{color:var(--x-warning-900);background-color:var(--x-warning);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-warning.x-dark x-button.x-alert-close .x-button{color:var(--x-warning-900)}.x-alert-warning.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-warning.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-warning.x-white .x-alert-icon.x-icon{color:var(--x-warning)}.x-alert-warning.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-warning.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-error.x-light{color:var(--x-danger);background-color:var(--x-danger-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-error.x-light x-button.x-alert-close .x-button{color:var(--x-danger-400)}.x-alert-error.x-light x-button.x-alert-close .x-button:hover{color:var(--x-danger)}.x-alert-error.x-dark{color:var(--x-danger-900);background-color:var(--x-danger);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-error.x-dark x-button.x-alert-close .x-button{color:var(--x-danger-900)}.x-alert-error.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-error.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-error.x-white .x-alert-icon.x-icon{color:var(--x-danger)}.x-alert-error.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-error.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-loading.x-light{color:var(--x-primary);background-color:var(--x-info-900);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-loading.x-light x-button.x-alert-close .x-button{color:var(--x-info-400)}.x-alert-loading.x-light x-button.x-alert-close .x-button:hover{color:var(--x-primary)}.x-alert-loading.x-dark{color:var(--x-info-900);background-color:var(--x-primary);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-loading.x-dark x-button.x-alert-close .x-button{color:var(--x-info-900)}.x-alert-loading.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-loading.x-white{color:var(--x-text-300);background-color:var(--x-background);border-color:transparent;box-shadow:var(--x-box-shadow) var(--x-box-shadow-base-color)}.x-alert-loading.x-white .x-alert-icon.x-icon{color:var(--x-primary)}.x-alert-loading.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-loading.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { alert: [{
+                type: ViewChild,
+                args: ['alert']
+            }] } });
+
+class XAlertModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: XAlertModule, declarations: [XAlertComponent, XAlertProperty], imports: [CommonModule, DragDropModule, XIconModule, XButtonModule, XOutletModule, XResizableModule], exports: [XAlertComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAlertModule, imports: [CommonModule, DragDropModule, XIconModule, XButtonModule, XOutletModule, XResizableModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: XAlertModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [XAlertComponent, XAlertProperty],
+                    exports: [XAlertComponent],
+                    imports: [CommonModule, DragDropModule, XIconModule, XButtonModule, XOutletModule, XResizableModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XAlertComponent, XAlertModule, XAlertPrefix, XAlertProperty };
+//# sourceMappingURL=ng-nest-ui-alert.mjs.map