@ng-nest/ui 17.0.12 → 18.0.0

package/esm2022/upload/upload.property.mjs

@@ -1,7 +1,6 @@
-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 { XToBoolean, XToNumber } from '@ng-nest/ui/core';
+import { Component, input, output } from '@angular/core';
+import { XFormControlFunction } from '@ng-nest/ui/base-form';
 import * as i0 from "@angular/core";
 /**
  * Upload
@@ -9,105 +8,111 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export const XUploadPrefix = 'x-upload';
-const X_CONFIG_NAME = 'upload';
+const X_UPLOAD_CONFIG_NAME = 'upload';
 /**
  * Upload Property
  */
-export class XUploadProperty extends XControlValueAccessor {
+export class XUploadProperty extends XFormControlFunction(X_UPLOAD_CONFIG_NAME) {
     constructor() {
         super(...arguments);
+        /**
+         * @zh_CN 显示文字
+         * @en_US Display text
+         */
+        this.text = input();
+        /**
+         * @zh_CN 请求地址
+         * @en_US Request address
+         */
+        this.action = input();
+        /**
+         * @zh_CN 上传文件类型，与原生的 input file 组件一致
+         * @en_US Upload file type, consistent with native input file component
+         */
+        this.accept = input();
         /**
          * @zh_CN 文件显示类型
          * @en_US File display type
          */
-        this.type = 'list';
+        this.type = input('list');
+        /**
+         * @zh_CN 图片类型下面加载失败显示
+         * @en_US Photo type below loading failed display
+         */
+        this.imgFallback = input();
+        /**
+         * @zh_CN 图片剪裁
+         * @en_US Picture cropping
+         */
+        this.imgCut = input(false, { transform: XToBoolean });
+        /**
+         * @zh_CN 多文件上传
+         * @en_US Multiple file upload
+         */
+        this.multiple = input(false, { transform: XToBoolean });
+        /**
+         * @zh_CN 点击下载
+         * @en_US click download
+         */
+        this.download = input(this.config?.download ?? true, { transform: XToBoolean });
+        /**
+         * @zh_CN 多次上传的模式，cover 覆盖现有, add 继续添加
+         * @en_US For many upload mode, 'cover' covers the existing, 'add' continue to add
+         */
+        this.multipleModel = input(this.config?.multipleModel ?? 'cover');
+        /**
+         * @zh_CN 文件列表自定义显示模板
+         * @en_US File list custom display template
+         */
+        this.filesTpl = input();
+        /**
+         * @zh_CN 限制单次上传文件个数，只有开启多文件上传 multiple 时生效，默认不做限制
+         * @en_US Limit the number of files uploaded files. Do not restrict the default
+         */
+        this.maxLimit = input(-1, { transform: XToNumber });
+        /**
+         * @zh_CN 设置上传的请求头部
+         * @en_US Set the upload request header
+         */
+        this.headers = input();
         /**
          * @zh_CN 删除按钮的事件
          * @en_US Delete button event
          */
-        this.removeClick = new EventEmitter();
+        this.removeClick = output();
         /**
          * @zh_CN 开始上传事件
          * @en_US Start upload event
          */
-        this.uploadReady = new EventEmitter();
+        this.uploadReady = output();
         /**
          * @zh_CN 正在上传事件
          * @en_US Start upload event
          */
-        this.uploading = new EventEmitter();
+        this.uploading = output();
         /**
          * @zh_CN 上传成功事件
          * @en_US Start upload event
          */
-        this.uploadSuccess = new EventEmitter();
+        this.uploadSuccess = output();
         /**
          * @zh_CN 上传失败事件
          * @en_US Start upload event
          */
-        this.uploadError = new EventEmitter();
+        this.uploadError = output();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XUploadProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: XUploadProperty, selector: "x-upload-property", inputs: { text: "text", action: "action", accept: "accept", type: "type", imgFallback: "imgFallback", imgCut: "imgCut", multiple: "multiple", download: "download", multipleModel: "multipleModel", filesTpl: "filesTpl", maxLimit: "maxLimit", headers: "headers" }, outputs: { removeClick: "removeClick", uploadReady: "uploadReady", uploading: "uploading", uploadSuccess: "uploadSuccess", uploadError: "uploadError" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XUploadProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XUploadProperty, selector: "x-upload-property", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, imgFallback: { classPropertyName: "imgFallback", publicName: "imgFallback", isSignal: true, isRequired: false, transformFunction: null }, imgCut: { classPropertyName: "imgCut", publicName: "imgCut", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, download: { classPropertyName: "download", publicName: "download", isSignal: true, isRequired: false, transformFunction: null }, multipleModel: { classPropertyName: "multipleModel", publicName: "multipleModel", isSignal: true, isRequired: false, transformFunction: null }, filesTpl: { classPropertyName: "filesTpl", publicName: "filesTpl", isSignal: true, isRequired: false, transformFunction: null }, maxLimit: { classPropertyName: "maxLimit", publicName: "maxLimit", isSignal: true, isRequired: false, transformFunction: null }, headers: { classPropertyName: "headers", publicName: "headers", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removeClick: "removeClick", uploadReady: "uploadReady", uploading: "uploading", uploadSuccess: "uploadSuccess", uploadError: "uploadError" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-__decorate([
-    XInputBoolean()
-], XUploadProperty.prototype, "imgCut", void 0);
-__decorate([
-    XInputBoolean()
-], XUploadProperty.prototype, "multiple", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, true),
-    XInputBoolean()
-], XUploadProperty.prototype, "download", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 'cover')
-], XUploadProperty.prototype, "multipleModel", void 0);
-__decorate([
-    XInputNumber()
-], XUploadProperty.prototype, "maxLimit", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XUploadProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", 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
+ * @zh_CN 上传显示窗口
+ * @en_US Upload portal
  * @selector x-upload-portal
  * @decorator component
  */
 export const XUploadPortalPrefix = 'x-upload-portal';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvdXBsb2FkL3VwbG9hZC5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBMkMsV0FBVyxFQUFXLFlBQVksRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzlILE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBRTlEOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDO0FBQ3hDLE1BQU0sYUFBYSxHQUFHLFFBQVEsQ0FBQztBQUUvQjs7R0FFRztBQUVILE1BQU0sT0FBTyxlQUFnQixTQUFRLHFCQUFvQztJQUR6RTs7UUFpQkU7OztXQUdHO1FBQ00sU0FBSSxHQUFnQixNQUFNLENBQUM7UUF5Q3BDOzs7V0FHRztRQUNPLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQXdDLENBQUM7UUFDakY7OztXQUdHO1FBQ08sZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO1FBQ3hEOzs7V0FHRztRQUNPLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO1FBQ3REOzs7V0FHRztRQUNPLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztRQUMxRDs7O1dBR0c7UUFDTyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7S0FDekQ7a0lBdEZZLGVBQWU7c0hBQWYsZUFBZSwrZUFEa0MsRUFBRTs7QUErQnBDO0lBQWhCLGFBQWEsRUFBRTsrQ0FBbUI7QUFLbEI7SUFBaEIsYUFBYSxFQUFFO2lEQUFxQjtBQUt3QjtJQUE1RCxXQUFXLENBQVcsYUFBYSxFQUFFLElBQUksQ0FBQztJQUFFLGFBQWEsRUFBRTtpREFBcUI7QUFLdEI7SUFBMUQsV0FBVyxDQUF1QixhQUFhLEVBQUUsT0FBTyxDQUFDO3NEQUFzQztBQVVoRjtJQUFmLFlBQVksRUFBRTtpREFBb0I7NEZBdkRqQyxlQUFlO2tCQUQzQixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLEdBQUcsYUFBYSxXQUFXLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTs4QkFNdkQsSUFBSTtzQkFBWixLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFLRyxNQUFNO3NCQUFkLEtBQUs7Z0JBS0csSUFBSTtzQkFBWixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS29CLE1BQU07c0JBQS9CLEtBQUs7Z0JBS29CLFFBQVE7c0JBQWpDLEtBQUs7Z0JBS2dFLFFBQVE7c0JBQTdFLEtBQUs7Z0JBSzhELGFBQWE7c0JBQWhGLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLbUIsUUFBUTtzQkFBaEMsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUs7Z0JBS0ksV0FBVztzQkFBcEIsTUFBTTtnQkFLRyxXQUFXO3NCQUFwQixNQUFNO2dCQUtHLFNBQVM7c0JBQWxCLE1BQU07Z0JBS0csYUFBYTtzQkFBdEIsTUFBTTtnQkFLRyxXQUFXO3NCQUFwQixNQUFNOztBQXNEVDs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsaUJBQWlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBYSW5wdXRCb29sZWFuLCBYQm9vbGVhbiwgWFRlbXBsYXRlLCBYUG9zaXRpb24sIFhDb3JuZXIsIFhXaXRoQ29uZmlnLCBYTnVtYmVyLCBYSW5wdXROdW1iZXIgfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuaW1wb3J0IHsgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgWENvbnRyb2xWYWx1ZUFjY2Vzc29yIH0gZnJvbSAnQG5nLW5lc3QvdWkvYmFzZS1mb3JtJztcclxuXHJcbi8qKlxyXG4gKiBVcGxvYWRcclxuICogQHNlbGVjdG9yIHgtdXBsb2FkXHJcbiAqIEBkZWNvcmF0b3IgY29tcG9uZW50XHJcbiAqL1xyXG5leHBvcnQgY29uc3QgWFVwbG9hZFByZWZpeCA9ICd4LXVwbG9hZCc7XHJcbmNvbnN0IFhfQ09ORklHX05BTUUgPSAndXBsb2FkJztcclxuXHJcbi8qKlxyXG4gKiBVcGxvYWQgUHJvcGVydHlcclxuICovXHJcbkBDb21wb25lbnQoeyBzZWxlY3RvcjogYCR7WFVwbG9hZFByZWZpeH0tcHJvcGVydHlgLCB0ZW1wbGF0ZTogJycgfSlcclxuZXhwb3J0IGNsYXNzIFhVcGxvYWRQcm9wZXJ0eSBleHRlbmRzIFhDb250cm9sVmFsdWVBY2Nlc3NvcjxYVXBsb2FkTm9kZVtdPiB7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaYvuekuuaWh+Wtl1xyXG4gICAqIEBlbl9VUyBEaXNwbGF5IHRleHRcclxuICAgKi9cclxuICBASW5wdXQoKSB0ZXh0PzogWFRlbXBsYXRlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDor7fmsYLlnLDlnYBcclxuICAgKiBAZW5fVVMgUmVxdWVzdCBhZGRyZXNzXHJcbiAgICovXHJcbiAgQElucHV0KCkgYWN0aW9uPzogc3RyaW5nO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDkuIrkvKDmlofku7bnsbvlnovvvIzkuI7ljp/nlJ/nmoQgaW5wdXQgZmlsZSDnu4Tku7bkuIDoh7RcclxuICAgKiBAZW5fVVMgVXBsb2FkIGZpbGUgdHlwZSwgY29uc2lzdGVudCB3aXRoIG5hdGl2ZSBpbnB1dCBmaWxlIGNvbXBvbmVudFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGFjY2VwdD86IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g5paH5Lu25pi+56S657G75Z6LXHJcbiAgICogQGVuX1VTIEZpbGUgZGlzcGxheSB0eXBlXHJcbiAgICovXHJcbiAgQElucHV0KCkgdHlwZTogWFVwbG9hZFR5cGUgPSAnbGlzdCc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWbvueJh+exu+Wei+S4i+mdouWKoOi9veWksei0peaYvuekulxyXG4gICAqIEBlbl9VUyBQaG90byB0eXBlIGJlbG93IGxvYWRpbmcgZmFpbGVkIGRpc3BsYXlcclxuICAgKi9cclxuICBASW5wdXQoKSBpbWdGYWxsYmFjaz86IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g5Zu+54mH5Ymq6KOBXHJcbiAgICogQGVuX1VTIFBpY3R1cmUgY3JvcHBpbmdcclxuICAgKi9cclxuICBASW5wdXQoKSBAWElucHV0Qm9vbGVhbigpIGltZ0N1dD86IFhCb29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlpJrmlofku7bkuIrkvKBcclxuICAgKiBAZW5fVVMgTXVsdGlwbGUgZmlsZSB1cGxvYWRcclxuICAgKi9cclxuICBASW5wdXQoKSBAWElucHV0Qm9vbGVhbigpIG11bHRpcGxlPzogWEJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOeCueWHu+S4i+i9vVxyXG4gICAqIEBlbl9VUyBjbGljayBkb3dubG9hZFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYV2l0aENvbmZpZzxYQm9vbGVhbj4oWF9DT05GSUdfTkFNRSwgdHJ1ZSkgQFhJbnB1dEJvb2xlYW4oKSBkb3dubG9hZCE6IFhCb29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlpJrmrKHkuIrkvKDnmoTmqKHlvI/vvIxjb3ZlciDopobnm5bnjrDmnIkgYWRkIOe7p+e7rea3u+WKoFxyXG4gICAqIEBlbl9VUyBGb3IgbWFueSB1cGxvYWQgbW9kZSwgJ2NvdmVyJyBjb3ZlcnMgdGhlIGV4aXN0aW5nLCAnYWRkJyBjb250aW51ZSB0byBhZGRcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WFVwbG9hZE11bHRpcGxlTW9kZWw+KFhfQ09ORklHX05BTUUsICdjb3ZlcicpIG11bHRpcGxlTW9kZWwhOiBYVXBsb2FkTXVsdGlwbGVNb2RlbDtcclxuICAvKipcclxuICAgKiBAemhfQ04g5paH5Lu25YiX6KGo6Ieq5a6a5LmJ5pi+56S65qih5p2/XHJcbiAgICogQGVuX1VTIEZpbGUgbGlzdCBjdXN0b20gZGlzcGxheSB0ZW1wbGF0ZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGZpbGVzVHBsPzogWFRlbXBsYXRlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDpmZDliLbljZXmrKHkuIrkvKDmlofku7bkuKrmlbDvvIzlj6rmnInlvIDlkK/lpJrmlofku7bkuIrkvKAgbXVsdGlwbGUg5pe255Sf5pWI77yM6buY6K6k5LiN5YGa6ZmQ5Yi2XHJcbiAgICogQGVuX1VTIExpbWl0IHRoZSBudW1iZXIgb2YgZmlsZXMgdXBsb2FkZWQgZmlsZXMuIERvIG5vdCByZXN0cmljdCB0aGUgZGVmYXVsdFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYSW5wdXROdW1iZXIoKSBtYXhMaW1pdD86IFhOdW1iZXI7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOiuvue9ruS4iuS8oOeahOivt+axguWktOmDqFxyXG4gICAqIEBlbl9VUyBTZXQgdGhlIHVwbG9hZCByZXF1ZXN0IGhlYWRlclxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGhlYWRlcnM/OiB7IFtrZXk6IHN0cmluZ106IGFueSB9O1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDliKDpmaTmjInpkq7nmoTkuovku7ZcclxuICAgKiBAZW5fVVMgRGVsZXRlIGJ1dHRvbiBldmVudFxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSByZW1vdmVDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8eyBmaWxlOiBYVXBsb2FkTm9kZTsgaW5kZXg6IG51bWJlciB9PigpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlvIDlp4vkuIrkvKDkuovku7ZcclxuICAgKiBAZW5fVVMgU3RhcnQgdXBsb2FkIGV2ZW50XHJcbiAgICovXHJcbiAgQE91dHB1dCgpIHVwbG9hZFJlYWR5ID0gbmV3IEV2ZW50RW1pdHRlcjxYVXBsb2FkTm9kZT4oKTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5q2j5Zyo5LiK5Lyg5LqL5Lu2XHJcbiAgICogQGVuX1VTIFN0YXJ0IHVwbG9hZCBldmVudFxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSB1cGxvYWRpbmcgPSBuZXcgRXZlbnRFbWl0dGVyPFhVcGxvYWROb2RlPigpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDkuIrkvKDmiJDlip/kuovku7ZcclxuICAgKiBAZW5fVVMgU3RhcnQgdXBsb2FkIGV2ZW50XHJcbiAgICovXHJcbiAgQE91dHB1dCgpIHVwbG9hZFN1Y2Nlc3MgPSBuZXcgRXZlbnRFbWl0dGVyPFhVcGxvYWROb2RlPigpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDkuIrkvKDlpLHotKXkuovku7ZcclxuICAgKiBAZW5fVVMgU3RhcnQgdXBsb2FkIGV2ZW50XHJcbiAgICovXHJcbiAgQE91dHB1dCgpIHVwbG9hZEVycm9yID0gbmV3IEV2ZW50RW1pdHRlcjxYVXBsb2FkTm9kZT4oKTtcclxufVxyXG5cclxuLyoqXHJcbiAqIEB6aF9DTiBVcGxvYWQg5pWw5o2u5a+56LGhXHJcbiAqIEBlbl9VUyBVcGxvYWQgZGF0YSBvYmplY3RcclxuICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgWFVwbG9hZE5vZGUgZXh0ZW5kcyBGaWxlIHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5Zyw5Z2AXHJcbiAgICogQGVuX1VTIGFkZHJlc3NcclxuICAgKi9cclxuICB1cmw/OiBzdHJpbmc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOeKtuaAgVxyXG4gICAqIEBlbl9VUyBzdGF0dXNcclxuICAgKi9cclxuICBzdGF0ZT86IFhTdGF0ZVR5cGU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOS4iuS8oOi/m+W6plxyXG4gICAqIEBlbl9VUyBVcGxvYWQgcHJvZ3Jlc3NcclxuICAgKi9cclxuICBwZXJjZW50PzogWE51bWJlcjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5LiK5Lyg6L+U5Zue5pWw5o2uXHJcbiAgICogQGVuX1VTIFVwbG9hZCBib2R5XHJcbiAgICovXHJcbiAgYm9keT86IGFueTtcclxufVxyXG5cclxuLyoqXHJcbiAqIEB6aF9DTiDmlofku7bnirbmgIFcclxuICogQGVuX1VTIEZpbGUgc3RhdHVzXHJcbiAqL1xyXG5leHBvcnQgdHlwZSBYU3RhdGVUeXBlID0gJ3JlYWR5JyB8ICd1cGxvYWRpbmcnIHwgJ3N1Y2Nlc3MnIHwgJ2Vycm9yJztcclxuXHJcbi8qKlxyXG4gKiBAemhfQ04g5paH5Lu25pi+56S657G75Z6LXHJcbiAqIEBlbl9VUyBGaWxlIGRpc3BsYXkgdHlwZVxyXG4gKi9cclxuZXhwb3J0IHR5cGUgWFVwbG9hZFR5cGUgPSAnbGlzdCcgfCAnaW1nJztcclxuXHJcbi8qKlxyXG4gKiBAemhfQ04g5aSa5qyh5LiK5Lyg55qE5qih5byP77yMY292ZXIg6KaG55uW546w5pyJIGFkZCDnu6fnu63mt7vliqBcclxuICogQGVuX1VTIEZvciBtYW55IHVwbG9hZCBtb2RlLCAnY292ZXInIGNvdmVycyB0aGUgZXhpc3RpbmcsICdhZGQnIGNvbnRpbnVlIHRvIGFkZFxyXG4gKi9cclxuZXhwb3J0IHR5cGUgWFVwbG9hZE11bHRpcGxlTW9kZWwgPSAnY292ZXInIHwgJ2FkZCc7XHJcblxyXG4vKipcclxuICogQHpoX0NOIOWJquijgeeahOaWueS9jVxyXG4gKiBAZW5fVVMgVGFpbG9yZWQgb3JpZW50YXRpb25cclxuICovXHJcbmV4cG9ydCB0eXBlIFhVcGxvYWRDdXRUeXBlID0gWFBvc2l0aW9uIHwgWENvcm5lciB8ICcnO1xyXG5cclxuLyoqXHJcbiAqIFVwbG9hZCBQb3J0YWxcclxuICogQHNlbGVjdG9yIHgtdXBsb2FkLXBvcnRhbFxyXG4gKiBAZGVjb3JhdG9yIGNvbXBvbmVudFxyXG4gKi9cclxuZXhwb3J0IGNvbnN0IFhVcGxvYWRQb3J0YWxQcmVmaXggPSAneC11cGxvYWQtcG9ydGFsJztcclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvdXBsb2FkL3VwbG9hZC5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9ELFVBQVUsRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUMzRyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBRTdEOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDO0FBQ3hDLE1BQU0sb0JBQW9CLEdBQUcsUUFBUSxDQUFDO0FBRXRDOztHQUVHO0FBRUgsTUFBTSxPQUFPLGVBQWdCLFNBQVEsb0JBQW9CLENBQUMsb0JBQW9CLENBQUM7SUFEL0U7O1FBRUU7OztXQUdHO1FBQ00sU0FBSSxHQUFHLEtBQUssRUFBYSxDQUFDO1FBQ25DOzs7V0FHRztRQUNNLFdBQU0sR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUNsQzs7O1dBR0c7UUFDTSxXQUFNLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDbEM7OztXQUdHO1FBQ00sU0FBSSxHQUFHLEtBQUssQ0FBYyxNQUFNLENBQUMsQ0FBQztRQUMzQzs7O1dBR0c7UUFDTSxnQkFBVyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3ZDOzs7V0FHRztRQUNNLFdBQU0sR0FBRyxLQUFLLENBQW9CLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO1FBQzdFOzs7V0FHRztRQUNNLGFBQVEsR0FBRyxLQUFLLENBQW9CLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO1FBQy9FOzs7V0FHRztRQUNNLGFBQVEsR0FBRyxLQUFLLENBQW9CLElBQUksQ0FBQyxNQUFNLEVBQUUsUUFBUSxJQUFJLElBQUksRUFBRSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO1FBQ3ZHOzs7V0FHRztRQUNNLGtCQUFhLEdBQUcsS0FBSyxDQUF1QixJQUFJLENBQUMsTUFBTSxFQUFFLGFBQWEsSUFBSSxPQUFPLENBQUMsQ0FBQztRQUM1Rjs7O1dBR0c7UUFDTSxhQUFRLEdBQUcsS0FBSyxFQUFhLENBQUM7UUFDdkM7OztXQUdHO1FBQ00sYUFBUSxHQUFHLEtBQUssQ0FBa0IsQ0FBQyxDQUFDLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQztRQUN6RTs7O1dBR0c7UUFDTSxZQUFPLEdBQUcsS0FBSyxFQUEwQixDQUFDO1FBQ25EOzs7V0FHRztRQUNNLGdCQUFXLEdBQUcsTUFBTSxFQUF3QyxDQUFDO1FBQ3RFOzs7V0FHRztRQUNNLGdCQUFXLEdBQUcsTUFBTSxFQUFlLENBQUM7UUFDN0M7OztXQUdHO1FBQ00sY0FBUyxHQUFHLE1BQU0sRUFBZSxDQUFDO1FBQzNDOzs7V0FHRztRQUNNLGtCQUFhLEdBQUcsTUFBTSxFQUFlLENBQUM7UUFDL0M7OztXQUdHO1FBQ00sZ0JBQVcsR0FBRyxNQUFNLEVBQWUsQ0FBQztLQUM5QztpSUF0RlksZUFBZTtxSEFBZixlQUFlLDR1REFEa0MsRUFBRTs7MkZBQ25ELGVBQWU7a0JBRDNCLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsR0FBRyxhQUFhLFdBQVcsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFOztBQTRJbEU7Ozs7O0dBS0c7QUFDSCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxpQkFBaUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFhCb29sZWFuLCBYVGVtcGxhdGUsIFhQb3NpdGlvbiwgWENvcm5lciwgWE51bWJlciwgWFRvQm9vbGVhbiwgWFRvTnVtYmVyIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQsIG91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBYRm9ybUNvbnRyb2xGdW5jdGlvbiB9IGZyb20gJ0BuZy1uZXN0L3VpL2Jhc2UtZm9ybSc7XHJcblxyXG4vKipcclxuICogVXBsb2FkXHJcbiAqIEBzZWxlY3RvciB4LXVwbG9hZFxyXG4gKiBAZGVjb3JhdG9yIGNvbXBvbmVudFxyXG4gKi9cclxuZXhwb3J0IGNvbnN0IFhVcGxvYWRQcmVmaXggPSAneC11cGxvYWQnO1xyXG5jb25zdCBYX1VQTE9BRF9DT05GSUdfTkFNRSA9ICd1cGxvYWQnO1xyXG5cclxuLyoqXHJcbiAqIFVwbG9hZCBQcm9wZXJ0eVxyXG4gKi9cclxuQENvbXBvbmVudCh7IHNlbGVjdG9yOiBgJHtYVXBsb2FkUHJlZml4fS1wcm9wZXJ0eWAsIHRlbXBsYXRlOiAnJyB9KVxyXG5leHBvcnQgY2xhc3MgWFVwbG9hZFByb3BlcnR5IGV4dGVuZHMgWEZvcm1Db250cm9sRnVuY3Rpb24oWF9VUExPQURfQ09ORklHX05BTUUpIHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pi+56S65paH5a2XXHJcbiAgICogQGVuX1VTIERpc3BsYXkgdGV4dFxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IHRleHQgPSBpbnB1dDxYVGVtcGxhdGU+KCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOivt+axguWcsOWdgFxyXG4gICAqIEBlbl9VUyBSZXF1ZXN0IGFkZHJlc3NcclxuICAgKi9cclxuICByZWFkb25seSBhY3Rpb24gPSBpbnB1dDxzdHJpbmc+KCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOS4iuS8oOaWh+S7tuexu+Wei++8jOS4juWOn+eUn+eahCBpbnB1dCBmaWxlIOe7hOS7tuS4gOiHtFxyXG4gICAqIEBlbl9VUyBVcGxvYWQgZmlsZSB0eXBlLCBjb25zaXN0ZW50IHdpdGggbmF0aXZlIGlucHV0IGZpbGUgY29tcG9uZW50XHJcbiAgICovXHJcbiAgcmVhZG9ubHkgYWNjZXB0ID0gaW5wdXQ8c3RyaW5nPigpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmlofku7bmmL7npLrnsbvlnotcclxuICAgKiBAZW5fVVMgRmlsZSBkaXNwbGF5IHR5cGVcclxuICAgKi9cclxuICByZWFkb25seSB0eXBlID0gaW5wdXQ8WFVwbG9hZFR5cGU+KCdsaXN0Jyk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWbvueJh+exu+Wei+S4i+mdouWKoOi9veWksei0peaYvuekulxyXG4gICAqIEBlbl9VUyBQaG90byB0eXBlIGJlbG93IGxvYWRpbmcgZmFpbGVkIGRpc3BsYXlcclxuICAgKi9cclxuICByZWFkb25seSBpbWdGYWxsYmFjayA9IGlucHV0PHN0cmluZz4oKTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5Zu+54mH5Ymq6KOBXHJcbiAgICogQGVuX1VTIFBpY3R1cmUgY3JvcHBpbmdcclxuICAgKi9cclxuICByZWFkb25seSBpbWdDdXQgPSBpbnB1dDxib29sZWFuLCBYQm9vbGVhbj4oZmFsc2UsIHsgdHJhbnNmb3JtOiBYVG9Cb29sZWFuIH0pO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlpJrmlofku7bkuIrkvKBcclxuICAgKiBAZW5fVVMgTXVsdGlwbGUgZmlsZSB1cGxvYWRcclxuICAgKi9cclxuICByZWFkb25seSBtdWx0aXBsZSA9IGlucHV0PGJvb2xlYW4sIFhCb29sZWFuPihmYWxzZSwgeyB0cmFuc2Zvcm06IFhUb0Jvb2xlYW4gfSk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOeCueWHu+S4i+i9vVxyXG4gICAqIEBlbl9VUyBjbGljayBkb3dubG9hZFxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IGRvd25sb2FkID0gaW5wdXQ8Ym9vbGVhbiwgWEJvb2xlYW4+KHRoaXMuY29uZmlnPy5kb3dubG9hZCA/PyB0cnVlLCB7IHRyYW5zZm9ybTogWFRvQm9vbGVhbiB9KTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5aSa5qyh5LiK5Lyg55qE5qih5byP77yMY292ZXIg6KaG55uW546w5pyJLCBhZGQg57un57ut5re75YqgXHJcbiAgICogQGVuX1VTIEZvciBtYW55IHVwbG9hZCBtb2RlLCAnY292ZXInIGNvdmVycyB0aGUgZXhpc3RpbmcsICdhZGQnIGNvbnRpbnVlIHRvIGFkZFxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IG11bHRpcGxlTW9kZWwgPSBpbnB1dDxYVXBsb2FkTXVsdGlwbGVNb2RlbD4odGhpcy5jb25maWc/Lm11bHRpcGxlTW9kZWwgPz8gJ2NvdmVyJyk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaWh+S7tuWIl+ihqOiHquWumuS5ieaYvuekuuaooeadv1xyXG4gICAqIEBlbl9VUyBGaWxlIGxpc3QgY3VzdG9tIGRpc3BsYXkgdGVtcGxhdGVcclxuICAgKi9cclxuICByZWFkb25seSBmaWxlc1RwbCA9IGlucHV0PFhUZW1wbGF0ZT4oKTtcclxuICAvKipcclxuICAgKiBAemhfQ04g6ZmQ5Yi25Y2V5qyh5LiK5Lyg5paH5Lu25Liq5pWw77yM5Y+q5pyJ5byA5ZCv5aSa5paH5Lu25LiK5LygIG11bHRpcGxlIOaXtueUn+aViO+8jOm7mOiupOS4jeWBmumZkOWItlxyXG4gICAqIEBlbl9VUyBMaW1pdCB0aGUgbnVtYmVyIG9mIGZpbGVzIHVwbG9hZGVkIGZpbGVzLiBEbyBub3QgcmVzdHJpY3QgdGhlIGRlZmF1bHRcclxuICAgKi9cclxuICByZWFkb25seSBtYXhMaW1pdCA9IGlucHV0PG51bWJlciwgWE51bWJlcj4oLTEsIHsgdHJhbnNmb3JtOiBYVG9OdW1iZXIgfSk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOiuvue9ruS4iuS8oOeahOivt+axguWktOmDqFxyXG4gICAqIEBlbl9VUyBTZXQgdGhlIHVwbG9hZCByZXF1ZXN0IGhlYWRlclxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IGhlYWRlcnMgPSBpbnB1dDx7IFtrZXk6IHN0cmluZ106IGFueSB9PigpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDliKDpmaTmjInpkq7nmoTkuovku7ZcclxuICAgKiBAZW5fVVMgRGVsZXRlIGJ1dHRvbiBldmVudFxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IHJlbW92ZUNsaWNrID0gb3V0cHV0PHsgZmlsZTogWFVwbG9hZE5vZGU7IGluZGV4OiBudW1iZXIgfT4oKTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5byA5aeL5LiK5Lyg5LqL5Lu2XHJcbiAgICogQGVuX1VTIFN0YXJ0IHVwbG9hZCBldmVudFxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IHVwbG9hZFJlYWR5ID0gb3V0cHV0PFhVcGxvYWROb2RlPigpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmraPlnKjkuIrkvKDkuovku7ZcclxuICAgKiBAZW5fVVMgU3RhcnQgdXBsb2FkIGV2ZW50XHJcbiAgICovXHJcbiAgcmVhZG9ubHkgdXBsb2FkaW5nID0gb3V0cHV0PFhVcGxvYWROb2RlPigpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDkuIrkvKDmiJDlip/kuovku7ZcclxuICAgKiBAZW5fVVMgU3RhcnQgdXBsb2FkIGV2ZW50XHJcbiAgICovXHJcbiAgcmVhZG9ubHkgdXBsb2FkU3VjY2VzcyA9IG91dHB1dDxYVXBsb2FkTm9kZT4oKTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5LiK5Lyg5aSx6LSl5LqL5Lu2XHJcbiAgICogQGVuX1VTIFN0YXJ0IHVwbG9hZCBldmVudFxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IHVwbG9hZEVycm9yID0gb3V0cHV0PFhVcGxvYWROb2RlPigpO1xyXG59XHJcblxyXG4vKipcclxuICogQHpoX0NOIFVwbG9hZCDmlbDmja7lr7nosaFcclxuICogQGVuX1VTIFVwbG9hZCBkYXRhIG9iamVjdFxyXG4gKi9cclxuZXhwb3J0IGludGVyZmFjZSBYVXBsb2FkTm9kZSBleHRlbmRzIEZpbGUge1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlnLDlnYBcclxuICAgKiBAZW5fVVMgYWRkcmVzc1xyXG4gICAqL1xyXG4gIHVybD86IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g54q25oCBXHJcbiAgICogQGVuX1VTIHN0YXR1c1xyXG4gICAqL1xyXG4gIHN0YXRlPzogWFN0YXRlVHlwZTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5LiK5Lyg6L+b5bqmXHJcbiAgICogQGVuX1VTIFVwbG9hZCBwcm9ncmVzc1xyXG4gICAqL1xyXG4gIHBlcmNlbnQ/OiBYTnVtYmVyO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDkuIrkvKDov5Tlm57mlbDmja5cclxuICAgKiBAZW5fVVMgVXBsb2FkIGJvZHlcclxuICAgKi9cclxuICBib2R5PzogYW55O1xyXG59XHJcblxyXG4vKipcclxuICogQHpoX0NOIOaWh+S7tueKtuaAgVxyXG4gKiBAZW5fVVMgRmlsZSBzdGF0dXNcclxuICovXHJcbmV4cG9ydCB0eXBlIFhTdGF0ZVR5cGUgPSAncmVhZHknIHwgJ3VwbG9hZGluZycgfCAnc3VjY2VzcycgfCAnZXJyb3InO1xyXG5cclxuLyoqXHJcbiAqIEB6aF9DTiDmlofku7bmmL7npLrnsbvlnotcclxuICogQGVuX1VTIEZpbGUgZGlzcGxheSB0eXBlXHJcbiAqL1xyXG5leHBvcnQgdHlwZSBYVXBsb2FkVHlwZSA9ICdsaXN0JyB8ICdpbWcnO1xyXG5cclxuLyoqXHJcbiAqIEB6aF9DTiDlpJrmrKHkuIrkvKDnmoTmqKHlvI/vvIxjb3ZlciDopobnm5bnjrDmnIkgYWRkIOe7p+e7rea3u+WKoFxyXG4gKiBAZW5fVVMgRm9yIG1hbnkgdXBsb2FkIG1vZGUsICdjb3ZlcicgY292ZXJzIHRoZSBleGlzdGluZywgJ2FkZCcgY29udGludWUgdG8gYWRkXHJcbiAqL1xyXG5leHBvcnQgdHlwZSBYVXBsb2FkTXVsdGlwbGVNb2RlbCA9ICdjb3ZlcicgfCAnYWRkJztcclxuXHJcbi8qKlxyXG4gKiBAemhfQ04g5Ymq6KOB55qE5pa55L2NXHJcbiAqIEBlbl9VUyBUYWlsb3JlZCBvcmllbnRhdGlvblxyXG4gKi9cclxuZXhwb3J0IHR5cGUgWFVwbG9hZEN1dFR5cGUgPSBYUG9zaXRpb24gfCBYQ29ybmVyIHwgJyc7XHJcblxyXG4vKipcclxuICogQHpoX0NOIOS4iuS8oOaYvuekuueql+WPo1xyXG4gKiBAZW5fVVMgVXBsb2FkIHBvcnRhbFxyXG4gKiBAc2VsZWN0b3IgeC11cGxvYWQtcG9ydGFsXHJcbiAqIEBkZWNvcmF0b3IgY29tcG9uZW50XHJcbiAqL1xyXG5leHBvcnQgY29uc3QgWFVwbG9hZFBvcnRhbFByZWZpeCA9ICd4LXVwbG9hZC1wb3J0YWwnO1xyXG4iXX0=

package/examples/examples.component.d.ts

@@ -1,9 +1,6 @@
-import { Renderer2, ElementRef, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class XExamplesComponent implements OnInit {
-    renderer: Renderer2;
-    elementRef: ElementRef<any>;
-    ngOnInit(): void;
+export declare class XExamplesComponent {
+    className: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<XExamplesComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XExamplesComponent, "x-examples", never, {}, {}, never, ["*"], true, never>;
 }

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

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
-import { Component, Input, inject, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { __decorate } from 'tslib';
-import { XProperty, XWithConfig, XConfigService } from '@ng-nest/ui/core';
+import { input, Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { XPropertyFunction, XToCssPixelValue } from '@ng-nest/ui/core';
 
 /**
  * Affix
@@ -9,48 +8,47 @@ import { XProperty, XWithConfig, XConfigService } from '@ng-nest/ui/core';
  * @decorator component
  */
 const XAffixPrefix = 'x-affix';
-const X_CONFIG_NAME = 'affix';
+const X_AFFIX_CONFIG_NAME = 'affix';
 /**
  * Affix Property
  */
-class XAffixProperty extends XProperty {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XAffixProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: XAffixProperty, selector: "x-affix-property", inputs: { top: "top", left: "left" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+class XAffixProperty extends XPropertyFunction(X_AFFIX_CONFIG_NAME) {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 顶部距离
+         * @en_US Distance from top
+         */
+        this.top = input(this.config?.top, { transform: XToCssPixelValue });
+        /**
+         * @zh_CN 左边距离
+         * @en_US Distance from left
+         */
+        this.left = input(this.config?.left, { transform: XToCssPixelValue });
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XAffixProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XAffixProperty, selector: "x-affix-property", inputs: { top: { classPropertyName: "top", publicName: "top", isSignal: true, isRequired: false, transformFunction: null }, left: { classPropertyName: "left", publicName: "left", isSignal: true, isRequired: false, transformFunction: null } }, 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: "17.3.10", ngImport: i0, type: XAffixProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XAffixProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XAffixPrefix}-property`, template: '' }]
-        }], propDecorators: { top: [{
-                type: Input
-            }], left: [{
-                type: Input
-            }] } });
+        }] });
 
 class XAffixComponent extends XAffixProperty {
-    constructor() {
-        super(...arguments);
-        this.configService = inject(XConfigService);
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XAffixComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: XAffixComponent, isStandalone: true, 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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XAffixComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: XAffixComponent, isStandalone: true, 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: "17.3.10", ngImport: i0, type: XAffixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XAffixComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XAffixPrefix}`, standalone: true, 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"] }]
+            args: [{ selector: `${XAffixPrefix}`, standalone: true, 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"] }]
         }] });
 
 class XAffixModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XAffixModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: XAffixModule, imports: [XAffixComponent], exports: [XAffixComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XAffixModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XAffixModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: XAffixModule, imports: [XAffixComponent], exports: [XAffixComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XAffixModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XAffixModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XAffixModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XAffixComponent],
@@ -62,5 +60,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { XAffixComponent, XAffixModule, XAffixPrefix, XAffixProperty };
+export { XAffixComponent, XAffixModule, XAffixPrefix, XAffixProperty, X_AFFIX_CONFIG_NAME };
 //# sourceMappingURL=ng-nest-ui-affix.mjs.map

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

@@ -1 +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, inject } 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  standalone: true,\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  configService = inject(XConfigService);\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 { XAffixComponent } from './affix.component';\r\n\r\n@NgModule({\r\n  exports: [XAffixComponent],\r\n  imports: [XAffixComponent]\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;AAEG,MAAO,cAAe,SAAQ,SAAS,CAAA;kIAAhC,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,SAAA,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;4FAVhD,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;;;ACbF,MAAO,eAAgB,SAAQ,cAAc,CAAA;AARnD,IAAA,WAAA,GAAA;;AASE,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AACxC,KAAA;kIAFY,eAAe,EAAA,IAAA,EAAA,IAAA,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,SAAA,EAAA,IAAA,EAAA,eAAe,0FCZ5B,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;;4FDSa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAR3B,SAAS;+BACE,CAAG,EAAA,YAAY,CAAE,CAAA,EAAA,UAAA,EACf,IAAI,EAAA,aAAA,EAGD,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,uHAAA,EAAA,MAAA,EAAA,CAAA,qEAAA,CAAA,EAAA,CAAA;;;MEHpC,YAAY,CAAA;kIAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;mIAAZ,YAAY,EAAA,OAAA,EAAA,CAFb,eAAe,CAAA,EAAA,OAAA,EAAA,CADf,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA;mIAGd,YAAY,EAAA,CAAA,CAAA,EAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,OAAO,EAAE,CAAC,eAAe,CAAC;AAC3B,iBAAA,CAAA;;;ACND;;AAEG;;;;"}
+{"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 { XNumber, XPropertyFunction, XToCssPixelValue } from '@ng-nest/ui/core';\r\nimport { Component, input } 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\nexport const X_AFFIX_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 XPropertyFunction(X_AFFIX_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 顶部距离\r\n   * @en_US Distance from top\r\n   */\r\n  readonly top = input<string, XNumber>(this.config?.top!, { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 左边距离\r\n   * @en_US Distance from left\r\n   */\r\n  readonly left = input<string, XNumber>(this.config?.left!, { transform: XToCssPixelValue });\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XAffixPrefix, XAffixProperty } from './affix.property';\r\n\r\n@Component({\r\n  selector: `${XAffixPrefix}`,\r\n  standalone: true,\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","<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 { XAffixComponent } from './affix.component';\r\n\r\n@NgModule({\r\n  exports: [XAffixComponent],\r\n  imports: [XAffixComponent]\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;AAC/B,MAAM,mBAAmB,GAAG,QAAQ;AAE3C;;AAEG;MAEU,cAAe,SAAQ,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;AAD1E,IAAA,WAAA,GAAA;;AAEE;;;AAGG;AACM,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,GAAI,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;AAC1F;;;AAGG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,IAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;AAC7F,KAAA;iIAXY,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,kUADkC,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAClD,cAAc,EAAA,UAAA,EAAA,CAAA;kBAD1B,SAAS;mBAAC,EAAE,QAAQ,EAAE,CAAG,EAAA,YAAY,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAA;;;ACH3D,MAAO,eAAgB,SAAQ,cAAc,CAAA;iIAAtC,eAAe,EAAA,IAAA,EAAA,IAAA,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,0FCX5B,2HAGA,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;kBAR3B,SAAS;+BACE,CAAG,EAAA,YAAY,CAAE,CAAA,EAAA,UAAA,EACf,IAAI,EAAA,aAAA,EAGD,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2HAAA,EAAA,MAAA,EAAA,CAAA,qEAAA,CAAA,EAAA,CAAA;;;MEFpC,YAAY,CAAA;iIAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;kIAAZ,YAAY,EAAA,OAAA,EAAA,CAFb,eAAe,CAAA,EAAA,OAAA,EAAA,CADf,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA;kIAGd,YAAY,EAAA,CAAA,CAAA,EAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,OAAO,EAAE,CAAC,eAAe,CAAC;AAC3B,iBAAA,CAAA;;;ACND;;AAEG;;;;"}