@enos5/enos-vue-default 1.8.6 → 1.8.8

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

@@ -85,6 +85,18 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
         default: string;
     };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchInputClass: {
+        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -172,6 +184,18 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
         default: string;
     };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchInputClass: {
+        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -196,4 +220,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     dropdownClass: string | unknown[] | Record<string, any>;
     dropdownOptionClass: string | unknown[] | Record<string, any>;
     dropdownSelectedClass: string | unknown[] | Record<string, any>;
+    searchable: boolean;
+    searchPlaceholder: string;
+    searchInputClass: string | unknown[] | Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -185,6 +185,18 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: StringConstructor;
         default: string;
     };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchInputClass: {
+        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     blur: (...args: any[]) => void;
@@ -369,6 +381,18 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: StringConstructor;
         default: string;
     };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchInputClass: {
+        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        default: undefined;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
@@ -395,6 +419,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     optionClass: string | unknown[] | Record<string, any>;
     deletedOptionClass: string | unknown[] | Record<string, any>;
     placeholderClass: string | unknown[] | Record<string, any>;
+    searchable: boolean;
+    searchPlaceholder: string;
+    searchInputClass: string | unknown[] | Record<string, any>;
     locale: string;
     withTimestamp: boolean;
     max: string;

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

@@ -85,6 +85,18 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
         default: string;
     };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchInputClass: {
+        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -172,6 +184,18 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
         default: string;
     };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchInputClass: {
+        type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -196,4 +220,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     dropdownClass: string | unknown[] | Record<string, any>;
     dropdownOptionClass: string | unknown[] | Record<string, any>;
     dropdownSelectedClass: string | unknown[] | Record<string, any>;
+    searchable: boolean;
+    searchPlaceholder: string;
+    searchInputClass: string | unknown[] | Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -170,6 +170,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:searchShowDeleted"?: ((...args: any[]) => any) | undefined;
 }>, {
     search: boolean;
+    searchPlaceholder: string;
     sortField: string;
     sortDirection: string;
     emptyState: Record<string, any>;
@@ -178,7 +179,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     isCard: boolean;
     actionsLabel: string;
     deletedLabel: string;
-    searchPlaceholder: string;
     searchCountLabel: string;
     searchCount: number;
     searchQueryLabel: string;

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

@@ -200,6 +200,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onEdit-cancel"?: ((...args: any[]) => any) | undefined;
 }>, {
     search: boolean;
+    searchPlaceholder: string;
     sortField: string;
     sortDirection: string;
     emptyState: Record<string, any>;
@@ -208,7 +209,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     isCard: boolean;
     actionsLabel: string;
     deletedLabel: string;
-    searchPlaceholder: string;
     getErrorMessage: Function;
     rowKey: string | Function;
     isDeletedFn: Function;

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-HUdH_CuM.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-Bc62JLDw.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-HUdH_CuM.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-Bc62JLDw.js";
 export {
   _ as ActionCard,
   a as ActionMessage,

package/dist/{plugin-HUdH_CuM.js → plugin-Bc62JLDw.js}

@@ -1,4 +1,4 @@
-import { ref, computed, watch, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, normalizeStyle, toDisplayString, createBlock, createCommentVNode, renderSlot, createVNode, Transition, withCtx, mergeProps, useSlots, unref, withDirectives, vShow, useAttrs, vModelCheckbox, onMounted, nextTick, onBeforeUnmount, Teleport, withModifiers, onUnmounted, inject, provide, defineComponent, isVNode, cloneVNode, resolveDynamicComponent, createTextVNode, h, vModelText, createSlots } from "vue";
+import { ref, computed, watch, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, normalizeStyle, toDisplayString, createBlock, createCommentVNode, renderSlot, createVNode, Transition, withCtx, mergeProps, useSlots, unref, withDirectives, vShow, useAttrs, vModelCheckbox, onMounted, nextTick, onBeforeUnmount, Teleport, withModifiers, vModelText, onUnmounted, inject, provide, defineComponent, isVNode, cloneVNode, resolveDynamicComponent, createTextVNode, h, createSlots } from "vue";
 import { LockClosedIcon, ChevronDownIcon, PhotoIcon, EyeDropperIcon, ExclamationCircleIcon, ExclamationTriangleIcon, ChevronUpIcon, MagnifyingGlassIcon, CheckIcon, PencilSquareIcon } from "@heroicons/vue/24/outline";
 import Editor from "@tinymce/tinymce-vue";
 import { useI18n } from "vue-i18n";
@@ -306,7 +306,7 @@ const _sfc_main$O = {};
 const _hoisted_1$B = { class: "md:col-span-1 flex justify-between" };
 const _hoisted_2$m = { class: "px-4 sm:px-0" };
 const _hoisted_3$g = { class: "text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50" };
-const _hoisted_4$b = { class: "mt-1 max-w-2xl text-sm text-neutral-600 dark:text-neutral-200" };
+const _hoisted_4$c = { class: "mt-1 max-w-2xl text-sm text-neutral-600 dark:text-neutral-200" };
 const _hoisted_5$9 = { class: "px-4 sm:px-0" };
 function _sfc_render(_ctx, _cache) {
   return openBlock(), createElementBlock("div", _hoisted_1$B, [
@@ -314,7 +314,7 @@ function _sfc_render(_ctx, _cache) {
       createElementVNode("h3", _hoisted_3$g, [
         renderSlot(_ctx.$slots, "title")
       ]),
-      createElementVNode("p", _hoisted_4$b, [
+      createElementVNode("p", _hoisted_4$c, [
         renderSlot(_ctx.$slots, "description")
       ])
     ]),
@@ -621,7 +621,7 @@ const _hoisted_2$k = {
   class: "absolute inset-y-0 left-0 flex items-center pointer-events-none pl-3"
 };
 const _hoisted_3$e = ["type", "value", "disabled"];
-const _hoisted_4$a = ["aria-label"];
+const _hoisted_4$b = ["aria-label"];
 const _hoisted_5$8 = {
   key: 0,
   class: "h-5 w-5",
@@ -740,7 +740,7 @@ const _sfc_main$I = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
               d: "M2.458 12C3.732 7.943 7.523 5 12 5s8.268 2.943 9.542 7c-1.274 4.057-5.065 7-9.542 7S3.732 16.057 2.458 12z"
             }, null, -1)
           ])]))
