@yoobic/yobi 8.5.0-32 → 8.5.0-34

package/dist/cjs/yoo-web-menu.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-d23da915.js');
-const commonHelpers = require('./common-helpers-eef55d89.js');
-const overlays = require('./overlays-16c90c34.js');
+require('./index-95f4392b.js');
+const commonHelpers = require('./common-helpers-3654a19e.js');
+const overlays = require('./overlays-16c0e214.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-webcam.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-d23da915.js');
-const overlays = require('./overlays-16c90c34.js');
+require('./index-95f4392b.js');
+const overlays = require('./overlays-16c0e214.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-welcome-banner.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-d23da915.js');
-const commonHelpers = require('./common-helpers-eef55d89.js');
-const overlays = require('./overlays-16c90c34.js');
+require('./index-95f4392b.js');
+const commonHelpers = require('./common-helpers-3654a19e.js');
+const overlays = require('./overlays-16c0e214.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-widget-chart.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-d23da915.js');
+require('./index-95f4392b.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-16c90c34.js');
+const overlays = require('./overlays-16c0e214.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-widget-small-size.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-d23da915.js');
-const overlays = require('./overlays-16c90c34.js');
+require('./index-95f4392b.js');
+const overlays = require('./overlays-16c0e214.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-widget-tab.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-d23da915.js');
+require('./index-95f4392b.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-16c90c34.js');
+const overlays = require('./overlays-16c0e214.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-widget-tile.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-d23da915.js');
-const overlays = require('./overlays-16c90c34.js');
+require('./index-95f4392b.js');
+const overlays = require('./overlays-16c0e214.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-workflow-state-dialog.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-d23da915.js');
-const overlays = require('./overlays-16c90c34.js');
+require('./index-95f4392b.js');
+const overlays = require('./overlays-16c0e214.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-workflow-state.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-d23da915.js');
+require('./index-95f4392b.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-16c90c34.js');
+const overlays = require('./overlays-16c0e214.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-workflow.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-d23da915.js');
+require('./index-95f4392b.js');
 const lodash = require('./lodash-72d493b9.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-eef55d89.js');
+const commonHelpers = require('./common-helpers-3654a19e.js');
 const index$3 = require('./index-46d2ba10.js');
-const index$1 = require('./index-b3776014.js');
+const index$1 = require('./index-ecb24a5f.js');
 const index$2 = require('./index-9c56868f.js');
-const overlays = require('./overlays-16c90c34.js');
+const overlays = require('./overlays-16c0e214.js');
 require('./index-5da3d711.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-zebra.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const overlays = require('./overlays-16c90c34.js');
-require('./index-d23da915.js');
+const overlays = require('./overlays-16c0e214.js');
+require('./index-95f4392b.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-zoom.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-d23da915.js');
+require('./index-95f4392b.js');
 const lodash = require('./lodash-72d493b9.js');
 const annotationsHelpers = require('./annotations-helpers-fb554cca.js');
 const hammerHelpers = require('./hammer-helpers-e8117959.js');
-const overlays = require('./overlays-16c90c34.js');
+const overlays = require('./overlays-16c0e214.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-5da3d711.js');
 

package/dist/collection/components/2.molecules/accordion/accordion.js

@@ -191,7 +191,7 @@ export class YooAccordionComponent {
           'active-title': item.selected,
           'active-title-sub': this.isSubMenu,
           'selected-handler-item': item.selected && !isNullOrUndefined(item.handler)
-        }, onClick: () => this.onAccordionClick(item, index) }, h("div", { class: "left-container" }, this.iconPairLeft && !masterTitle && this.renderIconPair(item, this.iconPairLeft), !!item.notif && !isNumber(item.notif) && h("yoo-badge", { class: "dot", shape: "dot" }), item.icon && h("yoo-icon", { name: item.icon, color: item.selected && !isNullOrUndefined(item.handler) ? 'app-color' : item.iconColor || 'text-color' }), h("div", { class: { 'title': true, [item.color || '']: true } }, h("yoo-truncated-line", { tooltipPlacement: "right", content: title })), item.subItemCount > -1 && h("span", { class: "count" }, item.subItemCount)), h("div", { class: "right-container" }, item.isBeta && h("yoo-tag", { innerHTML: translate('BETA'), color: "app-color" }), item.actionButtons && item.actionButtons.length > 0 && this.renderActionButton(item.actionButtons), this.iconPairRight && !item.handler && this.renderIconPair(item, this.iconPairRight), !!item.notif && isNumber(item.notif) && h("yoo-badge", { text: item.notif.toLocaleString() }), ((_a = item.tagElements) === null || _a === void 0 ? void 0 : _a.tooltip) ? (h("yoo-tooltip", { onCloseTooltip: (ev) => this.tooltipClosed.emit(ev === null || ev === void 0 ? void 0 : ev.detail), ...item.tagElements.tooltip }, this.renderTag(item))) : (this.renderTag(item)), h("slot", { name: "header" }))),
+        }, onClick: () => this.onAccordionClick(item, index) }, h("div", { class: "left-container" }, this.iconPairLeft && !masterTitle && this.renderIconPair(item, this.iconPairLeft), !!item.notif && !isNumber(item.notif) && h("yoo-badge", { class: "dot", shape: "dot" }), item.icon && h("yoo-icon", { name: item.icon, color: item.selected && !isNullOrUndefined(item.handler) ? 'app-color' : item.iconColor || 'text-color' }), h("div", { class: { 'title': true, [item.color || '']: true } }, h("yoo-truncated-line", { tooltipPlacement: "right", content: title })), item.subItemCount > -1 && h("span", { class: "count" }, item.subItemCount)), h("div", { class: "right-container" }, item.isBeta && h("yoo-tag", { innerHTML: translate('BETA'), color: "app-color-10" }), item.actionButtons && item.actionButtons.length > 0 && this.renderActionButton(item.actionButtons), this.iconPairRight && !item.handler && this.renderIconPair(item, this.iconPairRight), !!item.notif && isNumber(item.notif) && h("yoo-badge", { text: item.notif.toLocaleString() }), ((_a = item.tagElements) === null || _a === void 0 ? void 0 : _a.tooltip) ? (h("yoo-tooltip", { onCloseTooltip: (ev) => this.tooltipClosed.emit(ev === null || ev === void 0 ? void 0 : ev.detail), ...item.tagElements.tooltip }, this.renderTag(item))) : (this.renderTag(item)), h("slot", { name: "header" }))),
       item.slotName && item.selected && h("slot", { name: item.slotName }),
       masterSearch && (h("yoo-form-input", { class: "search accordion-search", size: "medium", iconPrefix: "search", placeholder: "SEARCH", onInputChanged: (ev) => this.searchInputChanged.emit(ev.detail) }))
     ];

