@prolibu-suite/cobalt-core 0.1.1 → 0.2.0

package/dist/collection/components/co-rich-text-editor/co-rich-text-editor.js

@@ -0,0 +1,868 @@
+import { h } from "@stencil/core";
+import { RequiredMark } from "../../utils/requiredMark";
+/**
+ * Rich text editor backed by Tiptap v3.
+ *
+ * Uses `shadow: false, scoped: false` (the co-data-table pattern) because
+ * ProseMirror builds its editable DOM imperatively — Stencil's scoped CSS would
+ * never reach it. All styles live in light DOM via BEM + `--co-*` tokens.
+ *
+ * @part wrapper - Outer container
+ * @part toolbar - Formatting toolbar
+ * @part content - Editable ProseMirror surface
+ * @part label - Field label
+ * @part helper - Helper text row
+ */
+export class CoRichTextEditor {
+    constructor() {
+        /** ProseMirror document as a JSON string. `null`/empty = empty editor. */
+        this.value = null;
+        /** Preset controlling allowed nodes/marks, toolbar and sanitization. */
+        this.preset = 'task';
+        this.placeholder = '';
+        /** Label layout: vertical (label above) or horizontal (label beside) */
+        this.layout = 'vertical';
+        this.status = 'default';
+        this.disabled = false;
+        this.readonly = false;
+        this.required = false;
+        this.showCharacterCount = false;
+        this.autofocus = false;
+        /** Toolbar layout. `auto` uses the preset default. */
+        this.toolbar = 'auto';
+        this.ready = false;
+        this.hasFocus = false;
+        this.charCount = 0;
+        /** Last value we emitted — guards the value Watch against feedback loops. */
+        this.lastEmitted = null;
+        /** True while applying an external value (suppresses emit). */
+        this.applyingExternal = false;
+        /** Set by disconnectedCallback — aborts editor creation if the element was
+         *  removed while the lazy import was still in flight (ProseMirror leak). */
+        this.destroyed = false;
+        this.handleUpdate = (editor) => {
+            this.refreshCharCount();
+            if (this.applyingExternal)
+                return;
+            const out = this.buildOutput(editor);
+            const next = out.json ? JSON.stringify(out.json) : null;
+            this.lastEmitted = next;
+            this.value = next;
+            this.coInput.emit(out);
+        };
+        this.handleFocus = () => {
+            this.hasFocus = true;
+            this.coFocus.emit();
+        };
+        this.handleBlur = () => {
+            this.hasFocus = false;
+            if (this.editor)
+                this.coChange.emit(this.buildOutput(this.editor));
+            this.coBlur.emit();
+        };
+    }
+    async componentDidLoad() {
+        var _a, _b;
+        this.rt = await import('@prolibu-suite/cobalt-rich-text');
+        if (this.destroyed || !this.contentEl)
+            return;
+        this.editor = this.rt.createEditor({
+            preset: this.preset,
+            element: this.contentEl,
+            content: this.parseValue(this.value),
+            editable: !this.disabled && !this.readonly,
+            placeholder: this.placeholder,
+            maxLength: this.maxLength,
+            features: this.parsedFeatures,
+            customExtensions: (_a = this.customExtensions) !== null && _a !== void 0 ? _a : [],
+            imageUpload: this.imageUpload,
+            onUpdate: (editor) => this.handleUpdate(editor),
+            onFocus: () => this.handleFocus(),
+            onBlur: () => this.handleBlur(),
+        });
+        this.lastEmitted = (_b = this.value) !== null && _b !== void 0 ? _b : null;
+        this.ready = true;
+        this.refreshCharCount();
+        this.syncToolbar();
+        this.coReady.emit();
+        if (this.autofocus)
+            this.editor.commands.focus();
+    }
+    disconnectedCallback() {
+        var _a;
+        this.destroyed = true;
+        (_a = this.editor) === null || _a === void 0 ? void 0 : _a.destroy();
+        this.editor = undefined;
+    }
+    componentDidRender() {
+        this.syncToolbar();
+    }
+    onValueChange(next) {
+        if (!this.editor || this.applyingExternal)
+            return;
+        if ((next !== null && next !== void 0 ? next : null) === this.lastEmitted)
+            return;
+        this.applyingExternal = true;
+        try {
+            this.editor.commands.setContent(this.parseValue(next), { emitUpdate: false });
+        }
+        finally {
+            this.applyingExternal = false;
+            this.lastEmitted = next !== null && next !== void 0 ? next : null;
+            this.refreshCharCount();
+        }
+    }
+    onEditableChange() {
+        var _a;
+        (_a = this.editor) === null || _a === void 0 ? void 0 : _a.setEditable(!this.disabled && !this.readonly);
+    }
+    /* ── Public methods (escape hatches + imperative control) ── */
+    async getJSON() {
+        return this.editor && !this.editor.isEmpty ? this.editor.getJSON() : null;
+    }
+    async getHtml() {
+        return this.editor ? this.sanitizeHtml(this.editor.getHTML()) : '';
+    }
+    async getText() {
+        var _a, _b;
+        return (_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.getText()) !== null && _b !== void 0 ? _b : '';
+    }
+    async clear() {
+        if (!this.editor)
+            return;
+        this.editor.commands.clearContent(true);
+        this.coClear.emit();
+    }
+    async focusEditor() {
+        var _a;
+        (_a = this.editor) === null || _a === void 0 ? void 0 : _a.commands.focus();
+    }
+    async setContent(content) {
+        var _a;
+        (_a = this.editor) === null || _a === void 0 ? void 0 : _a.commands.setContent(content);
+    }
+    async getEditorInstance() {
+        var _a;
+        return (_a = this.editor) !== null && _a !== void 0 ? _a : null;
+    }
+    /* ── internals ── */
+    get parsedFeatures() {
+        if (!this.features)
+            return undefined;
+        if (typeof this.features === 'string') {
+            try {
+                return JSON.parse(this.features);
+            }
+            catch (_a) {
+                return undefined;
+            }
+        }
+        return this.features;
+    }
+    parseValue(v) {
+        if (!v)
+            return '';
+        try {
+            return JSON.parse(v);
+        }
+        catch (_a) {
+            return v; // tolerate an HTML string
+        }
+    }
+    sanitizeHtml(html) {
+        // Same features as the schema — otherwise feature-enabled nodes (images,
+        // variables) would survive in `json` but be stripped from `html`.
+        return this.rt ? this.rt.sanitize(html, this.preset, this.parsedFeatures) : html;
+    }
+    buildOutput(editor) {
+        const empty = editor.isEmpty;
+        return {
+            json: empty ? null : editor.getJSON(),
+            html: empty ? '' : this.sanitizeHtml(editor.getHTML()),
+            text: editor.getText(),
+        };
+    }
+    refreshCharCount() {
+        var _a;
+        const storage = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.storage;
+        if (storage === null || storage === void 0 ? void 0 : storage.characterCount)
+            this.charCount = storage.characterCount.characters();
+    }
+    syncToolbar() {
+        if (this.toolbarEl && this.editor && this.toolbarEl.editor !== this.editor) {
+            this.toolbarEl.editor = this.editor;
+        }
+    }
+    get resolvedToolbar() {
+        if (this.toolbar !== 'auto')
+            return this.toolbar;
+        return this.rt ? this.rt.defaultToolbarForPreset(this.preset) : 'basic';
+    }
+    get helperIcon() {
+        switch (this.status) {
+            case 'error': return 'warning-circle';
+            case 'success': return 'check-circle';
+            case 'warning': return 'warning-circle';
+            default: return 'info';
+        }
+    }
+    render() {
+        const showToolbar = this.resolvedToolbar !== 'none' && !this.readonly && !this.disabled;
+        const showCount = this.showCharacterCount || this.maxLength != null;
+        return (h("div", { key: 'c853d865716114025949e33e011394d824e4a961', class: {
+                'co-rich-text-editor': true,
+                'co-rich-text-editor--focused': this.hasFocus,
+                'co-rich-text-editor--disabled': this.disabled,
+                'co-rich-text-editor--readonly': this.readonly,
+                'co-rich-text-editor--loading': !this.ready,
+                [`co-rich-text-editor--${this.status}`]: this.status !== 'default',
+            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (h("div", { key: '049a14875b801e745c91f28410474d8139a366e6', class: "co-rich-text-editor__labels" }, this.label && h("label", { key: '4221652dd84a86192d84ba8889eafbd311ac27dd', class: "co-rich-text-editor__label", part: "label" }, this.label, h(RequiredMark, { key: '6576f8bdd8c744f6f4fd2990e3c3b58806a03bd4', required: this.required })), this.secondaryLabel && (h("span", { key: '5c28820cf466f06900ae3981b780f6664a14ca08', class: "co-rich-text-editor__secondary-label" }, this.secondaryLabel)))), h("div", { key: '94557b815f4dd9bfd33f2d4ae613554a54a391ad', class: "co-rich-text-editor__box" }, showToolbar && (h("co-rich-text-toolbar", { key: '7727dc54776263c3ef56f274e09d7d851df245d8', class: "co-rich-text-editor__toolbar", part: "toolbar", variant: this.resolvedToolbar, disabled: this.disabled || this.readonly, ref: (el) => (this.toolbarEl = el) })), h("div", { key: 'd81af8d3887e1f77062eb64efe02cda157f77216', class: "co-rte-content", part: "content", role: "textbox", "aria-multiline": "true", "aria-label": this.label, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.status === 'error' ? 'true' : undefined, ref: (el) => (this.contentEl = el) })), h("div", { key: 'f747db5469b5a805e88101cb7670432dc114c30f', class: "co-rich-text-editor__footer" }, this.helperText && (h("div", { key: '80c703179448310e86a16e908cc29edfc73260ba', class: `co-rich-text-editor__helper co-rich-text-editor__helper--${this.status}`, part: "helper" }, h("co-icon", { key: '7411c41c32e7c1845983df2608f604f764585230', name: this.helperIcon, size: 14 }), h("span", { key: 'be108ca9544684e2d6d0dbf68eca65d11f3c841b' }, this.helperText))), showCount && (h("span", { key: '5c88aeb55460778024664510a58ca9d331ef10c7', class: "co-rich-text-editor__count" }, this.charCount, this.maxLength != null ? ` / ${this.maxLength}` : '')))));
+    }
+    static get is() { return "co-rich-text-editor"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["co-rich-text-editor.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["co-rich-text-editor.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "value": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "null | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "ProseMirror document as a JSON string. `null`/empty = empty editor."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value",
+                "defaultValue": "null"
+            },
+            "preset": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "RichTextPreset",
+                    "resolved": "\"comment\" | \"document\" | \"email\" | \"task\"",
+                    "references": {
+                        "RichTextPreset": {
+                            "location": "import",
+                            "path": "@prolibu-suite/cobalt-rich-text",
+                            "id": "../rich-text/dist/index.d.ts::RichTextPreset",
+                            "referenceLocation": "RichTextPreset"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Preset controlling allowed nodes/marks, toolbar and sanitization."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "preset",
+                "defaultValue": "'task'"
+            },
+            "placeholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "placeholder",
+                "defaultValue": "''"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
+            },
+            "secondaryLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "secondary-label"
+            },
+            "helperText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "helper-text"
+            },
+            "layout": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'vertical' | 'horizontal'",
+                    "resolved": "\"horizontal\" | \"vertical\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Label layout: vertical (label above) or horizontal (label beside)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "layout",
+                "defaultValue": "'vertical'"
+            },
+            "status": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'default' | 'error' | 'success' | 'warning' | 'info'",
+                    "resolved": "\"default\" | \"error\" | \"info\" | \"success\" | \"warning\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "status",
+                "defaultValue": "'default'"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "readonly": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "readonly",
+                "defaultValue": "false"
+            },
+            "required": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "required",
+                "defaultValue": "false"
+            },
+            "maxLength": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "max-length"
+            },
+            "showCharacterCount": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-character-count",
+                "defaultValue": "false"
+            },
+            "autofocus": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "autofocus",
+                "defaultValue": "false"
+            },
+            "toolbar": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ToolbarVariant",
+                    "resolved": "\"auto\" | \"basic\" | \"compact\" | \"full\" | \"none\"",
+                    "references": {
+                        "ToolbarVariant": {
+                            "location": "import",
+                            "path": "@prolibu-suite/cobalt-rich-text",
+                            "id": "../rich-text/dist/index.d.ts::ToolbarVariant",
+                            "referenceLocation": "ToolbarVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Toolbar layout. `auto` uses the preset default."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "toolbar",
+                "defaultValue": "'auto'"
+            },
+            "features": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | object",
+                    "resolved": "object | string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Feature overrides (JSON string for HTML attr, or object via JS property)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "features"
+            },
+            "customExtensions": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "object[]",
+                    "resolved": "object[] | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Extra Tiptap extensions appended to the preset (JS property only).\nRegistered at editor creation \u2014 required for new schema nodes (images,\ntables, embeds, \u2026) that `getEditorInstance()` cannot add afterwards."
+                },
+                "getter": false,
+                "setter": false
+            },
+            "imageUpload": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(file: File) => Promise<string>",
+                    "resolved": "((file: File) => Promise<string>) | undefined",
+                    "references": {
+                        "File": {
+                            "location": "global",
+                            "id": "global::File"
+                        },
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Host image upload handler (JS property): `(file) => Promise<url>`."
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "ready": {},
+            "hasFocus": {},
+            "charCount": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "coInput",
+                "name": "coInput",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted on every keystroke."
+                },
+                "complexType": {
+                    "original": "RichTextOutput",
+                    "resolved": "RichTextOutput",
+                    "references": {
+                        "RichTextOutput": {
+                            "location": "import",
+                            "path": "@prolibu-suite/cobalt-rich-text",
+                            "id": "../rich-text/dist/index.d.ts::RichTextOutput",
+                            "referenceLocation": "RichTextOutput"
+                        }
+                    }
+                }
+            }, {
+                "method": "coChange",
+                "name": "coChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted on blur (committed value)."
+                },
+                "complexType": {
+                    "original": "RichTextOutput",
+                    "resolved": "RichTextOutput",
+                    "references": {
+                        "RichTextOutput": {
+                            "location": "import",
+                            "path": "@prolibu-suite/cobalt-rich-text",
+                            "id": "../rich-text/dist/index.d.ts::RichTextOutput",
+                            "referenceLocation": "RichTextOutput"
+                        }
+                    }
+                }
+            }, {
+                "method": "coFocus",
+                "name": "coFocus",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "coBlur",
+                "name": "coBlur",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "coClear",
+                "name": "coClear",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "coReady",
+                "name": "coReady",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted once the editor is mounted and ready."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "getJSON": {
+                "complexType": {
+                    "signature": "() => Promise<object | null>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<object | null>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "getHtml": {
+                "complexType": {
+                    "signature": "() => Promise<string>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<string>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "getText": {
+                "complexType": {
+                    "signature": "() => Promise<string>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<string>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "clear": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "focusEditor": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "setContent": {
+                "complexType": {
+                    "signature": "(content: string | object) => Promise<void>",
+                    "parameters": [{
+                            "name": "content",
+                            "type": "string | object",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "getEditorInstance": {
+                "complexType": {
+                    "signature": "() => Promise<Editor | null>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "Editor": {
+                            "location": "import",
+                            "path": "@prolibu-suite/cobalt-rich-text",
+                            "id": "../rich-text/dist/index.d.ts::Editor",
+                            "referenceLocation": "Editor"
+                        }
+                    },
+                    "return": "Promise<Editor | null>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "value",
+                "methodName": "onValueChange"
+            }, {
+                "propName": "disabled",
+                "methodName": "onEditableChange"
+            }, {
+                "propName": "readonly",
+                "methodName": "onEditableChange"
+            }];
+    }
+}