myrta-ui 17.0.0-beta.3 → 17.0.0-beta.30

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,63 @@
-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[]>;
+    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"; "modelChange": "modelChange"; "changedInner": "changedInner"; "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,15 +1,26 @@
 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;
 export type AnimateCheckboxGroupState = 'open' | 'close' | 'sustain';
 export interface CheckboxGroupValueWithId {
     value: CheckboxGroupItem[];
+    full: CheckboxGroupItem[];
+    id: string;
+}
+export interface CheckboxGroupValueInnerWithId {
+    value: CheckboxGroupInnerItem[];
+    full: CheckboxGroupInnerItem[];
     id: string;
 }

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

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ToolbarConfig } from './models/toolbar.model';
-import { Field } from '../../../services/mrx-autosave/mrx-autosave.service';
+import { Field } from '../../../services';
 import { JoditConfig } from 'ngx-jodit';
 import 'jodit/esm/plugins/source/source.js';
 import 'jodit/esm/plugins/line-height/line-height.js';

package/lib/components/form/input-file/input-file.component.d.ts

@@ -58,14 +58,16 @@ export declare class InputFileComponent {
     getTooltipValue(value: string | undefined): string;
     protected baseValidate(): boolean;
     trackByFn(index: number, item: InputFileModel): string | undefined;
-    delete(file: UploadedFileModel): void;
+    delete(event: any, file: InputFileModel): void;
     canCancelUploading(file: InputFileModel): boolean;
     clear(file: InputFileModel): void;
     downloadUrl(file: UploadedFileModel): string;
     dropped(files: NgxFileDropEntry[]): void;
-    private formDataKeys;
-    private createFormData;
-    private uploadFile;
+    private _transformUrl;
+    private _formDataKeys;
+    private _createFormData;
+    private _deleteFile;
+    private _uploadFile;
     private checkForUpload;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputFileComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputFileComponent, "mrx-input-file", never, { "autoUpload": { "alias": "autoUpload"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "viewOnly": { "alias": "viewOnly"; "required": false; }; "lightDisabled": { "alias": "lightDisabled"; "required": false; }; "bottomFiles": { "alias": "bottomFiles"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "maxFiles": { "alias": "maxFiles"; "required": false; }; "minFiles": { "alias": "minFiles"; "required": false; }; "formData": { "alias": "formData"; "required": false; }; "uploadEndPoint": { "alias": "uploadEndPoint"; "required": false; }; "deleteEndPoint": { "alias": "deleteEndPoint"; "required": false; }; "downloadEndPoint": { "alias": "downloadEndPoint"; "required": false; }; "fileNamePlaceholder": { "alias": "fileNamePlaceholder"; "required": false; }; "showInputWithError": { "alias": "showInputWithError"; "required": false; }; "showDeleteButton": { "alias": "showDeleteButton"; "required": false; }; "isTooltipValue": { "alias": "isTooltipValue"; "required": false; }; "isDownloadingFile": { "alias": "isDownloadingFile"; "required": false; }; "isHideListFiles": { "alias": "isHideListFiles"; "required": false; }; "target": { "alias": "target"; "required": false; }; "deleteConfirm": { "alias": "deleteConfirm"; "required": false; }; "innerTemplate": { "alias": "innerTemplate"; "required": false; }; "uploadAdditionalData": { "alias": "uploadAdditionalData"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; }; "checkInvalid": { "alias": "checkInvalid"; "required": false; }; "messageTooManyFiles": { "alias": "messageTooManyFiles"; "required": false; }; "messageFileTooBig": { "alias": "messageFileTooBig"; "required": false; }; "messageEmptyFile": { "alias": "messageEmptyFile"; "required": false; }; "messageInvalidFileFormat": { "alias": "messageInvalidFileFormat"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placeholderFileMaxSize": { "alias": "placeholderFileMaxSize"; "required": false; }; "placeholderFileFormat": { "alias": "placeholderFileFormat"; "required": false; }; "initFiles": { "alias": "files"; "required": false; }; "initAllowedExtensions": { "alias": "allowedExtensions"; "required": false; }; }, { "filesChanged": "filesChanged"; "checkDroppedFile": "checkDroppedFile"; }, never, never, false, never>;

package/lib/components/form/input-file-image/components/file-image-edit-modal/file-image-edit-modal.component.d.ts

@@ -1,5 +1,5 @@
 import { ImageCroppedEvent, ImageTransform, LoadedImage } from 'ngx-image-cropper';
-import { ModalComponent } from '../../../../../services/modal-service/helpers/modal.component';
+import { ModalServiceComponent } from '../../../../../services/modal-service/helpers/modal.component';
 import { ModalRef } from '../../../../../services/modal-service/helpers/modal-ref';
 import * as i0 from "@angular/core";
 export interface ImageEditSelect {
@@ -8,20 +8,21 @@ export interface ImageEditSelect {
     cropperMaxWidth: number;
     cropperMaxHeight: number;
     aspectRatio: number;
+    maintainAspectRatio: boolean;
 }
 export interface ImageEditResult {
     result: boolean;
-    fileImage?: any;
+    fileImage?: File;
     fileUrl?: string;
 }
-export declare class FileImageEditModalComponent extends ModalComponent<ImageEditSelect, ImageEditResult> {
+export declare class FileImageEditModalComponent extends ModalServiceComponent<ImageEditSelect, ImageEditResult> {
     private dialogRef;
-    data: ImageEditSelect;
     title: string;
     fileImage?: any;
     cropperMaxWidth: number;
     cropperMaxHeight: number;
     aspectRatio: number;
+    maintainAspectRatio: boolean;
     imageChangedEvent: any;
     croppedImage: string;
     canvasRotation: number;

package/lib/components/form/input-file-image/input-file-image.component.d.ts

@@ -1,62 +1,57 @@
-import { EventEmitter, TemplateRef } from '@angular/core';
-import { InputFileModel, UploadedFileModel } from '../../../models/input-file/input-file.model';
-import { FileUploadService } from '../../../services/file-upload/file-upload.service';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { InputFileModel, UploadedFileModel } from '../../../models';
+import { FileUploadService, ModalService } from '../../../services';
 import { NgxFileDropEntry } from 'ngx-file-drop';
-import { formatBytes } from '../../../helpers/extension/input-file.extension';
+import { formatBytes } from '../../../helpers';
 import { InputFileImageTypeTypes } from './input-file-image.enum';
-import { PreviewEnum } from './input-file-image.enum';
-import { ModalService } from '../../../services/modal-service/modal-service.service';
 import * as i0 from "@angular/core";
 export declare class InputFileImageComponent {
     private imageUploadService;
     private _modalService;
+    private _detector;
     formatBytes: typeof formatBytes;
     extensions?: string;
     allowedExtensions: string[];
     files: InputFileModel[];
-    notFoundImage: PreviewEnum;
-    hostClass: string;
     type: InputFileImageTypeTypes;
-    preview: string;
     customClasses: string;
-    required: boolean;
+    placeholder?: string;
     disabled: boolean;
-    lightDisabled: boolean;
+    readonly: boolean;
     maxSize: number;
     maxFiles: number;
     minFiles: number;
+    formData: any;
     cropperMaxWidth: number;
     cropperMaxHeight: number;
     aspectRatio: number;
-    formData: any;
-    placeholder?: string;
+    maintainAspectRatio: boolean;
     uploadEndPoint: string;
     deleteEndPoint?: string;
     downloadEndPoint?: string;
-    fileNamePlaceholder?: string;
     deleteConfirm?: (file: UploadedFileModel, result: (ok: boolean) => void) => void;
-    innerTemplate: TemplateRef<any>;
     set initFiles(data: UploadedFileModel[] | UploadedFileModel);
     set initAllowedExtensions(val: string[]);
     filesChanged: EventEmitter<InputFileModel[]>;
-    constructor(imageUploadService: FileUploadService, _modalService: ModalService);
+    constructor(imageUploadService: FileUploadService, _modalService: ModalService, _detector: ChangeDetectorRef);
     get getDefaultPlaceholder(): string;
     get getClasses(): string;
     get getDropZoneClasses(): string;
     get canAdd(): boolean;
-    trackByFn(index: number, item: InputFileModel): string | undefined;
-    delete(event: any, file: UploadedFileModel): void;
-    canCancelUploading(file: InputFileModel): boolean;
+    private _checkErrors;
+    dropped(files: NgxFileDropEntry[]): void;
+    changePreview(event: any, file: InputFileModel): void;
+    delete(event: any, file: InputFileModel): void;
     clear(file: InputFileModel): void;
     downloadUrl(file: UploadedFileModel): string;
-    dropped(files: NgxFileDropEntry[]): void;
-    changePreview(event: any, file: UploadedFileModel): void;
     fileOver(event: any): void;
     fileLeave(event: any): void;
-    private formDataKeys;
-    private createFormData;
-    private uploadFile;
-    private checkForUpload;
+    private _transformUrl;
+    private _formDataKeys;
+    private _createFormData;
+    private _deleteFile;
+    private _updateFile;
+    private _uploadFile;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputFileImageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputFileImageComponent, "mrx-input-file-image", never, { "type": { "alias": "type"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "lightDisabled": { "alias": "lightDisabled"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "maxFiles": { "alias": "maxFiles"; "required": false; }; "minFiles": { "alias": "minFiles"; "required": false; }; "cropperMaxWidth": { "alias": "cropperMaxWidth"; "required": false; }; "cropperMaxHeight": { "alias": "cropperMaxHeight"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "formData": { "alias": "formData"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "uploadEndPoint": { "alias": "uploadEndPoint"; "required": false; }; "deleteEndPoint": { "alias": "deleteEndPoint"; "required": false; }; "downloadEndPoint": { "alias": "downloadEndPoint"; "required": false; }; "fileNamePlaceholder": { "alias": "fileNamePlaceholder"; "required": false; }; "deleteConfirm": { "alias": "deleteConfirm"; "required": false; }; "innerTemplate": { "alias": "innerTemplate"; "required": false; }; "initFiles": { "alias": "files"; "required": false; }; "initAllowedExtensions": { "alias": "allowedExtensions"; "required": false; }; }, { "filesChanged": "filesChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputFileImageComponent, "mrx-input-file-image", never, { "type": { "alias": "type"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "maxFiles": { "alias": "maxFiles"; "required": false; }; "minFiles": { "alias": "minFiles"; "required": false; }; "formData": { "alias": "formData"; "required": false; }; "cropperMaxWidth": { "alias": "cropperMaxWidth"; "required": false; }; "cropperMaxHeight": { "alias": "cropperMaxHeight"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "maintainAspectRatio": { "alias": "maintainAspectRatio"; "required": false; }; "uploadEndPoint": { "alias": "uploadEndPoint"; "required": false; }; "deleteEndPoint": { "alias": "deleteEndPoint"; "required": false; }; "downloadEndPoint": { "alias": "downloadEndPoint"; "required": false; }; "deleteConfirm": { "alias": "deleteConfirm"; "required": false; }; "initFiles": { "alias": "files"; "required": false; }; "initAllowedExtensions": { "alias": "allowedExtensions"; "required": false; }; }, { "filesChanged": "filesChanged"; }, never, never, false, never>;
 }

package/lib/components/form/input-file-image/input-file-image.enum.d.ts

@@ -1,6 +1,6 @@
 export declare enum InputFileImageTypeEnum {
-    'default' = "mrx-input-file-image__type-default",
-    'avatar' = "mrx-input-file-image__type-avatar"
+    'default' = "mrx-input-file-image-type-default",
+    'avatar' = "mrx-input-file-image-type-avatar"
 }
 export type InputFileImageTypeTypes = 'default' | 'avatar';
 export declare enum PreviewEnum {

package/lib/components/form/input-file-image/input-file-image.module.d.ts

@@ -10,6 +10,6 @@ import * as i8 from "../../button/button.module";
 import * as i9 from "ngx-image-cropper";
 export declare class InputFileImageModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<InputFileImageModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<InputFileImageModule, [typeof i1.InputFileImageComponent, typeof i2.FileImageEditModalComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.HttpClientModule, typeof i6.NgxFileDropModule, typeof i7.ModalModule, typeof i8.ButtonModule, typeof i9.ImageCropperComponent], [typeof i1.InputFileImageComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InputFileImageModule, [typeof i1.InputFileImageComponent, typeof i2.FileImageEditModalComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.HttpClientModule, typeof i6.NgxFileDropModule, typeof i7.ModalModule, typeof i8.ButtonModule, typeof i9.ImageCropperComponent, typeof i3.NgOptimizedImage], [typeof i1.InputFileImageComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<InputFileImageModule>;
 }

package/lib/components/form/input-select/input-select.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, TemplateRef } from '@angular/core';
+import { EventEmitter, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { AddTagFn } from '@ng-select/ng-select/lib/ng-select.component';
 import { InputSelectSizeTypes, InputSelectValueTypes, InputSelectValueWithId } from './input-select.enum';
@@ -49,10 +49,21 @@ export declare class InputSelectComponent implements ControlValueAccessor {
     tooltip: string;
     tooltipHidden: boolean;
     tooltipVisible: boolean;
-    selectOptionsTemplate: TemplateRef<ElementRef>;
-    labelTemplate: TemplateRef<ElementRef>;
-    tagTemplate: TemplateRef<ElementRef>;
-    multiLabelTemplate: TemplateRef<ElementRef>;
+    selectOptionsTemplate: TemplateRef<{
+        item: any;
+        clear: any;
+    }>;
+    labelTemplate: TemplateRef<{
+        item: any;
+        clear: any;
+    }>;
+    tagTemplate: TemplateRef<{
+        items: any;
+    }>;
+    multiLabelTemplate: TemplateRef<{
+        items: any;
+        clear: any;
+    }>;
     set setMaxSelectedItems(val: number);
     changed: EventEmitter<InputSelectValueTypes>;
     modelChange: EventEmitter<InputSelectValueWithId>;

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>;
 }