-        ], 8, _hoisted_4$a)) : createCommentVNode("", true)
+        ], 8, _hoisted_4$b)) : createCommentVNode("", true)
       ]);
     };
   }
@@ -822,12 +822,13 @@ const _sfc_main$H = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     };
   }
 });
-const _hoisted_1$t = ["onClick"];
-const _hoisted_2$j = {
+const _hoisted_1$t = ["placeholder"];
+const _hoisted_2$j = ["onClick"];
+const _hoisted_3$d = {
   key: 0,
   class: "flex items-center gap-3"
 };
-const _hoisted_3$d = ["checked", "disabled", "onChange"];
+const _hoisted_4$a = ["checked", "disabled", "onChange"];
 const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "CustomSelect",
   props: {
@@ -914,6 +915,18 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     dropdownSelectedClass: {
       type: [String, Array, Object],
       default: "bg-neutral-100 font-medium text-neutral-950 dark:bg-neutral-900 dark:text-neutral-50"
+    },
+    searchable: {
+      type: Boolean,
+      default: false
+    },
+    searchPlaceholder: {
+      type: String,
+      default: "Search..."
+    },
+    searchInputClass: {
+      type: [String, Array, Object],
+      default: "w-full border-b border-neutral-200 px-4 py-3 text-sm outline-none focus:border-neutral-900 dark:border-neutral-800 dark:bg-neutral-950 dark:focus:border-neutral-100"
     }
   },
   emits: ["update:modelValue"],
@@ -928,6 +941,7 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     const dropdownStyle = ref({});
     const isDarkMode = ref(false);
     const isMounted = ref(false);
+    const searchQuery = ref("");
     const isObjectOption = (option) => typeof option === "object" && option !== null;
     const optionValue = (option) => {
       if (isObjectOption(option)) {
@@ -985,6 +999,17 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         return true;
       });
     });
