myrta-ui 14.0.0-beta.5 → 17.0.0-beta.10

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

@@ -1,15 +1,15 @@
-export interface CheckboxGroupItem {
-    id: string | number;
-    text: string;
-    parentId: string | number;
-    value: boolean | null;
-    type: 'single' | 'array';
-    array: CheckboxGroupItem[];
-}
-export declare type CheckboxIndeterminateState = boolean | null;
-export declare type CheckboxGroupSearchValue = string;
-export declare type AnimateCheckboxGroupState = 'open' | 'close' | 'sustain';
-export interface CheckboxGroupValueWithId {
-    value: CheckboxGroupItem[];
-    id: string;
-}
+export interface CheckboxGroupItem {
+    id: string | number;
+    text: string;
+    parentId: string | number;
+    value: boolean | null;
+    type: 'single' | 'array';
+    array: CheckboxGroupItem[];
+}
+export type CheckboxIndeterminateState = boolean | null;
+export type CheckboxGroupSearchValue = string;
+export type AnimateCheckboxGroupState = 'open' | 'close' | 'sustain';
+export interface CheckboxGroupValueWithId {
+    value: CheckboxGroupItem[];
+    id: string;
+}

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

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

package/lib/components/form/editor/config/index.d.ts

@@ -1 +1 @@
-export * from './toolbar';
+export * from './toolbar';

package/lib/components/form/editor/config/popups-toolbar.d.ts

@@ -1,15 +1,15 @@
-export declare const popupToolbars: {
-    img: ({
-        name: string;
-        icon: string;
-        list?: undefined;
-    } | {
-        name: string;
-        list: string[];
-        icon?: undefined;
-    } | {
-        name: string;
-        icon?: undefined;
-        list?: undefined;
-    })[];
-};
+export declare const popupToolbars: {
+    img: ({
+        name: string;
+        icon: string;
+        list?: undefined;
+    } | {
+        name: string;
+        list: string[];
+        icon?: undefined;
+    } | {
+        name: string;
+        icon?: undefined;
+        list?: undefined;
+    })[];
+};

package/lib/components/form/editor/config/toolbar.d.ts

@@ -1,2 +1,2 @@
-import { ToolbarConfig } from '../models/toolbar.model';
-export declare const defaultToolbar: ToolbarConfig;
+import { ToolbarConfig } from '../models/toolbar.model';
+export declare const defaultToolbar: ToolbarConfig;

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

