myrta-ui 1.1.49 → 1.1.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4630,7 +4630,7 @@ const requiredValidation = (value, validations, key, invalidMessages) => {
4630
4630
  const emailValidation = (value, validations, key, invalidMessages) => {
4631
4631
  const emailRegExp = /^[a-zA-Z0-9._а-яА-Я-]+@[a-zA-Zа-яА-Я0-9.-]+\.[a-zA-Zа-яА-Я]{2,10}$/;
4632
4632
  const result = { isValid: true, message: null };
4633
- if (!emailRegExp.test(value)) {
4633
+ if (value && !emailRegExp.test(value)) {
4634
4634
  result.message = getErrorMessageHelper(key, invalidMessages, validations.messages);
4635
4635
  result.isValid = false;
4636
4636
  }
@@ -10289,6 +10289,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
10289
10289
  }] });
10290
10290
 
10291
10291
  const changeIconsFunction = (name, control, clearName) => {
10292
+ console.log(clearName);
10292
10293
  switch (clearName) {
10293
10294
  case 'paragraph':
10294
10295
  return '<span class="mrx-icon icon-wysiwyg-icons-paragraph icon-font-24"></span>';
@@ -10372,6 +10373,41 @@ const changeIconsFunction = (name, control, clearName) => {
10372
10373
  return '<span class="mrx-icon icon-cancel icon-font-24"></span>';
10373
10374
  case 'file':
10374
10375
  return '<span class="mrx-icon icon-file icon-font-24"></span>';
10376
+ case 'classSpan':
10377
+ return '<span class="mrx-icon icon-note icon-font-24"></span>';
10378
+ case 'eraser':
10379
+ return '<span class="mrx-icon icon-clear_eraser icon-font-24"></span>';
10380
+ case 'superscript':
10381
+ return '<span class="mrx-icon icon-wysiwyg-icons-subscript icon-font-24"></span>';
10382
+ case 'subscript':
10383
+ return '<span class="mrx-icon icon-wysiwyg-icons-superscript icon-font-24"></span>';
10384
+ case 'cut':
10385
+ return '<span class="mrx-icon icon-wysiwyg-icons-cut icon-font-24"></span>';
10386
+ case 'copy':
10387
+ return '<span class="mrx-icon icon-copy icon-font-24"></span>';
10388
+ case 'paste':
10389
+ return '<span class="mrx-icon icon-wysiwyg-icons-insert icon-font-24"></span>';
10390
+ case 'copyformat':
10391
+ return '<span class="mrx-icon icon-wysiwyg-icons-style icon-font-24"></span>';
10392
+ case 'hr':
10393
+ return '<span class="mrx-icon icon-wysiwyg-icons-divider icon-font-24"></span>';
10394
+ case 'symbols':
10395
+ return '<span class="mrx-icon icon-wysiwyg-icons-special-symbol icon-font-24"></span>';
10396
+ case 'print':
10397
+ return '<span class="mrx-icon icon-print icon-font-24"></span>';
10398
+ case 'about':
10399
+ return '<span class="mrx-icon icon-help icon-font-24"></span>';
10400
+ // TODO такое вот название у иконки. Оставляю обе до рефакторинга
10401
+ case 'spellcheck':
10402
+ return '<span class="mrx-icon icon-wysiwyg-icons-spell-checking icon-font-24"></span>';
10403
+ case '_svg_viewBox__0_0_48_48__xmlns__http___www_w3_org_2000_svg____path_d__M24_89_32h4_18L18_86_6h_3_71L4_93_32h4_18l2_25_6h11_29l2_24_6zM12_86_22L17_10_95_21_14_22h_8_28zm30_31_1_17L27_39_34_19_66_32l_2_83_2_83L27_45l19_19_2_83_2_83z______svg_':
10404
+ return '<span class="mrx-icon icon-wysiwyg-icons-spell-checking icon-font-24"></span>';
10405
+ case 'select_all':
10406
+ return '<span class="mrx-icon icon-wysiwyg-icons-select-all icon-font-24"></span>';
10407
+ case 'fullsize':
10408
+ return '<span class="mrx-icon icon-arrow-expand icon-font-24"></span>';
10409
+ case 'shrink':
10410
+ return '<span class="mrx-icon icon-arrow-collapse icon-font-24"></span>';
10375
10411
  case 'empty':
10376
10412
  case '':
10377
10413
  return null;
@@ -10674,7 +10710,7 @@ EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
10674
10710
  useExisting: forwardRef(() => EditorComponent),
10675
10711
  multi: true,
10676
10712
  },
10677
- ], viewQueries: [{ propertyName: "editorElementRef", first: true, predicate: ["editorElementRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"mrx-editor\"\r\n [class.mrx-input-focused]=\"isFocused\"\r\n [class.mrx-input-error]=\"getInvalid\"\r\n [class]=\"getClasses\"\r\n>\r\n <jodit-editor\r\n #editorElementRef\r\n [config]=\"defaultConfig\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n (onFocus)=\"changeFocused(true)\"\r\n (onBlur)=\"onBlur(false)\"\r\n ></jodit-editor>\r\n\r\n <mrx-error-message\r\n *ngIf=\"getInvalid && getInvalidMessage\"\r\n [invalidMessage]=\"getInvalidMessage\"\r\n ></mrx-error-message>\r\n\r\n <mrx-save-state type=\"editor\" [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n\r\n<br>\r\n<br>\r\n<br>\r\n<br>\r\n\r\n<div>\r\n <mrx-chars-left\r\n *ngIf=\"!disabled && maxLength\"\r\n [valueLength]=\"valueLength\"\r\n [maxlength]=\"maxLength\"\r\n ></mrx-chars-left>\r\n</div>\r\n", styles: [":host::ng-deep .mrx-editor .jodit-toolbar__box:not(:empty){background-color:#fff;padding:4px}:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-collection_size_middle.jodit-toolbar-collection_mode_horizontal,:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal,:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-editor-collection_size_middle.jodit-toolbar-collection_mode_horizontal,:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-editor-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal{background-image:none}:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-editor-collection:after{display:none}:host::ng-deep .mrx-editor .jodit-ui-group{flex-wrap:wrap;gap:var(--sizing-1)}:host::ng-deep .mrx-editor .jodit-toolbar-button{height:28px;margin:0;border:none}:host::ng-deep .mrx-editor .jodit-toolbar-button.jodit-toolbar-button_with-trigger_true:hover:not([disabled]){border-color:transparent;box-shadow:0 1px 4px #3a3a3a4d}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__button{height:28px}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__button:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__button[aria-pressed=true]:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__trigger:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-editor .jodit-ui-separator{border-color:var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-editor .jodit-add-new-line{display:none}:host::ng-deep .mrx-editor{position:relative}:host::ng-deep .mrx-editor .jodit-container .jodit-wysiwyg{padding:var(--spacing-3) var(--spacing-4)}:host::ng-deep .mrx-editor .jodit-container:not(.jodit_inline).jodit_disabled .jodit-toolbar__box{background-color:var(--neutral-bg-island-default)}:host::ng-deep .mrx-editor .jodit-container:not(.jodit_inline).jodit_disabled .jodit-workplace{opacity:1;background-color:var(--neutral-bg-disabled)}:host::ng-deep .mrx-editor.mrx-input-error .jodit-container,:host::ng-deep .mrx-editor.mrx-input-checked-error .jodit-container{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)!important}:host::ng-deep .mrx-editor.mrx-input-error .jodit-container .jodit-toolbar__box:not(:empty),:host::ng-deep .mrx-editor.mrx-input-checked-error .jodit-container .jodit-toolbar__box:not(:empty){border-bottom:var(--border-width-default) solid var(--system-bg-controls-negative-default)!important}:host::ng-deep .mrx-editor.mrx-input-success .jodit-container,:host::ng-deep .mrx-editor.mrx-input-checked-success .jodit-container{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)!important}:host::ng-deep .mrx-editor.mrx-input-success .jodit-container .jodit-toolbar__box:not(:empty),:host::ng-deep .mrx-editor.mrx-input-checked-success .jodit-container .jodit-toolbar__box:not(:empty){border-bottom:var(--border-width-default) solid var(--system-bg-controls-positive-default)!important}:host::ng-deep .mrx-editor.mrx-input-checked-error .jodit-workplace{background-color:var(--system-bg-negative-secondary)!important}:host::ng-deep .mrx-editor.mrx-input-checked-success .jodit-workplace{background-color:var(--system-bg-positive-secondary)!important}:host::ng-deep .mrx-editor .jodit-container{transition:border .2s;border:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-editor .jodit-container:not(.jodit_inline),:host::ng-deep .mrx-editor .jodit-container .jodit-workplace{border-radius:4px}:host::ng-deep .mrx-editor .jodit-container .jodit-toolbar__box:not(:empty){transition:border .2s;border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-editor .jodit-container:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}:host::ng-deep .mrx-editor .jodit-container:hover .jodit-toolbar__box:not(:empty){border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}:host::ng-deep .mrx-editor.mrx-input-focused .jodit-container{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-popup__content:not(:empty){background-color:#fff;padding:4px}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-ui-group{flex-wrap:wrap;gap:var(--sizing-1)}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-toolbar-button.jodit-toolbar-button_with-trigger_true:hover:not([disabled]){border-color:transparent;box-shadow:0 1px 4px #3a3a3a4d}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-toolbar-button .jodit-toolbar-button__button:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-toolbar-button .jodit-toolbar-button__trigger:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}::ng-deep .jodit.jodit-popup-container .jodit-toolbar-button_nullable{display:none!important}::ng-deep .jodit.jodit-popup-container .jodit-form__table-creator-box .jodit-form__container span.jodit_hovered{background-color:var(--system-diagram-diagram-2);border-color:var(--system-diagram-diagram-2)}::ng-deep .jodit.jodit-popup-container .jodit-popup__content .jodit-ui-checkbox__wrapper .jodit-ui-checkbox__input{-webkit-appearance:checkbox!important;position:static!important;width:auto!important}\n"], components: [{ type: i1$8.JoditAngularComponent, selector: "jodit-editor", inputs: ["config", "tagName", "id", "defaultValue"] }, { type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { type: CharsLeftComponent, selector: "mrx-chars-left", inputs: ["maxlength", "valueLength", "value"] }], directives: [{ type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
10713
+ ], viewQueries: [{ propertyName: "editorElementRef", first: true, predicate: ["editorElementRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"mrx-editor\"\r\n [class.mrx-input-focused]=\"isFocused\"\r\n [class.mrx-input-error]=\"getInvalid\"\r\n [class]=\"getClasses\"\r\n>\r\n <jodit-editor\r\n #editorElementRef\r\n [config]=\"defaultConfig\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n (onFocus)=\"changeFocused(true)\"\r\n (onBlur)=\"onBlur(false)\"\r\n ></jodit-editor>\r\n\r\n <mrx-error-message\r\n *ngIf=\"getInvalid && getInvalidMessage\"\r\n [invalidMessage]=\"getInvalidMessage\"\r\n ></mrx-error-message>\r\n\r\n <mrx-save-state type=\"editor\" [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n\r\n <mrx-chars-left\r\n *ngIf=\"!disabled && maxLength\"\r\n [valueLength]=\"valueLength\"\r\n [maxlength]=\"maxLength\"\r\n ></mrx-chars-left>\r\n</div>\r\n", styles: [":host::ng-deep .mrx-editor .jodit-toolbar__box:not(:empty){background-color:#fff;padding:4px}:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-collection_size_middle.jodit-toolbar-collection_mode_horizontal,:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal,:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-editor-collection_size_middle.jodit-toolbar-collection_mode_horizontal,:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-editor-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal{background-image:none}:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-editor-collection:after{display:none}:host::ng-deep .mrx-editor .jodit-ui-group{flex-wrap:wrap;gap:var(--sizing-1)}:host::ng-deep .mrx-editor .jodit-toolbar-button{height:28px;margin:0;border:none}:host::ng-deep .mrx-editor .jodit-toolbar-button.jodit-toolbar-button_with-trigger_true:hover:not([disabled]){border-color:transparent;box-shadow:0 1px 4px #3a3a3a4d}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__button{height:28px}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__button:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__button[aria-pressed=true]:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__trigger:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-editor .jodit-ui-separator{border-color:var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-editor .jodit-add-new-line{display:none}:host::ng-deep .mrx-editor{position:relative}:host::ng-deep .mrx-editor .jodit-container .jodit-wysiwyg{padding:var(--spacing-3) var(--spacing-4)}:host::ng-deep .mrx-editor .jodit-container:not(.jodit_inline).jodit_disabled .jodit-toolbar__box{background-color:var(--neutral-bg-island-default)}:host::ng-deep .mrx-editor .jodit-container:not(.jodit_inline).jodit_disabled .jodit-workplace{opacity:1;background-color:var(--neutral-bg-disabled)}:host::ng-deep .mrx-editor.mrx-input-error .jodit-container,:host::ng-deep .mrx-editor.mrx-input-checked-error .jodit-container{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)!important}:host::ng-deep .mrx-editor.mrx-input-error .jodit-container .jodit-toolbar__box:not(:empty),:host::ng-deep .mrx-editor.mrx-input-checked-error .jodit-container .jodit-toolbar__box:not(:empty){border-bottom:var(--border-width-default) solid var(--system-bg-controls-negative-default)!important}:host::ng-deep .mrx-editor.mrx-input-success .jodit-container,:host::ng-deep .mrx-editor.mrx-input-checked-success .jodit-container{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)!important}:host::ng-deep .mrx-editor.mrx-input-success .jodit-container .jodit-toolbar__box:not(:empty),:host::ng-deep .mrx-editor.mrx-input-checked-success .jodit-container .jodit-toolbar__box:not(:empty){border-bottom:var(--border-width-default) solid var(--system-bg-controls-positive-default)!important}:host::ng-deep .mrx-editor.mrx-input-checked-error .jodit-workplace{background-color:var(--system-bg-negative-secondary)!important}:host::ng-deep .mrx-editor.mrx-input-checked-success .jodit-workplace{background-color:var(--system-bg-positive-secondary)!important}:host::ng-deep .mrx-editor .jodit-container{transition:border .2s;border:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-editor .jodit-container:not(.jodit_inline),:host::ng-deep .mrx-editor .jodit-container .jodit-workplace{border-radius:4px}:host::ng-deep .mrx-editor .jodit-container .jodit-toolbar__box:not(:empty){transition:border .2s;border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-editor .jodit-container:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}:host::ng-deep .mrx-editor .jodit-container:hover .jodit-toolbar__box:not(:empty){border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}:host::ng-deep .mrx-editor.mrx-input-focused .jodit-container{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-popup__content:not(:empty){background-color:#fff;padding:4px}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-ui-group{flex-wrap:wrap;gap:var(--sizing-1)}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-toolbar-button.jodit-toolbar-button_with-trigger_true:hover:not([disabled]){border-color:transparent;box-shadow:0 1px 4px #3a3a3a4d}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-toolbar-button .jodit-toolbar-button__button:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-toolbar-button .jodit-toolbar-button__trigger:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}::ng-deep .jodit.jodit-popup-container .jodit-toolbar-button_nullable{display:none!important}::ng-deep .jodit.jodit-popup-container .jodit-form__table-creator-box .jodit-form__container span.jodit_hovered{background-color:var(--system-diagram-diagram-2);border-color:var(--system-diagram-diagram-2)}::ng-deep .jodit.jodit-popup-container .jodit-popup__content .jodit-ui-checkbox__wrapper .jodit-ui-checkbox__input{-webkit-appearance:checkbox!important;position:static!important;width:auto!important}\n"], components: [{ type: i1$8.JoditAngularComponent, selector: "jodit-editor", inputs: ["config", "tagName", "id", "defaultValue"] }, { type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { type: CharsLeftComponent, selector: "mrx-chars-left", inputs: ["maxlength", "valueLength", "value"] }], directives: [{ type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
10678
10714
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EditorComponent, decorators: [{
10679
10715
  type: Component,
10680
10716
  args: [{ selector: 'mrx-editor', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -10683,7 +10719,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
10683
10719
  useExisting: forwardRef(() => EditorComponent),
10684
10720
  multi: true,
10685
10721
  },
10686
- ], template: "<div\r\n class=\"mrx-editor\"\r\n [class.mrx-input-focused]=\"isFocused\"\r\n [class.mrx-input-error]=\"getInvalid\"\r\n [class]=\"getClasses\"\r\n>\r\n <jodit-editor\r\n #editorElementRef\r\n [config]=\"defaultConfig\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n (onFocus)=\"changeFocused(true)\"\r\n (onBlur)=\"onBlur(false)\"\r\n ></jodit-editor>\r\n\r\n <mrx-error-message\r\n *ngIf=\"getInvalid && getInvalidMessage\"\r\n [invalidMessage]=\"getInvalidMessage\"\r\n ></mrx-error-message>\r\n\r\n <mrx-save-state type=\"editor\" [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n\r\n<br>\r\n<br>\r\n<br>\r\n<br>\r\n\r\n<div>\r\n <mrx-chars-left\r\n *ngIf=\"!disabled && maxLength\"\r\n [valueLength]=\"valueLength\"\r\n [maxlength]=\"maxLength\"\r\n ></mrx-chars-left>\r\n</div>\r\n", styles: [":host::ng-deep .mrx-editor .jodit-toolbar__box:not(:empty){background-color:#fff;padding:4px}:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-collection_size_middle.jodit-toolbar-collection_mode_horizontal,:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal,:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-editor-collection_size_middle.jodit-toolbar-collection_mode_horizontal,:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-editor-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal{background-image:none}:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-editor-collection:after{display:none}:host::ng-deep .mrx-editor .jodit-ui-group{flex-wrap:wrap;gap:var(--sizing-1)}:host::ng-deep .mrx-editor .jodit-toolbar-button{height:28px;margin:0;border:none}:host::ng-deep .mrx-editor .jodit-toolbar-button.jodit-toolbar-button_with-trigger_true:hover:not([disabled]){border-color:transparent;box-shadow:0 1px 4px #3a3a3a4d}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__button{height:28px}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__button:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__button[aria-pressed=true]:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__trigger:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-editor .jodit-ui-separator{border-color:var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-editor .jodit-add-new-line{display:none}:host::ng-deep .mrx-editor{position:relative}:host::ng-deep .mrx-editor .jodit-container .jodit-wysiwyg{padding:var(--spacing-3) var(--spacing-4)}:host::ng-deep .mrx-editor .jodit-container:not(.jodit_inline).jodit_disabled .jodit-toolbar__box{background-color:var(--neutral-bg-island-default)}:host::ng-deep .mrx-editor .jodit-container:not(.jodit_inline).jodit_disabled .jodit-workplace{opacity:1;background-color:var(--neutral-bg-disabled)}:host::ng-deep .mrx-editor.mrx-input-error .jodit-container,:host::ng-deep .mrx-editor.mrx-input-checked-error .jodit-container{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)!important}:host::ng-deep .mrx-editor.mrx-input-error .jodit-container .jodit-toolbar__box:not(:empty),:host::ng-deep .mrx-editor.mrx-input-checked-error .jodit-container .jodit-toolbar__box:not(:empty){border-bottom:var(--border-width-default) solid var(--system-bg-controls-negative-default)!important}:host::ng-deep .mrx-editor.mrx-input-success .jodit-container,:host::ng-deep .mrx-editor.mrx-input-checked-success .jodit-container{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)!important}:host::ng-deep .mrx-editor.mrx-input-success .jodit-container .jodit-toolbar__box:not(:empty),:host::ng-deep .mrx-editor.mrx-input-checked-success .jodit-container .jodit-toolbar__box:not(:empty){border-bottom:var(--border-width-default) solid var(--system-bg-controls-positive-default)!important}:host::ng-deep .mrx-editor.mrx-input-checked-error .jodit-workplace{background-color:var(--system-bg-negative-secondary)!important}:host::ng-deep .mrx-editor.mrx-input-checked-success .jodit-workplace{background-color:var(--system-bg-positive-secondary)!important}:host::ng-deep .mrx-editor .jodit-container{transition:border .2s;border:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-editor .jodit-container:not(.jodit_inline),:host::ng-deep .mrx-editor .jodit-container .jodit-workplace{border-radius:4px}:host::ng-deep .mrx-editor .jodit-container .jodit-toolbar__box:not(:empty){transition:border .2s;border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-editor .jodit-container:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}:host::ng-deep .mrx-editor .jodit-container:hover .jodit-toolbar__box:not(:empty){border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}:host::ng-deep .mrx-editor.mrx-input-focused .jodit-container{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-popup__content:not(:empty){background-color:#fff;padding:4px}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-ui-group{flex-wrap:wrap;gap:var(--sizing-1)}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-toolbar-button.jodit-toolbar-button_with-trigger_true:hover:not([disabled]){border-color:transparent;box-shadow:0 1px 4px #3a3a3a4d}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-toolbar-button .jodit-toolbar-button__button:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-toolbar-button .jodit-toolbar-button__trigger:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}::ng-deep .jodit.jodit-popup-container .jodit-toolbar-button_nullable{display:none!important}::ng-deep .jodit.jodit-popup-container .jodit-form__table-creator-box .jodit-form__container span.jodit_hovered{background-color:var(--system-diagram-diagram-2);border-color:var(--system-diagram-diagram-2)}::ng-deep .jodit.jodit-popup-container .jodit-popup__content .jodit-ui-checkbox__wrapper .jodit-ui-checkbox__input{-webkit-appearance:checkbox!important;position:static!important;width:auto!important}\n"] }]
10722
+ ], template: "<div\r\n class=\"mrx-editor\"\r\n [class.mrx-input-focused]=\"isFocused\"\r\n [class.mrx-input-error]=\"getInvalid\"\r\n [class]=\"getClasses\"\r\n>\r\n <jodit-editor\r\n #editorElementRef\r\n [config]=\"defaultConfig\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"updateValue($event)\"\r\n (onFocus)=\"changeFocused(true)\"\r\n (onBlur)=\"onBlur(false)\"\r\n ></jodit-editor>\r\n\r\n <mrx-error-message\r\n *ngIf=\"getInvalid && getInvalidMessage\"\r\n [invalidMessage]=\"getInvalidMessage\"\r\n ></mrx-error-message>\r\n\r\n <mrx-save-state type=\"editor\" [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n\r\n <mrx-chars-left\r\n *ngIf=\"!disabled && maxLength\"\r\n [valueLength]=\"valueLength\"\r\n [maxlength]=\"maxLength\"\r\n ></mrx-chars-left>\r\n</div>\r\n", styles: [":host::ng-deep .mrx-editor .jodit-toolbar__box:not(:empty){background-color:#fff;padding:4px}:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-collection_size_middle.jodit-toolbar-collection_mode_horizontal,:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal,:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-editor-collection_size_middle.jodit-toolbar-collection_mode_horizontal,:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-editor-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal{background-image:none}:host::ng-deep .mrx-editor .jodit-toolbar__box .jodit-toolbar-editor-collection:after{display:none}:host::ng-deep .mrx-editor .jodit-ui-group{flex-wrap:wrap;gap:var(--sizing-1)}:host::ng-deep .mrx-editor .jodit-toolbar-button{height:28px;margin:0;border:none}:host::ng-deep .mrx-editor .jodit-toolbar-button.jodit-toolbar-button_with-trigger_true:hover:not([disabled]){border-color:transparent;box-shadow:0 1px 4px #3a3a3a4d}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__button{height:28px}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__button:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__button[aria-pressed=true]:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-editor .jodit-toolbar-button .jodit-toolbar-button__trigger:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-editor .jodit-ui-separator{border-color:var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-editor .jodit-add-new-line{display:none}:host::ng-deep .mrx-editor{position:relative}:host::ng-deep .mrx-editor .jodit-container .jodit-wysiwyg{padding:var(--spacing-3) var(--spacing-4)}:host::ng-deep .mrx-editor .jodit-container:not(.jodit_inline).jodit_disabled .jodit-toolbar__box{background-color:var(--neutral-bg-island-default)}:host::ng-deep .mrx-editor .jodit-container:not(.jodit_inline).jodit_disabled .jodit-workplace{opacity:1;background-color:var(--neutral-bg-disabled)}:host::ng-deep .mrx-editor.mrx-input-error .jodit-container,:host::ng-deep .mrx-editor.mrx-input-checked-error .jodit-container{border:var(--border-width-default) solid var(--system-bg-controls-negative-default)!important}:host::ng-deep .mrx-editor.mrx-input-error .jodit-container .jodit-toolbar__box:not(:empty),:host::ng-deep .mrx-editor.mrx-input-checked-error .jodit-container .jodit-toolbar__box:not(:empty){border-bottom:var(--border-width-default) solid var(--system-bg-controls-negative-default)!important}:host::ng-deep .mrx-editor.mrx-input-success .jodit-container,:host::ng-deep .mrx-editor.mrx-input-checked-success .jodit-container{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)!important}:host::ng-deep .mrx-editor.mrx-input-success .jodit-container .jodit-toolbar__box:not(:empty),:host::ng-deep .mrx-editor.mrx-input-checked-success .jodit-container .jodit-toolbar__box:not(:empty){border-bottom:var(--border-width-default) solid var(--system-bg-controls-positive-default)!important}:host::ng-deep .mrx-editor.mrx-input-checked-error .jodit-workplace{background-color:var(--system-bg-negative-secondary)!important}:host::ng-deep .mrx-editor.mrx-input-checked-success .jodit-workplace{background-color:var(--system-bg-positive-secondary)!important}:host::ng-deep .mrx-editor .jodit-container{transition:border .2s;border:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-editor .jodit-container:not(.jodit_inline),:host::ng-deep .mrx-editor .jodit-container .jodit-workplace{border-radius:4px}:host::ng-deep .mrx-editor .jodit-container .jodit-toolbar__box:not(:empty){transition:border .2s;border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-editor .jodit-container:hover{border:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}:host::ng-deep .mrx-editor .jodit-container:hover .jodit-toolbar__box:not(:empty){border-bottom:var(--border-width-default) solid var(--neutral-bg-stroke-hover)}:host::ng-deep .mrx-editor.mrx-input-focused .jodit-container{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-popup__content:not(:empty){background-color:#fff;padding:4px}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-ui-group{flex-wrap:wrap;gap:var(--sizing-1)}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-toolbar-button.jodit-toolbar-button_with-trigger_true:hover:not([disabled]){border-color:transparent;box-shadow:0 1px 4px #3a3a3a4d}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-toolbar-button .jodit-toolbar-button__button:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}::ng-deep .jodit.jodit-popup-container .jodit-popup .jodit-toolbar-button .jodit-toolbar-button__trigger:hover:not([disabled]){background-color:var(--brand-bg-tertiary-hover)}::ng-deep .jodit.jodit-popup-container .jodit-toolbar-button_nullable{display:none!important}::ng-deep .jodit.jodit-popup-container .jodit-form__table-creator-box .jodit-form__container span.jodit_hovered{background-color:var(--system-diagram-diagram-2);border-color:var(--system-diagram-diagram-2)}::ng-deep .jodit.jodit-popup-container .jodit-popup__content .jodit-ui-checkbox__wrapper .jodit-ui-checkbox__input{-webkit-appearance:checkbox!important;position:static!important;width:auto!important}\n"] }]
10687
10723
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { fields: [{
10688
10724
  type: Input
10689
10725
  }], toolbar: [{