myrta-ui 17.0.62 → 17.0.63
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-group/components/radio-group-header/radio-group-header.component.mjs +6 -7
- package/esm2022/lib/components/form/radio-group/components/radio-group-item/radio-group-item.component.mjs +5 -9
- package/esm2022/lib/components/form/radio-group/radio-group.component.mjs +16 -21
- package/esm2022/lib/components/truncate-text/truncate-text.component.mjs +3 -3
- package/fesm2022/myrta-ui.mjs +16 -24
- package/fesm2022/myrta-ui.mjs.map +1 -1
- package/lib/components/form/radio-group/components/radio-group-item/radio-group-item.component.d.ts +0 -1
- package/lib/components/form/radio-group/radio-group.component.d.ts +4 -6
- package/package.json +1 -1
package/fesm2022/myrta-ui.mjs
CHANGED
|
@@ -4193,11 +4193,11 @@ class TruncateTextComponent {
|
|
|
4193
4193
|
this.isVisibleButton = event;
|
|
4194
4194
|
}
|
|
4195
4195
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4196
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TruncateTextComponent, selector: "mrx-truncate-text", inputs: { count: "count", responsiveCount: "responsiveCount", isOpen: "isOpen", lineHeight: "lineHeight", onText: "onText", offText: "offText" }, ngImport: i0, template: "<div\r\n class=\"mrx-truncate-text\"\r\n mrxTruncateText\r\n [count]=\"count\"\r\n [responsiveCount]=\"responsiveCount\"\r\n [isOpen]=\"isOpen\"\r\n [lineHeight]=\"lineHeight\"\r\n [class.mb-2]=\"getGapClass\"\r\n (changeVisibleButton)=\"changeVisibleButton($event)\"\r\n>\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n<mrx-link\r\n *ngIf=\"isVisibleButton\"\r\n [type]=\"'pseudo'\"\r\n [prevent]=\"true\"\r\n (clicked)=\"isOpen = !isOpen\"\r\n>\r\n {{ isOpen ? offText : onText }}\r\n</mrx-link>\r\n
|
|
4196
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TruncateTextComponent, selector: "mrx-truncate-text", inputs: { count: "count", responsiveCount: "responsiveCount", isOpen: "isOpen", lineHeight: "lineHeight", onText: "onText", offText: "offText" }, ngImport: i0, template: "<div\r\n class=\"mrx-truncate-text\"\r\n mrxTruncateText\r\n [count]=\"count\"\r\n [responsiveCount]=\"responsiveCount\"\r\n [isOpen]=\"isOpen\"\r\n [lineHeight]=\"lineHeight\"\r\n [class.mb-2]=\"getGapClass\"\r\n (changeVisibleButton)=\"changeVisibleButton($event)\"\r\n>\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n<mrx-link\r\n *ngIf=\"isVisibleButton\"\r\n [type]=\"'pseudo'\"\r\n [prevent]=\"true\"\r\n (clicked)=\"isOpen = !isOpen\"\r\n>\r\n {{ isOpen ? offText : onText }}\r\n</mrx-link>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LinkComponent, selector: "mrx-link", inputs: ["href", "target", "routerLink", "queryParams", "type", "monochrome", "customClasses", "prevent", "size"], outputs: ["clicked"] }, { kind: "directive", type: TruncateTextDirective, selector: "[mrxTruncateText]", inputs: ["count", "responsiveCount", "lineHeight", "isOpen", "truncateButtonRef"], outputs: ["changeVisibleButton"] }] });
|
|
4197
4197
|
}
|
|
4198
4198
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateTextComponent, decorators: [{
|
|
4199
4199
|
type: Component,
|
|
4200
|
-
args: [{ selector: 'mrx-truncate-text', template: "<div\r\n class=\"mrx-truncate-text\"\r\n mrxTruncateText\r\n [count]=\"count\"\r\n [responsiveCount]=\"responsiveCount\"\r\n [isOpen]=\"isOpen\"\r\n [lineHeight]=\"lineHeight\"\r\n [class.mb-2]=\"getGapClass\"\r\n (changeVisibleButton)=\"changeVisibleButton($event)\"\r\n>\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n<mrx-link\r\n *ngIf=\"isVisibleButton\"\r\n [type]=\"'pseudo'\"\r\n [prevent]=\"true\"\r\n (clicked)=\"isOpen = !isOpen\"\r\n>\r\n {{ isOpen ? offText : onText }}\r\n</mrx-link>\r\n
|
|
4200
|
+
args: [{ selector: 'mrx-truncate-text', template: "<div\r\n class=\"mrx-truncate-text\"\r\n mrxTruncateText\r\n [count]=\"count\"\r\n [responsiveCount]=\"responsiveCount\"\r\n [isOpen]=\"isOpen\"\r\n [lineHeight]=\"lineHeight\"\r\n [class.mb-2]=\"getGapClass\"\r\n (changeVisibleButton)=\"changeVisibleButton($event)\"\r\n>\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n<mrx-link\r\n *ngIf=\"isVisibleButton\"\r\n [type]=\"'pseudo'\"\r\n [prevent]=\"true\"\r\n (clicked)=\"isOpen = !isOpen\"\r\n>\r\n {{ isOpen ? offText : onText }}\r\n</mrx-link>\r\n" }]
|
|
4201
4201
|
}], propDecorators: { count: [{
|
|
4202
4202
|
type: Input
|
|
4203
4203
|
}], responsiveCount: [{
|
|
@@ -16125,9 +16125,6 @@ class RadioGroupItemComponent {
|
|
|
16125
16125
|
get isIndeterminate() {
|
|
16126
16126
|
return this.item.id === null;
|
|
16127
16127
|
}
|
|
16128
|
-
trackByFn(index, item) {
|
|
16129
|
-
return item.id;
|
|
16130
|
-
}
|
|
16131
16128
|
radioChangeModel(value, item) {
|
|
16132
16129
|
if (this.isIndeterminate) {
|
|
16133
16130
|
this.radioChanged.emit({ value: false, item });
|
|
@@ -16138,11 +16135,11 @@ class RadioGroupItemComponent {
|
|
|
16138
16135
|
this.detector.detectChanges();
|
|
16139
16136
|
}
|
|
16140
16137
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
16141
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
16138
|
+
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: { animationEnd: "animationEnd", radioChanged: "radioChanged" }, ngImport: i0, template: "<div class=\"mrx-radio-group__item\" [class.mrx-radio-group__item--buttom-ident]=\"!isLast\">\r\n @if (item.array.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\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.array; 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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.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: ["animationEnd", "radioChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
16142
16139
|
}
|
|
16143
16140
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupItemComponent, decorators: [{
|
|
16144
16141
|
type: Component,
|
|
16145
|
-
args: [{ selector: 'mrx-radio-group-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-radio-group__item\" [class.mrx-radio-group__item--buttom-ident]=\"!isLast\">\r\n
|
|
16142
|
+
args: [{ selector: 'mrx-radio-group-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mrx-radio-group__item\" [class.mrx-radio-group__item--buttom-ident]=\"!isLast\">\r\n @if (item.array.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\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.array; 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"] }]
|
|
16146
16143
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { invalid: [{
|
|
16147
16144
|
type: Input
|
|
16148
16145
|
}], name: [{
|
|
@@ -16188,11 +16185,11 @@ class RadioGroupHeaderComponent {
|
|
|
16188
16185
|
this.updateradioGroupSearchValue.emit(searchValue);
|
|
16189
16186
|
}
|
|
16190
16187
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16191
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
16188
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: RadioGroupHeaderComponent, selector: "mrx-radio-group-header", inputs: { searchSize: "searchSize", searchable: "searchable", searchPlaceholder: "searchPlaceholder", tooltip: "tooltip", labelText: "labelText", linkText: "linkText", checkedItemsCount: "checkedItemsCount", required: "required" }, outputs: { updateradioGroupSearchValue: "updateradioGroupSearchValue" }, ngImport: i0, template: "@if (labelText) {\r\n <mrx-label [tooltip]=\"tooltip\" [required]=\"required\">{{ labelText }}</mrx-label>\r\n}\r\n\r\n@if (searchable) {\r\n <div class=\"mrx-radio-group-head--search mb-12px\">\r\n <mrx-input-search\r\n [ngModel]=\"searchValue\"\r\n [size]=\"searchSize\"\r\n [placeholder]=\"searchPlaceholder\"\r\n (ngModelChange)=\"changeSearchValue($event)\"\r\n ></mrx-input-search>\r\n </div>\r\n}\r\n\r\n", dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: InputSearchComponent, selector: "mrx-input-search", inputs: ["disabled", "required", "readonly", "maxlength", "minlength", "placeholder", "invalid", "invalidMessage", "checkInvalid", "customClasses", "mask", "size"], outputs: ["changed", "cleared", "searched"] }, { kind: "component", type: LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "disabled", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "isSwitch", "switchLabel", "switchValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
16192
16189
|
}
|
|
16193
16190
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupHeaderComponent, decorators: [{
|
|
16194
16191
|
type: Component,
|
|
16195
|
-
args: [{ selector: 'mrx-radio-group-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "
|
|
16192
|
+
args: [{ selector: 'mrx-radio-group-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (labelText) {\r\n <mrx-label [tooltip]=\"tooltip\" [required]=\"required\">{{ labelText }}</mrx-label>\r\n}\r\n\r\n@if (searchable) {\r\n <div class=\"mrx-radio-group-head--search mb-12px\">\r\n <mrx-input-search\r\n [ngModel]=\"searchValue\"\r\n [size]=\"searchSize\"\r\n [placeholder]=\"searchPlaceholder\"\r\n (ngModelChange)=\"changeSearchValue($event)\"\r\n ></mrx-input-search>\r\n </div>\r\n}\r\n\r\n" }]
|
|
16196
16193
|
}], ctorParameters: () => [], propDecorators: { searchSize: [{
|
|
16197
16194
|
type: Input
|
|
16198
16195
|
}], searchable: [{
|
|
@@ -16215,7 +16212,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
16215
16212
|
|
|
16216
16213
|
class RadioGroupComponent {
|
|
16217
16214
|
_detector;
|
|
16218
|
-
_isInit = false;
|
|
16219
16215
|
_groupItemsWrapperHeight = 0;
|
|
16220
16216
|
_searchValue = '';
|
|
16221
16217
|
_list = [];
|
|
@@ -16272,16 +16268,11 @@ class RadioGroupComponent {
|
|
|
16272
16268
|
get getShowScroll() {
|
|
16273
16269
|
return this._groupItemsWrapperHeight > this.scrollMaxHeight;
|
|
16274
16270
|
}
|
|
16275
|
-
|
|
16276
|
-
return
|
|
16271
|
+
get isInvalidMessage() {
|
|
16272
|
+
return !!this.invalidMessage || !!this.invalidMessage?.length;
|
|
16277
16273
|
}
|
|
16278
|
-
onChange = (value) => {
|
|
16279
|
-
};
|
|
16280
|
-
onTouched = () => {
|
|
16281
|
-
};
|
|
16282
16274
|
writeValue(selectedValue) {
|
|
16283
16275
|
this.selectedValue = selectedValue;
|
|
16284
|
-
this._isInit = true;
|
|
16285
16276
|
}
|
|
16286
16277
|
registerOnChange(fn) {
|
|
16287
16278
|
this.onChange = fn;
|
|
@@ -16302,27 +16293,28 @@ class RadioGroupComponent {
|
|
|
16302
16293
|
updateRadioGroupSearchValue(searchValue) {
|
|
16303
16294
|
this._searchValue = searchValue;
|
|
16304
16295
|
this.filteredList = filterSearchGroup(this._list, this._searchValue);
|
|
16296
|
+
this.filteredList = moveSelectedToFirst(this.filteredList, this.sortable, this.selectedValue);
|
|
16305
16297
|
}
|
|
16306
16298
|
radioChanged({ item }) {
|
|
16307
16299
|
const cloneList = cloneDeep(this.filteredList);
|
|
16308
16300
|
const targetItem = getItemById(cloneList, item.id);
|
|
16309
16301
|
this.selectedValue = targetItem;
|
|
16310
16302
|
this.filteredList = moveSelectedToFirst(cloneList, this.sortable, targetItem);
|
|
16311
|
-
this._list = this.filteredList;
|
|
16312
16303
|
this.updateValue(this.filteredList, targetItem);
|
|
16313
16304
|
this.modelItemChange.emit(targetItem);
|
|
16314
16305
|
}
|
|
16315
|
-
|
|
16316
|
-
|
|
16317
|
-
|
|
16306
|
+
onChange = (value) => {
|
|
16307
|
+
};
|
|
16308
|
+
onTouched = () => {
|
|
16309
|
+
};
|
|
16318
16310
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
16319
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
16311
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: RadioGroupComponent, selector: "mrx-radio-group", inputs: { fields: "fields", searchSize: "searchSize", name: "name", scrollMaxHeight: "scrollMaxHeight", searchable: "searchable", bold: "bold", scrollable: "scrollable", sortable: "sortable", disabled: "disabled", readonly: "readonly", enableMessage: "enableMessage", searchPlaceholder: "searchPlaceholder", customClasses: "customClasses", required: "required", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid", tooltip: "tooltip", labelText: "labelText", items: "items" }, outputs: { changed: "changed", modelChange: "modelChange", modelCheckedChange: "modelCheckedChange", modelItemChange: "modelItemChange" }, providers: [
|
|
16320
16312
|
{
|
|
16321
16313
|
provide: NG_VALUE_ACCESSOR,
|
|
16322
16314
|
useExisting: forwardRef(() => RadioGroupComponent),
|
|
16323
16315
|
multi: true,
|
|
16324
16316
|
},
|
|
16325
|
-
], viewQueries: [{ propertyName: "groupItemsWrapper", first: true, predicate: ["groupItemsWrapper"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-radio-group\" [class]=\"getClasses\">\r\n
|
|
16317
|
+
], viewQueries: [{ propertyName: "groupItemsWrapper", first: true, predicate: ["groupItemsWrapper"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-radio-group\" [class]=\"getClasses\">\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"radioGroup\"></mrx-save-state>\r\n\r\n <mrx-radio-group-header\r\n [searchable]=\"searchable\"\r\n [searchPlaceholder]=\"searchPlaceholder\"\r\n [tooltip]=\"tooltip\"\r\n [required]=\"required\"\r\n [searchSize]=\"searchSize\"\r\n [labelText]=\"labelText\"\r\n (updateradioGroupSearchValue)=\"updateRadioGroupSearchValue($event)\"\r\n ></mrx-radio-group-header>\r\n\r\n {{ _list | json }}\r\n\r\n @if (filteredList && filteredList.length) {\r\n <div\r\n #groupItemsWrapper\r\n class=\"mrx-radio-group-wrapper\"\r\n [class.mrx-radio-group-wrapper--scrollable]=\"scrollable\"\r\n [class.--active]=\"getShowScroll\"\r\n [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\"\r\n >\r\n @for (item of filteredList; track item.id; let last = $last) {\r\n <mrx-radio-group-item\r\n [displaced]=\"displaced || false\"\r\n [item]=\"item\"\r\n [isLast]=\"last\"\r\n [selectedValue]=\"selectedValue\"\r\n [name]=\"name\"\r\n [bold]=\"bold\"\r\n [invalid]=\"invalid\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [animationTrigger]=\"!!isSearchValue\"\r\n (animationEnd)=\"checkHeightGroupWrapper()\"\r\n (radioChanged)=\"radioChanged($event)\"\r\n ></mrx-radio-group-item>\r\n }\r\n </div>\r\n } @else {\r\n <p class=\"mrx-radio-group__empty-message py-12px\">{{ enableMessage }}</p>\r\n }\r\n\r\n @if (invalid && isInvalidMessage) {\r\n <mrx-error-message [invalidMessage]=\"invalidMessage\" [customClasses]=\"'mt-2'\"></mrx-error-message>\r\n }\r\n</div>\r\n", styles: [".mrx-radio-group{position:relative}.mrx-radio-group-wrapper--scrollable{overflow-y:auto;border-width:1px 0 1px 0;border-style:solid;border-color:transparent;padding-top:0;padding-bottom:0;transition:boder-color .2s,padding-top .2s,padding-bottom .2s}.mrx-radio-group-wrapper--scrollable.--active{padding-top:12px;padding-bottom:12px;border-color:var(--neutral-bg-divider)}\n"], dependencies: [{ kind: "component", type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { kind: "component", type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { kind: "component", type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: ["invalid", "name", "selectedValue", "item", "displaced", "level", "bold", "animationTrigger", "isLast", "disabled", "readonly"], outputs: ["animationEnd", "radioChanged"] }, { kind: "component", type: RadioGroupHeaderComponent, selector: "mrx-radio-group-header", inputs: ["searchSize", "searchable", "searchPlaceholder", "tooltip", "labelText", "linkText", "checkedItemsCount", "required"], outputs: ["updateradioGroupSearchValue"] }, { kind: "pipe", type: i1$1.JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
16326
16318
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupComponent, providedIn: RadioGroupComponent });
|
|
16327
16319
|
}
|
|
16328
16320
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupComponent, decorators: [{
|
|
@@ -16338,7 +16330,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
16338
16330
|
useExisting: forwardRef(() => RadioGroupComponent),
|
|
16339
16331
|
multi: true,
|
|
16340
16332
|
},
|
|
16341
|
-
], template: "<div class=\"mrx-radio-group\" [class]=\"getClasses\">\r\n
|
|
16333
|
+
], template: "<div class=\"mrx-radio-group\" [class]=\"getClasses\">\r\n <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"radioGroup\"></mrx-save-state>\r\n\r\n <mrx-radio-group-header\r\n [searchable]=\"searchable\"\r\n [searchPlaceholder]=\"searchPlaceholder\"\r\n [tooltip]=\"tooltip\"\r\n [required]=\"required\"\r\n [searchSize]=\"searchSize\"\r\n [labelText]=\"labelText\"\r\n (updateradioGroupSearchValue)=\"updateRadioGroupSearchValue($event)\"\r\n ></mrx-radio-group-header>\r\n\r\n {{ _list | json }}\r\n\r\n @if (filteredList && filteredList.length) {\r\n <div\r\n #groupItemsWrapper\r\n class=\"mrx-radio-group-wrapper\"\r\n [class.mrx-radio-group-wrapper--scrollable]=\"scrollable\"\r\n [class.--active]=\"getShowScroll\"\r\n [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\"\r\n >\r\n @for (item of filteredList; track item.id; let last = $last) {\r\n <mrx-radio-group-item\r\n [displaced]=\"displaced || false\"\r\n [item]=\"item\"\r\n [isLast]=\"last\"\r\n [selectedValue]=\"selectedValue\"\r\n [name]=\"name\"\r\n [bold]=\"bold\"\r\n [invalid]=\"invalid\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [animationTrigger]=\"!!isSearchValue\"\r\n (animationEnd)=\"checkHeightGroupWrapper()\"\r\n (radioChanged)=\"radioChanged($event)\"\r\n ></mrx-radio-group-item>\r\n }\r\n </div>\r\n } @else {\r\n <p class=\"mrx-radio-group__empty-message py-12px\">{{ enableMessage }}</p>\r\n }\r\n\r\n @if (invalid && isInvalidMessage) {\r\n <mrx-error-message [invalidMessage]=\"invalidMessage\" [customClasses]=\"'mt-2'\"></mrx-error-message>\r\n }\r\n</div>\r\n", styles: [".mrx-radio-group{position:relative}.mrx-radio-group-wrapper--scrollable{overflow-y:auto;border-width:1px 0 1px 0;border-style:solid;border-color:transparent;padding-top:0;padding-bottom:0;transition:boder-color .2s,padding-top .2s,padding-bottom .2s}.mrx-radio-group-wrapper--scrollable.--active{padding-top:12px;padding-bottom:12px;border-color:var(--neutral-bg-divider)}\n"] }]
|
|
16342
16334
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { fields: [{
|
|
16343
16335
|
type: Input
|
|
16344
16336
|
}], searchSize: [{
|