myrta-ui 17.0.75 → 17.0.76

package/fesm2022/myrta-ui.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Input, Component, Pipe, EventEmitter, Output, ChangeDetectionStrategy, NgModule, CUSTOM_ELEMENTS_SCHEMA, Injectable, forwardRef, InjectionToken, TemplateRef, Inject, Injector, HostListener, Directive, ContentChild, ViewChild, ContentChildren, HostBinding, ViewEncapsulation, ViewChildren } from '@angular/core';
 import * as i1$1 from '@angular/common';
-import { CommonModule, NgOptimizedImage, registerLocaleData, DatePipe } from '@angular/common';
+import { CommonModule, NgOptimizedImage, registerLocaleData, DatePipe, DOCUMENT } from '@angular/common';
 import * as i2 from '@angular/router';
 import { RouterModule, RouterLinkActive } from '@angular/router';
 import * as i1 from '@angular/platform-browser';
@@ -14662,13 +14662,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 }]
         }] });
 
-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) {
@@ -14712,10 +14712,10 @@ class InputFileComponent {
     invalidMessage = '';
     checkInvalid = null;
     // ERROR MESSAGES
-    messageTooManyFiles = ErrorMessagesEnum.TooManyFiles;
-    messageFileTooBig = ErrorMessagesEnum.FileTooBig;
-    messageEmptyFile = ErrorMessagesEnum.EmptyFile;
-    messageInvalidFileFormat = ErrorMessagesEnum.InvalidFileFormat;
+    messageTooManyFiles = ErrorMessagesEnum$1.TooManyFiles;
+    messageFileTooBig = ErrorMessagesEnum$1.FileTooBig;
+    messageEmptyFile = ErrorMessagesEnum$1.EmptyFile;
+    messageInvalidFileFormat = ErrorMessagesEnum$1.InvalidFileFormat;
     // PLACEHOLDERS
     placeholder = 'Перенесите файл с устройства или нажмите на данное поле для добавления файла';
     placeholderFileMaxSize = 'Размер файла: не больше';
@@ -17157,6 +17157,488 @@ var StepperClasses;
     StepperClasses["success"] = "mrx-stepper-success";
 })(StepperClasses || (StepperClasses = {}));
 
