@yoobic/yobi 8.5.0-60 → 8.5.0-62

package/dist/cjs/yoo-form-text-area.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-9aadeb94.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const formTextAreaHelpers = require('./form-text-area-helpers-8cf04c81.js');
-require('./index-a1bbe627.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const formInputHelpers = require('./form-input-helpers-fb275467.js');
+const formTextAreaHelpers = require('./form-text-area-helpers-bfc349a9.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formTextAreaCss = "svg:not(:root){overflow:hidden}:host{--textarea-placeholder-font-size:var(--font-size-16, 1rem);--textarea-font-color:var(--dark, #000000);--textarea-background-color:var(--light, #ffffff);--textarea-inner-padding:0.5rem;--paragraph-initial-height:80px;--paragraph-max-height:150px;--textarea-height:initial;--textarea-line-height:normal;--textarea-pointer-event:initial}:host .mention-container{width:auto;margin:0;overflow-y:auto;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}:host .mention-container::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .mention-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .mention-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .mention-container:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .mention-container:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .mention-container:not(.fit-max-rows){min-height:var(--paragraph-initial-height);max-height:var(--paragraph-max-height)}:host p font{color:initial !important}:host .segments-count{color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .inner-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;border-radius:var(--border-radius-04, 0.25rem)}:host yoo-card-feed{display:block;margin-top:1rem;overflow:hidden;border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host p.mention-container,:host .outer-container textarea{width:100%;color:var(--textarea-font-color);line-height:normal;white-space:pre;-webkit-transition:height 0.5s ease-in-out;transition:height 0.5s ease-in-out;resize:none;font-family:var(--font-family, \"Lato\");-webkit-appearance:none;padding:var(--textarea-inner-padding);font-weight:var(--font-weight-400, 400);font-size:var(--textarea-placeholder-font-size);white-space:pre-wrap;background:var(--textarea-background-color);border:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host p.mention-container::-webkit-input-placeholder,:host .outer-container textarea::-webkit-input-placeholder{color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}:host p.mention-container:-moz-placeholder,:host .outer-container textarea:-moz-placeholder{color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}:host p.mention-container::-moz-placeholder,:host .outer-container textarea::-moz-placeholder{color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}:host p.mention-container:-ms-input-placeholder,:host .outer-container textarea:-ms-input-placeholder{color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}:host p.mention-container.padding,:host .outer-container textarea.padding{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem) 0}:host p.mention-container.invalid,:host .outer-container textarea.invalid{border-color:var(--danger, #d44333)}:host p.mention-container.valid,:host .outer-container textarea.valid{border-color:var(--app-color, #5a30f4)}:host p.mention-container:focus,:host .outer-container textarea:focus{border:var(--border-width-01, 0.0625rem) solid var(--dark, #000000);outline:none}:host .outer-container{display:-ms-flexbox;display:flex;background:var(--textarea-background-color);pointer-events:var(--textarea-pointer-event)}:host .readonly{width:100%;color:var(--textarea-font-color);line-height:normal;white-space:pre;-webkit-transition:height 0.5s ease-in-out;transition:height 0.5s ease-in-out;resize:none;padding:0.5rem 0.5rem 0 0;color:var(--dark, #000000);line-height:1.5rem;white-space:pre-line;word-break:break-word}:host .readonly *{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}:host .icon-close{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem)}:host(.italic) .readonly{font-style:italic}:host(.input-bar){--paragraph-initial-height:var(--spacing-32, 2rem);--textarea-background-color:transparent;--inputbar-background-color:var(--stable-light, #f1f1f1);--input-bar-margin:0 var(--spacing-08, 0.5rem);--input-bar-border-radius:var(--border-radius-16, 1rem);--textarea-inner-padding:var(--spacing-08, 0.5rem) 0;width:100%}:host(.input-bar) p{height:initial;min-height:initial;word-break:break-word;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}:host(.input-bar) .outer-container{-ms-flex-align:center;align-items:center;min-height:var(--textarea-height);margin:var(--input-bar-margin);padding:0 var(--spacing-16, 1rem);background:var(--inputbar-background-color);border-radius:var(--input-bar-border-radius)}:host(.input-bar) p,:host(.input-bar) textarea{padding:var(--textarea-inner-padding);line-height:var(--textarea-line-height);border:none;caret-color:var(--app-color, #5a30f4)}:host(.input-bar) p:focus,:host(.input-bar) textarea:focus{border:none}:host(.ios){-webkit-overflow-scrolling:auto}:host(.history) .readonly{display:-webkit-box;padding:0 !important;line-height:normal;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host(.inline-actions:not(.input-bar)) .outer-container{border:solid 0.0625rem var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.inline-actions:not(.input-bar)) .outer-container p,:host(.inline-actions:not(.input-bar)) .outer-container textarea{border:none}:host([size=small]){--textarea-placeholder-font-size:var(--font-size-14, 0.875rem)}:host([size=medium]) .outer-container textarea{min-height:0.5rem;font-size:var(--font-size-14, 0.875rem);line-height:1.5rem}:host([size=medium]) .outer-container textarea::-webkit-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]) .outer-container textarea:-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]) .outer-container textarea::-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]) .outer-container textarea:-ms-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=large]) .outer-container textarea{min-height:1rem;line-height:2rem}";
@@ -42,7 +42,7 @@ const YooFormTextAreaComponent = class {
     this.sanitizeValue = false;
     this.mentionedUsers = [];
     this.allowLinkUpdate = true;
-    this.updateSegmentsCountDebounce = overlays.debounce(() => this.updateSegmentsCount(), 2000);
+    this.updateSegmentsCountDebounce = index$1.debounce(() => this.updateSegmentsCount(), 2000);
     this.scrollIntoViewOnFocus = false;
   }
   get isRichText() {
@@ -54,7 +54,7 @@ const YooFormTextAreaComponent = class {
     }
     // clean input and sync mention ids when the value is cleared from outside
     if (this.isRichText && !value) {
-      this.inputEl.innerHTML = overlays.replaceAtTagToMentionTag(value, this.mentions);
+      this.inputEl.innerHTML = index$1.replaceAtTagToMentionTag(value, this.mentions);
       this.syncMentionIds();
     }
     else if (!this.isRichText) {
@@ -66,7 +66,7 @@ const YooFormTextAreaComponent = class {
   }
   onKeyboardShown() {
     if (this.scrollIntoViewOnFocus) {
-      overlays.safeScrollIntoView(this.host, null, true);
+      index$1.safeScrollIntoView(this.host, null, true);
       this.scrollIntoViewOnFocus = false;
     }
   }
@@ -106,7 +106,7 @@ const YooFormTextAreaComponent = class {
     }
     else {
       this.setLocalValue();
-      this.inputEl.innerHTML = overlays.replaceAtTagToMentionTag(value, this.mentions);
+      this.inputEl.innerHTML = index$1.replaceAtTagToMentionTag(value, this.mentions);
       this.setFocus();
       const { insertElement } = formTextAreaHelpers.getInsertElementProp(this.host, this.inputEl);
       formTextAreaHelpers.restoreCursorPosition({ element: insertElement, parentElement: this.inputEl });
@@ -126,7 +126,7 @@ const YooFormTextAreaComponent = class {
   componentWillLoad() {
     formInputHelpers.setValidator(this);
     this.value = this.sanitizeInputValue();
-    this.emitValueAndSetValidity = overlays.debounce((value, inputElement, forceNullValidation, validateInput, skipValueAssignment, preventInputChangedEvent) => {
+    this.emitValueAndSetValidity = index$1.debounce((value, inputElement, forceNullValidation, validateInput, skipValueAssignment, preventInputChangedEvent) => {
       formInputHelpers.setValueAndValidateInput(value, inputElement, forceNullValidation, validateInput, skipValueAssignment, preventInputChangedEvent);
       this.validityChanged.emit(this.validity);
     }, this.debounce || 0);
@@ -142,7 +142,7 @@ const YooFormTextAreaComponent = class {
       // block click event when editing the tag
       if (this.inputEl) {
         if (this.value) {
-          this.inputEl.innerHTML = overlays.replaceAtTagToMentionTag(this.value, this.mentions);
+          this.inputEl.innerHTML = index$1.replaceAtTagToMentionTag(this.value, this.mentions);
           this.inputEl.querySelectorAll('yoo-mention-tag').forEach((tag) => (tag.preventUserView = true));
         }
         this.compUpdateListener = this.inputEl.addEventListener('compositionupdate', this.onCompositionUpdate.bind(this));
@@ -158,8 +158,8 @@ const YooFormTextAreaComponent = class {
         this.inputEl.value = this.value;
       }
     }
-    if (overlays.isNativeMobile() && overlays.isIOS()) {
-      overlays.enableKeyboardResize();
+    if (index$1.isNativeMobile() && index$1.isIOS()) {
+      index$1.enableKeyboardResize();
     }
     if (this.autoInitialRows && this.inputEl) {
       const { scrollHeight, clientHeight } = this.inputEl;
@@ -188,7 +188,7 @@ const YooFormTextAreaComponent = class {
     }
   }
   sanitizeInputValue(value = this.value) {
-    return !this.isRichText && this.sanitizeValue ? overlays.sanitizeInputValue(value) : value;
+    return !this.isRichText && this.sanitizeValue ? index$1.sanitizeInputValue(value) : value;
   }
   setTextareaMaxLengh() {
     if (this.maxCharacters && this.inputEl && !this.allowMention && !this.allowCustomInput) {
@@ -254,7 +254,7 @@ const YooFormTextAreaComponent = class {
         setTimeout(() => {
           this.allowLinkUpdate = true;
           const content = this.inputEl.innerHTML || '';
-          const updatedLinks = overlays.updateLinkPreviews(content, this.linkPreviews, (ev === null || ev === void 0 ? void 0 : ev.inputType) === 'deleteContentBackward' || (ev === null || ev === void 0 ? void 0 : ev.key) === 'Backspace');
+          const updatedLinks = index$1.updateLinkPreviews(content, this.linkPreviews, (ev === null || ev === void 0 ? void 0 : ev.inputType) === 'deleteContentBackward' || (ev === null || ev === void 0 ? void 0 : ev.key) === 'Backspace');
           if (updatedLinks === null || updatedLinks === void 0 ? void 0 : updatedLinks.hasChanges) {
             this.linkPreviews = [...updatedLinks.previews];
           }
@@ -268,10 +268,10 @@ const YooFormTextAreaComponent = class {
       return;
     }
     this.inputEl.blur();
-    if (overlays.isNativeMobile() && overlays.Keyboard) {
-      overlays.Keyboard.hide();
+    if (index$1.isNativeMobile() && index$1.Keyboard) {
+      index$1.Keyboard.hide();
     }
-    overlays.getAsyncExtraData({ type: 'mention', params: { otherIds: this.otherIds, mentionConfigs: this.mentionConfigs } }).then((res) => {
+    index$1.getAsyncExtraData({ type: 'mention', params: { otherIds: this.otherIds, mentionConfigs: this.mentionConfigs } }).then((res) => {
       var _a;
       if (res === null || res === void 0 ? void 0 : res.data) {
         this.mentionedUsers = res.data;
@@ -289,8 +289,8 @@ const YooFormTextAreaComponent = class {
             replaceFirstOnly: true
           };
           formTextAreaHelpers.safeInsertElements(insertParams);
-          if (overlays.isNativeMobile() && overlays.Keyboard) {
-            overlays.Keyboard.hide();
+          if (index$1.isNativeMobile() && index$1.Keyboard) {
+            index$1.Keyboard.hide();
           }
           // update mention list
           this.syncMentionIds();
@@ -327,10 +327,10 @@ const YooFormTextAreaComponent = class {
   }
   updateSegmentsCount() {
     if (this.displaySegmentsCount) {
-      const formDynamic = overlays.findParent(this.host, 'yoo-form-dynamic');
+      const formDynamic = index$1.findParent(this.host, 'yoo-form-dynamic');
       if (formDynamic === null || formDynamic === void 0 ? void 0 : formDynamic.getData) {
         return formDynamic.getData().then((data) => {
-          return overlays.getAsyncExtraData({ type: 'sms-segments-count', params: { value: this.value, data } }).then((ret) => {
+          return index$1.getAsyncExtraData({ type: 'sms-segments-count', params: { value: this.value, data } }).then((ret) => {
             this.segmentsCount = ret;
           });
         });
@@ -392,7 +392,7 @@ const YooFormTextAreaComponent = class {
     formInputHelpers.onInputFocused(this, tag);
   }
   renderSegmentsCount() {
-    return this.displaySegmentsCount && this.segmentsCount >= 0 && index.h("div", { class: "segments-count" }, overlays.translate('SEGMENTS'), ": ", this.segmentsCount.toLocaleString());
+    return this.displaySegmentsCount && this.segmentsCount >= 0 && index.h("div", { class: "segments-count" }, index$1.translate('SEGMENTS'), ": ", this.segmentsCount.toLocaleString());
   }
   renderLinkPreviews() {
     return (index.h("yoo-links-preview", { closeable: true, inline: true, links: this.linkPreviews, showErrors: false, onLinkPreviewChanged: (ev) => this.onLinkPreviewChanged(ev) }));
@@ -405,15 +405,15 @@ const YooFormTextAreaComponent = class {
     ];
   }
   renderTextArea() {
-    const hasValue = !overlays.isNullOrUndefined(this.value) && this.value !== '';
+    const hasValue = !index$1.isNullOrUndefined(this.value) && this.value !== '';
     return [
       index.h("textarea", { style: { maxHeight: this.maxRows ? `${this.maxRows * LINE_HEIGHT + PADDING}px` : 'auto' }, ref: (el) => (this.inputEl = el), onClick: (ev) => {
-          if (overlays.isWeb() && overlays.isFirefox()) {
+          if (index$1.isWeb() && index$1.isFirefox()) {
             this.inputEl.focus();
             this.onInputFocused('textarea');
           }
           ev.preventDefault();
-        }, contenteditable: "true", placeholder: overlays.translate(this.placeholder), readonly: this.readonly, rows: this.rows, onBlur: (ev) => formInputHelpers.onInputBlurred(ev, this, 'textarea'), onInput: () => this.onInputChanged(), onFocus: () => this.onInputFocused('textarea'), onKeyPress: (ev) => this.onKeyPress(ev), onKeyDown: (ev) => this.onKeyDown(ev), onTouchStart: (ev) => ev.stopPropagation(), tabindex: this.inputTabIndex }),
+        }, contenteditable: "true", placeholder: index$1.translate(this.placeholder), readonly: this.readonly, rows: this.rows, onBlur: (ev) => formInputHelpers.onInputBlurred(ev, this, 'textarea'), onInput: () => this.onInputChanged(), onFocus: () => this.onInputFocused('textarea'), onKeyPress: (ev) => this.onKeyPress(ev), onKeyDown: (ev) => this.onKeyDown(ev), onTouchStart: (ev) => ev.stopPropagation(), tabindex: this.inputTabIndex }),
       this.clearable && (index.h("div", { class: { 'icon-suffix-focus last icon-close': true }, style: { display: hasValue ? undefined : 'none' }, onClick: () => (hasValue ? this.clearInput() : null) }, index.h("yoo-icon", { size: this.getIconSize(), name: "cross" })))
     ];
   }
@@ -421,13 +421,13 @@ const YooFormTextAreaComponent = class {
     var _a;
     return [
       index.h("div", { class: "outer-container" }, index.h("div", { class: "inner-container" }, this.isRichText ? this.renderMentionContainer() : this.renderTextArea(), index.h("slot", { name: "placeholder" })), index.h("slot", { name: "right" }), ((_a = this.inlineActions) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
-        this.inlineActions.map((action) => (index.h("yoo-tooltip", { content: overlays.translate(action.text), placement: "top" }, index.h("div", { class: "icon-suffix", onClick: () => action.handler() }, index.h("yoo-icon", { name: action.icon, color: action.iconColor })))))),
+        this.inlineActions.map((action) => (index.h("yoo-tooltip", { content: index$1.translate(action.text), placement: "top" }, index.h("div", { class: "icon-suffix", onClick: () => action.handler() }, index.h("yoo-icon", { name: action.icon, color: action.iconColor })))))),
       this.renderSegmentsCount(),
       this.allowLinkPreview && this.renderLinkPreviews()
     ];
   }
   renderReadonly() {
-    return index.h("div", { class: "readonly", innerHTML: overlays.translateMulti(this.value) });
+    return index.h("div", { class: "readonly", innerHTML: index$1.translateMulti(this.value) });
   }
   render() {
     return index.h(index.Host, { class: { ...commonHelpers.getAppContext(this.host), 'inline-actions': true, 'swiper-no-swiping': true } }, this.readonly ? this.renderReadonly() : this.renderEditable());

package/dist/cjs/yoo-form-text-editor.cjs.entry.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$5 = require('./index-9ca0e46c.js');
+const index$6 = require('./index-9ca0e46c.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$5 = require('./index-4cdf7949.js');
 const bufferEs6 = require('./buffer-es6-524a1541.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const entitiesHelpers = require('./entities-helpers-90284497.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const formTextAreaHelpers = require('./form-text-area-helpers-8cf04c81.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const entitiesHelpers = require('./entities-helpers-2548b307.js');
+const formInputHelpers = require('./form-input-helpers-fb275467.js');
+const formTextAreaHelpers = require('./form-text-area-helpers-bfc349a9.js');
 const shadowDomHelper = require('./shadow-dom-helper-292b05ce.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 
 var froala_editor_min = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 /*!
@@ -16433,8 +16433,8 @@ class CssSyntaxError extends Error {
 
     let css = this.source;
     if (color == null) color = picocolors_browser.isColorSupported;
-    if (overlays.require$$2) {
-      if (color) css = overlays.require$$2(css);
+    if (index$5.require$$2) {
+      if (color) css = index$5.require$$2(css);
     }
 
     let lines = css.split(/\r?\n/);
@@ -17291,9 +17291,9 @@ const nonSecure = /*#__PURE__*/Object.freeze({
 
 'use strict';
 
-let { SourceMapConsumer: SourceMapConsumer$2, SourceMapGenerator: SourceMapGenerator$2 } = overlays.require$$2;
-let { existsSync, readFileSync } = overlays.require$$2;
-let { dirname: dirname$1, join } = overlays.require$$2;
+let { SourceMapConsumer: SourceMapConsumer$2, SourceMapGenerator: SourceMapGenerator$2 } = index$5.require$$2;
+let { existsSync, readFileSync } = index$5.require$$2;
+let { dirname: dirname$1, join } = index$5.require$$2;
 
 function fromBase64(str) {
   if (bufferEs6.Buffer) {
@@ -17436,9 +17436,9 @@ const require$$3 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(nonSecure
 
 'use strict';
 
-let { SourceMapConsumer: SourceMapConsumer$1, SourceMapGenerator: SourceMapGenerator$1 } = overlays.require$$2;
-let { fileURLToPath, pathToFileURL: pathToFileURL$1 } = overlays.require$$2;
-let { resolve: resolve$1, isAbsolute } = overlays.require$$2;
+let { SourceMapConsumer: SourceMapConsumer$1, SourceMapGenerator: SourceMapGenerator$1 } = index$5.require$$2;
+let { fileURLToPath, pathToFileURL: pathToFileURL$1 } = index$5.require$$2;
+let { resolve: resolve$1, isAbsolute } = index$5.require$$2;
 let { nanoid } = require$$3;
 
 
@@ -17679,15 +17679,15 @@ class Input {
 var input = Input;
 Input.default = Input;
 
-if (overlays.require$$2 && overlays.require$$2.registerInput) {
-  overlays.require$$2.registerInput(Input);
+if (index$5.require$$2 && index$5.require$$2.registerInput) {
+  index$5.require$$2.registerInput(Input);
 }
 
 'use strict';
 
-let { SourceMapConsumer, SourceMapGenerator } = overlays.require$$2;
-let { dirname, resolve, relative, sep } = overlays.require$$2;
-let { pathToFileURL } = overlays.require$$2;
+let { SourceMapConsumer, SourceMapGenerator } = index$5.require$$2;
+let { dirname, resolve, relative, sep } = index$5.require$$2;
+let { pathToFileURL } = index$5.require$$2;
 
 
 
@@ -20536,7 +20536,7 @@ postcss.plugin = function plugin(name, initializer) {
           ': postcss.plugin was deprecated. Migration guide:\n' +
           'https://evilmartians.com/chronicles/postcss-8-plugin-migration'
       );
-      if (overlays.process_1.env.LANG && overlays.process_1.env.LANG.startsWith('cn')) {
+      if (index$5.process_1.env.LANG && index$5.process_1.env.LANG.startsWith('cn')) {
         /* c8 ignore next 7 */
         // eslint-disable-next-line no-console
         console.warn(
@@ -21443,14 +21443,14 @@ const formTextEditorCss = "svg.sc-yoo-form-text-editor:not(:root){overflow:hidde
 
 const YooFormTextEditorComponent = class {
   constructor(hostRef) {
-    index$5.registerInstance(this, hostRef);
-    this.validityChanged = index$5.createEvent(this, "validityChanged", 7);
-    this.inputBlurred = index$5.createEvent(this, "inputBlurred", 7);
-    this.inputFocused = index$5.createEvent(this, "inputFocused", 7);
-    this.inputChanged = index$5.createEvent(this, "inputChanged", 7);
-    this.linkPreviewChanged = index$5.createEvent(this, "linkPreviewChanged", 7);
-    this.mentionsChanged = index$5.createEvent(this, "mentionsChanged", 7);
-    this.translationValueUpdated = index$5.createEvent(this, "translationValueUpdated", 7);
+    index$6.registerInstance(this, hostRef);
+    this.validityChanged = index$6.createEvent(this, "validityChanged", 7);
+    this.inputBlurred = index$6.createEvent(this, "inputBlurred", 7);
+    this.inputFocused = index$6.createEvent(this, "inputFocused", 7);
+    this.inputChanged = index$6.createEvent(this, "inputChanged", 7);
+    this.linkPreviewChanged = index$6.createEvent(this, "linkPreviewChanged", 7);
+    this.mentionsChanged = index$6.createEvent(this, "mentionsChanged", 7);
+    this.translationValueUpdated = index$6.createEvent(this, "translationValueUpdated", 7);
     this.validators = [];
     this.placeholder = 'TYPESOMETHING';
     this.linkPreviews = [];
@@ -21458,7 +21458,7 @@ const YooFormTextEditorComponent = class {
     this.allowLinkPreview = false;
     this.resetHtml = false;
     this.reloadText = false;
-    this.customZIndex = overlays.MODAL_BASE_ZINDEX;
+    this.customZIndex = index$5.MODAL_BASE_ZINDEX;
     this.charCounter = 0;
     this.mentionedUsers = [];
     // the event "contentChanged" is not fired before hitting 'Enter' once,
@@ -21510,9 +21510,9 @@ const YooFormTextEditorComponent = class {
     }
   }
   componentWillLoad() {
-    this.editorId = 'text-editor-' + overlays.getUUID();
+    this.editorId = 'text-editor-' + index$5.getUUID();
     this.setLocalValue();
-    this.emitValueAndSetValidity = overlays.debounce((value, inputElement, forceNullValidation, validateInput, skipValueAssignment, preventInputChangedEvent) => {
+    this.emitValueAndSetValidity = index$5.debounce((value, inputElement, forceNullValidation, validateInput, skipValueAssignment, preventInputChangedEvent) => {
       formInputHelpers.setValueAndValidateInput(value, inputElement, forceNullValidation, validateInput, skipValueAssignment, preventInputChangedEvent);
       this.validityChanged.emit(this.validity);
     }, this.debounce || 0);
@@ -21558,7 +21558,7 @@ const YooFormTextEditorComponent = class {
   }
   async loadEditor() {
     if (!this.readonly && this.containerEl && !this.editor) {
-      this.slotName = overlays.getUUID();
+      this.slotName = index$5.getUUID();
       this.initExtraOptions();
       if (!this.isFullscreen) {
         shadowDomHelper.destroyMountPoints(this.shadowHosts, this.mount, this.slotName);
@@ -21572,7 +21572,7 @@ const YooFormTextEditorComponent = class {
             try {
               this.editor.html.set(this.value);
               if (this.allowMention) {
-                this.editor.el.innerHTML = overlays.replaceAtTagToMentionTag(this.value, this.mentions);
+                this.editor.el.innerHTML = index$5.replaceAtTagToMentionTag(this.value, this.mentions);
               }
               this.updateCharCounter();
             }
@@ -21594,15 +21594,15 @@ const YooFormTextEditorComponent = class {
   async getFroalaOptions() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     const maxFileUploadSize = 1024 * 1024 * 200; // 200MB
-    const session = overlays.getSession();
-    const baseUploadURL = await overlays.getAsyncExtraData({ type: 'upload-api' });
+    const session = index$5.getSession();
+    const baseUploadURL = await index$5.getAsyncExtraData({ type: 'upload-api' });
     const hasTenantColors = !!((_b = (_a = session === null || session === void 0 ? void 0 : session.tenant) === null || _a === void 0 ? void 0 : _a.rteColors) === null || _b === void 0 ? void 0 : _b.length);
-    const customFontFamily = ((_c = overlays.getCustomApp()) === null || _c === void 0 ? void 0 : _c.fontFamily) || ((_d = session === null || session === void 0 ? void 0 : session.tenant) === null || _d === void 0 ? void 0 : _d.fontFamily);
-    const customFontFamilys = ((_g = (_f = (_e = overlays.getCustomApp()) === null || _e === void 0 ? void 0 : _e.fontFamilyCDNs) === null || _f === void 0 ? void 0 : _f.filter((v) => (v === null || v === void 0 ? void 0 : v.length) > 0 && lodash.isString[v[0]])) === null || _g === void 0 ? void 0 : _g.length) > 0 ? (_h = overlays.getCustomApp()) === null || _h === void 0 ? void 0 : _h.fontFamilyCDNs : (_j = session === null || session === void 0 ? void 0 : session.tenant) === null || _j === void 0 ? void 0 : _j.fontFamilyCDNs;
+    const customFontFamily = ((_c = index$5.getCustomApp()) === null || _c === void 0 ? void 0 : _c.fontFamily) || ((_d = session === null || session === void 0 ? void 0 : session.tenant) === null || _d === void 0 ? void 0 : _d.fontFamily);
+    const customFontFamilys = ((_g = (_f = (_e = index$5.getCustomApp()) === null || _e === void 0 ? void 0 : _e.fontFamilyCDNs) === null || _f === void 0 ? void 0 : _f.filter((v) => (v === null || v === void 0 ? void 0 : v.length) > 0 && lodash.isString[v[0]])) === null || _g === void 0 ? void 0 : _g.length) > 0 ? (_h = index$5.getCustomApp()) === null || _h === void 0 ? void 0 : _h.fontFamilyCDNs : (_j = session === null || session === void 0 ? void 0 : session.tenant) === null || _j === void 0 ? void 0 : _j.fontFamilyCDNs;
     return {
       key: 'vYA6mB4F4H5B3H4A10dNSWXf1h1MDb1CF1PLPFf1C1EESFKVlA3C11A8D6D2C4E4G2C3H3==',
       theme: 'royal',
-      placeholderText: overlays.translate(this.placeholder),
+      placeholderText: index$5.translate(this.placeholder),
       toolbarSticky: false,
       requestHeaders: { Authorization: 'Bearer ' + (session === null || session === void 0 ? void 0 : session.token) },
       heightMax: this.isFullscreen ? '100%' : this.maxHeight || 500,
@@ -21612,7 +21612,7 @@ const YooFormTextEditorComponent = class {
       imageUploadURL: `${baseUploadURL}/cloudinary/upload?ngsw-bypass=true`,
       imageUploadMethod: 'POST',
       imageMaxSize: maxFileUploadSize,
-      imageAllowedTypes: overlays.images,
+      imageAllowedTypes: index$5.images,
       videoResponsive: true,
       htmlAllowedEmptyTags: ['textarea', 'a', 'g', 'defs', 'use', 'symbol', 'video', 'image', 'pattern', 'iframe', 'object', 'video', 'style', 'script', '.fa', 'span', 'p', 'path', 'line'],
       htmlAllowedTags: ['.*'],
@@ -21622,7 +21622,7 @@ const YooFormTextEditorComponent = class {
       videoUploadURL: `${baseUploadURL}/cloudinary/upload`,
       videoUploadMethod: 'POST',
       videoMaxSize: maxFileUploadSize,
-      videoAllowedTypes: overlays.videos,
+      videoAllowedTypes: index$5.videos,
       videoSplitHTML: true,
       videoTextNear: true,
       enter: froala_editor_min.ENTER_DIV,
@@ -21634,17 +21634,17 @@ const YooFormTextEditorComponent = class {
       linkInsertButtons: ['linkBack'],
       pastePlain: false,
       zIndex: this.customZIndex,
-      quickInsertEnabled: overlays.isWeb(this.host),
+      quickInsertEnabled: index$5.isWeb(this.host),
       quickInsertButtons: lodash.compact(['yooUploadButtonQuick', 'yooDocumentImporterButtonQuick', 'yooNoTranslateButtonQuick', 'image', 'video', 'table', 'ul', 'ol', 'hr', 'emoticons', 'yooTemplateQuick']),
       quickInsertTags: ['', 'p', 'div', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'pre', 'blockquote', 'br'],
-      colorsBackground: hasTenantColors ? (_k = session === null || session === void 0 ? void 0 : session.tenant) === null || _k === void 0 ? void 0 : _k.rteColors : overlays.getColorSwatches(),
-      colorsText: hasTenantColors ? (_l = session === null || session === void 0 ? void 0 : session.tenant) === null || _l === void 0 ? void 0 : _l.rteColors : overlays.getColorSwatches(),
+      colorsBackground: hasTenantColors ? (_k = session === null || session === void 0 ? void 0 : session.tenant) === null || _k === void 0 ? void 0 : _k.rteColors : index$5.getColorSwatches(),
+      colorsText: hasTenantColors ? (_l = session === null || session === void 0 ? void 0 : session.tenant) === null || _l === void 0 ? void 0 : _l.rteColors : index$5.getColorSwatches(),
       lineHeights: {
-        [overlays.translate('LINEHEIGHTDEFAULT')]: '',
-        [overlays.translate('LINEHEIGHTSINGLE')]: '1',
-        [overlays.translate('LINEHEIGHT115')]: '1.15',
-        [overlays.translate('LINEHEIGHT15')]: '1.5',
-        [overlays.translate('LINEHEIGHTDOUBLE')]: '2'
+        [index$5.translate('LINEHEIGHTDEFAULT')]: '',
+        [index$5.translate('LINEHEIGHTSINGLE')]: '1',
+        [index$5.translate('LINEHEIGHT115')]: '1.15',
+        [index$5.translate('LINEHEIGHT15')]: '1.5',
+        [index$5.translate('LINEHEIGHTDOUBLE')]: '2'
       },
       fontSizeDefaultSelection: '16',
       fontSize: ['8', '9', '10', '11', '12', '14', '16', '18', '20', '22', '24', '30', '36', '48', '60', '72', '96'],
@@ -21664,14 +21664,14 @@ const YooFormTextEditorComponent = class {
       toolbarInline: false,
       toolbarButtons: {
         moreRich: {
-          buttons: lodash.compact([overlays.isWeb(this.host) ? 'yooUploadButton' : null, 'yooDocumentImporterButton', 'yooNoTranslate', 'emoticons', 'insertImage', 'insertVideo', 'insertTable', 'insertLink', 'specialCharacters', 'insertFile', 'insertHR']),
+          buttons: lodash.compact([index$5.isWeb(this.host) ? 'yooUploadButton' : null, 'yooDocumentImporterButton', 'yooNoTranslate', 'emoticons', 'insertImage', 'insertVideo', 'insertTable', 'insertLink', 'specialCharacters', 'insertFile', 'insertHR']),
           align: 'left',
-          buttonsVisible: this.isFullscreen && overlays.isWeb(this.host) ? 7 : 2
+          buttonsVisible: this.isFullscreen && index$5.isWeb(this.host) ? 7 : 2
         },
         moreText: {
           buttons: ['bold', 'italic', 'underline', 'textColor', 'backgroundColor', 'strikeThrough', 'subscript', 'superscript', 'fontFamily', 'fontSize', 'clearFormatting'],
           align: 'left',
-          buttonsVisible: this.isFullscreen && overlays.isWeb(this.host) ? 5 : 1
+          buttonsVisible: this.isFullscreen && index$5.isWeb(this.host) ? 5 : 1
         },
         moreParagraph: {
           buttons: [
@@ -21689,13 +21689,13 @@ const YooFormTextEditorComponent = class {
             'quote'
           ],
           align: 'left',
-          buttonsVisible: this.isFullscreen && overlays.isWeb(this.host) ? 4 : 2
+          buttonsVisible: this.isFullscreen && index$5.isWeb(this.host) ? 4 : 2
         },
         moreMisc: {
           buttons: lodash.compact([
             this.isFullscreen ? null : this.getFullScreenButtonId(),
             this.isFullscreen ? 'yooFullscreenClose' : null,
-            overlays.isWeb(this.host) ? 'yooTemplate' : null,
+            index$5.isWeb(this.host) ? 'yooTemplate' : null,
             'undo',
             'redo',
             'spellChecker',
@@ -21704,7 +21704,7 @@ const YooFormTextEditorComponent = class {
             'help'
           ]),
           align: 'right',
-          buttonsVisible: this.isFullscreen && overlays.isWeb(this.host) ? 7 : 1
+          buttonsVisible: this.isFullscreen && index$5.isWeb(this.host) ? 7 : 1
         }
       },
       fullPage: false,
@@ -21764,8 +21764,8 @@ const YooFormTextEditorComponent = class {
               // first missing poster for cloudinary src
               if (((_a = video === null || video === void 0 ? void 0 : video.firstElementChild) === null || _a === void 0 ? void 0 : _a.tagName) === 'VIDEO') {
                 const innerVideo = video.firstElementChild;
-                if (!innerVideo.poster && overlays.isCloudinaryLink(innerVideo.src)) {
-                  innerVideo.poster = overlays.getVideoPoster(innerVideo.src);
+                if (!innerVideo.poster && index$5.isCloudinaryLink(innerVideo.src)) {
+                  innerVideo.poster = index$5.getVideoPoster(innerVideo.src);
                 }
               }
               // Workaround to make video appears
@@ -21795,21 +21795,21 @@ const YooFormTextEditorComponent = class {
     froala_editor_min.DefineIcon('yooFullscreenIcon', { NAME: 'maximize-web', template: 'yoo-icon-small' });
     froala_editor_min.DefineIcon('yooFullscreenCloseIcon', { NAME: 'minimize-web', template: 'yoo-icon-small' });
     const yooUploadButtonOptions = {
-      title: overlays.translate('UPLOADMANAGER'),
+      title: index$5.translate('UPLOADMANAGER'),
       icon: 'yooUploadIcon',
       callback: function () {
         this.selection.save();
-        overlays.getAsyncExtraData({ type: 'file-uploader', params: { fileFormat: true } }).then((ret) => {
+        index$5.getAsyncExtraData({ type: 'file-uploader', params: { fileFormat: true } }).then((ret) => {
           var _a;
           (_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.forEach((res) => {
             const { _filename } = res;
             const url = (res === null || res === void 0 ? void 0 : res._downloadURL) || (res === null || res === void 0 ? void 0 : res.embed_url) || (res === null || res === void 0 ? void 0 : res.url) || res.value;
             this.selection.restore();
-            if (overlays.isVideo(url)) {
-              const html = `<br><span contenteditable="false" draggable="true" class="fr-video fr-dvb fr-draggable fr-active"><video height="230px" class="fr-draggable" width="100%" poster='${overlays.getVideoPoster(url)}' controls src="${url}" /></span><br>`;
+            if (index$5.isVideo(url)) {
+              const html = `<br><span contenteditable="false" draggable="true" class="fr-video fr-dvb fr-draggable fr-active"><video height="230px" class="fr-draggable" width="100%" poster='${index$5.getVideoPoster(url)}' controls src="${url}" /></span><br>`;
               this.html.insert(html);
             }
-            else if (overlays.isImageUrl(url)) {
+            else if (index$5.isImageUrl(url)) {
               this.image.insert(url);
             }
             else {
@@ -21825,7 +21825,7 @@ const YooFormTextEditorComponent = class {
     froala_editor_min.RegisterCommand('yooUploadButton', yooUploadButtonOptions);
     froala_editor_min.RegisterQuickInsertButton('yooUploadButtonQuick', { ...yooUploadButtonOptions, icon: 'yooUploadIconMedium' });
     const yooNoTranslateButtonOptions = {
-      title: overlays.translate('YOOBICNOTRANSLATE'),
+      title: index$5.translate('YOOBICNOTRANSLATE'),
       icon: 'yooNoTranslateIcon',
       callback: function () {
         this.format.toggle('span', { class: 'notranslate' });
@@ -21834,11 +21834,11 @@ const YooFormTextEditorComponent = class {
     froala_editor_min.RegisterCommand('yooNoTranslate', yooNoTranslateButtonOptions);
     froala_editor_min.RegisterQuickInsertButton('yooNoTranslateButtonQuick', { ...yooNoTranslateButtonOptions, icon: 'yooNoTranslateIconMedium' });
     const yooDocumentImporterButtonOptions = {
-      title: overlays.translate('DOCUMENTIMPORTER'),
+      title: index$5.translate('DOCUMENTIMPORTER'),
       icon: 'yooDocumentImporterIcon',
       callback: async function () {
         this.selection.save();
-        const ret = await overlays.getAsyncExtraData({ type: 'document-importer' });
+        const ret = await index$5.getAsyncExtraData({ type: 'document-importer' });
         if (!ret) {
           return;
         }
@@ -21852,7 +21852,7 @@ const YooFormTextEditorComponent = class {
               setTimeout(() => resolve(r.link), 1000);
             });
           });
-          await overlays.asyncWaterfall(promises);
+          await index$5.asyncWaterfall(promises);
         }
         else {
           this.html.insert(ret);
@@ -21863,7 +21863,7 @@ const YooFormTextEditorComponent = class {
     froala_editor_min.RegisterCommand('yooDocumentImporterButton', yooDocumentImporterButtonOptions);
     froala_editor_min.RegisterQuickInsertButton('yooDocumentImporterButtonQuick', { ...yooDocumentImporterButtonOptions, icon: 'yooDocumentImporterIconMedium' });
     const yooTemplateOptions = {
-      title: overlays.translate('HTMLTEMPLATES'),
+      title: index$5.translate('HTMLTEMPLATES'),
       icon: 'yooTemplateIcon',
       callback: () => {
         var _a, _b, _c, _d, _e;
@@ -21875,7 +21875,7 @@ const YooFormTextEditorComponent = class {
         const selection = (_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.html) === null || _b === void 0 ? void 0 : _b.getSelected();
         const isSelectionRange = ((_e = (_d = (_c = this.editor) === null || _c === void 0 ? void 0 : _c.selection) === null || _d === void 0 ? void 0 : _d.get()) === null || _e === void 0 ? void 0 : _e.type) === 'Range';
         if ((selection === null || selection === void 0 ? void 0 : selection.length) > 0 && isSelectionRange) {
-          overlays.showContextMenu({ pageX: (rect === null || rect === void 0 ? void 0 : rect.left) || this.host.offsetLeft, pageY: (rect === null || rect === void 0 ? void 0 : rect.top) + 30 || this.host.offsetTop }, {
+          index$5.showContextMenu({ pageX: (rect === null || rect === void 0 ? void 0 : rect.left) || this.host.offsetLeft, pageY: (rect === null || rect === void 0 ? void 0 : rect.top) + 30 || this.host.offsetTop }, {
             multipleSelection: false,
             contentButtons: lodash.compact([
               {
@@ -21902,7 +21902,7 @@ const YooFormTextEditorComponent = class {
     froala_editor_min.RegisterCommand('yooTemplate', yooTemplateOptions);
     froala_editor_min.RegisterQuickInsertButton('yooTemplateQuick', { ...yooTemplateOptions, icon: 'yooTemplateIconMedium' });
     froala_editor_min.RegisterCommand(this.getFullScreenButtonId(), {
-      title: overlays.translate('MAXIMIZE'),
+      title: index$5.translate('MAXIMIZE'),
       icon: 'yooFullscreenIcon',
       callback: () => {
         const textEditor = document.createElement('yoo-form-text-editor');
@@ -21920,7 +21920,7 @@ const YooFormTextEditorComponent = class {
         textEditor.formatAmpersandSymbol = this.formatAmpersandSymbol;
         textEditor.allowLinkPreview = this.allowLinkPreview;
         textEditor.isFullscreen = true;
-        overlays.showModal(textEditor, null, 'fullscreen no-fade-in', overlays.isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', overlays.isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation').then((ret) => {
+        index$5.showModal(textEditor, null, 'fullscreen no-fade-in', index$5.isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', index$5.isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation').then((ret) => {
           if (ret && ret.data) {
             this.value = ret.data;
             this.forceResetHTML = true;
@@ -21932,13 +21932,13 @@ const YooFormTextEditorComponent = class {
       }
     });
     froala_editor_min.RegisterCommand('yooFullscreenClose', {
-      title: overlays.translate('MINIMIZE'),
+      title: index$5.translate('MINIMIZE'),
       icon: 'yooFullscreenCloseIcon',
-      callback: () => overlays.closeModal(this.value)
+      callback: () => index$5.closeModal(this.value)
     });
   }
   importHTMLTemplate() {
-    overlays.getAsyncExtraData({
+    index$5.getAsyncExtraData({
       type: 'htmltemplate-get'
     }).then((ret) => {
       var _a;
@@ -21954,7 +21954,7 @@ const YooFormTextEditorComponent = class {
   saveHTMLTemplate() {
     var _a, _b;
     const selection = (_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.html) === null || _b === void 0 ? void 0 : _b.getSelected();
-    overlays.getAsyncExtraData({
+    index$5.getAsyncExtraData({
       type: 'htmltemplate-save',
       params: {
         value: selection
@@ -21966,7 +21966,7 @@ const YooFormTextEditorComponent = class {
     this.charCounter = ((_a = this.editor.html.get()) === null || _a === void 0 ? void 0 : _a.length) || 0;
   }
   getLocale() {
-    const currentLangage = overlays.getCurrentLanguage() || 'en';
+    const currentLangage = index$5.getCurrentLanguage() || 'en';
     switch (currentLangage) {
       case 'key':
       case 'en':
@@ -22047,7 +22047,7 @@ const YooFormTextEditorComponent = class {
         var _a, _b;
         this.allowLinkUpdate = true;
         const content = ((_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.html) === null || _b === void 0 ? void 0 : _b.get()) || '';
-        const updatedLinks = overlays.updateLinkPreviews(content, this.linkPreviews, (ev === null || ev === void 0 ? void 0 : ev.inputType) === 'deleteContentBackward' || (ev === null || ev === void 0 ? void 0 : ev.key) === 'Backspace');
+        const updatedLinks = index$5.updateLinkPreviews(content, this.linkPreviews, (ev === null || ev === void 0 ? void 0 : ev.inputType) === 'deleteContentBackward' || (ev === null || ev === void 0 ? void 0 : ev.key) === 'Backspace');
         if (updatedLinks === null || updatedLinks === void 0 ? void 0 : updatedLinks.hasChanges) {
           this.linkPreviews = [...updatedLinks.previews];
         }
@@ -22057,7 +22057,7 @@ const YooFormTextEditorComponent = class {
   handleMentionInput(offset, insertElement) {
     var _a;
     (_a = this.editor) === null || _a === void 0 ? void 0 : _a.el.blur();
-    overlays.getAsyncExtraData({ type: 'mention', params: { otherIds: this.otherIds, mentionConfigs: this.mentionConfigs } }).then((res) => {
+    index$5.getAsyncExtraData({ type: 'mention', params: { otherIds: this.otherIds, mentionConfigs: this.mentionConfigs } }).then((res) => {
       var _a, _b, _c, _d;
       if (res === null || res === void 0 ? void 0 : res.data) {
         this.mentionedUsers = res.data;
@@ -22129,9 +22129,9 @@ const YooFormTextEditorComponent = class {
     }
   }
   render() {
-    return (index$5.h(index$5.Host, { class: { link: this.allowLinkPreview, ...commonHelpers.getAppContext(this.host) } }, this.readonly && index$5.h("div", { class: "readonly fr-view", innerHTML: overlays.translateMulti(this.value) || '' }), !this.readonly && index$5.h("div", { class: { container: true, fullscreen: this.isFullscreen }, ref: (el) => (this.containerEl = el) }), !this.readonly && this.allowLinkPreview && (index$5.h("yoo-links-preview", { closeable: true, inline: true, links: this.linkPreviews, showErrors: false, onLinkPreviewChanged: (ev) => this.updateLinkPreviews(ev) })), !this.readonly && index$5.h("div", { class: "char-counter" }, `${this.charCounter} ${overlays.translate('YOOBICCHARACTERS').toLocaleLowerCase()}`)));
+    return (index$6.h(index$6.Host, { class: { link: this.allowLinkPreview, ...commonHelpers.getAppContext(this.host) } }, this.readonly && index$6.h("div", { class: "readonly fr-view", innerHTML: index$5.translateMulti(this.value) || '' }), !this.readonly && index$6.h("div", { class: { container: true, fullscreen: this.isFullscreen }, ref: (el) => (this.containerEl = el) }), !this.readonly && this.allowLinkPreview && (index$6.h("yoo-links-preview", { closeable: true, inline: true, links: this.linkPreviews, showErrors: false, onLinkPreviewChanged: (ev) => this.updateLinkPreviews(ev) })), !this.readonly && index$6.h("div", { class: "char-counter" }, `${this.charCounter} ${index$5.translate('YOOBICCHARACTERS').toLocaleLowerCase()}`)));
   }
-  get host() { return index$5.getElement(this); }
+  get host() { return index$6.getElement(this); }
   static get watchers() { return {
     "value": ["onValueChange"],
     "readonly": ["onReadonlyChanged"],