myrta-ui 17.0.0-beta.22 → 17.0.0-beta.24

package/lib/components/breadcrumbs/breadcrumbs.enum.d.ts

@@ -6,6 +6,11 @@ export type BreadcrumbsType = 'default' | 'link';
 export interface BreadcrumbsItemI {
     text: string;
     path?: string;
+    href?: string;
+    routerLink?: string;
+    queryParams?: {
+        [key: string]: string;
+    };
     isLink?: boolean;
     isShowArrow?: boolean;
 }

package/lib/components/breadcrumbs/breadcrumbs.module.d.ts

@@ -1,8 +1,9 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./breadcrumbs.component";
 import * as i2 from "@angular/common";
+import * as i3 from "@angular/router";
 export declare class BreadcrumbsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BreadcrumbsModule, [typeof i1.BreadcrumbsComponent], [typeof i2.CommonModule], [typeof i1.BreadcrumbsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BreadcrumbsModule, [typeof i1.BreadcrumbsComponent], [typeof i2.CommonModule, typeof i3.RouterModule, typeof i3.RouterLinkActive], [typeof i1.BreadcrumbsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BreadcrumbsModule>;
 }

package/lib/components/form/checkbox/checkbox.component.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { CheckboxTypes, CheckboxValueTypes, CheckboxValueWithId } from './checkbox.enum';
+import { CheckboxValueTypes, CheckboxValueWithId } from './checkbox.enum';
 import { TooltipService } from '../../tooltip/services/tooltip.service';
 import { Field } from '../../../services/mrx-autosave/mrx-autosave.service';
 import * as i0 from "@angular/core";
@@ -13,12 +13,10 @@ export declare class CheckboxComponent implements ControlValueAccessor, OnInit {
     uuid: string;
     fields: Field[];
     required: boolean;
-    type: CheckboxTypes;
     boldLabel: boolean;
     indeterminate: boolean;
     disabled: boolean;
     readonly: boolean;
-    placeholder: string;
     label: string;
     customClasses: string;
     customWrapperClasses: string;
@@ -44,5 +42,5 @@ export declare class CheckboxComponent implements ControlValueAccessor, OnInit {
     updateValue(insideValue: CheckboxValueTypes): void;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "mrx-checkbox", never, { "fields": { "alias": "fields"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "boldLabel": { "alias": "boldLabel"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "customWrapperClasses": { "alias": "customWrapperClasses"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "checkInvalid": { "alias": "checkInvalid"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipInitialVisible": { "alias": "tooltipInitialVisible"; "required": false; }; "isSaveToStorage": { "alias": "isSaveToStorage"; "required": false; }; }, { "changed": "changed"; "modelChange": "modelChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "mrx-checkbox", never, { "fields": { "alias": "fields"; "required": false; }; "required": { "alias": "required"; "required": false; }; "boldLabel": { "alias": "boldLabel"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "label": { "alias": "label"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "customWrapperClasses": { "alias": "customWrapperClasses"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "checkInvalid": { "alias": "checkInvalid"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipInitialVisible": { "alias": "tooltipInitialVisible"; "required": false; }; "isSaveToStorage": { "alias": "isSaveToStorage"; "required": false; }; }, { "changed": "changed"; "modelChange": "modelChange"; }, never, ["*"], false, never>;
 }

package/lib/components/form/checkbox/checkbox.enum.d.ts

@@ -1,8 +1,4 @@
 import { ElementRef } from '@angular/core';
-export declare enum CheckboxTypesEnum {
-    'default' = "mrx-checkbox-default"
-}
-export type CheckboxTypes = 'default';
 export interface CheckboxOutput {
     checked: boolean;
     element: ElementRef;

package/lib/components/form/checkbox-group/checkbox-group.component.d.ts

@@ -1,54 +1,65 @@
-import { ElementRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { CheckboxGroupItem, CheckboxGroupValueWithId } from './models/checkbox-group.model';
-import { Field } from '../../../services/mrx-autosave/mrx-autosave.service';
+import { CheckboxGroupInnerItem, CheckboxGroupItem, CheckboxGroupValueInnerWithId, CheckboxGroupValueWithId } from './models/checkbox-group.model';
+import { Field } from '../../../services';
 import * as i0 from "@angular/core";
 export declare class CheckboxGroupComponent implements ControlValueAccessor {
-    private _isInit;
+    private _detector;
     private _groupItemsWrapperHeight;
     private _searchValue;
     list: CheckboxGroupItem[];
-    filteredList: CheckboxGroupItem[];
-    checkedList: CheckboxGroupItem[];
+    innerList: CheckboxGroupInnerItem[];
+    checkedList: CheckboxGroupInnerItem[];
+    filteredList: CheckboxGroupInnerItem[];
     uuid: string;
     fields: Field[];
-    items: CheckboxGroupItem[];
     scrollMaxHeight: number;
     searchable: boolean;
     scrollable: boolean;
     sortable: boolean;
+    disabled: boolean;
+    readonly: boolean;
     enableMessage: string;
     searchPlaceholder: string;
     customClasses: string;
     tooltip: string;
     labelText: string;
     linkText: string;
+    invalid: boolean;
+    invalidMessage: string | string[];
+    set items(list: CheckboxGroupItem[]);
+    get items(): CheckboxGroupInnerItem[];
     groupItemsWrapper: ElementRef;
     changed: EventEmitter<CheckboxGroupItem[]>;
     changeChecked: EventEmitter<CheckboxGroupItem[]>;
     modelChange: EventEmitter<CheckboxGroupValueWithId>;
-    modelCheckedChange: EventEmitter<CheckboxGroupValueWithId>;
-    modelItemChange: EventEmitter<CheckboxGroupItem>;
-    constructor();
+    changedInner: EventEmitter<CheckboxGroupInnerItem[]>;
+    changeCheckedInner: EventEmitter<CheckboxGroupInnerItem[]>;
+    modelChangeInner: EventEmitter<CheckboxGroupValueInnerWithId>;
+    modelItemChange: EventEmitter<CheckboxGroupInnerItem>;
+    constructor(_detector: ChangeDetectorRef);
     get isSearchValue(): string;
     get displaced(): boolean;
+    get getInvalid(): boolean;
+    get getInvalidMessage(): string | string[];
     get getClasses(): string;
     get getShowScroll(): boolean;
-    trackByFn(index: number, item: CheckboxGroupItem): string | number;
+    trackByFn(index: number, item: CheckboxGroupInnerItem): string | number;
     private onChange;
     private onTouched;
-    writeValue(list: CheckboxGroupItem[]): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    updateValue(list: CheckboxGroupItem[], checkedList: CheckboxGroupItem[]): void;
+    writeValue(selectedValue: CheckboxGroupItem[]): void;
+    private _updateModifiedList;
     checkHeightGroupWrapper(): void;
     updateCheckboxGroupSearchValue(searchValue: string): void;
     checkboxChanged({ value, item }: {
         value: boolean | null;
-        item: CheckboxGroupItem;
+        item: CheckboxGroupInnerItem;
     }): void;
     clearFilters(): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    updateValue(list: CheckboxGroupItem[], checkedList: CheckboxGroupInnerItem[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxGroupComponent, "mrx-checkbox-group", never, { "fields": { "alias": "fields"; "required": false; }; "items": { "alias": "items"; "required": false; }; "scrollMaxHeight": { "alias": "scrollMaxHeight"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "enableMessage": { "alias": "enableMessage"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; }, { "changed": "changed"; "changeChecked": "changeChecked"; "modelChange": "modelChange"; "modelCheckedChange": "modelCheckedChange"; "modelItemChange": "modelItemChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxGroupComponent, "mrx-checkbox-group", never, { "fields": { "alias": "fields"; "required": false; }; "scrollMaxHeight": { "alias": "scrollMaxHeight"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "enableMessage": { "alias": "enableMessage"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "changed": "changed"; "changeChecked": "changeChecked"; "modelChange": "modelChange"; "changedInner": "changedInner"; "changeCheckedInner": "changeCheckedInner"; "modelChangeInner": "modelChangeInner"; "modelItemChange": "modelItemChange"; }, never, never, false, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CheckboxGroupComponent>;
 }

package/lib/components/form/checkbox-group/components/checkbox-group-item/checkbox-group-item.component.d.ts

@@ -1,26 +1,33 @@
 import { ChangeDetectorRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { AnimateCheckboxGroupState, CheckboxGroupItem, CheckboxIndeterminateState } from '../../models/checkbox-group.model';
+import { AnimateCheckboxGroupState, CheckboxGroupInnerItem, CheckboxIndeterminateState } from '../../models/checkbox-group.model';
 import * as i0 from "@angular/core";
 export declare class CheckboxGroupItemComponent implements OnChanges {
-    private detector;
+    private _detector;
+    private _item;
     animationState: AnimateCheckboxGroupState;
-    item: CheckboxGroupItem;
+    isOpen: boolean;
     displaced: boolean;
     level: number;
     animationTrigger: boolean | null;
     isLast: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    invalid: boolean;
+    set item(value: CheckboxGroupInnerItem);
+    get item(): CheckboxGroupInnerItem;
     animationEnd: EventEmitter<null>;
     checkboxChanged: EventEmitter<{
         value: CheckboxIndeterminateState;
-        item: CheckboxGroupItem;
+        item: CheckboxGroupInnerItem;
     }>;
-    constructor(detector: ChangeDetectorRef);
+    constructor(_detector: ChangeDetectorRef);
     get isIndeterminate(): boolean;
-    trackByFn(index: number, item: CheckboxGroupItem): string | number;
-    toggleList(item: CheckboxGroupItem): void;
-    checkboxChangeModel(value: CheckboxIndeterminateState, item: CheckboxGroupItem): void;
+    get translateChevron(): string;
+    toggleList(item: CheckboxGroupInnerItem): void;
+    checkboxChangeModel(value: CheckboxIndeterminateState, item: CheckboxGroupInnerItem): void;
     ngOnChanges(changes: SimpleChanges): void;
     onAnimationEvent(): void;
+    trackByFn(index: number, item: CheckboxGroupInnerItem): string | number;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxGroupItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxGroupItemComponent, "mrx-checkbox-group-item", never, { "item": { "alias": "item"; "required": false; }; "displaced": { "alias": "displaced"; "required": false; }; "level": { "alias": "level"; "required": false; }; "animationTrigger": { "alias": "animationTrigger"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; }, { "animationEnd": "animationEnd"; "checkboxChanged": "checkboxChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxGroupItemComponent, "mrx-checkbox-group-item", never, { "displaced": { "alias": "displaced"; "required": false; }; "level": { "alias": "level"; "required": false; }; "animationTrigger": { "alias": "animationTrigger"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "item": { "alias": "item"; "required": false; }; }, { "animationEnd": "animationEnd"; "checkboxChanged": "checkboxChanged"; }, never, never, false, never>;
 }

package/lib/components/form/checkbox-group/helpers/change-group-value.d.ts

@@ -1,3 +1,3 @@
-import { CheckboxGroupItem, CheckboxIndeterminateState } from '../models/checkbox-group.model';
-export declare const checkUnderArrayValue: (array: CheckboxGroupItem[], value: CheckboxIndeterminateState) => boolean;
-export declare const changeGroupValue: (list: CheckboxGroupItem[], itemId: string | number, value: CheckboxIndeterminateState) => void;
+import { CheckboxGroupInnerItem, CheckboxIndeterminateState } from '../models/checkbox-group.model';
+export declare const checkUnderArrayValue: (array: CheckboxGroupInnerItem[], value: CheckboxIndeterminateState) => boolean;
+export declare const changeGroupValue: (list: CheckboxGroupInnerItem[], parentId: string | number | null, value: CheckboxIndeterminateState) => void;

package/lib/components/form/checkbox-group/helpers/change-item-value.d.ts

@@ -1,3 +1,3 @@
-import { CheckboxGroupItem, CheckboxIndeterminateState } from '../models/checkbox-group.model';
-export declare const changeItemValue: (item: CheckboxGroupItem, value: CheckboxIndeterminateState) => CheckboxGroupItem;
-export declare const changeListValue: (list: CheckboxGroupItem[], value: CheckboxIndeterminateState) => void;
+import { CheckboxGroupInnerItem, CheckboxIndeterminateState } from '../models/checkbox-group.model';
+export declare const changeItemValue: (item: CheckboxGroupInnerItem, value: CheckboxIndeterminateState) => CheckboxGroupInnerItem;
+export declare const changeListValue: (list: CheckboxGroupInnerItem[], value: CheckboxIndeterminateState) => void;

package/lib/components/form/checkbox-group/helpers/filter-search-group.d.ts

@@ -1,2 +1,2 @@
-import { CheckboxGroupItem, CheckboxGroupSearchValue } from '../models/checkbox-group.model';
-export declare const filterSearchGroup: (list: CheckboxGroupItem[], searchValue: CheckboxGroupSearchValue) => CheckboxGroupItem[];
+import { CheckboxGroupInnerItem, CheckboxGroupSearchValue } from '../models/checkbox-group.model';
+export declare const filterSearchGroup: (list: CheckboxGroupInnerItem[], searchValue: CheckboxGroupSearchValue) => CheckboxGroupInnerItem[];

package/lib/components/form/checkbox-group/helpers/get-checked-items.d.ts

@@ -1,2 +1,2 @@
-import { CheckboxGroupItem } from '../models/checkbox-group.model';
-export declare const getCheckedItems: (list: CheckboxGroupItem[]) => CheckboxGroupItem[];
+import { CheckboxGroupInnerItem } from '../models/checkbox-group.model';
+export declare const getCheckedItems: (list: CheckboxGroupInnerItem[]) => CheckboxGroupInnerItem[];

package/lib/components/form/checkbox-group/helpers/get-inner-list.helper.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxGroupInnerItem, CheckboxGroupItem } from '../models/checkbox-group.model';
+export declare const getInnerList: (list: CheckboxGroupItem[], checkedList: CheckboxGroupInnerItem[]) => CheckboxGroupInnerItem[];

package/lib/components/form/checkbox-group/helpers/get-item-by-id.d.ts

@@ -1,2 +1,2 @@
-import { CheckboxGroupItem } from '../models/checkbox-group.model';
-export declare const getItemById: (list: CheckboxGroupItem[], itemId: string | number) => CheckboxGroupItem | null;
+import { CheckboxGroupInnerItem } from '../models/checkbox-group.model';
+export declare const getItemInnerById: (list: CheckboxGroupInnerItem[], itemId: string | number | null) => CheckboxGroupInnerItem | null;

package/lib/components/form/checkbox-group/helpers/get-sorted-list.d.ts

@@ -1,2 +1,2 @@
-import { CheckboxGroupItem } from '../models/checkbox-group.model';
-export declare const getSortedList: (list: CheckboxGroupItem[], sortable: boolean) => CheckboxGroupItem[];
+import { CheckboxGroupInnerItem } from '../models/checkbox-group.model';
+export declare const getSortedList: (list: CheckboxGroupInnerItem[], sortable: boolean) => CheckboxGroupInnerItem[];

package/lib/components/form/checkbox-group/helpers/inner-list-to-list.helper.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxGroupInnerItem, CheckboxGroupItem } from '../models/checkbox-group.model';
+export declare const innerListToList: (innerList: CheckboxGroupInnerItem[]) => CheckboxGroupItem[];

package/lib/components/form/checkbox-group/models/checkbox-group.model.d.ts

@@ -1,10 +1,15 @@
 export interface CheckboxGroupItem {
     id: string | number;
     text: string;
-    parentId: string | number;
+    items?: CheckboxGroupItem[];
+}
+export interface CheckboxGroupInnerItem {
+    id: string | number;
+    text: string;
+    parentId: string | number | null;
     value: boolean | null;
     type: 'single' | 'array';
-    array: CheckboxGroupItem[];
+    items: CheckboxGroupInnerItem[];
 }
 export type CheckboxIndeterminateState = boolean | null;
 export type CheckboxGroupSearchValue = string;
@@ -13,3 +18,7 @@ export interface CheckboxGroupValueWithId {
     value: CheckboxGroupItem[];
     id: string;
 }
+export interface CheckboxGroupValueInnerWithId {
+    value: CheckboxGroupInnerItem[];
+    id: string;
+}

package/lib/components/form/radio-group/components/radio-group-header/radio-group-header.component.d.ts

@@ -1,8 +1,10 @@
+import { InputSearchSizesTypes } from './../../../input-search/input-search.enum';
 import { EventEmitter } from '@angular/core';
 import { RadioGroupSearchValue } from '../../models/radio-group.model';
 import * as i0 from "@angular/core";
 export declare class RadioGroupHeaderComponent {
     searchValue: string;
+    searchSize: InputSearchSizesTypes;
     searchable: boolean;
     searchPlaceholder: string;
     tooltip: string;
@@ -14,5 +16,5 @@ export declare class RadioGroupHeaderComponent {
     constructor();
     changeSearchValue(searchValue: RadioGroupSearchValue): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupHeaderComponent, "mrx-radio-group-header", never, { "searchable": { "alias": "searchable"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "checkedItemsCount": { "alias": "checkedItemsCount"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "updateradioGroupSearchValue": "updateradioGroupSearchValue"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupHeaderComponent, "mrx-radio-group-header", never, { "searchSize": { "alias": "searchSize"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "checkedItemsCount": { "alias": "checkedItemsCount"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "updateradioGroupSearchValue": "updateradioGroupSearchValue"; }, never, never, false, never>;
 }

package/lib/components/form/radio-group/components/radio-group-item/radio-group-item.component.d.ts

@@ -12,6 +12,8 @@ export declare class RadioGroupItemComponent {
     bold: boolean;
     animationTrigger: boolean | null;
     isLast: boolean;
+    disabled: boolean;
+    readonly: boolean;
     animationEnd: EventEmitter<null>;
     radioChanged: EventEmitter<{
         value: RadioIndeterminateState;
@@ -22,5 +24,5 @@ export declare class RadioGroupItemComponent {
     trackByFn(index: number, item: RadioGroupItem): string | number;
     radioChangeModel(value: RadioIndeterminateState, item: RadioGroupItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupItemComponent, "mrx-radio-group-item", never, { "invalid": { "alias": "invalid"; "required": false; }; "name": { "alias": "name"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "item": { "alias": "item"; "required": false; }; "displaced": { "alias": "displaced"; "required": false; }; "level": { "alias": "level"; "required": false; }; "bold": { "alias": "bold"; "required": false; }; "animationTrigger": { "alias": "animationTrigger"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; }, { "animationEnd": "animationEnd"; "radioChanged": "radioChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupItemComponent, "mrx-radio-group-item", never, { "invalid": { "alias": "invalid"; "required": false; }; "name": { "alias": "name"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "item": { "alias": "item"; "required": false; }; "displaced": { "alias": "displaced"; "required": false; }; "level": { "alias": "level"; "required": false; }; "bold": { "alias": "bold"; "required": false; }; "animationTrigger": { "alias": "animationTrigger"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "animationEnd": "animationEnd"; "radioChanged": "radioChanged"; }, never, never, false, never>;
 }

package/lib/components/form/radio-group/models/radio-group.model.d.ts

@@ -6,3 +6,7 @@ export interface RadioGroupItem {
 }
 export type RadioIndeterminateState = boolean | null;
 export type RadioGroupSearchValue = string;
+export interface RadioGroupValueWithId {
+    value: RadioGroupItem | null;
+    id: string;
+}

package/lib/components/form/radio-group/radio-group.component.d.ts

@@ -1,6 +1,7 @@
-import { ElementRef, EventEmitter, SimpleChanges } from '@angular/core';
+import { InputSearchSizesTypes } from './../input-search/input-search.enum';
+import { ElementRef, EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { RadioGroupItem } from './models/radio-group.model';
+import { RadioGroupItem, RadioGroupValueWithId } from './models/radio-group.model';
 import { Field } from '../../../services/mrx-autosave/mrx-autosave.service';
 import * as i0 from "@angular/core";
 export declare class RadioGroupComponent implements ControlValueAccessor {
@@ -11,13 +12,15 @@ export declare class RadioGroupComponent implements ControlValueAccessor {
     filteredList: RadioGroupItem[];
     uuid: string;
     fields: Field[];
+    searchSize: InputSearchSizesTypes;
     name: string;
-    items: RadioGroupItem[];
     scrollMaxHeight: number;
     searchable: boolean;
     bold: boolean;
     scrollable: boolean;
     sortable: boolean;
+    disabled: boolean;
+    readonly: boolean;
     enableMessage: string;
     searchPlaceholder: string;
     customClasses: string;
@@ -27,13 +30,13 @@ export declare class RadioGroupComponent implements ControlValueAccessor {
     checkInvalid: true | false | null;
     tooltip: string;
     labelText: string;
+    set items(value: RadioGroupItem[]);
+    get items(): RadioGroupItem[];
     groupItemsWrapper: ElementRef;
     changed: EventEmitter<RadioGroupItem | null>;
-    modelChange: EventEmitter<RadioGroupItem | null>;
+    modelChange: EventEmitter<RadioGroupValueWithId>;
     modelCheckedChange: EventEmitter<RadioGroupItem | null>;
     modelItemChange: EventEmitter<RadioGroupItem | null>;
-    constructor();
-    ngOnChanges(changes: SimpleChanges): void;
     get isSearchValue(): string;
     get displaced(): boolean;
     get getClasses(): string;
@@ -52,6 +55,6 @@ export declare class RadioGroupComponent implements ControlValueAccessor {
     }): void;
     get isInvalidMessage(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent, "mrx-radio-group", never, { "fields": { "alias": "fields"; "required": false; }; "name": { "alias": "name"; "required": false; }; "items": { "alias": "items"; "required": false; }; "scrollMaxHeight": { "alias": "scrollMaxHeight"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "bold": { "alias": "bold"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "enableMessage": { "alias": "enableMessage"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "required": { "alias": "required"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; }; "checkInvalid": { "alias": "checkInvalid"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; }, { "changed": "changed"; "modelChange": "modelChange"; "modelCheckedChange": "modelCheckedChange"; "modelItemChange": "modelItemChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent, "mrx-radio-group", never, { "fields": { "alias": "fields"; "required": false; }; "searchSize": { "alias": "searchSize"; "required": false; }; "name": { "alias": "name"; "required": false; }; "scrollMaxHeight": { "alias": "scrollMaxHeight"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "bold": { "alias": "bold"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "enableMessage": { "alias": "enableMessage"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "required": { "alias": "required"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; }; "checkInvalid": { "alias": "checkInvalid"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "changed": "changed"; "modelChange": "modelChange"; "modelCheckedChange": "modelCheckedChange"; "modelItemChange": "modelItemChange"; }, never, never, false, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<RadioGroupComponent>;
 }

package/lib/components/form/radio-group/radio-group.module.d.ts

@@ -8,8 +8,9 @@ import * as i6 from "../radio/radio.module";
 import * as i7 from "../input-search/input-search.module";
 import * as i8 from "../../label/label.module";
 import * as i9 from "../../error-message/error-message.module";
+import * as i10 from "../../save-state/save-state.module";
 export declare class RadioGroupModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RadioGroupModule, [typeof i1.RadioGroupComponent, typeof i2.RadioGroupItemComponent, typeof i3.RadioGroupHeaderComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.RadioModule, typeof i7.InputSearchModule, typeof i8.LabelModule, typeof i9.ErrorMessageModule], [typeof i1.RadioGroupComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RadioGroupModule, [typeof i1.RadioGroupComponent, typeof i2.RadioGroupItemComponent, typeof i3.RadioGroupHeaderComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.RadioModule, typeof i7.InputSearchModule, typeof i8.LabelModule, typeof i9.ErrorMessageModule, typeof i10.SaveStateModule], [typeof i1.RadioGroupComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RadioGroupModule>;
 }

package/lib/components/save-state/save-state.enum.d.ts

@@ -1 +1 @@
-export type SaveStateComponentType = 'input' | 'checkbox' | 'checkboxGroup' | 'switch' | 'editor';
+export type SaveStateComponentType = 'input' | 'checkbox' | 'checkboxGroup' | 'radio' | 'radioGroup' | 'switch' | 'editor';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myrta-ui",
-  "version": "17.0.0-beta.22",
+  "version": "17.0.0-beta.24",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0",

package/public-api.d.ts

@@ -125,11 +125,13 @@ export * from './lib/components/form/checkbox/checkbox.enum';
 export * from './lib/components/form/checkbox-group/checkbox-group.module';
 export * from './lib/components/form/checkbox-group/checkbox-group.component';
 export * from './lib/components/form/checkbox-group/models/checkbox-group.model';
+export * from './lib/components/form/checkbox-group/helpers/inner-list-to-list.helper';
 export * from './lib/components/form/radio/radio.module';
 export * from './lib/components/form/radio/radio.component';
 export * from './lib/components/form/radio/radio.enum';
 export * from './lib/components/form/radio-group/radio-group.module';
 export * from './lib/components/form/radio-group/radio-group.component';
+export * from './lib/components/form/radio-group/models/radio-group.model';
 export * from './lib/components/form/switch/switch.module';
 export * from './lib/components/form/switch/switch.component';
 export * from './lib/components/form/switch/switch.enum';