@onereach/ui-components 25.1.1-beta.5754.0 → 25.1.1-beta.5756.0

package/dist/esm/{OrRichTextEditor-DJTBMYpL.mjs → OrRichTextEditor-BJxy79mx.mjs}

@@ -1,17 +1,17 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("[data-v-538f3986] .or-cm-paragraph{@apply my-xs;}[data-v-538f3986] .or-cm-bulletList{@apply mx-lg my-xs list-disc;}[data-v-538f3986] .or-cm-orderedList{@apply mx-lg my-xs list-decimal;}[data-v-538f3986] .or-cm-blockquote{@apply my-sm mx-lg px-lg border-l-2 border-outline;}[data-v-538f3986] .or-cm-link{@apply text-primary cursor-pointer;}[data-v-538f3986] .or-cm-placeholder{@apply text-outline;}[data-v-538f3986] .or-cm-editorProps{@apply flex flex-col focus:outline-none gap-xs h-full;}.tiptap-editor-v3 .is-editor-empty:before{float:left;height:0;pointer-events:none;content:attr(data-placeholder)}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("[data-v-f034427c] .or-cm-paragraph{@apply my-xs;}[data-v-f034427c] .or-cm-bulletList{@apply mx-lg my-xs list-disc;}[data-v-f034427c] .or-cm-orderedList{@apply mx-lg my-xs list-decimal;}[data-v-f034427c] .or-cm-blockquote{@apply my-sm mx-lg px-lg border-l-2 border-outline;}[data-v-f034427c] .or-cm-link{@apply text-primary cursor-pointer;}[data-v-f034427c] .or-cm-placeholder{@apply text-outline;}[data-v-f034427c] .or-cm-editorProps{@apply flex flex-col focus:outline-none gap-xs h-full;}.tiptap-editor-v3 .is-editor-empty:before{float:left;height:0;pointer-events:none;content:attr(data-placeholder)}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 import { useTheme as ft, useResponsive as pt } from "@onereach/ui-components-common/hooks";
 import { isArray as gt } from "@onereach/ui-components-common/utils";
 import { O as ht } from "./OrButton-C_hXddAf.mjs";
 import { O as vt } from "./OrError-B5ihH6-3.mjs";
 import { O as bt } from "./OrHint-NvbZyURY.mjs";
-import { O as kt } from "./OrIconButton-BlHCLpeW.mjs";
+import { O as kt } from "./OrIconButton-so2l-4Ln.mjs";
 import { O as yt } from "./OrInputBox-6ciokFdU.mjs";
-import { O as Ct } from "./OrInput-BqDsy3wR.mjs";
+import { O as Ct } from "./OrInput-xRvb8uHb.mjs";
 import { O as wt } from "./OrLabel-K7_HgvcK.mjs";
-import { O as Ot } from "./OrMenuItem-puiy5rFO.mjs";
-import { O as St } from "./OrMenu-CJT4Snay.mjs";
-import { O as Lt } from "./OrModal-CQhwUYFk.mjs";
-import { O as Bt } from "./OrPopover-DbygLPtT.mjs";
+import { O as Ot } from "./OrMenuItem-CohVxMQ3.mjs";
+import { O as St } from "./OrMenu-BT2QshNv.mjs";
+import { O as Lt } from "./OrModal-CMOXUS3L.mjs";
+import { O as Bt } from "./OrPopover-B0AoMLqH.mjs";
 import { Node as Mt, Editor as At, mergeAttributes as Pt } from "@tiptap/core";
 import Fe from "@tiptap/extension-blockquote";
 import qe from "@tiptap/extension-bullet-list";
@@ -25,7 +25,7 @@ import We from "@tiptap/extension-underline";
 import Nt from "@tiptap/starter-kit";
 import { useResizeObserver as Vt, useDebounceFn as $t, onClickOutside as It } from "@vueuse/core";
 import { useFocusTrap as Et } from "@vueuse/integrations/useFocusTrap";
-import { defineComponent as Ft, shallowRef as qt, ref as m, onMounted as zt, onBeforeUnmount as Tt, computed as w, watch as Dt, nextTick as Ut, resolveComponent as O, openBlock as f, createElementBlock as q, normalizeClass as N, createBlock as R, withCtx as v, renderSlot as re, createTextVNode as V, toDisplayString as ne, createCommentVNode as D, createVNode as $, createElementVNode as z, Fragment as ae, renderList as le, withDirectives as se, vShow as ie, vModelText as Wt } from "vue";
+import { defineComponent as Ft, shallowRef as qt, ref as m, onMounted as zt, onBeforeUnmount as Tt, computed as w, watch as Dt, nextTick as Ut, resolveComponent as O, openBlock as f, createElementBlock as F, normalizeClass as R, createBlock as H, withCtx as v, renderSlot as ee, createTextVNode as V, toDisplayString as te, createCommentVNode as T, createVNode as $, createElementVNode as q, Fragment as oe, renderList as re, withDirectives as ne, vShow as ae, vModelText as Wt } from "vue";
 import { TextSelection as Gt, Selection as Jt } from "prosemirror-state";
 import { exitCode as jt } from "prosemirror-commands";
 import { EditorState as Ce } from "@codemirror/state";
@@ -42,8 +42,8 @@ import ao from "@tiptap/extension-list-item";
 import lo from "@tiptap/extension-strike";
 import so from "@tiptap/extension-horizontal-rule";
 import { marked as io } from "marked";
-import { defaultMarkdownSerializer as S, MarkdownSerializer as uo } from "prosemirror-markdown";
-import { DOMParser as co } from "prosemirror-model";
+import { defaultMarkdownSerializer as S, MarkdownSerializer as co } from "prosemirror-markdown";
+import { DOMParser as uo } from "prosemirror-model";
 import { _ as mo } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 var Je = /* @__PURE__ */ ((e) => (e.Markdown = "markdown", e.Markup = "markup", e))(Je || {}), je = /* @__PURE__ */ ((e) => (e.bold = "format_bold", e.italic = "format_italic", e.underline = "format_underlined", e.strike = "format_strikethrough", e.bulletList = "format_list_bulleted", e.orderedList = "format_list_numbered", e.link = "link", e.highlight = "highlight", e.redo = "redo", e.undo = "undo", e.codeBlock = "code_blocks", e.blockquote = "format_quote", e.file = "attach_file", e.source = "source_notes", e))(je || {}), Ke = /* @__PURE__ */ ((e) => (e.bold = "Bold", e.italic = "Italic", e.underline = "Underline", e.strike = "Strike", e.bulletList = "Bulleted List", e.orderedList = "Numbered List", e.link = "Link", e.highlight = "Highlight", e.redo = "Redo", e.undo = "Undo", e.codeBlock = "Code Block", e.blockquote = "Quote", e.file = "File", e.source = "Source", e))(Ke || {});
 const fo = [
@@ -86,11 +86,11 @@ const fo = [
   "h-full"
 ], n = ft(), vo = n == null ? void 0 : n.backgroundColor["custom-colors-custom-6"], we = n == null ? void 0 : n.backgroundColor["custom-colors-custom-1"], bo = n == null ? void 0 : n.backgroundColor["custom-colors-custom-3"];
 var Be;
-const ko = (Be = n == null ? void 0 : n.backgroundColor) == null ? void 0 : Be.white, ue = n == null ? void 0 : n.backgroundColor["custom-colors-custom-6"], he = n == null ? void 0 : n.backgroundColor["custom-colors-custom-5"], yo = n == null ? void 0 : n.backgroundColor["custom-colors-custom-3"], Co = n == null ? void 0 : n.backgroundColor.success, Oe = n == null ? void 0 : n.backgroundColor.warning, wo = n == null ? void 0 : n.backgroundColor["custom-colors-custom-1"];
+const ko = (Be = n == null ? void 0 : n.backgroundColor) == null ? void 0 : Be.white, le = n == null ? void 0 : n.backgroundColor["custom-colors-custom-6"], fe = n == null ? void 0 : n.backgroundColor["custom-colors-custom-5"], yo = n == null ? void 0 : n.backgroundColor["custom-colors-custom-3"], Co = n == null ? void 0 : n.backgroundColor.success, Oe = n == null ? void 0 : n.backgroundColor.warning, wo = n == null ? void 0 : n.backgroundColor["custom-colors-custom-1"];
 var Me, Ae, Pe, He, Re, Ne, Ve, $e, Ie, Ee;
 const Oo = Ge.theme({
   "&": {
-    color: ue,
+    color: le,
     backgroundColor: (Me = n == null ? void 0 : n.backgroundColor) == null ? void 0 : Me["bg-primary-container"]
   },
   ".cm-editor": {
@@ -122,7 +122,7 @@ const Oo = Ge.theme({
   },
   ".cm-panels": {
     // backgroundColor: darkBackground,
-    color: ue
+    color: le
   },
   // '.cm-panels.cm-panels-top': { borderBottom: `2px solid ${themes?.colors?.neutral?.[200]}` },
   // '.cm-panels.cm-panels-bottom': { borderTop: `2px solid ${themes?.colors?.neutral?.[200]}` },
@@ -142,7 +142,7 @@ const Oo = Ge.theme({
   },
   ".cm-gutters": {
     backgroundColor: (Ne = n == null ? void 0 : n.backgroundColor) == null ? void 0 : Ne["primary-opacity-0-12"],
-    color: he,
+    color: fe,
     border: "none"
   },
   ".cm-lineNumbers .cm-gutterElement": {
@@ -172,7 +172,7 @@ const Oo = Ge.theme({
   ".cm-tooltip-autocomplete": {
     "& > ul > li[aria-selected]": {
       // backgroundColor: highlightBackground,
-      color: ue
+      color: le
     }
   },
   ".cm-textfield": {
@@ -202,7 +202,7 @@ const Oo = Ge.theme({
   },
   {
     tag: [a.definition(a.name), a.separator],
-    color: ue
+    color: le
   },
   {
     tag: [a.typeName, a.className, a.number, a.changed, a.annotation, a.modifier, a.self, a.namespace],
@@ -214,7 +214,7 @@ const Oo = Ge.theme({
   },
   {
     tag: [a.meta, a.comment],
-    color: he
+    color: fe
   },
   {
     tag: a.strong,
@@ -230,7 +230,7 @@ const Oo = Ge.theme({
   },
   {
     tag: a.link,
-    color: he,
+    color: fe,
     textDecoration: "underline"
   },
   {
@@ -253,14 +253,14 @@ const Oo = Ge.theme({
 ]), Lo = [Oo, xt(So)], Se = (e, o) => {
   if (e === o)
     return null;
-  let t = 0, s = e.length, l = o.length;
-  for (; t < s && e.charCodeAt(t) === o.charCodeAt(t); )
+  let t = 0, i = e.length, l = o.length;
+  for (; t < i && e.charCodeAt(t) === o.charCodeAt(t); )
     t += 1;
-  for (; s > t && l > t && e.charCodeAt(s - 1) === o.charCodeAt(l - 1); )
-    s -= 1, l -= 1;
+  for (; i > t && l > t && e.charCodeAt(i - 1) === o.charCodeAt(l - 1); )
+    i -= 1, l -= 1;
   return {
     from: t,
-    to: s,
+    to: i,
     text: o.slice(t, l)
   };
 };
@@ -270,7 +270,7 @@ class Bo {
     this.updating = !1, this.node = o.node, this.view = o.view;
     const t = ((g = o.cmOptions) == null ? void 0 : g.extensions) || [];
     this.name = "codeBlock", this.getPos = o.getPos;
-    const s = Ce.changeFilter.of((L) => (!L.docChanged && !this.updating && this.forwardSelection(), !0));
+    const i = Ce.changeFilter.of((L) => (!L.docChanged && !this.updating && this.forwardSelection(), !0));
     this.cm = new Ge({
       dispatch: this.dispatch.bind(this)
     }), this.dom = this.cm.dom;
@@ -278,7 +278,7 @@ class Bo {
       doc: this.node.textContent,
       extensions: [
         Lo,
-        s,
+        i,
         Kt(),
         Qt(),
         Xt(),
@@ -316,12 +316,12 @@ class Bo {
     t.eq(o.selection) || this.view.dispatch(o.tr.setSelection(t));
   }
   asProseMirrorSelection(o) {
-    const t = this.getPos() + 1, { anchor: s, head: l } = this.cm.state.selection.main;
-    return Gt.create(o, s + t, l + t);
+    const t = this.getPos() + 1, { anchor: i, head: l } = this.cm.state.selection.main;
+    return Gt.create(o, i + t, l + t);
   }
   dispatch(o) {
     if (this.cm.setState(o.state), o.docChanged && !this.updating) {
-      const t = this.getPos() + 1, s = o.state.doc.toString(), l = Se(this.node.textContent, s);
+      const t = this.getPos() + 1, i = o.state.doc.toString(), l = Se(this.node.textContent, i);
       if (!l)
         return;
       const g = l.text ? this.view.state.schema.text(l.text) : null, L = this.view.state.tr.replaceWith(l.from + t, l.to + t, g);
@@ -329,17 +329,17 @@ class Bo {
     }
   }
   mayBeEscape(o, t) {
-    return (s) => {
-      const { state: l } = s, { selection: g } = l, k = (() => {
+    return (i) => {
+      const { state: l } = i, { selection: g } = l, k = (() => {
         const y = g.main.from, A = l.doc.lineAt(y);
         return {
           line: A.number,
           ch: y - A.from
         };
-      })(), U = l.selection.ranges.some((y) => !y.empty), W = 1, G = l.doc.lineAt(l.doc.length).number;
-      if (U || k.line !== (t < 0 ? W : G) || o === "char" && k.ch !== (t < 0 ? 0 : l.doc.line(k.line).length))
+      })(), D = l.selection.ranges.some((y) => !y.empty), U = 1, W = l.doc.lineAt(l.doc.length).number;
+      if (D || k.line !== (t < 0 ? U : W) || o === "char" && k.ch !== (t < 0 ? 0 : l.doc.line(k.line).length))
         return !1;
-      const J = this.getPos() + (t < 0 ? 0 : this.node.nodeSize), B = Jt.near(this.view.state.doc.resolve(J), t);
+      const G = this.getPos() + (t < 0 ? 0 : this.node.nodeSize), B = Jt.near(this.view.state.doc.resolve(G), t);
       return this.view.dispatch(this.view.state.tr.setSelection(B).scrollIntoView()), this.view.focus(), !0;
     };
   }
@@ -444,37 +444,37 @@ const Mo = Mt.create({
     expelEnclosingWhitespace: !0
   },
   [Te.name]: {
-    open(e, o, t, s) {
-      return Le(o, t, s, 1) ? "<" : "[";
+    open(e, o, t, i) {
+      return Le(o, t, i, 1) ? "<" : "[";
     },
-    close(e, o, t, s) {
+    close(e, o, t, i) {
       const l = o.attrs.canonicalSrc || o.attrs.href;
-      return Le(o, t, s, -1) ? ">" : `](${e.esc(l)}${o.attrs.title ? ` ${e.quote(o.attrs.title)}` : ""})`;
+      return Le(o, t, i, -1) ? ">" : `](${e.esc(l)}${o.attrs.title ? ` ${e.quote(o.attrs.title)}` : ""})`;
     }
   }
 };
-function Le(e, o, t, s) {
+function Le(e, o, t, i) {
   if (e.attrs.title || !/^\w+:/.test(e.attrs.href)) return !1;
-  const l = o.child(t + (s < 0 ? -1 : 0));
+  const l = o.child(t + (i < 0 ? -1 : 0));
   if (!l.isText || l.text !== e.attrs.href || l.marks[l.marks.length - 1] !== e)
     return !1;
-  if (t === (s < 0 ? 1 : o.childCount - 1)) return !0;
-  const g = o.child(t + (s < 0 ? -2 : 1));
+  if (t === (i < 0 ? 1 : o.childCount - 1)) return !0;
+  const g = o.child(t + (i < 0 ? -2 : 1));
   return !e.isInSet(g.marks);
 }
-function pe(e, o) {
-  const t = new uo(
+function de(e, o) {
+  const t = new co(
     Ao,
     Po
-  ), s = e.nodeFromJSON(o);
-  return t.serialize(s, { tightLists: !0 });
+  ), i = e.nodeFromJSON(o);
+  return t.serialize(i, { tightLists: !0 });
 }
-function ge(e, o) {
+function me(e, o) {
   if (!o) return null;
   const t = io.parse(o);
   if (!t) return null;
-  const s = new DOMParser(), { body: l } = s.parseFromString(t, "text/html");
-  return l.append(document.createComment(o)), co.fromSchema(e).parse(l).toJSON();
+  const i = new DOMParser(), { body: l } = i.parseFromString(t, "text/html");
+  return l.append(document.createComment(o)), uo.fromSchema(e).parse(l).toJSON();
 }
 const Ho = Ft({
   name: "OrRichTextEditor",
@@ -550,7 +550,7 @@ const Ho = Ft({
   ],
   setup(e, o) {
     let t = qt();
-    const s = m(), l = m(), g = m(), L = m(), k = m(), U = m(), W = m(), G = m(), J = m(), B = m({
+    const i = m(), l = m(), g = m(), L = m(), k = m(), D = m(), U = m(), W = m(), G = m(), B = m({
       bold: !1,
       italic: !1,
       underline: !1,
@@ -565,29 +565,29 @@ const Ho = Ft({
       blockquote: !1,
       file: !1,
       source: !1
-    }), y = m(e.autofocus), A = [1, 2, 3, 4], P = m(0), I = m(""), i = m(!1), H = m(!1), d = m(""), b = m(""), ce = m(0), ve = m(""), { isMobile: be } = pt();
-    let ke = Et(s, {
+    }), y = m(e.autofocus), A = [1, 2, 3, 4], P = m(0), I = m(""), s = m(!1), N = m(!1), d = m(""), b = m(""), se = m(0), pe = m(""), { isMobile: ge } = pt();
+    let he = Et(i, {
       fallbackFocus: ".container",
       allowOutsideClick: !0
     });
     Vt(g, $t((r) => {
       var h, p;
-      const u = r[0], { width: c } = u.contentRect;
-      if (k.value && l.value && ye.value) {
+      const c = r[0], { width: u } = c.contentRect;
+      if (k.value && l.value && ve.value) {
         let C = 0;
         C = ((p = (h = l.value.firstElementChild) == null ? void 0 : h.firstElementChild) == null ? void 0 : p.offsetWidth) + 16;
-        const M = c / C - 2;
-        ce.value = Math.round(ye.value - M);
+        const M = u / C - 2;
+        se.value = Math.round(ve.value - M);
       }
     }, 10)), zt(() => {
       t.value = new At({
         onUpdate: ({ editor: r }) => {
-          y.value = !0, me();
-          const u = r.getHTML(), c = r.getText();
-          e.format === "markdown" ? (I.value = pe(r.schema, r.getJSON()), E.value = I.value) : E.value = c === "" ? c : u;
+          y.value = !0, ce();
+          const c = r.getHTML(), u = r.getText();
+          e.format === "markdown" ? (I.value = de(r.schema, r.getJSON()), E.value = I.value) : E.value = u === "" ? u : c;
         },
         onCreate: ({ editor: r }) => {
-          e.format === "markdown" ? r.commands.setContent(ge(r.schema, E.value)) : r.commands.setContent(E.value);
+          e.format === "markdown" ? r.commands.setContent(me(r.schema, E.value)) : r.commands.setContent(E.value);
         },
         onFocus(r) {
           o.emit("focus", r);
@@ -595,7 +595,7 @@ const Ho = Ft({
         onBlur(r) {
           o.emit("blur", r);
         },
-        element: s.value,
+        element: i.value,
         autofocus: e.autofocus,
         enableInputRules: !0,
         enablePasteRules: !0,
@@ -631,10 +631,10 @@ const Ho = Ft({
           }),
           Ht.configure({ levels: A }).extend({
             levels: A,
-            renderHTML({ node: r, HTMLAttributes: u }) {
+            renderHTML({ node: r, HTMLAttributes: c }) {
               return [
                 "h" + r.attrs.level,
-                Pt(u, {
+                Pt(c, {
                   class: `typography-headline-${r.attrs.level} my-xs`
                 }),
                 0
@@ -666,99 +666,93 @@ const Ho = Ft({
         parseOptions: {
           preserveWhitespace: !0
         }
-      }), me(), ke.activate();
+      }), ce(), he.activate();
     }), Tt(() => {
       var r;
       (r = t.value) == null || r.destroy();
     }), It(g, () => {
-      y.value = !1, ke.deactivate();
+      y.value = !1, he.deactivate();
     });
     const E = w({
       get: () => e.modelValue,
       set: (r) => {
         o.emit("input", r), o.emit("update:modelValue", r);
       }
-    }), Qe = w(() => e.toolbar.flat().indexOf("heading")), Xe = w(() => (r) => je[r]), Ye = w(() => (r) => Ke[r]), Ze = w(() => P.value && B.value.heading ? `format_h${P.value}` : "format_paragraph"), ye = w(() => e.toolbar.flat().length), de = w(() => {
-      const r = ce.value, u = e.toolbar.flat();
-      let c = new Set(u.slice(u.length - r, u.length));
+    }), Qe = w(() => e.toolbar.flat().indexOf("heading")), Xe = w(() => (r) => je[r]), Ye = w(() => (r) => Ke[r]), Ze = w(() => P.value && B.value.heading ? `format_h${P.value}` : "format_paragraph"), ve = w(() => e.toolbar.flat().length), ie = w(() => {
+      const r = se.value, c = e.toolbar.flat();
+      let u = new Set(c.slice(c.length - r, c.length));
       return e.toolbar.forEach((h) => {
-        h.some((p) => c.has(p)) && h.forEach((p) => c.add(p));
-      }), c;
+        h.some((p) => u.has(p)) && h.forEach((p) => u.add(p));
+      }), u;
     }), xe = () => {
-      var r, u, c;
-      me(), y.value = !0, (r = t.value) == null || r.commands.focus(), P.value = ((c = (u = t.value) == null ? void 0 : u.getAttributes("heading")) == null ? void 0 : c.level) || 0;
-    }, _e = (r) => be.value ? !0 : gt(r) ? !r.some((c) => de.value.has(c)) : !de.value.has(r), et = (r) => {
+      var r, c, u;
+      ce(), y.value = !0, (r = t.value) == null || r.commands.focus(), P.value = ((u = (c = t.value) == null ? void 0 : c.getAttributes("heading")) == null ? void 0 : u.level) || 0;
+    }, _e = (r) => ge.value ? !0 : gt(r) ? !r.some((u) => ie.value.has(u)) : !ie.value.has(r), et = (r) => {
       var h, p, C, M;
-      const c = r.target.value;
-      (p = t.value) == null || p.commands.setContent(ge((h = t.value) == null ? void 0 : h.schema, c)), I.value = pe((C = t.value) == null ? void 0 : C.schema, (M = t.value) == null ? void 0 : M.getJSON()), E.value = I.value;
-    }, tt = (r, u) => {
-      var c, h, p, C, M, j, K, Q, X, Y, Z, x, _, ee, te, oe, T;
+      const u = r.target.value;
+      (p = t.value) == null || p.commands.setContent(me((h = t.value) == null ? void 0 : h.schema, u)), I.value = de((C = t.value) == null ? void 0 : C.schema, (M = t.value) == null ? void 0 : M.getJSON()), E.value = I.value;
+    }, tt = (r, c) => {
+      var u, h, p, C, M, J, j, K, Q, X, Y, Z, z, _, be, ke, ye;
       switch (r) {
         case "source":
-          i.value = !i.value, ve.value = pe((c = t.value) == null ? void 0 : c.schema, (h = t.value) == null ? void 0 : h.getJSON()), (C = L.value) == null || C.style.setProperty("height", `${((p = s.value) == null ? void 0 : p.offsetHeight) || 88}px`), Ut(() => {
-            var F;
-            return (F = L.value) == null ? void 0 : F.focus();
+          N.value = !N.value, pe.value = de((u = t.value) == null ? void 0 : u.schema, (h = t.value) == null ? void 0 : h.getJSON()), (C = L.value) == null || C.style.setProperty("height", `${((p = i.value) == null ? void 0 : p.offsetHeight) || 88}px`), Ut(() => {
+            var x;
+            return (x = L.value) == null ? void 0 : x.focus();
           });
           break;
         case "bulletList":
         case "orderedList":
-          r === "bulletList" ? (M = t.value) == null || M.commands.toggleBulletList() : (j = t.value) == null || j.commands.toggleOrderedList();
+          r === "bulletList" ? (M = t.value) == null || M.commands.toggleBulletList() : (J = t.value) == null || J.commands.toggleOrderedList();
           break;
         case "link":
           if (t.value) {
-            const F = ((K = t.value) == null ? void 0 : K.state.selection.$anchor.pos) || 0, { from: it, to: ut, empty: ct } = t.value.state.selection, fe = (Q = t.value.view.state.doc.nodeAt(F)) == null ? void 0 : Q.marks.filter((mt) => mt.type.name === "link"), dt = fe != null && fe.length && ((X = t.value.view.state.doc.nodeAt(F)) == null ? void 0 : X.text) || "";
-            d.value = ct ? dt : t.value.state.doc.textBetween(it, ut, " "), b.value = t.value.getAttributes("link").href || "";
+            const x = ((j = t.value) == null ? void 0 : j.state.selection.$anchor.pos) || 0, { from: it, to: ct, empty: ut } = t.value.state.selection, ue = (K = t.value.view.state.doc.nodeAt(x)) == null ? void 0 : K.marks.filter((mt) => mt.type.name === "link"), dt = ue != null && ue.length && ((Q = t.value.view.state.doc.nodeAt(x)) == null ? void 0 : Q.text) || "";
+            d.value = ut ? dt : t.value.state.doc.textBetween(it, ct, " "), b.value = t.value.getAttributes("link").href || "";
           }
-          H.value = !H.value;
+          s.value = !s.value;
           break;
         case "blockquote":
-          (Y = t.value) == null || Y.chain().toggleBlockquote().run();
+          (X = t.value) == null || X.chain().toggleBlockquote().run();
           break;
         case "codeBlock":
-          B.value.codeBlock ? (x = t.value) == null || x.commands.setNode("paragraph") : (Z = t.value) == null || Z.commands.setNode(r, { language: "javascript" });
+          B.value.codeBlock ? (Z = t.value) == null || Z.commands.setNode("paragraph") : (Y = t.value) == null || Y.commands.setNode(r, { language: "javascript" });
           break;
         case "heading":
-          u ? (P.value = u, (ee = t.value) == null || ee.commands.toggleHeading({ level: u })) : ((_ = t.value) == null || _.commands.setParagraph(), P.value = 0);
+          c ? (P.value = c, (_ = t.value) == null || _.commands.toggleHeading({ level: c })) : ((z = t.value) == null || z.commands.setParagraph(), P.value = 0);
           break;
         case "undo":
         case "redo":
-          r === "undo" ? (te = t.value) == null || te.commands.undo() : (oe = t.value) == null || oe.commands.redo();
+          r === "undo" ? (be = t.value) == null || be.commands.undo() : (ke = t.value) == null || ke.commands.redo();
           break;
         case "file":
           o.emit("file-upload");
           break;
         default:
-          (T = t.value) == null || T.chain().toggleMark(r).run();
+          (ye = t.value) == null || ye.chain().toggleMark(r).run();
           break;
       }
     }, ot = async () => {
-      var p, C, M, j, K, Q, X, Y, Z, x, _, ee, te, oe;
+      var p, C, M, J, j, K, Q, X, Y, Z;
       b.value === "" && ((p = t.value) == null || p.chain().focus().extendMarkRange("link").unsetLink().run());
-      const r = (C = t.value) == null ? void 0 : C.state.selection.empty, u = ((M = t.value) == null ? void 0 : M.state.selection.$anchor.pos) || 0, c = (K = (j = t.value) == null ? void 0 : j.view.state.doc.nodeAt(u)) == null ? void 0 : K.marks.filter((T) => T.type.name === "link"), h = c != null && c.length ? (X = (Q = t.value) == null ? void 0 : Q.view.state.doc.nodeAt(u)) == null ? void 0 : X.text : "";
-      b.value && r && !h && ((Y = t.value) == null || Y.chain().focus().setMark("link", {
+      const r = (C = t.value) == null ? void 0 : C.state.selection.empty, c = ((M = t.value) == null ? void 0 : M.state.selection.$anchor.pos) || 0, u = (j = (J = t.value) == null ? void 0 : J.view.state.doc.nodeAt(c)) == null ? void 0 : j.marks.filter((z) => z.type.name === "link"), h = u != null && u.length ? (Q = (K = t.value) == null ? void 0 : K.view.state.doc.nodeAt(c)) == null ? void 0 : Q.text : "";
+      b.value && r && !h && ((X = t.value) == null || X.chain().focus().setMark("link", {
         href: b.value,
         target: "__blank"
-      }).command(({ tr: T }) => {
-        const F = d.value[d.value.length - 1] === " " ? d.value : `${d.value} `;
-        return T.insertText(F), !0;
-      }).run()), b.value && h === d.value && r && ((Z = t.value) == null || Z.chain().extendMarkRange("link").updateAttributes("link", {
+      }).command(({ tr: z }) => {
+        const _ = d.value[d.value.length - 1] === " " ? d.value : `${d.value} `;
+        return z.insertText(_), !0;
+      }).run()), b.value && h === d.value && r && ((Y = t.value) == null || Y.chain().extendMarkRange("link").updateAttributes("link", {
         href: b.value
-      }).run()), b.value && !r && ((oe = t.value) == null || oe.chain().focus().insertContentAt({
-        from: (x = t.value) == null ? void 0 : x.state.selection.from,
-        to: (_ = t.value) == null ? void 0 : _.state.selection.to
-      }, d.value).setTextSelection({
-        from: (ee = t.value) == null ? void 0 : ee.state.selection.from,
-        to: ((te = t.value) == null ? void 0 : te.state.selection.from) + d.value.length
-      }).setMark("link", {
+      }).run()), b.value && !r && ((Z = t.value) == null || Z.chain().focus().setMark("link", {
         href: b.value,
         target: "__blank"
-      }).run()), d.value = "", b.value = "", H.value = !1;
+      }).run()), d.value = "", b.value = "", s.value = !1;
     }, rt = () => {
-      H.value = !1;
-    }, me = () => {
-      e.toolbar.flat().forEach((u) => {
-        var c;
-        u === "source" ? B.value[u] = i.value : B.value[u] = ((c = t.value) == null ? void 0 : c.isActive(u)) || !1;
+      s.value = !1;
+    }, ce = () => {
+      e.toolbar.flat().forEach((c) => {
+        var u;
+        c === "source" ? B.value[c] = N.value : B.value[c] = ((u = t.value) == null ? void 0 : u.isActive(c)) || !1;
       });
     };
     Dt([
@@ -767,10 +761,10 @@ const Ho = Ft({
       () => e.disabled
     ], ([
       r,
-      u,
-      c
+      c,
+      u
     ]) => {
-      u !== (r == null ? void 0 : r.getHTML()) && e.format !== "markdown" && (r == null || r.commands.setContent(u)), u !== I.value && e.format === "markdown" && (r == null || r.commands.setContent(ge(r == null ? void 0 : r.schema, u))), r == null || r.setEditable(!c);
+      c !== (r == null ? void 0 : r.getHTML()) && e.format !== "markdown" && (r == null || r.commands.setContent(c)), c !== I.value && e.format === "markdown" && (r == null || r.commands.setContent(me(r == null ? void 0 : r.schema, c))), r == null || r.setEditable(!u);
     });
     const nt = w(() => [
       "or-rich-text-editor-v3",
@@ -789,15 +783,15 @@ const Ho = Ft({
       toolbarRef: l,
       toolbarStyles: at,
       toolbarGroupStyles: lt,
-      controlRef: s,
+      controlRef: i,
       controlStyles: st,
       editor: t,
       containerRef: k,
-      toolbarButtonRef: G,
-      moreButtonRef: U,
+      toolbarButtonRef: W,
+      moreButtonRef: D,
       textareaRef: L,
-      morePopoverRef: W,
-      menuRef: J,
+      morePopoverRef: U,
+      menuRef: G,
       handleToolbarClick: tt,
       handleEditorClick: xe,
       isActive: B,
@@ -808,74 +802,74 @@ const Ho = Ft({
       headingIcon: Ze,
       attachLink: ot,
       discardLink: rt,
-      isOpenLinkModal: H,
+      isOpenLinkModal: s,
       text: d,
       link: b,
       isFocused: y,
       isVisible: _e,
-      isMobile: be,
-      countOfNotVisibleTools: ce,
-      notVisibleTools: de,
+      isMobile: ge,
+      countOfNotVisibleTools: se,
+      notVisibleTools: ie,
       handleInput: et,
       model: E,
-      disableMarkdown: i,
-      sourceValue: ve,
+      disableMarkdown: N,
+      sourceValue: pe,
       activeHeadingLevel: P
     };
   }
 }), Ro = ["disabled"], No = ["disabled"], Vo = {
-  class: /* @__PURE__ */ N(["p-sm", "overflow-auto", "min-h-[88px]", "h-full"])
+  class: /* @__PURE__ */ R(["p-sm", "overflow-auto", "min-h-[88px]", "h-full"])
 }, $o = ["activated"], Io = { class: "flex p-sm gap-md" }, Eo = {
-  class: /* @__PURE__ */ N(["layout-column", "gap-md"])
+  class: /* @__PURE__ */ R(["layout-column", "gap-md"])
 }, Fo = {
-  class: /* @__PURE__ */ N(["layout-row-reverse", "gap-md"])
+  class: /* @__PURE__ */ R(["layout-row-reverse", "gap-md"])
 };
-function qo(e, o, t, s, l, g) {
-  const L = O("OrLabel"), k = O("OrIconButton"), U = O("OrInputBox"), W = O("OrHint"), G = O("OrError"), J = O("OrPopover"), B = O("OrMenuItem"), y = O("OrMenu"), A = O("OrInput"), P = O("OrButton"), I = O("OrModal");
-  return f(), q("div", {
+function qo(e, o, t, i, l, g) {
+  const L = O("OrLabel"), k = O("OrIconButton"), D = O("OrInputBox"), U = O("OrHint"), W = O("OrError"), G = O("OrPopover"), B = O("OrMenuItem"), y = O("OrMenu"), A = O("OrInput"), P = O("OrButton"), I = O("OrModal");
+  return f(), F("div", {
     ref: "root",
-    class: N(e.rootStyles)
+    class: R(e.rootStyles)
   }, [
-    e.$slots.label || e.$slots.addon || e.label ? (f(), R(L, {
+    e.$slots.label || e.$slots.addon || e.label ? (f(), H(L, {
       key: 0,
       variant: "input",
       required: e.required,
       disabled: e.disabled
     }, {
       addon: v(() => [
-        re(e.$slots, "addon", {}, void 0, !0)
+        ee(e.$slots, "addon", {}, void 0, !0)
       ]),
       default: v(() => [
-        re(e.$slots, "label", {}, () => [
-          V(ne(e.label), 1)
+        ee(e.$slots, "label", {}, () => [
+          V(te(e.label), 1)
         ], !0)
       ]),
       _: 3
-    }, 8, ["required", "disabled"])) : D("", !0),
-    $(U, {
+    }, 8, ["required", "disabled"])) : T("", !0),
+    $(D, {
       ref: "containerRef",
       class: "grow",
       direction: "column",
       invalid: !!e.error,
       disabled: e.disabled,
-      onClick: o[4] || (o[4] = (i) => e.handleEditorClick())
+      onClick: o[4] || (o[4] = (s) => e.handleEditorClick())
     }, {
       default: v(() => [
-        z("div", {
+        q("div", {
           ref: "toolbarRef",
-          class: N(e.toolbarStyles),
+          class: R(e.toolbarStyles),
           disabled: e.disabled || !e.isFocused
         }, [
-          (f(!0), q(ae, null, le(e.toolbar, (i, H) => (f(), q("div", {
-            key: H,
-            class: N([...e.toolbarGroupStyles, { hidden: !e.isVisible(i) }]),
+          (f(!0), F(oe, null, re(e.toolbar, (s, N) => (f(), F("div", {
+            key: N,
+            class: R([...e.toolbarGroupStyles, { hidden: !e.isVisible(s) }]),
             disabled: e.disabled || !e.isFocused
           }, [
-            (f(!0), q(ae, null, le(i, (d) => (f(), q("div", {
+            (f(!0), F(oe, null, re(s, (d) => (f(), F("div", {
               key: d,
-              class: N(["flex gap-md", { hidden: !e.isVisible(d) }])
+              class: R(["flex gap-md", { hidden: !e.isVisible(d) }])
             }, [
-              d === "heading" ? (f(), R(k, {
+              d === "heading" ? (f(), H(k, {
                 key: 0,
                 ref_for: !0,
                 ref: "toolbarButtonRef",
@@ -884,108 +878,108 @@ function qo(e, o, t, s, l, g) {
                 selected: e.isActive[d],
                 disabled: e.disabled || !e.isFocused,
                 onClick: o[0] || (o[0] = (b) => e.menuRef && e.menuRef.toggle())
-              }, null, 8, ["icon", "tooltip", "selected", "disabled"])) : e.isVisible(d) ? (f(), R(k, {
+              }, null, 8, ["icon", "tooltip", "selected", "disabled"])) : e.isVisible(d) ? (f(), H(k, {
                 key: 1,
                 icon: { icon: e.getRichTextEditorIcon(d), variant: "inherit" },
                 tooltip: { content: e.getRichTextEditorTooltipIcon(d), placement: "top" },
                 selected: e.isActive[d],
                 disabled: e.disabled || !e.isFocused,
                 onClick: (b) => e.handleToolbarClick(d)
-              }, null, 8, ["icon", "tooltip", "selected", "disabled", "onClick"])) : D("", !0)
+              }, null, 8, ["icon", "tooltip", "selected", "disabled", "onClick"])) : T("", !0)
             ], 2))), 128))
           ], 10, No))), 128)),
-          e.countOfNotVisibleTools > 0 && !e.isMobile ? (f(), R(k, {
+          e.countOfNotVisibleTools > 0 && !e.isMobile ? (f(), H(k, {
             key: 0,
             ref: "moreButtonRef",
-            class: N(["mx-sm"]),
+            class: R(["mx-sm"]),
             icon: { icon: "more_horiz", variant: "inherit" },
             disabled: e.disabled || !e.isFocused,
             "force-state": e.morePopoverRef && e.morePopoverRef.state === "open" ? "hover" : void 0,
-            onClick: o[1] || (o[1] = (i) => e.morePopoverRef && e.morePopoverRef.open())
-          }, null, 8, ["disabled", "force-state"])) : D("", !0)
+            onClick: o[1] || (o[1] = (s) => e.morePopoverRef && e.morePopoverRef.open())
+          }, null, 8, ["disabled", "force-state"])) : T("", !0)
         ], 10, Ro),
-        z("div", Vo, [
-          se(z("textarea", {
+        q("div", Vo, [
+          ne(q("textarea", {
             ref: "textareaRef",
-            "onUpdate:modelValue": o[2] || (o[2] = (i) => e.sourceValue = i),
+            "onUpdate:modelValue": o[2] || (o[2] = (s) => e.sourceValue = s),
             activated: e.disableMarkdown,
             class: "block w-full h-full resize-none border-none outline-none bg-transparent typography-body-2-regular",
-            onInput: o[3] || (o[3] = (...i) => e.handleInput && e.handleInput(...i))
+            onInput: o[3] || (o[3] = (...s) => e.handleInput && e.handleInput(...s))
           }, null, 40, $o), [
-            [ie, e.disableMarkdown],
+            [ae, e.disableMarkdown],
             [Wt, e.sourceValue]
           ]),
-          se(z("div", {
+          ne(q("div", {
             ref: "controlRef",
-            class: N(e.controlStyles)
+            class: R(e.controlStyles)
           }, null, 2), [
-            [ie, !e.disableMarkdown]
+            [ae, !e.disableMarkdown]
           ]),
-          re(e.$slots, "files", {}, void 0, !0)
+          ee(e.$slots, "files", {}, void 0, !0)
         ])
       ]),
       _: 3
     }, 8, ["invalid", "disabled"]),
-    e.$slots.hint || e.hint ? se((f(), R(W, {
+    e.$slots.hint || e.hint ? ne((f(), H(U, {
       key: 1,
       disabled: e.disabled
     }, {
       default: v(() => [
-        re(e.$slots, "hint", {}, () => [
-          V(ne(e.hint), 1)
+        ee(e.$slots, "hint", {}, () => [
+          V(te(e.hint), 1)
         ], !0)
       ]),
       _: 3
     }, 8, ["disabled"])), [
-      [ie, !e.error]
-    ]) : D("", !0),
-    se($(G, { disabled: e.disabled }, {
+      [ae, !e.error]
+    ]) : T("", !0),
+    ne($(W, { disabled: e.disabled }, {
       default: v(() => [
-        V(ne(e.error), 1)
+        V(te(e.error), 1)
       ]),
       _: 1
     }, 8, ["disabled"]), [
-      [ie, typeof e.error == "string" && e.error.length > 0]
+      [ae, typeof e.error == "string" && e.error.length > 0]
     ]),
-    e.moreButtonRef ? (f(), R(J, {
+    e.moreButtonRef ? (f(), H(G, {
       key: 2,
       ref: "morePopoverRef",
       trigger: e.moreButtonRef && e.moreButtonRef.root,
       placement: "top-end"
     }, {
       default: v(() => [
-        z("div", Io, [
-          (f(!0), q(ae, null, le(e.notVisibleTools, (i) => (f(), R(k, {
-            key: i,
-            icon: { icon: e.getRichTextEditorIcon(i), variant: "inherit" },
-            tooltip: { content: e.getRichTextEditorTooltipIcon(i), placement: "top" },
-            selected: e.isActive[i],
-            onClick: (H) => e.handleToolbarClick(i)
+        q("div", Io, [
+          (f(!0), F(oe, null, re(e.notVisibleTools, (s) => (f(), H(k, {
+            key: s,
+            icon: { icon: e.getRichTextEditorIcon(s), variant: "inherit" },
+            tooltip: { content: e.getRichTextEditorTooltipIcon(s), placement: "top" },
+            selected: e.isActive[s],
+            onClick: (N) => e.handleToolbarClick(s)
           }, null, 8, ["icon", "tooltip", "selected", "onClick"]))), 128))
         ])
       ]),
       _: 1
-    }, 8, ["trigger"])) : D("", !0),
-    e.toolbarButtonRef ? (f(), R(y, {
+    }, 8, ["trigger"])) : T("", !0),
+    e.toolbarButtonRef ? (f(), H(y, {
       key: 3,
       ref: "menuRef",
       trigger: e.toolbarButtonRef[e.getIndexOfHeading] && e.toolbarButtonRef[e.getIndexOfHeading].root,
       placement: "bottom-start"
     }, {
       default: v(() => [
-        (f(!0), q(ae, null, le(e.headingLevels, (i) => (f(), R(B, {
-          key: i,
-          selected: e.activeHeadingLevel === i,
-          onClick: (H) => e.handleToolbarClick("heading", i)
+        (f(!0), F(oe, null, re(e.headingLevels, (s) => (f(), H(B, {
+          key: s,
+          selected: e.activeHeadingLevel === s,
+          onClick: (N) => e.handleToolbarClick("heading", s)
         }, {
           default: v(() => [
-            V(" Heading " + ne(i), 1)
+            V(" Heading " + te(s), 1)
           ]),
           _: 2
         }, 1032, ["selected", "onClick"]))), 128)),
         $(B, {
           selected: !e.activeHeadingLevel,
-          onClick: o[5] || (o[5] = (i) => e.handleToolbarClick("heading"))
+          onClick: o[5] || (o[5] = (s) => e.handleToolbarClick("heading"))
         }, {
           default: v(() => [
             V(" None ")
@@ -994,7 +988,7 @@ function qo(e, o, t, s, l, g) {
         }, 8, ["selected"])
       ]),
       _: 1
-    }, 8, ["trigger"])) : D("", !0),
+    }, 8, ["trigger"])) : T("", !0),
     $(I, {
       "is-open": e.isOpenLinkModal,
       size: "s"
@@ -1003,10 +997,10 @@ function qo(e, o, t, s, l, g) {
         V(" Add Link ")
       ]),
       footer: v(() => [
-        z("div", Fo, [
+        q("div", Fo, [
           $(P, {
             variant: "contained",
-            onClick: o[8] || (o[8] = (i) => e.attachLink())
+            onClick: o[8] || (o[8] = (s) => e.attachLink())
           }, {
             default: v(() => [
               V(" Save ")
@@ -1015,7 +1009,7 @@ function qo(e, o, t, s, l, g) {
           }),
           $(P, {
             variant: "outlined",
-            onClick: o[9] || (o[9] = (i) => e.discardLink())
+            onClick: o[9] || (o[9] = (s) => e.discardLink())
           }, {
             default: v(() => [
               V(" Cancel ")
@@ -1025,16 +1019,16 @@ function qo(e, o, t, s, l, g) {
         ])
       ]),
       default: v(() => [
-        z("div", Eo, [
+        q("div", Eo, [
           $(A, {
             modelValue: e.text,
-            "onUpdate:modelValue": o[6] || (o[6] = (i) => e.text = i),
+            "onUpdate:modelValue": o[6] || (o[6] = (s) => e.text = s),
             label: "Text",
             placeholder: "Enter text"
           }, null, 8, ["modelValue"]),
           $(A, {
             modelValue: e.link,
-            "onUpdate:modelValue": o[7] || (o[7] = (i) => e.link = i),
+            "onUpdate:modelValue": o[7] || (o[7] = (s) => e.link = s),
             label: "Link",
             placeholder: "Enter link"
           }, null, 8, ["modelValue"])
@@ -1044,11 +1038,11 @@ function qo(e, o, t, s, l, g) {
     }, 8, ["is-open"])
   ], 2);
 }
-const Rr = /* @__PURE__ */ mo(Ho, [["render", qo], ["__scopeId", "data-v-538f3986"]]);
+const Rr = /* @__PURE__ */ mo(Ho, [["render", qo], ["__scopeId", "data-v-f034427c"]]);
 export {
   Je as F,
   Rr as O,
   je as R,
   Ke as a
 };
-//# sourceMappingURL=OrRichTextEditor-DJTBMYpL.mjs.map
+//# sourceMappingURL=OrRichTextEditor-BJxy79mx.mjs.map