@ng-nest/ui 17.0.12 → 18.0.1

package/esm2022/statistic/statistic.property.mjs

@@ -1,6 +1,5 @@
-import { __decorate } from "tslib";
-import { XWithConfig } from '@ng-nest/ui/core';
-import { Input, Output, EventEmitter, Component } from '@angular/core';
+import { XPropertyFunction } from '@ng-nest/ui/core';
+import { Component, input, output } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Statistic
@@ -8,65 +7,100 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export const XStatisticPrefix = 'x-statistic';
+const X_STATISTIC_CONFIG_NAME = 'statistic';
 /**
  * Statistic Property
  */
-export class XStatisticProperty {
+export class XStatisticProperty extends XPropertyFunction(X_STATISTIC_CONFIG_NAME) {
     constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 显示值
+         * @en_US Display value
+         */
+        this.value = input();
+        /**
+         * @zh_CN 标题
+         * @en_US Title
+         */
+        this.label = input();
+        /**
+         * @zh_CN 前缀
+         * @en_US Prefix
+         */
+        this.prefix = input();
+        /**
+         * @zh_CN 后缀
+         * @en_US Suffix
+         */
+        this.suffix = input();
         /**
          * @zh_CN 显示值样式
          * @en_US Display value style
          */
-        this.valueStyle = {};
+        this.valueStyle = input({});
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XStatisticProperty, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: XStatisticProperty, selector: "x-statistic-property", inputs: { value: "value", label: "label", prefix: "prefix", suffix: "suffix", valueStyle: "valueStyle" }, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XStatisticProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XStatisticProperty, selector: "x-statistic-property", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, valueStyle: { classPropertyName: "valueStyle", publicName: "valueStyle", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XStatisticProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XStatisticProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XStatisticPrefix}-property`, template: '' }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], prefix: [{
-                type: Input
-            }], suffix: [{
-                type: Input
-            }], valueStyle: [{
-                type: Input
-            }] } });
+        }] });
 /**
  * Countdown
  * @selector x-countdown
  * @decorator component
  */
 export const XCountdownPrefix = 'x-countdown';
-const X_CONFIG_NAME = 'countdown';
+const X_COUNTDOWN_CONFIG_NAME = 'countdown';
 /**
  * Countdown Property
  */
-export class XCountdownProperty extends XStatisticProperty {
+export class XCountdownProperty extends XPropertyFunction(X_COUNTDOWN_CONFIG_NAME) {
     constructor() {
         super(...arguments);
+        /**
+         * @zh_CN 显示值
+         * @en_US Display value
+         */
+        this.value = input();
+        /**
+         * @zh_CN 标题
+         * @en_US Title
+         */
+        this.label = input();
+        /**
+         * @zh_CN 前缀
+         * @en_US Prefix
+         */
+        this.prefix = input();
+        /**
+         * @zh_CN 后缀
+         * @en_US Suffix
+         */
+        this.suffix = input();
+        /**
+         * @zh_CN 显示值样式
+         * @en_US Display value style
+         */
+        this.valueStyle = input({});
+        /**
+         * @zh_CN 格式化
+         * @en_US Format
+         */
+        this.format = input(this.config?.format ?? 'HH:mm:ss');
         /**
          * @zh_CN 倒计时结束的事件
          * @en_US Event at the end of the countdown
          */
-        this.finish = new EventEmitter();
+        this.finish = output();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XCountdownProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: XCountdownProperty, selector: "x-countdown-property", inputs: { format: "format" }, outputs: { finish: "finish" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XCountdownProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XCountdownProperty, selector: "x-countdown-property", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, valueStyle: { classPropertyName: "valueStyle", publicName: "valueStyle", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { finish: "finish" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 'HH:mm:ss')
-], XCountdownProperty.prototype, "format", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XCountdownProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XCountdownProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XCountdownPrefix}-property`, template: '' }]
-        }], propDecorators: { format: [{
-                type: Input
-            }], finish: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdGlzdGljLnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvc3RhdGlzdGljL3N0YXRpc3RpYy5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFxQixXQUFXLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUV2RTs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsYUFBYSxDQUFDO0FBRTlDOztHQUVHO0FBRUgsTUFBTSxPQUFPLGtCQUFrQjtJQUQvQjtRQXNCRTs7O1dBR0c7UUFDTSxlQUFVLEdBQVcsRUFBRSxDQUFDO0tBQ2xDO2tJQTFCWSxrQkFBa0I7c0hBQWxCLGtCQUFrQixzS0FEa0MsRUFBRTs7NEZBQ3RELGtCQUFrQjtrQkFEOUIsU0FBUzttQkFBQyxFQUFFLFFBQVEsRUFBRSxHQUFHLGdCQUFnQixXQUFXLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTs4QkFNMUQsS0FBSztzQkFBYixLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxNQUFNO3NCQUFkLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUtHLFVBQVU7c0JBQWxCLEtBQUs7O0FBR1I7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLGFBQWEsQ0FBQztBQUM5QyxNQUFNLGFBQWEsR0FBRyxXQUFXLENBQUM7QUFFbEM7O0dBRUc7QUFFSCxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsa0JBQWtCO0lBRDFEOztRQU9FOzs7V0FHRztRQUNPLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBQzdDO2tJQVhZLGtCQUFrQjtzSEFBbEIsa0JBQWtCLGdKQURrQyxFQUFFOztBQU1SO0lBQS9DLFdBQVcsQ0FBUyxhQUFhLEVBQUUsVUFBVSxDQUFDO2tEQUFpQjs0RkFMOUQsa0JBQWtCO2tCQUQ5QixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLEdBQUcsZ0JBQWdCLFdBQVcsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFOzhCQU1WLE1BQU07c0JBQTlELEtBQUs7Z0JBS0ksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgWFRlbXBsYXRlLCBYU3R5bGUsIFhXaXRoQ29uZmlnIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG4vKipcclxuICogU3RhdGlzdGljXHJcbiAqIEBzZWxlY3RvciB4LXN0YXRpc3RpY1xyXG4gKiBAZGVjb3JhdG9yIGNvbXBvbmVudFxyXG4gKi9cclxuZXhwb3J0IGNvbnN0IFhTdGF0aXN0aWNQcmVmaXggPSAneC1zdGF0aXN0aWMnO1xyXG5cclxuLyoqXHJcbiAqIFN0YXRpc3RpYyBQcm9wZXJ0eVxyXG4gKi9cclxuQENvbXBvbmVudCh7IHNlbGVjdG9yOiBgJHtYU3RhdGlzdGljUHJlZml4fS1wcm9wZXJ0eWAsIHRlbXBsYXRlOiAnJyB9KVxyXG5leHBvcnQgY2xhc3MgWFN0YXRpc3RpY1Byb3BlcnR5IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pi+56S65YC8XHJcbiAgICogQGVuX1VTIERpc3BsYXkgdmFsdWVcclxuICAgKi9cclxuICBASW5wdXQoKSB2YWx1ZT86IFhUZW1wbGF0ZTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5qCH6aKYXHJcbiAgICogQGVuX1VTIFRpdGxlXHJcbiAgICovXHJcbiAgQElucHV0KCkgbGFiZWw/OiBYVGVtcGxhdGU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWJjee8gFxyXG4gICAqIEBlbl9VUyBQcmVmaXhcclxuICAgKi9cclxuICBASW5wdXQoKSBwcmVmaXg/OiBYVGVtcGxhdGU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWQjue8gFxyXG4gICAqIEBlbl9VUyBTdWZmaXhcclxuICAgKi9cclxuICBASW5wdXQoKSBzdWZmaXg/OiBYVGVtcGxhdGU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaYvuekuuWAvOagt+W8j1xyXG4gICAqIEBlbl9VUyBEaXNwbGF5IHZhbHVlIHN0eWxlXHJcbiAgICovXHJcbiAgQElucHV0KCkgdmFsdWVTdHlsZTogWFN0eWxlID0ge307XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBDb3VudGRvd25cclxuICogQHNlbGVjdG9yIHgtY291bnRkb3duXHJcbiAqIEBkZWNvcmF0b3IgY29tcG9uZW50XHJcbiAqL1xyXG5leHBvcnQgY29uc3QgWENvdW50ZG93blByZWZpeCA9ICd4LWNvdW50ZG93bic7XHJcbmNvbnN0IFhfQ09ORklHX05BTUUgPSAnY291bnRkb3duJztcclxuXHJcbi8qKlxyXG4gKiBDb3VudGRvd24gUHJvcGVydHlcclxuICovXHJcbkBDb21wb25lbnQoeyBzZWxlY3RvcjogYCR7WENvdW50ZG93blByZWZpeH0tcHJvcGVydHlgLCB0ZW1wbGF0ZTogJycgfSlcclxuZXhwb3J0IGNsYXNzIFhDb3VudGRvd25Qcm9wZXJ0eSBleHRlbmRzIFhTdGF0aXN0aWNQcm9wZXJ0eSB7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOagvOW8j+WMllxyXG4gICAqIEBlbl9VUyBGb3JtYXRcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8c3RyaW5nPihYX0NPTkZJR19OQU1FLCAnSEg6bW06c3MnKSBmb3JtYXQ/OiBzdHJpbmc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWAkuiuoeaXtue7k+adn+eahOS6i+S7tlxyXG4gICAqIEBlbl9VUyBFdmVudCBhdCB0aGUgZW5kIG9mIHRoZSBjb3VudGRvd25cclxuICAgKi9cclxuICBAT3V0cHV0KCkgZmluaXNoID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG59XHJcbiJdfQ==
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdGlzdGljLnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvc3RhdGlzdGljL3N0YXRpc3RpYy5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBR3pEOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxhQUFhLENBQUM7QUFDOUMsTUFBTSx1QkFBdUIsR0FBRyxXQUFXLENBQUM7QUFFNUM7O0dBRUc7QUFFSCxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsaUJBQWlCLENBQUMsdUJBQXVCLENBQUM7SUFEbEY7O1FBRUU7OztXQUdHO1FBQ00sVUFBSyxHQUFHLEtBQUssRUFBYSxDQUFDO1FBQ3BDOzs7V0FHRztRQUNNLFVBQUssR0FBRyxLQUFLLEVBQWEsQ0FBQztRQUNwQzs7O1dBR0c7UUFDTSxXQUFNLEdBQUcsS0FBSyxFQUFhLENBQUM7UUFDckM7OztXQUdHO1FBQ00sV0FBTSxHQUFHLEtBQUssRUFBYSxDQUFDO1FBQ3JDOzs7V0FHRztRQUNNLGVBQVUsR0FBRyxLQUFLLENBQVMsRUFBRSxDQUFDLENBQUM7S0FDekM7aUlBMUJZLGtCQUFrQjtxSEFBbEIsa0JBQWtCLDRzQkFEa0MsRUFBRTs7MkZBQ3RELGtCQUFrQjtrQkFEOUIsU0FBUzttQkFBQyxFQUFFLFFBQVEsRUFBRSxHQUFHLGdCQUFnQixXQUFXLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTs7QUE2QnJFOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxhQUFhLENBQUM7QUFDOUMsTUFBTSx1QkFBdUIsR0FBRyxXQUFXLENBQUM7QUFFNUM7O0dBRUc7QUFFSCxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsaUJBQWlCLENBQUMsdUJBQXVCLENBQUM7SUFEbEY7O1FBRUU7OztXQUdHO1FBQ00sVUFBSyxHQUFHLEtBQUssRUFBYSxDQUFDO1FBQ3BDOzs7V0FHRztRQUNNLFVBQUssR0FBRyxLQUFLLEVBQWEsQ0FBQztRQUNwQzs7O1dBR0c7UUFDTSxXQUFNLEdBQUcsS0FBSyxFQUFhLENBQUM7UUFDckM7OztXQUdHO1FBQ00sV0FBTSxHQUFHLEtBQUssRUFBYSxDQUFDO1FBQ3JDOzs7V0FHRztRQUNNLGVBQVUsR0FBRyxLQUFLLENBQVMsRUFBRSxDQUFDLENBQUM7UUFDeEM7OztXQUdHO1FBQ00sV0FBTSxHQUFHLEtBQUssQ0FBUyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sSUFBSSxVQUFVLENBQUMsQ0FBQztRQUNuRTs7O1dBR0c7UUFDTSxXQUFNLEdBQUcsTUFBTSxFQUFRLENBQUM7S0FDbEM7aUlBcENZLGtCQUFrQjtxSEFBbEIsa0JBQWtCLHMyQkFEa0MsRUFBRTs7MkZBQ3RELGtCQUFrQjtrQkFEOUIsU0FBUzttQkFBQyxFQUFFLFFBQVEsRUFBRSxHQUFHLGdCQUFnQixXQUFXLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFhQcm9wZXJ0eUZ1bmN0aW9uIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQsIG91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgdHlwZSB7IFhUZW1wbGF0ZSwgWFN0eWxlIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcblxyXG4vKipcclxuICogU3RhdGlzdGljXHJcbiAqIEBzZWxlY3RvciB4LXN0YXRpc3RpY1xyXG4gKiBAZGVjb3JhdG9yIGNvbXBvbmVudFxyXG4gKi9cclxuZXhwb3J0IGNvbnN0IFhTdGF0aXN0aWNQcmVmaXggPSAneC1zdGF0aXN0aWMnO1xyXG5jb25zdCBYX1NUQVRJU1RJQ19DT05GSUdfTkFNRSA9ICdzdGF0aXN0aWMnO1xyXG5cclxuLyoqXHJcbiAqIFN0YXRpc3RpYyBQcm9wZXJ0eVxyXG4gKi9cclxuQENvbXBvbmVudCh7IHNlbGVjdG9yOiBgJHtYU3RhdGlzdGljUHJlZml4fS1wcm9wZXJ0eWAsIHRlbXBsYXRlOiAnJyB9KVxyXG5leHBvcnQgY2xhc3MgWFN0YXRpc3RpY1Byb3BlcnR5IGV4dGVuZHMgWFByb3BlcnR5RnVuY3Rpb24oWF9TVEFUSVNUSUNfQ09ORklHX05BTUUpIHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pi+56S65YC8XHJcbiAgICogQGVuX1VTIERpc3BsYXkgdmFsdWVcclxuICAgKi9cclxuICByZWFkb25seSB2YWx1ZSA9IGlucHV0PFhUZW1wbGF0ZT4oKTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5qCH6aKYXHJcbiAgICogQGVuX1VTIFRpdGxlXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgbGFiZWwgPSBpbnB1dDxYVGVtcGxhdGU+KCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWJjee8gFxyXG4gICAqIEBlbl9VUyBQcmVmaXhcclxuICAgKi9cclxuICByZWFkb25seSBwcmVmaXggPSBpbnB1dDxYVGVtcGxhdGU+KCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWQjue8gFxyXG4gICAqIEBlbl9VUyBTdWZmaXhcclxuICAgKi9cclxuICByZWFkb25seSBzdWZmaXggPSBpbnB1dDxYVGVtcGxhdGU+KCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaYvuekuuWAvOagt+W8j1xyXG4gICAqIEBlbl9VUyBEaXNwbGF5IHZhbHVlIHN0eWxlXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgdmFsdWVTdHlsZSA9IGlucHV0PFhTdHlsZT4oe30pO1xyXG59XHJcblxyXG4vKipcclxuICogQ291bnRkb3duXHJcbiAqIEBzZWxlY3RvciB4LWNvdW50ZG93blxyXG4gKiBAZGVjb3JhdG9yIGNvbXBvbmVudFxyXG4gKi9cclxuZXhwb3J0IGNvbnN0IFhDb3VudGRvd25QcmVmaXggPSAneC1jb3VudGRvd24nO1xyXG5jb25zdCBYX0NPVU5URE9XTl9DT05GSUdfTkFNRSA9ICdjb3VudGRvd24nO1xyXG5cclxuLyoqXHJcbiAqIENvdW50ZG93biBQcm9wZXJ0eVxyXG4gKi9cclxuQENvbXBvbmVudCh7IHNlbGVjdG9yOiBgJHtYQ291bnRkb3duUHJlZml4fS1wcm9wZXJ0eWAsIHRlbXBsYXRlOiAnJyB9KVxyXG5leHBvcnQgY2xhc3MgWENvdW50ZG93blByb3BlcnR5IGV4dGVuZHMgWFByb3BlcnR5RnVuY3Rpb24oWF9DT1VOVERPV05fQ09ORklHX05BTUUpIHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pi+56S65YC8XHJcbiAgICogQGVuX1VTIERpc3BsYXkgdmFsdWVcclxuICAgKi9cclxuICByZWFkb25seSB2YWx1ZSA9IGlucHV0PFhUZW1wbGF0ZT4oKTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5qCH6aKYXHJcbiAgICogQGVuX1VTIFRpdGxlXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgbGFiZWwgPSBpbnB1dDxYVGVtcGxhdGU+KCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWJjee8gFxyXG4gICAqIEBlbl9VUyBQcmVmaXhcclxuICAgKi9cclxuICByZWFkb25seSBwcmVmaXggPSBpbnB1dDxYVGVtcGxhdGU+KCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWQjue8gFxyXG4gICAqIEBlbl9VUyBTdWZmaXhcclxuICAgKi9cclxuICByZWFkb25seSBzdWZmaXggPSBpbnB1dDxYVGVtcGxhdGU+KCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaYvuekuuWAvOagt+W8j1xyXG4gICAqIEBlbl9VUyBEaXNwbGF5IHZhbHVlIHN0eWxlXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgdmFsdWVTdHlsZSA9IGlucHV0PFhTdHlsZT4oe30pO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmoLzlvI/ljJZcclxuICAgKiBAZW5fVVMgRm9ybWF0XHJcbiAgICovXHJcbiAgcmVhZG9ubHkgZm9ybWF0ID0gaW5wdXQ8c3RyaW5nPih0aGlzLmNvbmZpZz8uZm9ybWF0ID8/ICdISDptbTpzcycpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlgJLorqHml7bnu5PmnZ/nmoTkuovku7ZcclxuICAgKiBAZW5fVVMgRXZlbnQgYXQgdGhlIGVuZCBvZiB0aGUgY291bnRkb3duXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgZmluaXNoID0gb3V0cHV0PHZvaWQ+KCk7XHJcbn1cclxuIl19

package/esm2022/steps/steps.component.mjs

@@ -1,8 +1,6 @@
-import { Component, ViewEncapsulation, ChangeDetectorRef, ChangeDetectionStrategy, inject } from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, computed } from '@angular/core';
 import { XStepsPrefix, XStepsProperty } from './steps.property';
