myrta-ui 1.1.20 → 1.1.22

package/fesm2020/myrta-ui.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Component, Input, Pipe, EventEmitter, ChangeDetectionStrategy, Output, NgModule, CUSTOM_ELEMENTS_SCHEMA, Injectable, forwardRef, InjectionToken, TemplateRef, Inject, Injector, Directive, HostListener, ContentChild, ViewChild, QueryList, Optional, ViewChildren, ElementRef, ViewEncapsulation, ContentChildren, HostBinding, LOCALE_ID } from '@angular/core';
 import * as i1$1 from '@angular/common';
-import { CommonModule, registerLocaleData, DatePipe } from '@angular/common';
+import { CommonModule, registerLocaleData, DatePipe, DOCUMENT } from '@angular/common';
 import * as i1 from '@angular/platform-browser';
 import * as i1$4 from '@angular/animations';
 import { trigger, state, style, transition, animate, group, keyframes } from '@angular/animations';
@@ -4255,7 +4255,7 @@ const getErrorMessageHelper = (key, invalidMessages, messages, params) => {
 };
 
 const requiredValidation = (value, validations, key, invalidMessages) => {
-    const result = { isValid: true, message: '' };
+    const result = { isValid: true, message: null };
     if (Array.isArray(value) && validations.type !== 'single') {
         value.forEach((field, idx) => {
             if ((field === '' || field === null || field === undefined)) {
@@ -4277,7 +4277,7 @@ const requiredValidation = (value, validations, key, invalidMessages) => {
 
 const emailValidation = (value, validations, key, invalidMessages) => {
     const emailRegExp = /^[a-zA-Z0-9._а-яА-Я-]+@[a-zA-Zа-яА-Я0-9.-]+\.[a-zA-Zа-яА-Я]{2,10}$/;
-    const result = { isValid: true, message: '' };
+    const result = { isValid: true, message: null };
     if (!emailRegExp.test(value)) {
         result.message = getErrorMessageHelper(key, invalidMessages, validations.messages);
         result.isValid = false;
@@ -4287,7 +4287,7 @@ const emailValidation = (value, validations, key, invalidMessages) => {
 
 const patternValidation = (value, validations, key, invalidMessages) => {
     const validation = validations[key];
-    const result = { isValid: true, message: '' };
+    const result = { isValid: true, message: null };
     if (!validation.test(value)) {
         result.message = getErrorMessageHelper(key, invalidMessages, validations.messages);
         result.isValid = false;
@@ -4296,7 +4296,7 @@ const patternValidation = (value, validations, key, invalidMessages) => {
 };
 
 const maxLengthValidation = (value, validations, key, invalidMessages) => {
-    const result = { isValid: true, message: '' };
+    const result = { isValid: true, message: null };
     if (String(value).length > Number(validations[key])) {
         result.message = getErrorMessageHelper(key, invalidMessages, validations.messages, Number(validations[key]));
         result.isValid = false;
@@ -4305,7 +4305,7 @@ const maxLengthValidation = (value, validations, key, invalidMessages) => {
 };
 
 const minLengthValidation = (value, validations, key, invalidMessages) => {
-    const result = { isValid: true, message: '' };
+    const result = { isValid: true, message: null };
     if (String(value).length < Number(validations[key]) && !!validations[ValidationTypesEnum.Required]) {
         result.message = getErrorMessageHelper(key, invalidMessages, validations.messages, Number(validations[key]));
         result.isValid = false;
@@ -4314,7 +4314,7 @@ const minLengthValidation = (value, validations, key, invalidMessages) => {
 };
 
 const minValueValidation = (value, validations, key, invalidMessages) => {
-    const result = { isValid: true, message: '' };
+    const result = { isValid: true, message: null };
     if (parseInt(value) > Number(validations[key])) {
         result.message = getErrorMessageHelper(key, invalidMessages, validations.messages, Number(validations[key]));
         result.isValid = false;
@@ -4323,7 +4323,7 @@ const minValueValidation = (value, validations, key, invalidMessages) => {
 };
 
 const maxValueValidation = (value, validations, key, invalidMessages) => {
-    const result = { isValid: true, message: '' };
+    const result = { isValid: true, message: null };
     if (parseInt(value) < Number(validations[key])) {
         result.message = getErrorMessageHelper(key, invalidMessages, validations.messages, Number(validations[key]));
         result.isValid = false;
@@ -4332,7 +4332,7 @@ const maxValueValidation = (value, validations, key, invalidMessages) => {
 };
 
 const callbackValidation = (value, validations, key, invalidMessages) => {
-    const result = { isValid: true, message: '' };
+    const result = { isValid: true, message: null };
     if (validations[ValidationTypesEnum.Callback] && typeof validations[ValidationTypesEnum.Callback] === 'function') {
         const validation = validations[ValidationTypesEnum.Callback];
         const callbackResult = validation(value);
@@ -4426,6 +4426,9 @@ class MrxFormValidator {
         if (!validateEmptyValue && (value.length === 0)) {
             return;
         }
+        if (!this._isValid) {
+            return;
+        }
         for (let key in validations) {
             switch (key) {
                 case ValidationTypesEnum.Required:
@@ -4546,10 +4549,12 @@ class MrxFormValidator {
     }
     isValid() {
         for (let key in this._validations) {
+            if (!this._isValid) {
+                return this._isValid;
+            }
             this.errors[key] = null;
             this.validateField(this._fields[key], key, this._validations[key], true);
         }
-        console.log(1, this._isValid);
         return this._isValid;
     }
     // TODO Вырезать в будущем
@@ -11205,13 +11210,13 @@ async function getBase64FromUrl(url) {
     });
 }
 
-var ErrorMessagesEnum;
+var ErrorMessagesEnum$1;
 (function (ErrorMessagesEnum) {
     ErrorMessagesEnum["TooManyFiles"] = "\u0421\u043B\u0438\u0448\u043A\u043E\u043C \u043C\u043D\u043E\u0433\u043E \u0444\u0430\u0439\u043B\u043E\u0432";
     ErrorMessagesEnum["FileTooBig"] = "\u0421\u043B\u0438\u0448\u043A\u043E\u043C \u0431\u043E\u043B\u044C\u0448\u043E\u0439 \u0444\u0430\u0439\u043B";
     ErrorMessagesEnum["EmptyFile"] = "\u041F\u0443\u0441\u0442\u043E\u0439 \u0444\u0430\u0439\u043B";
     ErrorMessagesEnum["InvalidFileFormat"] = "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u0444\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430";
-})(ErrorMessagesEnum || (ErrorMessagesEnum = {}));
+})(ErrorMessagesEnum$1 || (ErrorMessagesEnum$1 = {}));
 
 var InputFileTargetTypesEnum;
 (function (InputFileTargetTypesEnum) {
@@ -11249,10 +11254,10 @@ class InputFileComponent {
         this.invalidMessage = '';
         this.checkInvalid = null;
         // ERROR MESSAGES
-        this.messageTooManyFiles = ErrorMessagesEnum.TooManyFiles;
-        this.messageFileTooBig = ErrorMessagesEnum.FileTooBig;
-        this.messageEmptyFile = ErrorMessagesEnum.EmptyFile;
-        this.messageInvalidFileFormat = ErrorMessagesEnum.InvalidFileFormat;
+        this.messageTooManyFiles = ErrorMessagesEnum$1.TooManyFiles;
+        this.messageFileTooBig = ErrorMessagesEnum$1.FileTooBig;
+        this.messageEmptyFile = ErrorMessagesEnum$1.EmptyFile;
+        this.messageInvalidFileFormat = ErrorMessagesEnum$1.InvalidFileFormat;
         // PLACEHOLDERS
         this.placeholder = 'Перенесите файл с устройства или нажмите на данное поле для добавления файла';
         this.placeholderFileMaxSize = 'Размер файла: не больше';
@@ -17310,11 +17315,451 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 }]
         }] });
 
+var ErrorTypeEnum;
+(function (ErrorTypeEnum) {
+    ErrorTypeEnum["Default"] = "default";
+    ErrorTypeEnum["Interpretation"] = "interpretation";
+    ErrorTypeEnum["Sequence"] = "sequence";
+    ErrorTypeEnum["Divider"] = "divider";
+    ErrorTypeEnum["Bracket"] = "bracket";
+})(ErrorTypeEnum || (ErrorTypeEnum = {}));
+const ErrorMessagesEnum = {
+    [ErrorTypeEnum.Default]: '',
+    [ErrorTypeEnum.Interpretation]: 'Не удалось интерпретировать введенное значение',
+    [ErrorTypeEnum.Sequence]: 'Некорректная последовательность элементов',
+    [ErrorTypeEnum.Divider]: 'Некорректный разделитель',
+    [ErrorTypeEnum.Bracket]: 'Не все скобки закрыты'
+};
+
+// &nbsp;
+const createTag = (content) => {
+    return `<div class="tag" contenteditable="false" tabindex="-1">${content}</div>&nbsp;`;
+};
+const createOperator = (content) => {
+    return `<div class="operator" contenteditable="false" tabindex="-1">${content}</div>&nbsp;`;
+};
+const createNumber = (content) => {
+    return `<div class="number" contenteditable="false" tabindex="-1">${content}</div>&nbsp;`;
+};
+const createBracket = (content) => {
+    return `<div class="bracket" contenteditable="false" tabindex="-1">${content}</div>&nbsp;`;
+};
+const createTagOutside = (content) => {
+    return `{${content}}`;
+};
+
+const isAn = (value) => {
+    if (value instanceof Number) {
+        value = value.valueOf();
+    }
+    return !isNaN(parseFloat(value)) && isFinite(value);
+};
+
+const checkInterpretationErrors = (error) => {
+    return {
+        isError: error,
+        errorType: ErrorTypeEnum.Interpretation
+    };
+};
+const checkBracketErrors = (array) => {
+    const findOpenedBrackets = array.filter(i => i === '(');
+    const findClosedBrackets = array.filter(i => i === ')');
+    const isError = !(findOpenedBrackets.length === findClosedBrackets.length);
+    return {
+        isError: isError,
+        errorType: ErrorTypeEnum.Bracket
+    };
+};
+const checkSequenceErrors = (array, operatorList, bracketList) => {
+    let isError = false;
+    array.forEach((item, idx) => {
+        if (idx === 0) {
+            isError = isError || !!operatorList.find(i => i === item);
+        }
+        else if (idx > 0 && idx < array.length - 1) {
+            if (!operatorList.find(i => i === item)) {
+                if (bracketList.find(i => i === item)) {
+                    if (item === '(') {
+                        isError = isError || !operatorList.find(i => i === array[idx - 1]);
+                    }
+                    else if (item === ')') {
+                        isError = isError || !operatorList.find(i => i === array[idx + 1]);
+                    }
+                }
+                else {
+                    if (!bracketList.find(i => i === array[idx - 1])) {
+                        isError = isError || !operatorList.find(i => i === array[idx - 1]);
+                    }
+                }
+            }
+        }
+        else if (idx === array.length - 1) {
+            if (!operatorList.find(i => i === item)) {
+                if (!bracketList.find(i => i === item)) {
+                    isError = isError || !operatorList.find(i => i === array[idx - 1]);
+                }
+                else {
+                    isError = isError || !!operatorList.find(i => i === array[idx - 1]);
+                }
+            }
+            else {
+                isError = isError || true;
+            }
+        }
+    });
+    return {
+        isError: isError,
+        errorType: ErrorTypeEnum.Sequence
+    };
+};
+const checkDividerErrors = (array, list) => {
+    const regExp = /^[0-9]*[,/][0-9]+$/;
+    let isError = false;
+    array.some((item) => {
+        if (regExp.test(item)) {
+            isError = true;
+            return;
+        }
+    });
+    return {
+        isError: isError,
+        errorType: ErrorTypeEnum.Divider
+    };
+};
+
+class FormulaEditorComponent {
+    constructor(document, _detector, eRef) {
+        this.document = document;
+        this._detector = _detector;
+        this.eRef = eRef;
+        this._selection = null;
+        this._cursorPosition = {
+            startContainer: null,
+            endContainer: null,
+            startOffset: 0,
+            endOffset: 0
+        };
+        this.searchText = '';
+        this.operatorList = ['+', '-', '*', '/'];
+        this.bracketList = ['(', ')'];
+        this.value = '';
+        this.visibleValue = '';
+        this.isFocused = false;
+        this.errorModel = {
+            isError: false,
+            errorType: ErrorTypeEnum.Default
+        };
+        // SAVE STATE
+        this.uuid = v4();
+        this.fields = [];
+        this.whiteList = [];
+        this.disabled = false;
+        this.readonly = false;
+        this.placeholder = '';
+        this.customClasses = '';
+        // VALIDATE
+        this.invalid = false;
+        this.invalidMessage = '';
+        this.checkInvalid = null;
+        this.changed = new EventEmitter();
+        this.blurred = new EventEmitter();
+        this.modelChange = new EventEmitter();
+        this.onChange = (value) => {
+        };
+        this.onTouched = () => {
+        };
+    }
+    get getErrorMessage() {
+        return this.invalidMessage || ErrorMessagesEnum[this.errorModel.errorType];
+    }
+    get filteredList() {
+        return this.whiteList.filter(item => item.label.includes(this.searchText));
+    }
+    get getInvalid() {
+        return this.errorModel.isError || this.invalid;
+    }
+    get readonlyClass() {
+        return this.readonly ? 'mrx-input__readonly' : '';
+    }
+    get checkValidClasses() {
+        return this.checkInvalid === false ? 'mrx-input-checked-success' : this.checkInvalid === true ? 'mrx-input-checked-error' : '';
+    }
+    get getClasses() {
+        return `${this.customClasses} ${this.readonlyClass} ${this.checkValidClasses}`;
+    }
+    get _inputValue() {
+        return this.inputElement.nativeElement.textContent || '';
+    }
+    writeValue(outsideValue) {
+        if (outsideValue !== null) {
+            this.value = outsideValue;
+            this.visibleValue = this._transformValue(this._modifiedValue(outsideValue)).visibleValue;
+        }
+    }
+    onInput(event) {
+        const { value, searchText } = this._transformValue(this._inputValue, false);
+        this.updateValue(value);
+        this.searchText = searchText;
+        this._storeCursorPosition();
+    }
+    onBlur(event) {
+        this._storeCursorPosition();
+        this.blurred.emit({ value: this.value, id: this.uuid });
+    }
+    onFocus(event) {
+        this.isFocused = true;
+        this._detector.markForCheck();
+    }
+    insertTag(whiteListItem) {
+        this._restoreCursorPosition(this.inputElement.nativeElement);
+        this._insertPositionText(whiteListItem.label);
+        setTimeout(() => {
+            const { value, visibleValue } = this._transformValue(this._inputValue, false);
+            this.updateValue(value);
+            this.updateVisibleValue(visibleValue);
+        });
+        this._placeCaretAtEnd();
+        this.searchText = '';
+    }
+    updateVisibleValue(insideValue) {
+        this.visibleValue = insideValue;
+        this._storeCursorPosition();
+    }
+    updateValue(insideValue) {
+        this.value = insideValue;
+        this.changed.emit(insideValue);
+        this.modelChange.emit({ value: insideValue, id: this.uuid });
+        this.onChange(insideValue);
+        this.onTouched();
+    }
+    _modifiedValue(value) {
+        const clearedValue = value.trim().split(' ').filter(e => e !== '');
+        return clearedValue.map(v => {
+            const findItem = this.whiteList.find(w => `{${w.sysName}}` === v);
+            return findItem ? findItem.label : v;
+        }).join(' ');
+    }
+    _transformValue(content, analise = false) {
+        const valueArray = content.split(/[\s\u00A0]+/).filter(e => e !== '');
+        const visibleValueArray = [];
+        const originalValueArray = [];
+        let isInterpretationError = false;
+        let searchText = '';
+        valueArray.forEach((item, index, array) => {
+            const clearedItem = item.trim();
+            const findItem = this.whiteList.find(v => clearedItem.includes(v.label));
+            if (findItem) {
+                visibleValueArray.push(createTag(findItem.label));
+                originalValueArray.push(createTagOutside(findItem.sysName));
+            }
+            else if (this.bracketList.find(v => v === clearedItem)) {
+                visibleValueArray.push(createBracket(clearedItem));
+                originalValueArray.push(clearedItem);
+            }
+            else if (this.operatorList.find(v => v === clearedItem)) {
+                visibleValueArray.push(createOperator(clearedItem));
+                originalValueArray.push(clearedItem);
+            }
+            else if (isAn(clearedItem)) {
+                visibleValueArray.push(createNumber(clearedItem));
+                originalValueArray.push(clearedItem);
+            }
+            else {
+                visibleValueArray.push(clearedItem);
+                originalValueArray.push(clearedItem);
+                searchText = clearedItem;
+                isInterpretationError = true;
+            }
+        });
+        if (analise) {
+            this._checkErrors(originalValueArray, isInterpretationError);
+        }
+        return {
+            value: originalValueArray.join(' '),
+            visibleValue: visibleValueArray.join(' '),
+            searchText: searchText
+        };
+    }
+    _checkErrors(valueArray, isInterpretationError) {
+        this._disableError();
+        this._toggleError(checkBracketErrors(valueArray));
+        this._toggleError(checkDividerErrors(valueArray, this.whiteList));
+        this._toggleError(checkSequenceErrors(valueArray, this.operatorList, this.bracketList));
+        this._toggleError(checkInterpretationErrors(isInterpretationError));
+    }
+    _toggleError(errorModel) {
+        if (!this.errorModel.isError) {
+            this.errorModel = errorModel;
+        }
+        this._detector.detectChanges();
+    }
+    _disableError() {
+        this.errorModel = {
+            isError: false,
+            errorType: ErrorTypeEnum.Default
+        };
+        this._detector.detectChanges();
+    }
+    _insertPositionText(content) {
+        const node = document.createTextNode(content);
+        try {
+            if (this._range) {
+                this._range.deleteContents();
+                this._range.insertNode(node);
+                this._range = this._range.cloneRange();
+                this._range.selectNodeContents(node);
+                this._range.collapse(false);
+            }
+        }
+        catch (e) {
+        }
+    }
+    _storeCursorPosition() {
+        this._selection = window.getSelection();
+        if (this._selection && this._selection.rangeCount > 0) {
+            this._range = this._selection.getRangeAt(0);
+            this._cursorPosition.startContainer = this._range.startContainer;
+            this._cursorPosition.endContainer = this._range.endContainer;
+            this._cursorPosition.startOffset = this._range.startOffset;
+            this._cursorPosition.endOffset = this._range.endOffset;
+        }
+        this._detector.detectChanges();
+    }
+    _restoreCursorPosition(element) {
+        this._range = document.createRange();
+        if (this._cursorPosition.startContainer && this._cursorPosition.endContainer) {
+            this._range.setStart(this._cursorPosition.startContainer, this._cursorPosition.startOffset);
+            this._range.setEnd(this._cursorPosition.endContainer, this._cursorPosition.endOffset);
+        }
+        this._selection = document.getSelection();
+        if (this._selection) {
+            this._selection.removeAllRanges();
+            this._selection.addRange(this._range);
+            element.focus();
+        }
+    }
+    _placeCaretAtEnd() {
+        setTimeout(() => {
+            this._range = document.createRange();
+            this._selection = document.getSelection();
+            if (this._selection) {
+                this._range.selectNodeContents(this.inputElement.nativeElement);
+                this._range.collapse(false);
+                this._selection.removeAllRanges();
+                this._selection.addRange(this._range);
+                this.inputElement.nativeElement.focus();
+            }
+        });
+    }
+    clickOut(event) {
+        if (!this.eRef.nativeElement.contains(event.target)) {
+            const { value, visibleValue } = this._transformValue(this._inputValue, true);
+            this.updateValue(value);
+            this.updateVisibleValue(visibleValue);
+            this.isFocused = false;
+            this._detector.detectChanges();
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+}
+FormulaEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FormulaEditorComponent, deps: [{ token: DOCUMENT }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+FormulaEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FormulaEditorComponent, selector: "mrx-formula-editor", inputs: { fields: "fields", whiteList: "whiteList", disabled: "disabled", readonly: "readonly", placeholder: "placeholder", customClasses: "customClasses", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid" }, outputs: { changed: "changed", blurred: "blurred", modelChange: "modelChange" }, host: { listeners: { "document:click": "clickOut($event)" } }, providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => FormulaEditorComponent),
+            multi: true
+        }], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, static: true }], ngImport: i0, template: "<div\r\n  class=\"mrx-formula-editor\"\r\n  [class.mrx-input-error]=\"getInvalid\"\r\n  [class.-disabled]=\"disabled\"\r\n  [class.-readonly]=\"readonly\"\r\n  [class]=\"getClasses\"\r\n>\r\n  <div class=\"mrx-formula-editor__wrapper\">\r\n    <div\r\n      [innerHTML]=\"visibleValue.trim() | safe\"\r\n      #inputElement\r\n      class=\"mrx-formula-editor__box\"\r\n      contenteditable=\"true\"\r\n      [attr.data-ph]=\"placeholder\"\r\n      (input)=\"onInput($event)\"\r\n      (blur)=\"onBlur($event)\"\r\n      (focus)=\"onFocus($event)\"\r\n    ></div>\r\n\r\n    <div class=\"mrx-formula-editor__popup\" *ngIf=\"isFocused\">\r\n      <ng-container *ngIf=\"errorModel.isError && isFocused\">\r\n        <div class=\"mrx-formula-editor__popup--error\">\r\n          {{ getErrorMessage }}\r\n        </div>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"filteredList.length; else emptyList\">\r\n        <div\r\n          class=\"mrx-formula-editor__popup--row\"\r\n          *ngFor=\"let item of filteredList\"\r\n          (click)=\"insertTag(item); $event.stopPropagation()\"\r\n        >\r\n          {{ item.label }}\r\n        </div>\r\n      </ng-container>\r\n      <ng-template #emptyList>\r\n        <div class=\"mrx-formula-editor__popup--row\">\r\n          \u041D\u0435\u0442 \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u043E\u0432\r\n        </div>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n\r\n    <mrx-error-message\r\n      *ngIf=\"getInvalid && getErrorMessage && !isFocused\"\r\n      [invalidMessage]=\"getErrorMessage\"\r\n    ></mrx-error-message>\r\n\r\n    <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [".mrx-formula-editor{position:relative}.mrx-formula-editor__box{font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:36px;padding:5px var(--spacing-3, 12px) 5px var(--spacing-2, 8px);border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1, 4px);outline:none;color:var(--neutral-text-primary, #262626);transition:outline-width .2s,border .2s;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space}.mrx-formula-editor__box:focus,.mrx-formula-editor__box:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-formula-editor__box:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-formula-editor__wrapper{position:relative}.mrx-formula-editor__box ::ng-deep .tag{display:inline-flex;font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px);border-radius:var(--border-radius-1, 4px);background:var(--brand-bg-secondary-default, #EDF5FF);padding:6px 12px;margin:0 2px;cursor:default;-webkit-user-modify:read-only}.mrx-formula-editor__box ::ng-deep .bracket{display:inline-flex;font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px);color:var(--neutral-text-tertiary, #71767E);cursor:default;-webkit-user-modify:read-only}.mrx-formula-editor__box ::ng-deep .operator{display:inline-flex;font-family:var(--body-lg-font-family, \"PT Sans\");font-size:var(--body-lg-font-size, 16px);font-weight:var(--body-lg-font-weight, 400);line-height:var(--body-lg-line-height, 24px);color:var(--system-text-attention, #AC5C06);cursor:default;-webkit-user-modify:read-only}.mrx-formula-editor__box ::ng-deep .number{display:inline-flex;font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px);color:var(--system-text-negative, #8E2100);cursor:default;-webkit-user-modify:read-only}.mrx-formula-editor__popup{position:absolute;width:100%;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);background-color:#fff;max-height:240px;overflow-x:hidden;overflow-y:auto;margin-top:4px}.mrx-formula-editor__popup--error{padding:var(--spacing-2) var(--spacing-4);font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);color:var(--system-text-negative, #8E2100)}.mrx-formula-editor__popup--row{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-2) + var(--spacing-half)) var(--spacing-4);white-space:normal;transition:background-color .2s}.mrx-formula-editor__popup--row:hover{cursor:pointer;background-color:var(--Bg2)!important}.mrx-formula-editor__box:empty:not(:focus):before{content:attr(data-ph);color:var(--neutral-text-tertiary, #71767E);font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);padding-left:8px}.mrx-formula-editor.-disabled .mrx-formula-editor__box{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-tertiary, #71767E);pointer-events:none}.mrx-formula-editor.-readonly .mrx-formula-editor__box{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-primary, #262626);pointer-events:none}.mrx-formula-editor.mrx-input-error .mrx-formula-editor__box{border-color:var(--system-bg-controls-negative-default)}.mrx-formula-editor.mrx-input-error .mrx-formula-editor__box:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-formula-editor.mrx-input-checked-error .mrx-formula-editor__box{border-color:var(--system-bg-controls-negative-default);background-color:var(--system-bg-negative-secondary)}.mrx-formula-editor.mrx-input-checked-error .mrx-formula-editor__box:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-formula-editor.mrx-input-checked-success .mrx-formula-editor__box{background-color:var(--system-bg-positive-secondary);border-color:var(--system-bg-controls-positive-default)}.mrx-formula-editor.mrx-input-checked-success .mrx-formula-editor__box:hover{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)}\n"], components: [{ type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "safe": SafePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FormulaEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mrx-formula-editor', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => FormulaEditorComponent),
+                            multi: true
+                        }], template: "<div\r\n  class=\"mrx-formula-editor\"\r\n  [class.mrx-input-error]=\"getInvalid\"\r\n  [class.-disabled]=\"disabled\"\r\n  [class.-readonly]=\"readonly\"\r\n  [class]=\"getClasses\"\r\n>\r\n  <div class=\"mrx-formula-editor__wrapper\">\r\n    <div\r\n      [innerHTML]=\"visibleValue.trim() | safe\"\r\n      #inputElement\r\n      class=\"mrx-formula-editor__box\"\r\n      contenteditable=\"true\"\r\n      [attr.data-ph]=\"placeholder\"\r\n      (input)=\"onInput($event)\"\r\n      (blur)=\"onBlur($event)\"\r\n      (focus)=\"onFocus($event)\"\r\n    ></div>\r\n\r\n    <div class=\"mrx-formula-editor__popup\" *ngIf=\"isFocused\">\r\n      <ng-container *ngIf=\"errorModel.isError && isFocused\">\r\n        <div class=\"mrx-formula-editor__popup--error\">\r\n          {{ getErrorMessage }}\r\n        </div>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"filteredList.length; else emptyList\">\r\n        <div\r\n          class=\"mrx-formula-editor__popup--row\"\r\n          *ngFor=\"let item of filteredList\"\r\n          (click)=\"insertTag(item); $event.stopPropagation()\"\r\n        >\r\n          {{ item.label }}\r\n        </div>\r\n      </ng-container>\r\n      <ng-template #emptyList>\r\n        <div class=\"mrx-formula-editor__popup--row\">\r\n          \u041D\u0435\u0442 \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u043E\u0432\r\n        </div>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n\r\n    <mrx-error-message\r\n      *ngIf=\"getInvalid && getErrorMessage && !isFocused\"\r\n      [invalidMessage]=\"getErrorMessage\"\r\n    ></mrx-error-message>\r\n\r\n    <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [".mrx-formula-editor{position:relative}.mrx-formula-editor__box{font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:36px;padding:5px var(--spacing-3, 12px) 5px var(--spacing-2, 8px);border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1, 4px);outline:none;color:var(--neutral-text-primary, #262626);transition:outline-width .2s,border .2s;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space}.mrx-formula-editor__box:focus,.mrx-formula-editor__box:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}.mrx-formula-editor__box:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}.mrx-formula-editor__wrapper{position:relative}.mrx-formula-editor__box ::ng-deep .tag{display:inline-flex;font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px);border-radius:var(--border-radius-1, 4px);background:var(--brand-bg-secondary-default, #EDF5FF);padding:6px 12px;margin:0 2px;cursor:default;-webkit-user-modify:read-only}.mrx-formula-editor__box ::ng-deep .bracket{display:inline-flex;font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px);color:var(--neutral-text-tertiary, #71767E);cursor:default;-webkit-user-modify:read-only}.mrx-formula-editor__box ::ng-deep .operator{display:inline-flex;font-family:var(--body-lg-font-family, \"PT Sans\");font-size:var(--body-lg-font-size, 16px);font-weight:var(--body-lg-font-weight, 400);line-height:var(--body-lg-line-height, 24px);color:var(--system-text-attention, #AC5C06);cursor:default;-webkit-user-modify:read-only}.mrx-formula-editor__box ::ng-deep .number{display:inline-flex;font-family:var(--body-md-font-family, \"PT Sans\");font-size:var(--body-md-font-size, 14px);font-weight:var(--body-md-font-weight, 400);line-height:var(--body-md-line-height, 20px);color:var(--system-text-negative, #8E2100);cursor:default;-webkit-user-modify:read-only}.mrx-formula-editor__popup{position:absolute;width:100%;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);background-color:#fff;max-height:240px;overflow-x:hidden;overflow-y:auto;margin-top:4px}.mrx-formula-editor__popup--error{padding:var(--spacing-2) var(--spacing-4);font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);color:var(--system-text-negative, #8E2100)}.mrx-formula-editor__popup--row{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);padding:calc(var(--spacing-2) + var(--spacing-half)) var(--spacing-4);white-space:normal;transition:background-color .2s}.mrx-formula-editor__popup--row:hover{cursor:pointer;background-color:var(--Bg2)!important}.mrx-formula-editor__box:empty:not(:focus):before{content:attr(data-ph);color:var(--neutral-text-tertiary, #71767E);font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);padding-left:8px}.mrx-formula-editor.-disabled .mrx-formula-editor__box{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-tertiary, #71767E);pointer-events:none}.mrx-formula-editor.-readonly .mrx-formula-editor__box{background-color:var(--neutral-bg-disabled, #EEF0F4);color:var(--neutral-text-primary, #262626);pointer-events:none}.mrx-formula-editor.mrx-input-error .mrx-formula-editor__box{border-color:var(--system-bg-controls-negative-default)}.mrx-formula-editor.mrx-input-error .mrx-formula-editor__box:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-formula-editor.mrx-input-checked-error .mrx-formula-editor__box{border-color:var(--system-bg-controls-negative-default);background-color:var(--system-bg-negative-secondary)}.mrx-formula-editor.mrx-input-checked-error .mrx-formula-editor__box:hover{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)}.mrx-formula-editor.mrx-input-checked-success .mrx-formula-editor__box{background-color:var(--system-bg-positive-secondary);border-color:var(--system-bg-controls-positive-default)}.mrx-formula-editor.mrx-input-checked-success .mrx-formula-editor__box:hover{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)}\n"] }]
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { fields: [{
+                type: Input
+            }], whiteList: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], invalidMessage: [{
+                type: Input
+            }], checkInvalid: [{
+                type: Input
+            }], inputElement: [{
+                type: ViewChild,
+                args: ['inputElement', { static: true }]
+            }], changed: [{
+                type: Output
+            }], blurred: [{
+                type: Output
+            }], modelChange: [{
+                type: Output
+            }], clickOut: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+class FormulaEditorModule {
+}
+FormulaEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FormulaEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormulaEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FormulaEditorModule, declarations: [FormulaEditorComponent], imports: [CommonModule,
+        CharsLeftModule,
+        ErrorMessageModule,
+        FormsModule,
+        NgxMaskModule,
+        SaveStateModule,
+        SafeModule], exports: [FormulaEditorComponent] });
+FormulaEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FormulaEditorModule, imports: [[
+            CommonModule,
+            CharsLeftModule,
+            ErrorMessageModule,
+            FormsModule,
+            NgxMaskModule,
+            SaveStateModule,
+            SafeModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FormulaEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        FormulaEditorComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        CharsLeftModule,
+                        ErrorMessageModule,
+                        FormsModule,
+                        NgxMaskModule,
+                        SaveStateModule,
+                        SafeModule
+                    ],
+                    exports: [
+                        FormulaEditorComponent
+                    ]
+                }]
+        }] });
+
 // COMPONENTS
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AlertColorClasses, AlertComponent, AlertIconClasses, AlertModule, BadgeColorClassesEnum, BadgeComponent, BadgeGroupComponent, BadgeSizeEnum, BadgeTagTypeClassesEnum, BadgeTargetTypesEnum, BadgeTypeEnum, BadgesModule, BreadcrumbsComponent, BreadcrumbsModule, BreadcrumbsTypeEnum, ButtonColorsEnum, ButtonComponent, ButtonIconPositionEnum, ButtonModule, ButtonSizesEnum, ButtonTypesEnum, CdkTooltipDirective, CdkTooltipModule, CharsLeftComponent, CharsLeftModule, CheckboxComponent, CheckboxGroupComponent, CheckboxGroupModule, CheckboxModule, ColumnComponent, ContentWrapperComponent, ContentWrapperModule, ContentWrapperTypeEnum, ContextMenuAttachDirective, ContextMenuComponent, ContextMenuContentComponent, ContextMenuFixedService, ContextMenuItemDirective, ContextMenuModule, ContextMenuService, ControlsItemComponent, ControlsVisibilityEnum, ControlsWrapperComponent, ControlsWrapperModule, CountriesISO, CountriesRusLabel, CountryISO, CurrencyModule, CurrencyPipe, DateFormatModule, DateFormatPipe, DateTimeFormatPipe, DefaultPagerSettings, DocumentEditorComponent, DocumentEditorModule, DropdownComponent, DropdownModule, EditorComponent, EditorModule, ErrorMessageComponent, ErrorMessageModule, FileUploadService, GalleryComponent, GalleryModule, HideAfterClickDirective, HintErrorMessageComponent, HintErrorMessageModule, IconButtonComponent, IconButtonModule, IconButtonSizeEnum, IconButtonStateEnum, IconButtonTypeEnum, InputDateSizesEnum$2 as InputDateSizesEnum, InputDateTimeComponent, InputDateTimeModule, InputDatepickerComponent, InputDatepickerModule, InputFileComponent, InputFileImageComponent, InputFileImageModule, InputFileImageTypeEnum, InputFileModule, InputNumberComponent, InputNumberModule, InputNumberSizesEnum, InputOptComponent, InputOptModule, InputPasswordComponent, InputPasswordModule, InputPasswordSizesEnum, InputPhoneComponent, InputPhoneModule, InputSearchComponent, InputSearchModule, InputSearchSizesEnum, InputSelectComponent, InputSelectModule, InputSelectSizeEnum, InputTelComponent, InputTelModule, InputTelSizesEnum, InputTextComponent, InputTextIconColorEnum, InputTextModule, InputTextSizesEnum, InputTextareaComponent, InputTextareaModule, InputTextareaSizesEnum, InputTimepickerComponent, InputTimepickerModule, LabelComponent, LabelModule, LinkComponent, LinkModule, LinkSizesEnum, LinkTargetTypesEnum, LinkTypesEnum, LoaderColorEnum, LoaderComponent, LoaderModule, LoaderSizesEnum, ModalAlignButtonsEnum, ModalColorEnum, ModalComponent, ModalModule, ModalSizesEnum, MrxAutoSaveActionsEnum, MrxAutosaveService, MrxFormValidator, NgxOtpBehavior, PagesNavComponent, PagesNavEnum, PagesNavModule, PaginatorComponent, PaginatorModule, PaginatorPositionCss, PhoneFormatModule, PhoneFormatPipe, PreviewEnum, ProgressClasses, ProgressComponent, ProgressModule, RadioComponent, RadioGroupComponent, RadioGroupModule, RadioModule, RadioTypesEnum, RatingComponent, RatingModule, RatingSizesEnum, RatingValueSizesEnum, RatingWrapperSizesEnum, SafeModule, SafePipe, SaveStateComponent, SaveStateModule, SaveStoreModule, StepperClasses, StepperComponent, StepperModule, SwitchComponent, SwitchModule, SwitchSizeEnum, SwitchTypeEnum, TabComponent, TableComponent, TableModule, TableTypeEnum, TabsClasses, TabsGroupComponent, TabsModule, TabsTypesClasses, Timezone$1 as Timezone, Tooltip, TooltipComponent, TooltipModule, TooltipService, TooltipTextPositionEnum, TooltipTriggerComponent, TooltipTriggerEnum, TruncateDirective, TruncateDirectiveModule, TruncateModule, TruncatePipe, TruncateTextComponent, TruncateTextModule, ValidationMethodsEnum, ValidationOptionsEnum, ValidationTypesEnum, WarningMessageComponent, WarningMessageModule, WidgetWrapperComponent, WidgetWrapperModule, autosaveAddId, autosaveError, autosaveErrorFor, autosaveStart, autosaveStartFor, autosaveStop, autosaveStopFor, autosaveSuccess, autosaveSuccessFor, convertBase64ToFile, countryData, dateTimeFormat, formatBytes, formattingDateRange, formattingIsoToString, getBase64FromUrl, getHashCode, sHashCode, selectFields, selectMrxAutoSaveState, sliceDate, toBytes, toDate, toNumberFormat, wordForm };
+export { AlertColorClasses, AlertComponent, AlertIconClasses, AlertModule, BadgeColorClassesEnum, BadgeComponent, BadgeGroupComponent, BadgeSizeEnum, BadgeTagTypeClassesEnum, BadgeTargetTypesEnum, BadgeTypeEnum, BadgesModule, BreadcrumbsComponent, BreadcrumbsModule, BreadcrumbsTypeEnum, ButtonColorsEnum, ButtonComponent, ButtonIconPositionEnum, ButtonModule, ButtonSizesEnum, ButtonTypesEnum, CdkTooltipDirective, CdkTooltipModule, CharsLeftComponent, CharsLeftModule, CheckboxComponent, CheckboxGroupComponent, CheckboxGroupModule, CheckboxModule, ColumnComponent, ContentWrapperComponent, ContentWrapperModule, ContentWrapperTypeEnum, ContextMenuAttachDirective, ContextMenuComponent, ContextMenuContentComponent, ContextMenuFixedService, ContextMenuItemDirective, ContextMenuModule, ContextMenuService, ControlsItemComponent, ControlsVisibilityEnum, ControlsWrapperComponent, ControlsWrapperModule, CountriesISO, CountriesRusLabel, CountryISO, CurrencyModule, CurrencyPipe, DateFormatModule, DateFormatPipe, DateTimeFormatPipe, DefaultPagerSettings, DocumentEditorComponent, DocumentEditorModule, DropdownComponent, DropdownModule, EditorComponent, EditorModule, ErrorMessageComponent, ErrorMessageModule, FileUploadService, FormulaEditorComponent, FormulaEditorModule, GalleryComponent, GalleryModule, HideAfterClickDirective, HintErrorMessageComponent, HintErrorMessageModule, IconButtonComponent, IconButtonModule, IconButtonSizeEnum, IconButtonStateEnum, IconButtonTypeEnum, InputDateSizesEnum$2 as InputDateSizesEnum, InputDateTimeComponent, InputDateTimeModule, InputDatepickerComponent, InputDatepickerModule, InputFileComponent, InputFileImageComponent, InputFileImageModule, InputFileImageTypeEnum, InputFileModule, InputNumberComponent, InputNumberModule, InputNumberSizesEnum, InputOptComponent, InputOptModule, InputPasswordComponent, InputPasswordModule, InputPasswordSizesEnum, InputPhoneComponent, InputPhoneModule, InputSearchComponent, InputSearchModule, InputSearchSizesEnum, InputSelectComponent, InputSelectModule, InputSelectSizeEnum, InputTelComponent, InputTelModule, InputTelSizesEnum, InputTextComponent, InputTextIconColorEnum, InputTextModule, InputTextSizesEnum, InputTextareaComponent, InputTextareaModule, InputTextareaSizesEnum, InputTimepickerComponent, InputTimepickerModule, LabelComponent, LabelModule, LinkComponent, LinkModule, LinkSizesEnum, LinkTargetTypesEnum, LinkTypesEnum, LoaderColorEnum, LoaderComponent, LoaderModule, LoaderSizesEnum, ModalAlignButtonsEnum, ModalColorEnum, ModalComponent, ModalModule, ModalSizesEnum, MrxAutoSaveActionsEnum, MrxAutosaveService, MrxFormValidator, NgxOtpBehavior, PagesNavComponent, PagesNavEnum, PagesNavModule, PaginatorComponent, PaginatorModule, PaginatorPositionCss, PhoneFormatModule, PhoneFormatPipe, PreviewEnum, ProgressClasses, ProgressComponent, ProgressModule, RadioComponent, RadioGroupComponent, RadioGroupModule, RadioModule, RadioTypesEnum, RatingComponent, RatingModule, RatingSizesEnum, RatingValueSizesEnum, RatingWrapperSizesEnum, SafeModule, SafePipe, SaveStateComponent, SaveStateModule, SaveStoreModule, StepperClasses, StepperComponent, StepperModule, SwitchComponent, SwitchModule, SwitchSizeEnum, SwitchTypeEnum, TabComponent, TableComponent, TableModule, TableTypeEnum, TabsClasses, TabsGroupComponent, TabsModule, TabsTypesClasses, Timezone$1 as Timezone, Tooltip, TooltipComponent, TooltipModule, TooltipService, TooltipTextPositionEnum, TooltipTriggerComponent, TooltipTriggerEnum, TruncateDirective, TruncateDirectiveModule, TruncateModule, TruncatePipe, TruncateTextComponent, TruncateTextModule, ValidationMethodsEnum, ValidationOptionsEnum, ValidationTypesEnum, WarningMessageComponent, WarningMessageModule, WidgetWrapperComponent, WidgetWrapperModule, autosaveAddId, autosaveError, autosaveErrorFor, autosaveStart, autosaveStartFor, autosaveStop, autosaveStopFor, autosaveSuccess, autosaveSuccessFor, convertBase64ToFile, countryData, dateTimeFormat, formatBytes, formattingDateRange, formattingIsoToString, getBase64FromUrl, getHashCode, sHashCode, selectFields, selectMrxAutoSaveState, sliceDate, toBytes, toDate, toNumberFormat, wordForm };
 //# sourceMappingURL=myrta-ui.mjs.map