@ng-nest/ui 17.0.11 → 18.0.0

package/esm2022/progress/progress.property.mjs

@@ -1,6 +1,5 @@
-import { __decorate } from "tslib";
-import { Input, Component } from '@angular/core';
-import { XInputNumber, XProperty, XInputBoolean, XWithConfig } from '@ng-nest/ui/core';
+import { Component, input } from '@angular/core';
+import { XPropertyFunction, XToNumber, XToCssPixelValue, XToBoolean } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Progress
@@ -8,107 +7,104 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export const XProgressPrefix = 'x-progress';
-const X_CONFIG_NAME = 'progress';
+const X_PROGRESS_CONFIG_NAME = 'progress';
 /**
  * Progress Property
  */
-export class XProgressProperty extends XProperty {
+export class XProgressProperty extends XPropertyFunction(X_PROGRESS_CONFIG_NAME) {
     constructor() {
         super(...arguments);
         /**
          * @zh_CN 进度条类型
          * @en_US Progress bar type
          */
-        this.type = 'line';
+        this.type = input('line');
         /**
          * @zh_CN 显示进度 0-100
          * @en_US Show progress 0-100
          */
-        this.percent = 0;
+        this.percent = input(0, { transform: XToNumber });
+        /**
+         * @zh_CN 进度条高度
+         * @en_US Height of progress bar
+         */
+        this.height = input(this.config?.height ?? '1rem', { transform: XToCssPixelValue });
         /**
          * @zh_CN 状态
          * @en_US Status
          */
-        this.status = 'normal';
+        this.status = input('normal');
         /**
-         * @zh_CN 是否显示百分比文本
+         * @zh_CN 是否显示百分比文本信息
          * @en_US Whether to display percentage text
          */
-        this.info = true;
+        this.info = input(true, { transform: XToBoolean });
+        /**
+         * @zh_CN 文本信息宽度
+         * @en_US The width of the text information
+         */
+        this.infoWidth = input('3.5rem', { transform: XToCssPixelValue });
+        /**
+         * @zh_CN 百分比文本是否显示在进度条里面
+         * @en_US Whether the percentage text is displayed in the progress bar
+         */
+        this.inside = input(false, { transform: XToBoolean });
+        /**
+         * @zh_CN 自定义百分比文本内容
+         * @en_US Custom percentage text content
+         */
+        this.format = input();
+        /**
+         * @zh_CN 自定义颜色
+         * @en_US Custom color
+         */
+        this.color = input();
+        /**
+         * @zh_CN 渐变颜色
+         * @en_US Gradient color
+         */
+        this.gradient = input();
+        /**
+         * @zh_CN 步骤进度条
+         * @en_US Steps progress bar
+         */
+        this.steps = input(null, { transform: XToNumber });
+        /**
+         * @zh_CN 单个步骤的宽度
+         * @en_US Single step width
+         */
+        this.stepWidth = input('2rem', { transform: XToCssPixelValue });
+        /**
+         * @zh_CN 单个步骤的宽度自适应
+         * @en_US Single step width flex
+         */
+        this.stepFlex = input(false, { transform: XToBoolean });
         /**
          * @zh_CN 圆环/仪表盘厚度
          * @en_US Ring thickness
          */
-        this.thickness = '0.5rem';
+        this.thickness = input('1rem', { transform: XToCssPixelValue });
         /**
          * @zh_CN 圆环/仪表盘尺寸
          * @en_US Ring size
          */
-        this.size = '5rem';
+        this.size = input('8rem', { transform: XToCssPixelValue });
         /**
          * @zh_CN 仪表盘缺口角度 0~300
          * @en_US Dashboard notch angle
          */
-        this.notchAngle = 80;
+        this.notchAngle = input(80, { transform: XToNumber });
+        /**
+         * @zh_CN 分段显示颜色，只适用 type = 'line'
+         * @en_US Segmentation display color, only use of type = 'line'
+         */
+        this.subsection = input(false, { transform: XToBoolean });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XProgressProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: XProgressProperty, selector: "x-progress-property", inputs: { type: "type", percent: "percent", height: "height", status: "status", info: "info", inside: "inside", format: "format", color: "color", gradient: "gradient", steps: "steps", stepWidth: "stepWidth", stepFlex: "stepFlex", thickness: "thickness", size: "size", notchAngle: "notchAngle", subsection: "subsection" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XProgressProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XProgressProperty, selector: "x-progress-property", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, percent: { classPropertyName: "percent", publicName: "percent", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, info: { classPropertyName: "info", publicName: "info", isSignal: true, isRequired: false, transformFunction: null }, infoWidth: { classPropertyName: "infoWidth", publicName: "infoWidth", isSignal: true, isRequired: false, transformFunction: null }, inside: { classPropertyName: "inside", publicName: "inside", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, gradient: { classPropertyName: "gradient", publicName: "gradient", isSignal: true, isRequired: false, transformFunction: null }, steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, stepWidth: { classPropertyName: "stepWidth", publicName: "stepWidth", isSignal: true, isRequired: false, transformFunction: null }, stepFlex: { classPropertyName: "stepFlex", publicName: "stepFlex", isSignal: true, isRequired: false, transformFunction: null }, thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, notchAngle: { classPropertyName: "notchAngle", publicName: "notchAngle", isSignal: true, isRequired: false, transformFunction: null }, subsection: { classPropertyName: "subsection", publicName: "subsection", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-__decorate([
-    XInputNumber()
-], XProgressProperty.prototype, "percent", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, '0.5rem')
-], XProgressProperty.prototype, "height", void 0);
-__decorate([
-    XInputBoolean()
-], XProgressProperty.prototype, "info", void 0);
-__decorate([
-    XInputBoolean()
-], XProgressProperty.prototype, "inside", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, '1rem')
-], XProgressProperty.prototype, "stepWidth", void 0);
-__decorate([
-    XInputBoolean()
-], XProgressProperty.prototype, "stepFlex", void 0);
-__decorate([
-    XInputBoolean()
-], XProgressProperty.prototype, "subsection", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XProgressProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XProgressProperty, decorators: [{
             type: Component,
             args: [{ selector: `${XProgressPrefix}-property`, template: '' }]
-        }], propDecorators: { type: [{
-                type: Input
-            }], percent: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], status: [{
-                type: Input
-            }], info: [{
-                type: Input
-            }], inside: [{
-                type: Input
-            }], format: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], gradient: [{
-                type: Input
-            }], steps: [{
-                type: Input
-            }], stepWidth: [{
-                type: Input
-            }], stepFlex: [{
-                type: Input
-            }], thickness: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], notchAngle: [{
-                type: Input
-            }], subsection: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MucHJvcGVydHkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9wcm9ncmVzcy9wcm9ncmVzcy5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsYUFBYSxFQUFxQixXQUFXLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUFFMUc7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxZQUFZLENBQUM7QUFDNUMsTUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDO0FBRWpDOztHQUVHO0FBRUgsTUFBTSxPQUFPLGlCQUFrQixTQUFRLFNBQVM7SUFEaEQ7O1FBRUU7OztXQUdHO1FBQ00sU0FBSSxHQUFrQixNQUFNLENBQUM7UUFDdEM7OztXQUdHO1FBQ3NCLFlBQU8sR0FBWSxDQUFDLENBQUM7UUFNOUM7OztXQUdHO1FBQ00sV0FBTSxHQUFvQixRQUFRLENBQUM7UUFDNUM7OztXQUdHO1FBQ3VCLFNBQUksR0FBYSxJQUFJLENBQUM7UUFvQ2hEOzs7V0FHRztRQUNNLGNBQVMsR0FBWSxRQUFRLENBQUM7UUFDdkM7OztXQUdHO1FBQ00sU0FBSSxHQUFZLE1BQU0sQ0FBQztRQUNoQzs7O1dBR0c7UUFDTSxlQUFVLEdBQVksRUFBRSxDQUFDO0tBTW5DO2lJQWpGWSxpQkFBaUI7cUhBQWpCLGlCQUFpQixvWkFEa0MsRUFBRTs7QUFXdkM7SUFBZixZQUFZLEVBQUU7a0RBQXNCO0FBS1M7SUFBN0MsV0FBVyxDQUFTLGFBQWEsRUFBRSxRQUFRLENBQUM7aURBQWlCO0FBVTdDO0lBQWhCLGFBQWEsRUFBRTsrQ0FBdUI7QUFLdEI7SUFBaEIsYUFBYSxFQUFFO2lEQUFtQjtBQXlCUztJQUEzQyxXQUFXLENBQVMsYUFBYSxFQUFFLE1BQU0sQ0FBQztvREFBb0I7QUFLOUM7SUFBaEIsYUFBYSxFQUFFO21EQUFxQjtBQW9CcEI7SUFBaEIsYUFBYSxFQUFFO3FEQUF1QjsyRkFoRnJDLGlCQUFpQjtrQkFEN0IsU0FBUzttQkFBQyxFQUFFLFFBQVEsRUFBRSxHQUFHLGVBQWUsV0FBVyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7OEJBTXpELElBQUk7c0JBQVosS0FBSztnQkFLbUIsT0FBTztzQkFBL0IsS0FBSztnQkFLaUQsTUFBTTtzQkFBNUQsS0FBSztnQkFLRyxNQUFNO3NCQUFkLEtBQUs7Z0JBS29CLElBQUk7c0JBQTdCLEtBQUs7Z0JBS29CLE1BQU07c0JBQS9CLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFLK0MsU0FBUztzQkFBN0QsS0FBSztnQkFLb0IsUUFBUTtzQkFBakMsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFLRyxVQUFVO3NCQUFsQixLQUFLO2dCQUtvQixVQUFVO3NCQUFuQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5wdXQsIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBYSW5wdXROdW1iZXIsIFhQcm9wZXJ0eSwgWElucHV0Qm9vbGVhbiwgWE51bWJlciwgWEJvb2xlYW4sIFhXaXRoQ29uZmlnIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcblxyXG4vKipcclxuICogUHJvZ3Jlc3NcclxuICogQHNlbGVjdG9yIHgtcHJvZ3Jlc3NcclxuICogQGRlY29yYXRvciBjb21wb25lbnRcclxuICovXHJcbmV4cG9ydCBjb25zdCBYUHJvZ3Jlc3NQcmVmaXggPSAneC1wcm9ncmVzcyc7XHJcbmNvbnN0IFhfQ09ORklHX05BTUUgPSAncHJvZ3Jlc3MnO1xyXG5cclxuLyoqXHJcbiAqIFByb2dyZXNzIFByb3BlcnR5XHJcbiAqL1xyXG5AQ29tcG9uZW50KHsgc2VsZWN0b3I6IGAke1hQcm9ncmVzc1ByZWZpeH0tcHJvcGVydHlgLCB0ZW1wbGF0ZTogJycgfSlcclxuZXhwb3J0IGNsYXNzIFhQcm9ncmVzc1Byb3BlcnR5IGV4dGVuZHMgWFByb3BlcnR5IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g6L+b5bqm5p2h57G75Z6LXHJcbiAgICogQGVuX1VTIFByb2dyZXNzIGJhciB0eXBlXHJcbiAgICovXHJcbiAgQElucHV0KCkgdHlwZTogWFByb2dyZXNzVHlwZSA9ICdsaW5lJztcclxuICAvKipcclxuICAgKiBAemhfQ04g5pi+56S66L+b5bqmIDAtMTAwXHJcbiAgICogQGVuX1VTIFNob3cgcHJvZ3Jlc3MgMC0xMDBcclxuICAgKi9cclxuICBASW5wdXQoKSBAWElucHV0TnVtYmVyKCkgcGVyY2VudDogWE51bWJlciA9IDA7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOi/m+W6puadoemrmOW6plxyXG4gICAqIEBlbl9VUyBIZWlnaHQgb2YgcHJvZ3Jlc3MgYmFyXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPHN0cmluZz4oWF9DT05GSUdfTkFNRSwgJzAuNXJlbScpIGhlaWdodD86IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g54q25oCBXHJcbiAgICogQGVuX1VTIFN0YXR1c1xyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHN0YXR1czogWFByb2dyZXNzU3RhdHVzID0gJ25vcm1hbCc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaYr+WQpuaYvuekuueZvuWIhuavlOaWh+acrFxyXG4gICAqIEBlbl9VUyBXaGV0aGVyIHRvIGRpc3BsYXkgcGVyY2VudGFnZSB0ZXh0XHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhJbnB1dEJvb2xlYW4oKSBpbmZvOiBYQm9vbGVhbiA9IHRydWU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOeZvuWIhuavlOaWh+acrOaYr+WQpuaYvuekuuWcqOi/m+W6puadoemHjOmdolxyXG4gICAqIEBlbl9VUyBXaGV0aGVyIHRoZSBwZXJjZW50YWdlIHRleHQgaXMgZGlzcGxheWVkIGluIHRoZSBwcm9ncmVzcyBiYXJcclxuICAgKi9cclxuICBASW5wdXQoKSBAWElucHV0Qm9vbGVhbigpIGluc2lkZT86IFhCb29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDoh6rlrprkuYnnmb7liIbmr5TmlofmnKzlhoXlrrlcclxuICAgKiBAZW5fVVMgQ3VzdG9tIHBlcmNlbnRhZ2UgdGV4dCBjb250ZW50XHJcbiAgICovXHJcbiAgQElucHV0KCkgZm9ybWF0PzogRnVuY3Rpb247XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOiHquWumuS5ieminOiJslxyXG4gICAqIEBlbl9VUyBDdXN0b20gY29sb3JcclxuICAgKi9cclxuICBASW5wdXQoKSBjb2xvcj86IFhQcm9ncmVzc0NvbG9yO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmuJDlj5jpopzoibJcclxuICAgKiBAZW5fVVMgR3JhZGllbnQgY29sb3JcclxuICAgKi9cclxuICBASW5wdXQoKSBncmFkaWVudD86IFhQcm9ncmVzc0dyYWRpZW50O1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmraXpqqTov5vluqbmnaFcclxuICAgKiBAZW5fVVMgU3RlcHMgcHJvZ3Jlc3MgYmFyXHJcbiAgICovXHJcbiAgQElucHV0KCkgc3RlcHM/OiBudW1iZXI7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWNleS4quatpemqpOeahOWuveW6plxyXG4gICAqIEBlbl9VUyBTaW5nbGUgc3RlcCB3aWR0aFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYV2l0aENvbmZpZzxzdHJpbmc+KFhfQ09ORklHX05BTUUsICcxcmVtJykgc3RlcFdpZHRoPzogc3RyaW5nO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDljZXkuKrmraXpqqTnmoTlrr3luqboh6rpgILlupRcclxuICAgKiBAZW5fVVMgU2luZ2xlIHN0ZXAgd2lkdGggZmxleFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYSW5wdXRCb29sZWFuKCkgc3RlcEZsZXg/OiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5ZyG546vL+S7quihqOebmOWOmuW6plxyXG4gICAqIEBlbl9VUyBSaW5nIHRoaWNrbmVzc1xyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHRoaWNrbmVzcz86IHN0cmluZyA9ICcwLjVyZW0nO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlnIbnjq8v5Luq6KGo55uY5bC65a+4XHJcbiAgICogQGVuX1VTIFJpbmcgc2l6ZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHNpemU/OiBzdHJpbmcgPSAnNXJlbSc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOS7quihqOebmOe8uuWPo+inkuW6piAwfjMwMFxyXG4gICAqIEBlbl9VUyBEYXNoYm9hcmQgbm90Y2ggYW5nbGVcclxuICAgKi9cclxuICBASW5wdXQoKSBub3RjaEFuZ2xlPzogbnVtYmVyID0gODA7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWIhuauteaYvuekuuminOiJsu+8jOWPqumAgueUqCB0eXBlID0gJ2xpbmUnXHJcbiAgICogQGVuX1VTIFNlZ21lbnRhdGlvbiBkaXNwbGF5IGNvbG9yLCBvbmx5IHVzZSBvZiB0eXBlID0gJ2xpbmUnXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhJbnB1dEJvb2xlYW4oKSBzdWJzZWN0aW9uPzogWEJvb2xlYW47XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBAemhfQ04g6L+b5bqm5p2h57G75Z6LXHJcbiAqIEBlbl9VUyBQcm9ncmVzcyBiYXIgdHlwZVxyXG4gKi9cclxuZXhwb3J0IHR5cGUgWFByb2dyZXNzVHlwZSA9ICdsaW5lJyB8ICdjaXJjbGUnIHwgJ2Rhc2hib2FyZCc7XHJcblxyXG4vKipcclxuICogQHpoX0NOIOi/m+W6puadoeminOiJslxyXG4gKiBAZW5fVVMgUHJvZ3Jlc3MgYmFyIGNvbG9yXHJcbiAqL1xyXG5leHBvcnQgdHlwZSBYUHJvZ3Jlc3NDb2xvciA9IHN0cmluZyB8IFhQcm9ncmVzc0NvbG9yTm9kZVtdIHwgRnVuY3Rpb247XHJcblxyXG4vKipcclxuICogQHpoX0NOIOi/m+W6puadoeiKgueCueminOiJslxyXG4gKiBAZW5fVVMgUHJvZ3Jlc3MgYmFyIG5vZGUgY29sb3JcclxuICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgWFByb2dyZXNzQ29sb3JOb2RlIHtcclxuICAvKipcclxuICAgKiBAemhfQ04g6aKc6ImyXHJcbiAgICogQGVuX1VTIENvbG9yXHJcbiAgICovXHJcbiAgY29sb3I6IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g55m+5YiG5q+UXHJcbiAgICogQGVuX1VTIFBlcmNlbnRcclxuICAgKi9cclxuICBwZXJjZW50OiBudW1iZXI7XHJcbn1cclxuLyoqXHJcbiAqIEB6aF9DTiDnirbmgIFcclxuICogQGVuX1VTIFN0YXR1c1xyXG4gKi9cclxuZXhwb3J0IHR5cGUgWFByb2dyZXNzU3RhdHVzID0gJ25vcm1hbCcgfCAnYWN0aXZlJyB8ICdzdWNjZXNzJyB8ICdleGNlcHRpb24nIHwgJ3dhcm5pbmcnO1xyXG5cclxuLyoqXHJcbiAqIEB6aF9DTiDmuJDlj5jpopzoibJcclxuICogQGVuX1VTIEdyYWRpZW50IGNvbG9yXHJcbiAqL1xyXG5leHBvcnQgdHlwZSBYUHJvZ3Jlc3NHcmFkaWVudCA9IHsgZGlyZWN0aW9uPzogc3RyaW5nIH0gJiAoeyBmcm9tOiBzdHJpbmc7IHRvOiBzdHJpbmcgfSB8IHsgW3BlcmNlbnQ6IHN0cmluZ106IHN0cmluZyB9KTtcclxuIl19
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MucHJvcGVydHkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9wcm9ncmVzcy9wcm9ncmVzcy5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLFVBQVUsRUFBRSxNQUFNLGtCQUFrQixDQUFDOztBQUc5Rjs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLFlBQVksQ0FBQztBQUM1QyxNQUFNLHNCQUFzQixHQUFHLFVBQVUsQ0FBQztBQUUxQzs7R0FFRztBQUVILE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxpQkFBaUIsQ0FBQyxzQkFBc0IsQ0FBQztJQURoRjs7UUFFRTs7O1dBR0c7UUFDTSxTQUFJLEdBQUcsS0FBSyxDQUFnQixNQUFNLENBQUMsQ0FBQztRQUM3Qzs7O1dBR0c7UUFDTSxZQUFPLEdBQUcsS0FBSyxDQUFrQixDQUFDLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQztRQUN2RTs7O1dBR0c7UUFDTSxXQUFNLEdBQUcsS0FBSyxDQUFrQixJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sSUFBSSxNQUFNLEVBQUUsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDO1FBQ3pHOzs7V0FHRztRQUNNLFdBQU0sR0FBRyxLQUFLLENBQWtCLFFBQVEsQ0FBQyxDQUFDO1FBQ25EOzs7V0FHRztRQUNNLFNBQUksR0FBRyxLQUFLLENBQW9CLElBQUksRUFBRSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO1FBQzFFOzs7V0FHRztRQUNNLGNBQVMsR0FBRyxLQUFLLENBQWtCLFFBQVEsRUFBRSxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7UUFDdkY7OztXQUdHO1FBQ00sV0FBTSxHQUFHLEtBQUssQ0FBb0IsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7UUFDN0U7OztXQUdHO1FBQ00sV0FBTSxHQUFHLEtBQUssRUFBK0IsQ0FBQztRQUN2RDs7O1dBR0c7UUFDTSxVQUFLLEdBQUcsS0FBSyxFQUFrQixDQUFDO1FBQ3pDOzs7V0FHRztRQUNNLGFBQVEsR0FBRyxLQUFLLEVBQXFCLENBQUM7UUFDL0M7OztXQUdHO1FBQ00sVUFBSyxHQUFHLEtBQUssQ0FBeUIsSUFBSSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUM7UUFDL0U7OztXQUdHO1FBQ00sY0FBUyxHQUFHLEtBQUssQ0FBa0IsTUFBTSxFQUFFLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQztRQUNyRjs7O1dBR0c7UUFDTSxhQUFRLEdBQUcsS0FBSyxDQUFvQixLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FBQztRQUMvRTs7O1dBR0c7UUFDTSxjQUFTLEdBQUcsS0FBSyxDQUFrQixNQUFNLEVBQUUsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDO1FBQ3JGOzs7V0FHRztRQUNNLFNBQUksR0FBRyxLQUFLLENBQWtCLE1BQU0sRUFBRSxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7UUFDaEY7OztXQUdHO1FBQ00sZUFBVSxHQUFHLEtBQUssQ0FBa0IsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUM7UUFDM0U7OztXQUdHO1FBQ00sZUFBVSxHQUFHLEtBQUssQ0FBb0IsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7S0FDbEY7aUlBdEZZLGlCQUFpQjtxSEFBakIsaUJBQWlCLG1yRUFEa0MsRUFBRTs7MkZBQ3JELGlCQUFpQjtrQkFEN0IsU0FBUzttQkFBQyxFQUFFLFFBQVEsRUFBRSxHQUFHLGVBQWUsV0FBVyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFhQcm9wZXJ0eUZ1bmN0aW9uLCBYVG9OdW1iZXIsIFhUb0Nzc1BpeGVsVmFsdWUsIFhUb0Jvb2xlYW4gfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuaW1wb3J0IHR5cGUgeyBYTnVtYmVyLCBYQm9vbGVhbiB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqIFByb2dyZXNzXHJcbiAqIEBzZWxlY3RvciB4LXByb2dyZXNzXHJcbiAqIEBkZWNvcmF0b3IgY29tcG9uZW50XHJcbiAqL1xyXG5leHBvcnQgY29uc3QgWFByb2dyZXNzUHJlZml4ID0gJ3gtcHJvZ3Jlc3MnO1xyXG5jb25zdCBYX1BST0dSRVNTX0NPTkZJR19OQU1FID0gJ3Byb2dyZXNzJztcclxuXHJcbi8qKlxyXG4gKiBQcm9ncmVzcyBQcm9wZXJ0eVxyXG4gKi9cclxuQENvbXBvbmVudCh7IHNlbGVjdG9yOiBgJHtYUHJvZ3Jlc3NQcmVmaXh9LXByb3BlcnR5YCwgdGVtcGxhdGU6ICcnIH0pXHJcbmV4cG9ydCBjbGFzcyBYUHJvZ3Jlc3NQcm9wZXJ0eSBleHRlbmRzIFhQcm9wZXJ0eUZ1bmN0aW9uKFhfUFJPR1JFU1NfQ09ORklHX05BTUUpIHtcclxuICAvKipcclxuICAgKiBAemhfQ04g6L+b5bqm5p2h57G75Z6LXHJcbiAgICogQGVuX1VTIFByb2dyZXNzIGJhciB0eXBlXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgdHlwZSA9IGlucHV0PFhQcm9ncmVzc1R5cGU+KCdsaW5lJyk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaYvuekuui/m+W6piAwLTEwMFxyXG4gICAqIEBlbl9VUyBTaG93IHByb2dyZXNzIDAtMTAwXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgcGVyY2VudCA9IGlucHV0PG51bWJlciwgWE51bWJlcj4oMCwgeyB0cmFuc2Zvcm06IFhUb051bWJlciB9KTtcclxuICAvKipcclxuICAgKiBAemhfQ04g6L+b5bqm5p2h6auY5bqmXHJcbiAgICogQGVuX1VTIEhlaWdodCBvZiBwcm9ncmVzcyBiYXJcclxuICAgKi9cclxuICByZWFkb25seSBoZWlnaHQgPSBpbnB1dDxzdHJpbmcsIFhOdW1iZXI+KHRoaXMuY29uZmlnPy5oZWlnaHQgPz8gJzFyZW0nLCB7IHRyYW5zZm9ybTogWFRvQ3NzUGl4ZWxWYWx1ZSB9KTtcclxuICAvKipcclxuICAgKiBAemhfQ04g54q25oCBXHJcbiAgICogQGVuX1VTIFN0YXR1c1xyXG4gICAqL1xyXG4gIHJlYWRvbmx5IHN0YXR1cyA9IGlucHV0PFhQcm9ncmVzc1N0YXR1cz4oJ25vcm1hbCcpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmmK/lkKbmmL7npLrnmb7liIbmr5TmlofmnKzkv6Hmga9cclxuICAgKiBAZW5fVVMgV2hldGhlciB0byBkaXNwbGF5IHBlcmNlbnRhZ2UgdGV4dFxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IGluZm8gPSBpbnB1dDxib29sZWFuLCBYQm9vbGVhbj4odHJ1ZSwgeyB0cmFuc2Zvcm06IFhUb0Jvb2xlYW4gfSk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaWh+acrOS/oeaBr+WuveW6plxyXG4gICAqIEBlbl9VUyBUaGUgd2lkdGggb2YgdGhlIHRleHQgaW5mb3JtYXRpb25cclxuICAgKi9cclxuICByZWFkb25seSBpbmZvV2lkdGggPSBpbnB1dDxzdHJpbmcsIFhOdW1iZXI+KCczLjVyZW0nLCB7IHRyYW5zZm9ybTogWFRvQ3NzUGl4ZWxWYWx1ZSB9KTtcclxuICAvKipcclxuICAgKiBAemhfQ04g55m+5YiG5q+U5paH5pys5piv5ZCm5pi+56S65Zyo6L+b5bqm5p2h6YeM6Z2iXHJcbiAgICogQGVuX1VTIFdoZXRoZXIgdGhlIHBlcmNlbnRhZ2UgdGV4dCBpcyBkaXNwbGF5ZWQgaW4gdGhlIHByb2dyZXNzIGJhclxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IGluc2lkZSA9IGlucHV0PGJvb2xlYW4sIFhCb29sZWFuPihmYWxzZSwgeyB0cmFuc2Zvcm06IFhUb0Jvb2xlYW4gfSk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOiHquWumuS5ieeZvuWIhuavlOaWh+acrOWGheWuuVxyXG4gICAqIEBlbl9VUyBDdXN0b20gcGVyY2VudGFnZSB0ZXh0IGNvbnRlbnRcclxuICAgKi9cclxuICByZWFkb25seSBmb3JtYXQgPSBpbnB1dDwocGVyY2VudDogbnVtYmVyKSA9PiBzdHJpbmc+KCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOiHquWumuS5ieminOiJslxyXG4gICAqIEBlbl9VUyBDdXN0b20gY29sb3JcclxuICAgKi9cclxuICByZWFkb25seSBjb2xvciA9IGlucHV0PFhQcm9ncmVzc0NvbG9yPigpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmuJDlj5jpopzoibJcclxuICAgKiBAZW5fVVMgR3JhZGllbnQgY29sb3JcclxuICAgKi9cclxuICByZWFkb25seSBncmFkaWVudCA9IGlucHV0PFhQcm9ncmVzc0dyYWRpZW50PigpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmraXpqqTov5vluqbmnaFcclxuICAgKiBAZW5fVVMgU3RlcHMgcHJvZ3Jlc3MgYmFyXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgc3RlcHMgPSBpbnB1dDxudW1iZXIgfCBudWxsLCBYTnVtYmVyPihudWxsLCB7IHRyYW5zZm9ybTogWFRvTnVtYmVyIH0pO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDljZXkuKrmraXpqqTnmoTlrr3luqZcclxuICAgKiBAZW5fVVMgU2luZ2xlIHN0ZXAgd2lkdGhcclxuICAgKi9cclxuICByZWFkb25seSBzdGVwV2lkdGggPSBpbnB1dDxzdHJpbmcsIFhOdW1iZXI+KCcycmVtJywgeyB0cmFuc2Zvcm06IFhUb0Nzc1BpeGVsVmFsdWUgfSk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWNleS4quatpemqpOeahOWuveW6puiHqumAguW6lFxyXG4gICAqIEBlbl9VUyBTaW5nbGUgc3RlcCB3aWR0aCBmbGV4XHJcbiAgICovXHJcbiAgcmVhZG9ubHkgc3RlcEZsZXggPSBpbnB1dDxib29sZWFuLCBYQm9vbGVhbj4oZmFsc2UsIHsgdHJhbnNmb3JtOiBYVG9Cb29sZWFuIH0pO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlnIbnjq8v5Luq6KGo55uY5Y6a5bqmXHJcbiAgICogQGVuX1VTIFJpbmcgdGhpY2tuZXNzXHJcbiAgICovXHJcbiAgcmVhZG9ubHkgdGhpY2tuZXNzID0gaW5wdXQ8c3RyaW5nLCBYTnVtYmVyPignMXJlbScsIHsgdHJhbnNmb3JtOiBYVG9Dc3NQaXhlbFZhbHVlIH0pO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlnIbnjq8v5Luq6KGo55uY5bC65a+4XHJcbiAgICogQGVuX1VTIFJpbmcgc2l6ZVxyXG4gICAqL1xyXG4gIHJlYWRvbmx5IHNpemUgPSBpbnB1dDxzdHJpbmcsIFhOdW1iZXI+KCc4cmVtJywgeyB0cmFuc2Zvcm06IFhUb0Nzc1BpeGVsVmFsdWUgfSk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOS7quihqOebmOe8uuWPo+inkuW6piAwfjMwMFxyXG4gICAqIEBlbl9VUyBEYXNoYm9hcmQgbm90Y2ggYW5nbGVcclxuICAgKi9cclxuICByZWFkb25seSBub3RjaEFuZ2xlID0gaW5wdXQ8bnVtYmVyLCBYTnVtYmVyPig4MCwgeyB0cmFuc2Zvcm06IFhUb051bWJlciB9KTtcclxuICAvKipcclxuICAgKiBAemhfQ04g5YiG5q615pi+56S66aKc6Imy77yM5Y+q6YCC55SoIHR5cGUgPSAnbGluZSdcclxuICAgKiBAZW5fVVMgU2VnbWVudGF0aW9uIGRpc3BsYXkgY29sb3IsIG9ubHkgdXNlIG9mIHR5cGUgPSAnbGluZSdcclxuICAgKi9cclxuICByZWFkb25seSBzdWJzZWN0aW9uID0gaW5wdXQ8Ym9vbGVhbiwgWEJvb2xlYW4+KGZhbHNlLCB7IHRyYW5zZm9ybTogWFRvQm9vbGVhbiB9KTtcclxufVxyXG5cclxuLyoqXHJcbiAqIEB6aF9DTiDov5vluqbmnaHnsbvlnotcclxuICogQGVuX1VTIFByb2dyZXNzIGJhciB0eXBlXHJcbiAqL1xyXG5leHBvcnQgdHlwZSBYUHJvZ3Jlc3NUeXBlID0gJ2xpbmUnIHwgJ2NpcmNsZScgfCAnZGFzaGJvYXJkJztcclxuXHJcbi8qKlxyXG4gKiBAemhfQ04g6L+b5bqm5p2h6aKc6ImyXHJcbiAqIEBlbl9VUyBQcm9ncmVzcyBiYXIgY29sb3JcclxuICovXHJcbmV4cG9ydCB0eXBlIFhQcm9ncmVzc0NvbG9yID0gc3RyaW5nIHwgWFByb2dyZXNzQ29sb3JOb2RlW10gfCBGdW5jdGlvbjtcclxuXHJcbi8qKlxyXG4gKiBAemhfQ04g6L+b5bqm5p2h6IqC54K56aKc6ImyXHJcbiAqIEBlbl9VUyBQcm9ncmVzcyBiYXIgbm9kZSBjb2xvclxyXG4gKi9cclxuZXhwb3J0IGludGVyZmFjZSBYUHJvZ3Jlc3NDb2xvck5vZGUge1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDpopzoibJcclxuICAgKiBAZW5fVVMgQ29sb3JcclxuICAgKi9cclxuICBjb2xvcjogc3RyaW5nO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDnmb7liIbmr5RcclxuICAgKiBAZW5fVVMgUGVyY2VudFxyXG4gICAqL1xyXG4gIHBlcmNlbnQ6IG51bWJlcjtcclxufVxyXG4vKipcclxuICogQHpoX0NOIOeKtuaAgVxyXG4gKiBAZW5fVVMgU3RhdHVzXHJcbiAqL1xyXG5leHBvcnQgdHlwZSBYUHJvZ3Jlc3NTdGF0dXMgPSAnbm9ybWFsJyB8ICdhY3RpdmUnIHwgJ3N1Y2Nlc3MnIHwgJ2V4Y2VwdGlvbicgfCAnd2FybmluZyc7XHJcblxyXG4vKipcclxuICogQHpoX0NOIOa4kOWPmOminOiJslxyXG4gKiBAZW5fVVMgR3JhZGllbnQgY29sb3JcclxuICovXHJcbmV4cG9ydCB0eXBlIFhQcm9ncmVzc0dyYWRpZW50ID0geyBkaXJlY3Rpb24/OiBzdHJpbmcgfSAmICh7IGZyb206IHN0cmluZzsgdG86IHN0cmluZyB9IHwgeyBbcGVyY2VudDogc3RyaW5nXTogc3RyaW5nIH0pO1xyXG4iXX0=

package/esm2022/radio/radio.component.mjs

@@ -1,7 +1,7 @@
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ChangeDetectorRef, ViewChild, TemplateRef, inject } from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, ElementRef, TemplateRef, viewChild, signal, computed } from '@angular/core';
 import { XRadioPrefix, XRadioProperty } from './radio.property';
 import { Subject } from 'rxjs';
