@webx-ui/core 0.44.0 → 0.45.0

package/dist/RichText-CoaDjyK5.js

@@ -0,0 +1,845 @@
+import { defineComponent as Ae, openBlock as r, createElementBlock as v, normalizeClass as Ce, createElementVNode as _, unref as i, toDisplayString as H, computed as k, useModel as Qe, ref as L, watch as ee, onMounted as Je, createBlock as E, Teleport as Xe, withKeys as be, Fragment as I, renderList as te, withModifiers as Y, createCommentVNode as g, withDirectives as me, vModelText as et, createVNode as R, createTextVNode as j, withCtx as ke, normalizeStyle as tt, vShow as lt, mergeModels as ge, nextTick as le } from "vue";
+import { Mark as nt, Node as ot, Extension as xe, createDocument as at, getHTMLFromFragment as it } from "@tiptap/core";
+import { useEditor as rt, EditorContent as st } from "@tiptap/vue-3";
+import Me from "@tiptap/starter-kit";
+import { TableKit as ut } from "@tiptap/extension-table";
+import ct from "@tiptap/extension-image";
+import dt from "@tiptap/extension-youtube";
+import ft from "@tiptap/extension-file-handler";
+import { PluginKey as vt, Plugin as ht } from "@tiptap/pm/state";
+import { DecorationSet as ye, Decoration as pt } from "@tiptap/pm/view";
+import { _ as _e, b as bt, t as mt, u as kt, a as gt, c as xt, d as Mt, L as yt, W as we, e as wt, f as Lt, r as Tt, g as At } from "./index-Ba5vX487.js";
+const Ct = {
+  bold: "M7 5h6a3.5 3.5 0 0 1 0 7H7zm0 7h7a3.5 3.5 0 0 1 0 7H7z",
+  italic: "M15 5h-5M14 19H9M13.5 5 10.5 19",
+  accent: "M5 19 12 5l7 14M8 13h8M18 4.5h.01",
+  strike: "M5 12h14M8 8.5A3 3 0 0 1 11 6h2a3 3 0 0 1 3 2.5M16 15.5A3 3 0 0 1 13 18h-2a3 3 0 0 1-3-2.5",
+  code: "m9 8-5 4 5 4M15 8l5 4-5 4",
+  bulletList: "M9 6h11M9 12h11M9 18h11M4.5 6h.01M4.5 12h.01M4.5 18h.01",
+  orderedList: "M10 6h10M10 12h10M10 18h10M4 6h1v4M4 10h2M4 14h2v2H4v2h2",
+  blockquote: "M7 15V9h4v6H7l-2 3M15 15V9h4v6h-4l-2 3",
+  hr: "M4 12h16",
+  link: "M10 13a4 4 0 0 0 5.7.4l2.6-2.6a4 4 0 0 0-5.7-5.7l-1.5 1.5M14 11a4 4 0 0 0-5.7-.4l-2.6 2.6a4 4 0 0 0 5.7 5.7l1.5-1.5",
+  table: "M4 6h16v12H4zM4 10h16M10 10v8M4 14h16",
+  image: "M4 6h16v12H4zM4 15l4-4 4 4 3-3 5 5M9 9.5h.01",
+  youtube: "M3 8.5A2.5 2.5 0 0 1 5.5 6h13A2.5 2.5 0 0 1 21 8.5v7a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 15.5zM10.5 9.5l4 2.5-4 2.5z",
+  undo: "M4 9h11a4.5 4.5 0 0 1 0 9h-4M4 9l4-4M4 9l4 4",
+  redo: "M20 9H9a4.5 4.5 0 0 0 0 9h4M20 9l-4-4M20 9l-4 4",
+  source: "m8 8-4 4 4 4M16 8l4 4-4 4M13.5 5l-3 14",
+  rowAfter: "M4 5h16M4 11h16M8 15v6M5 18h6",
+  rowBefore: "M4 19h16M4 13h16M8 3v6M5 6h6",
+  columnAfter: "M5 4v16M11 4v16M15 8h6M18 5v6",
+  columnBefore: "M19 4v16M13 4v16M3 8h6M6 5v6",
+  deleteRow: "M4 8h16M4 16h16M9 12h6",
+  deleteColumn: "M8 4v16M16 4v16M12 9v6",
+  deleteTable: "M5 7h14M9 7V5h6v2M7 7l1 12h8l1-12M10 11v4M14 11v4",
+  mergeCells: "M4 6h16v12H4zM12 6v3M12 15v3M9 12h6M9 12l2-2M9 12l2 2",
+  token: "M9 4H6v16h3M15 4h3v16h-3",
+  expand: "M14 4h6v6M10 20H4v-6M20 4l-6 6M4 20l6-6",
+  collapse: "M20 10h-6V4M4 14h6v6M14 10l6-6M10 14l-6 6",
+  check: "m5 13 4 4L19 7",
+  close: "M6 6l12 12M18 6 6 18"
+}, _t = ["title", "aria-label", "aria-pressed", "disabled"], Ht = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  "aria-hidden": "true"
+}, Bt = ["d"], Et = {
+  key: 1,
+  class: "wx-rich-text__tool-text"
+}, St = /* @__PURE__ */ Ae({
+  name: "WxRichTextToolbarButton",
+  __name: "ToolbarButton",
+  props: {
+    icon: { default: void 0 },
+    text: { default: void 0 },
+    label: {},
+    active: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(o) {
+    return (x, f) => (r(), v("button", {
+      type: "button",
+      class: Ce(["wx-rich-text__tool", { "is-active": o.active }]),
+      title: o.label,
+      "aria-label": o.label,
+      "aria-pressed": o.active,
+      disabled: o.disabled,
+      onClick: f[0] || (f[0] = (n) => x.$emit("click"))
+    }, [
+      o.icon ? (r(), v("svg", Ht, [
+        _("path", {
+          d: i(Ct)[o.icon],
+          stroke: "currentColor",
+          "stroke-width": "1.7",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, null, 8, Bt)
+      ])) : (r(), v("span", Et, H(o.text), 1))
+    ], 10, _t));
+  }
+}), z = /* @__PURE__ */ _e(St, [["__scopeId", "data-v-c8c7e143"]]), $t = /* @__PURE__ */ new Set([
+  "ul",
+  "ol",
+  "li",
+  "blockquote",
+  "table",
+  "colgroup",
+  "thead",
+  "tbody",
+  "tfoot",
+  "tr",
+  "th",
+  "td",
+  "div",
+  "figure"
+]), It = /* @__PURE__ */ new Set([
+  "p",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "pre",
+  "hr",
+  "img",
+  "iframe",
+  "col",
+  "figcaption"
+]), Rt = /* @__PURE__ */ new Set(["hr", "img", "br", "col", "wbr", "source", "input"]), zt = /<(\/?)([a-zA-Z][a-zA-Z0-9-]*)\b[^>]*?(\/?)>/g;
+function Dt(o, x = "  ") {
+  let f = "", n = 0, h = 0, d = 0, s = 0;
+  const b = () => {
+    f += `
+${x.repeat(n)}`;
+  };
+  for (const D of o.matchAll(zt)) {
+    const [T, S, a, O] = D, A = a.toLowerCase();
+    if (f += o.slice(s, D.index), s = D.index + T.length, d > 0 && A !== "pre") {
+      f += T;
+      continue;
+    }
+    const P = h === 0, K = Rt.has(A) || O === "/";
+    if ($t.has(A) && P) {
+      S ? (n = Math.max(0, n - 1), b(), f += T) : (b(), f += T, K || (n += 1));
+      continue;
+    }
+    if (It.has(A)) {
+      !S && P && b(), f += T, A === "pre" && (d += S ? -1 : 1), K || (h += S ? -1 : 1), h = Math.max(0, h);
+      continue;
+    }
+    f += T;
+  }
+  return f += o.slice(s), f.replace(/^\n/, "");
+}
+const Ot = { b: "strong", i: "em", del: "s", strike: "s" };
+function Le(o) {
+  const x = /* @__PURE__ */ new Map(), f = (h) => {
+    x.set(h, (x.get(h) ?? 0) + 1);
+  }, n = document.createElement("template");
+  n.innerHTML = o;
+  for (const h of n.content.querySelectorAll("*")) {
+    const d = h.tagName.toLowerCase(), s = Ot[d] ?? d;
+    f(`<${s}>`);
+    for (const b of h.getAttributeNames()) f(`${b} on <${s}>`);
+  }
+  return x;
+}
+function Pt(o, x) {
+  const f = Le(o), n = Le(x), h = [];
+  for (const [s, b] of f)
+    (n.get(s) ?? 0) < b && h.push(s);
+  const d = new Set(h.filter((s) => s.startsWith("<")));
+  return h.filter((s) => {
+    const b = / on (<[^>]+>)$/.exec(s);
+    return !b || !d.has(b[1]);
+  });
+}
+const Vt = [
+  "bold",
+  "italic",
+  "strike",
+  "code",
+  "divider",
+  "h2",
+  "h3",
+  "h4",
+  "divider",
+  "bulletList",
+  "orderedList",
+  "blockquote",
+  "hr",
+  "divider",
+  "link",
+  "table",
+  "image",
+  "youtube",
+  "divider",
+  "undo",
+  "redo",
+  "divider",
+  "source"
+], Nt = ["bold", "italic", "accent"], Ft = [
+  "image/png",
+  "image/jpeg",
+  "image/gif",
+  "image/webp",
+  "image/svg+xml"
+], G = {
+  bold: { label: "Bold", icon: "bold" },
+  italic: { label: "Italic", icon: "italic" },
+  accent: { label: "Accent", icon: "accent" },
+  strike: { label: "Strikethrough", icon: "strike" },
+  code: { label: "Inline code", icon: "code" },
+  h2: { label: "Heading 2", text: "H2" },
+  h3: { label: "Heading 3", text: "H3" },
+  h4: { label: "Heading 4", text: "H4" },
+  bulletList: { label: "Bulleted list", icon: "bulletList" },
+  orderedList: { label: "Numbered list", icon: "orderedList" },
+  blockquote: { label: "Quote", icon: "blockquote" },
+  hr: { label: "Divider", icon: "hr" },
+  link: { label: "Link", icon: "link" },
+  table: { label: "Table", icon: "table" },
+  image: { label: "Image", icon: "image" },
+  youtube: { label: "YouTube video", icon: "youtube" },
+  undo: { label: "Undo", icon: "undo" },
+  redo: { label: "Redo", icon: "redo" },
+  source: { label: "HTML source", icon: "source" }
+}, Te = [
+  { key: "addRowAfter", label: "Row below", icon: "rowAfter" },
+  { key: "addRowBefore", label: "Row above", icon: "rowBefore" },
+  { key: "addColumnAfter", label: "Column after", icon: "columnAfter" },
+  { key: "addColumnBefore", label: "Column before", icon: "columnBefore" },
+  { key: "deleteRow", label: "Delete row", icon: "deleteRow" },
+  { key: "deleteColumn", label: "Delete column", icon: "deleteColumn" },
+  { key: "mergeOrSplit", label: "Merge or split cells", icon: "mergeCells" },
+  { key: "deleteTable", label: "Delete table", icon: "deleteTable" }
+], Kt = ["aria-label"], Ut = {
+  key: 0,
+  class: "wx-rich-text__divider",
+  "aria-hidden": "true"
+}, qt = {
+  key: 1,
+  class: "wx-rich-text__uploading"
+}, Wt = {
+  key: 2,
+  class: "wx-rich-text__toolbar wx-rich-text__toolbar--table"
+}, Yt = ["for"], jt = ["id", "placeholder"], Gt = {
+  key: 4,
+  class: "wx-rich-text__prompt wx-rich-text__loss",
+  role: "alert"
+}, Zt = { class: "wx-rich-text__loss-text" }, Qt = {
+  key: 5,
+  class: "wx-rich-text__source"
+}, Jt = {
+  key: 0,
+  class: "wx-rich-text__placeholder"
+}, Xt = ["accept"], el = /* @__PURE__ */ Ae({
+  name: "WxRichText",
+  inheritAttrs: !1,
+  __name: "RichText",
+  props: /* @__PURE__ */ ge({
+    placeholder: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean, default: !1 },
+    size: { default: void 0 },
+    status: { default: void 0 },
+    id: { default: void 0 },
+    ariaLabel: { default: void 0 },
+    inline: { type: Boolean, default: !1 },
+    minHeight: { default: void 0 },
+    tools: { default: void 0 },
+    upload: { type: Function, default: void 0 },
+    pickImage: { type: Function, default: void 0 },
+    accept: { default: () => Ft },
+    labels: { default: void 0 },
+    expandable: { type: Boolean, default: !0 },
+    localized: { type: Boolean, default: !1 },
+    tokens: { default: void 0 },
+    tokensTitle: { default: "Placeholders" },
+    tokensLabel: { default: "Insert a placeholder" }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ ge(["change", "focus", "blur", "uploadError", "expand"], ["update:modelValue"]),
+  setup(o, { expose: x, emit: f }) {
+    const n = o, h = {
+      toolbar: "Text formatting",
+      linkAddress: "Link address",
+      youtubeAddress: "YouTube URL",
+      apply: "Apply",
+      cancel: "Cancel",
+      uploading: "Uploading…",
+      sourceLoss: "The editor does not keep this markup and will remove it:",
+      sourceDrop: "Remove it",
+      sourceKeep: "Keep editing",
+      expand: "Expand",
+      collapse: "Collapse"
+    };
+    function d(e) {
+      const t = n.labels?.[e] ?? h[e];
+      return t !== void 0 ? t : e in G ? G[e].label : Te.find((l) => l.key === e)?.label ?? e;
+    }
+    const s = f, b = ct.extend({
+      addAttributes() {
+        return {
+          ...this.parent?.(),
+          path: {
+            default: null,
+            parseHTML: (e) => e.getAttribute("data-wx-path"),
+            renderHTML: (e) => e.path === null || e.path === void 0 ? {} : { "data-wx-path": String(e.path) }
+          }
+        };
+      }
+    }), D = nt.create({
+      name: "accent",
+      parseHTML: () => [{ tag: "span" }],
+      renderHTML: () => ["span", 0]
+    }), T = ot.create({ name: "doc", topNode: !0, content: "text*" }), S = xe.create({
+      name: "wxOneLine",
+      addKeyboardShortcuts: () => ({
+        Enter: () => !0,
+        "Shift-Enter": () => !0,
+        "Mod-Enter": () => !0
+      })
+    }), a = bt(() => n.tokens), O = k(() => a.all.value.length > 0), A = new vt("wxTokenChips"), P = xe.create({
+      name: "wxTokenChips",
+      addProseMirrorPlugins: () => [
+        new ht({
+          key: A,
+          props: {
+            decorations: (e) => {
+              const t = a.known.value;
+              if (t.size === 0) return ye.empty;
+              const l = [];
+              return e.doc.descendants((c, B) => {
+                if (!(!c.isText || !c.text))
+                  for (const F of mt(c.text, t))
+                    l.push(
+                      pt.inline(B + F.from, B + F.to, {
+                        class: "wx-token",
+                        "data-token": F.name
+                      })
+                    );
+              }), ye.create(e.doc, l);
+            }
+          }
+        })
+      ]
+    });
+    function K() {
+      return [
+        Me.configure({
+          document: !1,
+          paragraph: !1,
+          heading: !1,
+          blockquote: !1,
+          bulletList: !1,
+          orderedList: !1,
+          listItem: !1,
+          listKeymap: !1,
+          codeBlock: !1,
+          code: !1,
+          horizontalRule: !1,
+          hardBreak: !1,
+          strike: !1,
+          underline: !1,
+          link: !1,
+          trailingNode: !1,
+          gapcursor: !1
+        }),
+        T,
+        D,
+        S,
+        P
+      ];
+    }
+    function He() {
+      return [
+        Me.configure({
+          link: {
+            openOnClick: !1,
+            autolink: !0,
+            HTMLAttributes: { rel: "noopener noreferrer nofollow", target: "_blank" }
+          }
+        }),
+        ut.configure({ table: { resizable: !0 } }),
+        b.configure({ HTMLAttributes: { class: "wx-rich-text__image" } }),
+        dt.configure({ nocookie: !0, width: 640, height: 360 }),
+        ft.configure({
+          allowedMimeTypes: n.accept,
+          onDrop: (e, t, l) => {
+            X(t, l);
+          },
+          onPaste: (e, t) => {
+            X(t);
+          }
+        }),
+        P
+      ];
+    }
+    const Be = k(() => n.tools ?? (n.inline ? Nt : Vt)), ne = k(() => n.minHeight ?? (n.inline ? void 0 : "220px")), Ee = Qe(o, "modelValue"), m = kt(n), M = gt(n, Ee), U = k(() => M.on.value ? M.active.value : void 0), V = k(() => M.read(U.value)), q = L(!1), Z = L(0), oe = L(null), y = L(null), $ = k(() => !m.disabled.value && !n.readonly), p = L(null), C = L(null);
+    let Q = "";
+    function W() {
+      const e = u.value;
+      return !e || e.isEmpty ? "" : e.getHTML();
+    }
+    const u = rt({
+      content: V.value,
+      editable: $.value,
+      extensions: n.inline ? K() : He(),
+      editorProps: {
+        // The list's keys first: Enter picks a placeholder rather than splitting the paragraph.
+        // Then Esc, which ProseMirror would otherwise spend on selecting the paragraph around the
+        // caret — and which over the whole window means "give me the form back".
+        handleKeyDown: (e, t) => a.keydown(t, re) || Re(t),
+        ...n.inline ? {
+          // Pasted lines become one line: the breaks would otherwise vanish between the words
+          // and glue the last of one line to the first of the next.
+          transformPastedText: (e) => e.replace(/\s*[\r\n]+\s*/g, " ")
+        } : {}
+      },
+      onUpdate: () => {
+        const e = W();
+        e !== V.value && (M.write(U.value, e), s("change", e), ie());
+      },
+      onSelectionUpdate: () => {
+        a.open.value && ie();
+      },
+      onFocus: () => {
+        q.value = !0, s("focus");
+      },
+      onBlur: () => {
+        q.value = !1, a.close(), s("blur");
+      }
+    });
+    ee(V, (e) => {
+      const t = u.value;
+      if (t) {
+        if (p.value !== null) {
+          e !== p.value && fe(e);
+          return;
+        }
+        e !== W() && t.commands.setContent(e, { emitUpdate: !1 });
+      }
+    }), ee($, (e) => u.value?.setEditable(e, !1)), ee(a.known, () => {
+      const e = u.value;
+      e && e.view.dispatch(e.state.tr.setMeta(A, !0));
+    });
+    const N = L(null), Se = k(() => `${m.id.value}-tokens`);
+    function ae(e) {
+      try {
+        const t = u.value?.view.coordsAtPos(e);
+        if (t && t.bottom > t.top)
+          return Lt(Tt(t.left, t.top, 0, t.bottom - t.top), N.value);
+      } catch {
+      }
+      return At(N.value, null);
+    }
+    function ie() {
+      const e = u.value;
+      if (!e || !O.value || !$.value) return;
+      const { selection: t } = e.state, { $from: l } = t;
+      if (!t.empty || !l.parent.isTextblock) return a.close();
+      const c = l.parent.textBetween(0, l.parentOffset, void 0, "");
+      a.suggest(
+        c,
+        l.pos,
+        () => ae(l.pos - c.length + c.lastIndexOf("["))
+      );
+    }
+    function re(e, t) {
+      const l = u.value;
+      l && l.chain().focus().command(({ tr: c }) => (c.insertText(xt(e), t.from, t.to), !0)).run();
+    }
+    function $e() {
+      const e = u.value;
+      if (!e) return;
+      if (a.open.value && a.browsing.value) return a.close();
+      const { from: t, to: l } = e.state.selection;
+      e.commands.focus(), a.browse({ from: t, to: l }, ae(t));
+    }
+    const w = L(!1), se = L(!1);
+    Je(() => {
+      se.value = !!N.value?.closest('[role="dialog"]');
+    });
+    const Ie = k(() => n.expandable && !n.inline && !se.value);
+    function J(e) {
+      w.value !== e && (w.value = e, a.close(), s("expand", e), le(() => {
+        p.value === null && u.value?.commands.focus();
+      }));
+    }
+    function Re(e) {
+      return e.key !== "Escape" || !w.value ? !1 : (e.stopPropagation(), J(!1), !0);
+    }
+    function ze(e) {
+      !w.value || e.defaultPrevented || (e.preventDefault(), e.stopPropagation(), J(!1));
+    }
+    const De = k(() => u.value?.isEmpty ?? !0), Oe = k(() => u.value?.isActive("table") ?? !1), Pe = k(() => [
+      "wx-rich-text",
+      `wx-rich-text--${m.size.value}`,
+      {
+        [`wx-rich-text--${m.status.value}`]: m.status.value !== "default",
+        "is-focused": q.value,
+        "is-disabled": m.disabled.value,
+        "is-readonly": n.readonly,
+        "is-localized": M.on.value,
+        "is-inline": n.inline,
+        "is-expanded": w.value
+      }
+    ]);
+    function Ve(e) {
+      M.active.value = e, le(() => u.value?.commands.focus());
+    }
+    function ue(e, t) {
+      const l = u.value;
+      if (!l) return;
+      const c = t ?? l.state.selection.anchor;
+      l.chain().focus().insertContentAt(c, {
+        type: "image",
+        attrs: { src: e.url, alt: e.alt, path: e.path ?? null }
+      }).run();
+    }
+    async function X(e, t) {
+      if (n.upload)
+        for (const l of e) {
+          Z.value += 1;
+          try {
+            ue(await n.upload(l), t);
+          } catch (c) {
+            s("uploadError", c, l);
+          } finally {
+            Z.value -= 1;
+          }
+        }
+    }
+    async function Ne() {
+      if (n.pickImage) {
+        const e = await n.pickImage();
+        e && ue(typeof e == "string" ? { url: e } : e);
+        return;
+      }
+      oe.value?.click();
+    }
+    function Fe(e) {
+      const t = e.target, l = Array.from(t.files ?? []);
+      t.value = "", X(l);
+    }
+    function ce(e) {
+      const t = e === "link" ? u.value?.getAttributes("link").href ?? "" : "";
+      y.value = { kind: e, value: String(t) };
+    }
+    function de() {
+      const e = u.value, t = y.value;
+      if (!e || !t) return;
+      const l = t.value.trim();
+      t.kind === "link" ? l ? e.chain().focus().extendMarkRange("link").setLink({ href: l }).run() : e.chain().focus().extendMarkRange("link").unsetLink().run() : l && e.commands.setYoutubeVideo({ src: l }), y.value = null;
+    }
+    function fe(e = W()) {
+      y.value = null, C.value = null, Q = Dt(e), p.value = Q;
+    }
+    function Ke(e) {
+      p.value = e, C.value = null, e !== V.value && (M.write(U.value, e), s("change", e));
+    }
+    function ve(e = !1) {
+      const t = u.value, l = p.value;
+      if (!t || l === null) return;
+      const c = l !== Q;
+      if (c && !e) {
+        const F = at(l, t.schema), pe = Pt(l, it(F.content, t.schema));
+        if (pe.length > 0) {
+          C.value = pe;
+          return;
+        }
+      }
+      C.value = null, p.value = null, c && t.commands.setContent(l, { emitUpdate: !1 });
+      const B = W();
+      B !== V.value && (M.write(U.value, B), s("change", B)), le(() => t.commands.focus());
+    }
+    function he(e) {
+      q.value = e, s(e ? "focus" : "blur");
+    }
+    function Ue() {
+      p.value === null ? fe() : ve();
+    }
+    function qe(e) {
+      return e === "source" ? m.disabled.value : !$.value || p.value !== null;
+    }
+    function We(e) {
+      return e === "image" ? !!(n.upload || n.pickImage) : !0;
+    }
+    const Ye = k(() => Be.value.filter(We));
+    function je(e) {
+      if (e === "source") return p.value !== null;
+      const t = u.value;
+      if (!t) return !1;
+      switch (e) {
+        case "h2":
+          return t.isActive("heading", { level: 2 });
+        case "h3":
+          return t.isActive("heading", { level: 3 });
+        case "h4":
+          return t.isActive("heading", { level: 4 });
+        default:
+          return t.isActive(e);
+      }
+    }
+    function Ge(e) {
+      if (e === "source") return Ue();
+      const t = u.value;
+      if (!t) return;
+      const l = t.chain().focus();
+      switch (e) {
+        case "bold":
+          l.toggleBold().run();
+          break;
+        case "italic":
+          l.toggleItalic().run();
+          break;
+        case "accent":
+          l.toggleMark("accent").run();
+          break;
+        case "strike":
+          l.toggleStrike().run();
+          break;
+        case "code":
+          l.toggleCode().run();
+          break;
+        case "h2":
+          l.toggleHeading({ level: 2 }).run();
+          break;
+        case "h3":
+          l.toggleHeading({ level: 3 }).run();
+          break;
+        case "h4":
+          l.toggleHeading({ level: 4 }).run();
+          break;
+        case "bulletList":
+          l.toggleBulletList().run();
+          break;
+        case "orderedList":
+          l.toggleOrderedList().run();
+          break;
+        case "blockquote":
+          l.toggleBlockquote().run();
+          break;
+        case "hr":
+          l.setHorizontalRule().run();
+          break;
+        case "undo":
+          l.undo().run();
+          break;
+        case "redo":
+          l.redo().run();
+          break;
+        case "table":
+          l.insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run();
+          break;
+        case "link":
+          ce("link");
+          break;
+        case "youtube":
+          ce("youtube");
+          break;
+        case "image":
+          Ne();
+          break;
+      }
+    }
+    function Ze(e) {
+      const t = u.value;
+      if (!t) return;
+      t.chain().focus()[e]().run();
+    }
+    return x({
+      editor: u,
+      focus: () => u.value?.commands.focus(),
+      clear: () => u.value?.commands.clearContent(!0)
+    }), (e, t) => (r(), E(Xe, {
+      to: "body",
+      disabled: !w.value
+    }, [
+      _("div", {
+        ref_key: "rootRef",
+        ref: N,
+        class: Ce(Pe.value),
+        onKeydown: be(ze, ["esc"])
+      }, [
+        _("div", {
+          class: "wx-rich-text__toolbar",
+          role: "toolbar",
+          "aria-label": o.ariaLabel ?? d("toolbar")
+        }, [
+          (r(!0), v(I, null, te(Ye.value, (l, c) => (r(), v(I, {
+            key: `${l}-${c}`
+          }, [
+            l === "divider" ? (r(), v("span", Ut)) : (r(), E(z, {
+              key: 1,
+              icon: i(G)[l].icon,
+              text: i(G)[l].text,
+              label: d(l),
+              active: je(l),
+              disabled: qe(l),
+              onClick: (B) => Ge(l)
+            }, null, 8, ["icon", "text", "label", "active", "disabled", "onClick"]))
+          ], 64))), 128)),
+          O.value ? (r(), E(z, {
+            key: 0,
+            class: "wx-rich-text__tokens",
+            icon: "token",
+            label: o.tokensLabel,
+            active: i(a).open.value && i(a).browsing.value,
+            disabled: !$.value || p.value !== null,
+            onMousedown: t[0] || (t[0] = Y(() => {
+            }, ["prevent"])),
+            onClick: $e
+          }, null, 8, ["label", "active", "disabled"])) : g("", !0),
+          Z.value > 0 ? (r(), v("span", qt, H(d("uploading")), 1)) : g("", !0),
+          Ie.value ? (r(), E(z, {
+            key: 2,
+            class: "wx-rich-text__expand",
+            icon: w.value ? "collapse" : "expand",
+            label: d(w.value ? "collapse" : "expand"),
+            disabled: i(m).disabled.value,
+            onMousedown: t[1] || (t[1] = Y(() => {
+            }, ["prevent"])),
+            onClick: t[2] || (t[2] = (l) => J(!w.value))
+          }, null, 8, ["icon", "label", "disabled"])) : g("", !0)
+        ], 8, Kt),
+        O.value ? (r(), E(Mt, {
+          key: 0,
+          open: i(a).open.value,
+          items: i(a).items.value,
+          active: i(a).active.value,
+          anchor: i(a).anchor.value,
+          "list-id": Se.value,
+          title: i(a).browsing.value ? o.tokensTitle : void 0,
+          owner: N.value,
+          onChoose: t[3] || (t[3] = (l) => i(a).choose(l, re)),
+          onHover: t[4] || (t[4] = (l) => i(a).active.value = l),
+          onClose: t[5] || (t[5] = (l) => i(a).close())
+        }, null, 8, ["open", "items", "active", "anchor", "list-id", "title", "owner"])) : g("", !0),
+        i(M).on.value ? (r(), E(yt, {
+          key: 1,
+          locales: i(M).list.value,
+          active: i(M).active.value,
+          onChoose: Ve
+        }, null, 8, ["locales", "active"])) : g("", !0),
+        Oe.value && $.value && p.value === null ? (r(), v("div", Wt, [
+          (r(!0), v(I, null, te(i(Te), (l) => (r(), E(z, {
+            key: l.key,
+            icon: l.icon,
+            label: d(l.key),
+            onClick: (c) => Ze(l.key)
+          }, null, 8, ["icon", "label", "onClick"]))), 128))
+        ])) : g("", !0),
+        y.value ? (r(), v("form", {
+          key: 3,
+          class: "wx-rich-text__prompt",
+          onSubmit: Y(de, ["prevent"])
+        }, [
+          _("label", {
+            class: "wx-rich-text__prompt-label",
+            for: `${i(m).id.value}-prompt`
+          }, H(d(y.value.kind === "link" ? "linkAddress" : "youtubeAddress")), 9, Yt),
+          me(_("input", {
+            id: `${i(m).id.value}-prompt`,
+            "onUpdate:modelValue": t[6] || (t[6] = (l) => y.value.value = l),
+            class: "wx-rich-text__prompt-input",
+            type: "url",
+            placeholder: y.value.kind === "link" ? "https://example.com" : "https://youtu.be/…",
+            onKeydown: t[7] || (t[7] = be(Y((l) => y.value = null, ["prevent"]), ["esc"]))
+          }, null, 40, jt), [
+            [et, y.value.value]
+          ]),
+          R(z, {
+            icon: "check",
+            label: d("apply"),
+            onClick: de
+          }, null, 8, ["label"]),
+          R(z, {
+            icon: "close",
+            label: d("cancel"),
+            onClick: t[8] || (t[8] = (l) => y.value = null)
+          }, null, 8, ["label"])
+        ], 32)) : g("", !0),
+        C.value ? (r(), v("div", Gt, [
+          _("p", Zt, [
+            j(H(d("sourceLoss")) + " ", 1),
+            (r(!0), v(I, null, te(C.value, (l, c) => (r(), v(I, { key: l }, [
+              _("code", null, H(l), 1),
+              c < C.value.length - 1 ? (r(), v(I, { key: 0 }, [
+                j(", ")
+              ], 64)) : g("", !0)
+            ], 64))), 128))
+          ]),
+          R(we, {
+            size: "sm",
+            type: "danger",
+            variant: "outline",
+            onClick: t[9] || (t[9] = (l) => ve(!0))
+          }, {
+            default: ke(() => [
+              j(H(d("sourceDrop")), 1)
+            ]),
+            _: 1
+          }),
+          R(we, {
+            size: "sm",
+            variant: "text",
+            onClick: t[10] || (t[10] = (l) => C.value = null)
+          }, {
+            default: ke(() => [
+              j(H(d("sourceKeep")), 1)
+            ]),
+            _: 1
+          })
+        ])) : g("", !0),
+        p.value !== null ? (r(), v("div", Qt, [
+          R(i(wt), {
+            "model-value": p.value,
+            language: "html",
+            "line-wrapping": "",
+            "min-height": ne.value,
+            readonly: o.readonly,
+            disabled: i(m).disabled.value,
+            "aria-label": d("source"),
+            "onUpdate:modelValue": Ke,
+            onFocus: t[11] || (t[11] = (l) => he(!0)),
+            onBlur: t[12] || (t[12] = (l) => he(!1))
+          }, null, 8, ["model-value", "min-height", "readonly", "disabled", "aria-label"])
+        ])) : g("", !0),
+        me(_("div", {
+          class: "wx-rich-text__body",
+          style: tt({ minHeight: ne.value })
+        }, [
+          o.placeholder && De.value ? (r(), v("span", Jt, H(o.placeholder), 1)) : g("", !0),
+          R(i(st), {
+            editor: i(u),
+            class: "wx-rich-text__content",
+            "aria-describedby": i(m).describedBy.value
+          }, null, 8, ["editor", "aria-describedby"])
+        ], 4), [
+          [lt, p.value === null]
+        ]),
+        o.upload && !o.pickImage ? (r(), v("input", {
+          key: 6,
+          ref_key: "fileInput",
+          ref: oe,
+          class: "wx-rich-text__file",
+          type: "file",
+          accept: o.accept.join(","),
+          multiple: "",
+          onChange: Fe
+        }, null, 40, Xt)) : g("", !0)
+      ], 34)
+    ], 8, ["disabled"]));
+  }
+}), fl = /* @__PURE__ */ _e(el, [["__scopeId", "data-v-64994289"]]);
+export {
+  fl as default
+};
+//# sourceMappingURL=RichText-CoaDjyK5.js.map