myrta-ui 1.1.52 → 1.1.53

package/fesm2020/myrta-ui.mjs

@@ -13554,7 +13554,7 @@ CheckboxGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             useExisting: forwardRef(() => CheckboxGroupComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "groupItemsWrapper", first: true, predicate: ["groupItemsWrapper"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-checkbox-group\" [class]=\"getClasses\">\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"checkboxGroup\"></mrx-save-state>\r\n\r\n  <mrx-checkbox-group-header\r\n    [searchable]=\"searchable\"\r\n    [searchPlaceholder]=\"searchPlaceholder\"\r\n    [tooltip]=\"tooltip\"\r\n    [labelText]=\"labelText\"\r\n    [linkText]=\"linkText\"\r\n    [checkedItemsCount]=\"checkedList.length\"\r\n    (updateCheckboxGroupSearchValue)=\"updateCheckboxGroupSearchValue($event)\"\r\n    (clearFilters)=\"clearFilters()\"\r\n  ></mrx-checkbox-group-header>\r\n\r\n  <div\r\n      #groupItemsWrapper\r\n      *ngIf=\"filteredList?.length; else enableMessageTemplate\"\r\n      class=\"mrx-checkbox-group-wrapper\"\r\n      [class.mrx-checkbox-group-wrapper--scrollable]=\"scrollable\"\r\n      [class.--active]=\"getShowScroll\"\r\n      [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\"\r\n  >\r\n    <mrx-checkbox-group-item\r\n        *ngFor=\"let item of filteredList; trackBy: trackByFn; let last = last\"\r\n        [displaced]=\"displaced || false\"\r\n        [item]=\"item\"\r\n        [isLast]=\"last\"\r\n        [animationTrigger]=\"!!isSearchValue\"\r\n        [disabled]=\"disabled\"\r\n        [readonly]=\"readonly\"\r\n        [invalid]=\"invalid\"\r\n        (animationEnd)=\"checkHeightGroupWrapper()\"\r\n        (checkboxChanged)=\"checkboxChanged($event)\"\r\n    ></mrx-checkbox-group-item>\r\n  </div>\r\n\r\n  <ng-template #enableMessageTemplate>\r\n    <p class=\"mrx-checkbox-group__empty-message\">{{ enableMessage }}</p>\r\n  </ng-template>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"getInvalid && getInvalidMessage\"\r\n    [invalidMessage]=\"getInvalidMessage\"\r\n  ></mrx-error-message>\r\n</div>\r\n", styles: [".mrx-checkbox-group{position:relative}.mrx-checkbox-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-checkbox-group-wrapper--scrollable::-webkit-scrollbar{width:8px;height:8px}.mrx-checkbox-group-wrapper--scrollable::-webkit-scrollbar-thumb{background:var(--neutral-bg-stroke-default);border-radius:8px}.mrx-checkbox-group-wrapper--scrollable.--active{padding-top:12px;padding-bottom:12px;border-color:var(--neutral-bg-divider)}.mrx-checkbox-group__empty-message{padding-top:12px;padding-bottom:12px}\n"], components: [{ type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { type: CheckboxGroupHeaderComponent, selector: "mrx-checkbox-group-header", inputs: ["searchable", "searchPlaceholder", "tooltip", "labelText", "linkText", "checkedItemsCount"], outputs: ["updateCheckboxGroupSearchValue", "clearFilters"] }, { type: CheckboxGroupItemComponent, selector: "mrx-checkbox-group-item", inputs: ["displaced", "level", "animationTrigger", "isLast", "disabled", "readonly", "invalid", "item"], outputs: ["animationEnd", "checkboxChanged"] }, { type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "groupItemsWrapper", first: true, predicate: ["groupItemsWrapper"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-checkbox-group\" [class]=\"getClasses\">\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"checkboxGroup\"></mrx-save-state>\r\n\r\n  <mrx-checkbox-group-header\r\n    [searchable]=\"searchable\"\r\n    [searchPlaceholder]=\"searchPlaceholder\"\r\n    [tooltip]=\"tooltip\"\r\n    [labelText]=\"labelText\"\r\n    [linkText]=\"linkText\"\r\n    [checkedItemsCount]=\"checkedList.length\"\r\n    (updateCheckboxGroupSearchValue)=\"updateCheckboxGroupSearchValue($event)\"\r\n    (clearFilters)=\"clearFilters()\"\r\n  ></mrx-checkbox-group-header>\r\n\r\n  <div\r\n      #groupItemsWrapper\r\n      *ngIf=\"filteredList?.length; else enableMessageTemplate\"\r\n      class=\"mrx-checkbox-group-wrapper\"\r\n      [class.mrx-checkbox-group-wrapper--scrollable]=\"scrollable\"\r\n      [class.--active]=\"getShowScroll\"\r\n      [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\"\r\n  >\r\n    <mrx-checkbox-group-item\r\n        *ngFor=\"let item of filteredList; trackBy: trackByFn; let last = last\"\r\n        [displaced]=\"displaced || false\"\r\n        [item]=\"item\"\r\n        [isLast]=\"last\"\r\n        [animationTrigger]=\"!!isSearchValue\"\r\n        [disabled]=\"disabled\"\r\n        [readonly]=\"readonly\"\r\n        [invalid]=\"invalid\"\r\n        (animationEnd)=\"checkHeightGroupWrapper()\"\r\n        (checkboxChanged)=\"checkboxChanged($event)\"\r\n    ></mrx-checkbox-group-item>\r\n  </div>\r\n\r\n  <ng-template #enableMessageTemplate>\r\n    <p class=\"mrx-checkbox-group__empty-message\">{{ enableMessage }}</p>\r\n  </ng-template>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"getInvalid && getInvalidMessage\"\r\n    [invalidMessage]=\"getInvalidMessage\"\r\n    [customClasses]=\"'mt-2'\"\r\n  ></mrx-error-message>\r\n</div>\r\n", styles: [".mrx-checkbox-group{position:relative}.mrx-checkbox-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-checkbox-group-wrapper--scrollable::-webkit-scrollbar{width:8px;height:8px}.mrx-checkbox-group-wrapper--scrollable::-webkit-scrollbar-thumb{background:var(--neutral-bg-stroke-default);border-radius:8px}.mrx-checkbox-group-wrapper--scrollable.--active{padding-top:12px;padding-bottom:12px;border-color:var(--neutral-bg-divider)}.mrx-checkbox-group__empty-message{padding-top:12px;padding-bottom:12px}\n"], components: [{ type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { type: CheckboxGroupHeaderComponent, selector: "mrx-checkbox-group-header", inputs: ["searchable", "searchPlaceholder", "tooltip", "labelText", "linkText", "checkedItemsCount"], outputs: ["updateCheckboxGroupSearchValue", "clearFilters"] }, { type: CheckboxGroupItemComponent, selector: "mrx-checkbox-group-item", inputs: ["displaced", "level", "animationTrigger", "isLast", "disabled", "readonly", "invalid", "item"], outputs: ["animationEnd", "checkboxChanged"] }, { type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 CheckboxGroupComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: CheckboxGroupComponent, providedIn: CheckboxGroupComponent });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
             type: Injectable,
@@ -13569,7 +13569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             useExisting: forwardRef(() => CheckboxGroupComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"mrx-checkbox-group\" [class]=\"getClasses\">\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"checkboxGroup\"></mrx-save-state>\r\n\r\n  <mrx-checkbox-group-header\r\n    [searchable]=\"searchable\"\r\n    [searchPlaceholder]=\"searchPlaceholder\"\r\n    [tooltip]=\"tooltip\"\r\n    [labelText]=\"labelText\"\r\n    [linkText]=\"linkText\"\r\n    [checkedItemsCount]=\"checkedList.length\"\r\n    (updateCheckboxGroupSearchValue)=\"updateCheckboxGroupSearchValue($event)\"\r\n    (clearFilters)=\"clearFilters()\"\r\n  ></mrx-checkbox-group-header>\r\n\r\n  <div\r\n      #groupItemsWrapper\r\n      *ngIf=\"filteredList?.length; else enableMessageTemplate\"\r\n      class=\"mrx-checkbox-group-wrapper\"\r\n      [class.mrx-checkbox-group-wrapper--scrollable]=\"scrollable\"\r\n      [class.--active]=\"getShowScroll\"\r\n      [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\"\r\n  >\r\n    <mrx-checkbox-group-item\r\n        *ngFor=\"let item of filteredList; trackBy: trackByFn; let last = last\"\r\n        [displaced]=\"displaced || false\"\r\n        [item]=\"item\"\r\n        [isLast]=\"last\"\r\n        [animationTrigger]=\"!!isSearchValue\"\r\n        [disabled]=\"disabled\"\r\n        [readonly]=\"readonly\"\r\n        [invalid]=\"invalid\"\r\n        (animationEnd)=\"checkHeightGroupWrapper()\"\r\n        (checkboxChanged)=\"checkboxChanged($event)\"\r\n    ></mrx-checkbox-group-item>\r\n  </div>\r\n\r\n  <ng-template #enableMessageTemplate>\r\n    <p class=\"mrx-checkbox-group__empty-message\">{{ enableMessage }}</p>\r\n  </ng-template>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"getInvalid && getInvalidMessage\"\r\n    [invalidMessage]=\"getInvalidMessage\"\r\n  ></mrx-error-message>\r\n</div>\r\n", styles: [".mrx-checkbox-group{position:relative}.mrx-checkbox-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-checkbox-group-wrapper--scrollable::-webkit-scrollbar{width:8px;height:8px}.mrx-checkbox-group-wrapper--scrollable::-webkit-scrollbar-thumb{background:var(--neutral-bg-stroke-default);border-radius:8px}.mrx-checkbox-group-wrapper--scrollable.--active{padding-top:12px;padding-bottom:12px;border-color:var(--neutral-bg-divider)}.mrx-checkbox-group__empty-message{padding-top:12px;padding-bottom:12px}\n"] }]
+                    ], template: "<div class=\"mrx-checkbox-group\" [class]=\"getClasses\">\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\" type=\"checkboxGroup\"></mrx-save-state>\r\n\r\n  <mrx-checkbox-group-header\r\n    [searchable]=\"searchable\"\r\n    [searchPlaceholder]=\"searchPlaceholder\"\r\n    [tooltip]=\"tooltip\"\r\n    [labelText]=\"labelText\"\r\n    [linkText]=\"linkText\"\r\n    [checkedItemsCount]=\"checkedList.length\"\r\n    (updateCheckboxGroupSearchValue)=\"updateCheckboxGroupSearchValue($event)\"\r\n    (clearFilters)=\"clearFilters()\"\r\n  ></mrx-checkbox-group-header>\r\n\r\n  <div\r\n      #groupItemsWrapper\r\n      *ngIf=\"filteredList?.length; else enableMessageTemplate\"\r\n      class=\"mrx-checkbox-group-wrapper\"\r\n      [class.mrx-checkbox-group-wrapper--scrollable]=\"scrollable\"\r\n      [class.--active]=\"getShowScroll\"\r\n      [style.max-height]=\"scrollable ? scrollMaxHeight + 'px' : 'auto'\"\r\n  >\r\n    <mrx-checkbox-group-item\r\n        *ngFor=\"let item of filteredList; trackBy: trackByFn; let last = last\"\r\n        [displaced]=\"displaced || false\"\r\n        [item]=\"item\"\r\n        [isLast]=\"last\"\r\n        [animationTrigger]=\"!!isSearchValue\"\r\n        [disabled]=\"disabled\"\r\n        [readonly]=\"readonly\"\r\n        [invalid]=\"invalid\"\r\n        (animationEnd)=\"checkHeightGroupWrapper()\"\r\n        (checkboxChanged)=\"checkboxChanged($event)\"\r\n    ></mrx-checkbox-group-item>\r\n  </div>\r\n\r\n  <ng-template #enableMessageTemplate>\r\n    <p class=\"mrx-checkbox-group__empty-message\">{{ enableMessage }}</p>\r\n  </ng-template>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"getInvalid && getInvalidMessage\"\r\n    [invalidMessage]=\"getInvalidMessage\"\r\n    [customClasses]=\"'mt-2'\"\r\n  ></mrx-error-message>\r\n</div>\r\n", styles: [".mrx-checkbox-group{position:relative}.mrx-checkbox-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-checkbox-group-wrapper--scrollable::-webkit-scrollbar{width:8px;height:8px}.mrx-checkbox-group-wrapper--scrollable::-webkit-scrollbar-thumb{background:var(--neutral-bg-stroke-default);border-radius:8px}.mrx-checkbox-group-wrapper--scrollable.--active{padding-top:12px;padding-bottom:12px;border-color:var(--neutral-bg-divider)}.mrx-checkbox-group__empty-message{padding-top:12px;padding-bottom:12px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { fields: [{
                 type: Input
             }], scrollMaxHeight: [{
@@ -14034,7 +14034,7 @@ RadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
             useExisting: forwardRef(() => RadioGroupComponent),
             multi: true,
         },
-    ], 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    <div\r\n        #groupItemsWrapper\r\n        *ngIf=\"filteredList?.length; else enableMessageTemplate\"\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      <mrx-radio-group-item\r\n          *ngFor=\"let item of filteredList; trackBy: trackByFn; let last = last\"\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    </div>\r\n\r\n    <ng-template #enableMessageTemplate>\r\n      <p class=\"mrx-radio-group__empty-message py-12px\">{{ enableMessage }}</p>\r\n    </ng-template>\r\n\r\n    <mrx-error-message\r\n      *ngIf=\"invalid && isInvalidMessage\"\r\n      [invalidMessage]=\"invalidMessage\"\r\n      [customClasses]=\"'mt-12px'\"\r\n    ></mrx-error-message>\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"], components: [{ type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { type: RadioGroupHeaderComponent, selector: "mrx-radio-group-header", inputs: ["searchSize", "searchable", "searchPlaceholder", "tooltip", "labelText", "linkText", "checkedItemsCount", "required"], outputs: ["updateradioGroupSearchValue"] }, { type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: ["invalid", "name", "selectedValue", "item", "displaced", "level", "bold", "animationTrigger", "isLast", "disabled", "readonly"], outputs: ["animationEnd", "radioChanged"] }, { type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], 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    <div\r\n        #groupItemsWrapper\r\n        *ngIf=\"filteredList?.length; else enableMessageTemplate\"\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      <mrx-radio-group-item\r\n          *ngFor=\"let item of filteredList; trackBy: trackByFn; let last = last\"\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    </div>\r\n\r\n    <ng-template #enableMessageTemplate>\r\n      <p class=\"mrx-radio-group__empty-message py-12px\">{{ enableMessage }}</p>\r\n    </ng-template>\r\n\r\n    <mrx-error-message\r\n      *ngIf=\"invalid && isInvalidMessage\"\r\n      [invalidMessage]=\"invalidMessage\"\r\n      [customClasses]=\"'mt-2'\"\r\n    ></mrx-error-message>\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"], components: [{ type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { type: RadioGroupHeaderComponent, selector: "mrx-radio-group-header", inputs: ["searchSize", "searchable", "searchPlaceholder", "tooltip", "labelText", "linkText", "checkedItemsCount", "required"], outputs: ["updateradioGroupSearchValue"] }, { type: RadioGroupItemComponent, selector: "mrx-radio-group-item", inputs: ["invalid", "name", "selectedValue", "item", "displaced", "level", "bold", "animationTrigger", "isLast", "disabled", "readonly"], outputs: ["animationEnd", "radioChanged"] }, { type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 RadioGroupComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioGroupComponent, providedIn: RadioGroupComponent });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RadioGroupComponent, decorators: [{
             type: Injectable,
@@ -14049,7 +14049,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             useExisting: forwardRef(() => RadioGroupComponent),
                             multi: true,
                         },
-                    ], 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    <div\r\n        #groupItemsWrapper\r\n        *ngIf=\"filteredList?.length; else enableMessageTemplate\"\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      <mrx-radio-group-item\r\n          *ngFor=\"let item of filteredList; trackBy: trackByFn; let last = last\"\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    </div>\r\n\r\n    <ng-template #enableMessageTemplate>\r\n      <p class=\"mrx-radio-group__empty-message py-12px\">{{ enableMessage }}</p>\r\n    </ng-template>\r\n\r\n    <mrx-error-message\r\n      *ngIf=\"invalid && isInvalidMessage\"\r\n      [invalidMessage]=\"invalidMessage\"\r\n      [customClasses]=\"'mt-12px'\"\r\n    ></mrx-error-message>\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"] }]
+                    ], 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    <div\r\n        #groupItemsWrapper\r\n        *ngIf=\"filteredList?.length; else enableMessageTemplate\"\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      <mrx-radio-group-item\r\n          *ngFor=\"let item of filteredList; trackBy: trackByFn; let last = last\"\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    </div>\r\n\r\n    <ng-template #enableMessageTemplate>\r\n      <p class=\"mrx-radio-group__empty-message py-12px\">{{ enableMessage }}</p>\r\n    </ng-template>\r\n\r\n    <mrx-error-message\r\n      *ngIf=\"invalid && isInvalidMessage\"\r\n      [invalidMessage]=\"invalidMessage\"\r\n      [customClasses]=\"'mt-2'\"\r\n    ></mrx-error-message>\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"] }]
         }], propDecorators: { fields: [{
                 type: Input
             }], searchSize: [{