package/dist/collection/components/2.molecules/action-sheet/action-sheet.js

@@ -146,7 +146,7 @@ export class YooActionSheetComponent {
         last: lastIndex && !(button.icon || description),
         [button.textClass || '']: true,
         [button.color || '']: true
-      }, onClick: (ev) => this.onButtonClick(button, ev), ref: (el) => (this.actionClickDivs[index] = el), onTouchStart: () => this.onItemTouchStart(this.actionClickDivs[index]), onTouchEnd: () => this.onItemTouchEnd(this.actionClickDivs[index]) }, button.icon && this.renderButtonIcon(button), h("div", { class: { 'text-container': true, 'icon-no-description': button.icon && !hasDescription, 'icon-description': button.icon && hasDescription } }, button.isBeta ? (h("span", { class: { beta: button.isBeta } }, h("span", { innerHTML: text }), " ", h("yoo-tag", { color: "app-color" }, translate('BETA')))) : (h("span", { innerHTML: text })), description && h("div", { class: "description-container" }, description)), (isNumber(button.notif) || isString(button.notif) || isBoolean(button.notif)) && (h("div", { class: "badge-container" }, h("div", { class: "flex" }), isNumber(button.notif) && button.notif > 0 && h("yoo-badge", { text: button.notif.toLocaleString() }), isString(button.notif) && button.notif.length > 0 && h("yoo-badge", { text: button.notif }), isBoolean(button.notif) && button.notif === true && h("yoo-badge", { shape: "dot", size: "small" }))), button.actionableIcon && (h("yoo-icon", { name: button.actionableIcon.icon, class: { 'right-aligned': true, 'icon-description': hasDescription }, onClick: (ev) => this.onActionableIconClick(ev, button.actionableIcon) }))));
+      }, onClick: (ev) => this.onButtonClick(button, ev), ref: (el) => (this.actionClickDivs[index] = el), onTouchStart: () => this.onItemTouchStart(this.actionClickDivs[index]), onTouchEnd: () => this.onItemTouchEnd(this.actionClickDivs[index]) }, button.icon && this.renderButtonIcon(button), h("div", { class: { 'text-container': true, 'icon-no-description': button.icon && !hasDescription, 'icon-description': button.icon && hasDescription } }, button.isBeta ? (h("span", { class: { beta: button.isBeta } }, h("span", { innerHTML: text }), " ", h("yoo-tag", { color: "app-color-10" }, translate('BETA')))) : (h("span", { innerHTML: text })), description && h("div", { class: "description-container" }, description)), (isNumber(button.notif) || isString(button.notif) || isBoolean(button.notif)) && (h("div", { class: "badge-container" }, h("div", { class: "flex" }), isNumber(button.notif) && button.notif > 0 && h("yoo-badge", { text: button.notif.toLocaleString() }), isString(button.notif) && button.notif.length > 0 && h("yoo-badge", { text: button.notif }), isBoolean(button.notif) && button.notif === true && h("yoo-badge", { shape: "dot", size: "small" }))), button.actionableIcon && (h("yoo-icon", { name: button.actionableIcon.icon, class: { 'right-aligned': true, 'icon-description': hasDescription }, onClick: (ev) => this.onActionableIconClick(ev, button.actionableIcon) }))));
   }
   renderBottomContainer() {
     return (h("div", { class: "bottom-container" }, h("div", { class: "cancel-container", onClick: () => this.closeActionSheet(false, true), ref: (el) => (this.cancelDiv = el), onTouchStart: () => this.onItemTouchStart(this.cancelDiv), onTouchEnd: () => this.onItemTouchEnd(this.cancelDiv) }, translate('CANCEL'))));

package/dist/collection/components/entities/entity/entity.js

@@ -690,7 +690,7 @@ export class YooEntityComponent {
         iconTopLeftColor: creationType.color,
         imgSrc: creationType.imgSrc,
         tagElements: compact([
-          creationType.isBeta ? { innerHTML: translate('BETA'), customColor: getCssColor('app-color') } : null,
+          creationType.isBeta ? { innerHTML: translate('BETA'), customColor: getCssColor('app-color-10') } : null,
           creationType.needsUpgrade ? { innerHTML: translate('NEEDSUPGRADE'), customColor: getCssColor('accent') } : null
         ]),
         tooltip: creationType.needsUpgrade ? creationType.tooltip : null

package/dist/collection/components/form/form-text-editor/form-text-editor.css

@@ -216,6 +216,7 @@ svg:not(:root) {
   border-radius: 0;
 }
 :host .char-counter {
+  margin-top: var(--spacing-04, 0.25rem);
   color: var(--text-color, #807f83);
   font-size: var(--font-size-12, 0.75rem);
   text-align: right;

package/dist/collection/components/form/form-text-editor/form-text-editor.js

@@ -66,6 +66,7 @@ export class YooFormTextEditorComponent {
     this.resetHtml = false;
     this.reloadText = false;
     this.customZIndex = MODAL_BASE_ZINDEX;
+    this.charCounter = 0;
     this.mentionedUsers = [];
     // the event "contentChanged" is not fired before hitting 'Enter' once,
     //  so need to listen to the event 'keydown' first to be aware of any change of the value.
@@ -99,14 +100,7 @@ export class YooFormTextEditorComponent {
     }
   }
   onReadonlyChanged() {
-    setTimeout(() => {
-      if (!this.readonly) {
-        this.loadEditor();
-      }
-      else {
-        this.destroyEditor();
-      }
-    }, 300);
+    setTimeout(() => this.readonly ? this.destroyEditor() : this.loadEditor(), 300);
   }
   onTranslationsChange() {
     this.setLocalValue(true);
@@ -187,6 +181,7 @@ export class YooFormTextEditorComponent {
               if (this.allowMention) {
                 this.editor.el.innerHTML = replaceAtTagToMentionTag(this.value, this.mentions);
               }
+              this.updateCharCounter();
             }
             catch (e) {
               // nothing to do
@@ -324,25 +319,25 @@ export class YooFormTextEditorComponent {
       events: {
         'keydown': (ev) => {
           if ((ev === null || ev === void 0 ? void 0 : ev.key) === 'Backspace') {
-            this.onParagraphInputChanged(ev === null || ev === void 0 ? void 0 : ev.originalEvent);
+            this.handleParagraphInput(ev === null || ev === void 0 ? void 0 : ev.originalEvent);
           }
         },
         // eslint-disable-next-line @typescript-eslint/naming-convention
         'paste.after': (ev) => {
-          this.onHandleLinkReplace(ev);
+          this.updateLinks(ev);
         },
         'input': (ev) => {
-          this.onParagraphInputChanged(ev === null || ev === void 0 ? void 0 : ev.originalEvent);
+          this.handleParagraphInput(ev === null || ev === void 0 ? void 0 : ev.originalEvent);
           // the event "contentChanged" is not fired before hitting 'Enter' once,
           //  so need to listen to the event 'keydown' first to be aware of any change of the value.
           if (!this.wasContentChangedFired) {
-            this.onSaveTextEditorValue();
+            this.saveTextEditorValue();
           }
         },
         'contentChanged': () => {
           this.wasContentChangedFired = true;
-          this.onUpdateCharCounter();
-          this.onSaveTextEditorValue();
+          this.updateCharCounter();
+          this.saveTextEditorValue();
         },
         // eslint-disable-next-line @typescript-eslint/naming-convention
         'paste.beforeCleanup': function (clipboardHtml) {
@@ -493,13 +488,13 @@ export class YooFormTextEditorComponent {
               {
                 text: 'IMPORT',
                 icon: 'import',
-                handler: () => this.onImportHTMLTemplate()
+                handler: () => this.importHTMLTemplate()
               },
               {
                 text: 'SAVE',
                 icon: 'save',
                 separator: true,
-                handler: () => this.onSaveHTMLTemplate()
+                handler: () => this.saveHTMLTemplate()
               }
             ]),
             className: 'width-unset',
@@ -507,7 +502,7 @@ export class YooFormTextEditorComponent {
           });
         }
         else {
-          this.onImportHTMLTemplate();
+          this.importHTMLTemplate();
         }
       }
     };
@@ -546,12 +541,10 @@ export class YooFormTextEditorComponent {
     FroalaEditor.RegisterCommand('yooFullscreenClose', {
       title: translate('MINIMIZE'),
       icon: 'yooFullscreenCloseIcon',
-      callback: () => {
-        closeModal(this.value);
-      }
+      callback: () => closeModal(this.value)
     });
   }
-  onImportHTMLTemplate() {
+  importHTMLTemplate() {
     getAsyncExtraData({
       type: 'htmltemplate-get'
     }).then((ret) => {
@@ -561,11 +554,11 @@ export class YooFormTextEditorComponent {
           var _a, _b;
           (_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.html) === null || _b === void 0 ? void 0 : _b.insert(t.value + '<br/>');
         });
-        this.onSaveTextEditorValue();
+        this.saveTextEditorValue();
       }
     });
   }
-  onSaveHTMLTemplate() {
+  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();
     getAsyncExtraData({
@@ -573,11 +566,9 @@ export class YooFormTextEditorComponent {
       params: {
         value: selection
       }
-    }).then(() => {
-      this.initExtraOptions();
-    });
+    }).then(() => this.initExtraOptions());
   }
-  onUpdateCharCounter() {
+  updateCharCounter() {
     var _a;
     this.charCounter = ((_a = this.editor.html.get()) === null || _a === void 0 ? void 0 : _a.length) || 0;
   }
@@ -609,7 +600,7 @@ export class YooFormTextEditorComponent {
         return currentLangage.replace('-', '_');
     }
   }
-  onParagraphInputChanged(ev) {
+  handleParagraphInput(ev) {
     var _a, _b, _c, _d, _e, _f, _g;
     if (!this.allowMention && !this.allowLinkPreview) {
       return;
@@ -627,7 +618,7 @@ export class YooFormTextEditorComponent {
             insertElement &&
             insertElement.textContent &&
             (insertElement.textContent.charAt(offset - 2).trim() === '' || offset === 1 || insertElement.textContent === '' || insertElement.textContent === '@')) {
-            this.onHandleMentionInput(offset, insertElement);
+            this.handleMentionInput(offset, insertElement);
             // insert '@' in between another yoo-mention-tag element
           }
           else if (isMentionTag(insertElement) && ev.data !== 'Enter') {
@@ -646,17 +637,17 @@ export class YooFormTextEditorComponent {
             };
             const newInsertElement = safeInsert(insertParams);
             if (ev.data === '@' && offset === 1) {
-              this.onHandleMentionInput(offset, newInsertElement);
+              this.handleMentionInput(offset, newInsertElement);
             }
             this.syncMentionIds();
           }
         }
       }
-      this.onHandleLinkReplace(ev);
+      this.updateLinks(ev);
     }
-    this.onSaveTextEditorValue();
+    this.saveTextEditorValue();
   }
-  onHandleLinkReplace(ev) {
+  updateLinks(ev) {
     if (this.allowLinkPreview && this.allowLinkUpdate) {
       this.allowLinkUpdate = false;
       setTimeout(() => {
@@ -670,7 +661,7 @@ export class YooFormTextEditorComponent {
       }, 1000);
     }
   }
-  onHandleMentionInput(offset, insertElement) {
+  handleMentionInput(offset, insertElement) {
     var _a;
     (_a = this.editor) === null || _a === void 0 ? void 0 : _a.el.blur();
     getAsyncExtraData({ type: 'mention', params: { otherIds: this.otherIds, mentionConfigs: this.mentionConfigs } }).then((res) => {
@@ -678,10 +669,7 @@ export class YooFormTextEditorComponent {
       if (res === null || res === void 0 ? void 0 : res.data) {
         this.mentionedUsers = res.data;
         if (((_a = this.mentionedUsers) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-          const newElement = this.mentionedUsers.map((user) => {
-            var _a;
-            return getTagHTML(user, (_a = this.editor) === null || _a === void 0 ? void 0 : _a.doc);
-          });
+          const newElement = this.mentionedUsers.map((user) => { var _a; return getTagHTML(user, (_a = this.editor) === null || _a === void 0 ? void 0 : _a.doc); });
           const insertParams = {
             parentElement: (insertElement === null || insertElement === void 0 ? void 0 : insertElement.parentElement) || ((_b = this.editor) === null || _b === void 0 ? void 0 : _b.el),
             newElement,
@@ -697,11 +685,8 @@ export class YooFormTextEditorComponent {
           this.syncMentionIds();
           // combine all text node
           (_d = this.editor) === null || _d === void 0 ? void 0 : _d.el.normalize();
-          this.onSaveTextEditorValue();
-          setTimeout(() => {
-            var _a;
-            (_a = this.editor) === null || _a === void 0 ? void 0 : _a.el.focus();
-          }, 200);
+          this.saveTextEditorValue();
+          setTimeout(() => { var _a; return (_a = this.editor) === null || _a === void 0 ? void 0 : _a.el.focus(); }, 200);
         }
       }
     });
@@ -713,7 +698,7 @@ export class YooFormTextEditorComponent {
       .map((node) => ({ id: node.dataset.id, content: node.dataset.description }));
     this.mentionsChanged.emit({ mentions: mentionIds });
   }
-  onSaveTextEditorValue() {
+  saveTextEditorValue() {
     var _a, _b, _c;
     let html = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.html.get();
     // fix new tab links
@@ -744,26 +729,14 @@ export class YooFormTextEditorComponent {
     }
     return this.validity;
   }
-  onLinkPreviewChanged(ev) {
+  updateLinkPreviews(ev) {
     if (ev) {
       this.linkPreviews = ev.detail.linkPreviews;
       this.linkPreviewChanged.emit({ linkPreviews: this.linkPreviews });
     }
   }
-  renderLinkPreviews() {
-    return (h("yoo-links-preview", { closeable: true, inline: true, links: this.linkPreviews, showErrors: false, onLinkPreviewChanged: (ev) => this.onLinkPreviewChanged(ev) }));
-  }
-  renderCharCounter() {
-    return h("div", { class: "char-counter" }, (this.charCounter || 0).toLocaleString());
-  }
-  renderEditable() {
-    return [h("div", { class: { container: true, fullscreen: this.isFullscreen }, ref: (el) => (this.containerEl = el) }), this.allowLinkPreview && this.renderLinkPreviews(), this.renderCharCounter()];
-  }
-  renderReadonly() {
-    return h("div", { class: "readonly fr-view", innerHTML: translateMulti(this.value) || '' });
-  }
   render() {
-    return (h(Host, { class: { link: this.allowLinkPreview, ...getAppContext(this.host) } }, this.readonly ? this.renderReadonly() : this.renderEditable()));
+    return (h(Host, { class: { link: this.allowLinkPreview, ...getAppContext(this.host) } }, this.readonly && h("div", { class: "readonly fr-view", innerHTML: translateMulti(this.value) || '' }), !this.readonly && h("div", { class: { container: true, fullscreen: this.isFullscreen }, ref: (el) => (this.containerEl = el) }), !this.readonly && this.allowLinkPreview && (h("yoo-links-preview", { closeable: true, inline: true, links: this.linkPreviews, showErrors: false, onLinkPreviewChanged: (ev) => this.updateLinkPreviews(ev) })), !this.readonly && h("div", { class: "char-counter" }, `${this.charCounter} ${translate('YOOBICCHARACTERS').toLocaleLowerCase()}`)));
   }
   static get is() { return "yoo-form-text-editor"; }
   static get encapsulation() { return "scoped"; }

package/dist/{esm/button.factory-e56b4bf1.js → design-system/button.factory-2dfa52d1.js}

@@ -1,6 +1,6 @@
-import './index-33c58bd7.js';
+import './index-85e87f61.js';
 import { h } from './index-0a59e2a1.js';
-import { Z as translateMulti } from './overlays-1ef74fd7.js';
+import { Z as translateMulti } from './overlays-6c299245.js';
 
 const getButton = (button) => {
   return !button.isVisible || button.isVisible() ? (h("yoo-button", { class: button.cssClass, color: button.color || 'light', type: button.type || 'button', size: button.size || 'medium', shape: button.shape || 'rectangular', fill: button.fill || 'solid', rippleType: button.rippleType || 'bounded', disabled: button.disabled === null ? false : button.disabled, animated: button.animated === null ? true : button.animated, onClick: button.handler },

package/dist/{esm/camera-helpers-f982e788.js → design-system/camera-helpers-e7e4d7a5.js}

@@ -1,5 +1,5 @@
-import { cr as cordova, cs as AwesomeCordovaNativePlugin, ct as cordovaPropertyGet, cu as cordovaPropertySet, cv as registerPlugin, a3 as getSession, cw as isIonic, j as isNativeMobile, cx as Device, k as isAndroid, H as isIOS, cy as getMediaDevices, z as showModal, y as getModalAnimation, A as isWeb } from './overlays-1ef74fd7.js';
-import './index-978126b6.js';
+import { cr as cordova, cs as AwesomeCordovaNativePlugin, ct as cordovaPropertyGet, cu as cordovaPropertySet, cv as registerPlugin, a3 as getSession, cw as isIonic, j as isNativeMobile, cx as Device, k as isAndroid, H as isIOS, cy as getMediaDevices, z as showModal, y as getModalAnimation, A as isWeb } from './overlays-6c299245.js';
+import './index-469b2f30.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -243,7 +243,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-65e82bd0.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-91c20143.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-a2f2f817.js → chat-helpers-c46afa1c.js}

@@ -1,6 +1,6 @@
-import './index-978126b6.js';
+import './index-469b2f30.js';
 import { i as isArray } from './lodash-653c0bcd.js';
-import { am as is24Hour, an as isFile, ao as replaceAtTagToMentionTag, ap as replaceAllLinks, Z as translateMulti } from './overlays-1ef74fd7.js';
+import { am as is24Hour, an as isFile, ao as replaceAtTagToMentionTag, ap as replaceAllLinks, Z as translateMulti } from './overlays-6c299245.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/{esm/common-helpers-dcc04717.js → design-system/common-helpers-d41e9221.js}

@@ -1,5 +1,5 @@
-import { y as getModalAnimation, t as translate, z as showModal, A as isWeb, C as debounce, D as querySelectorDeep$1, j as isNativeMobile, S as ScreenOrientation, F as findDevice, G as isIphoneX, l as isIpadPro, n as isTablet, h as isFullScreenFalse, H as isIOS, k as isAndroid, I as setAnimation, J as animations, K as getCssColor, Y as YOOBICON_ENTITIES_MAP, L as startOf, M as isDateBefore, N as dateDiffInCalendarDays, O as isDateAfter, P as getAsyncExtraData, Q as findParent, R as isNativeFilePath, T as cleanupWKWebViewFilePath, U as Cloudinary, V as getProtocol, W as CloudinaryGradientLayer } from './overlays-1ef74fd7.js';
-import './index-978126b6.js';
+import { y as getModalAnimation, t as translate, z as showModal, A as isWeb, C as debounce, D as querySelectorDeep$1, j as isNativeMobile, S as ScreenOrientation, F as findDevice, G as isIphoneX, l as isIpadPro, n as isTablet, h as isFullScreenFalse, H as isIOS, k as isAndroid, I as setAnimation, J as animations, K as getCssColor, Y as YOOBICON_ENTITIES_MAP, L as startOf, M as isDateBefore, N as dateDiffInCalendarDays, O as isDateAfter, P as getAsyncExtraData, Q as findParent, R as isNativeFilePath, T as cleanupWKWebViewFilePath, U as Cloudinary, V as getProtocol, W as CloudinaryGradientLayer } from './overlays-6c299245.js';
+import './index-469b2f30.js';
 import { C as get } from './lodash-653c0bcd.js';
 
 function getDefaultModalAnimation(host) {

package/dist/design-system/{draggable-dots-helpers-2f0d0e72.js → draggable-dots-helpers-47e38354.js}

@@ -1,7 +1,7 @@
-import './index-978126b6.js';
+import './index-469b2f30.js';
 import { O as isFinite, V as inRange } from './lodash-653c0bcd.js';
 import { e as getBound, b as getElement, c as calcCoordPercentage, a as isAnnotationValid, d as getAnnotationPositionStyle, i as isAnnotationEmpty, f as isAnnotationDeleted } from './annotations-helpers-f7b42b40.js';
-import { aR as Draggable, a3 as getSession, aw as getCurrentLanguage, aQ as getUUID, K as getCssColor, br as getContrastColor, aS as gsapTo, bs as scaleUpAnimation, bt as convertSvgToBase64, bl as getMedia, z as showModal } from './overlays-1ef74fd7.js';
+import { aR as Draggable, a3 as getSession, aw as getCurrentLanguage, aQ as getUUID, K as getCssColor, br as getContrastColor, aS as gsapTo, bs as scaleUpAnimation, bt as convertSvgToBase64, bl as getMedia, z as showModal } from './overlays-6c299245.js';
 
 const EEditorActions = {
   typeTool: 'type-tool',

package/dist/design-system/{draggable-tags-helpers-f776f4de.js → draggable-tags-helpers-9080106e.js}

@@ -1,6 +1,6 @@
-import './index-978126b6.js';
+import './index-469b2f30.js';
 import { R as countBy } from './lodash-653c0bcd.js';
-import { t as translate, A as isWeb, Q as findParent } from './overlays-1ef74fd7.js';
+import { t as translate, A as isWeb, Q as findParent } from './overlays-6c299245.js';
 
 function checkArray(array) {
   return !!((array === null || array === void 0 ? void 0 : array.length) && Array.isArray(array));

package/dist/{esm/entities-helpers-23875383.js → design-system/entities-helpers-72cdbf2a.js}

@@ -1,7 +1,7 @@
 import { M as MessageType } from './index-8e862f79.js';
-import './index-978126b6.js';
+import './index-469b2f30.js';
 import { a as isNumber, n as compact } from './lodash-653c0bcd.js';
-import { a7 as getUserDisplayName, ar as pipes, ao as replaceAtTagToMentionTag, av as isCloudinaryLink, aw as getCurrentLanguage, P as getAsyncExtraData, ap as replaceAllLinks, ax as parseMarkDown, a3 as getSession, ay as isPhotoEdited, az as changeExtension, Z as translateMulti, aA as toButton, aB as toDate, aC as capitalizeFirstLetter, ah as isGif, t as translate, K as getCssColor, ag as isVideo } from './overlays-1ef74fd7.js';
+import { a7 as getUserDisplayName, ar as pipes, ao as replaceAtTagToMentionTag, av as isCloudinaryLink, aw as getCurrentLanguage, P as getAsyncExtraData, ap as replaceAllLinks, ax as parseMarkDown, a3 as getSession, ay as isPhotoEdited, az as changeExtension, Z as translateMulti, aA as toButton, aB as toDate, aC as capitalizeFirstLetter, ah as isGif, t as translate, K as getCssColor, ag as isVideo } from './overlays-6c299245.js';
 
 const mentionRegex = /<yoo-mention-tag[^>]*>([\s\S]*?)<\/yoo-mention-tag>/g;
 /**

package/dist/design-system/{filters-helpers-49a0bf64.js → filters-helpers-de3a3938.js}

@@ -1,7 +1,7 @@
 import { c as FormFieldType } from './index-8e862f79.js';
-import './index-978126b6.js';
+import './index-469b2f30.js';
 import { Q as set, n as compact } from './lodash-653c0bcd.js';
-import { aG as isTextField, t as translate, A as isWeb } from './overlays-1ef74fd7.js';
+import { aG as isTextField, t as translate, A as isWeb } from './overlays-6c299245.js';
 
 function isWithValuesField(field) {
   var _a;

package/dist/design-system/{form-choice-helpers-533e45fa.js → form-choice-helpers-90165f5e.js}

@@ -1,10 +1,10 @@
-import './index-978126b6.js';
+import './index-469b2f30.js';
 import { S as findIndex, A as isEqual, n as compact, T as shuffle } from './lodash-653c0bcd.js';
-import { h as hasDuplicates, s as showWarningBanner } from './draggable-tags-helpers-f776f4de.js';
-import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-3094279e.js';
+import { h as hasDuplicates, s as showWarningBanner } from './draggable-tags-helpers-9080106e.js';
+import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-dbfd86c6.js';
 import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-0a59e2a1.js';
-import { s as setColorSVG } from './common-helpers-dcc04717.js';
-import { Z as translateMulti, i as isChromatic, t as translate, X as isNullOrUndefined } from './overlays-1ef74fd7.js';
+import { s as setColorSVG } from './common-helpers-d41e9221.js';
+import { Z as translateMulti, i as isChromatic, t as translate, X as isNullOrUndefined } from './overlays-6c299245.js';
 import { h as highcharts } from './highcharts-c1be7540.js';
 
 const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {

package/dist/{esm/form-helpers-a3a7973c.js → design-system/form-helpers-42873604.js}

@@ -1,7 +1,7 @@
 import { c as FormFieldType } from './index-8e862f79.js';
-import { V as VALIDATORS, g as getReducedValidator } from './index-978126b6.js';
+import { V as VALIDATORS, g as getReducedValidator } from './index-469b2f30.js';
 import { q as isString, i as isArray, v as isObject, d as concat, Q as set, C as get, W as sumBy, A as isEqual, c as cloneDeep, a as isNumber } from './lodash-653c0bcd.js';
-import { a3 as getSession, X as isNullOrUndefined, bu as evalInContext, bv as evalConditionsInContext, bw as getNameAndData, bx as getFieldsFromSlides, by as getFieldValue, bz as getFieldReplacement, P as getAsyncExtraData, bA as getSessionReplacementValue, bB as escapeRegExp, bC as slenderizeObject, bD as getFormulaReplacement, bE as isDateTimeField, t as translate } from './overlays-1ef74fd7.js';
+import { a3 as getSession, X as isNullOrUndefined, bu as evalInContext, bv as evalConditionsInContext, bw as getNameAndData, bx as getFieldsFromSlides, by as getFieldValue, bz as getFieldReplacement, P as getAsyncExtraData, bA as getSessionReplacementValue, bB as escapeRegExp, bC as slenderizeObject, bD as getFormulaReplacement, bE as isDateTimeField, t as translate } from './overlays-6c299245.js';
 
 function isCreationAllowed(field, isVisible, isDisabled, isReadOnly = false) {
   return !!field.allowCreate && isVisible && !isDisabled && isReadOnly !== true;

package/dist/{esm/form-input-helpers-3094279e.js → design-system/form-input-helpers-dbfd86c6.js}

@@ -1,7 +1,7 @@
-import { X as isNullOrUndefined, Q as findParent, aH as dateIsValid, aI as isPresent, aB as toDate, j as isNativeMobile, ak as dateFormat, H as isIOS, aJ as dateSub, aK as dateAdd, k as isAndroid, aL as Keyboard } from './overlays-1ef74fd7.js';
+import { X as isNullOrUndefined, Q as findParent, aH as dateIsValid, aI as isPresent, aB as toDate, j as isNativeMobile, ak as dateFormat, H as isIOS, aJ as dateSub, aK as dateAdd, k as isAndroid, aL as Keyboard } from './overlays-6c299245.js';
 import { c as FormFieldType } from './index-8e862f79.js';
-import { g as getReducedValidator, a as getReducedAsyncValidator } from './index-978126b6.js';
-import { b as getActiveElementShadow, q as querySelectorDeep, c as querySelectorAllDeep } from './common-helpers-dcc04717.js';
+import { g as getReducedValidator, a as getReducedAsyncValidator } from './index-469b2f30.js';
+import { b as getActiveElementShadow, q as querySelectorDeep, c as querySelectorAllDeep } from './common-helpers-d41e9221.js';
 
 let inputBlur = true;
 function focusContentEditable(inputElement) {

package/dist/design-system/{form-text-area-helpers-673fb40a.js → form-text-area-helpers-8f6e894a.js}

@@ -1,6 +1,6 @@
-import { d as getRange } from './index-978126b6.js';
+import { d as getRange } from './index-469b2f30.js';
 import { V as inRange } from './lodash-653c0bcd.js';
-import { a7 as getUserDisplayName, K as getCssColor } from './overlays-1ef74fd7.js';
+import { a7 as getUserDisplayName, K as getCssColor } from './overlays-6c299245.js';
 
 /**
  * Safely insert element

package/dist/{esm/grid-renderers-7337c0b6.js → design-system/grid-renderers-a52dce1f.js}

@@ -1,12 +1,12 @@
 import { c as FormFieldType, h as IncentiveStatus, n as IncentivePartType, i as IncentiveType } from './index-8e862f79.js';
-import './index-978126b6.js';
+import './index-469b2f30.js';
 import { a5 as findKey, i as isArray, b as isFunction, a as isNumber, n as compact, q as isString, C as get, y as isEmpty, F as indexOf, v as isObject, k as keys, h as map, r as round } from './lodash-653c0bcd.js';
-import { a as getPositionText } from './incentive-helpers-f373518a.js';
-import { e as getWorkflowStepBadge } from './missions-helpers-3906f39a.js';
-import { d as dateRangeState } from './common-helpers-dcc04717.js';
-import { g as getJSONHighlighted } from './form-helpers-a3a7973c.js';
+import { a as getPositionText } from './incentive-helpers-b2ca5c96.js';
+import { e as getWorkflowStepBadge } from './missions-helpers-39ef9c08.js';
+import { d as dateRangeState } from './common-helpers-d41e9221.js';
+import { g as getJSONHighlighted } from './form-helpers-42873604.js';
 import { f as formatDistance } from './geolocation-helpers-5126a3df.js';
-import { K as getCssColor, Z as translateMulti, t as translate, d_ as groupsResolver, d$ as aclRolesResolver, ar as pipes, ak as dateFormat, aB as toDate, bV as dateParse, al as dispatchCustomEvent, bJ as dateDiff, e0 as toHours, e1 as utc, a7 as getUserDisplayName, c_ as salesAIGetColorFromPattern, c$ as salesAIFormatDemand, aA as toButton } from './overlays-1ef74fd7.js';
+import { K as getCssColor, Z as translateMulti, t as translate, d_ as groupsResolver, d$ as aclRolesResolver, ar as pipes, ak as dateFormat, aB as toDate, bV as dateParse, al as dispatchCustomEvent, bJ as dateDiff, e0 as toHours, e1 as utc, a7 as getUserDisplayName, c_ as salesAIGetColorFromPattern, c$ as salesAIFormatDemand, aA as toButton } from './overlays-6c299245.js';
 
 const countryFlag = (country) => {
   return getFlagEmoji(getCountryCode(country));