@webx-ui/core 0.42.0 → 0.44.0

package/dist/RichText-Dmaf7-UT.js

@@ -0,0 +1,805 @@
+import { defineComponent as we, openBlock as r, createElementBlock as v, normalizeClass as ye, createElementVNode as H, unref as i, toDisplayString as A, computed as x, useModel as Ue, ref as _, watch as Q, Fragment as $, renderList as J, createBlock as N, withModifiers as de, createCommentVNode as w, withDirectives as fe, withKeys as qe, vModelText as We, createVNode as E, createTextVNode as W, withCtx as ve, normalizeStyle as Ye, vShow as je, mergeModels as he, nextTick as be } from "vue";
+import { Mark as Ge, Node as Ze, Extension as me, createDocument as Qe, getHTMLFromFragment as Je } from "@tiptap/core";
+import { useEditor as Xe, EditorContent as et } from "@tiptap/vue-3";
+import pe from "@tiptap/starter-kit";
+import { TableKit as tt } from "@tiptap/extension-table";
+import lt from "@tiptap/extension-image";
+import nt from "@tiptap/extension-youtube";
+import ot from "@tiptap/extension-file-handler";
+import { PluginKey as at, Plugin as it } from "@tiptap/pm/state";
+import { DecorationSet as ke, Decoration as rt } from "@tiptap/pm/view";
+import { _ as Le, b as st, t as ut, u as ct, a as dt, c as ft, d as vt, L as ht, W as ge, e as bt, f as mt, r as pt, g as kt } from "./index-OwTgLBpg.js";
+const gt = {
+  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",
+  check: "m5 13 4 4L19 7",
+  close: "M6 6l12 12M18 6 6 18"
+}, Mt = ["title", "aria-label", "aria-pressed", "disabled"], xt = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  "aria-hidden": "true"
+}, wt = ["d"], yt = {
+  key: 1,
+  class: "wx-rich-text__tool-text"
+}, Lt = /* @__PURE__ */ we({
+  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 (p, d) => (r(), v("button", {
+      type: "button",
+      class: ye(["wx-rich-text__tool", { "is-active": o.active }]),
+      title: o.label,
+      "aria-label": o.label,
+      "aria-pressed": o.active,
+      disabled: o.disabled,
+      onClick: d[0] || (d[0] = (n) => p.$emit("click"))
+    }, [
+      o.icon ? (r(), v("svg", xt, [
+        H("path", {
+          d: i(gt)[o.icon],
+          stroke: "currentColor",
+          "stroke-width": "1.7",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, null, 8, wt)
+      ])) : (r(), v("span", yt, A(o.text), 1))
+    ], 10, Mt));
+  }
+}), V = /* @__PURE__ */ Le(Lt, [["__scopeId", "data-v-c8c7e143"]]), Tt = /* @__PURE__ */ new Set([
+  "ul",
+  "ol",
+  "li",
+  "blockquote",
+  "table",
+  "colgroup",
+  "thead",
+  "tbody",
+  "tfoot",
+  "tr",
+  "th",
+  "td",
+  "div",
+  "figure"
+]), At = /* @__PURE__ */ new Set([
+  "p",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "pre",
+  "hr",
+  "img",
+  "iframe",
+  "col",
+  "figcaption"
+]), Ct = /* @__PURE__ */ new Set(["hr", "img", "br", "col", "wbr", "source", "input"]), _t = /<(\/?)([a-zA-Z][a-zA-Z0-9-]*)\b[^>]*?(\/?)>/g;
+function Ht(o, p = "  ") {
+  let d = "", n = 0, h = 0, f = 0, s = 0;
+  const m = () => {
+    d += `
+${p.repeat(n)}`;
+  };
+  for (const I of o.matchAll(_t)) {
+    const [y, B, a, R] = I, L = a.toLowerCase();
+    if (d += o.slice(s, I.index), s = I.index + y.length, f > 0 && L !== "pre") {
+      d += y;
+      continue;
+    }
+    const z = h === 0, F = Ct.has(L) || R === "/";
+    if (Tt.has(L) && z) {
+      B ? (n = Math.max(0, n - 1), m(), d += y) : (m(), d += y, F || (n += 1));
+      continue;
+    }
+    if (At.has(L)) {
+      !B && z && m(), d += y, L === "pre" && (f += B ? -1 : 1), F || (h += B ? -1 : 1), h = Math.max(0, h);
+      continue;
+    }
+    d += y;
+  }
+  return d += o.slice(s), d.replace(/^\n/, "");
+}
+const Bt = { b: "strong", i: "em", del: "s", strike: "s" };
+function Me(o) {
+  const p = /* @__PURE__ */ new Map(), d = (h) => {
+    p.set(h, (p.get(h) ?? 0) + 1);
+  }, n = document.createElement("template");
+  n.innerHTML = o;
+  for (const h of n.content.querySelectorAll("*")) {
+    const f = h.tagName.toLowerCase(), s = Bt[f] ?? f;
+    d(`<${s}>`);
+    for (const m of h.getAttributeNames()) d(`${m} on <${s}>`);
+  }
+  return p;
+}
+function St(o, p) {
+  const d = Me(o), n = Me(p), h = [];
+  for (const [s, m] of d)
+    (n.get(s) ?? 0) < m && h.push(s);
+  const f = new Set(h.filter((s) => s.startsWith("<")));
+  return h.filter((s) => {
+    const m = / on (<[^>]+>)$/.exec(s);
+    return !m || !f.has(m[1]);
+  });
+}
+const $t = [
+  "bold",
+  "italic",
+  "strike",
+  "code",
+  "divider",
+  "h2",
+  "h3",
+  "h4",
+  "divider",
+  "bulletList",
+  "orderedList",
+  "blockquote",
+  "hr",
+  "divider",
+  "link",
+  "table",
+  "image",
+  "youtube",
+  "divider",
+  "undo",
+  "redo",
+  "divider",
+  "source"
+], Et = ["bold", "italic", "accent"], It = [
+  "image/png",
+  "image/jpeg",
+  "image/gif",
+  "image/webp",
+  "image/svg+xml"
+], Y = {
+  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" }
+}, xe = [
+  { 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" }
+], Rt = ["aria-label"], zt = {
+  key: 0,
+  class: "wx-rich-text__divider",
+  "aria-hidden": "true"
+}, Dt = {
+  key: 1,
+  class: "wx-rich-text__uploading"
+}, Ot = {
+  key: 2,
+  class: "wx-rich-text__toolbar wx-rich-text__toolbar--table"
+}, Nt = ["for"], Vt = ["id", "placeholder"], Ft = {
+  key: 4,
+  class: "wx-rich-text__prompt wx-rich-text__loss",
+  role: "alert"
+}, Pt = { class: "wx-rich-text__loss-text" }, Kt = {
+  key: 5,
+  class: "wx-rich-text__source"
+}, Ut = {
+  key: 0,
+  class: "wx-rich-text__placeholder"
+}, qt = ["accept"], Wt = /* @__PURE__ */ we({
+  name: "WxRichText",
+  inheritAttrs: !1,
+  __name: "RichText",
+  props: /* @__PURE__ */ he({
+    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: () => It },
+    labels: { default: void 0 },
+    localized: { type: Boolean, default: !1 },
+    tokens: { default: void 0 },
+    tokensTitle: { default: "Placeholders" },
+    tokensLabel: { default: "Insert a placeholder" }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ he(["change", "focus", "blur", "uploadError"], ["update:modelValue"]),
+  setup(o, { expose: p, emit: d }) {
+    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"
+    };
+    function f(e) {
+      const t = n.labels?.[e] ?? h[e];
+      return t !== void 0 ? t : e in Y ? Y[e].label : xe.find((l) => l.key === e)?.label ?? e;
+    }
+    const s = d, m = lt.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) }
+          }
+        };
+      }
+    }), I = Ge.create({
+      name: "accent",
+      parseHTML: () => [{ tag: "span" }],
+      renderHTML: () => ["span", 0]
+    }), y = Ze.create({ name: "doc", topNode: !0, content: "text*" }), B = me.create({
+      name: "wxOneLine",
+      addKeyboardShortcuts: () => ({
+        Enter: () => !0,
+        "Shift-Enter": () => !0,
+        "Mod-Enter": () => !0
+      })
+    }), a = st(() => n.tokens), R = x(() => a.all.value.length > 0), L = new at("wxTokenChips"), z = me.create({
+      name: "wxTokenChips",
+      addProseMirrorPlugins: () => [
+        new it({
+          key: L,
+          props: {
+            decorations: (e) => {
+              const t = a.known.value;
+              if (t.size === 0) return ke.empty;
+              const l = [];
+              return e.doc.descendants((c, C) => {
+                if (!(!c.isText || !c.text))
+                  for (const O of ut(c.text, t))
+                    l.push(
+                      rt.inline(C + O.from, C + O.to, {
+                        class: "wx-token",
+                        "data-token": O.name
+                      })
+                    );
+              }), ke.create(e.doc, l);
+            }
+          }
+        })
+      ]
+    });
+    function F() {
+      return [
+        pe.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
+        }),
+        y,
+        I,
+        B,
+        z
+      ];
+    }
+    function Te() {
+      return [
+        pe.configure({
+          link: {
+            openOnClick: !1,
+            autolink: !0,
+            HTMLAttributes: { rel: "noopener noreferrer nofollow", target: "_blank" }
+          }
+        }),
+        tt.configure({ table: { resizable: !0 } }),
+        m.configure({ HTMLAttributes: { class: "wx-rich-text__image" } }),
+        nt.configure({ nocookie: !0, width: 640, height: 360 }),
+        ot.configure({
+          allowedMimeTypes: n.accept,
+          onDrop: (e, t, l) => {
+            Z(t, l);
+          },
+          onPaste: (e, t) => {
+            Z(t);
+          }
+        }),
+        z
+      ];
+    }
+    const Ae = x(() => n.tools ?? (n.inline ? Et : $t)), X = x(() => n.minHeight ?? (n.inline ? void 0 : "220px")), Ce = Ue(o, "modelValue"), k = ct(n), g = dt(n, Ce), P = x(() => g.on.value ? g.active.value : void 0), D = x(() => g.read(P.value)), K = _(!1), j = _(0), ee = _(null), M = _(null), S = x(() => !k.disabled.value && !n.readonly), b = _(null), T = _(null);
+    let G = "";
+    function U() {
+      const e = u.value;
+      return !e || e.isEmpty ? "" : e.getHTML();
+    }
+    const u = Xe({
+      content: D.value,
+      editable: S.value,
+      extensions: n.inline ? F() : Te(),
+      editorProps: {
+        // The list's keys first: Enter picks a placeholder rather than splitting the paragraph.
+        handleKeyDown: (e, t) => a.keydown(t, ne),
+        ...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 = U();
+        e !== D.value && (g.write(P.value, e), s("change", e), le());
+      },
+      onSelectionUpdate: () => {
+        a.open.value && le();
+      },
+      onFocus: () => {
+        K.value = !0, s("focus");
+      },
+      onBlur: () => {
+        K.value = !1, a.close(), s("blur");
+      }
+    });
+    Q(D, (e) => {
+      const t = u.value;
+      if (t) {
+        if (b.value !== null) {
+          e !== b.value && re(e);
+          return;
+        }
+        e !== U() && t.commands.setContent(e, { emitUpdate: !1 });
+      }
+    }), Q(S, (e) => u.value?.setEditable(e, !1)), Q(a.known, () => {
+      const e = u.value;
+      e && e.view.dispatch(e.state.tr.setMeta(L, !0));
+    });
+    const q = _(null), _e = x(() => `${k.id.value}-tokens`);
+    function te(e) {
+      try {
+        const t = u.value?.view.coordsAtPos(e);
+        if (t && t.bottom > t.top)
+          return mt(pt(t.left, t.top, 0, t.bottom - t.top), q.value);
+      } catch {
+      }
+      return kt(q.value, null);
+    }
+    function le() {
+      const e = u.value;
+      if (!e || !R.value || !S.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,
+        () => te(l.pos - c.length + c.lastIndexOf("["))
+      );
+    }
+    function ne(e, t) {
+      const l = u.value;
+      l && l.chain().focus().command(({ tr: c }) => (c.insertText(ft(e), t.from, t.to), !0)).run();
+    }
+    function He() {
+      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 }, te(t));
+    }
+    const Be = x(() => u.value?.isEmpty ?? !0), Se = x(() => u.value?.isActive("table") ?? !1), $e = x(() => [
+      "wx-rich-text",
+      `wx-rich-text--${k.size.value}`,
+      {
+        [`wx-rich-text--${k.status.value}`]: k.status.value !== "default",
+        "is-focused": K.value,
+        "is-disabled": k.disabled.value,
+        "is-readonly": n.readonly,
+        "is-localized": g.on.value,
+        "is-inline": n.inline
+      }
+    ]);
+    function Ee(e) {
+      g.active.value = e, be(() => u.value?.commands.focus());
+    }
+    function oe(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 Z(e, t) {
+      if (n.upload)
+        for (const l of e) {
+          j.value += 1;
+          try {
+            oe(await n.upload(l), t);
+          } catch (c) {
+            s("uploadError", c, l);
+          } finally {
+            j.value -= 1;
+          }
+        }
+    }
+    async function Ie() {
+      if (n.pickImage) {
+        const e = await n.pickImage();
+        e && oe(typeof e == "string" ? { url: e } : e);
+        return;
+      }
+      ee.value?.click();
+    }
+    function Re(e) {
+      const t = e.target, l = Array.from(t.files ?? []);
+      t.value = "", Z(l);
+    }
+    function ae(e) {
+      const t = e === "link" ? u.value?.getAttributes("link").href ?? "" : "";
+      M.value = { kind: e, value: String(t) };
+    }
+    function ie() {
+      const e = u.value, t = M.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 }), M.value = null;
+    }
+    function re(e = U()) {
+      M.value = null, T.value = null, G = Ht(e), b.value = G;
+    }
+    function ze(e) {
+      b.value = e, T.value = null, e !== D.value && (g.write(P.value, e), s("change", e));
+    }
+    function se(e = !1) {
+      const t = u.value, l = b.value;
+      if (!t || l === null) return;
+      const c = l !== G;
+      if (c && !e) {
+        const O = Qe(l, t.schema), ce = St(l, Je(O.content, t.schema));
+        if (ce.length > 0) {
+          T.value = ce;
+          return;
+        }
+      }
+      T.value = null, b.value = null, c && t.commands.setContent(l, { emitUpdate: !1 });
+      const C = U();
+      C !== D.value && (g.write(P.value, C), s("change", C)), be(() => t.commands.focus());
+    }
+    function ue(e) {
+      K.value = e, s(e ? "focus" : "blur");
+    }
+    function De() {
+      b.value === null ? re() : se();
+    }
+    function Oe(e) {
+      return e === "source" ? k.disabled.value : !S.value || b.value !== null;
+    }
+    function Ne(e) {
+      return e === "image" ? !!(n.upload || n.pickImage) : !0;
+    }
+    const Ve = x(() => Ae.value.filter(Ne));
+    function Fe(e) {
+      if (e === "source") return b.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 Pe(e) {
+      if (e === "source") return De();
+      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":
+          ae("link");
+          break;
+        case "youtube":
+          ae("youtube");
+          break;
+        case "image":
+          Ie();
+          break;
+      }
+    }
+    function Ke(e) {
+      const t = u.value;
+      if (!t) return;
+      t.chain().focus()[e]().run();
+    }
+    return p({
+      editor: u,
+      focus: () => u.value?.commands.focus(),
+      clear: () => u.value?.commands.clearContent(!0)
+    }), (e, t) => (r(), v("div", {
+      ref_key: "rootRef",
+      ref: q,
+      class: ye($e.value)
+    }, [
+      H("div", {
+        class: "wx-rich-text__toolbar",
+        role: "toolbar",
+        "aria-label": o.ariaLabel ?? f("toolbar")
+      }, [
+        (r(!0), v($, null, J(Ve.value, (l, c) => (r(), v($, {
+          key: `${l}-${c}`
+        }, [
+          l === "divider" ? (r(), v("span", zt)) : (r(), N(V, {
+            key: 1,
+            icon: i(Y)[l].icon,
+            text: i(Y)[l].text,
+            label: f(l),
+            active: Fe(l),
+            disabled: Oe(l),
+            onClick: (C) => Pe(l)
+          }, null, 8, ["icon", "text", "label", "active", "disabled", "onClick"]))
+        ], 64))), 128)),
+        R.value ? (r(), N(V, {
+          key: 0,
+          class: "wx-rich-text__tokens",
+          icon: "token",
+          label: o.tokensLabel,
+          active: i(a).open.value && i(a).browsing.value,
+          disabled: !S.value || b.value !== null,
+          onMousedown: t[0] || (t[0] = de(() => {
+          }, ["prevent"])),
+          onClick: He
+        }, null, 8, ["label", "active", "disabled"])) : w("", !0),
+        j.value > 0 ? (r(), v("span", Dt, A(f("uploading")), 1)) : w("", !0)
+      ], 8, Rt),
+      R.value ? (r(), N(vt, {
+        key: 0,
+        open: i(a).open.value,
+        items: i(a).items.value,
+        active: i(a).active.value,
+        anchor: i(a).anchor.value,
+        "list-id": _e.value,
+        title: i(a).browsing.value ? o.tokensTitle : void 0,
+        owner: q.value,
+        onChoose: t[1] || (t[1] = (l) => i(a).choose(l, ne)),
+        onHover: t[2] || (t[2] = (l) => i(a).active.value = l),
+        onClose: t[3] || (t[3] = (l) => i(a).close())
+      }, null, 8, ["open", "items", "active", "anchor", "list-id", "title", "owner"])) : w("", !0),
+      i(g).on.value ? (r(), N(ht, {
+        key: 1,
+        locales: i(g).list.value,
+        active: i(g).active.value,
+        onChoose: Ee
+      }, null, 8, ["locales", "active"])) : w("", !0),
+      Se.value && S.value && b.value === null ? (r(), v("div", Ot, [
+        (r(!0), v($, null, J(i(xe), (l) => (r(), N(V, {
+          key: l.key,
+          icon: l.icon,
+          label: f(l.key),
+          onClick: (c) => Ke(l.key)
+        }, null, 8, ["icon", "label", "onClick"]))), 128))
+      ])) : w("", !0),
+      M.value ? (r(), v("form", {
+        key: 3,
+        class: "wx-rich-text__prompt",
+        onSubmit: de(ie, ["prevent"])
+      }, [
+        H("label", {
+          class: "wx-rich-text__prompt-label",
+          for: `${i(k).id.value}-prompt`
+        }, A(f(M.value.kind === "link" ? "linkAddress" : "youtubeAddress")), 9, Nt),
+        fe(H("input", {
+          id: `${i(k).id.value}-prompt`,
+          "onUpdate:modelValue": t[4] || (t[4] = (l) => M.value.value = l),
+          class: "wx-rich-text__prompt-input",
+          type: "url",
+          placeholder: M.value.kind === "link" ? "https://example.com" : "https://youtu.be/…",
+          onKeydown: t[5] || (t[5] = qe((l) => M.value = null, ["esc"]))
+        }, null, 40, Vt), [
+          [We, M.value.value]
+        ]),
+        E(V, {
+          icon: "check",
+          label: f("apply"),
+          onClick: ie
+        }, null, 8, ["label"]),
+        E(V, {
+          icon: "close",
+          label: f("cancel"),
+          onClick: t[6] || (t[6] = (l) => M.value = null)
+        }, null, 8, ["label"])
+      ], 32)) : w("", !0),
+      T.value ? (r(), v("div", Ft, [
+        H("p", Pt, [
+          W(A(f("sourceLoss")) + " ", 1),
+          (r(!0), v($, null, J(T.value, (l, c) => (r(), v($, { key: l }, [
+            H("code", null, A(l), 1),
+            c < T.value.length - 1 ? (r(), v($, { key: 0 }, [
+              W(", ")
+            ], 64)) : w("", !0)
+          ], 64))), 128))
+        ]),
+        E(ge, {
+          size: "sm",
+          type: "danger",
+          variant: "outline",
+          onClick: t[7] || (t[7] = (l) => se(!0))
+        }, {
+          default: ve(() => [
+            W(A(f("sourceDrop")), 1)
+          ]),
+          _: 1
+        }),
+        E(ge, {
+          size: "sm",
+          variant: "text",
+          onClick: t[8] || (t[8] = (l) => T.value = null)
+        }, {
+          default: ve(() => [
+            W(A(f("sourceKeep")), 1)
+          ]),
+          _: 1
+        })
+      ])) : w("", !0),
+      b.value !== null ? (r(), v("div", Kt, [
+        E(i(bt), {
+          "model-value": b.value,
+          language: "html",
+          "line-wrapping": "",
+          "min-height": X.value,
+          readonly: o.readonly,
+          disabled: i(k).disabled.value,
+          "aria-label": f("source"),
+          "onUpdate:modelValue": ze,
+          onFocus: t[9] || (t[9] = (l) => ue(!0)),
+          onBlur: t[10] || (t[10] = (l) => ue(!1))
+        }, null, 8, ["model-value", "min-height", "readonly", "disabled", "aria-label"])
+      ])) : w("", !0),
+      fe(H("div", {
+        class: "wx-rich-text__body",
+        style: Ye({ minHeight: X.value })
+      }, [
+        o.placeholder && Be.value ? (r(), v("span", Ut, A(o.placeholder), 1)) : w("", !0),
+        E(i(et), {
+          editor: i(u),
+          class: "wx-rich-text__content",
+          "aria-describedby": i(k).describedBy.value
+        }, null, 8, ["editor", "aria-describedby"])
+      ], 4), [
+        [je, b.value === null]
+      ]),
+      o.upload && !o.pickImage ? (r(), v("input", {
+        key: 6,
+        ref_key: "fileInput",
+        ref: ee,
+        class: "wx-rich-text__file",
+        type: "file",
+        accept: o.accept.join(","),
+        multiple: "",
+        onChange: Re
+      }, null, 40, qt)) : w("", !0)
+    ], 2));
+  }
+}), ol = /* @__PURE__ */ Le(Wt, [["__scopeId", "data-v-bea63427"]]);
+export {
+  ol as default
+};
+//# sourceMappingURL=RichText-Dmaf7-UT.js.map