@mgdis/mg-components 6.12.0 → 6.13.0

package/dist/components/mg-input-rich-text-editor.js

@@ -31300,6 +31300,13 @@ const MgInputRichTextEditor$1 = /*@__PURE__*/ proxyCustomElement(class MgInputRi
             throw new Error(`<mg-input-rich-text-editor> props "pattern" and "patternErrorMessage" must be non-empty string and paired. Passed value: "pattern='${toString$1(this.pattern)}'" and "patternErrorMessage='${toString$1(this.patternErrorMessage)}'".`);
         }
     }
+    /**
+     * Set focus on input.
+     */
+    async setFocus() {
+        var _a;
+        (_a = this.editor) === null || _a === void 0 ? void 0 : _a.focus();
+    }
     /**
      * Get editor content as HTML
      * @returns HTML content of the editor
@@ -31369,9 +31376,20 @@ const MgInputRichTextEditor$1 = /*@__PURE__*/ proxyCustomElement(class MgInputRi
         if (!this.readonly) {
             this.value = '';
             this.editor.setText('');
-            this.checkValidity();
-            this.errorMessage = undefined;
-            this.hasDisplayedError = false;
+            // Use `Promise` as requested for stencil method
+            // Use `requestAnimationFrame` to ensure:
+            // - DOM is fully updated before validation
+            // - Async operations are completed
+            // - No timing issues with Stencil's render cycle
+            // - Keep everything in sync both inside and outside the component
+            return new Promise(resolve => {
+                requestAnimationFrame(() => {
+                    this.checkValidity();
+                    this.errorMessage = undefined;
+                    this.hasDisplayedError = false;
+                    resolve();
+                });
+            });
         }
     }
     /**
@@ -31414,24 +31432,24 @@ const MgInputRichTextEditor$1 = /*@__PURE__*/ proxyCustomElement(class MgInputRi
      * add listeners and render editor element
      */
     componentDidLoad() {
-        if (this.readonly)
-            return;
-        this.editor = defineEditor(this.wrapperElement, {
-            modules: this.modules,
-            readOnly: this.readonly || this.disabled,
-            placeholder: this.placeholder,
-            value: this.value,
-            handleTextChange: this.handleTextChange,
-            handleBlur: this.handleBlur,
-            handleFocus: this.handleFocus,
-        });
+        if (!this.readonly) {
+            this.editor = defineEditor(this.wrapperElement, {
+                modules: this.modules,
+                readOnly: this.readonly || this.disabled,
+                placeholder: this.placeholder,
+                value: this.value,
+                handleTextChange: this.handleTextChange,
+                handleBlur: this.handleBlur,
+                handleFocus: this.handleFocus,
+            });
+        }
     }
     /**
      * Render
      * @returns HTML mg-input Element
      */
     render() {
-        return (h("mg-input", { key: '7636809a87a04ebf36f60c0f13152566e3ed45a4', identifier: this.identifier, class: this.classCollection.join(), label: this.label, labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.tooltipPosition, helpText: this.helpText, errorMessage: this.hasDisplayedError ? this.errorMessage : undefined }, this.readonly ? (h("div", { class: "mg-c-input__readonly-value", innerHTML: this.value })) : (h("div", { ref: el => {
+        return (h("mg-input", { key: 'b11d79ea82720eff4256206374e179efaefa9268', identifier: this.identifier, class: this.classCollection.join(), label: this.label, labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.tooltipPosition, helpText: this.helpText, errorMessage: this.hasDisplayedError ? this.errorMessage : undefined }, this.readonly ? (h("div", { class: "mg-c-input__readonly-value", innerHTML: this.value })) : (h("div", { ref: el => {
                 this.wrapperElement = el;
             }, id: this.identifier, class: "mg-c-input__wrapper" }, h("div", null)))));
     }
@@ -31465,6 +31483,7 @@ const MgInputRichTextEditor$1 = /*@__PURE__*/ proxyCustomElement(class MgInputRi
         "invalid": [1028],
         "classCollection": [32],
         "errorMessage": [32],
+        "setFocus": [64],
         "getHTML": [64],
         "getText": [64],
         "displayError": [64],