@ng-nest/ui 17.0.11 → 18.0.0

package/esm2022/resizable/resizable.property.mjs

@@ -1,14 +1,12 @@
-import { __decorate } from "tslib";
-import { Directive, EventEmitter, Input, Output } from '@angular/core';
-import { XInputBoolean, XInputNumber, XProperty } from '@ng-nest/ui/core';
+import { Directive, input, output } from '@angular/core';
+import { XProperty, XToBoolean, XToCssPixelValue } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Resizable 指令名称
  * @selector x-resizable
- * @decorator Directive
+ * @decorator directive
  */
 export const XResizablePrefix = 'x-resizable';
-// const X_CONFIG_NAME = 'resizable';
 /**
  * Resizable Property
  */
@@ -19,76 +17,48 @@ export class XResizableProperty extends XProperty {
          * @zh_CN 启用调整尺寸大小
          * @en_US Enable adjustment size size
          */
-        this.xResizable = true;
+        this.xResizable = input(false, { transform: XToBoolean });
         /**
          * @zh_CN 调整方位
          * @en_US Adjust the orientation
          */
-        this.position = 'all';
+        this.position = input('all');
         /**
          * @zh_CN 手动调整，通过回调的数值自行调整
          * @en_US Manual adjustment, adjustment of the number of callbacks
          */
-        this.ghost = false;
+        this.ghost = input(false, { transform: XToBoolean });
         /**
          * @zh_CN 偏移屏幕左边
          * @en_US Distance on the left side
          */
-        this.offsetLeft = 0;
+        this.offsetLeft = input('0', { transform: XToCssPixelValue });
         /**
          * @zh_CN 偏移屏幕顶部
          * @en_US Distance to the top of the screen
          */
-        this.offsetTop = 0;
+        this.offsetTop = input('0', { transform: XToCssPixelValue });
         /**
          * @zh_CN 开始调整
          * @en_US Adjust the orientation
          */
-        this.resizeBegin = new EventEmitter();
+        this.resizeBegin = output();
         /**
          * @zh_CN 调整中
          * @en_US Adjust the orientation
          */
-        this.resizing = new EventEmitter();
+        this.resizing = output();
         /**
          * @zh_CN 调整结束
          * @en_US Adjust the orientation
          */
-        this.resizeEnd = new EventEmitter();
+        this.resizeEnd = output();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XResizableProperty, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: XResizableProperty, isStandalone: true, selector: "[xResizable]", inputs: { xResizable: "xResizable", position: "position", ghost: "ghost", offsetLeft: "offsetLeft", offsetTop: "offsetTop" }, outputs: { resizeBegin: "resizeBegin", resizing: "resizing", resizeEnd: "resizeEnd" }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XResizableProperty, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.1", type: XResizableProperty, isStandalone: true, selector: "[xResizable]", inputs: { xResizable: { classPropertyName: "xResizable", publicName: "xResizable", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, ghost: { classPropertyName: "ghost", publicName: "ghost", isSignal: true, isRequired: false, transformFunction: null }, offsetLeft: { classPropertyName: "offsetLeft", publicName: "offsetLeft", isSignal: true, isRequired: false, transformFunction: null }, offsetTop: { classPropertyName: "offsetTop", publicName: "offsetTop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { resizeBegin: "resizeBegin", resizing: "resizing", resizeEnd: "resizeEnd" }, usesInheritance: true, ngImport: i0 }); }
 }