+    const filteredOptions = computed(() => {
+      if (!props.searchable || !searchQuery.value) {
+        return props.multiple ? multipleOptions.value : availableOptions.value;
+      }
+      const query = searchQuery.value.toLowerCase();
+      const options = props.multiple ? multipleOptions.value : availableOptions.value;
+      return options.filter((option) => {
+        const text = String(optionText(option)).toLowerCase();
+        return text.includes(query);
+      });
+    });
     const selectedMultipleOptions = computed(() => {
       if (!props.multiple || modelValueSet.value.size === 0) {
         return [];
@@ -1071,6 +1096,7 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
       const clickedInsideMenu = dropdownMenuRef.value?.contains(event.target);
       if (!clickedInsideTrigger && !clickedInsideMenu) {
         isOpen.value = false;
+        searchQuery.value = "";
       }
     };
     const syncDarkMode = () => {
@@ -1095,6 +1121,7 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     });
     watch(isOpen, async (open) => {
       if (!open) {
+        searchQuery.value = "";
         return;
       }
       syncDarkMode();
@@ -1150,8 +1177,21 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                 createElementVNode("div", {
                   class: normalizeClass([__props.dropdownClass, { "bg-neutral-950 border-neutral-800": isDarkMode.value }])
                 }, [
-                  __props.placeholder && !__props.multiple ? (openBlock(), createElementBlock("div", {
+                  __props.searchable ? withDirectives((openBlock(), createElementBlock("input", {
                     key: 0,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+                    type: "text",
+                    placeholder: __props.searchPlaceholder,
+                    class: normalizeClass(__props.searchInputClass),
+                    onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                    }, ["stop"])),
+                    onKeydown: _cache[2] || (_cache[2] = withModifiers(() => {
+                    }, ["stop"]))
+                  }, null, 42, _hoisted_1$t)), [
+                    [vModelText, searchQuery.value]
+                  ]) : createCommentVNode("", true),
+                  __props.placeholder && !__props.multiple ? (openBlock(), createElementBlock("div", {
+                    key: 1,
                     class: normalizeClass([
                       __props.dropdownOptionClass,
                       __props.placeholderClass,
@@ -1164,14 +1204,14 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                     }, toDisplayString(__props.placeholder), 5)
                   ], 2)) : createCommentVNode("", true),
                   selectedDeletedOption.value ? (openBlock(), createElementBlock("div", {
-                    key: 1,
+                    key: 2,
                     class: normalizeClass([
                       __props.dropdownOptionClass,
                       __props.deletedOptionClass,
                       __props.dropdownSelectedClass
                     ])
                   }, toDisplayString(optionText(selectedDeletedOption.value)), 3)) : createCommentVNode("", true),
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.multiple ? multipleOptions.value : availableOptions.value, (option) => {
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(filteredOptions.value, (option) => {
                     return openBlock(), createElementBlock("div", {
                       key: String(optionValue(option)),
                       class: normalizeClass([
@@ -1186,17 +1226,17 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                       ]),
                       onClick: withModifiers(($event) => __props.multiple ? toggleMultipleOption(option) : selectOption(option), ["stop"])
                     }, [
-                      __props.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$j, [
+                      __props.multiple ? (openBlock(), createElementBlock("div", _hoisted_3$d, [
                         createElementVNode("input", {
                           type: "checkbox",
                           class: "h-4 w-4 rounded border-neutral-300 text-neutral-900 focus:ring-neutral-900",
                           checked: optionIsSelected(option),
                           disabled: __props.disabled,
                           tabindex: "-1",
-                          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                          onClick: _cache[3] || (_cache[3] = withModifiers(() => {
                           }, ["stop"])),
                           onChange: withModifiers(($event) => toggleMultipleOption(option), ["stop"])
-                        }, null, 40, _hoisted_3$d),
+                        }, null, 40, _hoisted_4$a),
                         createElementVNode("span", {
                           style: normalizeStyle(darkTextStyle.value)
                         }, toDisplayString(optionText(option)), 5)
@@ -1204,7 +1244,7 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                         key: 1,
                         style: normalizeStyle(darkTextStyle.value)
                       }, toDisplayString(optionText(option)), 5))
-                    ], 10, _hoisted_1$t);
+                    ], 10, _hoisted_2$j);
                   }), 128))
                 ], 2)
               ], 6)) : createCommentVNode("", true)
