@bagelink/vue 0.0.992 → 0.0.996

package/dist/index.mjs

@@ -6515,7 +6515,7 @@ const _hoisted_1$1$1 = {
 };
 const _hoisted_2$1$1 = ["width", "height", "viewBox"];
 const _hoisted_3$m = { class: "layer-rectangles" };
-const _hoisted_4$e = ["transform", "onMouseover"];
+const _hoisted_4$d = ["transform", "onMouseover"];
 const _hoisted_5$d = ["width", "height"];
 const _hoisted_6$a = {
   x: 0 + 10,
@@ -6567,7 +6567,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   )
                 ])
               ])
-            ], 42, _hoisted_4$e);
+            ], 42, _hoisted_4$d);
           }),
           128
           /* KEYED_FRAGMENT */
@@ -6791,7 +6791,7 @@ const _hoisted_2$q = {
   class: "data-row m_py-05"
 };
 const _hoisted_3$l = { class: "key" };
-const _hoisted_4$d = { class: "m-0" };
+const _hoisted_4$c = { class: "m-0" };
 const _hoisted_5$c = { key: 1 };
 const _hoisted_6$9 = {
   key: 0,
@@ -6850,7 +6850,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
           }, [
             unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$q, [
               createElementVNode("div", _hoisted_3$l, [
-                createElementVNode("p", _hoisted_4$d, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1)
+                createElementVNode("p", _hoisted_4$c, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1)
               ]),
               createVNode(unref(_sfc_main$N), {
                 modelValue: itemData.value,
@@ -24236,28 +24236,18 @@ function requireCommon() {
   return common;
 }
 requireCommon();
-const _hoisted_1$A = { style: { "max-height": "900px", "height": "100vh", "overflow": "scroll" } };
-const _hoisted_2$o = {
-  class: "relative block h-100 ltr code-editor-wrap",
-  style: { "height": "800px" }
-};
-const _hoisted_3$j = { class: "numbers absolute inset-0 py-1 px-05 txt16 line-height-15 overflow-hidden z-999 w50px txt-start opacity-3 color-gray" };
-const _hoisted_4$c = ["onKeydown"];
+const _hoisted_1$A = { class: "code-editor-wrap ltr radius-1" };
+const _hoisted_2$o = { class: "numbers absolute inset-0 py-1 px-05 txt16 line-height-15 overflow-hidden z-1 w50px txt-start opacity-3 color-gray" };
+const _hoisted_3$j = ["onKeydown"];
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "Index",
-  props: /* @__PURE__ */ mergeModels({
+  props: {
     language: {},
-    readonly: { type: Boolean, default: false }
-  }, {
-    "modelValue": {
-      type: String,
-      default: ""
-    },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
+    readonly: { type: Boolean, default: false },
+    modelValue: { default: "" }
+  },
   setup(__props) {
-    const code = useModel(__props, "modelValue");
+    let code = ref("");
     function tabKeyDown(event) {
       const target = event.target;
       const start = target.selectionStart;
@@ -24268,12 +24258,26 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
         target.selectionStart = target.selectionEnd = start + 2;
       });
     }
+    const textarea = ref();
+    let height = ref("300px");
+    function setHeight() {
+      if (!textarea.value) return;
+      const { scrollHeight } = textarea.value;
+      height.value = `${scrollHeight}px`;
+    }
     const Highlightjs = o.component;
+    watch(() => code.value, setHeight, { immediate: true });
+    watch(() => __props.modelValue, (value) => {
+      if (value !== code.value) code.value = value;
+    }, { immediate: true });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$A, [
-        createElementVNode("div", _hoisted_2$o, [
-          createElementVNode("div", _hoisted_3$j, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(code.value.split("\n"), (_2, index2) => {
+        createElementVNode("div", {
+          class: "relative block h-100",
+          style: normalizeStyle({ height: unref(height) })
+        }, [
+          createElementVNode("div", _hoisted_2$o, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(code).split("\n"), (_2, index2) => {
               return openBlock(), createElementBlock("div", {
                 key: index2,
                 class: "number txt-end"
@@ -24283,23 +24287,26 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           createVNode(unref(Highlightjs), {
             class: "highlighted-code absolute inset-0",
             autodetect: !_ctx.language,
-            code: code.value,
+            code: unref(code),
             wrap: true,
             language: _ctx.language
           }, null, 8, ["autodetect", "code", "language"]),
           !_ctx.readonly ? withDirectives((openBlock(), createElementBlock("textarea", {
             key: 0,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => code.value = $event),
+            ref_key: "textarea",
+            ref: textarea,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(code) ? code.value = $event : code = $event),
             spellcheck: false,
             class: "code-editor absolute inset-0 overflow-hidden bg-transparent line-height-15 border-none m-0",
             placeholder: "Write your code here",
             "aria-label": "Code Editor",
             "data-gramm": "false",
+            onInput: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:modelValue", unref(code))),
             onKeydown: withKeys(withModifiers(tabKeyDown, ["prevent"]), ["tab"])
-          }, null, 40, _hoisted_4$c)), [
-            [vModelText, code.value]
+          }, null, 40, _hoisted_3$j)), [
+            [vModelText, unref(code)]
           ]) : createCommentVNode("", true)
-        ])
+        ], 4)
       ]);
     };
   }
@@ -34942,12 +34949,14 @@ const defaultToolbarConfig = [
   "italic",
   "underline",
   "separator",
+  "p",
+  "blockquote",
   "orderedList",
   "unorderedList",
   "separator",
   "link",
   "image",
-  "youtube",
+  // 'youtube',
   "separator",
   "splitView",
   "clear",
@@ -34961,6 +34970,8 @@ const toolbarOptions = [
   { name: "h4", label: "h4", icon: "format_h4" },
   { name: "h5", label: "h5", icon: "format_h5" },
   { name: "h6", label: "h6", icon: "format_h6" },
+  { name: "p", label: "Paragraph", icon: "format_paragraph" },
+  { name: "blockquote", label: "Blockquote", icon: "format_quote" },
   { name: "bold", label: "Bold", icon: "format_bold" },
   { name: "italic", label: "Italic", icon: "format_italic" },
   { name: "underline", label: "Underline", icon: "format_underlined" },
@@ -35092,8 +35103,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["onSelect"])
               ]),
               _: 1
-            })) : createCommentVNode("", true),
-            action.name !== "separator" ? withDirectives((openBlock(), createBlock(unref(Btn), {
+            })) : action.name !== "separator" ? withDirectives((openBlock(), createBlock(unref(Btn), {
               key: 1,
               icon: action.icon,
               thin: "",
@@ -35113,12 +35123,91 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-df400bb5"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-9688758a"]]);
 function formatting(state2) {
+  const { doc, range: range2, selection } = state2;
+  function setRangeAndSelect(node, start, end) {
+    if (!range2) return;
+    range2.setStart(node, start);
+    range2.setEnd(node, end);
+  }
+  const wrapWithTag = (content, tag) => {
+    const wrapper = doc.createElement(tag);
+    wrapper.textContent = content;
+    return wrapper;
+  };
+  const createBlockElement = (tag, content) => {
+    const block2 = doc.createElement(tag);
+    block2.appendChild(content);
+    return block2;
+  };
+  const clear = () => {
+    if (!doc || !range2 || !selection) return;
+    const inlineTags = ["b", "i", "u", "strong", "em"];
+    const isInlineTag = (el) => el && inlineTags.includes(el.tagName.toLowerCase());
+    if (range2.collapsed) {
+      return;
+    }
+    const selectedContent = range2.extractContents();
+    const cleanInlineTags = (node) => {
+      if (node.nodeType === 1 && isInlineTag(node)) {
+        const fragment2 = doc.createDocumentFragment();
+        let child = node.firstChild;
+        while (child) {
+          const { nextSibling } = child;
+          fragment2.appendChild(cleanInlineTags(child));
+          child = nextSibling;
+        }
+        return fragment2;
+      } else if (node.nodeType === 1) {
+        const element = node.cloneNode(false);
+        let child = node.firstChild;
+        while (child) {
+          const { nextSibling } = child;
+          element.appendChild(cleanInlineTags(child));
+          child = nextSibling;
+        }
+        return element;
+      } else if (node.nodeType === 3) {
+        return node;
+      }
+      return doc.createTextNode("");
+    };
+    const fragment = doc.createDocumentFragment();
+    Array.from(selectedContent.childNodes).forEach((child) => {
+      const cleanedChild = cleanInlineTags(child);
+      if (cleanedChild.nodeType === 11) {
+        fragment.appendChild(cleanedChild);
+      } else {
+        fragment.appendChild(cleanedChild);
+      }
+    });
+    range2.deleteContents();
+    range2.insertNode(fragment);
+    const normalizeDom = (node) => {
+      var _a2, _b;
+      if (node.nodeType === 3 && ((_a2 = node.nextSibling) == null ? void 0 : _a2.nodeType) === 3) {
+        if (node.textContent && node.nextSibling.textContent) {
+          node.textContent += node.nextSibling.textContent;
+        }
+        (_b = node.parentNode) == null ? void 0 : _b.removeChild(node.nextSibling);
+      } else if (node.nodeType === 1) {
+        Array.from(node.childNodes).forEach((child) => {
+          normalizeDom(child);
+        });
+      }
+    };
+    Array.from(fragment.childNodes).forEach((child) => {
+      normalizeDom(child);
+    });
+    selection.removeAllRanges();
+    range2.selectNodeContents(fragment);
+    selection.addRange(range2);
+  };
   const text = (command) => {
-    var _a2, _b;
-    const { doc, range: range2, selection } = state2;
+    var _a2, _b, _c, _d, _e2;
     if (!doc || !range2 || !selection) return;
+    const { startOffset, endOffset } = range2;
     let tag = "";
     if (command === "bold") tag = "b";
     if (command === "italic") tag = "i";
@@ -35128,84 +35217,179 @@ function formatting(state2) {
     const relatedTags = {
       b: ["strong"],
       i: ["em"],
-      u: [],
+      u: ["u"],
       em: ["i"],
       strong: ["b"]
     };
-    const selectedContent = range2.extractContents();
-    const wrapper = doc.createElement(tag);
-    wrapper.appendChild(selectedContent);
+    const isTagMatch = (el) => el && (el.tagName.toLowerCase() === tag || relatedTags[tag].includes(el.tagName.toLowerCase()));
+    if (range2.collapsed) {
+      const container2 = range2.commonAncestorContainer;
+      const parent2 = container2.parentElement;
+      if (parent2 && isTagMatch(parent2)) {
+        const textNode = doc.createTextNode(parent2.textContent || "");
+        (_a2 = parent2.parentNode) == null ? void 0 : _a2.replaceChild(textNode, parent2);
+        range2.selectNodeContents(textNode);
+        selection.removeAllRanges();
+        setRangeAndSelect(textNode, startOffset, endOffset);
+        selection.addRange(range2);
+      }
+      return;
+    }
     const container = range2.commonAncestorContainer;
     const parent = container.parentElement;
-    if (parent && (parent.tagName.toLowerCase() === tag || relatedTags[tag].includes(parent.tagName.toLowerCase()))) {
-      while (wrapper.firstChild) {
-        (_a2 = parent.parentNode) == null ? void 0 : _a2.insertBefore(wrapper.firstChild, parent);
-      }
-      (_b = parent.parentNode) == null ? void 0 : _b.removeChild(parent);
+    if (parent && isTagMatch(parent)) {
+      const parentText = parent.textContent || "";
+      const beforeText = parentText.substring(0, range2.startOffset - parentText.indexOf(parent.textContent || ""));
+      const selectedText = parentText.substring(range2.startOffset, range2.endOffset);
+      const afterText = parentText.substring(range2.endOffset);
+      if (beforeText) {
+        const beforeNode = wrapWithTag(beforeText, tag);
+        (_b = parent.parentNode) == null ? void 0 : _b.insertBefore(beforeNode, parent);
+      }
+      const unwrappedTextNode = doc.createTextNode(selectedText);
+      (_c = parent.parentNode) == null ? void 0 : _c.insertBefore(unwrappedTextNode, parent);
+      if (afterText) {
+        const afterNode = wrapWithTag(afterText, tag);
+        (_d = parent.parentNode) == null ? void 0 : _d.insertBefore(afterNode, parent);
+      }
+      (_e2 = parent.parentNode) == null ? void 0 : _e2.removeChild(parent);
+      range2.selectNode(unwrappedTextNode);
     } else {
+      const selectedContent = range2.extractContents();
+      const wrapper = doc.createElement(tag);
+      wrapper.appendChild(selectedContent);
       range2.insertNode(wrapper);
+      const nestedTags = wrapper.querySelectorAll(`${tag},${(relatedTags[tag] || []).join(",")}`);
+      nestedTags.forEach((nestedTag) => {
+        var _a3, _b2;
+        while (nestedTag.firstChild) {
+          (_a3 = nestedTag.parentNode) == null ? void 0 : _a3.insertBefore(nestedTag.firstChild, nestedTag);
+        }
+        (_b2 = nestedTag.parentNode) == null ? void 0 : _b2.removeChild(nestedTag);
+      });
+      range2.selectNodeContents(wrapper);
     }
-    const nestedTags = wrapper.querySelectorAll(`${tag},${(relatedTags[tag] || []).join(",")}`);
-    nestedTags.forEach((nestedTag) => {
-      var _a3, _b2;
-      while (nestedTag.firstChild) {
-        (_a3 = nestedTag.parentNode) == null ? void 0 : _a3.insertBefore(nestedTag.firstChild, nestedTag);
-      }
-      (_b2 = nestedTag.parentNode) == null ? void 0 : _b2.removeChild(nestedTag);
-    });
     selection.removeAllRanges();
     selection.addRange(range2);
   };
   const block = (command, value) => {
     var _a2;
-    const { doc, range: range2, selection } = state2;
     if (!doc || !range2 || !selection) return;
     const container = range2.commonAncestorContainer;
     const parent = container.nodeType === 3 ? container.parentElement : container;
     if (!parent) return;
-    const currentHeading = parent.closest("p,h1,h2,h3,h4,h5,h6");
+    const currentHeading = parent.closest("p,h1,h2,h3,h4,h5,h6,blockquote");
     const { startOffset, endOffset } = range2;
     const blockEl = currentHeading || parent.closest("p,h1,h2,h3,h4,h5,h6") || parent;
     range2.selectNodeContents(blockEl);
     const content = range2.extractContents();
-    const newElement = doc.createElement(currentHeading && currentHeading.tagName.toLowerCase() === value ? "p" : value);
-    newElement.appendChild(content);
+    const newElement = createBlockElement(value, content);
     if (currentHeading) {
       (_a2 = currentHeading.parentNode) == null ? void 0 : _a2.replaceChild(newElement, currentHeading);
     } else {
       range2.insertNode(newElement);
     }
     selection.removeAllRanges();
-    range2.setStart(container, startOffset);
-    range2.setEnd(container, endOffset);
+    setRangeAndSelect(container, startOffset, endOffset);
     selection.addRange(range2);
   };
   const list = (command) => {
     var _a2;
-    const { doc, range: range2 } = state2;
-    if (!doc || !range2) return;
+    if (!doc || !range2 || !selection) return;
     const listTag = command === "orderedList" ? "ol" : "ul";
     const container = range2.commonAncestorContainer;
     const parent = container.nodeType === 3 ? container.parentElement : container;
     const currentList = parent == null ? void 0 : parent.closest("ul,ol");
+    if (!parent) return;
+    const listItem = parent.closest("li");
+    if (listItem) {
+      const listParent = listItem.parentElement;
+      if (!listParent) return;
+      const beforeFragment = doc.createDocumentFragment();
+      const afterFragment = doc.createDocumentFragment();
+      let currentNode = listParent.firstChild;
+      let isBefore2 = true;
+      while (currentNode) {
+        if (currentNode === listItem) {
+          isBefore2 = false;
+        } else if (isBefore2) {
+          beforeFragment.appendChild(currentNode.cloneNode(true));
+        } else {
+          afterFragment.appendChild(currentNode.cloneNode(true));
+        }
+        currentNode = currentNode.nextSibling;
+      }
+      const standaloneBlock = doc.createElement("p");
+      while (listItem.firstChild) {
+        standaloneBlock.appendChild(listItem.firstChild);
+      }
+      const grandParent = listParent.parentNode;
+      if (!grandParent) return;
+      if (beforeFragment.childNodes.length > 0) {
+        const newListBefore = doc.createElement(listParent.tagName.toLowerCase());
+        newListBefore.appendChild(beforeFragment);
+        grandParent.insertBefore(newListBefore, listParent);
+      }
+      grandParent.insertBefore(standaloneBlock, listParent);
+      if (afterFragment.childNodes.length > 0) {
+        const newListAfter = doc.createElement(listParent.tagName.toLowerCase());
+        newListAfter.appendChild(afterFragment);
+        grandParent.insertBefore(newListAfter, listParent.nextSibling);
+      }
+      grandParent.removeChild(listParent);
+      selection.removeAllRanges();
+      range2.selectNodeContents(standaloneBlock);
+      selection.addRange(range2);
+      return;
+    }
+    const startBlock = parent.closest("p,h1,h2,h3,h4,h5,h6,blockquote") || parent;
+    const endBlock = range2.endContainer.nodeType === 3 ? ((_a2 = range2.endContainer.parentElement) == null ? void 0 : _a2.closest("p,h1,h2,h3,h4,h5,h6,blockquote")) || range2.endContainer.parentElement : range2.endContainer;
+    const blocks = [];
+    let currentBlock = startBlock;
+    while (currentBlock) {
+      blocks.push(currentBlock);
+      if (currentBlock === endBlock) break;
+      currentBlock = currentBlock.nextElementSibling;
+    }
     if (currentList) {
-      const content = range2.extractContents();
-      const p2 = doc.createElement("p");
-      p2.appendChild(content);
-      (_a2 = currentList.parentNode) == null ? void 0 : _a2.replaceChild(p2, currentList);
+      const fragment = doc.createDocumentFragment();
+      blocks.forEach((block2) => {
+        const paragraph = doc.createElement("p");
+        while (block2.firstChild) {
+          paragraph.appendChild(block2.firstChild);
+        }
+        fragment.appendChild(paragraph);
+      });
+      const listParent = currentList.parentNode;
+      if (listParent) {
+        listParent.insertBefore(fragment, currentList.nextSibling);
+        if (!currentList.querySelector("li")) {
+          listParent.removeChild(currentList);
+        }
+      }
+      selection.removeAllRanges();
+      range2.selectNodeContents(fragment);
+      selection.addRange(range2);
     } else {
       const listEl = doc.createElement(listTag);
-      const li = doc.createElement("li");
-      const content = range2.extractContents();
-      li.appendChild(content);
-      listEl.appendChild(li);
+      blocks.forEach((block2) => {
+        const li = doc.createElement("li");
+        while (block2.firstChild) {
+          li.appendChild(block2.firstChild);
+        }
+        listEl.appendChild(li);
+      });
       range2.insertNode(listEl);
+      selection.removeAllRanges();
+      range2.selectNodeContents(listEl);
+      selection.addRange(range2);
     }
   };
-  return { text, block, list };
+  return { text, block, list, clear };
 }
-function insertImage(modal, doc, range2) {
-  if (!range2) return;
+function insertImage(modal, state2) {
+  const { range: range2, doc } = state2;
+  if (!range2 || !doc) return;
   modal.showModalForm({
     title: "Upload Image",
     schema: [
@@ -35217,14 +35401,15 @@ function insertImage(modal, doc, range2) {
         const img = doc.createElement("img");
         img.src = data2.src;
         img.alt = data2.alt;
-        range2.deleteContents();
+        range2.collapse(false);
         range2.insertNode(img);
       }
     }
   });
 }
-function insertLink(modal, doc, range2) {
-  if (!range2) return;
+function insertLink(modal, state2) {
+  const { range: range2, doc } = state2;
+  if (!range2 || !doc) return;
   modal.showModalForm({
     title: "Insert Link",
     schema: [
@@ -35253,28 +35438,12 @@ function isStyleActive(style, doc) {
     if (tags.includes(element.tagName.toLowerCase())) return true;
     return checkParent(element.parentElement, tags);
   };
-  switch (style) {
-    case "bold":
-      return checkParent(parent, ["strong", "b"]);
-    case "italic":
-      return checkParent(parent, ["em", "i"]);
-    case "underline":
-      return checkParent(parent, ["u"]);
-    case "h1":
-      return checkParent(parent, ["h1"]);
-    case "h2":
-      return checkParent(parent, ["h2"]);
-    case "h3":
-      return checkParent(parent, ["h3"]);
-    case "h4":
-      return checkParent(parent, ["h4"]);
-    case "h5":
-      return checkParent(parent, ["h5"]);
-    case "h6":
-      return checkParent(parent, ["h6"]);
-    default:
-      return false;
-  }
+  const styleTags = {
+    bold: ["strong", "b"],
+    italic: ["em", "i"],
+    underline: ["u"]
+  };
+  return checkParent(parent, styleTags[style] ?? [style]);
 }
 function insertTable(rows, cols, state2) {
   if (!state2.doc) return;
@@ -35381,7 +35550,12 @@ function useEditor() {
       "h3",
       "h4",
       "h5",
-      "h6"
+      "h6",
+      "blockquote",
+      "table",
+      "p",
+      "ol",
+      "li"
     ];
     styleTypes.forEach((style) => {
       if (state2.doc && isStyleActive(style, state2.doc)) {
@@ -35449,7 +35623,7 @@ function useEditor() {
       if (!state2.doc.body.contains(selection.anchorNode)) {
         state2.doc.body.focus();
       }
-      console.log(command);
+      console.log("command", command, value2);
       switch (command) {
         case "insertTable": {
           const [rows, cols] = (value2 == null ? void 0 : value2.split("x").map(Number)) || [3, 3];
@@ -35482,12 +35656,16 @@ function useEditor() {
         case "underline":
           format2().text(command);
           break;
+        case "clear": {
+          format2().clear();
+          break;
+        }
         case "orderedList":
         case "unorderedList":
           format2().list(command);
           break;
         case "image":
-          insertImage(state2.modal, state2.doc, range2);
+          insertImage(state2.modal, state2);
           break;
         // case 'youtube':
         // 	if (isCaret) return
@@ -35495,7 +35673,11 @@ function useEditor() {
         // 	break
         case "link":
           if (isCaret) return;
-          insertLink(state2.modal, state2.doc, range2);
+          insertLink(state2.modal, state2);
+          break;
+        case "blockquote":
+        case "p":
+          format2().block(command, value2 || command);
           break;
         default:
           if (/^h[1-6]$/.test(command)) {
@@ -35596,6 +35778,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     watch(() => props2.modelValue, (newValue) => {
       if (newValue !== editor.state.content) {
         editor.state.content = newValue;
+        editor.updateContent("html");
       }
     });
     watch(() => editor.state.content, (newValue) => {
@@ -35639,7 +35822,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-faf0065a"]]);
+const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-e274dd3b"]]);
 const _hoisted_1$m = { class: "flex gap-05" };
 const _hoisted_2$e = ["disabled"];
 const _hoisted_3$b = { key: 1 };