-__decorate([
-    XInputBoolean()
-], XResizableProperty.prototype, "xResizable", void 0);
-__decorate([
-    XInputBoolean()
-], XResizableProperty.prototype, "ghost", void 0);
-__decorate([
-    XInputNumber()
-], XResizableProperty.prototype, "offsetLeft", void 0);
-__decorate([
-    XInputNumber()
-], XResizableProperty.prototype, "offsetTop", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XResizableProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XResizableProperty, decorators: [{
             type: Directive,
             args: [{ selector: '[xResizable]', standalone: true }]
-        }], propDecorators: { xResizable: [{
-                type: Input
-            }], position: [{
-                type: Input
-            }], ghost: [{
-                type: Input
-            }], offsetLeft: [{
-                type: Input
-            }], offsetTop: [{
-                type: Input
-            }], resizeBegin: [{
-                type: Output
-            }], resizing: [{
-                type: Output
-            }], resizeEnd: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXphYmxlLnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvcmVzaXphYmxlL3Jlc2l6YWJsZS5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBR0wsYUFBYSxFQUNiLFlBQVksRUFHWixTQUFTLEVBQ1YsTUFBTSxrQkFBa0IsQ0FBQzs7QUFFMUI7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLGFBQWEsQ0FBQztBQUM5QyxxQ0FBcUM7QUFFckM7O0dBRUc7QUFFSCxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsU0FBUztJQURqRDs7UUFFRTs7O1dBR0c7UUFDdUIsZUFBVSxHQUFhLElBQUksQ0FBQztRQUN0RDs7O1dBR0c7UUFDTSxhQUFRLEdBQStDLEtBQUssQ0FBQztRQUN0RTs7O1dBR0c7UUFDdUIsVUFBSyxHQUFhLEtBQUssQ0FBQztRQUNsRDs7O1dBR0c7UUFDc0IsZUFBVSxHQUFZLENBQUMsQ0FBQztRQUNqRDs7O1dBR0c7UUFDc0IsY0FBUyxHQUFZLENBQUMsQ0FBQztRQUNoRDs7O1dBR0c7UUFDTyxnQkFBVyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzlEOzs7V0FHRztRQUNPLGFBQVEsR0FBa0MsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN2RTs7O1dBR0c7UUFDTyxjQUFTLEdBQWtDLElBQUksWUFBWSxFQUFFLENBQUM7S0FDekU7aUlBekNZLGtCQUFrQjtxSEFBbEIsa0JBQWtCOztBQUtIO0lBQWhCLGFBQWEsRUFBRTtzREFBNkI7QUFVNUI7SUFBaEIsYUFBYSxFQUFFO2lEQUF5QjtBQUt6QjtJQUFmLFlBQVksRUFBRTtzREFBeUI7QUFLeEI7SUFBZixZQUFZLEVBQUU7cURBQXdCOzJGQXpCckMsa0JBQWtCO2tCQUQ5QixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFOzhCQU03QixVQUFVO3NCQUFuQyxLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS29CLEtBQUs7c0JBQTlCLEtBQUs7Z0JBS21CLFVBQVU7c0JBQWxDLEtBQUs7Z0JBS21CLFNBQVM7c0JBQWpDLEtBQUs7Z0JBS0ksV0FBVztzQkFBcEIsTUFBTTtnQkFLRyxRQUFRO3NCQUFqQixNQUFNO2dCQUtHLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIFhCb29sZWFuLFxyXG4gIFhDb3JuZXIsXHJcbiAgWElucHV0Qm9vbGVhbixcclxuICBYSW5wdXROdW1iZXIsXHJcbiAgWE51bWJlcixcclxuICBYUG9zaXRpb24sXHJcbiAgWFByb3BlcnR5XHJcbn0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcblxyXG4vKipcclxuICogUmVzaXphYmxlIOaMh+S7pOWQjeensFxyXG4gKiBAc2VsZWN0b3IgeC1yZXNpemFibGVcclxuICogQGRlY29yYXRvciBEaXJlY3RpdmVcclxuICovXHJcbmV4cG9ydCBjb25zdCBYUmVzaXphYmxlUHJlZml4ID0gJ3gtcmVzaXphYmxlJztcclxuLy8gY29uc3QgWF9DT05GSUdfTkFNRSA9ICdyZXNpemFibGUnO1xyXG5cclxuLyoqXHJcbiAqIFJlc2l6YWJsZSBQcm9wZXJ0eVxyXG4gKi9cclxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW3hSZXNpemFibGVdJywgc3RhbmRhbG9uZTogdHJ1ZSB9KVxyXG5leHBvcnQgY2xhc3MgWFJlc2l6YWJsZVByb3BlcnR5IGV4dGVuZHMgWFByb3BlcnR5IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5ZCv55So6LCD5pW05bC65a+45aSn5bCPXHJcbiAgICogQGVuX1VTIEVuYWJsZSBhZGp1c3RtZW50IHNpemUgc2l6ZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYSW5wdXRCb29sZWFuKCkgeFJlc2l6YWJsZTogWEJvb2xlYW4gPSB0cnVlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDosIPmlbTmlrnkvY1cclxuICAgKiBAZW5fVVMgQWRqdXN0IHRoZSBvcmllbnRhdGlvblxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHBvc2l0aW9uPzogWFJlc2l6YWJsZVBvc2l0aW9uIHwgWFJlc2l6YWJsZVBvc2l0aW9uW10gPSAnYWxsJztcclxuICAvKipcclxuICAgKiBAemhfQ04g5omL5Yqo6LCD5pW077yM6YCa6L+H5Zue6LCD55qE5pWw5YC86Ieq6KGM6LCD5pW0XHJcbiAgICogQGVuX1VTIE1hbnVhbCBhZGp1c3RtZW50LCBhZGp1c3RtZW50IG9mIHRoZSBudW1iZXIgb2YgY2FsbGJhY2tzXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhJbnB1dEJvb2xlYW4oKSBnaG9zdDogWEJvb2xlYW4gPSBmYWxzZTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5YGP56e75bGP5bmV5bem6L65XHJcbiAgICogQGVuX1VTIERpc3RhbmNlIG9uIHRoZSBsZWZ0IHNpZGVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWElucHV0TnVtYmVyKCkgb2Zmc2V0TGVmdDogWE51bWJlciA9IDA7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWBj+enu+Wxj+W5lemhtumDqFxyXG4gICAqIEBlbl9VUyBEaXN0YW5jZSB0byB0aGUgdG9wIG9mIHRoZSBzY3JlZW5cclxuICAgKi9cclxuICBASW5wdXQoKSBAWElucHV0TnVtYmVyKCkgb2Zmc2V0VG9wOiBYTnVtYmVyID0gMDtcclxuICAvKipcclxuICAgKiBAemhfQ04g5byA5aeL6LCD5pW0XHJcbiAgICogQGVuX1VTIEFkanVzdCB0aGUgb3JpZW50YXRpb25cclxuICAgKi9cclxuICBAT3V0cHV0KCkgcmVzaXplQmVnaW46IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDosIPmlbTkuK1cclxuICAgKiBAZW5fVVMgQWRqdXN0IHRoZSBvcmllbnRhdGlvblxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSByZXNpemluZzogRXZlbnRFbWl0dGVyPFhSZXNpemFibGVFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOiwg+aVtOe7k+adn1xyXG4gICAqIEBlbl9VUyBBZGp1c3QgdGhlIG9yaWVudGF0aW9uXHJcbiAgICovXHJcbiAgQE91dHB1dCgpIHJlc2l6ZUVuZDogRXZlbnRFbWl0dGVyPFhSZXNpemFibGVFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBAemhfQ04g6LCD5pW05pa55L2NXHJcbiAqIEBlbl9VUyBBZGp1c3QgdGhlIG9yaWVudGF0aW9uXHJcbiAqL1xyXG5leHBvcnQgdHlwZSBYUmVzaXphYmxlUG9zaXRpb24gPSBYUG9zaXRpb24gfCBYQ29ybmVyIHwgJ2FsbCc7XHJcblxyXG4vKipcclxuICogQHpoX0NOIOiwg+aVtOWwuuWvuOeahOS6i+S7tuWvueixoVxyXG4gKiBAZW5fVVMgQWRqdXN0IHRoZSBzaXplIG9mIGV2ZW50IG9iamVjdHNcclxuICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgWFJlc2l6YWJsZUV2ZW50IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5LqL5Lu2XHJcbiAgICogQGVuX1VTIEV2ZW50XHJcbiAgICovXHJcbiAgZXZlbnQ/OiBNb3VzZUV2ZW50IHwgVG91Y2g7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWuveW6plxyXG4gICAqIEBlbl9VUyBXaWR0aFxyXG4gICAqL1xyXG4gIGNsaWVudFdpZHRoPzogbnVtYmVyO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDpq5jluqZcclxuICAgKiBAZW5fVVMgaGVpZ2h0XHJcbiAgICovXHJcbiAgY2xpZW50SGVpZ2h0PzogbnVtYmVyO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDot53nprvlsY/luZXlt6bovrlcclxuICAgKiBAZW5fVVMgRGlzdGFuY2Ugb24gdGhlIGxlZnQgc2lkZVxyXG4gICAqL1xyXG4gIG9mZnNldExlZnQ/OiBudW1iZXI7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOi3neemu+Wxj+W5lemhtumDqFxyXG4gICAqIEBlbl9VUyBEaXN0YW5jZSB0byB0aGUgdG9wIG9mIHRoZSBzY3JlZW5cclxuICAgKi9cclxuICBvZmZzZXRUb3A/OiBudW1iZXI7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaUueWPmOaWueS9jVxyXG4gICAqIEBlbl9VUyBDaGFuZ2UgcG9zaXRpb25cclxuICAgKi9cclxuICBkaXJlY3Rpb24/OiBYUmVzaXphYmxlUG9zaXRpb24gfCBudWxsO1xyXG59XHJcbiJdfQ==
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXphYmxlLnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvcmVzaXphYmxlL3Jlc2l6YWJsZS5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUFHM0U7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLGFBQWEsQ0FBQztBQUU5Qzs7R0FFRztBQUVILE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxTQUFTO0lBRGpEOztRQUVFOzs7V0FHRztRQUNNLGVBQVUsR0FBRyxLQUFLLENBQW9CLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO1FBQ2pGOzs7V0FHRztRQUNNLGFBQVEsR0FBRyxLQUFLLENBQTRDLEtBQUssQ0FBQyxDQUFDO1FBQzVFOzs7V0FHRztRQUNNLFVBQUssR0FBRyxLQUFLLENBQW9CLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO1FBQzVFOzs7V0FHRztRQUNNLGVBQVUsR0FBRyxLQUFLLENBQWtCLEdBQUcsRUFBRSxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7UUFDbkY7OztXQUdHO1FBQ00sY0FBUyxHQUFHLEtBQUssQ0FBa0IsR0FBRyxFQUFFLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQztRQUNsRjs7O1dBR0c7UUFDTSxnQkFBVyxHQUFHLE1BQU0sRUFBbUIsQ0FBQztRQUNqRDs7O1dBR0c7UUFDTSxhQUFRLEdBQUcsTUFBTSxFQUFtQixDQUFDO1FBQzlDOzs7V0FHRztRQUNNLGNBQVMsR0FBRyxNQUFNLEVBQW1CLENBQUM7S0FDaEQ7aUlBekNZLGtCQUFrQjtxSEFBbEIsa0JBQWtCOzsyRkFBbEIsa0JBQWtCO2tCQUQ5QixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBpbnB1dCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFhQcm9wZXJ0eSwgWFRvQm9vbGVhbiwgWFRvQ3NzUGl4ZWxWYWx1ZSB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgdHlwZSB7IFhCb29sZWFuLCBYQ29ybmVyLCBYTnVtYmVyLCBYUG9zaXRpb24gfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBSZXNpemFibGUg5oyH5Luk5ZCN56ewXHJcbiAqIEBzZWxlY3RvciB4LXJlc2l6YWJsZVxyXG4gKiBAZGVjb3JhdG9yIGRpcmVjdGl2ZVxyXG4gKi9cclxuZXhwb3J0IGNvbnN0IFhSZXNpemFibGVQcmVmaXggPSAneC1yZXNpemFibGUnO1xyXG5cclxuLyoqXHJcbiAqIFJlc2l6YWJsZSBQcm9wZXJ0eVxyXG4gKi9cclxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW3hSZXNpemFibGVdJywgc3RhbmRhbG9uZTogdHJ1ZSB9KVxyXG5leHBvcnQgY2xhc3MgWFJlc2l6YWJsZVByb3BlcnR5IGV4dGVuZHMgWFByb3BlcnR5IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5ZCv55So6LCD5pW05bC65a+45aSn5bCPXHJcbiAgICogQGVuX1VTIEVuYWJsZSBhZGp1c3RtZW50IHNpemUgc2l6ZVxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IHhSZXNpemFibGUgPSBpbnB1dDxib29sZWFuLCBYQm9vbGVhbj4oZmFsc2UsIHsgdHJhbnNmb3JtOiBYVG9Cb29sZWFuIH0pO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDosIPmlbTmlrnkvY1cclxuICAgKiBAZW5fVVMgQWRqdXN0IHRoZSBvcmllbnRhdGlvblxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IHBvc2l0aW9uID0gaW5wdXQ8WFJlc2l6YWJsZVBvc2l0aW9uIHwgWFJlc2l6YWJsZVBvc2l0aW9uW10+KCdhbGwnKTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5omL5Yqo6LCD5pW077yM6YCa6L+H5Zue6LCD55qE5pWw5YC86Ieq6KGM6LCD5pW0XHJcbiAgICogQGVuX1VTIE1hbnVhbCBhZGp1c3RtZW50LCBhZGp1c3RtZW50IG9mIHRoZSBudW1iZXIgb2YgY2FsbGJhY2tzXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgZ2hvc3QgPSBpbnB1dDxib29sZWFuLCBYQm9vbGVhbj4oZmFsc2UsIHsgdHJhbnNmb3JtOiBYVG9Cb29sZWFuIH0pO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlgY/np7vlsY/luZXlt6bovrlcclxuICAgKiBAZW5fVVMgRGlzdGFuY2Ugb24gdGhlIGxlZnQgc2lkZVxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IG9mZnNldExlZnQgPSBpbnB1dDxzdHJpbmcsIFhOdW1iZXI+KCcwJywgeyB0cmFuc2Zvcm06IFhUb0Nzc1BpeGVsVmFsdWUgfSk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWBj+enu+Wxj+W5lemhtumDqFxyXG4gICAqIEBlbl9VUyBEaXN0YW5jZSB0byB0aGUgdG9wIG9mIHRoZSBzY3JlZW5cclxuICAgKi9cclxuICByZWFkb25seSBvZmZzZXRUb3AgPSBpbnB1dDxzdHJpbmcsIFhOdW1iZXI+KCcwJywgeyB0cmFuc2Zvcm06IFhUb0Nzc1BpeGVsVmFsdWUgfSk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOW8gOWni+iwg+aVtFxyXG4gICAqIEBlbl9VUyBBZGp1c3QgdGhlIG9yaWVudGF0aW9uXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgcmVzaXplQmVnaW4gPSBvdXRwdXQ8WFJlc2l6YWJsZUV2ZW50PigpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDosIPmlbTkuK1cclxuICAgKiBAZW5fVVMgQWRqdXN0IHRoZSBvcmllbnRhdGlvblxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IHJlc2l6aW5nID0gb3V0cHV0PFhSZXNpemFibGVFdmVudD4oKTtcclxuICAvKipcclxuICAgKiBAemhfQ04g6LCD5pW057uT5p2fXHJcbiAgICogQGVuX1VTIEFkanVzdCB0aGUgb3JpZW50YXRpb25cclxuICAgKi9cclxuICByZWFkb25seSByZXNpemVFbmQgPSBvdXRwdXQ8WFJlc2l6YWJsZUV2ZW50PigpO1xyXG59XHJcblxyXG4vKipcclxuICogQHpoX0NOIOiwg+aVtOaWueS9jVxyXG4gKiBAZW5fVVMgQWRqdXN0IHRoZSBvcmllbnRhdGlvblxyXG4gKi9cclxuZXhwb3J0IHR5cGUgWFJlc2l6YWJsZVBvc2l0aW9uID0gWFBvc2l0aW9uIHwgWENvcm5lciB8ICdhbGwnO1xyXG5cclxuLyoqXHJcbiAqIEB6aF9DTiDosIPmlbTlsLrlr7jnmoTkuovku7blr7nosaFcclxuICogQGVuX1VTIEFkanVzdCB0aGUgc2l6ZSBvZiBldmVudCBvYmplY3RzXHJcbiAqL1xyXG5leHBvcnQgaW50ZXJmYWNlIFhSZXNpemFibGVFdmVudCB7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOS6i+S7tlxyXG4gICAqIEBlbl9VUyBFdmVudFxyXG4gICAqL1xyXG4gIGV2ZW50PzogTW91c2VFdmVudDtcclxuICAvKipcclxuICAgKiBAemhfQ04g5a695bqmXHJcbiAgICogQGVuX1VTIFdpZHRoXHJcbiAgICovXHJcbiAgY2xpZW50V2lkdGg/OiBudW1iZXI7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOmrmOW6plxyXG4gICAqIEBlbl9VUyBoZWlnaHRcclxuICAgKi9cclxuICBjbGllbnRIZWlnaHQ/OiBudW1iZXI7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOi3neemu+Wxj+W5leW3pui+uVxyXG4gICAqIEBlbl9VUyBEaXN0YW5jZSBvbiB0aGUgbGVmdCBzaWRlXHJcbiAgICovXHJcbiAgb2Zmc2V0TGVmdD86IG51bWJlcjtcclxuICAvKipcclxuICAgKiBAemhfQ04g6Led56a75bGP5bmV6aG26YOoXHJcbiAgICogQGVuX1VTIERpc3RhbmNlIHRvIHRoZSB0b3Agb2YgdGhlIHNjcmVlblxyXG4gICAqL1xyXG4gIG9mZnNldFRvcD86IG51bWJlcjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pS55Y+Y5pa55L2NXHJcbiAgICogQGVuX1VTIENoYW5nZSBwb3NpdGlvblxyXG4gICAqL1xyXG4gIGRpcmVjdGlvbj86IFhSZXNpemFibGVQb3NpdGlvbjtcclxufVxyXG4iXX0=

package/esm2022/result/result.component.mjs

@@ -1,6 +1,6 @@
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, inject } from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, computed } from '@angular/core';
 import { XResultPrefix, XResultProperty } from './result.property';
