@webx-ui/core 0.44.0 → 0.45.0

package/dist/RichText-Dmaf7-UT.js

@@ -1,805 +0,0 @@
-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