myrta-ui 14.0.0-beta.1 → 14.0.0-beta.3

package/lib/components/chars-left/chars-left.component.d.ts

@@ -4,6 +4,7 @@ export declare class CharsLeftComponent {
     valueLength: number;
     value: string;
     get getValueLength(): number;
+    get isInvalidValueLength(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CharsLeftComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CharsLeftComponent, "mrx-chars-left", never, { "maxlength": "maxlength"; "valueLength": "valueLength"; "value": "value"; }, {}, never, never, false>;
 }

package/lib/components/error-message/error-message.component.d.ts

@@ -1,9 +1,10 @@
 import * as i0 from "@angular/core";
 export declare class ErrorMessageComponent {
+    invalid: boolean;
     invalidMessage: string | string[];
     customClasses: string;
     get getClasses(): string;
     get invalidMessageArray(): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ErrorMessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorMessageComponent, "mrx-error-message", never, { "invalidMessage": "invalidMessage"; "customClasses": "customClasses"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorMessageComponent, "mrx-error-message", never, { "invalid": "invalid"; "invalidMessage": "invalidMessage"; "customClasses": "customClasses"; }, {}, never, ["*"], false>;
 }

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": "fields"; "required": "required"; "type": "type"; "boldLabel": "boldLabel"; "indeterminate": "indeterminate"; "disabled": "disabled"; "readonly": "readonly"; "placeholder": "placeholder"; "label": "label"; "customClasses": "customClasses"; "customWrapperClasses": "customWrapperClasses"; "invalid": "invalid"; "checkInvalid": "checkInvalid"; "tooltip": "tooltip"; "tooltipInitialVisible": "tooltipInitialVisible"; "isSaveToStorage": "isSaveToStorage"; }, { "changed": "changed"; "modelChange": "modelChange"; }, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "mrx-checkbox", never, { "fields": "fields"; "required": "required"; "boldLabel": "boldLabel"; "indeterminate": "indeterminate"; "disabled": "disabled"; "readonly": "readonly"; "label": "label"; "customClasses": "customClasses"; "customWrapperClasses": "customWrapperClasses"; "invalid": "invalid"; "checkInvalid": "checkInvalid"; "tooltip": "tooltip"; "tooltipInitialVisible": "tooltipInitialVisible"; "isSaveToStorage": "isSaveToStorage"; }, { "changed": "changed"; "modelChange": "modelChange"; }, never, ["*"], false>;
 }

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 declare type CheckboxTypes = 'default';
 export interface CheckboxOutput {
     checked: boolean;
     element: ElementRef;

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

@@ -17,6 +17,8 @@ export declare class CheckboxGroupComponent implements ControlValueAccessor {
     searchable: boolean;
     scrollable: boolean;
     sortable: boolean;
+    disabled: boolean;
+    readonly: boolean;
     enableMessage: string;
     searchPlaceholder: string;
     customClasses: string;
@@ -49,6 +51,6 @@ export declare class CheckboxGroupComponent implements ControlValueAccessor {
     }): void;
     clearFilters(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxGroupComponent, "mrx-checkbox-group", never, { "fields": "fields"; "items": "items"; "scrollMaxHeight": "scrollMaxHeight"; "searchable": "searchable"; "scrollable": "scrollable"; "sortable": "sortable"; "enableMessage": "enableMessage"; "searchPlaceholder": "searchPlaceholder"; "customClasses": "customClasses"; "tooltip": "tooltip"; "labelText": "labelText"; "linkText": "linkText"; }, { "changed": "changed"; "changeChecked": "changeChecked"; "modelChange": "modelChange"; "modelCheckedChange": "modelCheckedChange"; "modelItemChange": "modelItemChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxGroupComponent, "mrx-checkbox-group", never, { "fields": "fields"; "items": "items"; "scrollMaxHeight": "scrollMaxHeight"; "searchable": "searchable"; "scrollable": "scrollable"; "sortable": "sortable"; "disabled": "disabled"; "readonly": "readonly"; "enableMessage": "enableMessage"; "searchPlaceholder": "searchPlaceholder"; "customClasses": "customClasses"; "tooltip": "tooltip"; "labelText": "labelText"; "linkText": "linkText"; }, { "changed": "changed"; "changeChecked": "changeChecked"; "modelChange": "modelChange"; "modelCheckedChange": "modelCheckedChange"; "modelItemChange": "modelItemChange"; }, never, never, false>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CheckboxGroupComponent>;
 }

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

@@ -9,6 +9,8 @@ export declare class CheckboxGroupItemComponent implements OnChanges {
     level: number;
     animationTrigger: boolean | null;
     isLast: boolean;
+    disabled: boolean;
+    readonly: boolean;
     animationEnd: EventEmitter<null>;
     checkboxChanged: EventEmitter<{
         value: CheckboxIndeterminateState;
@@ -16,11 +18,12 @@ export declare class CheckboxGroupItemComponent implements OnChanges {
     }>;
     constructor(detector: ChangeDetectorRef);
     get isIndeterminate(): boolean;
+    get translateChevron(): string;
     trackByFn(index: number, item: CheckboxGroupItem): string | number;
     toggleList(item: CheckboxGroupItem): void;
     checkboxChangeModel(value: CheckboxIndeterminateState, item: CheckboxGroupItem): void;
     ngOnChanges(changes: SimpleChanges): void;
     onAnimationEvent(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxGroupItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxGroupItemComponent, "mrx-checkbox-group-item", never, { "item": "item"; "displaced": "displaced"; "level": "level"; "animationTrigger": "animationTrigger"; "isLast": "isLast"; }, { "animationEnd": "animationEnd"; "checkboxChanged": "checkboxChanged"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxGroupItemComponent, "mrx-checkbox-group-item", never, { "item": "item"; "displaced": "displaced"; "level": "level"; "animationTrigger": "animationTrigger"; "isLast": "isLast"; "disabled": "disabled"; "readonly": "readonly"; }, { "animationEnd": "animationEnd"; "checkboxChanged": "checkboxChanged"; }, never, never, false>;
 }

package/lib/components/form/editor/config/default-inline-style.d.ts

@@ -0,0 +1,11 @@
+export declare const defaultInlineStyleConstant: {
+    table: {
+        style: string;
+    };
+    tr: {
+        style: string;
+    };
+    td: {
+        style: string;
+    };
+};

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

@@ -2,6 +2,7 @@ import { ChangeDetectorRef, EventEmitter, OnChanges, SimpleChanges } from '@angu
 import { ControlValueAccessor } from '@angular/forms';
 import { ToolbarConfig } from './models/toolbar.model';
 import { Field } from '../../../services/mrx-autosave/mrx-autosave.service';
+import { InputEditorValueWithId } from './editor.enum';
 import * as i0 from "@angular/core";
 export declare class EditorComponent implements ControlValueAccessor, OnChanges {
     private changeDetection;
@@ -21,16 +22,23 @@ export declare class EditorComponent implements ControlValueAccessor, OnChanges
     readonly: boolean;
     iframe: boolean;
     config: any;
+    defaultInlineStyle: boolean;
+    defaultActionOnPaste: string;
+    askBeforePasteHTML: boolean;
     editHTMLDocumentMode: boolean;
+    askBeforePasteFromWord: boolean;
     invalid: boolean;
     invalidMessage: string | string[];
     checkInvalid: true | false | null;
     editorElementRef: any;
     changed: EventEmitter<string>;
+    modelChange: EventEmitter<InputEditorValueWithId>;
+    blurred: EventEmitter<InputEditorValueWithId>;
     constructor(changeDetection: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
-    get isValid(): boolean;
-    get isInvalidMessage(): boolean;
+    private get _isInvalidValueLength();
+    get getInvalid(): boolean;
+    get getInvalidMessage(): string | string[];
     get checkValidClasses(): string;
     get getClasses(): string;
     insertPositionText(text: string): void;
@@ -40,9 +48,10 @@ export declare class EditorComponent implements ControlValueAccessor, OnChanges
     registerOnChange(fn: any): void;
     registerOnTouched(fn: () => {}): void;
     writeValue(outsideValue: any): void;
-    updateValue(insideValue: string): void;
     private _sanitizeValue;
     private _calculateChartsCount;
+    updateValue(insideValue: string): void;
+    onBlur(value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditorComponent, "mrx-editor", never, { "fields": "fields"; "toolbar": "toolbar"; "maxLength": "maxLength"; "minHeight": "minHeight"; "customClasses": "customClasses"; "placeholder": "placeholder"; "disabled": "disabled"; "readonly": "readonly"; "iframe": "iframe"; "config": "config"; "editHTMLDocumentMode": "editHTMLDocumentMode"; "invalid": "invalid"; "invalidMessage": "invalidMessage"; "checkInvalid": "checkInvalid"; }, { "changed": "changed"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditorComponent, "mrx-editor", never, { "fields": "fields"; "toolbar": "toolbar"; "maxLength": "maxLength"; "minHeight": "minHeight"; "customClasses": "customClasses"; "placeholder": "placeholder"; "disabled": "disabled"; "readonly": "readonly"; "iframe": "iframe"; "config": "config"; "defaultInlineStyle": "defaultInlineStyle"; "defaultActionOnPaste": "defaultActionOnPaste"; "askBeforePasteHTML": "askBeforePasteHTML"; "editHTMLDocumentMode": "editHTMLDocumentMode"; "askBeforePasteFromWord": "askBeforePasteFromWord"; "invalid": "invalid"; "invalidMessage": "invalidMessage"; "checkInvalid": "checkInvalid"; }, { "changed": "changed"; "modelChange": "modelChange"; "blurred": "blurred"; }, never, never, false>;
 }

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

@@ -0,0 +1,5 @@
+export declare type InputEditorValueTypes = string;
+export interface InputEditorValueWithId {
+    value: InputEditorValueTypes;
+    id: string;
+}

package/lib/components/form/input-date-time/input-date-time.component.d.ts

@@ -24,6 +24,7 @@ export declare class InputDateTimeComponent implements ControlValueAccessor, OnC
     readonly: boolean;
     required: boolean;
     timepicker: boolean;
+    range: boolean;
     minDate: string;
     maxDate: string;
     timezone: TimezoneType;
@@ -40,8 +41,9 @@ export declare class InputDateTimeComponent implements ControlValueAccessor, OnC
     checkInvalid: true | false | null;
     dateInput: ElementRef;
     timeInput: ElementRef;
-    changed: EventEmitter<string>;
+    changed: EventEmitter<InputDateTimeValueTypes>;
     modelChange: EventEmitter<InputDateTimeValueWithId>;
+    blurred: EventEmitter<InputDateTimeValueWithId>;
     constructor();
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -54,6 +56,7 @@ export declare class InputDateTimeComponent implements ControlValueAccessor, OnC
     clickToIconCalendar(): void;
     clickToIconClear(): void;
     private updateValueModel;
+    private updateValuesArray;
     private dateFormattingOutput;
     private invalidMessageOn;
     private invalidMessageOff;
@@ -67,6 +70,7 @@ export declare class InputDateTimeComponent implements ControlValueAccessor, OnC
     registerOnTouched(fn: () => {}): void;
     setDisabledState(isDisabled: boolean): void;
     updateValue(insideValue: InputDateTimeValueTypes): void;
+    onBlur(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputDateTimeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputDateTimeComponent, "mrx-input-date-time", never, { "fields": "fields"; "size": "size"; "customClasses": "customClasses"; "dateLabel": "dateLabel"; "timeLabel": "timeLabel"; "datePlaceholder": "datePlaceholder"; "timePlaceholder": "timePlaceholder"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; "timepicker": "timepicker"; "minDate": "minDate"; "maxDate": "maxDate"; "timezone": "timezone"; "inline": "inline"; "isManualInput": "isManualInput"; "addMinTime": "addMinTime"; "addMaxTime": "addMaxTime"; "addMinTimeObj": "addMinTimeObj"; "addMaxTimeObj": "addMaxTimeObj"; "disableValidate": "disableValidate"; "container": "container"; "invalid": "invalid"; "invalidMessage": "invalidMessage"; "checkInvalid": "checkInvalid"; }, { "changed": "changed"; "modelChange": "modelChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputDateTimeComponent, "mrx-input-date-time", never, { "fields": "fields"; "size": "size"; "customClasses": "customClasses"; "dateLabel": "dateLabel"; "timeLabel": "timeLabel"; "datePlaceholder": "datePlaceholder"; "timePlaceholder": "timePlaceholder"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; "timepicker": "timepicker"; "range": "range"; "minDate": "minDate"; "maxDate": "maxDate"; "timezone": "timezone"; "inline": "inline"; "isManualInput": "isManualInput"; "addMinTime": "addMinTime"; "addMaxTime": "addMaxTime"; "addMinTimeObj": "addMinTimeObj"; "addMaxTimeObj": "addMaxTimeObj"; "disableValidate": "disableValidate"; "container": "container"; "invalid": "invalid"; "invalidMessage": "invalidMessage"; "checkInvalid": "checkInvalid"; }, { "changed": "changed"; "modelChange": "modelChange"; "blurred": "blurred"; }, never, never, false>;
 }

package/lib/components/form/input-date-time/input-date-time.enum.d.ts

@@ -4,7 +4,7 @@ export declare enum InputDateSizesEnum {
     'large' = "mrx-input-date-lg"
 }
 export declare type InputDateSizesTypes = 'small' | 'medium' | 'large';
-export declare type InputDateTimeValueTypes = string;
+export declare type InputDateTimeValueTypes = string | string[];
 export interface InputDateTimeValueWithId {
     value: InputDateTimeValueTypes;
     id: string;

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

@@ -33,6 +33,7 @@ export declare class InputDatepickerComponent implements ControlValueAccessor, O
     mask: string;
     container: string;
     validationType: InputDateTimeValidation;
+    disableValidation: boolean;
     invalid: boolean;
     invalidMessage: string | string[];
     checkInvalid: true | false | null;
@@ -65,5 +66,5 @@ export declare class InputDatepickerComponent implements ControlValueAccessor, O
     setDisabledState(isDisabled: boolean): void;
     updateValue(insideValue: InputDateTimeValueTypes): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputDatepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputDatepickerComponent, "mrx-input-datepicker", never, { "fields": "fields"; "size": "size"; "format": "format"; "locale": "locale"; "customClasses": "customClasses"; "dateLabel": "dateLabel"; "timeLabel": "timeLabel"; "datePlaceholder": "datePlaceholder"; "placeholder": "placeholder"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; "timepicker": "timepicker"; "minDate": "minDate"; "maxDate": "maxDate"; "inline": "inline"; "closable": "closable"; "leadZeroDateTime": "leadZeroDateTime"; "mask": "mask"; "container": "container"; "validationType": "validationType"; "invalid": "invalid"; "invalidMessage": "invalidMessage"; "checkInvalid": "checkInvalid"; "isShowMessages": "isShowMessages"; }, { "changed": "changed"; "modelChange": "modelChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputDatepickerComponent, "mrx-input-datepicker", never, { "fields": "fields"; "size": "size"; "format": "format"; "locale": "locale"; "customClasses": "customClasses"; "dateLabel": "dateLabel"; "timeLabel": "timeLabel"; "datePlaceholder": "datePlaceholder"; "placeholder": "placeholder"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; "timepicker": "timepicker"; "minDate": "minDate"; "maxDate": "maxDate"; "inline": "inline"; "closable": "closable"; "leadZeroDateTime": "leadZeroDateTime"; "mask": "mask"; "container": "container"; "validationType": "validationType"; "disableValidation": "disableValidation"; "invalid": "invalid"; "invalidMessage": "invalidMessage"; "checkInvalid": "checkInvalid"; "isShowMessages": "isShowMessages"; }, { "changed": "changed"; "modelChange": "modelChange"; }, never, never, false>;
 }

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

@@ -4,6 +4,9 @@ import * as i0 from "@angular/core";
 export interface ImageEditSelect {
     title: string;
     fileImage?: any;
+    cropperMaxWidth: number;
+    cropperMaxHeight: number;
+    aspectRatio: number;
 }
 export interface ImageEditResult {
     result: boolean;
@@ -13,6 +16,9 @@ export interface ImageEditResult {
 export declare class FileImageEditModalComponent extends SimpleModalComponent<ImageEditSelect, ImageEditResult> {
     title: string;
     fileImage?: any;
+    cropperMaxWidth: number;
+    cropperMaxHeight: number;
+    aspectRatio: number;
     imageChangedEvent: any;
     croppedImage: string;
     canvasRotation: number;

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

@@ -15,7 +15,6 @@ export declare class InputFileImageComponent {
     allowedExtensions: string[];
     files: InputFileModel[];
     notFoundImage: PreviewEnum;
-    hostClass: string;
     type: InputFileImageTypeTypes;
     preview: string;
     customClasses: string;
@@ -25,6 +24,9 @@ export declare class InputFileImageComponent {
     maxSize: number;
     maxFiles: number;
     minFiles: number;
+    cropperMaxWidth: number;
+    cropperMaxHeight: number;
+    aspectRatio: number;
     formData: any;
     placeholder?: string;
     uploadEndPoint: string;
@@ -55,5 +57,5 @@ export declare class InputFileImageComponent {
     private uploadFile;
     private checkForUpload;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputFileImageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputFileImageComponent, "mrx-input-file-image", never, { "type": "type"; "preview": "preview"; "customClasses": "customClasses"; "required": "required"; "disabled": "disabled"; "lightDisabled": "lightDisabled"; "maxSize": "maxSize"; "maxFiles": "maxFiles"; "minFiles": "minFiles"; "formData": "formData"; "placeholder": "placeholder"; "uploadEndPoint": "uploadEndPoint"; "deleteEndPoint": "deleteEndPoint"; "downloadEndPoint": "downloadEndPoint"; "fileNamePlaceholder": "fileNamePlaceholder"; "deleteConfirm": "deleteConfirm"; "innerTemplate": "innerTemplate"; "initFiles": "files"; "initAllowedExtensions": "allowedExtensions"; }, { "filesChanged": "filesChanged"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputFileImageComponent, "mrx-input-file-image", never, { "type": "type"; "preview": "preview"; "customClasses": "customClasses"; "required": "required"; "disabled": "disabled"; "lightDisabled": "lightDisabled"; "maxSize": "maxSize"; "maxFiles": "maxFiles"; "minFiles": "minFiles"; "cropperMaxWidth": "cropperMaxWidth"; "cropperMaxHeight": "cropperMaxHeight"; "aspectRatio": "aspectRatio"; "formData": "formData"; "placeholder": "placeholder"; "uploadEndPoint": "uploadEndPoint"; "deleteEndPoint": "deleteEndPoint"; "downloadEndPoint": "downloadEndPoint"; "fileNamePlaceholder": "fileNamePlaceholder"; "deleteConfirm": "deleteConfirm"; "innerTemplate": "innerTemplate"; "initFiles": "files"; "initAllowedExtensions": "allowedExtensions"; }, { "filesChanged": "filesChanged"; }, never, never, false>;
 }

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 declare type InputFileImageTypeTypes = 'default' | 'avatar';
 export declare enum PreviewEnum {

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

@@ -1,13 +1,14 @@
 import { ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { ControlValueAccessor, FormBuilder, FormControl, FormGroup } from '@angular/forms';
-import { InputNumberSizesTypes, InputNumberType, InputNumberValueWithId } from './input-number.enum';
-import { Field } from '../../../services/mrx-autosave/mrx-autosave.service';
+import { InputNumberSizesTypes, InputNumberType, InputNumberValueTypes, InputNumberValueWithId } from './input-number.enum';
+import { Field } from '../../../services';
 import * as i0 from "@angular/core";
 export declare type DecimalMarkerType = '.' | ',' | ['.', ','];
 export declare class InputNumberComponent implements ControlValueAccessor, OnInit {
     static decimalMarker?: DecimalMarkerType;
     private static _delimitersInitialised;
     static thousandsSeparator: string;
+    value: InputNumberValueTypes;
     disabled: boolean;
     readonly: boolean;
     numberForm: FormGroup;
@@ -31,6 +32,7 @@ export declare class InputNumberComponent implements ControlValueAccessor, OnIni
     separator?: string;
     decimalSeparator?: DecimalMarkerType;
     isNullableValue: boolean;
+    isAutoCorrectingValue: boolean;
     invalid: boolean;
     checkInvalid: true | false | null;
     inputElement: ElementRef;
@@ -40,7 +42,9 @@ export declare class InputNumberComponent implements ControlValueAccessor, OnIni
     set setReadonly(value: boolean);
     set setMin(val: number);
     set setMax(val: number);
+    changed: EventEmitter<InputNumberValueTypes>;
     modelChange: EventEmitter<InputNumberValueWithId>;
+    blurred: EventEmitter<InputNumberValueWithId>;
     constructor(fb: FormBuilder);
     get getClasses(): string;
     get decimalMarker(): '.' | ',' | ['.', ','];
@@ -50,12 +54,16 @@ export declare class InputNumberComponent implements ControlValueAccessor, OnIni
     get isVerified(): boolean;
     static initNumberFormat(): void;
     ngOnInit(): void;
+    private _formattingValue;
     resetToMax(event: any): void;
     checkIsValid(): void;
+    onPhoneInputBlur(): void;
     writeValue(value: any): void;
     getControl(name: string): FormControl<any>;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
+    updateValue(insideValue: InputNumberValueTypes): void;
+    onBlur(event: FocusEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputNumberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputNumberComponent, "mrx-input-number", never, { "fields": "fields"; "placeholder": "placeholder"; "innerClass": "innerClass"; "customClasses": "customClasses"; "required": "required"; "allowNegative": "allowNegative"; "size": "size"; "separator": "separator"; "decimalSeparator": "decimalSeparator"; "isNullableValue": "isNullableValue"; "invalid": "invalid"; "checkInvalid": "checkInvalid"; "setNumberType": "numberType"; "setInvalidMessage": "invalidMessage"; "setDisabled": "disabled"; "setReadonly": "readonly"; "setMin": "minValue"; "setMax": "maxValue"; }, { "modelChange": "modelChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputNumberComponent, "mrx-input-number", never, { "fields": "fields"; "placeholder": "placeholder"; "innerClass": "innerClass"; "customClasses": "customClasses"; "required": "required"; "allowNegative": "allowNegative"; "size": "size"; "separator": "separator"; "decimalSeparator": "decimalSeparator"; "isNullableValue": "isNullableValue"; "isAutoCorrectingValue": "isAutoCorrectingValue"; "invalid": "invalid"; "checkInvalid": "checkInvalid"; "setNumberType": "numberType"; "setInvalidMessage": "invalidMessage"; "setDisabled": "disabled"; "setReadonly": "readonly"; "setMin": "minValue"; "setMax": "maxValue"; }, { "changed": "changed"; "modelChange": "modelChange"; "blurred": "blurred"; }, never, never, false>;
 }

package/lib/components/form/input-number/input-number.enum.d.ts

@@ -5,8 +5,8 @@ export declare enum InputNumberSizesEnum {
     'large' = "mrx-input-number-lg"
 }
 export declare type InputNumberSizesTypes = 'small' | 'medium' | 'large';
-export declare type InputNumberValueTypes = number;
+export declare type InputNumberValueTypes = number | null;
 export interface InputNumberValueWithId {
-    value: InputNumberValueTypes | null;
+    value: InputNumberValueTypes;
     id: string;
 }

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

@@ -1,5 +1,5 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
-import { AbstractControl, FormArray, FormControl } from '@angular/forms';
+import { AbstractControl, FormControl } from '@angular/forms';
 import { NgxOtpInputConfig, NgxOtpStatus } from '../../models/input-opt.model';
 import { InputOptService } from '../../services/input-opt.service';
 import { InputOptSizesTypes } from './input-opt.enum';
@@ -16,7 +16,7 @@ export declare class InputOptComponent implements OnInit, AfterViewInit, OnDestr
     private ngxOtpArray$;
     private focusedInputHasValue;
     private isInit;
-    ngxOtpArray: FormArray<never>;
+    ngxOtpArray: any;
     ariaLabels: string[];
     pattern: RegExp;
     styles: string[][];

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

@@ -1,30 +1,34 @@
 import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { InputPasswordSizesTypes, InputPasswordValueTypes } from './input-password.enum';
+import { InputPasswordSizesTypes, InputPasswordValueTypes, InputPasswordValueWithId } from './input-password.enum';
+import { Field } from '../../../services';
 import * as i0 from "@angular/core";
 export declare class InputPasswordComponent implements ControlValueAccessor {
     value: InputPasswordValueTypes;
     isShowPassword: boolean;
+    uuid: string;
+    fields: Field[];
     disabled: boolean;
     required: boolean;
     readonly: boolean;
     maxlength: number;
     minlength: number;
     placeholder: string;
+    customClasses: string;
+    size: InputPasswordSizesTypes;
     invalid: boolean;
     invalidMessage: string | string[];
     checkInvalid: true | false | null;
-    customClasses: string;
-    size: InputPasswordSizesTypes;
+    restrictInput: boolean;
     changed: EventEmitter<InputPasswordValueTypes>;
-    constructor();
-    get isInvalidMessage(): boolean;
-    get isValid(): boolean;
-    get isVerified(): boolean;
+    modelChange: EventEmitter<InputPasswordValueWithId>;
+    blurred: EventEmitter<InputPasswordValueWithId>;
+    private get _isInvalidValueLength();
+    get getInvalid(): boolean;
+    get getInvalidMessage(): string | string[];
     get readonlyClass(): string;
     get checkValidClasses(): string;
     get getClasses(): string;
-    protected baseValidate(): boolean;
     toggleShow(): void;
     private onChange;
     private onTouched;
@@ -33,6 +37,7 @@ export declare class InputPasswordComponent implements ControlValueAccessor {
     writeValue(outsideValue: InputPasswordValueTypes): void;
     setDisabledState(isDisabled: boolean): void;
     updateValue(insideValue: InputPasswordValueTypes): void;
+    onBlur(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputPasswordComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputPasswordComponent, "mrx-input-password", never, { "disabled": "disabled"; "required": "required"; "readonly": "readonly"; "maxlength": "maxlength"; "minlength": "minlength"; "placeholder": "placeholder"; "invalid": "invalid"; "invalidMessage": "invalidMessage"; "checkInvalid": "checkInvalid"; "customClasses": "customClasses"; "size": "size"; }, { "changed": "changed"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputPasswordComponent, "mrx-input-password", never, { "fields": "fields"; "disabled": "disabled"; "required": "required"; "readonly": "readonly"; "maxlength": "maxlength"; "minlength": "minlength"; "placeholder": "placeholder"; "customClasses": "customClasses"; "size": "size"; "invalid": "invalid"; "invalidMessage": "invalidMessage"; "checkInvalid": "checkInvalid"; "restrictInput": "restrictInput"; }, { "changed": "changed"; "modelChange": "modelChange"; "blurred": "blurred"; }, never, never, false>;
 }

package/lib/components/form/input-password/input-password.enum.d.ts

@@ -5,3 +5,7 @@ export declare enum InputPasswordSizesEnum {
 }
 export declare type InputPasswordSizesTypes = 'small' | 'medium' | 'large';
 export declare type InputPasswordValueTypes = string;
+export interface InputPasswordValueWithId {
+    value: InputPasswordValueTypes;
+    id: string;
+}

package/lib/components/form/input-password/input-password.module.d.ts

@@ -4,8 +4,10 @@ import * as i2 from "@angular/forms";
 import * as i3 from "../../chars-left/chars-left.module";
 import * as i4 from "../../error-message/error-message.module";
 import * as i5 from "@angular/common";
+import * as i6 from "ngx-mask";
+import * as i7 from "../../save-state/save-state.module";
 export declare class InputPasswordModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<InputPasswordModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<InputPasswordModule, [typeof i1.InputPasswordComponent], [typeof i2.FormsModule, typeof i3.CharsLeftModule, typeof i4.ErrorMessageModule, typeof i5.CommonModule], [typeof i1.InputPasswordComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InputPasswordModule, [typeof i1.InputPasswordComponent], [typeof i2.FormsModule, typeof i3.CharsLeftModule, typeof i4.ErrorMessageModule, typeof i5.CommonModule, typeof i6.NgxMaskModule, typeof i7.SaveStateModule], [typeof i1.InputPasswordComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<InputPasswordModule>;
 }

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

@@ -1,12 +1,14 @@
 import { ElementRef, EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { InputSearchSizesTypes } from './input-search.enum';
+import { InputSearchSizesTypes, InputSearchValueTypes, InputSearchValueWithId } from './input-search.enum';
+import { Field } from '../../../services';
 import * as i0 from "@angular/core";
-export declare type InputSearchValueTypes = string;
 export declare class InputSearchComponent implements ControlValueAccessor {
     value: InputSearchValueTypes;
     selectionStart: number | undefined;
     selectionEnd: number | undefined;
+    uuid: string;
+    fields: Field[];
     inputElement: ElementRef;
     disabled: boolean;
     required: boolean;
@@ -14,19 +16,21 @@ export declare class InputSearchComponent implements ControlValueAccessor {
     maxlength: number;
     minlength: number;
     placeholder: string;
-    invalid: boolean;
-    invalidMessage: string | string[];
-    checkInvalid: true | false | null;
     customClasses: string;
     mask: string;
     size: InputSearchSizesTypes;
+    invalid: boolean;
+    invalidMessage: string | string[];
+    checkInvalid: true | false | null;
+    restrictInput: boolean;
     changed: EventEmitter<InputSearchValueTypes>;
+    modelChange: EventEmitter<InputSearchValueWithId>;
+    blurred: EventEmitter<InputSearchValueWithId>;
     cleared: EventEmitter<null>;
     searched: EventEmitter<null>;
-    get isInvalidMessage(): boolean;
-    get invalidMessageArray(): string[];
-    get isValid(): boolean;
-    get isVerified(): boolean;
+    private get _isInvalidValueLength();
+    get getInvalid(): boolean;
+    get getInvalidMessage(): string | string[];
     get readonlyClass(): string;
     get checkValidClasses(): string;
     get getClasses(): string;
@@ -34,7 +38,6 @@ export declare class InputSearchComponent implements ControlValueAccessor {
     onClear(): void;
     onSearch(): void;
     insertPositionText(tagText: string): void;
-    protected baseValidate(): boolean;
     updateSelection(event: any): void;
     private onChange;
     private onTouched;
@@ -43,6 +46,7 @@ export declare class InputSearchComponent implements ControlValueAccessor {
     writeValue(outsideValue: InputSearchValueTypes): void;
     setDisabledState(isDisabled: boolean): void;
     updateValue(insideValue: InputSearchValueTypes): void;
+    onBlur(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputSearchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputSearchComponent, "mrx-input-search", never, { "disabled": "disabled"; "required": "required"; "readonly": "readonly"; "maxlength": "maxlength"; "minlength": "minlength"; "placeholder": "placeholder"; "invalid": "invalid"; "invalidMessage": "invalidMessage"; "checkInvalid": "checkInvalid"; "customClasses": "customClasses"; "mask": "mask"; "size": "size"; }, { "changed": "changed"; "cleared": "cleared"; "searched": "searched"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputSearchComponent, "mrx-input-search", never, { "fields": "fields"; "disabled": "disabled"; "required": "required"; "readonly": "readonly"; "maxlength": "maxlength"; "minlength": "minlength"; "placeholder": "placeholder"; "customClasses": "customClasses"; "mask": "mask"; "size": "size"; "invalid": "invalid"; "invalidMessage": "invalidMessage"; "checkInvalid": "checkInvalid"; "restrictInput": "restrictInput"; }, { "changed": "changed"; "modelChange": "modelChange"; "blurred": "blurred"; "cleared": "cleared"; "searched": "searched"; }, never, never, false>;
 }

package/lib/components/form/input-search/input-search.enum.d.ts

@@ -4,3 +4,8 @@ export declare enum InputSearchSizesEnum {
     'large' = "mrx-input-search-lg"
 }
 export declare type InputSearchSizesTypes = 'small' | 'medium' | 'large';
+export declare type InputSearchValueTypes = string;
+export interface InputSearchValueWithId {
+    value: InputSearchValueTypes;
+    id: string;
+}

package/lib/components/form/input-search/input-search.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "@angular/forms";
 import * as i4 from "../../chars-left/chars-left.module";
 import * as i5 from "../../error-message/error-message.module";
 import * as i6 from "ngx-mask";
+import * as i7 from "../../save-state/save-state.module";
 export declare class InputSearchModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<InputSearchModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<InputSearchModule, [typeof i1.InputSearchComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.CharsLeftModule, typeof i5.ErrorMessageModule, typeof i6.NgxMaskModule], [typeof i1.InputSearchComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InputSearchModule, [typeof i1.InputSearchComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.CharsLeftModule, typeof i5.ErrorMessageModule, typeof i6.NgxMaskModule, typeof i7.SaveStateModule], [typeof i1.InputSearchComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<InputSearchModule>;
 }

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

@@ -26,6 +26,7 @@ export declare class InputSelectComponent implements ControlValueAccessor {
     trackByFn: any;
     displayValue: string | string[];
     disabledFromDisplay: boolean;
+    hideSelected: boolean;
     maxLength: number;
     customSearchFn?: (term: string, item: any) => boolean;
     isBottomLabel: boolean;
@@ -50,6 +51,7 @@ export declare class InputSelectComponent implements ControlValueAccessor {
     tooltipHidden: boolean;
     tooltipVisible: boolean;
     selectOptionsTemplate: TemplateRef<ElementRef>;
+    selectOptionsGroupTemplate: TemplateRef<ElementRef>;
     labelTemplate: TemplateRef<ElementRef>;
     tagTemplate: TemplateRef<ElementRef>;
     multiLabelTemplate: TemplateRef<ElementRef>;
@@ -80,5 +82,5 @@ export declare class InputSelectComponent implements ControlValueAccessor {
         items: any[];
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputSelectComponent, "mrx-input-select", never, { "fields": "fields"; "size": "size"; "selected": "selected"; "bindValue": "bindValue"; "bindLabel": "bindLabel"; "customClasses": "customClasses"; "wrapperCustomClasses": "wrapperCustomClasses"; "multiple": "multiple"; "loading": "loading"; "addTag": "addTag"; "clearable": "clearable"; "items": "items"; "groupBy": "groupBy"; "emptyValue": "emptyValue"; "virtualScroll": "virtualScroll"; "trackByFn": "trackByFn"; "displayValue": "displayValue"; "disabledFromDisplay": "disabledFromDisplay"; "maxLength": "maxLength"; "customSearchFn": "customSearchFn"; "isBottomLabel": "isBottomLabel"; "search": "search"; "required": "required"; "disabled": "disabled"; "readonly": "readonly"; "showEmptyFields": "showEmptyFields"; "placeholder": "placeholder"; "searchable": "searchable"; "loadLabel": "loadLabel"; "notFoundText": "notFoundText"; "closeOnSelect": "closeOnSelect"; "multiCollapseCount": "multiCollapseCount"; "invalid": "invalid"; "invalidMessage": "invalidMessage"; "checkInvalid": "checkInvalid"; "label": "label"; "labelRequiredHidden": "labelRequiredHidden"; "labelExtraClass": "labelExtraClass"; "tooltip": "tooltip"; "tooltipHidden": "tooltipHidden"; "tooltipVisible": "tooltipVisible"; "setMaxSelectedItems": "maxSelectedItems"; }, { "changed": "changed"; "modelChange": "modelChange"; "searched": "searched"; }, ["selectOptionsTemplate", "labelTemplate", "tagTemplate", "multiLabelTemplate"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputSelectComponent, "mrx-input-select", never, { "fields": "fields"; "size": "size"; "selected": "selected"; "bindValue": "bindValue"; "bindLabel": "bindLabel"; "customClasses": "customClasses"; "wrapperCustomClasses": "wrapperCustomClasses"; "multiple": "multiple"; "loading": "loading"; "addTag": "addTag"; "clearable": "clearable"; "items": "items"; "groupBy": "groupBy"; "emptyValue": "emptyValue"; "virtualScroll": "virtualScroll"; "trackByFn": "trackByFn"; "displayValue": "displayValue"; "disabledFromDisplay": "disabledFromDisplay"; "hideSelected": "hideSelected"; "maxLength": "maxLength"; "customSearchFn": "customSearchFn"; "isBottomLabel": "isBottomLabel"; "search": "search"; "required": "required"; "disabled": "disabled"; "readonly": "readonly"; "showEmptyFields": "showEmptyFields"; "placeholder": "placeholder"; "searchable": "searchable"; "loadLabel": "loadLabel"; "notFoundText": "notFoundText"; "closeOnSelect": "closeOnSelect"; "multiCollapseCount": "multiCollapseCount"; "invalid": "invalid"; "invalidMessage": "invalidMessage"; "checkInvalid": "checkInvalid"; "label": "label"; "labelRequiredHidden": "labelRequiredHidden"; "labelExtraClass": "labelExtraClass"; "tooltip": "tooltip"; "tooltipHidden": "tooltipHidden"; "tooltipVisible": "tooltipVisible"; "setMaxSelectedItems": "maxSelectedItems"; }, { "changed": "changed"; "modelChange": "modelChange"; "searched": "searched"; }, ["selectOptionsTemplate", "selectOptionsGroupTemplate", "labelTemplate", "tagTemplate", "multiLabelTemplate"], never, false>;
 }

package/lib/components/form/input-tel/assets/base64.d.ts

@@ -0,0 +1,3 @@
+export declare const dropdownOpen = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAABDklEQVRIie3PK0uEQRQG4EfdIoIgiIJtg8VgMa6woEEMBpvFZNhmM2k1icVkM5j0D1hNFoPFsMGyYBAEEUS8X8qMLB/frHsTDPvCSec9zzD08p9SRg2lDoxSMMrZxSwe8IV7zLSBT+MuGI+Yy8Pj3GKqBXwSNxnj55FaZhHnGsUm8GLo5hk1mMdTonCFiQb4GKqJ2xcsxuICnhPFKsZz8FFcJm5esZQ9WMZb4uACI3XdYZwnuu9YSX15FR+JwzMMYRCnic4n1lJ4TCUU84CTMCm88hses55AGs1Gs3jMVgv4Zqt4zHYT+G67eMxOA3yvUxz6sJ+DH4RdV9KPwzr8GAPdwmMKOApT6Dbey9/lG8m7mtO59/lwAAAAAElFTkSuQmCC";
+export declare const dropdownClose = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAABEklEQVRIie3Pr0uDQRwG8I+6IoIgiIJtwWKwGCeoGMRgMVlMhtlsJjGaxGIyWUz6B1hNFoPFYLAoBkEQQcTf0+AdjPHe3LutCHvgSff9fu6OTv5TCjgMLbQb78YBvkOP0NMuvAt7VXjsfri45Wxn4LG7reJbdfDYnWbxzQbw2I28+FoOPHa9UXwVlQRyHJp1VkH5L3wZXwngFH3oxUmdS1ZS+CI+EovnGKia7cdZYvYTS7X4HF4TC5cYznjQIC4SO+9YiIOzeEkMXmEk9WUMhQdk7b5hHm4SA7co1sFjimE2y7iGSTzVHNxjrAE8ZhR3NcYzZuJA9SWPmMiBx4zjIQuPmfb7pVITeEwpGFMtGJ20OT8JFprkRrg+uAAAAABJRU5ErkJggg==";
+export declare const flagPlaceholder = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAABHElEQVR4nO3aIU5DQQCE4R+CA1fTC3ADDAoEcIAmSBQHIMFyEyySExQUaDgFFRgUHADxLN1NyNudNu//kqpJk+kkb5umC5IkSZIkTc5OITsFHoD9Tl1a+QGugJe/wr3CG8+BL+C2Qame7oAL/jEAwCfwOHajzq5L4W6vFpvKAdIF0hwgXSDNAdIF0hwgXSDNAdIF0hwgXSBt8gPUfg4fA289ijR0CLyvC2sDrID7Uev0d1MKawN8sP0DLErh5M8AB0gXSJv8ALVDcAac9SjS0KwU1gY4Ap7H6xLztC6oPQJLhn+Ptvm1LH3AyZ8BDpAukOYA6QJpta/BOXDZo0hD81JYuiBxwnBB4mDUOv19M1yQeE0XkSRJkiRpQ/wCRYIVXPol4dwAAAAASUVORK5CYII=";

package/lib/components/form/input-tel/data/all-countries.d.ts

@@ -0,0 +1 @@
+export declare const countryData: ((string | number | string[])[] | (string | number | number[])[])[];