@enos5/enos-vue-default 1.8.5 → 1.8.7

package/dist/components/TinyEditor.vue.d.ts

@@ -37,9 +37,21 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: StringConstructor;
         default: string;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    getEditor: () => any;
+    focus: () => any;
+    execCommand: (command: any, ui: boolean | undefined, value: any) => any;
+    getContent: (options: any) => any;
+    getBody: () => any;
+    selectNode: (node: any) => void;
+    getBookmark: () => any;
+    moveToBookmark: (bookmark: any) => void;
+    syncContent: () => any;
+    insertContent: (value: any, options?: {}) => Promise<any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     blur: (...args: any[]) => void;
+    init: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
@@ -80,6 +92,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    onInit?: ((...args: any[]) => any) | undefined;
 }>, {
     modelValue: string;
     readonly: boolean;

package/dist/index.js

@@ -1,5 +1,5 @@
 import './styles.css';
-import { _, a, b, c, d, e, f, g, h, i, C, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3 } from "./plugin-B6stjIPQ.js";
+import { _, a, b, c, d, e, f, g, h, i, C, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3 } from "./plugin-ev2fN9wO.js";
 export {
   _ as ActionCard,
   a as ActionMessage,

package/dist/index.node.js

@@ -1,4 +1,4 @@
-import { _, a, b, c, d, e, f, g, h, i, C, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3 } from "./plugin-B6stjIPQ.js";
+import { _, a, b, c, d, e, f, g, h, i, C, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3 } from "./plugin-ev2fN9wO.js";
 export {
   _ as ActionCard,
   a as ActionMessage,

package/dist/{plugin-B6stjIPQ.js → plugin-ev2fN9wO.js}

@@ -2190,13 +2190,32 @@ const _sfc_main$x = {
       default: "html"
     }
   },
-  emits: ["update:modelValue", "blur"],
-  setup(__props, { emit: __emit }) {
+  emits: ["update:modelValue", "blur", "init"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const content = ref(props.modelValue ?? "");
     const isEditorReady = ref(false);
     const editorRevision = ref(0);
+    const editorComponentRef = ref(null);
+    const editorInstance = ref(null);
+    const getEditor = () => editorInstance.value ?? editorComponentRef.value?.getEditor?.() ?? null;
+    const syncContentFromEditor = (editor = getEditor()) => {
+      if (!editor) {
+        return "";
+      }
+      const nextValue = editor.getContent({ format: props.outputFormat });
+      content.value = nextValue;
+      emit("update:modelValue", nextValue);
+      return nextValue;
+    };
+    const waitForFrames = async (frameCount = 1) => {
+      for (let index = 0; index < frameCount; index += 1) {
+        await new Promise((resolve) => {
+          requestAnimationFrame(() => resolve());
+        });
+      }
+    };
     const loadTinyMce = async () => {
       const tinymceModule = await import("./tinymce-WPdeGquX.js").then((n) => n.t);
       const tinymce = tinymceModule.default ?? tinymceModule;
@@ -2247,23 +2266,80 @@ const _sfc_main$x = {
     onMounted(() => {
       void loadTinyMce();
     });
+    onBeforeUnmount(() => {
+      editorInstance.value = null;
+    });
+    const handleEditorInit = (_event, editor) => {
+      editorInstance.value = editor;
+      emit("init", editor);
+    };
     const handleEditorInput = (_event, editor) => {
-      const nextValue = editor.getContent({ format: props.outputFormat });
-      content.value = nextValue;
-      emit("update:modelValue", nextValue);
+      syncContentFromEditor(editor);
     };
     const handleEditorBlur = (_event, editor) => {
       emit("blur", editor.getContent({ format: props.outputFormat }));
     };
+    __expose({
+      getEditor,
+      focus: () => getEditor()?.focus(),
+      execCommand: (command, ui = false, value) => getEditor()?.execCommand(command, ui, value),
+      getContent: (options) => getEditor()?.getContent(options) ?? "",
+      getBody: () => getEditor()?.getBody?.() ?? null,
+      selectNode: (node) => {
+        const editor = getEditor();
+        if (!editor || !node) {
+          return;
+        }
+        editor.selection.select(node);
+      },
+      getBookmark: () => getEditor()?.selection.getBookmark() ?? null,
+      moveToBookmark: (bookmark) => {
+        const editor = getEditor();
+        if (!editor || !bookmark) {
+          return;
+        }
+        editor.selection.moveToBookmark(bookmark);
+      },
+      syncContent: () => syncContentFromEditor(),
+      insertContent: async (value, options = {}) => {
+        const editor = getEditor();
+        if (!editor) {
+          return null;
+        }
+        editor.focus();
+        editor.insertContent(value);
+        if (options.selectLast) {
+          await waitForFrames(options.frames ?? 2);
+          const matchingNodes = Array.from(
+            editor.getBody().querySelectorAll(options.selectLast)
+          );
+          const selectedNode = matchingNodes.at(-1);
+          if (selectedNode) {
+            editor.selection.select(selectedNode);
+          }
+        }
+        if (options.command) {
+          await waitForFrames(options.frames ?? 2);
+          editor.execCommand(options.command, false, options.commandValue);
+        }
+        if (options.sync !== false) {
+          syncContentFromEditor(editor);
+        }
+        return editor;
+      }
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", { key: editorKey.value }, [
         !isEditorReady.value ? (openBlock(), createElementBlock("div", _hoisted_1$l)) : (openBlock(), createBlock(unref(Editor), {
           key: 1,
+          ref_key: "editorComponentRef",
+          ref: editorComponentRef,
           "initial-value": content.value,
           "license-key": __props.licenseKey,
           readonly: __props.readonly,
           "output-format": __props.outputFormat,
           init: editorInit.value,
+          onInit: handleEditorInit,
           onInput: handleEditorInput,
           onBlur: handleEditorBlur
         }, null, 8, ["initial-value", "license-key", "readonly", "output-format", "init"]))
@@ -5203,7 +5279,7 @@ const _sfc_main$3 = {
         createElementVNode("div", {
           class: normalizeClass([
             "bg-white/90 backdrop-blur-sm dark:bg-neutral-950/90",
-            __props.isCard ? "animate-fadeIn rounded-2xl border border-neutral-200 shadow-sm dark:border-neutral-800 md:mx-0" : ""
+            __props.isCard ? "animate-fadeIn rounded-2xl border border-neutral-200 shadow-sm dark:border-neutral-800 md:mx-0 overflow-hidden" : ""
           ])
         }, [
           createElementVNode("div", {
@@ -5707,7 +5783,7 @@ const _sfc_main$2 = {
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["bg-white dark:bg-neutral-950", __props.isCard ? "mx-4 rounded-xl animate-fadeIn border border-neutral-200 shadow-sm dark:border-neutral-800 md:mx-0" : ""])
+        class: normalizeClass(["bg-white dark:bg-neutral-950", __props.isCard ? "mx-4 rounded-xl animate-fadeIn border border-neutral-200 shadow-sm dark:border-neutral-800 md:mx-0 overflow-hidden" : ""])
       }, [
         __props.search ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -6119,4 +6195,4 @@ export {
   _sfc_main$B as y,
   _sfc_main$A as z
 };
-//# sourceMappingURL=plugin-B6stjIPQ.js.map
+//# sourceMappingURL=plugin-ev2fN9wO.js.map