myrta-ui 1.1.20 → 1.1.21

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';
@@ -47,6 +47,7 @@ import { ImageCropperModule } from 'ngx-image-cropper';
 import localeRu$1 from '@angular/common/locales/ru';
 import { parsePhoneNumber } from 'libphonenumber-js';
 import { getExample, getAsYouType } from 'awesome-phonenumber';
+import Tagify from '@yaireo/tagify';
 
 var ButtonTypesEnum;
 (function (ButtonTypesEnum) {
@@ -4255,7 +4256,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 +4278,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 +4288,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 +4297,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 +4306,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 +4315,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 +4324,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 +4333,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 +4427,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 +4550,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 Вырезать в будущем
@@ -17310,11 +17316,207 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 }]
         }] });
 
+const whitelist_2 = ['Homer simpson', 'Marge simpson', 'Bart', 'Lisa', 'Maggie', 'Mr. Burns', 'Ned', 'Milhouse', 'Moe'];
+class FormulaEditorComponent {
+    constructor(document, sanitizer) {
+        this.document = document;
+        this.sanitizer = sanitizer;
+        this._whitelist = ['Angular', 'React', 'Vue'];
+        this.value = '';
+        this.isFocused = false;
+    }
+    getSanitizedValue() {
+        return this.value;
+    }
+    ngAfterViewInit() {
+        if (!this.inputElement?.nativeElement)
+            return;
+        this._tagify = new Tagify(this.inputElement.nativeElement, {
+            mode: 'mix',
+            editTags: false,
+            enforceWhitelist: false,
+            pattern: /@|#/,
+            whitelist: ['firstname', 'lastname', 'email', 'company'],
+            callbacks: {
+                add: (e) => {
+                    console.log(1);
+                    console.log(e);
+                    //
+                    // let ranges = [];
+                    // let sel = window.getSelection();
+                    // if (sel) {
+                    //   for (let i = 0; i < sel.rangeCount; i++) {
+                    //     ranges[i] = sel.getRangeAt(i);
+                    //   }
+                    // }
+                    //
+                    // const textNode = e.detail.tag.nextSibling
+                    // e.detail.tag.insertAdjacentText('afterend', '\u00A0')
+                    // document.getSelection()?.getRangeAt(0).setStart(textNode, 0)
+                    console.log(e.detail.tagify.value);
+                    console.log(e.detail.tagify.getCleanValue());
+                },
+                change: (e) => {
+                    console.log(2);
+                    console.log(e);
+                    // const textNode = e.detail.tag.nextSibling
+                },
+                'dropdown:select': (e) => {
+                    console.log(3);
+                    console.log(e);
+                    e.detail.tagify.DOM.input.focus();
+                }
+            },
+        });
+        this._tagify.on('input', (e) => {
+            if (e.detail.textContent.length > 1) {
+                this._tagify.dropdown.show(e.detail.value);
+            }
+        });
+        this._tagify.on('add', (e) => {
+            e.detail.tagify.DOM.input.focus();
+            const textNode = e.detail.tag.nextSibling;
+            if (document.getSelection()?.getRangeAt(0)) {
+                document.getSelection()?.getRangeAt(0).setStart(textNode, 1);
+            }
+        });
+        // this._tagify.on('focus', (e: any) => {
+        //   this._tagify.dropdown.show(e.detail.value);
+        // })
+    }
+    ngOnDestroy() {
+    }
+    registerOnChange(fn) {
+    }
+    registerOnTouched(fn) {
+    }
+    writeValue(obj) {
+    }
+    onInput(event) {
+        const target = event.target;
+        const content = target.textContent || '';
+        const valueArray = content.split(/[ &nbsp;]+/);
+    }
+    onBlur(event) {
+        const target = event.target;
+        const content = target.textContent || '';
+        const visibleValueArray = content.split(/[\s\u00A0]+/);
+        const originalValueArray = [];
+        visibleValueArray.forEach((item, index, array) => {
+            if (this._whitelist.find(v => v === item)) {
+                visibleValueArray[index] = `<div class="tag" title="Eric Cartman" contenteditable="false" tabindex="-1"><div>${item}</div><div></div></div>&nbsp;`;
+                originalValueArray.push(`{${item}}`);
+            }
+            else {
+                originalValueArray.push(item);
+            }
+        });
+        this.transformValue(visibleValueArray);
+        this.updateValue(originalValueArray);
+        // this.isFocused = false
+        this.updateSelection(event);
+    }
+    transformValue(array) {
+        this.value = array.join(' ');
+    }
+    updateValue(array) {
+        console.log(array.join(' '));
+    }
+    updateSelection(event) {
+        const selections = window.getSelection();
+        console.log(selections);
+        const start = selections?.anchorOffset || 0;
+        const end = selections?.focusOffset || 0;
+        if (start > end) {
+            this.selectionStart = end;
+            this.selectionEnd = start;
+        }
+        else {
+            this.selectionStart = start;
+            this.selectionEnd = end;
+        }
+    }
+    onFocus(event) {
+        // this.updateSelection(event)
+        this.isFocused = true;
+    }
+    insertTag(row) {
+        if ((this.selectionStart || this.selectionStart === 0) && (this.selectionEnd || this.selectionEnd === 0)) {
+            const firstText = this.value.slice(0, this.selectionStart);
+            const secondText = this.value.slice(this.selectionEnd);
+            this.value = firstText + row + secondText;
+        }
+    }
+    onSelectionChange(event) {
+        console.log('asd');
+    }
+}
+FormulaEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FormulaEditorComponent, deps: [{ token: DOCUMENT }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+FormulaEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FormulaEditorComponent, selector: "mrx-formula-editor", 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\n  class=\"mrx-formula-editor\"\n>\n  <div class=\"mrx-formula-editor__wrapper\">\n    <div\n      [innerHTML]=\"value | safe\"\n      class=\"mrx-formula-editor__box\"\n      contenteditable=\"true\"\n      tabindex=\"0\" data-placeholder=\"&ZeroWidthSpace;\" aria-placeholder=\"\" role=\"textbox\" autocapitalize=\"false\"\n      autocorrect=\"off\" spellcheck=\"false\" aria-autocomplete=\"both\" aria-multiline=\"true\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur($event)\"\n      (focus)=\"onFocus($event)\"\n      (selectionchange)=\"onSelectionChange($event)\"\n    ></div>\n    <!--    <textarea #inputElement name='mix' contenteditable=\"false\">asd[[{\"value\":\"firstname\"}]]  [[{\"value\":\"email\"}]] asdasdasd asd[[{\"value\":\"company\"}]]</textarea>-->\n    <!--    <input-->\n    <!--      autocomplete=\"nope\"-->\n    <!--      #inputElement-->\n    <!--      [type]=\"'text'\"-->\n    <!--      [id]=\"uuid\"-->\n    <!--      [ngModel]=\"value\"-->\n    <!--      [title]=\"placeholder || ''\"-->\n    <!--      [disabled]=\"disabled\"-->\n    <!--      [readOnly]=\"readonly\"-->\n    <!--      [placeholder]=\"!disabled && placeholder ? placeholder : ''\"-->\n    <!--      [mask]=\"mask\"-->\n    <!--      [prefix]=\"maskPrefix\"-->\n    <!--      [showMaskTyped]=\"showMaskTyped\"-->\n    <!--      [dropSpecialCharacters]=\"maskDropSpecialCharacters\"-->\n    <!--      [minlength]=\"minlength > 0 && restrictInput ? minlength : null\"-->\n    <!--      [maxlength]=\"maxlength > 0 && restrictInput ? maxlength : null\"-->\n    <!--      (ngModelChange)=\"updateValue($event)\"-->\n    <!--      (blur)=\"onBlur($event)\"-->\n    <!--    />-->\n\n    <!--    <mrx-chars-left-->\n    <!--      *ngIf=\"!disabled && maxlength\"-->\n    <!--      [value]=\"value\"-->\n    <!--      [maxlength]=\"maxlength\"-->\n    <!--    ></mrx-chars-left>-->\n\n    <div class=\"mrx-formula-editor__popup\" *ngIf=\"isFocused\">\n      <div\n        class=\"mrx-formula-editor__popup--row\"\n        *ngFor=\"let row of _whitelist\"\n        (click)=\"insertTag(row)\"\n      >\n        {{ row }}\n      </div>\n    </div>\n  </div>\n\n  <!--  <mrx-error-message-->\n  <!--    *ngIf=\"getInvalid && getInvalidMessage\"-->\n  <!--    [invalidMessage]=\"getInvalidMessage\"-->\n  <!--  ></mrx-error-message>-->\n\n  <!--  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>-->\n</div>\n", styles: [".mrx-formula-editor{position:relative}.mrx-formula-editor__box{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-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4);border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);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__box ::ng-deep .tag{display:inline-flex;padding:2px 4px;background-color:#8ad5f4;border-radius:var(--border-radius-1);margin:0 2px;position:relative;z-index:1;cursor:default;-webkit-user-modify:read-only}.mrx-formula-editor__wrapper{position:relative}.mrx-formula-editor__popup{position:absolute;top:52px;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}.mrx-formula-editor__popup--row{min-height:var(--sizing-10);transition:.2s;display:flex;align-items:center;padding:var(--spacing-1) var(--spacing-4);white-space:normal}.mrx-formula-editor__popup--row:hover{cursor:pointer;background-color:var(--Bg2)!important}\n"], 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 } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FormulaEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mrx-formula-editor', providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => FormulaEditorComponent),
+                            multi: true
+                        }], template: "<div\n  class=\"mrx-formula-editor\"\n>\n  <div class=\"mrx-formula-editor__wrapper\">\n    <div\n      [innerHTML]=\"value | safe\"\n      class=\"mrx-formula-editor__box\"\n      contenteditable=\"true\"\n      tabindex=\"0\" data-placeholder=\"&ZeroWidthSpace;\" aria-placeholder=\"\" role=\"textbox\" autocapitalize=\"false\"\n      autocorrect=\"off\" spellcheck=\"false\" aria-autocomplete=\"both\" aria-multiline=\"true\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur($event)\"\n      (focus)=\"onFocus($event)\"\n      (selectionchange)=\"onSelectionChange($event)\"\n    ></div>\n    <!--    <textarea #inputElement name='mix' contenteditable=\"false\">asd[[{\"value\":\"firstname\"}]]  [[{\"value\":\"email\"}]] asdasdasd asd[[{\"value\":\"company\"}]]</textarea>-->\n    <!--    <input-->\n    <!--      autocomplete=\"nope\"-->\n    <!--      #inputElement-->\n    <!--      [type]=\"'text'\"-->\n    <!--      [id]=\"uuid\"-->\n    <!--      [ngModel]=\"value\"-->\n    <!--      [title]=\"placeholder || ''\"-->\n    <!--      [disabled]=\"disabled\"-->\n    <!--      [readOnly]=\"readonly\"-->\n    <!--      [placeholder]=\"!disabled && placeholder ? placeholder : ''\"-->\n    <!--      [mask]=\"mask\"-->\n    <!--      [prefix]=\"maskPrefix\"-->\n    <!--      [showMaskTyped]=\"showMaskTyped\"-->\n    <!--      [dropSpecialCharacters]=\"maskDropSpecialCharacters\"-->\n    <!--      [minlength]=\"minlength > 0 && restrictInput ? minlength : null\"-->\n    <!--      [maxlength]=\"maxlength > 0 && restrictInput ? maxlength : null\"-->\n    <!--      (ngModelChange)=\"updateValue($event)\"-->\n    <!--      (blur)=\"onBlur($event)\"-->\n    <!--    />-->\n\n    <!--    <mrx-chars-left-->\n    <!--      *ngIf=\"!disabled && maxlength\"-->\n    <!--      [value]=\"value\"-->\n    <!--      [maxlength]=\"maxlength\"-->\n    <!--    ></mrx-chars-left>-->\n\n    <div class=\"mrx-formula-editor__popup\" *ngIf=\"isFocused\">\n      <div\n        class=\"mrx-formula-editor__popup--row\"\n        *ngFor=\"let row of _whitelist\"\n        (click)=\"insertTag(row)\"\n      >\n        {{ row }}\n      </div>\n    </div>\n  </div>\n\n  <!--  <mrx-error-message-->\n  <!--    *ngIf=\"getInvalid && getInvalidMessage\"-->\n  <!--    [invalidMessage]=\"getInvalidMessage\"-->\n  <!--  ></mrx-error-message>-->\n\n  <!--  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>-->\n</div>\n", styles: [".mrx-formula-editor{position:relative}.mrx-formula-editor__box{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-3) + var(--spacing-half) - var(--border-width-default)) var(--spacing-4);border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);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__box ::ng-deep .tag{display:inline-flex;padding:2px 4px;background-color:#8ad5f4;border-radius:var(--border-radius-1);margin:0 2px;position:relative;z-index:1;cursor:default;-webkit-user-modify:read-only}.mrx-formula-editor__wrapper{position:relative}.mrx-formula-editor__popup{position:absolute;top:52px;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}.mrx-formula-editor__popup--row{min-height:var(--sizing-10);transition:.2s;display:flex;align-items:center;padding:var(--spacing-1) var(--spacing-4);white-space:normal}.mrx-formula-editor__popup--row:hover{cursor:pointer;background-color:var(--Bg2)!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i1.DomSanitizer }]; }, propDecorators: { inputElement: [{
+                type: ViewChild,
+                args: ['inputElement', { static: true }]
+            }] } });
+
+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