@@ -1,57 +1,65 @@
-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 { InputEditorValueWithId } from './editor.enum';
-import * as i0 from "@angular/core";
-export declare class EditorComponent implements ControlValueAccessor, OnChanges {
-    private changeDetection;
-    private _isInit;
-    value: string;
-    valueLength: number;
-    isFocused: boolean | null;
-    defaultConfig: any;
-    uuid: string;
-    fields: Field[];
-    toolbar: ToolbarConfig;
-    maxLength: number;
-    minHeight: number;
-    customClasses: string;
-    placeholder: string;
-    disabled: boolean;
-    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;
-    private get _isInvalidValueLength();
-    get getInvalid(): boolean;
-    get getInvalidMessage(): string | string[];
-    get checkValidClasses(): string;
-    get getClasses(): string;
-    insertPositionText(text: string): void;
-    changeFocused(value: boolean): void;
-    private onChange;
-    private onTouched;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: () => {}): void;
-    writeValue(outsideValue: any): 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"; "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>;
-}
+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 { JoditConfig } from 'ngx-jodit';
+import 'jodit/esm/plugins/source/source.js';
+import 'jodit/esm/plugins/line-height/line-height.js';
+import 'jodit/esm/plugins/indent/indent.js';
+import 'jodit/esm/plugins/video/video.js';
+import 'jodit/esm/plugins/search/search.js';
+import { InputEditorValueWithId } from './editor.enum';
+import * as i0 from "@angular/core";
+export interface CustomJoditConfig extends JoditConfig {
+    getIcon: (a: any) => void;
+    link: any;
+    cleanHTML: any;
+}
+export declare class EditorComponent implements ControlValueAccessor, OnChanges {
+    private changeDetection;
+    private _isInit;
+    value: string;
+    valueLength: number;
+    isFocused: boolean | null;
+    options: {
+        language: string;
+    };
+    defaultConfig: CustomJoditConfig;
+    uuid: string;
+    fields: Field[];
+    toolbar: ToolbarConfig;
+    maxLength: number;
+    minHeight: number;
+    customClasses: string;
+    placeholder: string;
+    disabled: boolean;
+    readonly: boolean;
+    iframe: boolean;
+    defaultInlineStyle: boolean;
+    config: any;
+    editHTMLDocumentMode: boolean;
+    invalid: boolean;
+    invalidMessage: string | string[];
+    checkInvalid: true | false | null;
+    editorElementRef: any;
+    changed: EventEmitter<string>;
+    modelChange: EventEmitter<InputEditorValueWithId>;
+    constructor(changeDetection: ChangeDetectorRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    get isValid(): boolean;
+    get isInvalidMessage(): boolean;
+    get checkValidClasses(): string;
+    get getClasses(): string;
+    insertPositionText(text: string): void;
+    changeFocused(value: boolean): void;
+    private onChange;
+    private onTouched;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: () => {}): void;
+    writeValue(outsideValue: any): void;
+    updateValue(insideValue: string): void;
+    private _sanitizeValue;
+    private _calculateChartsCount;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditorComponent, "mrx-editor", never, { "fields": { "alias": "fields"; "required": false; }; "toolbar": { "alias": "toolbar"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "iframe": { "alias": "iframe"; "required": false; }; "defaultInlineStyle": { "alias": "defaultInlineStyle"; "required": false; }; "config": { "alias": "config"; "required": false; }; "editHTMLDocumentMode": { "alias": "editHTMLDocumentMode"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; }; "checkInvalid": { "alias": "checkInvalid"; "required": false; }; }, { "changed": "changed"; "modelChange": "modelChange"; }, never, never, false, never>;
+}

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

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

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

@@ -1,14 +1,14 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./editor.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "jodit-angular";
-import * as i5 from "../../chars-left/chars-left.module";
-import * as i6 from "../../../pipes/safe/safe.module";
-import * as i7 from "../../error-message/error-message.module";
-import * as i8 from "../../save-state/save-state.module";
-export declare class EditorModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<EditorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EditorModule, [typeof i1.EditorComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.JoditAngularModule, typeof i5.CharsLeftModule, typeof i6.SafeModule, typeof i7.ErrorMessageModule, typeof i8.SaveStateModule], [typeof i1.EditorComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<EditorModule>;
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./editor.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "ngx-jodit";
+import * as i5 from "../../chars-left/chars-left.module";
+import * as i6 from "../../../pipes/safe/safe.module";
+import * as i7 from "../../error-message/error-message.module";
+import * as i8 from "../../save-state/save-state.module";
+export declare class EditorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EditorModule, [typeof i1.EditorComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.NgxJoditComponent, typeof i5.CharsLeftModule, typeof i6.SafeModule, typeof i7.ErrorMessageModule, typeof i8.SaveStateModule], [typeof i1.EditorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EditorModule>;
+}

package/lib/components/form/editor/models/toolbar.model.d.ts

@@ -1,6 +1,6 @@
-export interface ToolbarConfig {
-    buttons: any;
-    buttonsMD?: any;
-    buttonsSM?: any;
-    buttonsXS?: any;
-}
+export interface ToolbarConfig {
+    buttons: any;
+    buttonsMD?: any;
+    buttonsSM?: any;
+    buttonsXS?: any;
+}

package/lib/components/form/editor/modules/change-icon-module.d.ts

@@ -1 +1 @@
-export declare const changeIconsFunction: (name: string, control: any, clearName: any) => "<span class=\"mrx-icon icon-wysiwyg-icons-paragraph icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-text-bold icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-strikethrough-text icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-text-underline icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-text-italic icon-font-24\"></span>" | "<span class=\"mrx-icon icon-reload icon-font-24\"></span>" | "<span class=\"mrx-icon icon-return icon-font-24\"></span>" | "<span class=\"mrx-icon icon-search icon-font-24\"></span>" | "<span class=\"mrx-icon icon-code icon-font-24\"></span>" | "<span class=\"mrx-icon icon-table icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-padding icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-column-split icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-column-merge icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-add-column icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-add-row icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-fill-color icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-font-family icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-font-size icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-text-align-left icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-text-align-right icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-text-align-center icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-text-align-justify icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-line-height icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-padding-left icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-padding-right icon-font-24\"></span>" | "<span class=\"mrx-icon icon-point icon-font-24\"></span>" | "<span class=\"mrx-icon icon-numbers icon-font-24\"></span>" | "<span class=\"mrx-icon icon-link icon-font-24\"></span>" | "<span class=\"mrx-icon icon-image icon-font-24\"></span>" | "<span class=\"mrx-icon icon-delete icon-font-24\"></span>" | "<span class=\"mrx-icon icon-upload icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-media icon-font-24\"></span>" | "<span class=\"mrx-icon icon-more-vertical icon-font-24\"></span>" | "<span class=\"mrx-icon icon-view icon-font-24\"></span>" | "<span class=\"mrx-icon icon-edit icon-font-24\"></span>" | "<span class=\"mrx-icon icon-cancel icon-font-24\"></span>" | "<span class=\"mrx-icon icon-file icon-font-24\"></span>" | "<span class=\"mrx-icon icon-close icon-font-24\"></span>" | null;
+export declare const changeIconsFunction: (iconName: string) => "<span class=\"mrx-icon icon-wysiwyg-icons-paragraph icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-text-bold icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-strikethrough-text icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-text-underline icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-text-italic icon-font-24\"></span>" | "<span class=\"mrx-icon icon-reload icon-font-24\"></span>" | "<span class=\"mrx-icon icon-return icon-font-24\"></span>" | "<span class=\"mrx-icon icon-search icon-font-24\"></span>" | "<span class=\"mrx-icon icon-code icon-font-24\"></span>" | "<span class=\"mrx-icon icon-table icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-padding icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-column-split icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-column-merge icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-add-column icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-add-row icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-fill-color icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-font-family icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-font-size icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-text-align-left icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-text-align-right icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-text-align-center icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-text-align-justify icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-line-height icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-padding-left icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-padding-right icon-font-24\"></span>" | "<span class=\"mrx-icon icon-point icon-font-24\"></span>" | "<span class=\"mrx-icon icon-numbers icon-font-24\"></span>" | "<span class=\"mrx-icon icon-link icon-font-24\"></span>" | "<span class=\"mrx-icon icon-image icon-font-24\"></span>" | "<span class=\"mrx-icon icon-delete icon-font-24\"></span>" | "<span class=\"mrx-icon icon-upload icon-font-24\"></span>" | "<span class=\"mrx-icon icon-wysiwyg-icons-media icon-font-24\"></span>" | "<span class=\"mrx-icon icon-more-vertical icon-font-24\"></span>" | "<span class=\"mrx-icon icon-view icon-font-24\"></span>" | "<span class=\"mrx-icon icon-edit icon-font-24\"></span>" | "<span class=\"mrx-icon icon-cancel icon-font-24\"></span>" | "<span class=\"mrx-icon icon-file icon-font-24\"></span>" | "<span class=\"mrx-icon icon-close icon-font-24\"></span>" | null;

package/lib/components/form/input-date-time/constants/value-models.d.ts

@@ -1,3 +1,3 @@
-import { DateModel, TimeModel } from '../helpers/validate-value-models';
-export declare const dateModelConstant: DateModel;
-export declare const timeModelConstant: TimeModel;
+import { DateModel, TimeModel } from '../helpers/validate-value-models';
+export declare const dateModelConstant: DateModel;
+export declare const timeModelConstant: TimeModel;

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

@@ -1,6 +1,6 @@
-export declare enum Timezone {
-    'default' = 0,
-    'Europe/Moscow' = 3,
-    'America/New_York' = -5
-}
-export declare type TimezoneType = 'default' | 'Europe/Moscow' | 'America/New_York';
+export declare enum Timezone {
+    'default' = 0,
+    'Europe/Moscow' = 3,
+    'America/New_York' = -5
+}
+export type TimezoneType = 'default' | 'Europe/Moscow' | 'America/New_York';

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

@@ -1 +1 @@
-export declare const cleanDate: (value: string) => string;
+export declare const cleanDate: (value: string) => string;

package/lib/components/form/input-date-time/helpers/cursor-position.d.ts

@@ -1 +1 @@
-export declare const markPosition: (start: number | null, end: number | null, pattern?: string) => any;
+export declare const markPosition: (start: number | null, end: number | null, pattern?: string) => any;

package/lib/components/form/input-date-time/helpers/formatting-from-models.d.ts

@@ -1,3 +1,3 @@
-import { DateModel, TimeModel } from './validate-value-models';
-import { Dayjs } from 'dayjs';
-export declare const formattingFromModels: (dateModel: DateModel, timeModel: TimeModel, timepicker: boolean) => Dayjs;
+import { DateModel, TimeModel } from './validate-value-models';
+import { Dayjs } from 'dayjs';
+export declare const formattingFromModels: (dateModel: DateModel, timeModel: TimeModel, timepicker: boolean) => Dayjs;

package/lib/components/form/input-date-time/helpers/formatting-moscow-timezone.d.ts

@@ -1,2 +1,2 @@
-import { TimezoneType } from '../enum/timezone';
-export declare const formattingToMoscowTimezone: (date: any, tz: TimezoneType) => string;
+import { TimezoneType } from '../enum/timezone';
+export declare const formattingToMoscowTimezone: (date: any, tz: TimezoneType) => string;

package/lib/components/form/input-date-time/helpers/validate-value-models.d.ts

@@ -1,19 +1,19 @@
-export declare const validateDateModel: (value: string) => DateModel;
-export declare const validateTimeModel: (value: string) => TimeModel;
-export declare const validateDay: (value: string) => string;
-export declare const validateMonth: (value: string) => string;
-export declare const validateHours: (value: string) => string;
-export declare const validateMinutes: (value: string) => string;
-export declare type DateModel = {
-    view: string;
-    day: string;
-    month: string;
-    year: string;
-    invalid: boolean;
-};
-export declare type TimeModel = {
-    view: string;
-    hour: string;
-    minute: string;
-    invalid: boolean;
-};
+export declare const validateDateModel: (value: string) => DateModel;
+export declare const validateTimeModel: (value: string) => TimeModel;
+export declare const validateDay: (value: string) => string;
+export declare const validateMonth: (value: string) => string;
+export declare const validateHours: (value: string) => string;
+export declare const validateMinutes: (value: string) => string;
+export type DateModel = {
+    view: string;
+    day: string;
+    month: string;
+    year: string;
+    invalid: boolean;
+};
+export type TimeModel = {
+    view: string;
+    hour: string;
+    minute: string;
+    invalid: boolean;
+};

package/lib/components/form/input-date-time/helpers/value-parser.d.ts

@@ -1,4 +1,4 @@
-import { DateModel, TimeModel } from './validate-value-models';
-import { TimezoneType } from '../enum/timezone';
-export declare const dateModelValueParse: (value: string, timezone: TimezoneType) => DateModel;
-export declare const timeModelValueParse: (value: string, timezone: TimezoneType) => TimeModel;
+import { DateModel, TimeModel } from './validate-value-models';
+import { TimezoneType } from '../enum/timezone';
+export declare const dateModelValueParse: (value: string, timezone: TimezoneType) => DateModel;
+export declare const timeModelValueParse: (value: string, timezone: TimezoneType) => TimeModel;

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

@@ -1,76 +1,72 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { ExtraTime, InputDateSizesTypes, InputDateTimeValueTypes, InputDateTimeValueWithId } from './input-date-time.enum';
-import { DateModel, TimeModel } from './helpers/validate-value-models';
-import { TimezoneType } from './enum/timezone';
-import { Field } from "../../../services";
-import * as i0 from "@angular/core";
-export declare class InputDateTimeComponent implements ControlValueAccessor, OnChanges, AfterViewInit {
-    dt: any;
-    value: any;
-    dateModel: DateModel;
-    timeModel: TimeModel;
-    innerInvalid: boolean;
-    innerInvalidMessage: string;
-    uuid: string;
-    fields: Field[];
-    size: InputDateSizesTypes;
-    customClasses: string;
-    dateLabel: string;
-    timeLabel: string;
-    datePlaceholder: string;
-    timePlaceholder: string;
-    disabled: boolean;
-    readonly: boolean;
-    required: boolean;
-    timepicker: boolean;
-    range: boolean;
-    minDate: string;
-    maxDate: string;
-    timezone: TimezoneType;
-    inline: boolean;
-    isManualInput: boolean;
-    addMinTime: boolean;
-    addMaxTime: boolean;
-    addMinTimeObj: ExtraTime;
-    addMaxTimeObj: ExtraTime;
-    disableValidate: boolean;
-    container: string;
-    invalid: boolean;
-    invalidMessage: string | string[];
-    checkInvalid: true | false | null;
-    dateInput: ElementRef;
-    timeInput: ElementRef;
-    changed: EventEmitter<InputDateTimeValueTypes>;
-    modelChange: EventEmitter<InputDateTimeValueWithId>;
-    blurred: EventEmitter<InputDateTimeValueWithId>;
-    constructor();
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    get getDateValue(): string;
-    get getClasses(): string;
-    private get isValidModels();
-    get isViewCleanIcon(): boolean;
-    get checkValidClasses(): string;
-    private _checkExtraTime;
-    clickToIconCalendar(): void;
-    clickToIconClear(): void;
-    private updateValueModel;
-    private updateValuesArray;
-    private dateFormattingOutput;
-    private invalidMessageOn;
-    private invalidMessageOff;
-    updateDateValue(dateInput: HTMLInputElement): void;
-    clickToInput(input: HTMLInputElement): void;
-    private checkingInvalid;
-    writeValue(outsideValue: InputDateTimeValueTypes): void;
-    private onChange;
-    private onTouched;
-    registerOnChange(fn: any): void;
-    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"; "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>;
-}
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ExtraTime, InputDateSizesTypes, InputDateTimeValueTypes, InputDateTimeValueWithId } from './input-date-time.enum';
+import { DateModel, TimeModel } from './helpers/validate-value-models';
+import { TimezoneType } from './enum/timezone';
+import { Field } from "../../../services";
+import * as i0 from "@angular/core";
+export declare class InputDateTimeComponent implements ControlValueAccessor, OnChanges, AfterViewInit {
+    dt: any;
+    value: any;
+    dateModel: DateModel;
+    timeModel: TimeModel;
+    innerInvalid: boolean;
+    innerInvalidMessage: string;
+    uuid: string;
+    fields: Field[];
+    size: InputDateSizesTypes;
+    customClasses: string;
+    dateLabel: string;
+    timeLabel: string;
+    datePlaceholder: string;
+    timePlaceholder: string;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    timepicker: boolean;
+    minDate: string;
+    maxDate: string;
+    timezone: TimezoneType;
+    inline: boolean;
+    isManualInput: boolean;
+    addMinTime: boolean;
+    addMaxTime: boolean;
+    addMinTimeObj: ExtraTime;
+    addMaxTimeObj: ExtraTime;
+    disableValidate: boolean;
+    container: string;
+    invalid: boolean;
+    invalidMessage: string | string[];
+    checkInvalid: true | false | null;
+    dateInput: ElementRef;
+    timeInput: ElementRef;
+    changed: EventEmitter<string>;
+    modelChange: EventEmitter<InputDateTimeValueWithId>;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    get getDateValue(): string;
+    get getClasses(): string;
+    private get isValidModels();
+    get isViewCleanIcon(): boolean;
+    get checkValidClasses(): string;
+    private _checkExtraTime;
+    clickToIconCalendar(): void;
+    clickToIconClear(): void;
+    private updateValueModel;
+    private dateFormattingOutput;
+    private invalidMessageOn;
+    private invalidMessageOff;
+    updateDateValue(dateInput: HTMLInputElement): void;
+    clickToInput(input: HTMLInputElement): void;
+    private checkingInvalid;
+    writeValue(outsideValue: InputDateTimeValueTypes): void;
+    private onChange;
+    private onTouched;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: () => {}): void;
+    setDisabledState(isDisabled: boolean): void;
+    updateValue(insideValue: InputDateTimeValueTypes): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputDateTimeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputDateTimeComponent, "mrx-input-date-time", never, { "fields": { "alias": "fields"; "required": false; }; "size": { "alias": "size"; "required": false; }; "customClasses": { "alias": "customClasses"; "required": false; }; "dateLabel": { "alias": "dateLabel"; "required": false; }; "timeLabel": { "alias": "timeLabel"; "required": false; }; "datePlaceholder": { "alias": "datePlaceholder"; "required": false; }; "timePlaceholder": { "alias": "timePlaceholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "timepicker": { "alias": "timepicker"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "isManualInput": { "alias": "isManualInput"; "required": false; }; "addMinTime": { "alias": "addMinTime"; "required": false; }; "addMaxTime": { "alias": "addMaxTime"; "required": false; }; "addMinTimeObj": { "alias": "addMinTimeObj"; "required": false; }; "addMaxTimeObj": { "alias": "addMaxTimeObj"; "required": false; }; "disableValidate": { "alias": "disableValidate"; "required": false; }; "container": { "alias": "container"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; }; "checkInvalid": { "alias": "checkInvalid"; "required": false; }; }, { "changed": "changed"; "modelChange": "modelChange"; }, never, never, false, never>;
+}

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

@@ -1,21 +1,21 @@
-export declare enum InputDateSizesEnum {
-    'small' = "mrx-input-date-sm",
-    'medium' = "mrx-input-date-md",
-    'large' = "mrx-input-date-lg"
-}
-export declare type InputDateSizesTypes = 'small' | 'medium' | 'large';
-export declare type InputDateTimeValueTypes = string | string[];
-export interface InputDateTimeValueWithId {
-    value: InputDateTimeValueTypes;
-    id: string;
-}
-/**
- * Пример использования <br/>
- * message="Не более {diff} дней" <br/>
- * @param hour = 0 - 23
- * @param minute = 0 - 59
- */
-export interface ExtraTime {
-    hour: string;
-    minute: string;
-}
+export declare enum InputDateSizesEnum {
+    'small' = "mrx-input-date-sm",
+    'medium' = "mrx-input-date-md",
+    'large' = "mrx-input-date-lg"
+}
+export type InputDateSizesTypes = 'small' | 'medium' | 'large';
+export type InputDateTimeValueTypes = string;
+export interface InputDateTimeValueWithId {
+    value: InputDateTimeValueTypes;
+    id: string;
+}
+/**
+ * Пример использования <br/>
+ * message="Не более {diff} дней" <br/>
+ * @param hour = 0 - 23
+ * @param minute = 0 - 59
+ */
+export interface ExtraTime {
+    hour: string;
+    minute: string;
+}

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

@@ -1,13 +1,13 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./input-date-time.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "../../save-state/save-state.module";
-import * as i5 from "../../error-message/error-message.module";
-import * as i6 from "../../label/label.module";
-import * as i7 from "ngx-mask";
-export declare class InputDateTimeModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputDateTimeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<InputDateTimeModule, [typeof i1.InputDateTimeComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.SaveStateModule, typeof i5.ErrorMessageModule, typeof i6.LabelModule, typeof i7.NgxMaskModule], [typeof i1.InputDateTimeComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<InputDateTimeModule>;
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./input-date-time.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "../../save-state/save-state.module";
+import * as i5 from "../../error-message/error-message.module";
+import * as i6 from "../../label/label.module";
+import * as i7 from "ngx-mask";
+export declare class InputDateTimeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputDateTimeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InputDateTimeModule, [typeof i1.InputDateTimeComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.SaveStateModule, typeof i5.ErrorMessageModule, typeof i6.LabelModule, typeof i7.NgxMaskDirective], [typeof i1.InputDateTimeComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<InputDateTimeModule>;
+}