-import { XIsChange, XIsUndefined, XIsNumber, XSetData, XIsEmpty, XConfigService } from '@ng-nest/ui/core';
-import { Subject } from 'rxjs';
-import { map } from 'rxjs/operators';
+import { XIsUndefined, XIsNumber, 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';
@@ -10,70 +8,42 @@ import * as i0 from "@angular/core";
 export class XStepsComponent extends XStepsProperty {
     constructor() {
         super(...arguments);
-        this.nodes = [];
-        this._unSubject = new Subject();
-        this.cdr = inject(ChangeDetectorRef);
-        this.configService = inject(XConfigService);
-    }
-    ngOnInit() {
-        this.setClassMap();
-    }
-    ngOnChanges(changes) {
-        const { data, activatedIndex } = changes;
-        XIsChange(data) && this.setData();
-        XIsChange(activatedIndex) && this.setActivated();
-    }
-    ngOnDestroy() {
-        this._unSubject.next();
-        this._unSubject.unsubscribe();
-    }
-    ngAfterViewInit() {
-        this.cdr.detectChanges();
-    }
-    setClassMap() {
-        this.classMap[`${XStepsPrefix}-${this.layout}`] = !XIsEmpty(this.layout);
-    }
-    getIndex(index) {
-        return Number(this.startIndex) + index + 1;
-    }
-    setData() {
-        XSetData(this.data, this._unSubject)
-            .pipe(map((x) => this.setStatus(x)))
-            .subscribe((x) => {
-            this.nodes = x;
-            this.cdr.detectChanges();
-        });
-    }
-    setStatus(value) {
-        return value.map((x, index) => {
-            if (this.nodeStatus) {
-                if (XIsUndefined(x.status)) {
-                    x.status = 'wait';
-                }
-            }
-            else {
-                if (XIsUndefined(this.activatedIndex)) {
-                    x.status = 'wait';
+        this.nodes = computed(() => {
+            const data = this.data();
+            const activatedIndex = this.activatedIndex();
+            const status = this.status();
+            const nodeStatus = this.nodeStatus();
+            return data.map((x, index) => {
+                if (nodeStatus) {
+                    if (XIsUndefined(x.status)) {
+                        x.status = 'wait';
+                    }
                 }
-                else if (XIsNumber(this.activatedIndex)) {
-                    x.status =
-                        index < Number(this.activatedIndex) ? 'finish' : index === this.activatedIndex ? 'process' : 'wait';
+                else {
+                    if (XIsUndefined(activatedIndex)) {
+                        x.status = 'wait';
+                    }
+                    else if (XIsNumber(activatedIndex)) {
+                        x.status = index < activatedIndex ? 'finish' : index === activatedIndex ? 'process' : 'wait';
+                    }
+                    if (status && index === activatedIndex)
+                        x.status = status;
                 }
-                if (this.status && index === this.activatedIndex)
-                    x.status = this.status;
-            }
-            return x;
+                return x;
+            });
         });
+        this.classMap = computed(() => ({
+            [`${XStepsPrefix}-${this.layout()}`]: !XIsEmpty(this.layout())
+        }));
     }
-    setActivated() {
-        this.nodes = this.setStatus(this.nodes);
-        this.cdr.detectChanges();
+    getIndex(index) {
+        return this.startIndex() + index + 1;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XStepsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: XStepsComponent, isStandalone: true, selector: "x-steps", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #steps class=\"x-steps\" [ngClass]=\"classMap\">\r\n  @for (node of nodes; track node.id; let i = $index) {\r\n    <div class=\"x-steps-node x-steps-{{ node.status }}\">\r\n      <div class=\"x-steps-header\">\r\n        <ng-container *xOutlet=\"customTpl; context: { $node: node, $index: i }\">\r\n          <div class=\"x-steps-icon\" [class.x-steps-only-icon]=\"node.icon\">\r\n            @if (node.icon) {\r\n              <x-icon [type]=\"node.icon\"></x-icon>\r\n            } @else {\r\n              @switch (node.status) {\r\n                @case ('finish') {\r\n                  <x-icon type=\"fto-check\"></x-icon>\r\n                }\r\n                @case ('error') {\r\n                  <x-icon type=\"fto-x\"></x-icon>\r\n                }\r\n                @default {\r\n                  <span>{{ getIndex(i) }}</span>\r\n                }\r\n              }\r\n            }\r\n          </div>\r\n        </ng-container>\r\n        @if (layout === 'column') {\r\n          <span class=\"x-steps-line\"></span>\r\n        }\r\n      </div>\r\n      <div class=\"x-steps-content\">\r\n        <div class=\"x-steps-title\">\r\n          <span class=\"x-steps-label\">{{ node.label }}</span>\r\n          @if (layout === 'row') {\r\n            <span class=\"x-steps-line\"></span>\r\n          }\r\n        </div>\r\n        <div class=\"x-steps-description\">{{ node.description }}</div>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".x-steps{margin:0;padding:0;display:flex}.x-steps-node{position:relative;flex:1;display:flex}.x-steps-node:last-child{flex:inherit}.x-steps-node:last-child .x-steps-line{display:none}.x-steps-content{padding:0 .5rem;position:relative;flex:1;display:flex;flex-direction:column}.x-steps-header{display:flex;flex-direction:column;align-items:center}.x-steps-title{display:flex;align-items:center;line-height:2rem;transition:var(--x-animation-duration-base)}.x-steps-label{padding-right:.5rem;white-space:nowrap;transition:var(--x-animation-duration-base)}.x-steps-line{flex:1;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);transition:var(--x-animation-duration-base)}.x-steps-icon{height:2rem;width:2rem;border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--x-animation-duration-base)}.x-steps-icon>.x-icon{font-size:1rem}.x-steps-icon.x-steps-only-icon{border:none}.x-steps-icon.x-steps-only-icon .x-icon{font-size:1.5rem}.x-steps-description{font-size:var(--x-font-size-small);color:var(--x-text-400);max-width:8rem}.x-steps-row{flex-direction:row}.x-steps-column{flex-direction:column}.x-steps-column .x-steps-header{min-height:5rem}.x-steps-column .x-steps-line{border-bottom:none;border-right:var(--x-border-width) var(--x-border-style) var(--x-border);margin:.5rem 0}.x-steps-column .x-steps-content{padding:0 0 .5rem .5rem}.x-steps-column .x-steps-description{max-width:inherit}.x-steps-wait .x-steps-label{color:var(--x-text-400);font-weight:\"\"}.x-steps-wait .x-steps-icon{color:var(--x-text-400);background-color:\"\";border-color:\"\"}.x-steps-wait .x-steps-line{border-color:\"\"}.x-steps-process .x-steps-label{color:var(--x-text-300);font-weight:700}.x-steps-process .x-steps-icon{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-steps-process .x-steps-icon.x-steps-only-icon{color:var(--x-primary);background-color:inherit}.x-steps-process .x-steps-line{border-color:\"\"}.x-steps-finish .x-steps-label{color:var(--x-text-400);font-weight:\"\"}.x-steps-finish .x-steps-icon{color:var(--x-primary);background-color:\"\";border-color:\"\"}.x-steps-finish .x-steps-line{border-color:var(--x-primary)}.x-steps-error .x-steps-label{color:var(--x-danger);font-weight:\"\"}.x-steps-error .x-steps-icon{color:var(--x-danger);background-color:\"\";border-color:var(--x-danger)}.x-steps-error .x-steps-line{border-color:\"\"}\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: XStepsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: XStepsComponent, isStandalone: true, selector: "x-steps", usesInheritance: true, ngImport: i0, template: "<div #steps class=\"x-steps\" [ngClass]=\"classMap()\">\r\n  @for (node of nodes(); track node.id; let i = $index) {\r\n    <div class=\"x-steps-node x-steps-{{ node.status }}\">\r\n      <div class=\"x-steps-header\">\r\n        <ng-container *xOutlet=\"customTpl(); context: { $node: node, $index: i }\">\r\n          <div class=\"x-steps-icon\" [class.x-steps-only-icon]=\"node.icon\">\r\n            @if (node.icon) {\r\n              <x-icon [type]=\"node.icon\"></x-icon>\r\n            } @else {\r\n              @switch (node.status) {\r\n                @case ('finish') {\r\n                  <x-icon type=\"fto-check\"></x-icon>\r\n                }\r\n                @case ('error') {\r\n                  <x-icon type=\"fto-x\"></x-icon>\r\n                }\r\n                @default {\r\n                  <span>{{ getIndex(i) }}</span>\r\n                }\r\n              }\r\n            }\r\n          </div>\r\n        </ng-container>\r\n        @if (layout() === 'column') {\r\n          <span class=\"x-steps-line\"></span>\r\n        }\r\n      </div>\r\n      <div class=\"x-steps-content\">\r\n        <div class=\"x-steps-title\">\r\n          <span class=\"x-steps-label\">{{ node.label }}</span>\r\n          @if (layout() === 'row') {\r\n            <span class=\"x-steps-line\"></span>\r\n          }\r\n        </div>\r\n        <div class=\"x-steps-description\">{{ node.description }}</div>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".x-steps{margin:0;padding:0;display:flex}.x-steps-node{position:relative;flex:1;display:flex}.x-steps-node:last-child{flex:inherit}.x-steps-node:last-child .x-steps-line{display:none}.x-steps-content{padding:0 .5rem;position:relative;flex:1;display:flex;flex-direction:column}.x-steps-header{display:flex;flex-direction:column;align-items:center}.x-steps-title{display:flex;align-items:center;line-height:2rem;transition:var(--x-animation-duration-base)}.x-steps-label{padding-right:.5rem;white-space:nowrap;transition:var(--x-animation-duration-base)}.x-steps-line{flex:1;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);transition:var(--x-animation-duration-base)}.x-steps-icon{height:2rem;width:2rem;border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--x-animation-duration-base)}.x-steps-icon>.x-icon{font-size:1rem}.x-steps-icon.x-steps-only-icon{border:none}.x-steps-icon.x-steps-only-icon .x-icon{font-size:1.5rem}.x-steps-description{font-size:var(--x-font-size-small);color:var(--x-text-400);max-width:8rem}.x-steps-row{flex-direction:row}.x-steps-column{flex-direction:column}.x-steps-column .x-steps-header{min-height:5rem}.x-steps-column .x-steps-line{border-bottom:none;border-right:var(--x-border-width) var(--x-border-style) var(--x-border);margin:.5rem 0}.x-steps-column .x-steps-content{padding:0 0 .5rem .5rem}.x-steps-column .x-steps-description{max-width:inherit}.x-steps-wait .x-steps-label{color:var(--x-text-400);font-weight:\"\"}.x-steps-wait .x-steps-icon{color:var(--x-text-400);background-color:\"\";border-color:\"\"}.x-steps-wait .x-steps-line{border-color:\"\"}.x-steps-process .x-steps-label{color:var(--x-text-300);font-weight:700}.x-steps-process .x-steps-icon{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-steps-process .x-steps-icon.x-steps-only-icon{color:var(--x-primary);background-color:inherit}.x-steps-process .x-steps-line{border-color:\"\"}.x-steps-finish .x-steps-label{color:var(--x-text-400);font-weight:\"\"}.x-steps-finish .x-steps-icon{color:var(--x-primary);background-color:\"\";border-color:\"\"}.x-steps-finish .x-steps-line{border-color:var(--x-primary)}.x-steps-error .x-steps-label{color:var(--x-danger);font-weight:\"\"}.x-steps-error .x-steps-icon{color:var(--x-danger);background-color:\"\";border-color:var(--x-danger)}.x-steps-error .x-steps-line{border-color:\"\"}\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.10", ngImport: i0, type: XStepsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XStepsComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XStepsPrefix}`, standalone: true, imports: [NgClass, XIconComponent, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #steps class=\"x-steps\" [ngClass]=\"classMap\">\r\n  @for (node of nodes; track node.id; let i = $index) {\r\n    <div class=\"x-steps-node x-steps-{{ node.status }}\">\r\n      <div class=\"x-steps-header\">\r\n        <ng-container *xOutlet=\"customTpl; context: { $node: node, $index: i }\">\r\n          <div class=\"x-steps-icon\" [class.x-steps-only-icon]=\"node.icon\">\r\n            @if (node.icon) {\r\n              <x-icon [type]=\"node.icon\"></x-icon>\r\n            } @else {\r\n              @switch (node.status) {\r\n                @case ('finish') {\r\n                  <x-icon type=\"fto-check\"></x-icon>\r\n                }\r\n                @case ('error') {\r\n                  <x-icon type=\"fto-x\"></x-icon>\r\n                }\r\n                @default {\r\n                  <span>{{ getIndex(i) }}</span>\r\n                }\r\n              }\r\n            }\r\n          </div>\r\n        </ng-container>\r\n        @if (layout === 'column') {\r\n          <span class=\"x-steps-line\"></span>\r\n        }\r\n      </div>\r\n      <div class=\"x-steps-content\">\r\n        <div class=\"x-steps-title\">\r\n          <span class=\"x-steps-label\">{{ node.label }}</span>\r\n          @if (layout === 'row') {\r\n            <span class=\"x-steps-line\"></span>\r\n          }\r\n        </div>\r\n        <div class=\"x-steps-description\">{{ node.description }}</div>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".x-steps{margin:0;padding:0;display:flex}.x-steps-node{position:relative;flex:1;display:flex}.x-steps-node:last-child{flex:inherit}.x-steps-node:last-child .x-steps-line{display:none}.x-steps-content{padding:0 .5rem;position:relative;flex:1;display:flex;flex-direction:column}.x-steps-header{display:flex;flex-direction:column;align-items:center}.x-steps-title{display:flex;align-items:center;line-height:2rem;transition:var(--x-animation-duration-base)}.x-steps-label{padding-right:.5rem;white-space:nowrap;transition:var(--x-animation-duration-base)}.x-steps-line{flex:1;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);transition:var(--x-animation-duration-base)}.x-steps-icon{height:2rem;width:2rem;border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--x-animation-duration-base)}.x-steps-icon>.x-icon{font-size:1rem}.x-steps-icon.x-steps-only-icon{border:none}.x-steps-icon.x-steps-only-icon .x-icon{font-size:1.5rem}.x-steps-description{font-size:var(--x-font-size-small);color:var(--x-text-400);max-width:8rem}.x-steps-row{flex-direction:row}.x-steps-column{flex-direction:column}.x-steps-column .x-steps-header{min-height:5rem}.x-steps-column .x-steps-line{border-bottom:none;border-right:var(--x-border-width) var(--x-border-style) var(--x-border);margin:.5rem 0}.x-steps-column .x-steps-content{padding:0 0 .5rem .5rem}.x-steps-column .x-steps-description{max-width:inherit}.x-steps-wait .x-steps-label{color:var(--x-text-400);font-weight:\"\"}.x-steps-wait .x-steps-icon{color:var(--x-text-400);background-color:\"\";border-color:\"\"}.x-steps-wait .x-steps-line{border-color:\"\"}.x-steps-process .x-steps-label{color:var(--x-text-300);font-weight:700}.x-steps-process .x-steps-icon{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-steps-process .x-steps-icon.x-steps-only-icon{color:var(--x-primary);background-color:inherit}.x-steps-process .x-steps-line{border-color:\"\"}.x-steps-finish .x-steps-label{color:var(--x-text-400);font-weight:\"\"}.x-steps-finish .x-steps-icon{color:var(--x-primary);background-color:\"\";border-color:\"\"}.x-steps-finish .x-steps-line{border-color:var(--x-primary)}.x-steps-error .x-steps-label{color:var(--x-danger);font-weight:\"\"}.x-steps-error .x-steps-icon{color:var(--x-danger);background-color:\"\";border-color:var(--x-danger)}.x-steps-error .x-steps-line{border-color:\"\"}\n"] }]
+            args: [{ selector: `${XStepsPrefix}`, standalone: true, imports: [NgClass, XIconComponent, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #steps class=\"x-steps\" [ngClass]=\"classMap()\">\r\n  @for (node of nodes(); track node.id; let i = $index) {\r\n    <div class=\"x-steps-node x-steps-{{ node.status }}\">\r\n      <div class=\"x-steps-header\">\r\n        <ng-container *xOutlet=\"customTpl(); context: { $node: node, $index: i }\">\r\n          <div class=\"x-steps-icon\" [class.x-steps-only-icon]=\"node.icon\">\r\n            @if (node.icon) {\r\n              <x-icon [type]=\"node.icon\"></x-icon>\r\n            } @else {\r\n              @switch (node.status) {\r\n                @case ('finish') {\r\n                  <x-icon type=\"fto-check\"></x-icon>\r\n                }\r\n                @case ('error') {\r\n                  <x-icon type=\"fto-x\"></x-icon>\r\n                }\r\n                @default {\r\n                  <span>{{ getIndex(i) }}</span>\r\n                }\r\n              }\r\n            }\r\n          </div>\r\n        </ng-container>\r\n        @if (layout() === 'column') {\r\n          <span class=\"x-steps-line\"></span>\r\n        }\r\n      </div>\r\n      <div class=\"x-steps-content\">\r\n        <div class=\"x-steps-title\">\r\n          <span class=\"x-steps-label\">{{ node.label }}</span>\r\n          @if (layout() === 'row') {\r\n            <span class=\"x-steps-line\"></span>\r\n          }\r\n        </div>\r\n        <div class=\"x-steps-description\">{{ node.description }}</div>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".x-steps{margin:0;padding:0;display:flex}.x-steps-node{position:relative;flex:1;display:flex}.x-steps-node:last-child{flex:inherit}.x-steps-node:last-child .x-steps-line{display:none}.x-steps-content{padding:0 .5rem;position:relative;flex:1;display:flex;flex-direction:column}.x-steps-header{display:flex;flex-direction:column;align-items:center}.x-steps-title{display:flex;align-items:center;line-height:2rem;transition:var(--x-animation-duration-base)}.x-steps-label{padding-right:.5rem;white-space:nowrap;transition:var(--x-animation-duration-base)}.x-steps-line{flex:1;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);transition:var(--x-animation-duration-base)}.x-steps-icon{height:2rem;width:2rem;border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--x-animation-duration-base)}.x-steps-icon>.x-icon{font-size:1rem}.x-steps-icon.x-steps-only-icon{border:none}.x-steps-icon.x-steps-only-icon .x-icon{font-size:1.5rem}.x-steps-description{font-size:var(--x-font-size-small);color:var(--x-text-400);max-width:8rem}.x-steps-row{flex-direction:row}.x-steps-column{flex-direction:column}.x-steps-column .x-steps-header{min-height:5rem}.x-steps-column .x-steps-line{border-bottom:none;border-right:var(--x-border-width) var(--x-border-style) var(--x-border);margin:.5rem 0}.x-steps-column .x-steps-content{padding:0 0 .5rem .5rem}.x-steps-column .x-steps-description{max-width:inherit}.x-steps-wait .x-steps-label{color:var(--x-text-400);font-weight:\"\"}.x-steps-wait .x-steps-icon{color:var(--x-text-400);background-color:\"\";border-color:\"\"}.x-steps-wait .x-steps-line{border-color:\"\"}.x-steps-process .x-steps-label{color:var(--x-text-300);font-weight:700}.x-steps-process .x-steps-icon{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-steps-process .x-steps-icon.x-steps-only-icon{color:var(--x-primary);background-color:inherit}.x-steps-process .x-steps-line{border-color:\"\"}.x-steps-finish .x-steps-label{color:var(--x-text-400);font-weight:\"\"}.x-steps-finish .x-steps-icon{color:var(--x-primary);background-color:\"\";border-color:\"\"}.x-steps-finish .x-steps-line{border-color:var(--x-primary)}.x-steps-error .x-steps-label{color:var(--x-danger);font-weight:\"\"}.x-steps-error .x-steps-icon{color:var(--x-danger);background-color:\"\";border-color:var(--x-danger)}.x-steps-error .x-steps-line{border-color:\"\"}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvc3RlcHMvc3RlcHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvc3RlcHMvc3RlcHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxpQkFBaUIsRUFDakIsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUt2QixNQUFNLEVBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBYyxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM1RSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUMxRyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQVd0RCxNQUFNLE9BQU8sZUFBZ0IsU0FBUSxjQUFjO0lBVG5EOztRQVVFLFVBQUssR0FBaUIsRUFBRSxDQUFDO1FBQ2pCLGVBQVUsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1FBQ2pDLFFBQUcsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUN4QyxrQkFBYSxHQUFHLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztLQThEeEM7SUE1REMsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLE1BQU0sRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLEdBQUcsT0FBTyxDQUFDO1FBQ3pDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDbEMsU0FBUyxDQUFDLGNBQWMsQ0FBQyxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNuRCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsWUFBWSxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMzRSxDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQWE7UUFDcEIsT0FBTyxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLEtBQUssR0FBRyxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVPLE9BQU87UUFDYixRQUFRLENBQWEsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDO2FBQzdDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUNuQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNmLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1lBQ2YsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyxTQUFTLENBQUMsS0FBbUI7UUFDbkMsT0FBTyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFO1lBQzVCLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtnQkFDbkIsSUFBSSxZQUFZLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxFQUFFO29CQUMxQixDQUFDLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztpQkFDbkI7YUFDRjtpQkFBTTtnQkFDTCxJQUFJLFlBQVksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLEVBQUU7b0JBQ3JDLENBQUMsQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO2lCQUNuQjtxQkFBTSxJQUFJLFNBQVMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLEVBQUU7b0JBQ3pDLENBQUMsQ0FBQyxNQUFNO3dCQUNOLEtBQUssR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEtBQUssS0FBSyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztpQkFDdkc7Z0JBQ0QsSUFBSSxJQUFJLENBQUMsTUFBTSxJQUFJLEtBQUssS0FBSyxJQUFJLENBQUMsY0FBYztvQkFBRSxDQUFDLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7YUFDMUU7WUFFRCxPQUFPLENBQUMsQ0FBQztRQUNYLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLFlBQVk7UUFDbEIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzNCLENBQUM7a0lBakVVLGVBQWU7c0hBQWYsZUFBZSwrR0M3QjVCLDg3Q0F1Q0Esa2lGRGhCWSxPQUFPLG9GQUFFLGNBQWMsbURBQUUsZ0JBQWdCOzs0RkFNeEMsZUFBZTtrQkFUM0IsU0FBUzsrQkFDRSxHQUFHLFlBQVksRUFBRSxjQUNmLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxjQUFjLEVBQUUsZ0JBQWdCLENBQUMsaUJBR3JDLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBPbkluaXQsXHJcbiAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgU2ltcGxlQ2hhbmdlcyxcclxuICBPbkNoYW5nZXMsXHJcbiAgT25EZXN0cm95LFxyXG4gIEFmdGVyVmlld0luaXQsXHJcbiAgaW5qZWN0XHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFhTdGVwc1ByZWZpeCwgWFN0ZXBzTm9kZSwgWFN0ZXBzUHJvcGVydHkgfSBmcm9tICcuL3N0ZXBzLnByb3BlcnR5JztcclxuaW1wb3J0IHsgWElzQ2hhbmdlLCBYSXNVbmRlZmluZWQsIFhJc051bWJlciwgWFNldERhdGEsIFhJc0VtcHR5LCBYQ29uZmlnU2VydmljZSB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IG1hcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFhJY29uQ29tcG9uZW50IH0gZnJvbSAnQG5nLW5lc3QvdWkvaWNvbic7XHJcbmltcG9ydCB7IFhPdXRsZXREaXJlY3RpdmUgfSBmcm9tICdAbmctbmVzdC91aS9vdXRsZXQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IGAke1hTdGVwc1ByZWZpeH1gLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW05nQ2xhc3MsIFhJY29uQ29tcG9uZW50LCBYT3V0bGV0RGlyZWN0aXZlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcHMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3N0ZXBzLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgWFN0ZXBzQ29tcG9uZW50IGV4dGVuZHMgWFN0ZXBzUHJvcGVydHkgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95LCBBZnRlclZpZXdJbml0IHtcclxuICBub2RlczogWFN0ZXBzTm9kZVtdID0gW107XHJcbiAgcHJpdmF0ZSBfdW5TdWJqZWN0ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcclxuICBwcml2YXRlIGNkciA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgY29uZmlnU2VydmljZSA9IGluamVjdChYQ29uZmlnU2VydmljZSk7XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5zZXRDbGFzc01hcCgpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xyXG4gICAgY29uc3QgeyBkYXRhLCBhY3RpdmF0ZWRJbmRleCB9ID0gY2hhbmdlcztcclxuICAgIFhJc0NoYW5nZShkYXRhKSAmJiB0aGlzLnNldERhdGEoKTtcclxuICAgIFhJc0NoYW5nZShhY3RpdmF0ZWRJbmRleCkgJiYgdGhpcy5zZXRBY3RpdmF0ZWQoKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5fdW5TdWJqZWN0Lm5leHQoKTtcclxuICAgIHRoaXMuX3VuU3ViamVjdC51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbiAgc2V0Q2xhc3NNYXAoKSB7XHJcbiAgICB0aGlzLmNsYXNzTWFwW2Ake1hTdGVwc1ByZWZpeH0tJHt0aGlzLmxheW91dH1gXSA9ICFYSXNFbXB0eSh0aGlzLmxheW91dCk7XHJcbiAgfVxyXG5cclxuICBnZXRJbmRleChpbmRleDogbnVtYmVyKSB7XHJcbiAgICByZXR1cm4gTnVtYmVyKHRoaXMuc3RhcnRJbmRleCkgKyBpbmRleCArIDE7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHNldERhdGEoKSB7XHJcbiAgICBYU2V0RGF0YTxYU3RlcHNOb2RlPih0aGlzLmRhdGEsIHRoaXMuX3VuU3ViamVjdClcclxuICAgICAgLnBpcGUobWFwKCh4KSA9PiB0aGlzLnNldFN0YXR1cyh4KSkpXHJcbiAgICAgIC5zdWJzY3JpYmUoKHgpID0+IHtcclxuICAgICAgICB0aGlzLm5vZGVzID0geDtcclxuICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXRTdGF0dXModmFsdWU6IFhTdGVwc05vZGVbXSkge1xyXG4gICAgcmV0dXJuIHZhbHVlLm1hcCgoeCwgaW5kZXgpID0+IHtcclxuICAgICAgaWYgKHRoaXMubm9kZVN0YXR1cykge1xyXG4gICAgICAgIGlmIChYSXNVbmRlZmluZWQoeC5zdGF0dXMpKSB7XHJcbiAgICAgICAgICB4LnN0YXR1cyA9ICd3YWl0JztcclxuICAgICAgICB9XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgaWYgKFhJc1VuZGVmaW5lZCh0aGlzLmFjdGl2YXRlZEluZGV4KSkge1xyXG4gICAgICAgICAgeC5zdGF0dXMgPSAnd2FpdCc7XHJcbiAgICAgICAgfSBlbHNlIGlmIChYSXNOdW1iZXIodGhpcy5hY3RpdmF0ZWRJbmRleCkpIHtcclxuICAgICAgICAgIHguc3RhdHVzID1cclxuICAgICAgICAgICAgaW5kZXggPCBOdW1iZXIodGhpcy5hY3RpdmF0ZWRJbmRleCkgPyAnZmluaXNoJyA6IGluZGV4ID09PSB0aGlzLmFjdGl2YXRlZEluZGV4ID8gJ3Byb2Nlc3MnIDogJ3dhaXQnO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAodGhpcy5zdGF0dXMgJiYgaW5kZXggPT09IHRoaXMuYWN0aXZhdGVkSW5kZXgpIHguc3RhdHVzID0gdGhpcy5zdGF0dXM7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIHJldHVybiB4O1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHNldEFjdGl2YXRlZCgpIHtcclxuICAgIHRoaXMubm9kZXMgPSB0aGlzLnNldFN0YXR1cyh0aGlzLm5vZGVzKTtcclxuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiAjc3RlcHMgY2xhc3M9XCJ4LXN0ZXBzXCIgW25nQ2xhc3NdPVwiY2xhc3NNYXBcIj5cclxuICBAZm9yIChub2RlIG9mIG5vZGVzOyB0cmFjayBub2RlLmlkOyBsZXQgaSA9ICRpbmRleCkge1xyXG4gICAgPGRpdiBjbGFzcz1cIngtc3RlcHMtbm9kZSB4LXN0ZXBzLXt7IG5vZGUuc3RhdHVzIH19XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ4LXN0ZXBzLWhlYWRlclwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKnhPdXRsZXQ9XCJjdXN0b21UcGw7IGNvbnRleHQ6IHsgJG5vZGU6IG5vZGUsICRpbmRleDogaSB9XCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwieC1zdGVwcy1pY29uXCIgW2NsYXNzLngtc3RlcHMtb25seS1pY29uXT1cIm5vZGUuaWNvblwiPlxyXG4gICAgICAgICAgICBAaWYgKG5vZGUuaWNvbikge1xyXG4gICAgICAgICAgICAgIDx4LWljb24gW3R5cGVdPVwibm9kZS5pY29uXCI+PC94LWljb24+XHJcbiAgICAgICAgICAgIH0gQGVsc2Uge1xyXG4gICAgICAgICAgICAgIEBzd2l0Y2ggKG5vZGUuc3RhdHVzKSB7XHJcbiAgICAgICAgICAgICAgICBAY2FzZSAoJ2ZpbmlzaCcpIHtcclxuICAgICAgICAgICAgICAgICAgPHgtaWNvbiB0eXBlPVwiZnRvLWNoZWNrXCI+PC94LWljb24+XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICBAY2FzZSAoJ2Vycm9yJykge1xyXG4gICAgICAgICAgICAgICAgICA8eC1pY29uIHR5cGU9XCJmdG8teFwiPjwveC1pY29uPlxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgQGRlZmF1bHQge1xyXG4gICAgICAgICAgICAgICAgICA8c3Bhbj57eyBnZXRJbmRleChpKSB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIEBpZiAobGF5b3V0ID09PSAnY29sdW1uJykge1xyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ4LXN0ZXBzLWxpbmVcIj48L3NwYW4+XHJcbiAgICAgICAgfVxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cIngtc3RlcHMtY29udGVudFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ4LXN0ZXBzLXRpdGxlXCI+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIngtc3RlcHMtbGFiZWxcIj57eyBub2RlLmxhYmVsIH19PC9zcGFuPlxyXG4gICAgICAgICAgQGlmIChsYXlvdXQgPT09ICdyb3cnKSB7XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwieC1zdGVwcy1saW5lXCI+PC9zcGFuPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ4LXN0ZXBzLWRlc2NyaXB0aW9uXCI+e3sgbm9kZS5kZXNjcmlwdGlvbiB9fTwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIH1cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvc3RlcHMvc3RlcHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvc3RlcHMvc3RlcHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSx1QkFBdUIsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEcsT0FBTyxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNyRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQVd0RCxNQUFNLE9BQU8sZUFBZ0IsU0FBUSxjQUFjO0lBVG5EOztRQVVFLFVBQUssR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3BCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUN6QixNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDN0MsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQzdCLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNyQyxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUU7Z0JBQzNCLElBQUksVUFBVSxFQUFFLENBQUM7b0JBQ2YsSUFBSSxZQUFZLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7d0JBQzNCLENBQUMsQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO29CQUNwQixDQUFDO2dCQUNILENBQUM7cUJBQU0sQ0FBQztvQkFDTixJQUFJLFlBQVksQ0FBQyxjQUFjLENBQUMsRUFBRSxDQUFDO3dCQUNqQyxDQUFDLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztvQkFDcEIsQ0FBQzt5QkFBTSxJQUFJLFNBQVMsQ0FBQyxjQUFjLENBQUMsRUFBRSxDQUFDO3dCQUNyQyxDQUFDLENBQUMsTUFBTSxHQUFHLEtBQUssR0FBRyxjQUFjLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxLQUFLLGNBQWMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7b0JBQy9GLENBQUM7b0JBQ0QsSUFBSSxNQUFNLElBQUksS0FBSyxLQUFLLGNBQWM7d0JBQUUsQ0FBQyxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7Z0JBQzVELENBQUM7Z0JBRUQsT0FBTyxDQUFDLENBQUM7WUFDWCxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO1FBRUgsYUFBUSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDO1lBQ3pCLENBQUMsR0FBRyxZQUFZLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7U0FDL0QsQ0FBQyxDQUFDLENBQUM7S0FLTDtJQUhDLFFBQVEsQ0FBQyxLQUFhO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLFVBQVUsRUFBRSxHQUFHLEtBQUssR0FBRyxDQUFDLENBQUM7SUFDdkMsQ0FBQztpSUE5QlUsZUFBZTtxSEFBZixlQUFlLDBGQ2hCNUIsdzhDQXVDQSxraUZEN0JZLE9BQU8sb0ZBQUUsY0FBYyxtREFBRSxnQkFBZ0I7OzJGQU14QyxlQUFlO2tCQVQzQixTQUFTOytCQUNFLEdBQUcsWUFBWSxFQUFFLGNBQ2YsSUFBSSxXQUNQLENBQUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxnQkFBZ0IsQ0FBQyxpQkFHckMsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBjb21wdXRlZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBYU3RlcHNQcmVmaXgsIFhTdGVwc1Byb3BlcnR5IH0gZnJvbSAnLi9zdGVwcy5wcm9wZXJ0eSc7XHJcbmltcG9ydCB7IFhJc1VuZGVmaW5lZCwgWElzTnVtYmVyLCBYSXNFbXB0eSB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgWEljb25Db21wb25lbnQgfSBmcm9tICdAbmctbmVzdC91aS9pY29uJztcclxuaW1wb3J0IHsgWE91dGxldERpcmVjdGl2ZSB9IGZyb20gJ0BuZy1uZXN0L3VpL291dGxldCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogYCR7WFN0ZXBzUHJlZml4fWAsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbTmdDbGFzcywgWEljb25Db21wb25lbnQsIFhPdXRsZXREaXJlY3RpdmVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGVwcy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3RlcHMuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYU3RlcHNDb21wb25lbnQgZXh0ZW5kcyBYU3RlcHNQcm9wZXJ0eSB7XHJcbiAgbm9kZXMgPSBjb21wdXRlZCgoKSA9PiB7XHJcbiAgICBjb25zdCBkYXRhID0gdGhpcy5kYXRhKCk7XHJcbiAgICBjb25zdCBhY3RpdmF0ZWRJbmRleCA9IHRoaXMuYWN0aXZhdGVkSW5kZXgoKTtcclxuICAgIGNvbnN0IHN0YXR1cyA9IHRoaXMuc3RhdHVzKCk7XHJcbiAgICBjb25zdCBub2RlU3RhdHVzID0gdGhpcy5ub2RlU3RhdHVzKCk7XHJcbiAgICByZXR1cm4gZGF0YS5tYXAoKHgsIGluZGV4KSA9PiB7XHJcbiAgICAgIGlmIChub2RlU3RhdHVzKSB7XHJcbiAgICAgICAgaWYgKFhJc1VuZGVmaW5lZCh4LnN0YXR1cykpIHtcclxuICAgICAgICAgIHguc3RhdHVzID0gJ3dhaXQnO1xyXG4gICAgICAgIH1cclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICBpZiAoWElzVW5kZWZpbmVkKGFjdGl2YXRlZEluZGV4KSkge1xyXG4gICAgICAgICAgeC5zdGF0dXMgPSAnd2FpdCc7XHJcbiAgICAgICAgfSBlbHNlIGlmIChYSXNOdW1iZXIoYWN0aXZhdGVkSW5kZXgpKSB7XHJcbiAgICAgICAgICB4LnN0YXR1cyA9IGluZGV4IDwgYWN0aXZhdGVkSW5kZXggPyAnZmluaXNoJyA6IGluZGV4ID09PSBhY3RpdmF0ZWRJbmRleCA/ICdwcm9jZXNzJyA6ICd3YWl0JztcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKHN0YXR1cyAmJiBpbmRleCA9PT0gYWN0aXZhdGVkSW5kZXgpIHguc3RhdHVzID0gc3RhdHVzO1xyXG4gICAgICB9XHJcblxyXG4gICAgICByZXR1cm4geDtcclxuICAgIH0pO1xyXG4gIH0pO1xyXG5cclxuICBjbGFzc01hcCA9IGNvbXB1dGVkKCgpID0+ICh7XHJcbiAgICBbYCR7WFN0ZXBzUHJlZml4fS0ke3RoaXMubGF5b3V0KCl9YF06ICFYSXNFbXB0eSh0aGlzLmxheW91dCgpKVxyXG4gIH0pKTtcclxuXHJcbiAgZ2V0SW5kZXgoaW5kZXg6IG51bWJlcikge1xyXG4gICAgcmV0dXJuIHRoaXMuc3RhcnRJbmRleCgpICsgaW5kZXggKyAxO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2ICNzdGVwcyBjbGFzcz1cIngtc3RlcHNcIiBbbmdDbGFzc109XCJjbGFzc01hcCgpXCI+XHJcbiAgQGZvciAobm9kZSBvZiBub2RlcygpOyB0cmFjayBub2RlLmlkOyBsZXQgaSA9ICRpbmRleCkge1xyXG4gICAgPGRpdiBjbGFzcz1cIngtc3RlcHMtbm9kZSB4LXN0ZXBzLXt7IG5vZGUuc3RhdHVzIH19XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ4LXN0ZXBzLWhlYWRlclwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKnhPdXRsZXQ9XCJjdXN0b21UcGwoKTsgY29udGV4dDogeyAkbm9kZTogbm9kZSwgJGluZGV4OiBpIH1cIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ4LXN0ZXBzLWljb25cIiBbY2xhc3MueC1zdGVwcy1vbmx5LWljb25dPVwibm9kZS5pY29uXCI+XHJcbiAgICAgICAgICAgIEBpZiAobm9kZS5pY29uKSB7XHJcbiAgICAgICAgICAgICAgPHgtaWNvbiBbdHlwZV09XCJub2RlLmljb25cIj48L3gtaWNvbj5cclxuICAgICAgICAgICAgfSBAZWxzZSB7XHJcbiAgICAgICAgICAgICAgQHN3aXRjaCAobm9kZS5zdGF0dXMpIHtcclxuICAgICAgICAgICAgICAgIEBjYXNlICgnZmluaXNoJykge1xyXG4gICAgICAgICAgICAgICAgICA8eC1pY29uIHR5cGU9XCJmdG8tY2hlY2tcIj48L3gtaWNvbj5cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIEBjYXNlICgnZXJyb3InKSB7XHJcbiAgICAgICAgICAgICAgICAgIDx4LWljb24gdHlwZT1cImZ0by14XCI+PC94LWljb24+XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICBAZGVmYXVsdCB7XHJcbiAgICAgICAgICAgICAgICAgIDxzcGFuPnt7IGdldEluZGV4KGkpIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgQGlmIChsYXlvdXQoKSA9PT0gJ2NvbHVtbicpIHtcclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwieC1zdGVwcy1saW5lXCI+PC9zcGFuPlxyXG4gICAgICAgIH1cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ4LXN0ZXBzLWNvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwieC1zdGVwcy10aXRsZVwiPlxyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ4LXN0ZXBzLWxhYmVsXCI+e3sgbm9kZS5sYWJlbCB9fTwvc3Bhbj5cclxuICAgICAgICAgIEBpZiAobGF5b3V0KCkgPT09ICdyb3cnKSB7XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwieC1zdGVwcy1saW5lXCI+PC9zcGFuPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ4LXN0ZXBzLWRlc2NyaXB0aW9uXCI+e3sgbm9kZS5kZXNjcmlwdGlvbiB9fTwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIH1cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/steps/steps.module.mjs

@@ -2,15 +2,15 @@ import { NgModule } from '@angular/core';
 import { XStepsComponent } from './steps.component';
 import * as i0 from "@angular/core";
 export class XStepsModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XStepsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: XStepsModule, imports: [XStepsComponent], exports: [XStepsComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XStepsModule, imports: [XStepsComponent] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XStepsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: XStepsModule, imports: [XStepsComponent], exports: [XStepsComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XStepsModule, imports: [XStepsComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XStepsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XStepsModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [XStepsComponent],
                     imports: [XStepsComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvc3RlcHMvc3RlcHMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQU1wRCxNQUFNLE9BQU8sWUFBWTtrSUFBWixZQUFZO21JQUFaLFlBQVksWUFGYixlQUFlLGFBRGYsZUFBZTttSUFHZCxZQUFZLFlBRmIsZUFBZTs7NEZBRWQsWUFBWTtrQkFKeEIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQzFCLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztpQkFDM0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBYU3RlcHNDb21wb25lbnQgfSBmcm9tICcuL3N0ZXBzLmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGV4cG9ydHM6IFtYU3RlcHNDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtYU3RlcHNDb21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYU3RlcHNNb2R1bGUge31cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvc3RlcHMvc3RlcHMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQU1wRCxNQUFNLE9BQU8sWUFBWTtpSUFBWixZQUFZO2tJQUFaLFlBQVksWUFGYixlQUFlLGFBRGYsZUFBZTtrSUFHZCxZQUFZLFlBRmIsZUFBZTs7MkZBRWQsWUFBWTtrQkFKeEIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQzFCLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztpQkFDM0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBYU3RlcHNDb21wb25lbnQgfSBmcm9tICcuL3N0ZXBzLmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGV4cG9ydHM6IFtYU3RlcHNDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtYU3RlcHNDb21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBYU3RlcHNNb2R1bGUge31cclxuIl19

package/esm2022/steps/steps.property.mjs

@@ -1,6 +1,5 @@
-import { __decorate } from "tslib";
-import { XProperty, XDataConvert, XInputNumber, XInputBoolean } from '@ng-nest/ui/core';
-import { Input, Component } from '@angular/core';
+import { XToDataArray, XToNumber, XToBoolean, XPropertyFunction } from '@ng-nest/ui/core';
+import { Component, input } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Steps
@@ -8,64 +7,54 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export const XStepsPrefix = 'x-steps';
+const X_STEPS_CONFIG_NAME = 'steps';
 /**
  * Steps Property
  */
-export class XStepsProperty extends XProperty {
+export class XStepsProperty extends XPropertyFunction(X_STEPS_CONFIG_NAME) {
     constructor() {
         super(...arguments);
         /**
          * @zh_CN 节点数据
          * @en_US Node data
          */
-        this.data = [];
+        this.data = input([], { transform: XToDataArray });
         /**
          * @zh_CN 布局方式
          * @en_US Layout
          */
-        this.layout = 'row';
+        this.layout = input('row');
         /**
          * @zh_CN 当前激活节点
          * @en_US Currently active node
          */
-        this.activatedIndex = 0;
+        this.activatedIndex = input(0, { transform: XToNumber });
         /**
          * @zh_CN 步骤开始序号
          * @en_US Step start number
          */
-        this.startIndex = 0;
+        this.startIndex = input(0, { transform: XToNumber });
+        /**
+         * @zh_CN 当前激活节点状态
+         * @en_US Current active node status
+         */
+        this.status = input();
+        /**
+         * @zh_CN 自定义节点
+         * @en_US Custom node
+         */
+        this.customTpl = input();
+        /**
+         * @zh_CN 节点设置的状态优先，将不会自动计算当前节点，`activatedIndex` 和 `status` 将失效
+         * @en_US the status set by the node takes precedence, and the current node will not be calculated, `activatedIndex` and `status` will be invalidated
+         */
+        this.nodeStatus = input(false, { transform: XToBoolean });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XStepsProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: XStepsProperty, selector: "x-steps-property", inputs: { data: "data", layout: "layout", activatedIndex: "activatedIndex", startIndex: "startIndex", status: "status", customTpl: "customTpl", nodeStatus: "nodeStatus" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XStepsProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XStepsProperty, selector: "x-steps-property", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, activatedIndex: { classPropertyName: "activatedIndex", publicName: "activatedIndex", isSignal: true, isRequired: false, transformFunction: null }, startIndex: { classPropertyName: "startIndex", publicName: "startIndex", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, customTpl: { classPropertyName: "customTpl", publicName: "customTpl", isSignal: true, isRequired: false, transformFunction: null }, nodeStatus: { classPropertyName: "nodeStatus", publicName: "nodeStatus", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-__decorate([
-    XDataConvert()
-], XStepsProperty.prototype, "data", void 0);
-__decorate([
-    XInputNumber()
-], XStepsProperty.prototype, "activatedIndex", void 0);
-__decorate([
-    XInputNumber()
-], XStepsProperty.prototype, "startIndex", void 0);
-__decorate([
-    XInputBoolean()
-], XStepsProperty.prototype, "nodeStatus", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: XStepsProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XStepsProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XStepsPrefix}-property`, template: '' }]
-        }], propDecorators: { data: [{
-                type: Input
-            }], layout: [{
-                type: Input
-            }], activatedIndex: [{
-                type: Input
-            }], startIndex: [{
-                type: Input
-            }], status: [{
-                type: Input
-            }], customTpl: [{
-                type: Input
-            }], nodeStatus: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHMucHJvcGVydHkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9zdGVwcy9zdGVwcy5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUVMLFNBQVMsRUFFVCxZQUFZLEVBQ1osWUFBWSxFQUdaLGFBQWEsRUFFZCxNQUFNLGtCQUFrQixDQUFDO0FBQzFCLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUVqRDs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHLFNBQVMsQ0FBQztBQUV0Qzs7R0FFRztBQUVILE1BQU0sT0FBTyxjQUFlLFNBQVEsU0FBUztJQUQ3Qzs7UUFFRTs7O1dBR0c7UUFDc0IsU0FBSSxHQUFzQixFQUFFLENBQUM7UUFDdEQ7OztXQUdHO1FBQ00sV0FBTSxHQUFpQixLQUFLLENBQUM7UUFDdEM7OztXQUdHO1FBQ3NCLG1CQUFjLEdBQVksQ0FBQyxDQUFDO1FBQ3JEOzs7V0FHRztRQUNzQixlQUFVLEdBQVksQ0FBQyxDQUFDO0tBZ0JsRDtrSUFwQ1ksY0FBYztzSEFBZCxjQUFjLDJQQURrQyxFQUFFOztBQU1wQztJQUFmLFlBQVksRUFBRTs0Q0FBOEI7QUFVN0I7SUFBZixZQUFZLEVBQUU7c0RBQTZCO0FBSzVCO0lBQWYsWUFBWSxFQUFFO2tEQUF5QjtBQWV2QjtJQUFoQixhQUFhLEVBQUU7a0RBQXVCOzRGQW5DckMsY0FBYztrQkFEMUIsU0FBUzttQkFBQyxFQUFFLFFBQVEsRUFBRSxHQUFHLFlBQVksV0FBVyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7OEJBTXRDLElBQUk7c0JBQTVCLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUttQixjQUFjO3NCQUF0QyxLQUFLO2dCQUttQixVQUFVO3NCQUFsQyxLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtvQixVQUFVO3NCQUFuQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBYRGF0YSxcclxuICBYUHJvcGVydHksXHJcbiAgWFBhcmVudElkZW50aXR5UHJvcGVydHksXHJcbiAgWERhdGFDb252ZXJ0LFxyXG4gIFhJbnB1dE51bWJlcixcclxuICBYTnVtYmVyLFxyXG4gIFhUZW1wbGF0ZSxcclxuICBYSW5wdXRCb29sZWFuLFxyXG4gIFhCb29sZWFuXHJcbn0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IElucHV0LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBTdGVwc1xyXG4gKiBAc2VsZWN0b3IgeC1zdGVwc1xyXG4gKiBAZGVjb3JhdG9yIGNvbXBvbmVudFxyXG4gKi9cclxuZXhwb3J0IGNvbnN0IFhTdGVwc1ByZWZpeCA9ICd4LXN0ZXBzJztcclxuXHJcbi8qKlxyXG4gKiBTdGVwcyBQcm9wZXJ0eVxyXG4gKi9cclxuQENvbXBvbmVudCh7IHNlbGVjdG9yOiBgJHtYU3RlcHNQcmVmaXh9LXByb3BlcnR5YCwgdGVtcGxhdGU6ICcnIH0pXHJcbmV4cG9ydCBjbGFzcyBYU3RlcHNQcm9wZXJ0eSBleHRlbmRzIFhQcm9wZXJ0eSB7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOiKgueCueaVsOaNrlxyXG4gICAqIEBlbl9VUyBOb2RlIGRhdGFcclxuICAgKi9cclxuICBASW5wdXQoKSBAWERhdGFDb252ZXJ0KCkgZGF0YTogWERhdGE8WFN0ZXBzTm9kZT4gPSBbXTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5biD5bGA5pa55byPXHJcbiAgICogQGVuX1VTIExheW91dFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGxheW91dDogWFN0ZXBzTGF5b3V0ID0gJ3Jvdyc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOW9k+WJjea/gOa0u+iKgueCuVxyXG4gICAqIEBlbl9VUyBDdXJyZW50bHkgYWN0aXZlIG5vZGVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWElucHV0TnVtYmVyKCkgYWN0aXZhdGVkSW5kZXg6IFhOdW1iZXIgPSAwO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmraXpqqTlvIDlp4vluo/lj7dcclxuICAgKiBAZW5fVVMgU3RlcCBzdGFydCBudW1iZXJcclxuICAgKi9cclxuICBASW5wdXQoKSBAWElucHV0TnVtYmVyKCkgc3RhcnRJbmRleDogWE51bWJlciA9IDA7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOW9k+WJjea/gOa0u+iKgueCueeKtuaAgVxyXG4gICAqIEBlbl9VUyBDdXJyZW50IGFjdGl2ZSBub2RlIHN0YXR1c1xyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHN0YXR1cz86IFhTdGVwc1N0YXR1cztcclxuICAvKipcclxuICAgKiBAemhfQ04g6Ieq5a6a5LmJ6IqC54K5XHJcbiAgICogQGVuX1VTIEN1c3RvbSBub2RlXHJcbiAgICovXHJcbiAgQElucHV0KCkgY3VzdG9tVHBsPzogWFRlbXBsYXRlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDoioLngrnorr7nva7nmoTnirbmgIHkvJjlhYjvvIzlsIbkuI3kvJroh6rliqjorqHnrpflvZPliY3oioLngrnvvIxgYWN0aXZhdGVkSW5kZXhgIOWSjCBgc3RhdHVzYCDlsIblpLHmlYhcclxuICAgKiBAZW5fVVMgdGhlIHN0YXR1cyBzZXQgYnkgdGhlIG5vZGUgdGFrZXMgcHJlY2VkZW5jZSwgYW5kIHRoZSBjdXJyZW50IG5vZGUgd2lsbCBub3QgYmUgY2FsY3VsYXRlZCwgYGFjdGl2YXRlZEluZGV4YCBhbmQgYHN0YXR1c2Agd2lsbCBiZSBpbnZhbGlkYXRlZFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYSW5wdXRCb29sZWFuKCkgbm9kZVN0YXR1cz86IFhCb29sZWFuO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFhTdGVwc05vZGUgZXh0ZW5kcyBYUGFyZW50SWRlbnRpdHlQcm9wZXJ0eTxYU3RlcHNOb2RlPiB7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOeKtuaAgVxyXG4gICAqIEBlbl9VUyBTdGF0dXNcclxuICAgKi9cclxuICBzdGF0dXM/OiBYU3RlcHNTdGF0dXM7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaPj+i/sFxyXG4gICAqIEBlbl9VUyBEZXNjcmlwdGlvblxyXG4gICAqL1xyXG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlm77moIdcclxuICAgKiBAZW5fVVMgSWNvblxyXG4gICAqL1xyXG4gIGljb24/OiBzdHJpbmc7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBAemhfQ04g5biD5bGA5pa55byPXHJcbiAqIEBlbl9VUyBMYXlvdXRcclxuICovXHJcbmV4cG9ydCB0eXBlIFhTdGVwc0xheW91dCA9ICdyb3cnIHwgJ2NvbHVtbic7XHJcblxyXG4vKipcclxuICogQHpoX0NOIOiKgueCueeKtuaAgVxyXG4gKiBAZW5fVVMgTm9kZSBzdGF0dXNcclxuICovXHJcbmV4cG9ydCB0eXBlIFhTdGVwc1N0YXR1cyA9ICd3YWl0JyB8ICdwcm9jZXNzJyB8ICdmaW5pc2gnIHwgJ2Vycm9yJztcclxuIl19
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHMucHJvcGVydHkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9zdGVwcy9zdGVwcy5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUMxRixPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBZSxNQUFNLGVBQWUsQ0FBQzs7QUFHOUQ7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxTQUFTLENBQUM7QUFDdEMsTUFBTSxtQkFBbUIsR0FBRyxPQUFPLENBQUM7QUFFcEM7O0dBRUc7QUFFSCxNQUFNLE9BQU8sY0FBZSxTQUFRLGlCQUFpQixDQUFDLG1CQUFtQixDQUFDO0lBRDFFOztRQUVFOzs7V0FHRztRQUNNLFNBQUksR0FBRyxLQUFLLENBQXVDLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsQ0FBQyxDQUFDO1FBQzdGOzs7V0FHRztRQUNNLFdBQU0sR0FBRyxLQUFLLENBQWUsS0FBSyxDQUFDLENBQUM7UUFDN0M7OztXQUdHO1FBQ00sbUJBQWMsR0FBRyxLQUFLLENBQWtCLENBQUMsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQzlFOzs7V0FHRztRQUNNLGVBQVUsR0FBRyxLQUFLLENBQWtCLENBQUMsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQzFFOzs7V0FHRztRQUNNLFdBQU0sR0FBRyxLQUFLLEVBQWdCLENBQUM7UUFDeEM7OztXQUdHO1FBQ00sY0FBUyxHQUFHLEtBQUssRUFBb0IsQ0FBQztRQUMvQzs7O1dBR0c7UUFDTSxlQUFVLEdBQUcsS0FBSyxDQUFvQixLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FBQztLQUNsRjtpSUFwQ1ksY0FBYztxSEFBZCxjQUFjLDIrQkFEa0MsRUFBRTs7MkZBQ2xELGNBQWM7a0JBRDFCLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsR0FBRyxZQUFZLFdBQVcsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgWFRvRGF0YUFycmF5LCBYVG9OdW1iZXIsIFhUb0Jvb2xlYW4sIFhQcm9wZXJ0eUZ1bmN0aW9uIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB0eXBlIHsgWFBhcmVudElkZW50aXR5UHJvcGVydHksIFhOdW1iZXIsIFhCb29sZWFuLCBYRGF0YUFycmF5IH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcblxyXG4vKipcclxuICogU3RlcHNcclxuICogQHNlbGVjdG9yIHgtc3RlcHNcclxuICogQGRlY29yYXRvciBjb21wb25lbnRcclxuICovXHJcbmV4cG9ydCBjb25zdCBYU3RlcHNQcmVmaXggPSAneC1zdGVwcyc7XHJcbmNvbnN0IFhfU1RFUFNfQ09ORklHX05BTUUgPSAnc3RlcHMnO1xyXG5cclxuLyoqXHJcbiAqIFN0ZXBzIFByb3BlcnR5XHJcbiAqL1xyXG5AQ29tcG9uZW50KHsgc2VsZWN0b3I6IGAke1hTdGVwc1ByZWZpeH0tcHJvcGVydHlgLCB0ZW1wbGF0ZTogJycgfSlcclxuZXhwb3J0IGNsYXNzIFhTdGVwc1Byb3BlcnR5IGV4dGVuZHMgWFByb3BlcnR5RnVuY3Rpb24oWF9TVEVQU19DT05GSUdfTkFNRSkge1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDoioLngrnmlbDmja5cclxuICAgKiBAZW5fVVMgTm9kZSBkYXRhXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgZGF0YSA9IGlucHV0PFhTdGVwc05vZGVbXSwgWERhdGFBcnJheTxYU3RlcHNOb2RlPj4oW10sIHsgdHJhbnNmb3JtOiBYVG9EYXRhQXJyYXkgfSk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOW4g+WxgOaWueW8j1xyXG4gICAqIEBlbl9VUyBMYXlvdXRcclxuICAgKi9cclxuICByZWFkb25seSBsYXlvdXQgPSBpbnB1dDxYU3RlcHNMYXlvdXQ+KCdyb3cnKTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5b2T5YmN5r+A5rS76IqC54K5XHJcbiAgICogQGVuX1VTIEN1cnJlbnRseSBhY3RpdmUgbm9kZVxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IGFjdGl2YXRlZEluZGV4ID0gaW5wdXQ8bnVtYmVyLCBYTnVtYmVyPigwLCB7IHRyYW5zZm9ybTogWFRvTnVtYmVyIH0pO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmraXpqqTlvIDlp4vluo/lj7dcclxuICAgKiBAZW5fVVMgU3RlcCBzdGFydCBudW1iZXJcclxuICAgKi9cclxuICByZWFkb25seSBzdGFydEluZGV4ID0gaW5wdXQ8bnVtYmVyLCBYTnVtYmVyPigwLCB7IHRyYW5zZm9ybTogWFRvTnVtYmVyIH0pO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlvZPliY3mv4DmtLvoioLngrnnirbmgIFcclxuICAgKiBAZW5fVVMgQ3VycmVudCBhY3RpdmUgbm9kZSBzdGF0dXNcclxuICAgKi9cclxuICByZWFkb25seSBzdGF0dXMgPSBpbnB1dDxYU3RlcHNTdGF0dXM+KCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOiHquWumuS5ieiKgueCuVxyXG4gICAqIEBlbl9VUyBDdXN0b20gbm9kZVxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IGN1c3RvbVRwbCA9IGlucHV0PFRlbXBsYXRlUmVmPGFueT4+KCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOiKgueCueiuvue9rueahOeKtuaAgeS8mOWFiO+8jOWwhuS4jeS8muiHquWKqOiuoeeul+W9k+WJjeiKgueCue+8jGBhY3RpdmF0ZWRJbmRleGAg5ZKMIGBzdGF0dXNgIOWwhuWkseaViFxyXG4gICAqIEBlbl9VUyB0aGUgc3RhdHVzIHNldCBieSB0aGUgbm9kZSB0YWtlcyBwcmVjZWRlbmNlLCBhbmQgdGhlIGN1cnJlbnQgbm9kZSB3aWxsIG5vdCBiZSBjYWxjdWxhdGVkLCBgYWN0aXZhdGVkSW5kZXhgIGFuZCBgc3RhdHVzYCB3aWxsIGJlIGludmFsaWRhdGVkXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgbm9kZVN0YXR1cyA9IGlucHV0PGJvb2xlYW4sIFhCb29sZWFuPihmYWxzZSwgeyB0cmFuc2Zvcm06IFhUb0Jvb2xlYW4gfSk7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgWFN0ZXBzTm9kZSBleHRlbmRzIFhQYXJlbnRJZGVudGl0eVByb3BlcnR5PFhTdGVwc05vZGU+IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g54q25oCBXHJcbiAgICogQGVuX1VTIFN0YXR1c1xyXG4gICAqL1xyXG4gIHN0YXR1cz86IFhTdGVwc1N0YXR1cztcclxuICAvKipcclxuICAgKiBAemhfQ04g5o+P6L+wXHJcbiAgICogQGVuX1VTIERlc2NyaXB0aW9uXHJcbiAgICovXHJcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWbvuagh1xyXG4gICAqIEBlbl9VUyBJY29uXHJcbiAgICovXHJcbiAgaWNvbj86IHN0cmluZztcclxufVxyXG5cclxuLyoqXHJcbiAqIEB6aF9DTiDluIPlsYDmlrnlvI9cclxuICogQGVuX1VTIExheW91dFxyXG4gKi9cclxuZXhwb3J0IHR5cGUgWFN0ZXBzTGF5b3V0ID0gJ3JvdycgfCAnY29sdW1uJztcclxuXHJcbi8qKlxyXG4gKiBAemhfQ04g6IqC54K554q25oCBXHJcbiAqIEBlbl9VUyBOb2RlIHN0YXR1c1xyXG4gKi9cclxuZXhwb3J0IHR5cGUgWFN0ZXBzU3RhdHVzID0gJ3dhaXQnIHwgJ3Byb2Nlc3MnIHwgJ2ZpbmlzaCcgfCAnZXJyb3InO1xyXG4iXX0=