-import { XIsEmpty, XConfigService } from '@ng-nest/ui/core';
+import { XIsEmpty } from '@ng-nest/ui/core';
 import { NgClass } from '@angular/common';
 import { XIconComponent } from '@ng-nest/ui/icon';
 import { XOutletDirective } from '@ng-nest/ui/outlet';
@@ -8,22 +8,18 @@ import * as i0 from "@angular/core";
 export class XResultComponent extends XResultProperty {
     constructor() {
         super(...arguments);
-        this.configService = inject(XConfigService);
+        this.strIcon = computed(() => {
+            return this.icon();
+        });
+        this.classMap = computed(() => ({
+            [`${XResultPrefix}-${this.status()}`]: !XIsEmpty(this.status())
+        }));
     }
-    get strIcon() {
-        return this.icon;
-    }
-    ngOnInit() {
-        this.setClassMap();
-    }
-    setClassMap() {
-        this.classMap[`${XResultPrefix}-${this.status}`] = !XIsEmpty(this.status);
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XResultComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: XResultComponent, isStandalone: true, selector: "x-result", usesInheritance: true, ngImport: i0, template: "<div #result class=\"x-result\" [ngClass]=\"classMap\">\r\n  <div class=\"x-result-icon\">\r\n    @if (icon) {\r\n      <ng-container *xOutlet=\"icon\">\r\n        <x-icon [type]=\"strIcon\"></x-icon>\r\n      </ng-container>\r\n    } @else {\r\n      @switch (status) {\r\n        @case ('success') {\r\n          <x-icon type=\"adf-check-circle\"></x-icon>\r\n        }\r\n        @case ('info') {\r\n          <x-icon type=\"adf-info-circle\"></x-icon>\r\n        }\r\n        @case ('warning') {\r\n          <x-icon type=\"adf-warning\"></x-icon>\r\n        }\r\n        @case ('error') {\r\n          <x-icon type=\"adf-close-circle\"></x-icon>\r\n        }\r\n        @case ('403') {\r\n          <x-icon type=\"fto-lock\"></x-icon>\r\n        }\r\n        @case ('404') {\r\n          <x-icon type=\"fto-code\"></x-icon>\r\n        }\r\n        @case ('500') {\r\n          <x-icon type=\"adf-close-circle\"></x-icon>\r\n        }\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <div class=\"x-result-title\">\r\n    <ng-container *xOutlet=\"title\">{{ title }}</ng-container>\r\n  </div>\r\n  <div class=\"x-result-subTitle\">\r\n    <ng-container *xOutlet=\"subTitle\">{{ subTitle }}</ng-container>\r\n  </div>\r\n  <div class=\"x-result-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".x-result{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem}.x-result-icon{font-size:calc(var(--x-font-size) * 5);margin-bottom:var(--x-font-size-large)}.x-result-title{font-size:var(--x-font-size-large);line-height:calc(var(--x-font-size-large) * 1.5)}.x-result-subTitle{color:var(--x-text-400)}.x-result-content{margin-top:var(--x-font-size-large)}.x-result-success .x-result-icon{color:var(--x-success)}.x-result-info .x-result-icon{color:var(--x-info)}.x-result-warning .x-result-icon{color:var(--x-warning)}.x-result-error .x-result-icon{color:var(--x-danger)}.x-result-403 .x-result-icon,.x-result-404 .x-result-icon{color:var(--x-text-400)}.x-result-500 .x-result-icon{color:var(--x-danger)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], 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: XResultComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: XResultComponent, isStandalone: true, selector: "x-result", usesInheritance: true, ngImport: i0, template: "<div #result class=\"x-result\" [ngClass]=\"classMap()\">\r\n  <div class=\"x-result-icon\">\r\n    @if (icon()) {\r\n      <ng-container *xOutlet=\"icon()\">\r\n        <x-icon [type]=\"strIcon()\"></x-icon>\r\n      </ng-container>\r\n    } @else {\r\n      @switch (status()) {\r\n        @case ('success') {\r\n          <x-icon type=\"adf-check-circle\"></x-icon>\r\n        }\r\n        @case ('info') {\r\n          <x-icon type=\"adf-info-circle\"></x-icon>\r\n        }\r\n        @case ('warning') {\r\n          <x-icon type=\"adf-warning\"></x-icon>\r\n        }\r\n        @case ('error') {\r\n          <x-icon type=\"adf-close-circle\"></x-icon>\r\n        }\r\n        @case ('403') {\r\n          <x-icon type=\"fto-lock\"></x-icon>\r\n        }\r\n        @case ('404') {\r\n          <x-icon type=\"fto-code\"></x-icon>\r\n        }\r\n        @case ('500') {\r\n          <x-icon type=\"adf-close-circle\"></x-icon>\r\n        }\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <div class=\"x-result-title\">\r\n    <ng-container *xOutlet=\"title()\">{{ title() }}</ng-container>\r\n  </div>\r\n  <div class=\"x-result-subTitle\">\r\n    <ng-container *xOutlet=\"subTitle()\">{{ subTitle() }}</ng-container>\r\n  </div>\r\n  <div class=\"x-result-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".x-result{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem}.x-result-icon{font-size:calc(var(--x-font-size) * 5);margin-bottom:var(--x-font-size-large)}.x-result-title{font-size:var(--x-font-size-large);line-height:calc(var(--x-font-size-large) * 1.5)}.x-result-subTitle{color:var(--x-text-400)}.x-result-content{margin-top:var(--x-font-size-large)}.x-result-success .x-result-icon{color:var(--x-success)}.x-result-info .x-result-icon{color:var(--x-info)}.x-result-warning .x-result-icon{color:var(--x-warning)}.x-result-error .x-result-icon{color:var(--x-danger)}.x-result-403 .x-result-icon,.x-result-404 .x-result-icon{color:var(--x-text-400)}.x-result-500 .x-result-icon{color:var(--x-danger)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XResultComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XResultComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XResultPrefix}`, standalone: true, imports: [NgClass, XIconComponent, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #result class=\"x-result\" [ngClass]=\"classMap\">\r\n  <div class=\"x-result-icon\">\r\n    @if (icon) {\r\n      <ng-container *xOutlet=\"icon\">\r\n        <x-icon [type]=\"strIcon\"></x-icon>\r\n      </ng-container>\r\n    } @else {\r\n      @switch (status) {\r\n        @case ('success') {\r\n          <x-icon type=\"adf-check-circle\"></x-icon>\r\n        }\r\n        @case ('info') {\r\n          <x-icon type=\"adf-info-circle\"></x-icon>\r\n        }\r\n        @case ('warning') {\r\n          <x-icon type=\"adf-warning\"></x-icon>\r\n        }\r\n        @case ('error') {\r\n          <x-icon type=\"adf-close-circle\"></x-icon>\r\n        }\r\n        @case ('403') {\r\n          <x-icon type=\"fto-lock\"></x-icon>\r\n        }\r\n        @case ('404') {\r\n          <x-icon type=\"fto-code\"></x-icon>\r\n        }\r\n        @case ('500') {\r\n          <x-icon type=\"adf-close-circle\"></x-icon>\r\n        }\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <div class=\"x-result-title\">\r\n    <ng-container *xOutlet=\"title\">{{ title }}</ng-container>\r\n  </div>\r\n  <div class=\"x-result-subTitle\">\r\n    <ng-container *xOutlet=\"subTitle\">{{ subTitle }}</ng-container>\r\n  </div>\r\n  <div class=\"x-result-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".x-result{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem}.x-result-icon{font-size:calc(var(--x-font-size) * 5);margin-bottom:var(--x-font-size-large)}.x-result-title{font-size:var(--x-font-size-large);line-height:calc(var(--x-font-size-large) * 1.5)}.x-result-subTitle{color:var(--x-text-400)}.x-result-content{margin-top:var(--x-font-size-large)}.x-result-success .x-result-icon{color:var(--x-success)}.x-result-info .x-result-icon{color:var(--x-info)}.x-result-warning .x-result-icon{color:var(--x-warning)}.x-result-error .x-result-icon{color:var(--x-danger)}.x-result-403 .x-result-icon,.x-result-404 .x-result-icon{color:var(--x-text-400)}.x-result-500 .x-result-icon{color:var(--x-danger)}\n"] }]
+            args: [{ selector: `${XResultPrefix}`, standalone: true, imports: [NgClass, XIconComponent, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #result class=\"x-result\" [ngClass]=\"classMap()\">\r\n  <div class=\"x-result-icon\">\r\n    @if (icon()) {\r\n      <ng-container *xOutlet=\"icon()\">\r\n        <x-icon [type]=\"strIcon()\"></x-icon>\r\n      </ng-container>\r\n    } @else {\r\n      @switch (status()) {\r\n        @case ('success') {\r\n          <x-icon type=\"adf-check-circle\"></x-icon>\r\n        }\r\n        @case ('info') {\r\n          <x-icon type=\"adf-info-circle\"></x-icon>\r\n        }\r\n        @case ('warning') {\r\n          <x-icon type=\"adf-warning\"></x-icon>\r\n        }\r\n        @case ('error') {\r\n          <x-icon type=\"adf-close-circle\"></x-icon>\r\n        }\r\n        @case ('403') {\r\n          <x-icon type=\"fto-lock\"></x-icon>\r\n        }\r\n        @case ('404') {\r\n          <x-icon type=\"fto-code\"></x-icon>\r\n        }\r\n        @case ('500') {\r\n          <x-icon type=\"adf-close-circle\"></x-icon>\r\n        }\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <div class=\"x-result-title\">\r\n    <ng-container *xOutlet=\"title()\">{{ title() }}</ng-container>\r\n  </div>\r\n  <div class=\"x-result-subTitle\">\r\n    <ng-container *xOutlet=\"subTitle()\">{{ subTitle() }}</ng-container>\r\n  </div>\r\n  <div class=\"x-result-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".x-result{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem}.x-result-icon{font-size:calc(var(--x-font-size) * 5);margin-bottom:var(--x-font-size-large)}.x-result-title{font-size:var(--x-font-size-large);line-height:calc(var(--x-font-size-large) * 1.5)}.x-result-subTitle{color:var(--x-text-400)}.x-result-content{margin-top:var(--x-font-size-large)}.x-result-success .x-result-icon{color:var(--x-success)}.x-result-info .x-result-icon{color:var(--x-info)}.x-result-warning .x-result-icon{color:var(--x-warning)}.x-result-error .x-result-icon{color:var(--x-danger)}.x-result-403 .x-result-icon,.x-result-404 .x-result-icon{color:var(--x-text-400)}.x-result-500 .x-result-icon{color:var(--x-danger)}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzdWx0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL3Jlc3VsdC9yZXN1bHQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvcmVzdWx0L3Jlc3VsdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLGlCQUFpQixFQUFFLHVCQUF1QixFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RyxPQUFPLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxRQUFRLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDNUQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFXdEQsTUFBTSxPQUFPLGdCQUFpQixTQUFRLGVBQWU7SUFUckQ7O1FBYUUsa0JBQWEsR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7S0FTeEM7SUFaQyxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFjLENBQUM7SUFDN0IsQ0FBQztJQUdELFFBQVE7UUFDTixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsYUFBYSxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM1RSxDQUFDO2lJQVpVLGdCQUFnQjtxSEFBaEIsZ0JBQWdCLDJGQ2hCN0IsZ3lDQTJDQSwreEJEakNZLE9BQU8sb0ZBQUUsY0FBYyxtREFBRSxnQkFBZ0I7OzJGQU14QyxnQkFBZ0I7a0JBVDVCLFNBQVM7K0JBQ0UsR0FBRyxhQUFhLEVBQUUsY0FDaEIsSUFBSSxXQUNQLENBQUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxnQkFBZ0IsQ0FBQyxpQkFHckMsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBYUmVzdWx0UHJlZml4LCBYUmVzdWx0UHJvcGVydHkgfSBmcm9tICcuL3Jlc3VsdC5wcm9wZXJ0eSc7XHJcbmltcG9ydCB7IFhJc0VtcHR5LCBYQ29uZmlnU2VydmljZSB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgWEljb25Db21wb25lbnQgfSBmcm9tICdAbmctbmVzdC91aS9pY29uJztcclxuaW1wb3J0IHsgWE91dGxldERpcmVjdGl2ZSB9IGZyb20gJ0BuZy1uZXN0L3VpL291dGxldCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogYCR7WFJlc3VsdFByZWZpeH1gLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW05nQ2xhc3MsIFhJY29uQ29tcG9uZW50LCBYT3V0bGV0RGlyZWN0aXZlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vcmVzdWx0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9yZXN1bHQuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYUmVzdWx0Q29tcG9uZW50IGV4dGVuZHMgWFJlc3VsdFByb3BlcnR5IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBnZXQgc3RySWNvbigpIHtcclxuICAgIHJldHVybiB0aGlzLmljb24gYXMgc3RyaW5nO1xyXG4gIH1cclxuICBjb25maWdTZXJ2aWNlID0gaW5qZWN0KFhDb25maWdTZXJ2aWNlKTtcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLnNldENsYXNzTWFwKCk7XHJcbiAgfVxyXG5cclxuICBzZXRDbGFzc01hcCgpIHtcclxuICAgIHRoaXMuY2xhc3NNYXBbYCR7WFJlc3VsdFByZWZpeH0tJHt0aGlzLnN0YXR1c31gXSA9ICFYSXNFbXB0eSh0aGlzLnN0YXR1cyk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgI3Jlc3VsdCBjbGFzcz1cIngtcmVzdWx0XCIgW25nQ2xhc3NdPVwiY2xhc3NNYXBcIj5cclxuICA8ZGl2IGNsYXNzPVwieC1yZXN1bHQtaWNvblwiPlxyXG4gICAgQGlmIChpY29uKSB7XHJcbiAgICAgIDxuZy1jb250YWluZXIgKnhPdXRsZXQ9XCJpY29uXCI+XHJcbiAgICAgICAgPHgtaWNvbiBbdHlwZV09XCJzdHJJY29uXCI+PC94LWljb24+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgfSBAZWxzZSB7XHJcbiAgICAgIEBzd2l0Y2ggKHN0YXR1cykge1xyXG4gICAgICAgIEBjYXNlICgnc3VjY2VzcycpIHtcclxuICAgICAgICAgIDx4LWljb24gdHlwZT1cImFkZi1jaGVjay1jaXJjbGVcIj48L3gtaWNvbj5cclxuICAgICAgICB9XHJcbiAgICAgICAgQGNhc2UgKCdpbmZvJykge1xyXG4gICAgICAgICAgPHgtaWNvbiB0eXBlPVwiYWRmLWluZm8tY2lyY2xlXCI+PC94LWljb24+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIEBjYXNlICgnd2FybmluZycpIHtcclxuICAgICAgICAgIDx4LWljb24gdHlwZT1cImFkZi13YXJuaW5nXCI+PC94LWljb24+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIEBjYXNlICgnZXJyb3InKSB7XHJcbiAgICAgICAgICA8eC1pY29uIHR5cGU9XCJhZGYtY2xvc2UtY2lyY2xlXCI+PC94LWljb24+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIEBjYXNlICgnNDAzJykge1xyXG4gICAgICAgICAgPHgtaWNvbiB0eXBlPVwiZnRvLWxvY2tcIj48L3gtaWNvbj5cclxuICAgICAgICB9XHJcbiAgICAgICAgQGNhc2UgKCc0MDQnKSB7XHJcbiAgICAgICAgICA8eC1pY29uIHR5cGU9XCJmdG8tY29kZVwiPjwveC1pY29uPlxyXG4gICAgICAgIH1cclxuICAgICAgICBAY2FzZSAoJzUwMCcpIHtcclxuICAgICAgICAgIDx4LWljb24gdHlwZT1cImFkZi1jbG9zZS1jaXJjbGVcIj48L3gtaWNvbj5cclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH1cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdiBjbGFzcz1cIngtcmVzdWx0LXRpdGxlXCI+XHJcbiAgICA8bmctY29udGFpbmVyICp4T3V0bGV0PVwidGl0bGVcIj57eyB0aXRsZSB9fTwvbmctY29udGFpbmVyPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJ4LXJlc3VsdC1zdWJUaXRsZVwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqeE91dGxldD1cInN1YlRpdGxlXCI+e3sgc3ViVGl0bGUgfX08L25nLWNvbnRhaW5lcj5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwieC1yZXN1bHQtY29udGVudFwiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzdWx0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL3Jlc3VsdC9yZXN1bHQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvcmVzdWx0L3Jlc3VsdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLHVCQUF1QixFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM1QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQVd0RCxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsZUFBZTtJQVRyRDs7UUFVRSxZQUFPLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUN0QixPQUFPLElBQUksQ0FBQyxJQUFJLEVBQVksQ0FBQztRQUMvQixDQUFDLENBQUMsQ0FBQztRQUVILGFBQVEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztZQUN6QixDQUFDLEdBQUcsYUFBYSxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1NBQ2hFLENBQUMsQ0FBQyxDQUFDO0tBQ0w7aUlBUlksZ0JBQWdCO3FIQUFoQixnQkFBZ0IsMkZDaEI3QixrekNBMkNBLCt4QkRqQ1ksT0FBTyxvRkFBRSxjQUFjLG1EQUFFLGdCQUFnQjs7MkZBTXhDLGdCQUFnQjtrQkFUNUIsU0FBUzsrQkFDRSxHQUFHLGFBQWEsRUFBRSxjQUNoQixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUUsY0FBYyxFQUFFLGdCQUFnQixDQUFDLGlCQUdyQyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIGNvbXB1dGVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFhSZXN1bHRQcmVmaXgsIFhSZXN1bHRQcm9wZXJ0eSB9IGZyb20gJy4vcmVzdWx0LnByb3BlcnR5JztcclxuaW1wb3J0IHsgWElzRW1wdHkgfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFhJY29uQ29tcG9uZW50IH0gZnJvbSAnQG5nLW5lc3QvdWkvaWNvbic7XHJcbmltcG9ydCB7IFhPdXRsZXREaXJlY3RpdmUgfSBmcm9tICdAbmctbmVzdC91aS9vdXRsZXQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IGAke1hSZXN1bHRQcmVmaXh9YCxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtOZ0NsYXNzLCBYSWNvbkNvbXBvbmVudCwgWE91dGxldERpcmVjdGl2ZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3Jlc3VsdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcmVzdWx0LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgWFJlc3VsdENvbXBvbmVudCBleHRlbmRzIFhSZXN1bHRQcm9wZXJ0eSB7XHJcbiAgc3RySWNvbiA9IGNvbXB1dGVkKCgpID0+IHtcclxuICAgIHJldHVybiB0aGlzLmljb24oKSBhcyBzdHJpbmc7XHJcbiAgfSk7XHJcblxyXG4gIGNsYXNzTWFwID0gY29tcHV0ZWQoKCkgPT4gKHtcclxuICAgIFtgJHtYUmVzdWx0UHJlZml4fS0ke3RoaXMuc3RhdHVzKCl9YF06ICFYSXNFbXB0eSh0aGlzLnN0YXR1cygpKVxyXG4gIH0pKTtcclxufVxyXG4iLCI8ZGl2ICNyZXN1bHQgY2xhc3M9XCJ4LXJlc3VsdFwiIFtuZ0NsYXNzXT1cImNsYXNzTWFwKClcIj5cclxuICA8ZGl2IGNsYXNzPVwieC1yZXN1bHQtaWNvblwiPlxyXG4gICAgQGlmIChpY29uKCkpIHtcclxuICAgICAgPG5nLWNvbnRhaW5lciAqeE91dGxldD1cImljb24oKVwiPlxyXG4gICAgICAgIDx4LWljb24gW3R5cGVdPVwic3RySWNvbigpXCI+PC94LWljb24+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgfSBAZWxzZSB7XHJcbiAgICAgIEBzd2l0Y2ggKHN0YXR1cygpKSB7XHJcbiAgICAgICAgQGNhc2UgKCdzdWNjZXNzJykge1xyXG4gICAgICAgICAgPHgtaWNvbiB0eXBlPVwiYWRmLWNoZWNrLWNpcmNsZVwiPjwveC1pY29uPlxyXG4gICAgICAgIH1cclxuICAgICAgICBAY2FzZSAoJ2luZm8nKSB7XHJcbiAgICAgICAgICA8eC1pY29uIHR5cGU9XCJhZGYtaW5mby1jaXJjbGVcIj48L3gtaWNvbj5cclxuICAgICAgICB9XHJcbiAgICAgICAgQGNhc2UgKCd3YXJuaW5nJykge1xyXG4gICAgICAgICAgPHgtaWNvbiB0eXBlPVwiYWRmLXdhcm5pbmdcIj48L3gtaWNvbj5cclxuICAgICAgICB9XHJcbiAgICAgICAgQGNhc2UgKCdlcnJvcicpIHtcclxuICAgICAgICAgIDx4LWljb24gdHlwZT1cImFkZi1jbG9zZS1jaXJjbGVcIj48L3gtaWNvbj5cclxuICAgICAgICB9XHJcbiAgICAgICAgQGNhc2UgKCc0MDMnKSB7XHJcbiAgICAgICAgICA8eC1pY29uIHR5cGU9XCJmdG8tbG9ja1wiPjwveC1pY29uPlxyXG4gICAgICAgIH1cclxuICAgICAgICBAY2FzZSAoJzQwNCcpIHtcclxuICAgICAgICAgIDx4LWljb24gdHlwZT1cImZ0by1jb2RlXCI+PC94LWljb24+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIEBjYXNlICgnNTAwJykge1xyXG4gICAgICAgICAgPHgtaWNvbiB0eXBlPVwiYWRmLWNsb3NlLWNpcmNsZVwiPjwveC1pY29uPlxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2IGNsYXNzPVwieC1yZXN1bHQtdGl0bGVcIj5cclxuICAgIDxuZy1jb250YWluZXIgKnhPdXRsZXQ9XCJ0aXRsZSgpXCI+e3sgdGl0bGUoKSB9fTwvbmctY29udGFpbmVyPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJ4LXJlc3VsdC1zdWJUaXRsZVwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqeE91dGxldD1cInN1YlRpdGxlKClcIj57eyBzdWJUaXRsZSgpIH19PC9uZy1jb250YWluZXI+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cIngtcmVzdWx0LWNvbnRlbnRcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/result/result.module.mjs

@@ -2,11 +2,11 @@ import { NgModule } from '@angular/core';
 import { XResultComponent } from './result.component';
 import * as i0 from "@angular/core";
 export class XResultModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XResultModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: XResultModule, imports: [XResultComponent], exports: [XResultComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XResultModule, imports: [XResultComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XResultModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: XResultModule, imports: [XResultComponent], exports: [XResultComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XResultModule, imports: [XResultComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XResultModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XResultModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XResultComponent],

package/esm2022/result/result.property.mjs

@@ -1,5 +1,5 @@
-import { XProperty } from '@ng-nest/ui/core';
-import { Input, Component } from '@angular/core';
+import { XPropertyFunction } from '@ng-nest/ui/core';
+import { Component, input } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Result
@@ -7,31 +7,39 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export const XResultPrefix = 'x-result';
+const X_RESULT_CONFIG_NAME = 'result';
 /**
  * Result Property
  */
-export class XResultProperty extends XProperty {
+export class XResultProperty extends XPropertyFunction(X_RESULT_CONFIG_NAME) {
     constructor() {
         super(...arguments);
         /**
          * @zh_CN 状态
          * @en_US Status
          */
-        this.status = 'info';
+        this.status = input('info');
+        /**
+         * @zh_CN 标题，支持模板自定义
+         * @en_US Title, support template customization
+         */
+        this.title = input();
+        /**
+         * @zh_CN 图标，支持模板自定义
+         * @en_US Icon, support template customization
+         */
+        this.icon = input();
+        /**
+         * @zh_CN 小标题，支持模板自定义
+         * @en_US Subtitle, support template customization
+         */
+        this.subTitle = input();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XResultProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: XResultProperty, selector: "x-result-property", inputs: { status: "status", title: "title", icon: "icon", subTitle: "subTitle" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XResultProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XResultProperty, selector: "x-result-property", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XResultProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XResultProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XResultPrefix}-property`, template: '' }]
-        }], propDecorators: { status: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], subTitle: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzdWx0LnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvcmVzdWx0L3Jlc3VsdC5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQVcsU0FBUyxFQUFhLE1BQU0sa0JBQWtCLENBQUM7QUFDakUsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRWpEOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDO0FBRXhDOztHQUVHO0FBRUgsTUFBTSxPQUFPLGVBQWdCLFNBQVEsU0FBUztJQUQ5Qzs7UUFFRTs7O1dBR0c7UUFDTSxXQUFNLEdBQWtCLE1BQU0sQ0FBQztLQWdCekM7aUlBckJZLGVBQWU7cUhBQWYsZUFBZSxrS0FEa0MsRUFBRTs7MkZBQ25ELGVBQWU7a0JBRDNCLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsR0FBRyxhQUFhLFdBQVcsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFOzhCQU12RCxNQUFNO3NCQUFkLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgWFN0YXR1cywgWFByb3BlcnR5LCBYVGVtcGxhdGUgfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuaW1wb3J0IHsgSW5wdXQsIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqIFJlc3VsdFxyXG4gKiBAc2VsZWN0b3IgeC1yZXN1bHRcclxuICogQGRlY29yYXRvciBjb21wb25lbnRcclxuICovXHJcbmV4cG9ydCBjb25zdCBYUmVzdWx0UHJlZml4ID0gJ3gtcmVzdWx0JztcclxuXHJcbi8qKlxyXG4gKiBSZXN1bHQgUHJvcGVydHlcclxuICovXHJcbkBDb21wb25lbnQoeyBzZWxlY3RvcjogYCR7WFJlc3VsdFByZWZpeH0tcHJvcGVydHlgLCB0ZW1wbGF0ZTogJycgfSlcclxuZXhwb3J0IGNsYXNzIFhSZXN1bHRQcm9wZXJ0eSBleHRlbmRzIFhQcm9wZXJ0eSB7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOeKtuaAgVxyXG4gICAqIEBlbl9VUyBTdGF0dXNcclxuICAgKi9cclxuICBASW5wdXQoKSBzdGF0dXM6IFhSZXN1bHRTdGF0dXMgPSAnaW5mbyc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOagh+mimO+8jOaUr+aMgeaooeadv+iHquWumuS5iVxyXG4gICAqIEBlbl9VUyBUaXRsZSwgc3VwcG9ydCB0ZW1wbGF0ZSBjdXN0b21pemF0aW9uXHJcbiAgICovXHJcbiAgQElucHV0KCkgdGl0bGU/OiBYVGVtcGxhdGU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWbvuagh++8jOaUr+aMgeaooeadv+iHquWumuS5iVxyXG4gICAqIEBlbl9VUyBJY29uLCBzdXBwb3J0IHRlbXBsYXRlIGN1c3RvbWl6YXRpb25cclxuICAgKi9cclxuICBASW5wdXQoKSBpY29uPzogWFRlbXBsYXRlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlsI/moIfpopjvvIzmlK/mjIHmqKHmnb/oh6rlrprkuYlcclxuICAgKiBAZW5fVVMgU3VidGl0bGUsIHN1cHBvcnQgdGVtcGxhdGUgY3VzdG9taXphdGlvblxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHN1YlRpdGxlPzogWFRlbXBsYXRlO1xyXG59XHJcblxyXG4vKipcclxuICogQHpoX0NOIOe7k+aenOeKtuaAgVxyXG4gKiBAZW5fVVMgUmVzdWx0IHN0YXR1c1xyXG4gKi9cclxuZXhwb3J0IHR5cGUgWFJlc3VsdFN0YXR1cyA9IFhTdGF0dXMgfCAnNDAzJyB8ICc0MDQnIHwgJzUwMCcgfCAnY3VzdG9tJztcclxuIl19
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzdWx0LnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvcmVzdWx0L3Jlc3VsdC5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFHakQ7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxVQUFVLENBQUM7QUFDeEMsTUFBTSxvQkFBb0IsR0FBRyxRQUFRLENBQUM7QUFFdEM7O0dBRUc7QUFFSCxNQUFNLE9BQU8sZUFBZ0IsU0FBUSxpQkFBaUIsQ0FBQyxvQkFBb0IsQ0FBQztJQUQ1RTs7UUFFRTs7O1dBR0c7UUFDTSxXQUFNLEdBQUcsS0FBSyxDQUFnQixNQUFNLENBQUMsQ0FBQztRQUMvQzs7O1dBR0c7UUFDTSxVQUFLLEdBQUcsS0FBSyxFQUFhLENBQUM7UUFDcEM7OztXQUdHO1FBQ00sU0FBSSxHQUFHLEtBQUssRUFBYSxDQUFDO1FBQ25DOzs7V0FHRztRQUNNLGFBQVEsR0FBRyxLQUFLLEVBQWEsQ0FBQztLQUN4QztpSUFyQlksZUFBZTtxSEFBZixlQUFlLHFrQkFEa0MsRUFBRTs7MkZBQ25ELGVBQWU7a0JBRDNCLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsR0FBRyxhQUFhLFdBQVcsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgWFByb3BlcnR5RnVuY3Rpb24gfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgdHlwZSB7IFhTdGF0dXMsIFhUZW1wbGF0ZSB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqIFJlc3VsdFxyXG4gKiBAc2VsZWN0b3IgeC1yZXN1bHRcclxuICogQGRlY29yYXRvciBjb21wb25lbnRcclxuICovXHJcbmV4cG9ydCBjb25zdCBYUmVzdWx0UHJlZml4ID0gJ3gtcmVzdWx0JztcclxuY29uc3QgWF9SRVNVTFRfQ09ORklHX05BTUUgPSAncmVzdWx0JztcclxuXHJcbi8qKlxyXG4gKiBSZXN1bHQgUHJvcGVydHlcclxuICovXHJcbkBDb21wb25lbnQoeyBzZWxlY3RvcjogYCR7WFJlc3VsdFByZWZpeH0tcHJvcGVydHlgLCB0ZW1wbGF0ZTogJycgfSlcclxuZXhwb3J0IGNsYXNzIFhSZXN1bHRQcm9wZXJ0eSBleHRlbmRzIFhQcm9wZXJ0eUZ1bmN0aW9uKFhfUkVTVUxUX0NPTkZJR19OQU1FKSB7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOeKtuaAgVxyXG4gICAqIEBlbl9VUyBTdGF0dXNcclxuICAgKi9cclxuICByZWFkb25seSBzdGF0dXMgPSBpbnB1dDxYUmVzdWx0U3RhdHVzPignaW5mbycpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmoIfpopjvvIzmlK/mjIHmqKHmnb/oh6rlrprkuYlcclxuICAgKiBAZW5fVVMgVGl0bGUsIHN1cHBvcnQgdGVtcGxhdGUgY3VzdG9taXphdGlvblxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IHRpdGxlID0gaW5wdXQ8WFRlbXBsYXRlPigpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlm77moIfvvIzmlK/mjIHmqKHmnb/oh6rlrprkuYlcclxuICAgKiBAZW5fVVMgSWNvbiwgc3VwcG9ydCB0ZW1wbGF0ZSBjdXN0b21pemF0aW9uXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgaWNvbiA9IGlucHV0PFhUZW1wbGF0ZT4oKTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5bCP5qCH6aKY77yM5pSv5oyB5qih5p2/6Ieq5a6a5LmJXHJcbiAgICogQGVuX1VTIFN1YnRpdGxlLCBzdXBwb3J0IHRlbXBsYXRlIGN1c3RvbWl6YXRpb25cclxuICAgKi9cclxuICByZWFkb25seSBzdWJUaXRsZSA9IGlucHV0PFhUZW1wbGF0ZT4oKTtcclxufVxyXG5cclxuLyoqXHJcbiAqIEB6aF9DTiDnu5PmnpznirbmgIFcclxuICogQGVuX1VTIFJlc3VsdCBzdGF0dXNcclxuICovXHJcbmV4cG9ydCB0eXBlIFhSZXN1bHRTdGF0dXMgPSBYU3RhdHVzIHwgJzQwMycgfCAnNDA0JyB8ICc1MDAnIHwgJ2N1c3RvbSc7XHJcbiJdfQ==