+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]: 'Не все скобки закрыты'
+};
+
+//  
+const createTag = (content) => {
+    return `<div class="tag argument -medium" contenteditable="false" tabindex="-1">${content}</div>&nbsp;`;
+};
+const createOperator = (content) => {
+    return `<div class="tag operator -large" contenteditable="false" tabindex="-1">${content}</div>&nbsp;`;
+};
+const createNumber = (content) => {
+    return `<div class="tag number -medium" contenteditable="false" tabindex="-1">${content}</div>&nbsp;`;
+};
+const createBracket = (content) => {
+    return `<div class="tag bracket -medium" 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
+    };
+};
+
+var FormulaEditorSizesEnum;
+(function (FormulaEditorSizesEnum) {
+    FormulaEditorSizesEnum["small"] = "mrx-formula-editor-sm";
+    FormulaEditorSizesEnum["medium"] = "mrx-formula-editor-md";
+    FormulaEditorSizesEnum["large"] = "mrx-formula-editor-lg";
+})(FormulaEditorSizesEnum || (FormulaEditorSizesEnum = {}));
+
+class FormulaEditorComponent {
+    document;
+    _detector;
+    eRef;
+    _range;
+    _selection = null;
+    _cursorPosition = {
+        startContainer: null,
+        endContainer: null,
+        startOffset: 0,
+        endOffset: 0
+    };
+    searchText = '';
+    _operatorList = ['+', '-', '*', '/'];
+    _bracketList = ['(', ')'];
+    _itemList = [];
+    _modifiedItemList = {
+        items: {},
+        regExp: new RegExp(''),
+    };
+    value = '';
+    visibleValue = '';
+    isFocused = false;
+    errorModel = {
+        isError: false,
+        errorType: ErrorTypeEnum.Default
+    };
+    // SAVE STATE
+    uuid = v4();
+    fields = [];
+    disabled = false;
+    readonly = false;
+    placeholder = '';
+    customClasses = '';
+    size = 'large';
+    // VALIDATE
+    invalid = false;
+    invalidMessage = '';
+    checkInvalid = null;
+    set items(items) {
+        const itemsMap = Object.fromEntries(items.map(obj => [obj.label, obj.sysName]));
+        this._itemList = items;
+        this._modifiedItemList.items = itemsMap;
+        this._modifiedItemList.regExp = new RegExp(items.map(s => s.label).join('|'), 'g');
+        const { visibleValue } = this._transformValue(this._modifiedValue(this._inputValue), true);
+        this.updateVisibleValue(visibleValue);
+        this._detector.detectChanges();
+    }
+    inputElement;
+    changed = new EventEmitter();
+    blurred = new EventEmitter();
+    modelChange = new EventEmitter();
+    constructor(document, _detector, eRef) {
+        this.document = document;
+        this._detector = _detector;
+        this.eRef = eRef;
+    }
+    get getErrorMessage() {
+        return this.invalidMessage || ErrorMessagesEnum[this.errorModel.errorType];
+    }
+    get filteredList() {
+        return this._itemList.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 `${FormulaEditorSizesEnum[this.size]} ${this.customClasses} ${this.readonlyClass} ${this.checkValidClasses}`;
+    }
+    get getIconClass() {
+        return `${this.size !== 'large' ? 'icon-font-16' : 'icon-font-24'}`;
+    }
+    get canClean() {
+        return !!this.visibleValue.trim();
+    }
+    get _inputValue() {
+        return this.inputElement.nativeElement.textContent || '';
+    }
+    writeValue(outsideValue) {
+        if (outsideValue !== null && this.value === '') {
+            const { visibleValue } = this._transformValue(this._modifiedValue(outsideValue));
+            this.value = outsideValue;
+            this.visibleValue = visibleValue;
+            this._detector.detectChanges();
+        }
+    }
+    onInput(event) {
+        const { value, searchText } = this._transformValue(this._modifiedValue(this._inputValue), false);
+        this.searchText = searchText;
+        this._storeCursorPosition();
+    }
+    onFocus(event) {
+        this.isFocused = true;
+        this._detector.detectChanges();
+        this._placeCaretAtEnd();
+    }
+    onClear() {
+        this.updateValue('');
+        this.updateVisibleValue('');
+    }
+    onBlur(event) {
+        this._storeCursorPosition();
+    }
+    onKeyup(event) {
+        event.preventDefault();
+        const { value, visibleValue } = this._transformValue(this._modifiedValue(this._inputValue), true);
+        this.updateValue(value);
+        this.updateVisibleValue(visibleValue);
+        this.isFocused = false;
+        this.inputElement.nativeElement.blur();
+        this._detector.detectChanges();
+    }
+    insertTag(whiteListItem) {
+        this._restoreCursorPosition(this.inputElement.nativeElement);
+        this._insertPositionText(`{${whiteListItem.sysName}}`);
+        setTimeout(() => {
+            const { value, visibleValue } = this._transformValue(this._modifiedValue(this._inputValue), true);
+            this.updateValue(value);
+            this.updateVisibleValue(visibleValue);
+        });
+        this._placeCaretAtEnd();
+        this.searchText = '';
+    }
+    updateVisibleValue(insideValue) {
+        this.visibleValue = '';
+        setTimeout(() => {
+            this.visibleValue = insideValue;
+            this._storeCursorPosition();
+        });
+        setTimeout(() => {
+            this._detector.detectChanges();
+            this._detector.markForCheck();
+        }, 1000);
+    }
+    updateValue(insideValue) {
+        this.value = insideValue;
+        this.changed.emit(insideValue);
+        this.modelChange.emit({ value: insideValue, id: this.uuid });
+        this.onChange(insideValue);
+        this.onTouched();
+    }
+    _modifiedValue(value) {
+        return value.replace(this._modifiedItemList.regExp, match => {
+            return this._modifiedItemList.items[match] ? `{${this._modifiedItemList.items[match]}}` : '';
+        });
+    }
+    _transformValue(content, analise = false) {
+        const valueArray = content.split(/[\s\u00A0]+/).filter(Boolean);
+        const visibleValueArray = [];
+        const originalValueArray = [];
+        let isInterpretationError = false;
+        let searchText = '';
+        valueArray.forEach((item) => {
+            const clearedItem = item.trim();
+            const findItem = this._itemList.find(v => clearedItem.includes(v.sysName));
+            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._itemList));
+        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);
+        }
+    }
+    _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) && this.isFocused) {
+            const { value, visibleValue } = this._transformValue(this._modifiedValue(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;
+    }
+    onChange = (value) => {
+    };
+    onTouched = () => {
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormulaEditorComponent, deps: [{ token: DOCUMENT }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FormulaEditorComponent, selector: "mrx-formula-editor", inputs: { fields: "fields", disabled: "disabled", readonly: "readonly", placeholder: "placeholder", customClasses: "customClasses", size: "size", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid", items: "items" }, 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      (keydown.enter)=\"onKeyup($event)\"\r\n      (keydown.tab)=\"onKeyup($event)\"\r\n    ></div>\r\n\r\n    <div class=\"mrx-formula-editor__clear\" *ngIf=\"canClean\" (click)=\"onClear()\">\r\n      <div class=\"mrx-icon icon-close\" [class]=\"getIconClass\"></div>\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.dropLabel || 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{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__clear{position:absolute;top:12px;right:12px;cursor:pointer}.mrx-formula-editor__box ::ng-deep .tag{display:inline-flex;cursor:default;-webkit-user-modify:read-only}.mrx-formula-editor__box ::ng-deep .argument{border-radius:var(--border-radius-1, 4px);background:var(--brand-bg-secondary-default, #EDF5FF)}.mrx-formula-editor__box ::ng-deep .bracket{color:var(--neutral-text-tertiary, #71767E)}.mrx-formula-editor__box ::ng-deep .operator{color:var(--system-text-attention, #AC5C06)}.mrx-formula-editor__box ::ng-deep .number{color:var(--system-text-negative, #8E2100)}.mrx-formula-editor.mrx-formula-editor-lg .mrx-formula-editor__box{padding:5px 44px 5px var(--spacing-2, 8px);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:36px}.mrx-formula-editor.mrx-formula-editor-lg .mrx-formula-editor__box::ng-deep .tag.-large{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)}.mrx-formula-editor.mrx-formula-editor-lg .mrx-formula-editor__box::ng-deep .tag.-medium{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)}.mrx-formula-editor.mrx-formula-editor-lg .mrx-formula-editor__box::ng-deep .tag.argument{padding:6px 12px;margin:0 2px}.mrx-formula-editor.mrx-formula-editor-md .mrx-formula-editor__box{padding:5px 36px 5px var(--spacing-2, 8px);font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:28px}.mrx-formula-editor.mrx-formula-editor-md .mrx-formula-editor__box::ng-deep .tag.-large{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)}.mrx-formula-editor.mrx-formula-editor-md .mrx-formula-editor__box::ng-deep .tag.-medium{font-family:var(--body-sm-font-family, \"PT Sans\");font-size:var(--body-sm-font-size, 12px);font-weight:var(--body-sm-font-weight, 400);line-height:var(--body-sm-line-height, 16px)}.mrx-formula-editor.mrx-formula-editor-md .mrx-formula-editor__box::ng-deep .tag.argument{padding:4px 8px;margin:0 2px}.mrx-formula-editor.mrx-formula-editor-sm .mrx-formula-editor__box{padding:5px 36px 5px var(--spacing-2, 8px);font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:28px}.mrx-formula-editor.mrx-formula-editor-sm .mrx-formula-editor__box::ng-deep .tag.-large{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)}.mrx-formula-editor.mrx-formula-editor-sm .mrx-formula-editor__box::ng-deep .tag.-medium{font-family:var(--body-sm-font-family, \"PT Sans\");font-size:var(--body-sm-font-size, 12px);font-weight:var(--body-sm-font-weight, 400);line-height:var(--body-sm-line-height, 16px)}.mrx-formula-editor.mrx-formula-editor-sm .mrx-formula-editor__box::ng-deep .tag.argument{padding:4px 8px;margin:0 2px}.mrx-formula-editor__popup{position:absolute;z-index:99;width:100%;border-radius:var(--border-radius-1);background:var(--neutral-bg-island-default, #F8F9FA);box-shadow:0 1px 4px #3a3a3a4d;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);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"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { kind: "component", type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { kind: "pipe", type: SafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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      (keydown.enter)=\"onKeyup($event)\"\r\n      (keydown.tab)=\"onKeyup($event)\"\r\n    ></div>\r\n\r\n    <div class=\"mrx-formula-editor__clear\" *ngIf=\"canClean\" (click)=\"onClear()\">\r\n      <div class=\"mrx-icon icon-close\" [class]=\"getIconClass\"></div>\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.dropLabel || 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{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__clear{position:absolute;top:12px;right:12px;cursor:pointer}.mrx-formula-editor__box ::ng-deep .tag{display:inline-flex;cursor:default;-webkit-user-modify:read-only}.mrx-formula-editor__box ::ng-deep .argument{border-radius:var(--border-radius-1, 4px);background:var(--brand-bg-secondary-default, #EDF5FF)}.mrx-formula-editor__box ::ng-deep .bracket{color:var(--neutral-text-tertiary, #71767E)}.mrx-formula-editor__box ::ng-deep .operator{color:var(--system-text-attention, #AC5C06)}.mrx-formula-editor__box ::ng-deep .number{color:var(--system-text-negative, #8E2100)}.mrx-formula-editor.mrx-formula-editor-lg .mrx-formula-editor__box{padding:5px 44px 5px var(--spacing-2, 8px);font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:36px}.mrx-formula-editor.mrx-formula-editor-lg .mrx-formula-editor__box::ng-deep .tag.-large{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)}.mrx-formula-editor.mrx-formula-editor-lg .mrx-formula-editor__box::ng-deep .tag.-medium{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)}.mrx-formula-editor.mrx-formula-editor-lg .mrx-formula-editor__box::ng-deep .tag.argument{padding:6px 12px;margin:0 2px}.mrx-formula-editor.mrx-formula-editor-md .mrx-formula-editor__box{padding:5px 36px 5px var(--spacing-2, 8px);font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:28px}.mrx-formula-editor.mrx-formula-editor-md .mrx-formula-editor__box::ng-deep .tag.-large{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)}.mrx-formula-editor.mrx-formula-editor-md .mrx-formula-editor__box::ng-deep .tag.-medium{font-family:var(--body-sm-font-family, \"PT Sans\");font-size:var(--body-sm-font-size, 12px);font-weight:var(--body-sm-font-weight, 400);line-height:var(--body-sm-line-height, 16px)}.mrx-formula-editor.mrx-formula-editor-md .mrx-formula-editor__box::ng-deep .tag.argument{padding:4px 8px;margin:0 2px}.mrx-formula-editor.mrx-formula-editor-sm .mrx-formula-editor__box{padding:5px 36px 5px var(--spacing-2, 8px);font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:28px}.mrx-formula-editor.mrx-formula-editor-sm .mrx-formula-editor__box::ng-deep .tag.-large{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)}.mrx-formula-editor.mrx-formula-editor-sm .mrx-formula-editor__box::ng-deep .tag.-medium{font-family:var(--body-sm-font-family, \"PT Sans\");font-size:var(--body-sm-font-size, 12px);font-weight:var(--body-sm-font-weight, 400);line-height:var(--body-sm-line-height, 16px)}.mrx-formula-editor.mrx-formula-editor-sm .mrx-formula-editor__box::ng-deep .tag.argument{padding:4px 8px;margin:0 2px}.mrx-formula-editor__popup{position:absolute;z-index:99;width:100%;border-radius:var(--border-radius-1);background:var(--neutral-bg-island-default, #F8F9FA);box-shadow:0 1px 4px #3a3a3a4d;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);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: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { fields: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], invalidMessage: [{
+                type: Input
+            }], checkInvalid: [{
+                type: Input
+            }], items: [{
+                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 {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormulaEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FormulaEditorModule, declarations: [FormulaEditorComponent], imports: [CommonModule,
+            CharsLeftModule,
+            ErrorMessageModule,
+            FormsModule,
+            SaveStateModule,
+            SafeModule], exports: [FormulaEditorComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormulaEditorModule, imports: [CommonModule,
+            CharsLeftModule,
+            ErrorMessageModule,
+            FormsModule,
+            SaveStateModule,
+            SafeModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormulaEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        FormulaEditorComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        CharsLeftModule,
+                        ErrorMessageModule,
+                        FormsModule,
+                        SaveStateModule,
+                        SafeModule
+                    ],
+                    exports: [
+                        FormulaEditorComponent
+                    ]
+                }]
+        }] });
+
 class ContentTitleWrapperComponent {
     customClasses = '';
     title = '';
@@ -17501,5 +17983,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * 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, ContentTitleWrapperComponent, ContentTitleWrapperModule, ContentWrapperComponent, ContentWrapperModule, ContentWrapperTypeEnum, ControlsItemComponent, ControlsVisibilityEnum, ControlsWrapperComponent, ControlsWrapperModule, CountryISO, CurrencyModule, CurrencyPipe, DateFormatModule, DateFormatPipe, DateTimeFormatPipe, DefaultPagerSettings, 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, InputTextComponent, InputTextIconColorEnum, InputTextModule, InputTextSizesEnum, InputTextareaComponent, InputTextareaModule, InputTextareaSizesEnum, InputTimepickerComponent, InputTimepickerModule, JsonEditorComponent, JsonEditorModule, JsonEditorOptions, LabelComponent, LabelModule, LinkComponent, LinkModule, LinkSizesEnum, LinkTargetTypesEnum, LinkTypesEnum, LoaderColorEnum, LoaderComponent, LoaderModule, LoaderSizesEnum, MODAL_CONFIG, MODAL_DATA, ModalAlignButtonsEnum, ModalBackdropTypeClasses, ModalColorEnum, ModalComponent, ModalModule, ModalRef, ModalService, ModalServiceComponent, ModalServiceModule, ModalSizesEnum, ModalType, ModalTypeClasses, MrxAutoSaveActionsEnum, MrxAutosaveService, MrxFormValidator, NgxOtpBehavior, PagesNavComponent, PagesNavEnum, PagesNavModule, PaginatorComponent, PaginatorModule, PaginatorPositionCss, PdfViewerComponent, PdfViewerComponentModule, PhoneFormatModule, PhoneFormatPipe, PopupComponent, PopupItemComponent, PopupModule, PopupTriggerDirective, PositionEnum, PositionStrategyEnum, PreviewEnum, ProgressClasses, ProgressComponent, ProgressModule, RadioComponent, RadioGroupComponent, RadioGroupModule, RadioModule, RadioTypesEnum, RatingComponent, RatingModule, RatingSizesEnum, RatingValueSizesEnum, RatingWrapperSizesEnum, SafeModule, SafePipe, SaveStateComponent, SaveStateModule, SaveStoreModule, SelectComponent, SelectModule, SelectSizeEnum, SidePageComponent, SidePageHeaderSizesEnum, SidePageModule, SidePagePositionEnum, SidePageSizesEnum, StepperClasses, StepperComponent, StepperModule, SwitchComponent, SwitchModule, SwitchSizeEnum, SwitchTypeEnum, TabComponent, TableComponent, TableModule, TableTypeEnum, TabsClasses, TabsGroupComponent, TabsModule, TabsTypesClasses, Timezone, ToasterPosition, ToasterService, ToasterServiceModule, ToasterType, 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, dateTimeFormat, defaultConfig, defaultCustomConfig, formatBytes, formattingDateRange, formattingIsoToString, getBase64FromUrl, getHashCode, innerListToList, sHashCode, selectFields, selectMrxAutoSaveState, sliceDate, toBytes, toDate, toNumberFormat, toastrDefaultConfig, 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, ContentTitleWrapperComponent, ContentTitleWrapperModule, ContentWrapperComponent, ContentWrapperModule, ContentWrapperTypeEnum, ControlsItemComponent, ControlsVisibilityEnum, ControlsWrapperComponent, ControlsWrapperModule, CountryISO, CurrencyModule, CurrencyPipe, DateFormatModule, DateFormatPipe, DateTimeFormatPipe, DefaultPagerSettings, 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, InputTextComponent, InputTextIconColorEnum, InputTextModule, InputTextSizesEnum, InputTextareaComponent, InputTextareaModule, InputTextareaSizesEnum, InputTimepickerComponent, InputTimepickerModule, JsonEditorComponent, JsonEditorModule, JsonEditorOptions, LabelComponent, LabelModule, LinkComponent, LinkModule, LinkSizesEnum, LinkTargetTypesEnum, LinkTypesEnum, LoaderColorEnum, LoaderComponent, LoaderModule, LoaderSizesEnum, MODAL_CONFIG, MODAL_DATA, ModalAlignButtonsEnum, ModalBackdropTypeClasses, ModalColorEnum, ModalComponent, ModalModule, ModalRef, ModalService, ModalServiceComponent, ModalServiceModule, ModalSizesEnum, ModalType, ModalTypeClasses, MrxAutoSaveActionsEnum, MrxAutosaveService, MrxFormValidator, NgxOtpBehavior, PagesNavComponent, PagesNavEnum, PagesNavModule, PaginatorComponent, PaginatorModule, PaginatorPositionCss, PdfViewerComponent, PdfViewerComponentModule, PhoneFormatModule, PhoneFormatPipe, PopupComponent, PopupItemComponent, PopupModule, PopupTriggerDirective, PositionEnum, PositionStrategyEnum, PreviewEnum, ProgressClasses, ProgressComponent, ProgressModule, RadioComponent, RadioGroupComponent, RadioGroupModule, RadioModule, RadioTypesEnum, RatingComponent, RatingModule, RatingSizesEnum, RatingValueSizesEnum, RatingWrapperSizesEnum, SafeModule, SafePipe, SaveStateComponent, SaveStateModule, SaveStoreModule, SelectComponent, SelectModule, SelectSizeEnum, SidePageComponent, SidePageHeaderSizesEnum, SidePageModule, SidePagePositionEnum, SidePageSizesEnum, StepperClasses, StepperComponent, StepperModule, SwitchComponent, SwitchModule, SwitchSizeEnum, SwitchTypeEnum, TabComponent, TableComponent, TableModule, TableTypeEnum, TabsClasses, TabsGroupComponent, TabsModule, TabsTypesClasses, Timezone, ToasterPosition, ToasterService, ToasterServiceModule, ToasterType, 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, dateTimeFormat, defaultConfig, defaultCustomConfig, formatBytes, formattingDateRange, formattingIsoToString, getBase64FromUrl, getHashCode, innerListToList, sHashCode, selectFields, selectMrxAutoSaveState, sliceDate, toBytes, toDate, toNumberFormat, toastrDefaultConfig, wordForm };
 //# sourceMappingURL=myrta-ui.mjs.map