@@ -1302,6 +1342,18 @@ const _sfc_main$F = {
     dropdownSelectedClass: {
       type: [String, Array, Object],
       default: "bg-blue-50 text-blue-700 font-medium dark:bg-neutral-900 dark:text-neutral-50"
+    },
+    searchable: {
+      type: Boolean,
+      default: false
+    },
+    searchPlaceholder: {
+      type: String,
+      default: "Search..."
+    },
+    searchInputClass: {
+      type: [String, Array, Object],
+      default: "w-full border-b border-neutral-200 px-4 py-3 text-sm outline-none focus:border-neutral-900 dark:border-neutral-800 dark:bg-neutral-950 dark:focus:border-neutral-100"
     }
   },
   emits: ["update:modelValue"],
@@ -1330,8 +1382,11 @@ const _sfc_main$F = {
         "dropdown-class": __props.dropdownClass,
         "dropdown-option-class": __props.dropdownOptionClass,
         "dropdown-selected-class": __props.dropdownSelectedClass,
+        searchable: __props.searchable,
+        "search-placeholder": __props.searchPlaceholder,
+        "search-input-class": __props.searchInputClass,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
-      }, _ctx.$attrs), null, 16, ["model-value", "model-modifiers", "options", "placeholder", "placeholder-disabled", "multiple", "disabled", "soft-delete-aware", "label-key", "value-key", "deleted-key", "option-label", "base-class", "normal-text-class", "deleted-selected-class", "option-class", "deleted-option-class", "placeholder-class", "dropdown-class", "dropdown-option-class", "dropdown-selected-class"]);
+      }, _ctx.$attrs), null, 16, ["model-value", "model-modifiers", "options", "placeholder", "placeholder-disabled", "multiple", "disabled", "soft-delete-aware", "label-key", "value-key", "deleted-key", "option-label", "base-class", "normal-text-class", "deleted-selected-class", "option-class", "deleted-option-class", "placeholder-class", "dropdown-class", "dropdown-option-class", "dropdown-selected-class", "searchable", "search-placeholder", "search-input-class"]);
     };
   }
 };
@@ -2190,13 +2245,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 +2321,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"]))
@@ -3210,6 +3341,18 @@ const _sfc_main$v = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     variant: {
       type: String,
       default: "classic"
+    },
+    searchable: {
+      type: Boolean,
+      default: false
+    },
+    searchPlaceholder: {
+      type: String,
+      default: "Search..."
+    },
+    searchInputClass: {
+      type: [String, Array, Object],
+      default: void 0
     }
   },
   emits: ["update:modelValue", "blur"],
@@ -3312,6 +3455,11 @@ const _sfc_main$v = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         inputProps.deletedOptionClass = props.deletedOptionClass;
       if (props.placeholderClass !== void 0)
         inputProps.placeholderClass = props.placeholderClass;
+      if (props.searchable !== void 0) inputProps.searchable = props.searchable;
+      if (props.searchPlaceholder !== void 0)
+        inputProps.searchPlaceholder = props.searchPlaceholder;
+      if (props.searchInputClass !== void 0)
+        inputProps.searchInputClass = props.searchInputClass;
       return inputProps;
     });
     const notationBindings = computed(() => ({
@@ -6119,4 +6267,4 @@ export {
   _sfc_main$B as y,
   _sfc_main$A as z
 };
-//# sourceMappingURL=plugin-HUdH_CuM.js.map
+//# sourceMappingURL=plugin-Bc62JLDw.js.map