package/esm2022/ripple/ripple.directive.mjs

@@ -1,22 +1,24 @@
-import { Renderer2, ElementRef, Directive, inject } from '@angular/core';
-import { fromEvent, of, Subject } from 'rxjs';
-import { delay, takeUntil, tap } from 'rxjs/operators';
+import { Renderer2, ElementRef, Directive, inject, HostBinding, ChangeDetectorRef } from '@angular/core';
+import { delay, fromEvent, of, Subject, takeUntil, tap } from 'rxjs';
 import { XRipplePrefix, XRippleProperty } from './ripple.property';
 import { XComputed } from '@ng-nest/ui/core';
+import { DOCUMENT } from '@angular/common';
 import * as i0 from "@angular/core";
 export class XRippleDirective extends XRippleProperty {
     constructor() {
         super(...arguments);
-        this.duration = 800;
-        this._unSub = new Subject();
+        this.className = `${XRipplePrefix} ${XRipplePrefix}-${this.type()}`;
+        this.unsub = new Subject();
         this.renderer = inject(Renderer2);
         this.elementRef = inject(ElementRef);
+        this.cdr = inject(ChangeDetectorRef);
+        this.document = inject(DOCUMENT);
     }
     ngOnInit() {
-        if (this.disabled)
+        if (this.disabled())
             return;
         fromEvent(this.elementRef.nativeElement, 'mousedown')
-            .pipe(takeUntil(this._unSub))
+            .pipe(takeUntil(this.unsub))
             .subscribe((event) => {
             const eleRect = this.elementRef.nativeElement.getBoundingClientRect();
             const radius = this.distanceToFurthestCorner(event.x, event.y, eleRect);
@@ -28,26 +30,32 @@ export class XRippleDirective extends XRippleProperty {
             ripple.style.top = `${offsetY - radius}px`;
             ripple.style.height = `${radius * 2}px`;
             ripple.style.width = `${radius * 2}px`;
-            ripple.style.transitionDuration = `${this.duration}ms`;
+            ripple.style.transitionDuration = `${this.duration()}ms`;
             this.renderer.appendChild(this.elementRef.nativeElement, ripple);
             this.enforceStyleRecalculation(ripple);
             ripple.style.transform = 'scale(1)';
-            ripple.style.opacity = '0';
-            of(true)
-                .pipe(delay(this.duration), tap(() => {
-                this.renderer.removeChild(this.elementRef.nativeElement, ripple);
-            }), takeUntil(this._unSub))
-                .subscribe();
+            ripple.style.opacity = '0.3';
+            const downTime = new Date().getTime();
+            const upEvent = fromEvent(this.document.documentElement, 'mouseup')
+                .pipe(takeUntil(this.unsub))
+                .subscribe(() => {
+                const upTime = new Date().getTime();
+                of(true)
+                    .pipe(delay(upTime - downTime > this.duration() ? 0 : this.duration() - (upTime - downTime)), tap(() => {
+                    if (this.renderer.parentNode(ripple)) {
+                        this.renderer.removeChild(this.elementRef.nativeElement, ripple);
+                    }
+                    // TODO: use zoneless, renderer removeChild will not take effect immediately
+                    this.cdr.markForCheck();
+                    upEvent.unsubscribe();
+                }), takeUntil(this.unsub))
+                    .subscribe();
+            });
         });
-        this.setClassMap();
     }
     ngOnDestroy() {
-        this._unSub.next();
-        this._unSub.complete();
-    }
-    setClassMap() {
-        this.renderer.addClass(this.elementRef.nativeElement, XRipplePrefix);
-        this.renderer.addClass(this.elementRef.nativeElement, `${XRipplePrefix}-${this.type}`);
+        this.unsub.next();
+        this.unsub.complete();
     }
     distanceToFurthestCorner(x, y, rect) {
         const distX = Math.max(Math.abs(x - rect.left), Math.abs(x - rect.right));
@@ -57,14 +65,17 @@ export class XRippleDirective extends XRippleProperty {
     enforceStyleRecalculation(element) {
         XComputed(element).getPropertyValue('opacity');
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XRippleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: XRippleDirective, isStandalone: true, selector: "[x-ripple]", usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XRippleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: XRippleDirective, isStandalone: true, selector: "[x-ripple]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XRippleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XRippleDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[x-ripple]',
+                    selector: `[${XRipplePrefix}]`,
                     standalone: true
                 }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlwcGxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL3JpcHBsZS9yaXBwbGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBVSxTQUFTLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBYSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUYsT0FBTyxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzlDLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDOztBQU03QyxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsZUFBZTtJQUpyRDs7UUFLRSxhQUFRLEdBQUcsR0FBRyxDQUFDO1FBQ1AsV0FBTSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFDN0IsYUFBUSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUM3QixlQUFVLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0tBdUR6QztJQXJEQyxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsUUFBUTtZQUFFLE9BQU87UUFDMUIsU0FBUyxDQUFhLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLFdBQVcsQ0FBQzthQUM5RCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQzthQUM1QixTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUNuQixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQ3RFLE1BQU0s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QUFHLENBQUMsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztRQUMxRSxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssR0FBRyxLQUFLLEdBQUcsS0FBSyxDQUFDLENBQUM7SUFDbEQsQ0FBQztJQUVELHlCQUF5QixDQUFDLE9BQW9CO1FBQzVDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNqRCxDQUFDO2lJQTFEVSxnQkFBZ0I7cUhBQWhCLGdCQUFnQjs7MkZBQWhCLGdCQUFnQjtrQkFKNUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT25Jbml0LCBSZW5kZXJlcjIsIEVsZW1lbnRSZWYsIERpcmVjdGl2ZSwgT25EZXN0cm95LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZnJvbUV2ZW50LCBvZiwgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBkZWxheSwgdGFrZVVudGlsLCB0YXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcbmltcG9ydCB7IFhSaXBwbGVQcmVmaXgsIFhSaXBwbGVQcm9wZXJ0eSB9IGZyb20gJy4vcmlwcGxlLnByb3BlcnR5JztcclxuaW1wb3J0IHsgWENvbXB1dGVkIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ1t4LXJpcHBsZV0nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWVcclxufSlcclxuZXhwb3J0IGNsYXNzIFhSaXBwbGVEaXJlY3RpdmUgZXh0ZW5kcyBYUmlwcGxlUHJvcGVydHkgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgZHVyYXRpb24gPSA4MDA7XHJcbiAgcHJpdmF0ZSBfdW5TdWIgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xyXG4gIHByaXZhdGUgcmVuZGVyZXIgPSBpbmplY3QoUmVuZGVyZXIyKTtcclxuICBwcml2YXRlIGVsZW1lbnRSZWYgPSBpbmplY3QoRWxlbWVudFJlZik7XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHJldHVybjtcclxuICAgIGZyb21FdmVudDxNb3VzZUV2ZW50Pih0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ21vdXNlZG93bicpXHJcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLl91blN1YikpXHJcbiAgICAgIC5zdWJzY3JpYmUoKGV2ZW50KSA9PiB7XHJcbiAgICAgICAgY29uc3QgZWxlUmVjdCA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xyXG4gICAgICAgIGNvbnN0IHJhZGl1cyA9IHRoaXMuZGlzdGFuY2VUb0Z1cnRoZXN0Q29ybmVyKGV2ZW50LngsIGV2ZW50LnksIGVsZVJlY3QpO1xyXG4gICAgICAgIGNvbnN0IG9mZnNldFggPSBldmVudC54IC0gZWxlUmVjdC5sZWZ0O1xyXG4gICAgICAgIGNvbnN0IG9mZnNldFkgPSBldmVudC55IC0gZWxlUmVjdC50b3A7XHJcbiAgICAgICAgY29uc3QgcmlwcGxlID0gdGhpcy5yZW5kZXJlci5jcmVhdGVFbGVtZW50KCdkaXYnKTtcclxuICAgICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHJpcHBsZSwgJ3gtcmlwcGxlLWVsZW1lbnQnKTtcclxuICAgICAgICByaXBwbGUuc3R5bGUubGVmdCA9IGAke29mZnNldFggLSByYWRpdXN9cHhgO1xyXG4gICAgICAgIHJpcHBsZS5zdHlsZS50b3AgPSBgJHtvZmZzZXRZIC0gcmFkaXVzfXB4YDtcclxuICAgICAgICByaXBwbGUuc3R5bGUuaGVpZ2h0ID0gYCR7cmFkaXVzICogMn1weGA7XHJcbiAgICAgICAgcmlwcGxlLnN0eWxlLndpZHRoID0gYCR7cmFkaXVzICogMn1weGA7XHJcbiAgICAgICAgcmlwcGxlLnN0eWxlLnRyYW5zaXRpb25EdXJhdGlvbiA9IGAke3RoaXMuZHVyYXRpb259bXNgO1xyXG4gICAgICAgIHRoaXMucmVuZGVyZXIuYXBwZW5kQ2hpbGQodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsIHJpcHBsZSk7XHJcbiAgICAgICAgdGhpcy5lbmZvcmNlU3R5bGVSZWNhbGN1bGF0aW9uKHJpcHBsZSk7XHJcbiAgICAgICAgcmlwcGxlLnN0eWxlLnRyYW5zZm9ybSA9ICdzY2FsZSgxKSc7XHJcbiAgICAgICAgcmlwcGxlLnN0eWxlLm9wYWNpdHkgPSAnMCc7XHJcblxyXG4gICAgICAgIG9mKHRydWUpXHJcbiAgICAgICAgICAucGlwZShcclxuICAgICAgICAgICAgZGVsYXkodGhpcy5kdXJhdGlvbiksXHJcbiAgICAgICAgICAgIHRhcCgoKSA9PiB7XHJcbiAgICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDaGlsZCh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgcmlwcGxlKTtcclxuICAgICAgICAgICAgfSksXHJcbiAgICAgICAgICAgIHRha2VVbnRpbCh0aGlzLl91blN1YilcclxuICAgICAgICAgIClcclxuICAgICAgICAgIC5zdWJzY3JpYmUoKTtcclxuICAgICAgfSk7XHJcbiAgICB0aGlzLnNldENsYXNzTWFwKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuX3VuU3ViLm5leHQoKTtcclxuICAgIHRoaXMuX3VuU3ViLmNvbXBsZXRlKCk7XHJcbiAgfVxyXG5cclxuICBzZXRDbGFzc01hcCgpIHtcclxuICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3ModGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsIFhSaXBwbGVQcmVmaXgpO1xyXG4gICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgYCR7WFJpcHBsZVByZWZpeH0tJHt0aGlzLnR5cGV9YCk7XHJcbiAgfVxyXG5cclxuICBkaXN0YW5jZVRvRnVydGhlc3RDb3JuZXIoeDogbnVtYmVyLCB5OiBudW1iZXIsIHJlY3Q6IENsaWVudFJlY3QpIHtcclxuICAgIGNvbnN0IGRpc3RYID0gTWF0aC5tYXgoTWF0aC5hYnMoeCAtIHJlY3QubGVmdCksIE1hdGguYWJzKHggLSByZWN0LnJpZ2h0KSk7XHJcbiAgICBjb25zdCBkaXN0WSA9IE1hdGgubWF4KE1hdGguYWJzKHkgLSByZWN0LnRvcCksIE1hdGguYWJzKHkgLSByZWN0LmJvdHRvbSkpO1xyXG4gICAgcmV0dXJuIE1hdGguc3FydChkaXN0WCAqIGRpc3RYICsgZGlzdFkgKiBkaXN0WSk7XHJcbiAgfVxyXG5cclxuICBlbmZvcmNlU3R5bGVSZWNhbGN1bGF0aW9uKGVsZW1lbnQ6IEhUTUxFbGVtZW50KSB7XHJcbiAgICBYQ29tcHV0ZWQoZWxlbWVudCkuZ2V0UHJvcGVydHlWYWx1ZSgnb3BhY2l0eScpO1xyXG4gIH1cclxufVxyXG4iXX0=
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlwcGxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL3JpcHBsZS9yaXBwbGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFNBQVMsRUFFVCxNQUFNLEVBQ04sV0FBVyxFQUNYLGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDckUsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQU0zQyxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsZUFBZTtJQUpyRDs7UUFLd0IsY0FBUyxHQUFHLEdBQUcsYUFBYSxJQUFJLGFBQWEsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQztRQUU3RSxVQUFLLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUM1QixhQUFRLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzdCLGVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDaEMsUUFBRyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ2hDLGFBQVEsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7S0E2RHJDO0lBM0RDLFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFBRSxPQUFPO1FBRTVCLFNBQVMsQ0FBYSxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxXQUFXLENB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Y2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIE9uSW5pdCxcclxuICBSZW5kZXJlcjIsXHJcbiAgRWxlbWVudFJlZixcclxuICBEaXJlY3RpdmUsXHJcbiAgT25EZXN0cm95LFxyXG4gIGluamVjdCxcclxuICBIb3N0QmluZGluZyxcclxuICBDaGFuZ2VEZXRlY3RvclJlZlxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBkZWxheSwgZnJvbUV2ZW50LCBvZiwgU3ViamVjdCwgdGFrZVVudGlsLCB0YXAgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgWFJpcHBsZVByZWZpeCwgWFJpcHBsZVByb3BlcnR5IH0gZnJvbSAnLi9yaXBwbGUucHJvcGVydHknO1xyXG5pbXBvcnQgeyBYQ29tcHV0ZWQgfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuaW1wb3J0IHsgRE9DVU1FTlQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6IGBbJHtYUmlwcGxlUHJlZml4fV1gLFxyXG4gIHN0YW5kYWxvbmU6IHRydWVcclxufSlcclxuZXhwb3J0IGNsYXNzIFhSaXBwbGVEaXJlY3RpdmUgZXh0ZW5kcyBYUmlwcGxlUHJvcGVydHkgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzTmFtZSA9IGAke1hSaXBwbGVQcmVmaXh9ICR7WFJpcHBsZVByZWZpeH0tJHt0aGlzLnR5cGUoKX1gO1xyXG5cclxuICBwcml2YXRlIHVuc3ViID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcclxuICBwcml2YXRlIHJlbmRlcmVyID0gaW5qZWN0KFJlbmRlcmVyMik7XHJcbiAgcHJpdmF0ZSBlbGVtZW50UmVmID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xyXG4gIHByaXZhdGUgY2RyID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcclxuICBwcml2YXRlIGRvY3VtZW50ID0gaW5qZWN0KERPQ1VNRU5UKTtcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBpZiAodGhpcy5kaXNhYmxlZCgpKSByZXR1cm47XHJcblxyXG4gICAgZnJvbUV2ZW50PE1vdXNlRXZlbnQ+KHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnbW91c2Vkb3duJylcclxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMudW5zdWIpKVxyXG4gICAgICAuc3Vic2NyaWJlKChldmVudCkgPT4ge1xyXG4gICAgICAgIGNvbnN0IGVsZVJlY3QgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcclxuICAgICAgICBjb25zdCByYWRpdXMgPSB0aGlzLmRpc3RhbmNlVG9GdXJ0aGVzdENvcm5lcihldmVudC54LCBldmVudC55LCBlbGVSZWN0KTtcclxuICAgICAgICBjb25zdCBvZmZzZXRYID0gZXZlbnQueCAtIGVsZVJlY3QubGVmdDtcclxuICAgICAgICBjb25zdCBvZmZzZXRZID0gZXZlbnQueSAtIGVsZVJlY3QudG9wO1xyXG4gICAgICAgIGNvbnN0IHJpcHBsZSA9IHRoaXMucmVuZGVyZXIuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XHJcbiAgICAgICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyhyaXBwbGUsICd4LXJpcHBsZS1lbGVtZW50Jyk7XHJcbiAgICAgICAgcmlwcGxlLnN0eWxlLmxlZnQgPSBgJHtvZmZzZXRYIC0gcmFkaXVzfXB4YDtcclxuICAgICAgICByaXBwbGUuc3R5bGUudG9wID0gYCR7b2Zmc2V0WSAtIHJhZGl1c31weGA7XHJcbiAgICAgICAgcmlwcGxlLnN0eWxlLmhlaWdodCA9IGAke3JhZGl1cyAqIDJ9cHhgO1xyXG4gICAgICAgIHJpcHBsZS5zdHlsZS53aWR0aCA9IGAke3JhZGl1cyAqIDJ9cHhgO1xyXG4gICAgICAgIHJpcHBsZS5zdHlsZS50cmFuc2l0aW9uRHVyYXRpb24gPSBgJHt0aGlzLmR1cmF0aW9uKCl9bXNgO1xyXG4gICAgICAgIHRoaXMucmVuZGVyZXIuYXBwZW5kQ2hpbGQodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsIHJpcHBsZSk7XHJcbiAgICAgICAgdGhpcy5lbmZvcmNlU3R5bGVSZWNhbGN1bGF0aW9uKHJpcHBsZSk7XHJcbiAgICAgICAgcmlwcGxlLnN0eWxlLnRyYW5zZm9ybSA9ICdzY2FsZSgxKSc7XHJcbiAgICAgICAgcmlwcGxlLnN0eWxlLm9wYWNpdHkgPSAnMC4zJztcclxuICAgICAgICBjb25zdCBkb3duVGltZSA9IG5ldyBEYXRlKCkuZ2V0VGltZSgpO1xyXG5cclxuICAgICAgICBjb25zdCB1cEV2ZW50ID0gZnJvbUV2ZW50PE1vdXNlRXZlbnQ+KHRoaXMuZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LCAnbW91c2V1cCcpXHJcbiAgICAgICAgICAucGlwZSh0YWtlVW50aWwodGhpcy51bnN1YikpXHJcbiAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgICAgICAgY29uc3QgdXBUaW1lID0gbmV3IERhdGUoKS5nZXRUaW1lKCk7XHJcbiAgICAgICAgICAgIG9mKHRydWUpXHJcbiAgICAgICAgICAgICAgLnBpcGUoXHJcbiAgICAgICAgICAgICAgICBkZWxheSh1cFRpbWUgLSBkb3duVGltZSA+IHRoaXMuZHVyYXRpb24oKSA/IDAgOiB0aGlzLmR1cmF0aW9uKCkgLSAodXBUaW1lIC0gZG93blRpbWUpKSxcclxuICAgICAgICAgICAgICAgIHRhcCgoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgIGlmICh0aGlzLnJlbmRlcmVyLnBhcmVudE5vZGUocmlwcGxlKSkge1xyXG4gICAgICAgICAgICAgICAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2hpbGQodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsIHJpcHBsZSk7XHJcbiAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgLy8gVE9ETzogdXNlIHpvbmVsZXNzLCByZW5kZXJlciByZW1vdmVDaGlsZCB3aWxsIG5vdCB0YWtlIGVmZmVjdCBpbW1lZGlhdGVseVxyXG4gICAgICAgICAgICAgICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcclxuICAgICAgICAgICAgICAgICAgdXBFdmVudC51bnN1YnNjcmliZSgpO1xyXG4gICAgICAgICAgICAgICAgfSksXHJcbiAgICAgICAgICAgICAgICB0YWtlVW50aWwodGhpcy51bnN1YilcclxuICAgICAgICAgICAgICApXHJcbiAgICAgICAgICAgICAgLnN1YnNjcmliZSgpO1xyXG4gICAgICAgICAgfSk7XHJcbiAgICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLnVuc3ViLm5leHQoKTtcclxuICAgIHRoaXMudW5zdWIuY29tcGxldGUoKTtcclxuICB9XHJcblxyXG4gIGRpc3RhbmNlVG9GdXJ0aGVzdENvcm5lcih4OiBudW1iZXIsIHk6IG51bWJlciwgcmVjdDogRE9NUmVjdCkge1xyXG4gICAgY29uc3QgZGlzdFggPSBNYXRoLm1heChNYXRoLmFicyh4IC0gcmVjdC5sZWZ0KSwgTWF0aC5hYnMoeCAtIHJlY3QucmlnaHQpKTtcclxuICAgIGNvbnN0IGRpc3RZID0gTWF0aC5tYXgoTWF0aC5hYnMoeSAtIHJlY3QudG9wKSwgTWF0aC5hYnMoeSAtIHJlY3QuYm90dG9tKSk7XHJcbiAgICByZXR1cm4gTWF0aC5zcXJ0KGRpc3RYICogZGlzdFggKyBkaXN0WSAqIGRpc3RZKTtcclxuICB9XHJcblxyXG4gIGVuZm9yY2VTdHlsZVJlY2FsY3VsYXRpb24oZWxlbWVudDogSFRNTEVsZW1lbnQpIHtcclxuICAgIFhDb21wdXRlZChlbGVtZW50KS5nZXRQcm9wZXJ0eVZhbHVlKCdvcGFjaXR5Jyk7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2022/ripple/ripple.module.mjs

@@ -2,11 +2,11 @@ import { NgModule } from '@angular/core';
 import { XRippleDirective } from './ripple.directive';
 import * as i0 from "@angular/core";
 export class XRippleModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XRippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: XRippleModule, imports: [XRippleDirective], exports: [XRippleDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XRippleModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XRippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: XRippleModule, imports: [XRippleDirective], exports: [XRippleDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XRippleModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XRippleModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XRippleModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [XRippleDirective],

package/esm2022/ripple/ripple.property.mjs

@@ -1,6 +1,5 @@
-import { __decorate } from "tslib";
-import { XInputBoolean, XProperty, XWithConfig } from '@ng-nest/ui/core';
-import { Input, Directive } from '@angular/core';
+import { XPropertyFunction, XToBoolean, XToNumber } from '@ng-nest/ui/core';
+import { Directive, input } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Ripple
@@ -8,26 +7,34 @@ import * as i0 from "@angular/core";
  * @decorator directive
  */
 export const XRipplePrefix = 'x-ripple';
-const X_CONFIG_NAME = 'ripple';
+const X_RIPPLE_CONFIG_NAME = 'ripple';
 /**
  * Ripple Property
  */
-export class XRippleProperty extends XProperty {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XRippleProperty, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: XRippleProperty, selector: "[x-ripple]", inputs: { type: "type", disabled: "disabled" }, usesInheritance: true, ngImport: i0 }); }
+export class XRippleProperty extends XPropertyFunction(X_RIPPLE_CONFIG_NAME) {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 类型
+         * @en_US Types of
+         */
+        this.type = input(this.config?.type ?? 'initial');
+        /**
+         * @zh_CN 执行时间
+         * @en_US The execution time
+         */
+        this.duration = input(500, { transform: XToNumber });
+        /**
+         * @zh_CN 禁用
+         * @en_US Disable
+         */
+        this.disabled = input(false, { transform: XToBoolean });
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XRippleProperty, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.1", type: XRippleProperty, selector: "[x-ripple]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 'initial')
-], XRippleProperty.prototype, "type", void 0);
-__decorate([
-    XInputBoolean()
-], XRippleProperty.prototype, "disabled", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XRippleProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XRippleProperty, decorators: [{
             type: Directive,
             args: [{ selector: '[x-ripple]' }]
-        }], propDecorators: { type: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlwcGxlLnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvcmlwcGxlL3JpcHBsZS5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFZLGFBQWEsRUFBRSxTQUFTLEVBQVMsV0FBVyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDMUYsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRWpEOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDO0FBQ3hDLE1BQU0sYUFBYSxHQUFHLFFBQVEsQ0FBQztBQUUvQjs7R0FFRztBQUVILE1BQU0sT0FBTyxlQUFnQixTQUFRLFNBQVM7aUlBQWpDLGVBQWU7cUhBQWYsZUFBZTs7QUFLbUM7SUFBbkQsV0FBVyxDQUFjLGFBQWEsRUFBRSxTQUFTLENBQUM7NkNBQW9CO0FBS3REO0lBQWhCLGFBQWEsRUFBRTtpREFBcUI7MkZBVm5DLGVBQWU7a0JBRDNCLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsWUFBWSxFQUFFOzhCQU0wQixJQUFJO3NCQUFoRSxLQUFLO2dCQUtvQixRQUFRO3NCQUFqQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgWEJvb2xlYW4sIFhJbnB1dEJvb2xlYW4sIFhQcm9wZXJ0eSwgWFR5cGUsIFhXaXRoQ29uZmlnIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IElucHV0LCBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBSaXBwbGVcclxuICogQHNlbGVjdG9yIHgtcmlwcGxlXHJcbiAqIEBkZWNvcmF0b3IgZGlyZWN0aXZlXHJcbiAqL1xyXG5leHBvcnQgY29uc3QgWFJpcHBsZVByZWZpeCA9ICd4LXJpcHBsZSc7XHJcbmNvbnN0IFhfQ09ORklHX05BTUUgPSAncmlwcGxlJztcclxuXHJcbi8qKlxyXG4gKiBSaXBwbGUgUHJvcGVydHlcclxuICovXHJcbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1t4LXJpcHBsZV0nIH0pXHJcbmV4cG9ydCBjbGFzcyBYUmlwcGxlUHJvcGVydHkgZXh0ZW5kcyBYUHJvcGVydHkge1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDnsbvlnotcclxuICAgKiBAZW5fVVMgVHlwZXMgb2ZcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WFJpcHBsZVR5cGU+KFhfQ09ORklHX05BTUUsICdpbml0aWFsJykgdHlwZT86IFhSaXBwbGVUeXBlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDnpoHnlKhcclxuICAgKiBAZW5fVVMgRGlzYWJsZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYSW5wdXRCb29sZWFuKCkgZGlzYWJsZWQ/OiBYQm9vbGVhbjtcclxufVxyXG5cclxuLyoqXHJcbiAqIEB6aF9DTiDms6LnurnnsbvlnotcclxuICogQGVuX1VTIFJpcHBsZSB0eXBlXHJcbiAqL1xyXG5leHBvcnQgdHlwZSBYUmlwcGxlVHlwZSA9IFhUeXBlO1xyXG4iXX0=
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlwcGxlLnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvcmlwcGxlL3JpcHBsZS5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzVFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUdqRDs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLFVBQVUsQ0FBQztBQUN4QyxNQUFNLG9CQUFvQixHQUFHLFFBQVEsQ0FBQztBQUV0Qzs7R0FFRztBQUVILE1BQU0sT0FBTyxlQUFnQixTQUFRLGlCQUFpQixDQUFDLG9CQUFvQixDQUFDO0lBRDVFOztRQUVFOzs7V0FHRztRQUNNLFNBQUksR0FBRyxLQUFLLENBQWMsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLElBQUksU0FBUyxDQUFDLENBQUM7UUFDbkU7OztXQUdHO1FBQ00sYUFBUSxHQUFHLEtBQUssQ0FBa0IsR0FBRyxFQUFFLEVBQUMsU0FBUyxFQUFFLFNBQVMsRUFBQyxDQUFDLENBQUM7UUFDeEU7OztXQUdHO1FBQ00sYUFBUSxHQUFHLEtBQUssQ0FBb0IsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7S0FDaEY7aUlBaEJZLGVBQWU7cUhBQWYsZUFBZTs7MkZBQWYsZUFBZTtrQkFEM0IsU0FBUzttQkFBQyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBYUHJvcGVydHlGdW5jdGlvbiwgWFRvQm9vbGVhbiwgWFRvTnVtYmVyIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IERpcmVjdGl2ZSwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHR5cGUgeyBYQm9vbGVhbiwgWE51bWJlciwgWFR5cGUgfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBSaXBwbGVcclxuICogQHNlbGVjdG9yIHgtcmlwcGxlXHJcbiAqIEBkZWNvcmF0b3IgZGlyZWN0aXZlXHJcbiAqL1xyXG5leHBvcnQgY29uc3QgWFJpcHBsZVByZWZpeCA9ICd4LXJpcHBsZSc7XHJcbmNvbnN0IFhfUklQUExFX0NPTkZJR19OQU1FID0gJ3JpcHBsZSc7XHJcblxyXG4vKipcclxuICogUmlwcGxlIFByb3BlcnR5XHJcbiAqL1xyXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbeC1yaXBwbGVdJyB9KVxyXG5leHBvcnQgY2xhc3MgWFJpcHBsZVByb3BlcnR5IGV4dGVuZHMgWFByb3BlcnR5RnVuY3Rpb24oWF9SSVBQTEVfQ09ORklHX05BTUUpIHtcclxuICAvKipcclxuICAgKiBAemhfQ04g57G75Z6LXHJcbiAgICogQGVuX1VTIFR5cGVzIG9mXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgdHlwZSA9IGlucHV0PFhSaXBwbGVUeXBlPih0aGlzLmNvbmZpZz8udHlwZSA/PyAnaW5pdGlhbCcpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmiafooYzml7bpl7RcclxuICAgKiBAZW5fVVMgVGhlIGV4ZWN1dGlvbiB0aW1lXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgZHVyYXRpb24gPSBpbnB1dDxudW1iZXIsIFhOdW1iZXI+KDUwMCwge3RyYW5zZm9ybTogWFRvTnVtYmVyfSk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOemgeeUqFxyXG4gICAqIEBlbl9VUyBEaXNhYmxlXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgZGlzYWJsZWQgPSBpbnB1dDxib29sZWFuLCBYQm9vbGVhbj4oZmFsc2UsIHsgdHJhbnNmb3JtOiBYVG9Cb29sZWFuIH0pO1xyXG59XHJcblxyXG4vKipcclxuICogQHpoX0NOIOazoue6ueexu+Wei1xyXG4gKiBAZW5fVVMgUmlwcGxlIHR5cGVcclxuICovXHJcbmV4cG9ydCB0eXBlIFhSaXBwbGVUeXBlID0gWFR5cGU7XHJcbiJdfQ==