myrta-ui 17.2.8 → 17.2.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/form/radio/radio.component.mjs +4 -7
- package/esm2022/lib/components/form/radio-group/components/radio-group-item/radio-group-item.component.mjs +2 -2
- package/fesm2022/myrta-ui.mjs +4 -7
- package/fesm2022/myrta-ui.mjs.map +1 -1
- package/lib/components/form/radio/radio.component.d.ts +1 -2
- package/package.json +1 -1
|
@@ -15,7 +15,6 @@ export class RadioComponent {
|
|
|
15
15
|
placeholder = '';
|
|
16
16
|
label = '';
|
|
17
17
|
customClasses = '';
|
|
18
|
-
id = '';
|
|
19
18
|
invalid = false;
|
|
20
19
|
_value;
|
|
21
20
|
get value() {
|
|
@@ -48,13 +47,13 @@ export class RadioComponent {
|
|
|
48
47
|
this.onChange(this.modelValue);
|
|
49
48
|
}
|
|
50
49
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RadioComponent, selector: "mrx-radio", inputs: { required: "required", type: "type", name: "name", boldLabel: "boldLabel", disabled: "disabled", readonly: "readonly", placeholder: "placeholder", label: "label", customClasses: "customClasses",
|
|
50
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RadioComponent, selector: "mrx-radio", inputs: { required: "required", type: "type", name: "name", boldLabel: "boldLabel", disabled: "disabled", readonly: "readonly", placeholder: "placeholder", label: "label", customClasses: "customClasses", invalid: "invalid", _value: ["value", "_value"] }, providers: [
|
|
52
51
|
{
|
|
53
52
|
provide: NG_VALUE_ACCESSOR,
|
|
54
53
|
useExisting: forwardRef(() => RadioComponent),
|
|
55
54
|
multi: true,
|
|
56
55
|
},
|
|
57
|
-
], ngImport: i0, template: "<div class=\"mrx-radio__wrapper\">\r\n <label\r\n class=\"mrx-radio\"\r\n [class]=\"getClasses\"\r\n [class.mrx-input-error]=\"invalid\"\r\n >\r\n <input\r\n type=\"radio\"\r\n [
|
|
56
|
+
], ngImport: i0, template: "<div class=\"mrx-radio__wrapper\">\r\n <label\r\n class=\"mrx-radio\"\r\n [class]=\"getClasses\"\r\n [class.mrx-input-error]=\"invalid\"\r\n >\r\n <input\r\n type=\"radio\"\r\n [name]=\"name\"\r\n [value]=\"value\"\r\n [(ngModel)]=\"modelValue\"\r\n [disabled]=\"disabled || readonly\"\r\n [readonly]=\"readonly\"\r\n (change)=\"valueChanged(value)\"\r\n />\r\n\r\n <span class=\"mrx-radio__mark\"><span class=\"mrx-radio__mark__inner\"></span></span>\r\n\r\n <span class=\"ml-1\" [class]=\"boldLabel ? 'mrx-radio__label--bold' : 'mrx-radio__label'\">\r\n {{label}}\r\n <ng-content></ng-content>\r\n <span *ngIf=\"required && !disabled\" class=\"required-active\">*</span>\r\n </span>\r\n </label>\r\n</div>\r\n", styles: [".mrx-radio.mrx-radio{display:flex!important;align-items:center;min-height:auto!important;margin-bottom:0!important;overflow:visible;background-color:transparent;cursor:pointer;box-sizing:border-box;position:relative}.mrx-radio input[type=radio]{position:absolute;z-index:-1;opacity:0;width:0;height:0;margin:0}.mrx-radio.mrx-radio.mrx-radio-default .mrx-radio__mark{display:flex;align-items:center;justify-content:center;height:var(--sizing-4);width:var(--sizing-4);min-width:var(--sizing-4);border:var(--border-width-checkbox) solid var(--neutral-bg-stroke-default, #DBDFE5);border-radius:50%;transition:border .2s;position:relative}.mrx-radio.mrx-radio.mrx-radio-default .mrx-radio__mark .mrx-radio__mark__inner{display:block;width:6px;height:6px;border-radius:50%;background:var(--brand-bg-primary-default, #2A6AB8);opacity:0;transition:opacity .2s}.mrx-radio.mrx-radio.mrx-radio-default:hover .mrx-radio__mark{border-color:var(--neutral-bg-stroke-hover, #0F54AA)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:checked+.mrx-radio__mark{border-color:var(--brand-bg-primary-default, #2A6AB8)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:checked+.mrx-radio__mark .mrx-radio__mark__inner{opacity:1}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:not(:checked):disabled+.mrx-radio__mark{background:var(--neutral-control-bg-accent-disabled, #71767E)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:disabled+.mrx-radio__mark{border-color:var(--neutral-control-bg-accent-disabled, #71767E)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:disabled+.mrx-radio__mark .mrx-radio__mark__inner{background:var(--neutral-control-bg-accent-disabled, #71767E)}.mrx-radio.mrx-radio.mrx-input-error.mrx-radio-default .mrx-radio__mark{border-color:var(--system-bg-controls-negative-default, #B83B15)}.mrx-radio.mrx-radio .mrx-radio__label{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:400;line-height:var(--body-md-line-height)}.mrx-radio.mrx-radio .mrx-radio__label--bold{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:700;line-height:var(--body-md-line-height)}.mrx-radio.mrx-radio .required-active{font-family:var(--body-md-bold-font-family);font-size:var(--body-md-bold-font-size);font-weight:var(--body-md-bold-font-weight);line-height:var(--body-md-bold-line-height);color:var(--system-icon-negative, #C65836);margin-left:var(--spacing-1);position:relative;display:inline-block}.mrx-radio__wrapper.mrx-radio__wrapper{display:flex;align-items:center;justify-content:flex-start}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
58
57
|
}
|
|
59
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioComponent, decorators: [{
|
|
60
59
|
type: Component,
|
|
@@ -64,7 +63,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
64
63
|
useExisting: forwardRef(() => RadioComponent),
|
|
65
64
|
multi: true,
|
|
66
65
|
},
|
|
67
|
-
], template: "<div class=\"mrx-radio__wrapper\">\r\n <label\r\n class=\"mrx-radio\"\r\n [class]=\"getClasses\"\r\n [class.mrx-input-error]=\"invalid\"\r\n >\r\n <input\r\n type=\"radio\"\r\n [
|
|
66
|
+
], template: "<div class=\"mrx-radio__wrapper\">\r\n <label\r\n class=\"mrx-radio\"\r\n [class]=\"getClasses\"\r\n [class.mrx-input-error]=\"invalid\"\r\n >\r\n <input\r\n type=\"radio\"\r\n [name]=\"name\"\r\n [value]=\"value\"\r\n [(ngModel)]=\"modelValue\"\r\n [disabled]=\"disabled || readonly\"\r\n [readonly]=\"readonly\"\r\n (change)=\"valueChanged(value)\"\r\n />\r\n\r\n <span class=\"mrx-radio__mark\"><span class=\"mrx-radio__mark__inner\"></span></span>\r\n\r\n <span class=\"ml-1\" [class]=\"boldLabel ? 'mrx-radio__label--bold' : 'mrx-radio__label'\">\r\n {{label}}\r\n <ng-content></ng-content>\r\n <span *ngIf=\"required && !disabled\" class=\"required-active\">*</span>\r\n </span>\r\n </label>\r\n</div>\r\n", styles: [".mrx-radio.mrx-radio{display:flex!important;align-items:center;min-height:auto!important;margin-bottom:0!important;overflow:visible;background-color:transparent;cursor:pointer;box-sizing:border-box;position:relative}.mrx-radio input[type=radio]{position:absolute;z-index:-1;opacity:0;width:0;height:0;margin:0}.mrx-radio.mrx-radio.mrx-radio-default .mrx-radio__mark{display:flex;align-items:center;justify-content:center;height:var(--sizing-4);width:var(--sizing-4);min-width:var(--sizing-4);border:var(--border-width-checkbox) solid var(--neutral-bg-stroke-default, #DBDFE5);border-radius:50%;transition:border .2s;position:relative}.mrx-radio.mrx-radio.mrx-radio-default .mrx-radio__mark .mrx-radio__mark__inner{display:block;width:6px;height:6px;border-radius:50%;background:var(--brand-bg-primary-default, #2A6AB8);opacity:0;transition:opacity .2s}.mrx-radio.mrx-radio.mrx-radio-default:hover .mrx-radio__mark{border-color:var(--neutral-bg-stroke-hover, #0F54AA)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:checked+.mrx-radio__mark{border-color:var(--brand-bg-primary-default, #2A6AB8)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:checked+.mrx-radio__mark .mrx-radio__mark__inner{opacity:1}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:not(:checked):disabled+.mrx-radio__mark{background:var(--neutral-control-bg-accent-disabled, #71767E)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:disabled+.mrx-radio__mark{border-color:var(--neutral-control-bg-accent-disabled, #71767E)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:disabled+.mrx-radio__mark .mrx-radio__mark__inner{background:var(--neutral-control-bg-accent-disabled, #71767E)}.mrx-radio.mrx-radio.mrx-input-error.mrx-radio-default .mrx-radio__mark{border-color:var(--system-bg-controls-negative-default, #B83B15)}.mrx-radio.mrx-radio .mrx-radio__label{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:400;line-height:var(--body-md-line-height)}.mrx-radio.mrx-radio .mrx-radio__label--bold{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:700;line-height:var(--body-md-line-height)}.mrx-radio.mrx-radio .required-active{font-family:var(--body-md-bold-font-family);font-size:var(--body-md-bold-font-size);font-weight:var(--body-md-bold-font-weight);line-height:var(--body-md-bold-line-height);color:var(--system-icon-negative, #C65836);margin-left:var(--spacing-1);position:relative;display:inline-block}.mrx-radio__wrapper.mrx-radio__wrapper{display:flex;align-items:center;justify-content:flex-start}\n"] }]
|
|
68
67
|
}], propDecorators: { required: [{
|
|
69
68
|
type: Input
|
|
70
69
|
}], type: [{
|
|
@@ -83,12 +82,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
83
82
|
type: Input
|
|
84
83
|
}], customClasses: [{
|
|
85
84
|
type: Input
|
|
86
|
-
}], id: [{
|
|
87
|
-
type: Input
|
|
88
85
|
}], invalid: [{
|
|
89
86
|
type: Input
|
|
90
87
|
}], _value: [{
|
|
91
88
|
type: Input,
|
|
92
89
|
args: ['value']
|
|
93
90
|
}] } });
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vcmFkaW8vcmFkaW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vcmFkaW8vcmFkaW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RGLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQWMsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDOzs7O0FBaUIxRCxNQUFNLE9BQU8sY0FBYztJQUNsQixVQUFVLENBQU07SUFFUCxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLElBQUksR0FBZSxTQUFTLENBQUM7SUFDN0IsSUFBSSxHQUFXLEVBQUUsQ0FBQztJQUNsQixTQUFTLEdBQUcsSUFBSSxDQUFDO0lBQ2pCLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDakIsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNqQixXQUFXLEdBQUcsRUFBRSxDQUFDO0lBQ2pCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxhQUFhLEdBQUcsRUFBRSxDQUFDO0lBRW5CLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFFaEIsTUFBTSxDQUFNO0lBRTVCLElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBRUQsSUFBSSxLQUFLLENBQUMsS0FBSztRQUViLElBQUksQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ1osSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7WUFDcEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNyQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDbkIsQ0FBQztJQUNILENBQUM7SUFFRCxJQUFXLFVBQVU7UUFDbkIsT0FBTyxHQUFHLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzlELENBQUM7SUFFTyxRQUFRLEdBQUcsQ0FBQyxLQUFVLEVBQUUsRUFBRTtJQUNsQyxDQUFDLENBQUM7SUFDTSxTQUFTLEdBQUcsR0FBRyxFQUFFO0lBQ3pCLENBQUMsQ0FBQztJQUVGLGdCQUFnQixDQUFDLEVBQVk7UUFDM0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQVk7UUFDNUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFVBQVUsQ0FBQyxZQUFpQjtRQUMxQixJQUFJLENBQUMsVUFBVSxHQUFHLFlBQVksQ0FBQztJQUNqQyxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQVU7UUFDckIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDakMsQ0FBQzt3R0FyRFUsY0FBYzs0RkFBZCxjQUFjLG1TQVJkO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxjQUFjLENBQUM7Z0JBQzdDLEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRiwwQkNqQkgsMHhCQXlCQTs7NEZETmEsY0FBYztrQkFiMUIsU0FBUzsrQkFDRSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsZUFBZSxDQUFDOzRCQUM3QyxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFLZSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxXQUFXO3NCQUExQixLQUFLO2dCQUNVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsYUFBYTtzQkFBNUIsS0FBSztnQkFFVSxPQUFPO3NCQUF0QixLQUFLO2dCQUVVLE1BQU07c0JBQXJCLEtBQUs7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGZvcndhcmRSZWYsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5pbXBvcnQgeyBSYWRpb1R5cGVzLCBSYWRpb1R5cGVzRW51bSB9IGZyb20gXCIuL3JhZGlvLmVudW1cIjtcclxuXHJcbmV4cG9ydCB0eXBlIFJhZGlvVmFsdWVUeXBlcyA9IGZhbHNlO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtcngtcmFkaW8nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWRpby5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcmFkaW8uY29tcG9uZW50Lmxlc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFJhZGlvQ29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICB9LFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSYWRpb0NvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBwdWJsaWMgbW9kZWxWYWx1ZTogYW55O1xyXG5cclxuICBASW5wdXQoKSBwdWJsaWMgcmVxdWlyZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgdHlwZTogUmFkaW9UeXBlcyA9ICdkZWZhdWx0JztcclxuICBASW5wdXQoKSBwdWJsaWMgbmFtZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgcHVibGljIGJvbGRMYWJlbCA9IHRydWU7XHJcbiAgQElucHV0KCkgcHVibGljIGRpc2FibGVkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgcHVibGljIHJlYWRvbmx5ID0gZmFsc2U7XHJcbiAgQElucHV0KCkgcHVibGljIHBsYWNlaG9sZGVyID0gJyc7XHJcbiAgQElucHV0KCkgcHVibGljIGxhYmVsID0gJyc7XHJcbiAgQElucHV0KCkgcHVibGljIGN1c3RvbUNsYXNzZXMgPSAnJztcclxuXHJcbiAgQElucHV0KCkgcHVibGljIGludmFsaWQgPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCd2YWx1ZScpIF92YWx1ZTogYW55O1xyXG5cclxuICBnZXQgdmFsdWUoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fdmFsdWU7XHJcbiAgfVxyXG5cclxuICBzZXQgdmFsdWUodmFsdWUpIHtcclxuXHJcbiAgICBpZiAoISF2YWx1ZSkge1xyXG4gICAgICB0aGlzLl92YWx1ZSA9IHZhbHVlO1xyXG4gICAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcclxuICAgICAgdGhpcy5vblRvdWNoZWQoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0Q2xhc3NlcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGAke1JhZGlvVHlwZXNFbnVtW3RoaXMudHlwZV19ICR7dGhpcy5jdXN0b21DbGFzc2VzfWA7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIG9uQ2hhbmdlID0gKHZhbHVlOiBhbnkpID0+IHtcclxuICB9O1xyXG4gIHByaXZhdGUgb25Ub3VjaGVkID0gKCkgPT4ge1xyXG4gIH07XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46ICgpID0+IHt9KSB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4ge30pIHtcclxuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XHJcbiAgfVxyXG5cclxuICB3cml0ZVZhbHVlKG91dHNpZGVWYWx1ZTogYW55KSB7XHJcbiAgICB0aGlzLm1vZGVsVmFsdWUgPSBvdXRzaWRlVmFsdWU7XHJcbiAgfVxyXG5cclxuICB2YWx1ZUNoYW5nZWQoZXZlbnQ6IGFueSkge1xyXG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLm1vZGVsVmFsdWUpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibXJ4LXJhZGlvX193cmFwcGVyXCI+XHJcbiAgPGxhYmVsXHJcbiAgICBjbGFzcz1cIm1yeC1yYWRpb1wiXHJcbiAgICBbY2xhc3NdPVwiZ2V0Q2xhc3Nlc1wiXHJcbiAgICBbY2xhc3MubXJ4LWlucHV0LWVycm9yXT1cImludmFsaWRcIlxyXG4gID5cclxuICAgIDxpbnB1dFxyXG4gICAgICB0eXBlPVwicmFkaW9cIlxyXG4gICAgICBbbmFtZV09XCJuYW1lXCJcclxuICAgICAgW3ZhbHVlXT1cInZhbHVlXCJcclxuICAgICAgWyhuZ01vZGVsKV09XCJtb2RlbFZhbHVlXCJcclxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkIHx8IHJlYWRvbmx5XCJcclxuICAgICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcclxuICAgICAgKGNoYW5nZSk9XCJ2YWx1ZUNoYW5nZWQodmFsdWUpXCJcclxuICAgIC8+XHJcblxyXG4gICAgPHNwYW4gY2xhc3M9XCJtcngtcmFkaW9fX21hcmtcIj48c3BhbiBjbGFzcz1cIm1yeC1yYWRpb19fbWFya19faW5uZXJcIj48L3NwYW4+PC9zcGFuPlxyXG5cclxuICAgIDxzcGFuIGNsYXNzPVwibWwtMVwiIFtjbGFzc109XCJib2xkTGFiZWwgPyAnbXJ4LXJhZGlvX19sYWJlbC0tYm9sZCcgOiAnbXJ4LXJhZGlvX19sYWJlbCdcIj5cclxuICAgICAgICB7e2xhYmVsfX1cclxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwicmVxdWlyZWQgJiYgIWRpc2FibGVkXCIgY2xhc3M9XCJyZXF1aXJlZC1hY3RpdmVcIj4qPC9zcGFuPlxyXG4gICAgPC9zcGFuPlxyXG4gIDwvbGFiZWw+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -32,7 +32,7 @@ export class RadioGroupItemComponent {
|
|
|
32
32
|
this.detector.detectChanges();
|
|
33
33
|
}
|
|
34
34
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: { invalid: "invalid", name: "name", selectedValue: "selectedValue", item: "item", displaced: "displaced", level: "level", bold: "bold", animationTrigger: "animationTrigger", isLast: "isLast", disabled: "disabled", readonly: "readonly" }, outputs: { radioChanged: "radioChanged" }, ngImport: i0, template: "<div class=\"mrx-radio-group__item\" [class.mrx-radio-group__item--buttom-ident]=\"!isLast\">\r\n @if (item.items.length && level < 10) {\r\n <div class=\"mrx-radio-group__item--array\">\r\n <div class=\"mrx-radio-group__item--array-head mb-12px\">\r\n <mrx-radio\r\n [ngModel]=\"selectedValue?.id\"\r\n [value]=\"item.id\"\r\n [name]=\"name\"\r\n [boldLabel]=\"bold\"\r\n [invalid]=\"invalid\"\r\n (ngModelChange)=\"radioChangeModel($event, item)\"\r\n >{{ item.text }}</mrx-radio>\r\n </div>\r\n\r\n <div class=\"mrx-radio-group__item--array-list\">\r\n @for (child of item.items; track child.id) {\r\n <mrx-radio-group-item\r\n [level]=\"level + 1\"\r\n [selectedValue]=\"selectedValue\"\r\n [item]=\"child\"\r\n [invalid]=\"invalid\"\r\n [bold]=\"bold\"\r\n [name]=\"name\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [animationTrigger]=\"animationTrigger\"\r\n (radioChanged)=\"radioChanged.emit($event)\"\r\n ></mrx-radio-group-item>\r\n }\r\n </div>\r\n </div>\r\n } @else {\r\n <div class=\"mrx-radio-group__item--single\">\r\n <mrx-radio\r\n [ngModel]=\"selectedValue?.id\"\r\n [name]=\"name\"\r\n [boldLabel]=\"bold\"\r\n [type]=\"'default'\"\r\n [value]=\"item.id\"\r\n [invalid]=\"invalid\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n (ngModelChange)=\"radioChangeModel($event, item)\"\r\n >{{ item.text }}</mrx-radio>\r\n </div>\r\n }\r\n</div>\r\n\r\n\r\n", styles: [".mrx-radio-group__item--array-head{display:flex;justify-content:flex-start;align-items:center}.mrx-radio-group__item--array-list{padding-left:20px}.mrx-radio-group__item--buttom-ident{margin-bottom:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.RadioComponent, selector: "mrx-radio", inputs: ["required", "type", "name", "boldLabel", "disabled", "readonly", "placeholder", "label", "customClasses", "
|
|
35
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: { invalid: "invalid", name: "name", selectedValue: "selectedValue", item: "item", displaced: "displaced", level: "level", bold: "bold", animationTrigger: "animationTrigger", isLast: "isLast", disabled: "disabled", readonly: "readonly" }, outputs: { radioChanged: "radioChanged" }, ngImport: i0, template: "<div class=\"mrx-radio-group__item\" [class.mrx-radio-group__item--buttom-ident]=\"!isLast\">\r\n @if (item.items.length && level < 10) {\r\n <div class=\"mrx-radio-group__item--array\">\r\n <div class=\"mrx-radio-group__item--array-head mb-12px\">\r\n <mrx-radio\r\n [ngModel]=\"selectedValue?.id\"\r\n [value]=\"item.id\"\r\n [name]=\"name\"\r\n [boldLabel]=\"bold\"\r\n [invalid]=\"invalid\"\r\n (ngModelChange)=\"radioChangeModel($event, item)\"\r\n >{{ item.text }}</mrx-radio>\r\n </div>\r\n\r\n <div class=\"mrx-radio-group__item--array-list\">\r\n @for (child of item.items; track child.id) {\r\n <mrx-radio-group-item\r\n [level]=\"level + 1\"\r\n [selectedValue]=\"selectedValue\"\r\n [item]=\"child\"\r\n [invalid]=\"invalid\"\r\n [bold]=\"bold\"\r\n [name]=\"name\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [animationTrigger]=\"animationTrigger\"\r\n (radioChanged)=\"radioChanged.emit($event)\"\r\n ></mrx-radio-group-item>\r\n }\r\n </div>\r\n </div>\r\n } @else {\r\n <div class=\"mrx-radio-group__item--single\">\r\n <mrx-radio\r\n [ngModel]=\"selectedValue?.id\"\r\n [name]=\"name\"\r\n [boldLabel]=\"bold\"\r\n [type]=\"'default'\"\r\n [value]=\"item.id\"\r\n [invalid]=\"invalid\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n (ngModelChange)=\"radioChangeModel($event, item)\"\r\n >{{ item.text }}</mrx-radio>\r\n </div>\r\n }\r\n</div>\r\n\r\n\r\n", styles: [".mrx-radio-group__item--array-head{display:flex;justify-content:flex-start;align-items:center}.mrx-radio-group__item--array-list{padding-left:20px}.mrx-radio-group__item--buttom-ident{margin-bottom:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.RadioComponent, selector: "mrx-radio", inputs: ["required", "type", "name", "boldLabel", "disabled", "readonly", "placeholder", "label", "customClasses", "invalid", "value"] }, { kind: "component", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: ["invalid", "name", "selectedValue", "item", "displaced", "level", "bold", "animationTrigger", "isLast", "disabled", "readonly"], outputs: ["radioChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
36
36
|
}
|
|
37
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupItemComponent, decorators: [{
|
|
38
38
|
type: Component,
|
|
@@ -62,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
62
62
|
}], radioChanged: [{
|
|
63
63
|
type: Output
|
|
64
64
|
}] } });
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tZ3JvdXAtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9yYWRpby1ncm91cC9jb21wb25lbnRzL3JhZGlvLWdyb3VwLWl0ZW0vcmFkaW8tZ3JvdXAtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9yYWRpby1ncm91cC9jb21wb25lbnRzL3JhZGlvLWdyb3VwLWl0ZW0vcmFkaW8tZ3JvdXAtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQzs7OztBQVN2QixNQUFNLE9BQU8sdUJBQXVCO0lBaUJkO0lBZkosT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixJQUFJLEdBQVcsRUFBRSxDQUFDO0lBQ2xCLGFBQWEsR0FBMEIsSUFBSSxDQUFDO0lBQzVDLElBQUksQ0FBaUI7SUFDckIsU0FBUyxHQUFHLEtBQUssQ0FBQTtJQUNqQixLQUFLLEdBQUcsQ0FBQyxDQUFBO0lBQ0YsSUFBSSxHQUFHLEtBQUssQ0FBQztJQUNwQixnQkFBZ0IsR0FBbUIsSUFBSSxDQUFBO0lBQ3ZDLE1BQU0sQ0FBVTtJQUNULFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDakIsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUVoQixZQUFZLEdBQzNCLElBQUksWUFBWSxFQUE0RCxDQUFDO0lBRS9FLFlBQW9CLFFBQTJCO1FBQTNCLGFBQVEsR0FBUixRQUFRLENBQW1CO0lBQy9DLENBQUM7SUFFRCxJQUFXLGVBQWU7UUFDeEIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxJQUFJLENBQUE7SUFDOUIsQ0FBQztJQUVNLGdCQUFnQixDQUFDLEtBQThCLEVBQUUsSUFBb0I7UUFDMUUsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDLENBQUE7UUFDaEQsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQTtRQUNoRCxDQUFDO1FBRUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsQ0FBQTtJQUMvQixDQUFDO3dHQWhDVSx1QkFBdUI7NEZBQXZCLHVCQUF1Qiw2VkNoQnBDLHlyREFpREEsc3hCRGpDYSx1QkFBdUI7OzRGQUF2Qix1QkFBdUI7a0JBTm5DLFNBQVM7K0JBQ0Usc0JBQXNCLG1CQUdmLHVCQUF1QixDQUFDLE1BQU07c0ZBSS9CLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBRVcsWUFBWTtzQkFBNUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJhZGlvR3JvdXBJdGVtLCBSYWRpb0luZGV0ZXJtaW5hdGVTdGF0ZSB9IGZyb20gJy4uLy4uL21vZGVscy9yYWRpby1ncm91cC5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21yeC1yYWRpby1ncm91cC1pdGVtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcmFkaW8tZ3JvdXAtaXRlbS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcmFkaW8tZ3JvdXAtaXRlbS5jb21wb25lbnQubGVzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSYWRpb0dyb3VwSXRlbUNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBpbnZhbGlkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgc2VsZWN0ZWRWYWx1ZTogUmFkaW9Hcm91cEl0ZW0gfCBudWxsID0gbnVsbDtcclxuICBASW5wdXQoKSBpdGVtITogUmFkaW9Hcm91cEl0ZW1cclxuICBASW5wdXQoKSBkaXNwbGFjZWQgPSBmYWxzZVxyXG4gIEBJbnB1dCgpIGxldmVsID0gMFxyXG4gIEBJbnB1dCgpIHB1YmxpYyBib2xkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgYW5pbWF0aW9uVHJpZ2dlcjogYm9vbGVhbiB8IG51bGwgPSBudWxsXHJcbiAgQElucHV0KCkgaXNMYXN0ITogYm9vbGVhblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyByZWFkb25seSA9IGZhbHNlO1xyXG5cclxuICBAT3V0cHV0KCkgcHVibGljIHJhZGlvQ2hhbmdlZDogRXZlbnRFbWl0dGVyPHsgdmFsdWU6IFJhZGlvSW5kZXRlcm1pbmF0ZVN0YXRlLCBpdGVtOiBSYWRpb0dyb3VwSXRlbSB9PiA9XHJcbiAgICBuZXcgRXZlbnRFbWl0dGVyPHsgdmFsdWU6IFJhZGlvSW5kZXRlcm1pbmF0ZVN0YXRlLCBpdGVtOiBSYWRpb0dyb3VwSXRlbSB9PigpO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGRldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZikge1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBpc0luZGV0ZXJtaW5hdGUoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5pdGVtLmlkID09PSBudWxsXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgcmFkaW9DaGFuZ2VNb2RlbCh2YWx1ZTogUmFkaW9JbmRldGVybWluYXRlU3RhdGUsIGl0ZW06IFJhZGlvR3JvdXBJdGVtKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5pc0luZGV0ZXJtaW5hdGUpIHtcclxuICAgICAgdGhpcy5yYWRpb0NoYW5nZWQuZW1pdCh7IHZhbHVlOiBmYWxzZSwgaXRlbSB9KVxyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5yYWRpb0NoYW5nZWQuZW1pdCh7IHZhbHVlOiB2YWx1ZSwgaXRlbSB9KVxyXG4gICAgfVxyXG5cclxuICAgIHRoaXMuZGV0ZWN0b3IuZGV0ZWN0Q2hhbmdlcygpXHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtcngtcmFkaW8tZ3JvdXBfX2l0ZW1cIiBbY2xhc3MubXJ4LXJhZGlvLWdyb3VwX19pdGVtLS1idXR0b20taWRlbnRdPVwiIWlzTGFzdFwiPlxyXG4gIEBpZiAoaXRlbS5pdGVtcy5sZW5ndGggJiYgbGV2ZWwgPCAxMCkge1xyXG4gICAgPGRpdiBjbGFzcz1cIm1yeC1yYWRpby1ncm91cF9faXRlbS0tYXJyYXlcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1yeC1yYWRpby1ncm91cF9faXRlbS0tYXJyYXktaGVhZCBtYi0xMnB4XCI+XHJcbiAgICAgICAgPG1yeC1yYWRpb1xyXG4gICAgICAgICAgW25nTW9kZWxdPVwic2VsZWN0ZWRWYWx1ZT8uaWRcIlxyXG4gICAgICAgICAgW3ZhbHVlXT1cIml0ZW0uaWRcIlxyXG4gICAgICAgICAgW25hbWVdPVwibmFtZVwiXHJcbiAgICAgICAgICBbYm9sZExhYmVsXT1cImJvbGRcIlxyXG4gICAgICAgICAgW2ludmFsaWRdPVwiaW52YWxpZFwiXHJcbiAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJyYWRpb0NoYW5nZU1vZGVsKCRldmVudCwgaXRlbSlcIlxyXG4gICAgICAgID57eyBpdGVtLnRleHQgfX08L21yeC1yYWRpbz5cclxuICAgICAgPC9kaXY+XHJcblxyXG4gICAgICA8ZGl2IGNsYXNzPVwibXJ4LXJhZGlvLWdyb3VwX19pdGVtLS1hcnJheS1saXN0XCI+XHJcbiAgICAgICAgQGZvciAoY2hpbGQgb2YgaXRlbS5pdGVtczsgdHJhY2sgY2hpbGQuaWQpIHtcclxuICAgICAgICAgIDxtcngtcmFkaW8tZ3JvdXAtaXRlbVxyXG4gICAgICAgICAgICBbbGV2ZWxdPVwibGV2ZWwgKyAxXCJcclxuICAgICAgICAgICAgW3NlbGVjdGVkVmFsdWVdPVwic2VsZWN0ZWRWYWx1ZVwiXHJcbiAgICAgICAgICAgIFtpdGVtXT1cImNoaWxkXCJcclxuICAgICAgICAgICAgW2ludmFsaWRdPVwiaW52YWxpZFwiXHJcbiAgICAgICAgICAgIFtib2xkXT1cImJvbGRcIlxyXG4gICAgICAgICAgICBbbmFtZV09XCJuYW1lXCJcclxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgICAgICAgICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcclxuICAgICAgICAgICAgW2FuaW1hdGlvblRyaWdnZXJdPVwiYW5pbWF0aW9uVHJpZ2dlclwiXHJcbiAgICAgICAgICAgIChyYWRpb0NoYW5nZWQpPVwicmFkaW9DaGFuZ2VkLmVtaXQoJGV2ZW50KVwiXHJcbiAgICAgICAgICA+PC9tcngtcmFkaW8tZ3JvdXAtaXRlbT5cclxuICAgICAgICB9XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgfSBAZWxzZSB7XHJcbiAgICA8ZGl2IGNsYXNzPVwibXJ4LXJhZGlvLWdyb3VwX19pdGVtLS1zaW5nbGVcIj5cclxuICAgICAgPG1yeC1yYWRpb1xyXG4gICAgICAgIFtuZ01vZGVsXT1cInNlbGVjdGVkVmFsdWU/LmlkXCJcclxuICAgICAgICBbbmFtZV09XCJuYW1lXCJcclxuICAgICAgICBbYm9sZExhYmVsXT1cImJvbGRcIlxyXG4gICAgICAgIFt0eXBlXT1cIidkZWZhdWx0J1wiXHJcbiAgICAgICAgW3ZhbHVlXT1cIml0ZW0uaWRcIlxyXG4gICAgICAgIFtpbnZhbGlkXT1cImludmFsaWRcIlxyXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcclxuICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJyYWRpb0NoYW5nZU1vZGVsKCRldmVudCwgaXRlbSlcIlxyXG4gICAgICA+e3sgaXRlbS50ZXh0IH19PC9tcngtcmFkaW8+XHJcbiAgICA8L2Rpdj5cclxuICB9XHJcbjwvZGl2PlxyXG5cclxuXHJcbiJdfQ==
|
package/fesm2022/myrta-ui.mjs
CHANGED
|
@@ -15151,7 +15151,6 @@ class RadioComponent {
|
|
|
15151
15151
|
placeholder = '';
|
|
15152
15152
|
label = '';
|
|
15153
15153
|
customClasses = '';
|
|
15154
|
-
id = '';
|
|
15155
15154
|
invalid = false;
|
|
15156
15155
|
_value;
|
|
15157
15156
|
get value() {
|
|
@@ -15184,13 +15183,13 @@ class RadioComponent {
|
|
|
15184
15183
|
this.onChange(this.modelValue);
|
|
15185
15184
|
}
|
|
15186
15185
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15187
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RadioComponent, selector: "mrx-radio", inputs: { required: "required", type: "type", name: "name", boldLabel: "boldLabel", disabled: "disabled", readonly: "readonly", placeholder: "placeholder", label: "label", customClasses: "customClasses",
|
|
15186
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RadioComponent, selector: "mrx-radio", inputs: { required: "required", type: "type", name: "name", boldLabel: "boldLabel", disabled: "disabled", readonly: "readonly", placeholder: "placeholder", label: "label", customClasses: "customClasses", invalid: "invalid", _value: ["value", "_value"] }, providers: [
|
|
15188
15187
|
{
|
|
15189
15188
|
provide: NG_VALUE_ACCESSOR,
|
|
15190
15189
|
useExisting: forwardRef(() => RadioComponent),
|
|
15191
15190
|
multi: true,
|
|
15192
15191
|
},
|
|
15193
|
-
], ngImport: i0, template: "<div class=\"mrx-radio__wrapper\">\r\n <label\r\n class=\"mrx-radio\"\r\n [class]=\"getClasses\"\r\n [class.mrx-input-error]=\"invalid\"\r\n >\r\n <input\r\n type=\"radio\"\r\n [
|
|
15192
|
+
], ngImport: i0, template: "<div class=\"mrx-radio__wrapper\">\r\n <label\r\n class=\"mrx-radio\"\r\n [class]=\"getClasses\"\r\n [class.mrx-input-error]=\"invalid\"\r\n >\r\n <input\r\n type=\"radio\"\r\n [name]=\"name\"\r\n [value]=\"value\"\r\n [(ngModel)]=\"modelValue\"\r\n [disabled]=\"disabled || readonly\"\r\n [readonly]=\"readonly\"\r\n (change)=\"valueChanged(value)\"\r\n />\r\n\r\n <span class=\"mrx-radio__mark\"><span class=\"mrx-radio__mark__inner\"></span></span>\r\n\r\n <span class=\"ml-1\" [class]=\"boldLabel ? 'mrx-radio__label--bold' : 'mrx-radio__label'\">\r\n {{label}}\r\n <ng-content></ng-content>\r\n <span *ngIf=\"required && !disabled\" class=\"required-active\">*</span>\r\n </span>\r\n </label>\r\n</div>\r\n", styles: [".mrx-radio.mrx-radio{display:flex!important;align-items:center;min-height:auto!important;margin-bottom:0!important;overflow:visible;background-color:transparent;cursor:pointer;box-sizing:border-box;position:relative}.mrx-radio input[type=radio]{position:absolute;z-index:-1;opacity:0;width:0;height:0;margin:0}.mrx-radio.mrx-radio.mrx-radio-default .mrx-radio__mark{display:flex;align-items:center;justify-content:center;height:var(--sizing-4);width:var(--sizing-4);min-width:var(--sizing-4);border:var(--border-width-checkbox) solid var(--neutral-bg-stroke-default, #DBDFE5);border-radius:50%;transition:border .2s;position:relative}.mrx-radio.mrx-radio.mrx-radio-default .mrx-radio__mark .mrx-radio__mark__inner{display:block;width:6px;height:6px;border-radius:50%;background:var(--brand-bg-primary-default, #2A6AB8);opacity:0;transition:opacity .2s}.mrx-radio.mrx-radio.mrx-radio-default:hover .mrx-radio__mark{border-color:var(--neutral-bg-stroke-hover, #0F54AA)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:checked+.mrx-radio__mark{border-color:var(--brand-bg-primary-default, #2A6AB8)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:checked+.mrx-radio__mark .mrx-radio__mark__inner{opacity:1}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:not(:checked):disabled+.mrx-radio__mark{background:var(--neutral-control-bg-accent-disabled, #71767E)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:disabled+.mrx-radio__mark{border-color:var(--neutral-control-bg-accent-disabled, #71767E)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:disabled+.mrx-radio__mark .mrx-radio__mark__inner{background:var(--neutral-control-bg-accent-disabled, #71767E)}.mrx-radio.mrx-radio.mrx-input-error.mrx-radio-default .mrx-radio__mark{border-color:var(--system-bg-controls-negative-default, #B83B15)}.mrx-radio.mrx-radio .mrx-radio__label{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:400;line-height:var(--body-md-line-height)}.mrx-radio.mrx-radio .mrx-radio__label--bold{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:700;line-height:var(--body-md-line-height)}.mrx-radio.mrx-radio .required-active{font-family:var(--body-md-bold-font-family);font-size:var(--body-md-bold-font-size);font-weight:var(--body-md-bold-font-weight);line-height:var(--body-md-bold-line-height);color:var(--system-icon-negative, #C65836);margin-left:var(--spacing-1);position:relative;display:inline-block}.mrx-radio__wrapper.mrx-radio__wrapper{display:flex;align-items:center;justify-content:flex-start}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
15194
15193
|
}
|
|
15195
15194
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioComponent, decorators: [{
|
|
15196
15195
|
type: Component,
|
|
@@ -15200,7 +15199,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
15200
15199
|
useExisting: forwardRef(() => RadioComponent),
|
|
15201
15200
|
multi: true,
|
|
15202
15201
|
},
|
|
15203
|
-
], template: "<div class=\"mrx-radio__wrapper\">\r\n <label\r\n class=\"mrx-radio\"\r\n [class]=\"getClasses\"\r\n [class.mrx-input-error]=\"invalid\"\r\n >\r\n <input\r\n type=\"radio\"\r\n [
|
|
15202
|
+
], template: "<div class=\"mrx-radio__wrapper\">\r\n <label\r\n class=\"mrx-radio\"\r\n [class]=\"getClasses\"\r\n [class.mrx-input-error]=\"invalid\"\r\n >\r\n <input\r\n type=\"radio\"\r\n [name]=\"name\"\r\n [value]=\"value\"\r\n [(ngModel)]=\"modelValue\"\r\n [disabled]=\"disabled || readonly\"\r\n [readonly]=\"readonly\"\r\n (change)=\"valueChanged(value)\"\r\n />\r\n\r\n <span class=\"mrx-radio__mark\"><span class=\"mrx-radio__mark__inner\"></span></span>\r\n\r\n <span class=\"ml-1\" [class]=\"boldLabel ? 'mrx-radio__label--bold' : 'mrx-radio__label'\">\r\n {{label}}\r\n <ng-content></ng-content>\r\n <span *ngIf=\"required && !disabled\" class=\"required-active\">*</span>\r\n </span>\r\n </label>\r\n</div>\r\n", styles: [".mrx-radio.mrx-radio{display:flex!important;align-items:center;min-height:auto!important;margin-bottom:0!important;overflow:visible;background-color:transparent;cursor:pointer;box-sizing:border-box;position:relative}.mrx-radio input[type=radio]{position:absolute;z-index:-1;opacity:0;width:0;height:0;margin:0}.mrx-radio.mrx-radio.mrx-radio-default .mrx-radio__mark{display:flex;align-items:center;justify-content:center;height:var(--sizing-4);width:var(--sizing-4);min-width:var(--sizing-4);border:var(--border-width-checkbox) solid var(--neutral-bg-stroke-default, #DBDFE5);border-radius:50%;transition:border .2s;position:relative}.mrx-radio.mrx-radio.mrx-radio-default .mrx-radio__mark .mrx-radio__mark__inner{display:block;width:6px;height:6px;border-radius:50%;background:var(--brand-bg-primary-default, #2A6AB8);opacity:0;transition:opacity .2s}.mrx-radio.mrx-radio.mrx-radio-default:hover .mrx-radio__mark{border-color:var(--neutral-bg-stroke-hover, #0F54AA)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:checked+.mrx-radio__mark{border-color:var(--brand-bg-primary-default, #2A6AB8)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:checked+.mrx-radio__mark .mrx-radio__mark__inner{opacity:1}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:not(:checked):disabled+.mrx-radio__mark{background:var(--neutral-control-bg-accent-disabled, #71767E)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:disabled+.mrx-radio__mark{border-color:var(--neutral-control-bg-accent-disabled, #71767E)}.mrx-radio.mrx-radio.mrx-radio-default input[type=radio]:disabled+.mrx-radio__mark .mrx-radio__mark__inner{background:var(--neutral-control-bg-accent-disabled, #71767E)}.mrx-radio.mrx-radio.mrx-input-error.mrx-radio-default .mrx-radio__mark{border-color:var(--system-bg-controls-negative-default, #B83B15)}.mrx-radio.mrx-radio .mrx-radio__label{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:400;line-height:var(--body-md-line-height)}.mrx-radio.mrx-radio .mrx-radio__label--bold{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:700;line-height:var(--body-md-line-height)}.mrx-radio.mrx-radio .required-active{font-family:var(--body-md-bold-font-family);font-size:var(--body-md-bold-font-size);font-weight:var(--body-md-bold-font-weight);line-height:var(--body-md-bold-line-height);color:var(--system-icon-negative, #C65836);margin-left:var(--spacing-1);position:relative;display:inline-block}.mrx-radio__wrapper.mrx-radio__wrapper{display:flex;align-items:center;justify-content:flex-start}\n"] }]
|
|
15204
15203
|
}], propDecorators: { required: [{
|
|
15205
15204
|
type: Input
|
|
15206
15205
|
}], type: [{
|
|
@@ -15219,8 +15218,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
15219
15218
|
type: Input
|
|
15220
15219
|
}], customClasses: [{
|
|
15221
15220
|
type: Input
|
|
15222
|
-
}], id: [{
|
|
15223
|
-
type: Input
|
|
15224
15221
|
}], invalid: [{
|
|
15225
15222
|
type: Input
|
|
15226
15223
|
}], _value: [{
|
|
@@ -15338,7 +15335,7 @@ class RadioGroupItemComponent {
|
|
|
15338
15335
|
this.detector.detectChanges();
|
|
15339
15336
|
}
|
|
15340
15337
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
15341
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: { invalid: "invalid", name: "name", selectedValue: "selectedValue", item: "item", displaced: "displaced", level: "level", bold: "bold", animationTrigger: "animationTrigger", isLast: "isLast", disabled: "disabled", readonly: "readonly" }, outputs: { radioChanged: "radioChanged" }, ngImport: i0, template: "<div class=\"mrx-radio-group__item\" [class.mrx-radio-group__item--buttom-ident]=\"!isLast\">\r\n @if (item.items.length && level < 10) {\r\n <div class=\"mrx-radio-group__item--array\">\r\n <div class=\"mrx-radio-group__item--array-head mb-12px\">\r\n <mrx-radio\r\n [ngModel]=\"selectedValue?.id\"\r\n [value]=\"item.id\"\r\n [name]=\"name\"\r\n [boldLabel]=\"bold\"\r\n [invalid]=\"invalid\"\r\n (ngModelChange)=\"radioChangeModel($event, item)\"\r\n >{{ item.text }}</mrx-radio>\r\n </div>\r\n\r\n <div class=\"mrx-radio-group__item--array-list\">\r\n @for (child of item.items; track child.id) {\r\n <mrx-radio-group-item\r\n [level]=\"level + 1\"\r\n [selectedValue]=\"selectedValue\"\r\n [item]=\"child\"\r\n [invalid]=\"invalid\"\r\n [bold]=\"bold\"\r\n [name]=\"name\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [animationTrigger]=\"animationTrigger\"\r\n (radioChanged)=\"radioChanged.emit($event)\"\r\n ></mrx-radio-group-item>\r\n }\r\n </div>\r\n </div>\r\n } @else {\r\n <div class=\"mrx-radio-group__item--single\">\r\n <mrx-radio\r\n [ngModel]=\"selectedValue?.id\"\r\n [name]=\"name\"\r\n [boldLabel]=\"bold\"\r\n [type]=\"'default'\"\r\n [value]=\"item.id\"\r\n [invalid]=\"invalid\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n (ngModelChange)=\"radioChangeModel($event, item)\"\r\n >{{ item.text }}</mrx-radio>\r\n </div>\r\n }\r\n</div>\r\n\r\n\r\n", styles: [".mrx-radio-group__item--array-head{display:flex;justify-content:flex-start;align-items:center}.mrx-radio-group__item--array-list{padding-left:20px}.mrx-radio-group__item--buttom-ident{margin-bottom:12px}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: RadioComponent, selector: "mrx-radio", inputs: ["required", "type", "name", "boldLabel", "disabled", "readonly", "placeholder", "label", "customClasses", "
|
|
15338
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: { invalid: "invalid", name: "name", selectedValue: "selectedValue", item: "item", displaced: "displaced", level: "level", bold: "bold", animationTrigger: "animationTrigger", isLast: "isLast", disabled: "disabled", readonly: "readonly" }, outputs: { radioChanged: "radioChanged" }, ngImport: i0, template: "<div class=\"mrx-radio-group__item\" [class.mrx-radio-group__item--buttom-ident]=\"!isLast\">\r\n @if (item.items.length && level < 10) {\r\n <div class=\"mrx-radio-group__item--array\">\r\n <div class=\"mrx-radio-group__item--array-head mb-12px\">\r\n <mrx-radio\r\n [ngModel]=\"selectedValue?.id\"\r\n [value]=\"item.id\"\r\n [name]=\"name\"\r\n [boldLabel]=\"bold\"\r\n [invalid]=\"invalid\"\r\n (ngModelChange)=\"radioChangeModel($event, item)\"\r\n >{{ item.text }}</mrx-radio>\r\n </div>\r\n\r\n <div class=\"mrx-radio-group__item--array-list\">\r\n @for (child of item.items; track child.id) {\r\n <mrx-radio-group-item\r\n [level]=\"level + 1\"\r\n [selectedValue]=\"selectedValue\"\r\n [item]=\"child\"\r\n [invalid]=\"invalid\"\r\n [bold]=\"bold\"\r\n [name]=\"name\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [animationTrigger]=\"animationTrigger\"\r\n (radioChanged)=\"radioChanged.emit($event)\"\r\n ></mrx-radio-group-item>\r\n }\r\n </div>\r\n </div>\r\n } @else {\r\n <div class=\"mrx-radio-group__item--single\">\r\n <mrx-radio\r\n [ngModel]=\"selectedValue?.id\"\r\n [name]=\"name\"\r\n [boldLabel]=\"bold\"\r\n [type]=\"'default'\"\r\n [value]=\"item.id\"\r\n [invalid]=\"invalid\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n (ngModelChange)=\"radioChangeModel($event, item)\"\r\n >{{ item.text }}</mrx-radio>\r\n </div>\r\n }\r\n</div>\r\n\r\n\r\n", styles: [".mrx-radio-group__item--array-head{display:flex;justify-content:flex-start;align-items:center}.mrx-radio-group__item--array-list{padding-left:20px}.mrx-radio-group__item--buttom-ident{margin-bottom:12px}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: RadioComponent, selector: "mrx-radio", inputs: ["required", "type", "name", "boldLabel", "disabled", "readonly", "placeholder", "label", "customClasses", "invalid", "value"] }, { kind: "component", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: ["invalid", "name", "selectedValue", "item", "displaced", "level", "bold", "animationTrigger", "isLast", "disabled", "readonly"], outputs: ["radioChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
15342
15339
|
}
|
|
15343
15340
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupItemComponent, decorators: [{
|
|
15344
15341
|
type: Component,
|