-import { XIsChange, XSetData, XClearClass, XConfigService } from '@ng-nest/ui/core';
+import { XIsChange, XSetData } from '@ng-nest/ui/core';
 import { XValueAccessor } from '@ng-nest/ui/base-form';
 import { NgClass } from '@angular/common';
 import { FormsModule } from '@angular/forms';
@@ -12,88 +12,72 @@ import * as i0 from "@angular/core";
 export class XRadioComponent extends XRadioProperty {
     constructor() {
         super(...arguments);
-        this.nodes = [];
-        this._unSubject = new Subject();
-        this.renderer = inject(Renderer2);
-        this.cdr = inject(ChangeDetectorRef);
-        this.configService = inject(XConfigService);
-    }
-    get beforeIsTemplate() {
-        return this.before instanceof TemplateRef;
-    }
-    get afterIsTemplate() {
-        return this.after instanceof TemplateRef;
-    }
-    ngOnInit() {
-        this.setFlex(this.radio.nativeElement, this.renderer, this.justify, this.align, this.direction);
-        this.setClassMap();
-        this.setRadioType();
+        this.radio = viewChild.required('radio', { read: (ElementRef) });
+        this.nodes = signal([]);
+        this.unSubject = new Subject();
+        this.beforeIsTemplate = computed(() => this.before() instanceof TemplateRef);
+        this.afterIsTemplate = computed(() => this.after() instanceof TemplateRef);
+        this.classMap = computed(() => ({
+            [`x-justify-${this.justify()}`]: !!this.justify(),
+            [`x-align-${this.align()}`]: !!this.align(),
+            [`x-direction-${this.direction()}`]: !!this.direction()
+        }));
+        this.labelMapSignal = computed(() => ({
+            [`x-text-align-${this.labelAlign()}`]: !!this.labelAlign()
+        }));
+        this.radioType = computed(() => {
+            if (this.button()) {
+                return 'button';
+            }
+            else if (this.icon()) {
+                return 'icon';
+            }
+            else if (this.tag()) {
+                return 'tag';
+            }
+            else {
+                return 'initial';
+            }
+        });
     }
     ngOnChanges(changes) {
         const { data } = changes;
         XIsChange(data) && this.setData();
     }
     ngOnDestroy() {
-        this._unSubject.next();
-        this._unSubject.unsubscribe();
+        this.unSubject.next();
+        this.unSubject.complete();
     }
     writeValue(value) {
-        this.value = value;
-        this.cdr.detectChanges();
-    }
-    setClassMap() {
-        XClearClass(this.labelMap);
-        this.labelMap[`x-text-align-${this.labelAlign}`] = this.labelAlign ? true : false;
-    }
-    setRadioType() {
-        if (this.button) {
-            this.radioType = 'button';
-        }
-        else if (this.icon) {
-            this.radioType = 'icon';
-        }
-        else if (this.tag) {
-            this.radioType = 'tag';
-        }
-        else {
-            this.radioType = 'initial';
-        }
-        this.cdr.detectChanges();
+        this.value.set(value);
     }
     radioClick(event, node) {
         event.preventDefault();
-        if (this.disabled || node.disabled || (!this.allowCancel && node.id === this.value))
+        if (this.disabledComputed() || node.disabled || (!this.allowCancel() && node.id === this.value()))
             return;
         this.formControlValidator();
-        if (this.allowCancel && node.id === this.value) {
-            this.value = null;
+        if (this.allowCancel() && node.id === this.value()) {
+            this.value.set(null);
         }
         else {
-            this.value = node.id;
+            this.value.set(node.id);
         }
-        this.cdr.detectChanges();
         if (this.onChange)
-            this.onChange(this.value);
+            this.onChange(this.value());
     }
     setData() {
-        XSetData(this.data, this._unSubject).subscribe((x) => {
-            this.nodes = x;
-            this.cdr.detectChanges();
+        XSetData(this.data(), this.unSubject).subscribe((x) => {
+            this.nodes.set(x);
         });
     }
     formControlChanges() {
         this.setData();
-        this.ngOnInit();
-        this.cdr.detectChanges();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: XRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: XRadioComponent, isStandalone: true, selector: "x-radio", providers: [XValueAccessor(XRadioComponent)], viewQueries: [{ propertyName: "radio", first: true, predicate: ["radio"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #radio\r\n  class=\"x-radio\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n  [class.x-radio-button]=\"button\"\r\n  [class.x-radio-icon]=\"icon\"\r\n  [class.x-radio-vertical]=\"vertical\"\r\n  [class.x-radio-after]=\"after\"\r\n  [class.x-radio-before]=\"before\"\r\n  [class.x-radio-after-template]=\"afterIsTemplate\"\r\n  [class.x-radio-before-template]=\"beforeIsTemplate\"\r\n>\r\n  @if (label) {\r\n    <label [class.x-radio-label-required]=\"required\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  }\r\n  <div class=\"x-radio-row\">\r\n    @if (before) {\r\n      <div class=\"x-radio-row-before\">\r\n        <ng-container *xOutlet=\"before\">{{ before }}</ng-container>\r\n      </div>\r\n    }\r\n    <div class=\"x-radio-row-list\">\r\n      @switch (radioType) {\r\n        @case ('initial') {\r\n          @for (item of nodes; track item.id) {\r\n            <div\r\n              class=\"x-radio-row-item\"\r\n              [class.x-checked]=\"item.id === value\"\r\n              [class.x-disabled]=\"disabled || item.disabled\"\r\n              (click)=\"radioClick($event, item)\"\r\n            >\r\n              <span class=\"x-radio-box\"></span>\r\n              <span class=\"x-radio-label\">{{ item.label }}</span>\r\n            </div>\r\n          }\r\n        }\r\n        @case ('button') {\r\n          <x-buttons>\r\n            @for (item of nodes; track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon\"\r\n                [size]=\"size\"\r\n                [type]=\"type\"\r\n                [activated]=\"item.id === value\"\r\n                [disabled]=\"disabled || item.disabled\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('icon') {\r\n          <x-buttons>\r\n            @for (item of nodes; track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon\"\r\n                [size]=\"size\"\r\n                [type]=\"type\"\r\n                [activated]=\"item.id === value\"\r\n                [disabled]=\"disabled || item.disabled\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('tag') {\r\n          @for (item of nodes; track item.id) {\r\n            <x-tag\r\n              checked\r\n              manual\r\n              [type]=\"type\"\r\n              [size]=\"size\"\r\n              [bordered]=\"tagBordered\"\r\n              [dark]=\"tagDark\"\r\n              [disabled]=\"disabled! || item.disabled!\"\r\n              [selected]=\"value === item.id\"\r\n              (click)=\"radioClick($event, item)\"\r\n              >{{ item.label }}</x-tag\r\n            >\r\n          }\r\n        }\r\n      }\r\n    </div>\r\n    @if (after) {\r\n      <div class=\"x-radio-row-after\">\r\n        <ng-container *xOutlet=\"after\">{{ after }}</ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".x-radio{margin:0;padding:0;width:100%}.x-radio.x-flex{display:flex}.x-radio.x-justify-start{justify-content:flex-start}.x-radio.x-justify-center{justify-content:center}.x-radio.x-justify-end{justify-content:flex-end}.x-radio.x-justify-space-between{justify-content:space-between}.x-radio.x-justify-space-around{justify-content:space-around}.x-radio.x-align-start{align-items:flex-start}.x-radio.x-align-center{align-items:center}.x-radio.x-align-end{align-items:flex-end}.x-radio.x-direction-column{flex-direction:column}.x-radio.x-direction-column-reverse{flex-direction:column-reverse}.x-radio.x-direction-row{flex-direction:row}.x-radio.x-direction-row-reverse{flex-direction:row-reverse}.x-radio>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-radio>label.x-text-align-start{text-align:start}.x-radio>label.x-text-align-center{text-align:center}.x-radio>label.x-text-align-end{text-align:end}.x-radio-row{flex:1;display:flex;align-items:center;flex-wrap:wrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem)}.x-radio-row .x-radio-row-before,.x-radio-row .x-radio-row-after{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);background-color:var(--x-background-a100);padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-radio-row-list{position:relative;display:inline-flex;align-items:center}.x-radio-row-list x-tag:not(:first-child){margin-left:.875rem}.x-radio-row-item{position:relative;display:inline-flex;align-items:center;white-space:nowrap;outline:none;margin-right:.875rem;font-size:.875rem;cursor:pointer;transition:all .3s}.x-radio-row-item:hover{color:var(--x-primary)}.x-radio-row-item:hover .x-radio-box{border-color:var(--x-primary)}.x-radio-row-item:last-child{margin-right:0}.x-radio-row-item.x-checked .x-radio-box{border-color:var(--x-primary)}.x-radio-row-item.x-checked .x-radio-box:after{transform:scale(1);opacity:1}.x-radio-row-item.x-disabled{color:var(--x-text-400);cursor:not-allowed}.x-radio-row-item.x-disabled .x-radio-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-radio-row-item.x-disabled .x-radio-box:after{background-color:var(--x-text-400)}.x-radio-button .x-radio-row-before,.x-radio-icon .x-radio-row-before{margin-right:0}.x-radio-button .x-radio-row-after,.x-radio-icon .x-radio-row-after{margin-left:0}.x-radio-vertical .x-radio-row-list{flex-direction:column;align-items:flex-start}.x-radio-vertical .x-radio-row-list x-tag{margin-left:0}.x-radio-vertical .x-radio-row-list x-tag:not(:first-child){margin-top:.25rem}.x-radio-vertical .x-radio-row-item{margin-right:0}.x-radio-vertical .x-radio-row-item:not(:first-child){margin-top:.25rem}.x-radio-box{border:.0625rem solid var(--x-border);border-radius:100%;width:1rem;height:1rem;background-color:var(--x-background-a100);position:relative;box-sizing:border-box;transition:all .3s;display:inline-flex;align-items:center;justify-content:center}.x-radio-box:hover{border-color:var(--x-primary)}.x-radio-box:after{position:absolute;display:inline-block;width:.5rem;height:.5rem;background-color:var(--x-primary);border-radius:1rem;transform:scale(0);opacity:0;transition:all .3s cubic-bezier(.78,.14,.15,.86);content:\" \"}.x-radio-label{margin-left:.325rem}.x-radio-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-radio-before:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-before{margin-right:var(--x-padding-medium)}.x-radio-before.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button,.x-radio-before.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-before.x-radio-button .x-radio-row-before,.x-radio-before.x-radio-icon .x-radio-row-before{margin-right:0;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-before-template .x-radio-row-before{display:contents}.x-radio-before-template .x-radio-row-list{margin-left:var(--x-padding-medium)}.x-radio-before-template.x-radio-button .x-radio-row-list,.x-radio-before-template.x-radio-icon .x-radio-row-list{margin-left:0}.x-radio-before-template.x-radio-button .x-radio-row-list .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button{margin-left:calc(var(--x-border-width) * -1)}.x-radio-before-template.x-radio-button .x-radio-row-list .x-button:hover,.x-radio-before-template.x-radio-button .x-radio-row-list .x-button:focus,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button:hover,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button:focus{z-index:1}.x-radio-before-template.x-radio-button .x-radio-row-before input:hover,.x-radio-before-template.x-radio-button .x-radio-row-before input:focus,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button:hover,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button:focus,.x-radio-before-template.x-radio-icon .x-radio-row-before input:hover,.x-radio-before-template.x-radio-icon .x-radio-row-before input:focus,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button:hover,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button:focus{z-index:1}.x-radio-before-template.x-radio-button .x-radio-row-before input,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-before input,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-after{margin-left:var(--x-padding-medium)}.x-radio-after.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button,.x-radio-after.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after.x-radio-button .x-radio-row-after,.x-radio-after.x-radio-icon .x-radio-row-after{margin-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-after-template .x-radio-row-after{display:contents}.x-radio-after-template .x-radio-row-list{margin-right:var(--x-padding-medium)}.x-radio-after-template.x-radio-button .x-radio-row-list,.x-radio-after-template.x-radio-icon .x-radio-row-list{margin-right:0}.x-radio-after-template.x-radio-button .x-radio-row-list .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button{margin-right:calc(var(--x-border-width) * -1)}.x-radio-after-template.x-radio-button .x-radio-row-list .x-button:hover,.x-radio-after-template.x-radio-button .x-radio-row-list .x-button:focus,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button:hover,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button:focus{z-index:1}.x-radio-after-template.x-radio-button .x-radio-row-after input:hover,.x-radio-after-template.x-radio-button .x-radio-row-after input:focus,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button:hover,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button:focus,.x-radio-after-template.x-radio-icon .x-radio-row-after input:hover,.x-radio-after-template.x-radio-icon .x-radio-row-after input:focus,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button:hover,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button:focus{z-index:1}.x-radio-after-template.x-radio-button .x-radio-row-after input,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-after input,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio.x-disabled .x-radio-item{color:var(--x-text-400);cursor:not-allowed}.x-radio.x-disabled .x-radio-item .x-radio-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-radio.x-disabled .x-radio-item .x-radio-box:after{background-color:var(--x-text-400)}.x-radio.x-invalid>label,.x-radio.x-required>label{color:var(--x-danger)}.x-radio.x-direction-row>label{padding:0 .5rem 0 0}.x-radio.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-radio.x-direction-column,.x-radio.x-direction-column-reverse{align-items:inherit}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: XTagComponent, selector: "x-tag" }, { 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: XRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: XRadioComponent, isStandalone: true, selector: "x-radio", providers: [XValueAccessor(XRadioComponent)], viewQueries: [{ propertyName: "radio", first: true, predicate: ["radio"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #radio\r\n  class=\"x-radio\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-flex]=\"justify() || align() || direction()\"\r\n  [class.x-disabled]=\"disabledComputed()\"\r\n  [class.x-required]=\"requiredIsEmpty()\"\r\n  [class.x-invalid]=\"invalid()\"\r\n  [class.x-radio-button]=\"button()\"\r\n  [class.x-radio-icon]=\"icon()\"\r\n  [class.x-radio-vertical]=\"vertical()\"\r\n  [class.x-radio-after]=\"after()\"\r\n  [class.x-radio-before]=\"before()\"\r\n  [class.x-radio-after-template]=\"afterIsTemplate()\"\r\n  [class.x-radio-before-template]=\"beforeIsTemplate()\"\r\n>\r\n  @if (label()) {\r\n    <label\r\n      [class.x-radio-label-required]=\"requiredComputed()\"\r\n      [style.width]=\"labelWidth()\"\r\n      [ngClass]=\"labelMapSignal()\"\r\n      >{{ label() }}</label\r\n    >\r\n  }\r\n  <div class=\"x-radio-row\">\r\n    @if (before()) {\r\n      <div class=\"x-radio-row-before\">\r\n        <ng-container *xOutlet=\"before()\">{{ before() }}</ng-container>\r\n      </div>\r\n    }\r\n    <div class=\"x-radio-row-list\">\r\n      @switch (radioType()) {\r\n        @case ('initial') {\r\n          @for (item of nodes(); track item.id) {\r\n            <div\r\n              class=\"x-radio-row-item\"\r\n              [class.x-checked]=\"item.id === value()\"\r\n              [class.x-disabled]=\"disabledComputed() || item.disabled\"\r\n              (click)=\"radioClick($event, item)\"\r\n            >\r\n              <span class=\"x-radio-box\"></span>\r\n              <span class=\"x-radio-label\">{{ item.label }}</span>\r\n            </div>\r\n          }\r\n        }\r\n        @case ('button') {\r\n          <x-buttons boxShadow=\"false\">\r\n            @for (item of nodes(); track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon!\"\r\n                [size]=\"size()\"\r\n                [type]=\"type()\"\r\n                [activated]=\"item.id === value()\"\r\n                [disabled]=\"disabledComputed() || item.disabled!\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                plain\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('icon') {\r\n          <x-buttons boxShadow=\"false\">\r\n            @for (item of nodes(); track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon!\"\r\n                [size]=\"size()\"\r\n                [type]=\"type()\"\r\n                [activated]=\"item.id === value()\"\r\n                [disabled]=\"disabledComputed() || item.disabled!\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                plain\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('tag') {\r\n          @for (item of nodes(); track item.id) {\r\n            <x-tag\r\n              checked\r\n              manual\r\n              [type]=\"type()\"\r\n              [size]=\"size()\"\r\n              [bordered]=\"tagBordered()\"\r\n              [dark]=\"tagDark()\"\r\n              [disabled]=\"disabledComputed() || item.disabled!\"\r\n              [selected]=\"value() === item.id\"\r\n              (click)=\"radioClick($event, item)\"\r\n              >{{ item.label }}</x-tag\r\n            >\r\n          }\r\n        }\r\n      }\r\n    </div>\r\n    @if (after()) {\r\n      <div class=\"x-radio-row-after\">\r\n        <ng-container *xOutlet=\"after()\">{{ after() }}</ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".x-radio{margin:0;padding:0;width:100%}.x-radio.x-flex{display:flex}.x-radio.x-justify-start{justify-content:flex-start}.x-radio.x-justify-center{justify-content:center}.x-radio.x-justify-end{justify-content:flex-end}.x-radio.x-justify-space-between{justify-content:space-between}.x-radio.x-justify-space-around{justify-content:space-around}.x-radio.x-align-start{align-items:flex-start}.x-radio.x-align-center{align-items:center}.x-radio.x-align-end{align-items:flex-end}.x-radio.x-direction-column{flex-direction:column}.x-radio.x-direction-column-reverse{flex-direction:column-reverse}.x-radio.x-direction-row{flex-direction:row}.x-radio.x-direction-row-reverse{flex-direction:row-reverse}.x-radio>label{display:inline-block;white-space:nowrap;height:var(--x-height-medium);line-height:var(--x-height-medium);position:relative;color:var(--x-text-300);font-weight:600}.x-radio>label.x-text-align-start{text-align:start}.x-radio>label.x-text-align-center{text-align:center}.x-radio>label.x-text-align-end{text-align:end}.x-radio-row{flex:1;display:flex;align-items:center;flex-wrap:wrap;height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-radio-row .x-radio-row-before,.x-radio-row .x-radio-row-after{border-radius:var(--x-border-radius);background-color:var(--x-background-a200);padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-radio-row-list{position:relative;display:inline-flex;align-items:center}.x-radio-row-list x-tag:not(:first-child){margin-left:var(--x-font-size)}.x-radio-row-item{position:relative;display:inline-flex;align-items:center;white-space:nowrap;outline:none;margin-right:var(--x-font-size);font-size:var(--x-font-size);cursor:pointer;transition:all .3s}.x-radio-row-item:hover{color:var(--x-primary)}.x-radio-row-item:hover .x-radio-box{border-color:var(--x-primary)}.x-radio-row-item:last-child{margin-right:0}.x-radio-row-item.x-checked .x-radio-box{border-color:var(--x-primary);border-width:.375rem}.x-radio-row-item.x-disabled{color:var(--x-text-400);cursor:not-allowed}.x-radio-row-item.x-disabled .x-radio-box{border-color:var(--x-border-a900);background-color:var(--x-border-300)}.x-radio-row-item.x-disabled .x-radio-box:after{background-color:var(--x-text-400)}.x-radio-button .x-radio-row-before,.x-radio-icon .x-radio-row-before{margin-right:0}.x-radio-button .x-radio-row-after,.x-radio-icon .x-radio-row-after{margin-left:0}.x-radio-vertical .x-radio-row-list{flex-direction:column;align-items:flex-start}.x-radio-vertical .x-radio-row-list x-tag{margin-left:0}.x-radio-vertical .x-radio-row-list x-tag:not(:first-child){margin-top:.25rem}.x-radio-vertical .x-radio-row-item{margin-right:0}.x-radio-vertical .x-radio-row-item:not(:first-child){margin-top:.25rem}.x-radio-box{border:var(--x-border-width) solid var(--x-border);border-radius:100%;width:calc(var(--x-height-medium) - .875rem);height:calc(var(--x-height-medium) - .875rem);background-color:var(--x-background-a100);position:relative;box-sizing:border-box;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.x-radio-box:hover{border-color:var(--x-primary)}.x-radio-label{margin-left:.325rem}.x-radio-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-radio-before:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-before{margin-right:var(--x-padding-medium)}.x-radio-before.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button,.x-radio-before.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-before.x-radio-button .x-radio-row-before,.x-radio-before.x-radio-icon .x-radio-row-before{margin-right:0;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-before-template .x-radio-row-before{display:contents}.x-radio-before-template .x-radio-row-list{margin-left:var(--x-padding-medium)}.x-radio-before-template.x-radio-button .x-radio-row-list,.x-radio-before-template.x-radio-icon .x-radio-row-list,.x-radio-before-template.x-radio-button .x-radio-row-list .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button{margin-left:0}.x-radio-before-template.x-radio-button .x-radio-row-before input,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-before input,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-after{margin-left:var(--x-padding-medium)}.x-radio-after.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button,.x-radio-after.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after.x-radio-button .x-radio-row-after,.x-radio-after.x-radio-icon .x-radio-row-after{margin-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-after-template .x-radio-row-after{display:contents}.x-radio-after-template .x-radio-row-list{margin-right:var(--x-padding-medium)}.x-radio-after-template.x-radio-button .x-radio-row-list,.x-radio-after-template.x-radio-icon .x-radio-row-list,.x-radio-after-template.x-radio-button .x-radio-row-list .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button{margin-right:0}.x-radio-after-template.x-radio-button .x-radio-row-after input,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-after input,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio.x-disabled .x-radio-item{color:var(--x-text-400);cursor:not-allowed}.x-radio.x-disabled .x-radio-item .x-radio-box{border-color:var(--x-border-a900);background-color:var(--x-border-300)}.x-radio.x-disabled .x-radio-item .x-radio-box:after{background-color:var(--x-text-400)}.x-radio.x-invalid>label,.x-radio.x-required>label{color:var(--x-danger)}.x-radio.x-direction-row>label{padding:0 .5rem 0 0}.x-radio.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-radio.x-direction-column,.x-radio.x-direction-column-reverse{align-items:inherit}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: XTagComponent, selector: "x-tag" }, { 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: XRadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XRadioComponent, decorators: [{
             type: Component,
-            args: [{ selector: `${XRadioPrefix}`, standalone: true, imports: [NgClass, FormsModule, XButtonComponent, XButtonsComponent, XTagComponent, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XRadioComponent)], template: "<div\r\n  #radio\r\n  class=\"x-radio\"\r\n  [class.x-flex]=\"justify || align || direction\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-required]=\"requiredIsEmpty\"\r\n  [class.x-invalid]=\"invalid\"\r\n  [class.x-radio-button]=\"button\"\r\n  [class.x-radio-icon]=\"icon\"\r\n  [class.x-radio-vertical]=\"vertical\"\r\n  [class.x-radio-after]=\"after\"\r\n  [class.x-radio-before]=\"before\"\r\n  [class.x-radio-after-template]=\"afterIsTemplate\"\r\n  [class.x-radio-before-template]=\"beforeIsTemplate\"\r\n>\r\n  @if (label) {\r\n    <label [class.x-radio-label-required]=\"required\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n  }\r\n  <div class=\"x-radio-row\">\r\n    @if (before) {\r\n      <div class=\"x-radio-row-before\">\r\n        <ng-container *xOutlet=\"before\">{{ before }}</ng-container>\r\n      </div>\r\n    }\r\n    <div class=\"x-radio-row-list\">\r\n      @switch (radioType) {\r\n        @case ('initial') {\r\n          @for (item of nodes; track item.id) {\r\n            <div\r\n              class=\"x-radio-row-item\"\r\n              [class.x-checked]=\"item.id === value\"\r\n              [class.x-disabled]=\"disabled || item.disabled\"\r\n              (click)=\"radioClick($event, item)\"\r\n            >\r\n              <span class=\"x-radio-box\"></span>\r\n              <span class=\"x-radio-label\">{{ item.label }}</span>\r\n            </div>\r\n          }\r\n        }\r\n        @case ('button') {\r\n          <x-buttons>\r\n            @for (item of nodes; track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon\"\r\n                [size]=\"size\"\r\n                [type]=\"type\"\r\n                [activated]=\"item.id === value\"\r\n                [disabled]=\"disabled || item.disabled\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('icon') {\r\n          <x-buttons>\r\n            @for (item of nodes; track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon\"\r\n                [size]=\"size\"\r\n                [type]=\"type\"\r\n                [activated]=\"item.id === value\"\r\n                [disabled]=\"disabled || item.disabled\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('tag') {\r\n          @for (item of nodes; track item.id) {\r\n            <x-tag\r\n              checked\r\n              manual\r\n              [type]=\"type\"\r\n              [size]=\"size\"\r\n              [bordered]=\"tagBordered\"\r\n              [dark]=\"tagDark\"\r\n              [disabled]=\"disabled! || item.disabled!\"\r\n              [selected]=\"value === item.id\"\r\n              (click)=\"radioClick($event, item)\"\r\n              >{{ item.label }}</x-tag\r\n            >\r\n          }\r\n        }\r\n      }\r\n    </div>\r\n    @if (after) {\r\n      <div class=\"x-radio-row-after\">\r\n        <ng-container *xOutlet=\"after\">{{ after }}</ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".x-radio{margin:0;padding:0;width:100%}.x-radio.x-flex{display:flex}.x-radio.x-justify-start{justify-content:flex-start}.x-radio.x-justify-center{justify-content:center}.x-radio.x-justify-end{justify-content:flex-end}.x-radio.x-justify-space-between{justify-content:space-between}.x-radio.x-justify-space-around{justify-content:space-around}.x-radio.x-align-start{align-items:flex-start}.x-radio.x-align-center{align-items:center}.x-radio.x-align-end{align-items:flex-end}.x-radio.x-direction-column{flex-direction:column}.x-radio.x-direction-column-reverse{flex-direction:column-reverse}.x-radio.x-direction-row{flex-direction:row}.x-radio.x-direction-row-reverse{flex-direction:row-reverse}.x-radio>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-radio>label.x-text-align-start{text-align:start}.x-radio>label.x-text-align-center{text-align:center}.x-radio>label.x-text-align-end{text-align:end}.x-radio-row{flex:1;display:flex;align-items:center;flex-wrap:wrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem)}.x-radio-row .x-radio-row-before,.x-radio-row .x-radio-row-after{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);background-color:var(--x-background-a100);padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-radio-row-list{position:relative;display:inline-flex;align-items:center}.x-radio-row-list x-tag:not(:first-child){margin-left:.875rem}.x-radio-row-item{position:relative;display:inline-flex;align-items:center;white-space:nowrap;outline:none;margin-right:.875rem;font-size:.875rem;cursor:pointer;transition:all .3s}.x-radio-row-item:hover{color:var(--x-primary)}.x-radio-row-item:hover .x-radio-box{border-color:var(--x-primary)}.x-radio-row-item:last-child{margin-right:0}.x-radio-row-item.x-checked .x-radio-box{border-color:var(--x-primary)}.x-radio-row-item.x-checked .x-radio-box:after{transform:scale(1);opacity:1}.x-radio-row-item.x-disabled{color:var(--x-text-400);cursor:not-allowed}.x-radio-row-item.x-disabled .x-radio-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-radio-row-item.x-disabled .x-radio-box:after{background-color:var(--x-text-400)}.x-radio-button .x-radio-row-before,.x-radio-icon .x-radio-row-before{margin-right:0}.x-radio-button .x-radio-row-after,.x-radio-icon .x-radio-row-after{margin-left:0}.x-radio-vertical .x-radio-row-list{flex-direction:column;align-items:flex-start}.x-radio-vertical .x-radio-row-list x-tag{margin-left:0}.x-radio-vertical .x-radio-row-list x-tag:not(:first-child){margin-top:.25rem}.x-radio-vertical .x-radio-row-item{margin-right:0}.x-radio-vertical .x-radio-row-item:not(:first-child){margin-top:.25rem}.x-radio-box{border:.0625rem solid var(--x-border);border-radius:100%;width:1rem;height:1rem;background-color:var(--x-background-a100);position:relative;box-sizing:border-box;transition:all .3s;display:inline-flex;align-items:center;justify-content:center}.x-radio-box:hover{border-color:var(--x-primary)}.x-radio-box:after{position:absolute;display:inline-block;width:.5rem;height:.5rem;background-color:var(--x-primary);border-radius:1rem;transform:scale(0);opacity:0;transition:all .3s cubic-bezier(.78,.14,.15,.86);content:\" \"}.x-radio-label{margin-left:.325rem}.x-radio-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-radio-before:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-before{margin-right:var(--x-padding-medium)}.x-radio-before.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button,.x-radio-before.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-before.x-radio-button .x-radio-row-before,.x-radio-before.x-radio-icon .x-radio-row-before{margin-right:0;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-before-template .x-radio-row-before{display:contents}.x-radio-before-template .x-radio-row-list{margin-left:var(--x-padding-medium)}.x-radio-before-template.x-radio-button .x-radio-row-list,.x-radio-before-template.x-radio-icon .x-radio-row-list{margin-left:0}.x-radio-before-template.x-radio-button .x-radio-row-list .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button{margin-left:calc(var(--x-border-width) * -1)}.x-radio-before-template.x-radio-button .x-radio-row-list .x-button:hover,.x-radio-before-template.x-radio-button .x-radio-row-list .x-button:focus,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button:hover,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button:focus{z-index:1}.x-radio-before-template.x-radio-button .x-radio-row-before input:hover,.x-radio-before-template.x-radio-button .x-radio-row-before input:focus,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button:hover,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button:focus,.x-radio-before-template.x-radio-icon .x-radio-row-before input:hover,.x-radio-before-template.x-radio-icon .x-radio-row-before input:focus,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button:hover,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button:focus{z-index:1}.x-radio-before-template.x-radio-button .x-radio-row-before input,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-before input,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-after{margin-left:var(--x-padding-medium)}.x-radio-after.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button,.x-radio-after.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after.x-radio-button .x-radio-row-after,.x-radio-after.x-radio-icon .x-radio-row-after{margin-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-after-template .x-radio-row-after{display:contents}.x-radio-after-template .x-radio-row-list{margin-right:var(--x-padding-medium)}.x-radio-after-template.x-radio-button .x-radio-row-list,.x-radio-after-template.x-radio-icon .x-radio-row-list{margin-right:0}.x-radio-after-template.x-radio-button .x-radio-row-list .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button{margin-right:calc(var(--x-border-width) * -1)}.x-radio-after-template.x-radio-button .x-radio-row-list .x-button:hover,.x-radio-after-template.x-radio-button .x-radio-row-list .x-button:focus,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button:hover,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button:focus{z-index:1}.x-radio-after-template.x-radio-button .x-radio-row-after input:hover,.x-radio-after-template.x-radio-button .x-radio-row-after input:focus,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button:hover,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button:focus,.x-radio-after-template.x-radio-icon .x-radio-row-after input:hover,.x-radio-after-template.x-radio-icon .x-radio-row-after input:focus,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button:hover,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button:focus{z-index:1}.x-radio-after-template.x-radio-button .x-radio-row-after input,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-after input,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio.x-disabled .x-radio-item{color:var(--x-text-400);cursor:not-allowed}.x-radio.x-disabled .x-radio-item .x-radio-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-radio.x-disabled .x-radio-item .x-radio-box:after{background-color:var(--x-text-400)}.x-radio.x-invalid>label,.x-radio.x-required>label{color:var(--x-danger)}.x-radio.x-direction-row>label{padding:0 .5rem 0 0}.x-radio.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-radio.x-direction-column,.x-radio.x-direction-column-reverse{align-items:inherit}\n"] }]
-        }], propDecorators: { radio: [{
-                type: ViewChild,
-                args: ['radio', { static: true }]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvcmFkaW8vcmFkaW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvcmFkaW8vcmFkaW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxpQkFBaUIsRUFHakIsU0FBUyxFQUNULFdBQVcsRUFDWCxNQUFNLEVBR1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBYyxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM1RSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNwRixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdkQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBWXRELE1BQU0sT0FBTyxlQUFnQixTQUFRLGNBQWM7SUFWbkQ7O1FBWUUsVUFBSyxHQUFpQixFQUFFLENBQUM7UUFFakIsZUFBVSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFVakMsYUFBUSxHQUFHLE1BQU0sQ0FBQyxTQUFT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QUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFTyxPQUFPO1FBQ2IsUUFBUSxDQUFhLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQy9ELElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1lBQ2YsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2YsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2hCLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQztpSUFqRlUsZUFBZTtxSEFBZixlQUFlLHNEQUZmLENBQUMsY0FBYyxDQUFDLGVBQWUsQ0FBQyxDQUFDLG9MQ2pDOUMsc3lHQWdHQSxvOFFEcEVZLE9BQU8sbUZBQUUsV0FBVywrQkFBRSxnQkFBZ0IscURBQUUsaUJBQWlCLHNEQUFFLGFBQWEsa0RBQUUsZ0JBQWdCOzsyRkFPekYsZUFBZTtrQkFWM0IsU0FBUzsrQkFDRSxHQUFHLFlBQVksRUFBRSxjQUNmLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLEVBQUUsaUJBQWlCLEVBQUUsYUFBYSxFQUFFLGdCQUFnQixDQUFDLGlCQUd0RixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDLENBQUMsY0FBYyxpQkFBaUIsQ0FBQzs4QkFHTixLQUFLO3NCQUExQyxTQUFTO3VCQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBSZW5kZXJlcjIsXHJcbiAgRWxlbWVudFJlZixcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBPbkNoYW5nZXMsXHJcbiAgU2ltcGxlQ2hhbmdlcyxcclxuICBWaWV3Q2hpbGQsXHJcbiAgVGVtcGxhdGVSZWYsXHJcbiAgaW5qZWN0LFxyXG4gIE9uRGVzdHJveSxcclxuICBPbkluaXRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgWFJhZGlvUHJlZml4LCBYUmFkaW9Ob2RlLCBYUmFkaW9Qcm9wZXJ0eSB9IGZyb20gJy4vcmFkaW8ucHJvcGVydHknO1xyXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IFhJc0NoYW5nZSwgWFNldERhdGEsIFhDbGVhckNsYXNzLCBYQ29uZmlnU2VydmljZSB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBYVmFsdWVBY2Nlc3NvciB9IGZyb20gJ0BuZy1uZXN0L3VpL2Jhc2UtZm9ybSc7XHJcbmltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgWEJ1dHRvbkNvbXBvbmVudCwgWEJ1dHRvbnNDb21wb25lbnQgfSBmcm9tICdAbmctbmVzdC91aS9idXR0b24nO1xyXG5pbXBvcnQgeyBYVGFnQ29tcG9uZW50IH0gZnJvbSAnQG5nLW5lc3QvdWkvdGFnJztcclxuaW1wb3J0IHsgWE91dGxldERpcmVjdGl2ZSB9IGZyb20gJ0BuZy1uZXN0L3VpL291dGxldCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogYCR7WFJhZGlvUHJlZml4fWAsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbTmdDbGFzcywgRm9ybXNNb2R1bGUsIFhCdXR0b25Db21wb25lbnQsIFhCdXR0b25zQ29tcG9uZW50LCBYVGFnQ29tcG9uZW50LCBYT3V0bGV0RGlyZWN0aXZlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vcmFkaW8uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3JhZGlvLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBwcm92aWRlcnM6IFtYVmFsdWVBY2Nlc3NvcihYUmFkaW9Db21wb25lbnQpXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgWFJhZGlvQ29tcG9uZW50IGV4dGVuZHMgWFJhZGlvUHJvcGVydHkgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcclxuICBAVmlld0NoaWxkKCdyYWRpbycsIHsgc3RhdGljOiB0cnVlIH0pIHJhZGlvITogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XHJcbiAgbm9kZXM6IFhSYWRpb05vZGVbXSA9IFtdO1xyXG4gIHJhZGlvVHlwZSE6ICdpbml0aWFsJyB8ICdidXR0b24nIHwgJ2ljb24nIHwgJ3RhZyc7XHJcbiAgcHJpdmF0ZSBfdW5TdWJqZWN0ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcclxuXHJcbiAgZ2V0IGJlZm9yZUlzVGVtcGxhdGUoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5iZWZvcmUgaW5zdGFuY2VvZiBUZW1wbGF0ZVJlZjtcclxuICB9XHJcblxyXG4gIGdldCBhZnRlcklzVGVtcGxhdGUoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5hZnRlciBpbnN0YW5jZW9mIFRlbXBsYXRlUmVmO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSByZW5kZXJlciA9IGluamVjdChSZW5kZXJlcjIpO1xyXG4gIG92ZXJyaWRlIGNkciA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgY29uZmlnU2VydmljZSA9IGluamVjdChYQ29uZmlnU2VydmljZSk7XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5zZXRGbGV4KHRoaXMucmFkaW8ubmF0aXZlRWxlbWVudCwgdGhpcy5yZW5kZXJlciwgdGhpcy5qdXN0aWZ5LCB0aGlzLmFsaWduLCB0aGlzLmRpcmVjdGlvbik7XHJcbiAgICB0aGlzLnNldENsYXNzTWFwKCk7XHJcbiAgICB0aGlzLnNldFJhZGlvVHlwZSgpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xyXG4gICAgY29uc3QgeyBkYXRhIH0gPSBjaGFuZ2VzO1xyXG4gICAgWElzQ2hhbmdlKGRhdGEpICYmIHRoaXMuc2V0RGF0YSgpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLl91blN1YmplY3QubmV4dCgpO1xyXG4gICAgdGhpcy5fdW5TdWJqZWN0LnVuc3Vic2NyaWJlKCk7XHJcbiAgfVxyXG5cclxuICBvdmVycmlkZSB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpIHtcclxuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcclxuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcblxyXG4gIHNldENsYXNzTWFwKCkge1xyXG4gICAgWENsZWFyQ2xhc3ModGhpcy5sYWJlbE1hcCk7XHJcbiAgICB0aGlzLmxhYmVsTWFwW2B4LXRleHQtYWxpZ24tJHt0aGlzLmxhYmVsQWxpZ259YF0gPSB0aGlzLmxhYmVsQWxpZ24gPyB0cnVlIDogZmFsc2U7XHJcbiAgfVxyXG5cclxuICBzZXRSYWRpb1R5cGUoKSB7XHJcbiAgICBpZiAodGhpcy5idXR0b24pIHtcclxuICAgICAgdGhpcy5yYWRpb1R5cGUgPSAnYnV0dG9uJztcclxuICAgIH0gZWxzZSBpZiAodGhpcy5pY29uKSB7XHJcbiAgICAgIHRoaXMucmFkaW9UeXBlID0gJ2ljb24nO1xyXG4gICAgfSBlbHNlIGlmICh0aGlzLnRhZykge1xyXG4gICAgICB0aGlzLnJhZGlvVHlwZSA9ICd0YWcnO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5yYWRpb1R5cGUgPSAnaW5pdGlhbCc7XHJcbiAgICB9XHJcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgfVxyXG5cclxuICByYWRpb0NsaWNrKGV2ZW50OiBFdmVudCwgbm9kZTogWFJhZGlvTm9kZSkge1xyXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuICAgIGlmICh0aGlzLmRpc2FibGVkIHx8IG5vZGUuZGlzYWJsZWQgfHwgKCF0aGlzLmFsbG93Q2FuY2VsICYmIG5vZGUuaWQgPT09IHRoaXMudmFsdWUpKSByZXR1cm47XHJcbiAgICB0aGlzLmZvcm1Db250cm9sVmFsaWRhdG9yKCk7XHJcbiAgICBpZiAodGhpcy5hbGxvd0NhbmNlbCAmJiBub2RlLmlkID09PSB0aGlzLnZhbHVlKSB7XHJcbiAgICAgIHRoaXMudmFsdWUgPSBudWxsO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy52YWx1ZSA9IG5vZGUuaWQ7XHJcbiAgICB9XHJcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICBpZiAodGhpcy5vbkNoYW5nZSkgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgc2V0RGF0YSgpIHtcclxuICAgIFhTZXREYXRhPFhSYWRpb05vZGU+KHRoaXMuZGF0YSwgdGhpcy5fdW5TdWJqZWN0KS5zdWJzY3JpYmUoKHgpID0+IHtcclxuICAgICAgdGhpcy5ub2RlcyA9IHg7XHJcbiAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgZm9ybUNvbnRyb2xDaGFuZ2VzKCkge1xyXG4gICAgdGhpcy5zZXREYXRhKCk7XHJcbiAgICB0aGlzLm5nT25Jbml0KCk7XHJcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICAjcmFkaW9cclxuICBjbGFzcz1cIngtcmFkaW9cIlxyXG4gIFtjbGFzcy54LWZsZXhdPVwianVzdGlmeSB8fCBhbGlnbiB8fCBkaXJlY3Rpb25cIlxyXG4gIFtjbGFzcy54LWRpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICBbY2xhc3MueC1yZXF1aXJlZF09XCJyZXF1aXJlZElzRW1wdHlcIlxyXG4gIFtjbGFzcy54LWludmFsaWRdPVwiaW52YWxpZFwiXHJcbiAgW2NsYXNzLngtcmFkaW8tYnV0dG9uXT1cImJ1dHRvblwiXHJcbiAgW2NsYXNzLngtcmFkaW8taWNvbl09XCJpY29uXCJcclxuICBbY2xhc3MueC1yYWRpby12ZXJ0aWNhbF09XCJ2ZXJ0aWNhbFwiXHJcbiAgW2NsYXNzLngtcmFkaW8tYWZ0ZXJdPVwiYWZ0ZXJcIlxyXG4gIFtjbGFzcy54LXJhZGlvLWJlZm9yZV09XCJiZWZvcmVcIlxyXG4gIFtjbGFzcy54LXJhZGlvLWFmdGVyLXRlbXBsYXRlXT1cImFmdGVySXNUZW1wbGF0ZVwiXHJcbiAgW2NsYXNzLngtcmFkaW8tYmVmb3JlLXRlbXBsYXRlXT1cImJlZm9yZUlzVGVtcGxhdGVcIlxyXG4+XHJcbiAgQGlmIChsYWJlbCkge1xyXG4gICAgPGxhYmVsIFtjbGFzcy54LXJhZGlvLWxhYmVsLXJlcXVpcmVkXT1cInJlcXVpcmVkXCIgW3N0eWxlLndpZHRoXT1cImxhYmVsV2lkdGhcIiBbbmdDbGFzc109XCJsYWJlbE1hcFwiPnt7IGxhYmVsIH19PC9sYWJlbD5cclxuICB9XHJcbiAgPGRpdiBjbGFzcz1cIngtcmFkaW8tcm93XCI+XHJcbiAgICBAaWYgKGJlZm9yZSkge1xyXG4gICAgICA8ZGl2IGNsYXNzPVwieC1yYWRpby1yb3ctYmVmb3JlXCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqeE91dGxldD1cImJlZm9yZVwiPnt7IGJlZm9yZSB9fTwvbmctY29udGFpbmVyPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIH1cclxuICAgIDxkaXYgY2xhc3M9XCJ4LXJhZGlvLXJvdy1saXN0XCI+XHJcbiAgICAgIEBzd2l0Y2ggKHJhZGlvVHlwZSkge1xyXG4gICAgICAgIEBjYXNlICgnaW5pdGlhbCcpIHtcclxuICAgICAgICAgIEBmb3IgKGl0ZW0gb2Ygbm9kZXM7IHRyYWNrIGl0ZW0uaWQpIHtcclxuICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgIGNsYXNzPVwieC1yYWRpby1yb3ctaXRlbVwiXHJcbiAgICAgICAgICAgICAgW2NsYXNzLngtY2hlY2tlZF09XCJpdGVtLmlkID09PSB2YWx1ZVwiXHJcbiAgICAgICAgICAgICAgW2NsYXNzLngtZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgaXRlbS5kaXNhYmxlZFwiXHJcbiAgICAgICAgICAgICAgKGNsaWNrKT1cInJhZGlvQ2xpY2soJGV2ZW50LCBpdGVtKVwiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIngtcmFkaW8tYm94XCI+PC9zcGFuPlxyXG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwieC1yYWRpby1sYWJlbFwiPnt7IGl0ZW0ubGFiZWwgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICBAY2FzZSAoJ2J1dHRvbicpIHtcclxuICAgICAgICAgIDx4LWJ1dHRvbnM+XHJcbiAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2Ygbm9kZXM7IHRyYWNrIGl0ZW0uaWQpIHtcclxuICAgICAgICAgICAgICA8eC1idXR0b25cclxuICAgICAgICAgICAgICAgIFtpY29uXT1cIml0ZW0uaWNvblwiXHJcbiAgICAgICAgICAgICAgICBbc2l6ZV09XCJzaXplXCJcclxuICAgICAgICAgICAgICAgIFt0eXBlXT1cInR5cGVcIlxyXG4gICAgICAgICAgICAgICAgW2FjdGl2YXRlZF09XCJpdGVtLmlkID09PSB2YWx1ZVwiXHJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgaXRlbS5kaXNhYmxlZFwiXHJcbiAgICAgICAgICAgICAgICBhdHRyVHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwicmFkaW9DbGljaygkZXZlbnQsIGl0ZW0pXCJcclxuICAgICAgICAgICAgICAgID57eyBpdGVtLmxhYmVsIH19PC94LWJ1dHRvblxyXG4gICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgPC94LWJ1dHRvbnM+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIEBjYXNlICgnaWNvbicpIHtcclxuICAgICAgICAgIDx4LWJ1dHRvbnM+XHJcbiAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2Ygbm9kZXM7IHRyYWNrIGl0ZW0uaWQpIHtcclxuICAgICAgICAgICAgICA8eC1idXR0b25cclxuICAgICAgICAgICAgICAgIFtpY29uXT1cIml0ZW0uaWNvblwiXHJcbiAgICAgICAgICAgICAgICBbc2l6ZV09XCJzaXplXCJcclxuICAgICAgICAgICAgICAgIFt0eXBlXT1cInR5cGVcIlxyXG4gICAgICAgICAgICAgICAgW2FjdGl2YXRlZF09XCJpdGVtLmlkID09PSB2YWx1ZVwiXHJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgaXRlbS5kaXNhYmxlZFwiXHJcbiAgICAgICAgICAgICAgICBhdHRyVHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwicmFkaW9DbGljaygkZXZlbnQsIGl0ZW0pXCJcclxuICAgICAgICAgICAgICAgID57eyBpdGVtLmxhYmVsIH19PC94LWJ1dHRvblxyXG4gICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgPC94LWJ1dHRvbnM+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIEBjYXNlICgndGFnJykge1xyXG4gICAgICAgICAgQGZvciAoaXRlbSBvZiBub2RlczsgdHJhY2sgaXRlbS5pZCkge1xyXG4gICAgICAgICAgICA8eC10YWdcclxuICAgICAgICAgICAgICBjaGVja2VkXHJcbiAgICAgICAgICAgICAgbWFudWFsXHJcbiAgICAgICAgICAgICAgW3R5cGVdPVwidHlwZVwiXHJcbiAgICAgICAgICAgICAgW3NpemVdPVwic2l6ZVwiXHJcbiAgICAgICAgICAgICAgW2JvcmRlcmVkXT1cInRhZ0JvcmRlcmVkXCJcclxuICAgICAgICAgICAgICBbZGFya109XCJ0YWdEYXJrXCJcclxuICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQhIHx8IGl0ZW0uZGlzYWJsZWQhXCJcclxuICAgICAgICAgICAgICBbc2VsZWN0ZWRdPVwidmFsdWUgPT09IGl0ZW0uaWRcIlxyXG4gICAgICAgICAgICAgIChjbGljayk9XCJyYWRpb0NsaWNrKCRldmVudCwgaXRlbSlcIlxyXG4gICAgICAgICAgICAgID57eyBpdGVtLmxhYmVsIH19PC94LXRhZ1xyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICA8L2Rpdj5cclxuICAgIEBpZiAoYWZ0ZXIpIHtcclxuICAgICAgPGRpdiBjbGFzcz1cIngtcmFkaW8tcm93LWFmdGVyXCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqeE91dGxldD1cImFmdGVyXCI+e3sgYWZ0ZXIgfX08L25nLWNvbnRhaW5lcj5cclxuICAgICAgPC9kaXY+XHJcbiAgICB9XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
+            args: [{ selector: `${XRadioPrefix}`, standalone: true, imports: [NgClass, FormsModule, XButtonComponent, XButtonsComponent, XTagComponent, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XRadioComponent)], template: "<div\r\n  #radio\r\n  class=\"x-radio\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-flex]=\"justify() || align() || direction()\"\r\n  [class.x-disabled]=\"disabledComputed()\"\r\n  [class.x-required]=\"requiredIsEmpty()\"\r\n  [class.x-invalid]=\"invalid()\"\r\n  [class.x-radio-button]=\"button()\"\r\n  [class.x-radio-icon]=\"icon()\"\r\n  [class.x-radio-vertical]=\"vertical()\"\r\n  [class.x-radio-after]=\"after()\"\r\n  [class.x-radio-before]=\"before()\"\r\n  [class.x-radio-after-template]=\"afterIsTemplate()\"\r\n  [class.x-radio-before-template]=\"beforeIsTemplate()\"\r\n>\r\n  @if (label()) {\r\n    <label\r\n      [class.x-radio-label-required]=\"requiredComputed()\"\r\n      [style.width]=\"labelWidth()\"\r\n      [ngClass]=\"labelMapSignal()\"\r\n      >{{ label() }}</label\r\n    >\r\n  }\r\n  <div class=\"x-radio-row\">\r\n    @if (before()) {\r\n      <div class=\"x-radio-row-before\">\r\n        <ng-container *xOutlet=\"before()\">{{ before() }}</ng-container>\r\n      </div>\r\n    }\r\n    <div class=\"x-radio-row-list\">\r\n      @switch (radioType()) {\r\n        @case ('initial') {\r\n          @for (item of nodes(); track item.id) {\r\n            <div\r\n              class=\"x-radio-row-item\"\r\n              [class.x-checked]=\"item.id === value()\"\r\n              [class.x-disabled]=\"disabledComputed() || item.disabled\"\r\n              (click)=\"radioClick($event, item)\"\r\n            >\r\n              <span class=\"x-radio-box\"></span>\r\n              <span class=\"x-radio-label\">{{ item.label }}</span>\r\n            </div>\r\n          }\r\n        }\r\n        @case ('button') {\r\n          <x-buttons boxShadow=\"false\">\r\n            @for (item of nodes(); track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon!\"\r\n                [size]=\"size()\"\r\n                [type]=\"type()\"\r\n                [activated]=\"item.id === value()\"\r\n                [disabled]=\"disabledComputed() || item.disabled!\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                plain\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('icon') {\r\n          <x-buttons boxShadow=\"false\">\r\n            @for (item of nodes(); track item.id) {\r\n              <x-button\r\n                [icon]=\"item.icon!\"\r\n                [size]=\"size()\"\r\n                [type]=\"type()\"\r\n                [activated]=\"item.id === value()\"\r\n                [disabled]=\"disabledComputed() || item.disabled!\"\r\n                attrType=\"button\"\r\n                (click)=\"radioClick($event, item)\"\r\n                plain\r\n                >{{ item.label }}</x-button\r\n              >\r\n            }\r\n          </x-buttons>\r\n        }\r\n        @case ('tag') {\r\n          @for (item of nodes(); track item.id) {\r\n            <x-tag\r\n              checked\r\n              manual\r\n              [type]=\"type()\"\r\n              [size]=\"size()\"\r\n              [bordered]=\"tagBordered()\"\r\n              [dark]=\"tagDark()\"\r\n              [disabled]=\"disabledComputed() || item.disabled!\"\r\n              [selected]=\"value() === item.id\"\r\n              (click)=\"radioClick($event, item)\"\r\n              >{{ item.label }}</x-tag\r\n            >\r\n          }\r\n        }\r\n      }\r\n    </div>\r\n    @if (after()) {\r\n      <div class=\"x-radio-row-after\">\r\n        <ng-container *xOutlet=\"after()\">{{ after() }}</ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".x-radio{margin:0;padding:0;width:100%}.x-radio.x-flex{display:flex}.x-radio.x-justify-start{justify-content:flex-start}.x-radio.x-justify-center{justify-content:center}.x-radio.x-justify-end{justify-content:flex-end}.x-radio.x-justify-space-between{justify-content:space-between}.x-radio.x-justify-space-around{justify-content:space-around}.x-radio.x-align-start{align-items:flex-start}.x-radio.x-align-center{align-items:center}.x-radio.x-align-end{align-items:flex-end}.x-radio.x-direction-column{flex-direction:column}.x-radio.x-direction-column-reverse{flex-direction:column-reverse}.x-radio.x-direction-row{flex-direction:row}.x-radio.x-direction-row-reverse{flex-direction:row-reverse}.x-radio>label{display:inline-block;white-space:nowrap;height:var(--x-height-medium);line-height:var(--x-height-medium);position:relative;color:var(--x-text-300);font-weight:600}.x-radio>label.x-text-align-start{text-align:start}.x-radio>label.x-text-align-center{text-align:center}.x-radio>label.x-text-align-end{text-align:end}.x-radio-row{flex:1;display:flex;align-items:center;flex-wrap:wrap;height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-radio-row .x-radio-row-before,.x-radio-row .x-radio-row-after{border-radius:var(--x-border-radius);background-color:var(--x-background-a200);padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-radio-row-list{position:relative;display:inline-flex;align-items:center}.x-radio-row-list x-tag:not(:first-child){margin-left:var(--x-font-size)}.x-radio-row-item{position:relative;display:inline-flex;align-items:center;white-space:nowrap;outline:none;margin-right:var(--x-font-size);font-size:var(--x-font-size);cursor:pointer;transition:all .3s}.x-radio-row-item:hover{color:var(--x-primary)}.x-radio-row-item:hover .x-radio-box{border-color:var(--x-primary)}.x-radio-row-item:last-child{margin-right:0}.x-radio-row-item.x-checked .x-radio-box{border-color:var(--x-primary);border-width:.375rem}.x-radio-row-item.x-disabled{color:var(--x-text-400);cursor:not-allowed}.x-radio-row-item.x-disabled .x-radio-box{border-color:var(--x-border-a900);background-color:var(--x-border-300)}.x-radio-row-item.x-disabled .x-radio-box:after{background-color:var(--x-text-400)}.x-radio-button .x-radio-row-before,.x-radio-icon .x-radio-row-before{margin-right:0}.x-radio-button .x-radio-row-after,.x-radio-icon .x-radio-row-after{margin-left:0}.x-radio-vertical .x-radio-row-list{flex-direction:column;align-items:flex-start}.x-radio-vertical .x-radio-row-list x-tag{margin-left:0}.x-radio-vertical .x-radio-row-list x-tag:not(:first-child){margin-top:.25rem}.x-radio-vertical .x-radio-row-item{margin-right:0}.x-radio-vertical .x-radio-row-item:not(:first-child){margin-top:.25rem}.x-radio-box{border:var(--x-border-width) solid var(--x-border);border-radius:100%;width:calc(var(--x-height-medium) - .875rem);height:calc(var(--x-height-medium) - .875rem);background-color:var(--x-background-a100);position:relative;box-sizing:border-box;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.x-radio-box:hover{border-color:var(--x-primary)}.x-radio-label{margin-left:.325rem}.x-radio-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-radio-before:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-before{margin-right:var(--x-padding-medium)}.x-radio-before.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button,.x-radio-before.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-before.x-radio-button .x-radio-row-before,.x-radio-before.x-radio-icon .x-radio-row-before{margin-right:0;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-before-template .x-radio-row-before{display:contents}.x-radio-before-template .x-radio-row-list{margin-left:var(--x-padding-medium)}.x-radio-before-template.x-radio-button .x-radio-row-list,.x-radio-before-template.x-radio-icon .x-radio-row-list,.x-radio-before-template.x-radio-button .x-radio-row-list .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-list .x-button{margin-left:0}.x-radio-before-template.x-radio-button .x-radio-row-before input,.x-radio-before-template.x-radio-button .x-radio-row-before .x-button,.x-radio-before-template.x-radio-icon .x-radio-row-before input,.x-radio-before-template.x-radio-icon .x-radio-row-before .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after:not(.x-radio-before-template,.x-radio-button,.x-radio-icon) .x-radio-row-after{margin-left:var(--x-padding-medium)}.x-radio-after.x-radio-button .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button,.x-radio-after.x-radio-icon .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-radio-after.x-radio-button .x-radio-row-after,.x-radio-after.x-radio-icon .x-radio-row-after{margin-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.x-radio-after-template .x-radio-row-after{display:contents}.x-radio-after-template .x-radio-row-list{margin-right:var(--x-padding-medium)}.x-radio-after-template.x-radio-button .x-radio-row-list,.x-radio-after-template.x-radio-icon .x-radio-row-list,.x-radio-after-template.x-radio-button .x-radio-row-list .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-list .x-button{margin-right:0}.x-radio-after-template.x-radio-button .x-radio-row-after input,.x-radio-after-template.x-radio-button .x-radio-row-after .x-button,.x-radio-after-template.x-radio-icon .x-radio-row-after input,.x-radio-after-template.x-radio-icon .x-radio-row-after .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-radio.x-disabled .x-radio-item{color:var(--x-text-400);cursor:not-allowed}.x-radio.x-disabled .x-radio-item .x-radio-box{border-color:var(--x-border-a900);background-color:var(--x-border-300)}.x-radio.x-disabled .x-radio-item .x-radio-box:after{background-color:var(--x-text-400)}.x-radio.x-invalid>label,.x-radio.x-required>label{color:var(--x-danger)}.x-radio.x-direction-row>label{padding:0 .5rem 0 0}.x-radio.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-radio.x-direction-column,.x-radio.x-direction-column-reverse{align-items:inherit}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvcmFkaW8vcmFkaW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvcmFkaW8vcmFkaW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsdUJBQXVCLEVBQ3ZCLFVBQVUsRUFHVixXQUFXLEVBRVgsU0FBUyxFQUNULE1BQU0sRUFDTixRQUFRLEVBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBYyxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM1RSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDekUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQVl0RCxNQUFNLE9BQU8sZUFBZ0IsU0FBUSxjQUFjO0lBVm5EOztRQVdFLFVBQUssR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxFQUFFLElBQUksRUFBRSxDQUFBLFVBQXVCLENBQUEsRUFBRSxDQUFDLENBQUM7UUFDdkUsVUFBSyxHQUFHLE1BQU0sQ0FB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QUFJLENBQUMsUUFBUTtZQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVPLE9BQU87UUFDYixRQUFRLENBQWEsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNoRSxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNwQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pCLENBQUM7aUlBOURVLGVBQWU7cUhBQWYsZUFBZSxzREFGZixDQUFDLGNBQWMsQ0FBQyxlQUFlLENBQUMsQ0FBQyxxR0FHQSxVQUFVLHlGQ2xDeEQsOGxIQXdHQSxtMk1EOUVZLE9BQU8sbUZBQUUsV0FBVywrQkFBRSxnQkFBZ0IscURBQUUsaUJBQWlCLHNEQUFFLGFBQWEsa0RBQUUsZ0JBQWdCOzsyRkFPekYsZUFBZTtrQkFWM0IsU0FBUzsrQkFDRSxHQUFHLFlBQVksRUFBRSxjQUNmLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLEVBQUUsaUJBQWlCLEVBQUUsYUFBYSxFQUFFLGdCQUFnQixDQUFDLGlCQUd0RixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDLENBQUMsY0FBYyxpQkFBaUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgT25DaGFuZ2VzLFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbiAgVGVtcGxhdGVSZWYsXHJcbiAgT25EZXN0cm95LFxyXG4gIHZpZXdDaGlsZCxcclxuICBzaWduYWwsXHJcbiAgY29tcHV0ZWRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgWFJhZGlvUHJlZml4LCBYUmFkaW9Ob2RlLCBYUmFkaW9Qcm9wZXJ0eSB9IGZyb20gJy4vcmFkaW8ucHJvcGVydHknO1xyXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IFhJc0NoYW5nZSwgWFNldERhdGEgfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuaW1wb3J0IHsgWFZhbHVlQWNjZXNzb3IgfSBmcm9tICdAbmctbmVzdC91aS9iYXNlLWZvcm0nO1xyXG5pbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFhCdXR0b25Db21wb25lbnQsIFhCdXR0b25zQ29tcG9uZW50IH0gZnJvbSAnQG5nLW5lc3QvdWkvYnV0dG9uJztcclxuaW1wb3J0IHsgWFRhZ0NvbXBvbmVudCB9IGZyb20gJ0BuZy1uZXN0L3VpL3RhZyc7XHJcbmltcG9ydCB7IFhPdXRsZXREaXJlY3RpdmUgfSBmcm9tICdAbmctbmVzdC91aS9vdXRsZXQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IGAke1hSYWRpb1ByZWZpeH1gLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW05nQ2xhc3MsIEZvcm1zTW9kdWxlLCBYQnV0dG9uQ29tcG9uZW50LCBYQnV0dG9uc0NvbXBvbmVudCwgWFRhZ0NvbXBvbmVudCwgWE91dGxldERpcmVjdGl2ZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3JhZGlvLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9yYWRpby5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgcHJvdmlkZXJzOiBbWFZhbHVlQWNjZXNzb3IoWFJhZGlvQ29tcG9uZW50KV1cclxufSlcclxuZXhwb3J0IGNsYXNzIFhSYWRpb0NvbXBvbmVudCBleHRlbmRzIFhSYWRpb1Byb3BlcnR5IGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xyXG4gIHJhZGlvID0gdmlld0NoaWxkLnJlcXVpcmVkKCdyYWRpbycsIHsgcmVhZDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4gfSk7XHJcbiAgbm9kZXMgPSBzaWduYWw8WFJhZGlvTm9kZVtdPihbXSk7XHJcbiAgcHJpdmF0ZSB1blN1YmplY3QgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xyXG5cclxuICBiZWZvcmVJc1RlbXBsYXRlID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5iZWZvcmUoKSBpbnN0YW5jZW9mIFRlbXBsYXRlUmVmKTtcclxuICBhZnRlcklzVGVtcGxhdGUgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmFmdGVyKCkgaW5zdGFuY2VvZiBUZW1wbGF0ZVJlZik7XHJcblxyXG4gIGNsYXNzTWFwID0gY29tcHV0ZWQoKCkgPT4gKHtcclxuICAgIFtgeC1qdXN0aWZ5LSR7dGhpcy5qdXN0aWZ5KCl9YF06ICEhdGhpcy5qdXN0aWZ5KCksXHJcbiAgICBbYHgtYWxpZ24tJHt0aGlzLmFsaWduKCl9YF06ICEhdGhpcy5hbGlnbigpLFxyXG4gICAgW2B4LWRpcmVjdGlvbi0ke3RoaXMuZGlyZWN0aW9uKCl9YF06ICEhdGhpcy5kaXJlY3Rpb24oKVxyXG4gIH0pKTtcclxuICBsYWJlbE1hcFNpZ25hbCA9IGNvbXB1dGVkKCgpID0+ICh7XHJcbiAgICBbYHgtdGV4dC1hbGlnbi0ke3RoaXMubGFiZWxBbGlnbigpfWBdOiAhIXRoaXMubGFiZWxBbGlnbigpXHJcbiAgfSkpO1xyXG4gIHJhZGlvVHlwZSA9IGNvbXB1dGVkKCgpID0+IHtcclxuICAgIGlmICh0aGlzLmJ1dHRvbigpKSB7XHJcbiAgICAgIHJldHVybiAnYnV0dG9uJztcclxuICAgIH0gZWxzZSBpZiAodGhpcy5pY29uKCkpIHtcclxuICAgICAgcmV0dXJuICdpY29uJztcclxuICAgIH0gZWxzZSBpZiAodGhpcy50YWcoKSkge1xyXG4gICAgICByZXR1cm4gJ3RhZyc7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICByZXR1cm4gJ2luaXRpYWwnO1xyXG4gICAgfVxyXG4gIH0pO1xyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICBjb25zdCB7IGRhdGEgfSA9IGNoYW5nZXM7XHJcbiAgICBYSXNDaGFuZ2UoZGF0YSkgJiYgdGhpcy5zZXREYXRhKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMudW5TdWJqZWN0Lm5leHQoKTtcclxuICAgIHRoaXMudW5TdWJqZWN0LmNvbXBsZXRlKCk7XHJcbiAgfVxyXG5cclxuICBvdmVycmlkZSB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpIHtcclxuICAgIHRoaXMudmFsdWUuc2V0KHZhbHVlKTtcclxuICB9XHJcblxyXG4gIHJhZGlvQ2xpY2soZXZlbnQ6IEV2ZW50LCBub2RlOiBYUmFkaW9Ob2RlKSB7XHJcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgaWYgKHRoaXMuZGlzYWJsZWRDb21wdXRlZCgpIHx8IG5vZGUuZGlzYWJsZWQgfHwgKCF0aGlzLmFsbG93Q2FuY2VsKCkgJiYgbm9kZS5pZCA9PT0gdGhpcy52YWx1ZSgpKSkgcmV0dXJuO1xyXG4gICAgdGhpcy5mb3JtQ29udHJvbFZhbGlkYXRvcigpO1xyXG4gICAgaWYgKHRoaXMuYWxsb3dDYW5jZWwoKSAmJiBub2RlLmlkID09PSB0aGlzLnZhbHVlKCkpIHtcclxuICAgICAgdGhpcy52YWx1ZS5zZXQobnVsbCk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLnZhbHVlLnNldChub2RlLmlkKTtcclxuICAgIH1cclxuICAgIGlmICh0aGlzLm9uQ2hhbmdlKSB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUoKSk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHNldERhdGEoKSB7XHJcbiAgICBYU2V0RGF0YTxYUmFkaW9Ob2RlPih0aGlzLmRhdGEoKSwgdGhpcy51blN1YmplY3QpLnN1YnNjcmliZSgoeCkgPT4ge1xyXG4gICAgICB0aGlzLm5vZGVzLnNldCh4KTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgZm9ybUNvbnRyb2xDaGFuZ2VzKCkge1xyXG4gICAgdGhpcy5zZXREYXRhKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICAjcmFkaW9cclxuICBjbGFzcz1cIngtcmFkaW9cIlxyXG4gIFtuZ0NsYXNzXT1cImNsYXNzTWFwKClcIlxyXG4gIFtjbGFzcy54LWZsZXhdPVwianVzdGlmeSgpIHx8IGFsaWduKCkgfHwgZGlyZWN0aW9uKClcIlxyXG4gIFtjbGFzcy54LWRpc2FibGVkXT1cImRpc2FibGVkQ29tcHV0ZWQoKVwiXHJcbiAgW2NsYXNzLngtcmVxdWlyZWRdPVwicmVxdWlyZWRJc0VtcHR5KClcIlxyXG4gIFtjbGFzcy54LWludmFsaWRdPVwiaW52YWxpZCgpXCJcclxuICBbY2xhc3MueC1yYWRpby1idXR0b25dPVwiYnV0dG9uKClcIlxyXG4gIFtjbGFzcy54LXJhZGlvLWljb25dPVwiaWNvbigpXCJcclxuICBbY2xhc3MueC1yYWRpby12ZXJ0aWNhbF09XCJ2ZXJ0aWNhbCgpXCJcclxuICBbY2xhc3MueC1yYWRpby1hZnRlcl09XCJhZnRlcigpXCJcclxuICBbY2xhc3MueC1yYWRpby1iZWZvcmVdPVwiYmVmb3JlKClcIlxyXG4gIFtjbGFzcy54LXJhZGlvLWFmdGVyLXRlbXBsYXRlXT1cImFmdGVySXNUZW1wbGF0ZSgpXCJcclxuICBbY2xhc3MueC1yYWRpby1iZWZvcmUtdGVtcGxhdGVdPVwiYmVmb3JlSXNUZW1wbGF0ZSgpXCJcclxuPlxyXG4gIEBpZiAobGFiZWwoKSkge1xyXG4gICAgPGxhYmVsXHJcbiAgICAgIFtjbGFzcy54LXJhZGlvLWxhYmVsLXJlcXVpcmVkXT1cInJlcXVpcmVkQ29tcHV0ZWQoKVwiXHJcbiAgICAgIFtzdHlsZS53aWR0aF09XCJsYWJlbFdpZHRoKClcIlxyXG4gICAgICBbbmdDbGFzc109XCJsYWJlbE1hcFNpZ25hbCgpXCJcclxuICAgICAgPnt7IGxhYmVsKCkgfX08L2xhYmVsXHJcbiAgICA+XHJcbiAgfVxyXG4gIDxkaXYgY2xhc3M9XCJ4LXJhZGlvLXJvd1wiPlxyXG4gICAgQGlmIChiZWZvcmUoKSkge1xyXG4gICAgICA8ZGl2IGNsYXNzPVwieC1yYWRpby1yb3ctYmVmb3JlXCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqeE91dGxldD1cImJlZm9yZSgpXCI+e3sgYmVmb3JlKCkgfX08L25nLWNvbnRhaW5lcj5cclxuICAgICAgPC9kaXY+XHJcbiAgICB9XHJcbiAgICA8ZGl2IGNsYXNzPVwieC1yYWRpby1yb3ctbGlzdFwiPlxyXG4gICAgICBAc3dpdGNoIChyYWRpb1R5cGUoKSkge1xyXG4gICAgICAgIEBjYXNlICgnaW5pdGlhbCcpIHtcclxuICAgICAgICAgIEBmb3IgKGl0ZW0gb2Ygbm9kZXMoKTsgdHJhY2sgaXRlbS5pZCkge1xyXG4gICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJ4LXJhZGlvLXJvdy1pdGVtXCJcclxuICAgICAgICAgICAgICBbY2xhc3MueC1jaGVja2VkXT1cIml0ZW0uaWQgPT09IHZhbHVlKClcIlxyXG4gICAgICAgICAgICAgIFtjbGFzcy54LWRpc2FibGVkXT1cImRpc2FibGVkQ29tcHV0ZWQoKSB8fCBpdGVtLmRpc2FibGVkXCJcclxuICAgICAgICAgICAgICAoY2xpY2spPVwicmFkaW9DbGljaygkZXZlbnQsIGl0ZW0pXCJcclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwieC1yYWRpby1ib3hcIj48L3NwYW4+XHJcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ4LXJhZGlvLWxhYmVsXCI+e3sgaXRlbS5sYWJlbCB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIEBjYXNlICgnYnV0dG9uJykge1xyXG4gICAgICAgICAgPHgtYnV0dG9ucyBib3hTaGFkb3c9XCJmYWxzZVwiPlxyXG4gICAgICAgICAgICBAZm9yIChpdGVtIG9mIG5vZGVzKCk7IHRyYWNrIGl0ZW0uaWQpIHtcclxuICAgICAgICAgICAgICA8eC1idXR0b25cclxuICAgICAgICAgICAgICAgIFtpY29uXT1cIml0ZW0uaWNvbiFcIlxyXG4gICAgICAgICAgICAgICAgW3NpemVdPVwic2l6ZSgpXCJcclxuICAgICAgICAgICAgICAgIFt0eXBlXT1cInR5cGUoKVwiXHJcbiAgICAgICAgICAgICAgICBbYWN0aXZhdGVkXT1cIml0ZW0uaWQgPT09IHZhbHVlKClcIlxyXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkQ29tcHV0ZWQoKSB8fCBpdGVtLmRpc2FibGVkIVwiXHJcbiAgICAgICAgICAgICAgICBhdHRyVHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwicmFkaW9DbGljaygkZXZlbnQsIGl0ZW0pXCJcclxuICAgICAgICAgICAgICAgIHBsYWluXHJcbiAgICAgICAgICAgICAgICA+e3sgaXRlbS5sYWJlbCB9fTwveC1idXR0b25cclxuICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgIDwveC1idXR0b25zPlxyXG4gICAgICAgIH1cclxuICAgICAgICBAY2FzZSAoJ2ljb24nKSB7XHJcbiAgICAgICAgICA8eC1idXR0b25zIGJveFNoYWRvdz1cImZhbHNlXCI+XHJcbiAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2Ygbm9kZXMoKTsgdHJhY2sgaXRlbS5pZCkge1xyXG4gICAgICAgICAgICAgIDx4LWJ1dHRvblxyXG4gICAgICAgICAgICAgICAgW2ljb25dPVwiaXRlbS5pY29uIVwiXHJcbiAgICAgICAgICAgICAgICBbc2l6ZV09XCJzaXplKClcIlxyXG4gICAgICAgICAgICAgICAgW3R5cGVdPVwidHlwZSgpXCJcclxuICAgICAgICAgICAgICAgIFthY3RpdmF0ZWRdPVwiaXRlbS5pZCA9PT0gdmFsdWUoKVwiXHJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRDb21wdXRlZCgpIHx8IGl0ZW0uZGlzYWJsZWQhXCJcclxuICAgICAgICAgICAgICAgIGF0dHJUeXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAgICAgICAgIChjbGljayk9XCJyYWRpb0NsaWNrKCRldmVudCwgaXRlbSlcIlxyXG4gICAgICAgICAgICAgICAgcGxhaW5cclxuICAgICAgICAgICAgICAgID57eyBpdGVtLmxhYmVsIH19PC94LWJ1dHRvblxyXG4gICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgPC94LWJ1dHRvbnM+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIEBjYXNlICgndGFnJykge1xyXG4gICAgICAgICAgQGZvciAoaXRlbSBvZiBub2RlcygpOyB0cmFjayBpdGVtLmlkKSB7XHJcbiAgICAgICAgICAgIDx4LXRhZ1xyXG4gICAgICAgICAgICAgIGNoZWNrZWRcclxuICAgICAgICAgICAgICBtYW51YWxcclxuICAgICAgICAgICAgICBbdHlwZV09XCJ0eXBlKClcIlxyXG4gICAgICAgICAgICAgIFtzaXplXT1cInNpemUoKVwiXHJcbiAgICAgICAgICAgICAgW2JvcmRlcmVkXT1cInRhZ0JvcmRlcmVkKClcIlxyXG4gICAgICAgICAgICAgIFtkYXJrXT1cInRhZ0RhcmsoKVwiXHJcbiAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkQ29tcHV0ZWQoKSB8fCBpdGVtLmRpc2FibGVkIVwiXHJcbiAgICAgICAgICAgICAgW3NlbGVjdGVkXT1cInZhbHVlKCkgPT09IGl0ZW0uaWRcIlxyXG4gICAgICAgICAgICAgIChjbGljayk9XCJyYWRpb0NsaWNrKCRldmVudCwgaXRlbSlcIlxyXG4gICAgICAgICAgICAgID57eyBpdGVtLmxhYmVsIH19PC94LXRhZ1xyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICA8L2Rpdj5cclxuICAgIEBpZiAoYWZ0ZXIoKSkge1xyXG4gICAgICA8ZGl2IGNsYXNzPVwieC1yYWRpby1yb3ctYWZ0ZXJcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICp4T3V0bGV0PVwiYWZ0ZXIoKVwiPnt7IGFmdGVyKCkgfX08L25nLWNvbnRhaW5lcj5cclxuICAgICAgPC9kaXY+XHJcbiAgICB9XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/radio/radio.module.mjs

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