myrta-ui 17.0.97 → 17.0.99
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/input-file-image/input-file-image.component.mjs +6 -1
- package/esm2022/lib/components/form/radio-group/components/radio-group-header/radio-group-header.component.mjs +5 -5
- package/esm2022/lib/components/form/radio-group/components/radio-group-item/radio-group-item.component.mjs +3 -3
- package/esm2022/lib/components/form/radio-group/helpers/filter-search-group.mjs +7 -7
- package/esm2022/lib/components/form/radio-group/helpers/get-item-by-id.mjs +3 -3
- package/esm2022/lib/components/form/radio-group/helpers/move-selected-to-first.mjs +4 -4
- package/esm2022/lib/components/form/radio-group/models/radio-group.model.mjs +1 -1
- package/esm2022/lib/components/form/radio-group/radio-group.component.mjs +4 -4
- package/fesm2022/myrta-ui.mjs +25 -20
- package/fesm2022/myrta-ui.mjs.map +1 -1
- package/lib/components/form/input-file-image/input-file-image.component.d.ts +1 -0
- package/lib/components/form/radio-group/components/radio-group-header/radio-group-header.component.d.ts +2 -2
- package/lib/components/form/radio-group/models/radio-group.model.d.ts +1 -1
- package/package.json +1 -1
package/fesm2022/myrta-ui.mjs
CHANGED
|
@@ -10976,6 +10976,7 @@ class InputFileImageComponent {
|
|
|
10976
10976
|
imageUploadService;
|
|
10977
10977
|
_modalService;
|
|
10978
10978
|
_detector;
|
|
10979
|
+
isProcessing = false;
|
|
10979
10980
|
formatBytes = formatBytes;
|
|
10980
10981
|
extensions;
|
|
10981
10982
|
allowedExtensions = [];
|
|
@@ -11109,6 +11110,9 @@ class InputFileImageComponent {
|
|
|
11109
11110
|
}
|
|
11110
11111
|
changePreview(event, file) {
|
|
11111
11112
|
event.stopPropagation();
|
|
11113
|
+
if (this.isProcessing)
|
|
11114
|
+
return;
|
|
11115
|
+
this.isProcessing = true;
|
|
11112
11116
|
getBase64FromUrl(this.downloadUrl(file)).then((base64Url) => {
|
|
11113
11117
|
this._modalService.open(FileImageEditModalComponent, {
|
|
11114
11118
|
title: 'РЕДАКТИРОВАНИЕ ИЗОБРАЖЕНИЯ',
|
|
@@ -11123,6 +11127,7 @@ class InputFileImageComponent {
|
|
|
11123
11127
|
if (res.result && res.fileImage) {
|
|
11124
11128
|
this._updateFile(file, res.fileImage);
|
|
11125
11129
|
}
|
|
11130
|
+
this.isProcessing = false;
|
|
11126
11131
|
});
|
|
11127
11132
|
});
|
|
11128
11133
|
}
|
|
@@ -17347,11 +17352,11 @@ const moveSelectedToFirst = (list, sortable, targetItem) => {
|
|
|
17347
17352
|
const sortedArr = [item, ...array.filter((x) => x.id !== item.id)];
|
|
17348
17353
|
return { hasTargetElement: true, sortedArr };
|
|
17349
17354
|
}
|
|
17350
|
-
else if (item.
|
|
17355
|
+
else if (item.items?.length) {
|
|
17351
17356
|
{
|
|
17352
|
-
const { sortedArr: newArr, hasTargetElement } = sortArray(item.
|
|
17357
|
+
const { sortedArr: newArr, hasTargetElement } = sortArray(item.items);
|
|
17353
17358
|
if (hasTargetElement) {
|
|
17354
|
-
item.
|
|
17359
|
+
item.items = newArr;
|
|
17355
17360
|
const sortedArr = [item, ...array.filter((x) => x.id !== item.id)];
|
|
17356
17361
|
return { hasTargetElement, sortedArr };
|
|
17357
17362
|
}
|
|
@@ -17371,18 +17376,18 @@ const filterSearchGroup = (list, searchValue) => {
|
|
|
17371
17376
|
const searchArray = [];
|
|
17372
17377
|
array.forEach((item) => {
|
|
17373
17378
|
if (item.text.toLowerCase().includes(searchValue.toLowerCase())) {
|
|
17374
|
-
if (item.
|
|
17375
|
-
const newArray = getIntersectionsFromString(item.
|
|
17376
|
-
searchArray.push({ ...item,
|
|
17379
|
+
if (item.items) {
|
|
17380
|
+
const newArray = getIntersectionsFromString(item.items);
|
|
17381
|
+
searchArray.push({ ...item, items: newArray });
|
|
17377
17382
|
}
|
|
17378
17383
|
else {
|
|
17379
17384
|
searchArray.push(item);
|
|
17380
17385
|
}
|
|
17381
17386
|
}
|
|
17382
17387
|
else {
|
|
17383
|
-
if (item.
|
|
17384
|
-
const newArray = getIntersectionsFromString(item.
|
|
17385
|
-
newArray.length && searchArray.push({ ...item,
|
|
17388
|
+
if (item.items) {
|
|
17389
|
+
const newArray = getIntersectionsFromString(item.items);
|
|
17390
|
+
newArray.length && searchArray.push({ ...item, items: newArray });
|
|
17386
17391
|
}
|
|
17387
17392
|
}
|
|
17388
17393
|
});
|
|
@@ -17395,8 +17400,8 @@ const getItemById = (list, itemId) => {
|
|
|
17395
17400
|
const findById = (acc, el) => {
|
|
17396
17401
|
if (el?.id === itemId)
|
|
17397
17402
|
return el;
|
|
17398
|
-
if (el?.
|
|
17399
|
-
return el.
|
|
17403
|
+
if (el?.items)
|
|
17404
|
+
return el.items.reduce(findById, acc);
|
|
17400
17405
|
return acc;
|
|
17401
17406
|
};
|
|
17402
17407
|
return list.reduce(findById, null);
|
|
@@ -17432,11 +17437,11 @@ class RadioGroupItemComponent {
|
|
|
17432
17437
|
this.detector.detectChanges();
|
|
17433
17438
|
}
|
|
17434
17439
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
17435
|
-
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.
|
|
17440
|
+
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$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: ["radioChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17436
17441
|
}
|
|
17437
17442
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupItemComponent, decorators: [{
|
|
17438
17443
|
type: Component,
|
|
17439
|
-
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.
|
|
17444
|
+
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.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"] }]
|
|
17440
17445
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { invalid: [{
|
|
17441
17446
|
type: Input
|
|
17442
17447
|
}], name: [{
|
|
@@ -17474,13 +17479,13 @@ class RadioGroupHeaderComponent {
|
|
|
17474
17479
|
linkText = '';
|
|
17475
17480
|
checkedItemsCount = 0;
|
|
17476
17481
|
required = false;
|
|
17477
|
-
|
|
17482
|
+
updateRadioGroupSearchValue = new EventEmitter();
|
|
17478
17483
|
constructor() { }
|
|
17479
17484
|
changeSearchValue(searchValue) {
|
|
17480
|
-
this.
|
|
17485
|
+
this.updateRadioGroupSearchValue.emit(searchValue);
|
|
17481
17486
|
}
|
|
17482
17487
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17483
|
-
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: {
|
|
17488
|
+
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", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeSwitchValue", "changeCheckboxValue", "clickedLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17484
17489
|
}
|
|
17485
17490
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupHeaderComponent, decorators: [{
|
|
17486
17491
|
type: Component,
|
|
@@ -17501,7 +17506,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
17501
17506
|
type: Input
|
|
17502
17507
|
}], required: [{
|
|
17503
17508
|
type: Input
|
|
17504
|
-
}],
|
|
17509
|
+
}], updateRadioGroupSearchValue: [{
|
|
17505
17510
|
type: Output
|
|
17506
17511
|
}] } });
|
|
17507
17512
|
|
|
@@ -17554,7 +17559,7 @@ class RadioGroupComponent {
|
|
|
17554
17559
|
return this._searchValue;
|
|
17555
17560
|
}
|
|
17556
17561
|
get displaced() {
|
|
17557
|
-
return this.items.some((item) => item.
|
|
17562
|
+
return this.items.some((item) => item.items.length);
|
|
17558
17563
|
}
|
|
17559
17564
|
get getClasses() {
|
|
17560
17565
|
return `${this.customClasses}`;
|
|
@@ -17605,7 +17610,7 @@ class RadioGroupComponent {
|
|
|
17605
17610
|
useExisting: forwardRef(() => RadioGroupComponent),
|
|
17606
17611
|
multi: true,
|
|
17607
17612
|
},
|
|
17608
|
-
], viewQueries: [{ propertyName: "itemsWrapper", first: true, predicate: ["groupItemsWrapper"], descendants: true, isSignal: 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 (
|
|
17613
|
+
], viewQueries: [{ propertyName: "itemsWrapper", first: true, predicate: ["groupItemsWrapper"], descendants: true, isSignal: 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 @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 (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:border-color .2s,padding-top .2s,padding-bottom .2s}.mrx-radio-group-wrapper--scrollable.--active{padding-top:var(--spacing-3, 12px);padding-bottom:var(--spacing-3, 12px);border-color:var(--neutral-bg-divider)}.mrx-radio-group-wrapper--scrollable.--active::-webkit-scrollbar{width:8px}.mrx-radio-group-wrapper--scrollable.--active::-webkit-scrollbar-track{background:var(--neutral-bg-island-default, #F8F9FA)}.mrx-radio-group-wrapper--scrollable.--active::-webkit-scrollbar-thumb{border-radius:4px;background:var(--neutral-bg-stroke-default, #BFC5CC)}\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: ["radioChanged"] }, { kind: "component", type: RadioGroupHeaderComponent, selector: "mrx-radio-group-header", inputs: ["searchSize", "searchable", "searchPlaceholder", "tooltip", "labelText", "linkText", "checkedItemsCount", "required"], outputs: ["updateRadioGroupSearchValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17609
17614
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupComponent, providedIn: RadioGroupComponent });
|
|
17610
17615
|
}
|
|
17611
17616
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RadioGroupComponent, decorators: [{
|
|
@@ -17621,7 +17626,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
17621
17626
|
useExisting: forwardRef(() => RadioGroupComponent),
|
|
17622
17627
|
multi: true,
|
|
17623
17628
|
},
|
|
17624
|
-
], 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 (
|
|
17629
|
+
], 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 @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 (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:border-color .2s,padding-top .2s,padding-bottom .2s}.mrx-radio-group-wrapper--scrollable.--active{padding-top:var(--spacing-3, 12px);padding-bottom:var(--spacing-3, 12px);border-color:var(--neutral-bg-divider)}.mrx-radio-group-wrapper--scrollable.--active::-webkit-scrollbar{width:8px}.mrx-radio-group-wrapper--scrollable.--active::-webkit-scrollbar-track{background:var(--neutral-bg-island-default, #F8F9FA)}.mrx-radio-group-wrapper--scrollable.--active::-webkit-scrollbar-thumb{border-radius:4px;background:var(--neutral-bg-stroke-default, #BFC5CC)}\n"] }]
|
|
17625
17630
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { fields: [{
|
|
17626
17631
|
type: Input
|
|
17627
17632
|
}], searchSize: [{
|