@unicom-cloud/ui 0.8.108 → 0.8.110

package/rich-text/rich.js

@@ -0,0 +1,1877 @@
+import { S as H, C as W, B as $, b as R, R as c, c as L, E as pt, d as X, e as ft, f as bt, T as xt, g as gt, h as y, i as mt, j as yt, D as q, k as K, M as B, t as vt, n as kt, l as Q, m as d, a as J, o as At, F as wt, p as qt, q as Y, r as tt, s as Et, u as et, v as st, w as it, x as Lt, y as St, z as nt, G as Nt, H as Tt } from "../chunk/BDMqvmVH.js";
+import { A as Fe, O as ze, I as Pe, P as _e } from "../chunk/BDMqvmVH.js";
+import { RICH_TEXT_CLASS_NAME_PREFIX as l } from "./constant.js";
+import O from "lodash/merge";
+class It extends W {
+  add(t, e) {
+    let s = 0;
+    if (e === "+1" || e === "-1") {
+      const i = this.value(t) || 0;
+      s = e === "+1" ? i + 1 : i - 1;
+    } else typeof e == "number" && (s = e);
+    return s === 0 ? (this.remove(t), !0) : super.add(t, s.toString());
+  }
+  canAdd(t, e) {
+    return super.canAdd(t, e) || super.canAdd(t, parseInt(e, 10));
+  }
+  value(t) {
+    return parseInt(super.value(t), 10) || void 0;
+  }
+}
+const Ct = new It(
+  "indent",
+  `${l}-indent`,
+  {
+    scope: H.BLOCK,
+    whitelist: [1, 2, 3, 4, 5, 6, 7, 8]
+  }
+);
+class $t extends $ {
+  static {
+    this.blotName = "blockquote";
+  }
+  static {
+    this.tagName = "blockquote";
+  }
+}
+class Rt extends $ {
+  static {
+    this.blotName = "header";
+  }
+  static {
+    this.tagName = ["H1", "H2", "H3", "H4", "H5", "H6"];
+  }
+  static formats(t) {
+    return this.tagName.indexOf(t.tagName) + 1;
+  }
+}
+class S extends R {
+}
+S.blotName = "list-container";
+S.tagName = "OL";
+class N extends $ {
+  static create(t) {
+    const e = super.create();
+    return e.setAttribute("data-list", t), e;
+  }
+  static formats(t) {
+    return t.getAttribute("data-list") || void 0;
+  }
+  static register() {
+    c.register(S);
+  }
+  constructor(t, e) {
+    super(t, e);
+    const s = e.ownerDocument.createElement("span"), i = (n) => {
+      if (!t.isEnabled()) return;
+      const o = this.statics.formats(e, t);
+      o === "checked" ? (this.format("list", "unchecked"), n.preventDefault()) : o === "unchecked" && (this.format("list", "checked"), n.preventDefault());
+    };
+    s.addEventListener("mousedown", i), s.addEventListener("touchstart", i), this.attachUI(s);
+  }
+  format(t, e) {
+    t === this.statics.blotName && e ? this.domNode.setAttribute("data-list", e) : super.format(t, e);
+  }
+}
+N.blotName = "list";
+N.tagName = "LI";
+S.allowedChildren = [N];
+N.requiredContainer = S;
+class U extends L {
+  static {
+    this.blotName = "bold";
+  }
+  static {
+    this.tagName = ["STRONG", "B"];
+  }
+  static create() {
+    return super.create();
+  }
+  static formats() {
+    return !0;
+  }
+  optimize(t) {
+    super.optimize(t), this.domNode.tagName !== this.statics.tagName[0] && this.replaceWith(this.statics.blotName);
+  }
+}
+class Mt extends U {
+  static {
+    this.blotName = "italic";
+  }
+  static {
+    this.tagName = ["EM", "I"];
+  }
+}
+class I extends L {
+  static {
+    this.blotName = "link";
+  }
+  static {
+    this.tagName = "A";
+  }
+  static {
+    this.SANITIZED_URL = "about:blank";
+  }
+  static {
+    this.PROTOCOL_WHITELIST = ["http", "https", "mailto", "tel", "sms"];
+  }
+  static create(t) {
+    const e = super.create(t);
+    return e.setAttribute("href", this.sanitize(t)), e.setAttribute("rel", "noopener noreferrer"), e.setAttribute("target", "_blank"), e;
+  }
+  static formats(t) {
+    return t.getAttribute("href");
+  }
+  static sanitize(t) {
+    return rt(t, this.PROTOCOL_WHITELIST) ? t : this.SANITIZED_URL;
+  }
+  format(t, e) {
+    t !== this.statics.blotName || !e ? super.format(t, e) : this.domNode.setAttribute("href", this.constructor.sanitize(e));
+  }
+}
+function rt(r, t) {
+  const e = document.createElement("a");
+  e.href = r;
+  const s = e.href.slice(0, e.href.indexOf(":"));
+  return t.indexOf(s) > -1;
+}
+class Ht extends L {
+  static {
+    this.blotName = "script";
+  }
+  static {
+    this.tagName = ["SUB", "SUP"];
+  }
+  static create(t) {
+    return t === "super" ? document.createElement("sup") : t === "sub" ? document.createElement("sub") : super.create(t);
+  }
+  static formats(t) {
+    if (t.tagName === "SUB") return "sub";
+    if (t.tagName === "SUP") return "super";
+  }
+}
+class Bt extends U {
+  static {
+    this.blotName = "strike";
+  }
+  static {
+    this.tagName = ["S", "STRIKE"];
+  }
+}
+class Ot extends L {
+  static {
+    this.blotName = "underline";
+  }
+  static {
+    this.tagName = "U";
+  }
+}
+class Ut extends pt {
+  static {
+    this.blotName = "formula";
+  }
+  static {
+    this.className = `${l}-formula`;
+  }
+  static {
+    this.tagName = "SPAN";
+  }
+  static create(t) {
+    if (window.katex == null)
+      throw new Error("Formula module requires KaTeX.");
+    const e = super.create(t);
+    return typeof t == "string" && (window.katex.render(t, e, {
+      throwOnError: !1,
+      errorColor: "#f00"
+    }), e.setAttribute("data-value", t)), e;
+  }
+  static value(t) {
+    return t.getAttribute("data-value");
+  }
+  html() {
+    const { formula: t } = this.value();
+    return `<span>${t}</span>`;
+  }
+}
+const D = ["alt", "height", "width"];
+class Vt extends X {
+  static {
+    this.blotName = "image";
+  }
+  static {
+    this.tagName = "IMG";
+  }
+  static create(t) {
+    const e = super.create(t);
+    return typeof t == "string" && e.setAttribute("src", this.sanitize(t)), e;
+  }
+  static formats(t) {
+    return D.reduce(
+      (e, s) => (t.hasAttribute(s) && (e[s] = t.getAttribute(s)), e),
+      {}
+    );
+  }
+  static match(t) {
+    return /\.(jpe?g|gif|png)$/.test(t) || /^data:image\/.+;base64/.test(t);
+  }
+  static sanitize(t) {
+    return rt(t, ["http", "https", "data"]) ? t : "//:0";
+  }
+  static value(t) {
+    return t.getAttribute("src");
+  }
+  format(t, e) {
+    D.indexOf(t) > -1 ? e ? this.domNode.setAttribute(t, e) : this.domNode.removeAttribute(t) : super.format(t, e);
+  }
+}
+const F = ["height", "width"];
+class Zt extends ft {
+  static {
+    this.blotName = "video";
+  }
+  static {
+    this.className = `${l}-video`;
+  }
+  static {
+    this.tagName = "IFRAME";
+  }
+  static create(t) {
+    const e = super.create(t);
+    return e.setAttribute("frameborder", "0"), e.setAttribute("allowfullscreen", "true"), e.setAttribute("src", this.sanitize(t)), e;
+  }
+  static formats(t) {
+    return F.reduce(
+      (e, s) => (t.hasAttribute(s) && (e[s] = t.getAttribute(s)), e),
+      {}
+    );
+  }
+  static sanitize(t) {
+    return I.sanitize(t);
+  }
+  static value(t) {
+    return t.getAttribute("src");
+  }
+  format(t, e) {
+    F.indexOf(t) > -1 ? e ? this.domNode.setAttribute(t, e) : this.domNode.removeAttribute(t) : super.format(t, e);
+  }
+  html() {
+    const { video: t } = this.value();
+    return `<a href="${t}">${t}</a>`;
+  }
+}
+const A = new W("code-token", "hljs", {
+  scope: H.INLINE
+});
+class f extends L {
+  static formats(t, e) {
+    for (; t != null && t !== e.domNode; ) {
+      if (t.classList && t.classList.contains(y.className))
+        return super.formats(t, e);
+      t = t.parentNode;
+    }
+  }
+  constructor(t, e, s) {
+    super(t, e, s), A.add(this.domNode, s);
+  }
+  format(t, e) {
+    t !== f.blotName ? super.format(t, e) : e ? A.add(this.domNode, e) : (A.remove(this.domNode), this.domNode.classList.remove(this.statics.className));
+  }
+  optimize(...t) {
+    super.optimize(...t), A.value(this.domNode) || this.unwrap();
+  }
+}
+f.blotName = "code-token";
+f.className = `${l}-token`;
+class u extends y {
+  static create(t) {
+    const e = super.create(t);
+    return typeof t == "string" && e.setAttribute("data-language", t), e;
+  }
+  static formats(t) {
+    return t.getAttribute("data-language") || "plain";
+  }
+  static register() {
+  }
+  // Syntax module will register
+  format(t, e) {
+    t === this.statics.blotName && e ? this.domNode.setAttribute("data-language", e) : super.format(t, e);
+  }
+  replaceWith(t, e) {
+    return this.formatAt(0, this.length(), f.blotName, !1), super.replaceWith(t, e);
+  }
+}
+class w extends mt {
+  attach() {
+    super.attach(), this.forceNext = !1, this.scroll.emitMount(this);
+  }
+  format(t, e) {
+    t === u.blotName && (this.forceNext = !0, this.children.forEach((s) => {
+      s.format(t, e);
+    }));
+  }
+  formatAt(t, e, s, i) {
+    s === u.blotName && (this.forceNext = !0), super.formatAt(t, e, s, i);
+  }
+  highlight(t, e = !1) {
+    if (this.children.head == null) return;
+    const i = `${Array.from(this.domNode.childNodes).filter(
+      (o) => o !== this.uiNode
+    ).map((o) => o.textContent).join(`
+`)}
+`, n = u.formats(this.children.head.domNode);
+    if (e || this.forceNext || this.cachedText !== i) {
+      if (i.trim().length > 0 || this.cachedText == null) {
+        const o = this.children.reduce((h, b) => h.concat(yt(b, !1)), new q()), a = t(i, n);
+        o.diff(a).reduce((h, { retain: b, attributes: v }) => b ? (v && Object.keys(v).forEach((m) => {
+          [u.blotName, f.blotName].includes(m) && this.formatAt(h, b, m, v[m]);
+        }), h + b) : h, 0);
+      }
+      this.cachedText = i, this.forceNext = !1;
+    }
+  }
+  html(t, e) {
+    const [s] = this.children.find(t);
+    return `<pre data-language="${s ? u.formats(s.domNode) : "plain"}">
+${K(
+      this.code(t, e)
+    )}
+</pre>`;
+  }
+  optimize(t) {
+    if (super.optimize(t), this.parent != null && this.children.head != null && this.uiNode != null) {
+      const e = u.formats(this.children.head.domNode);
+      e !== this.uiNode.value && (this.uiNode.value = e);
+    }
+  }
+}
+w.allowedChildren = [u];
+u.requiredContainer = w;
+u.allowedChildren = [f, bt, xt, gt];
+const Dt = (r, t, e) => {
+  if (typeof r.versionString == "string") {
+    const s = r.versionString.split(".")[0];
+    if (parseInt(s, 10) >= 11)
+      return r.highlight(e, { language: t }).value;
+  }
+  return r.highlight(t, e).value;
+};
+class lt extends B {
+  static register() {
+    c.register(f, !0), c.register(u, !0), c.register(w, !0);
+  }
+  constructor(t, e) {
+    if (super(t, e), this.options.hljs == null)
+      throw new Error(
+        "Syntax module requires highlight.js. Please include the library on the page before Rich."
+      );
+    this.languages = this.options.languages.reduce(
+      (s, { key: i }) => (s[i] = !0, s),
+      {}
+    ), this.highlightBlot = this.highlightBlot.bind(this), this.initListener(), this.initTimer();
+  }
+  initListener() {
+    this.rich.on(c.events.SCROLL_BLOT_MOUNT, (t) => {
+      if (!(t instanceof w)) return;
+      const e = this.rich.root.ownerDocument.createElement("select");
+      this.options.languages.forEach(({ key: s, label: i }) => {
+        const n = e.ownerDocument.createElement("option");
+        n.textContent = i, n.setAttribute("value", s), e.appendChild(n);
+      }), e.addEventListener("change", () => {
+        t.format(u.blotName, e.value), this.rich.root.focus(), this.highlight(t, !0);
+      }), t.uiNode == null && (t.attachUI(e), t.children.head && (e.value = u.formats(t.children.head.domNode)));
+    });
+  }
+  initTimer() {
+    let t = null;
+    this.rich.on(c.events.SCROLL_OPTIMIZE, () => {
+      t && clearTimeout(t), t = setTimeout(() => {
+        this.highlight(), t = null;
+      }, this.options.interval);
+    });
+  }
+  highlight(t = null, e = !1) {
+    if (this.rich.selection.composing) return;
+    this.rich.update(c.sources.USER);
+    const s = this.rich.getSelection();
+    (t == null ? this.rich.scroll.descendants(w) : [t]).forEach((n) => {
+      n.highlight(this.highlightBlot, e);
+    }), this.rich.update(c.sources.SILENT), s != null && this.rich.setSelection(s, c.sources.SILENT);
+  }
+  highlightBlot(t, e = "plain") {
+    if (e = this.languages[e] ? e : "plain", e === "plain")
+      return K(t).split(`
+`).reduce((i, n, o) => (o !== 0 && i.insert(`
+`, { [y.blotName]: e }), i.insert(n)), new q());
+    const s = this.rich.root.ownerDocument.createElement("div");
+    return s.classList.add(y.className), s.innerHTML = Dt(this.options.hljs, e, t), vt(
+      this.rich.scroll,
+      s,
+      [
+        (i, n) => {
+          const o = A.value(i);
+          return o ? n.compose(
+            new q().retain(n.length(), {
+              [f.blotName]: o
+            })
+          ) : n;
+        }
+      ],
+      [
+        (i, n) => i.data.split(`
+`).reduce((o, a, h) => (h !== 0 && o.insert(`
+`, { [y.blotName]: e }), o.insert(a)), n)
+      ],
+      /* @__PURE__ */ new WeakMap()
+    );
+  }
+}
+lt.DEFAULTS = {
+  hljs: window.hljs,
+  interval: 1e3,
+  languages: [
+    { key: "plain", label: "Plain" },
+    { key: "bash", label: "Bash" },
+    { key: "cpp", label: "C++" },
+    { key: "cs", label: "C#" },
+    { key: "css", label: "CSS" },
+    { key: "diff", label: "Diff" },
+    { key: "xml", label: "HTML/XML" },
+    { key: "java", label: "Java" },
+    { key: "javascript", label: "JavaScript" },
+    { key: "markdown", label: "Markdown" },
+    { key: "php", label: "PHP" },
+    { key: "python", label: "Python" },
+    { key: "ruby", label: "Ruby" },
+    { key: "sql", label: "SQL" }
+  ]
+};
+class p extends $ {
+  static {
+    this.blotName = "table";
+  }
+  static {
+    this.tagName = "TD";
+  }
+  static create(t) {
+    const e = super.create();
+    return t ? e.setAttribute("data-row", t) : e.setAttribute("data-row", V()), e;
+  }
+  static formats(t) {
+    if (t.hasAttribute("data-row"))
+      return t.getAttribute("data-row");
+  }
+  cellOffset() {
+    return this.parent ? this.parent.children.indexOf(this) : -1;
+  }
+  format(t, e) {
+    t === p.blotName && e ? this.domNode.setAttribute("data-row", e) : super.format(t, e);
+  }
+  row() {
+    return this.parent;
+  }
+  rowOffset() {
+    return this.row() ? this.row().rowOffset() : -1;
+  }
+  table() {
+    return this.row() && this.row().table();
+  }
+}
+class g extends R {
+  static {
+    this.blotName = "table-row";
+  }
+  static {
+    this.tagName = "TR";
+  }
+  checkMerge() {
+    if (super.checkMerge() && this.next.children.head != null) {
+      const t = this.children.head.formats(), e = this.children.tail.formats(), s = this.next.children.head.formats(), i = this.next.children.tail.formats();
+      return t.table === e.table && t.table === s.table && t.table === i.table;
+    }
+    return !1;
+  }
+  optimize(t) {
+    super.optimize(t), this.children.forEach((e) => {
+      if (e.next == null) return;
+      const s = e.formats(), i = e.next.formats();
+      if (s.table !== i.table) {
+        const n = this.splitAfter(e);
+        n && n.optimize(), this.prev && this.prev.optimize();
+      }
+    });
+  }
+  rowOffset() {
+    return this.parent ? this.parent.children.indexOf(this) : -1;
+  }
+  table() {
+    return this.parent && this.parent.parent;
+  }
+}
+class x extends R {
+  static {
+    this.blotName = "table-body";
+  }
+  static {
+    this.tagName = "TBODY";
+  }
+}
+class C extends R {
+  static {
+    this.blotName = "table-container";
+  }
+  static {
+    this.tagName = "TABLE";
+  }
+  balanceCells() {
+    const t = this.descendants(g), e = t.reduce((s, i) => Math.max(i.children.length, s), 0);
+    t.forEach((s) => {
+      new Array(e - s.children.length).fill(0).forEach(() => {
+        let i;
+        s.children.head != null && (i = p.formats(s.children.head.domNode));
+        const n = this.scroll.create(p.blotName, i);
+        s.appendChild(n), n.optimize();
+      });
+    });
+  }
+  cells(t) {
+    return this.rows().map((e) => e.children.at(t));
+  }
+  deleteColumn(t) {
+    const [e] = this.descendant(x);
+    e == null || e.children.head == null || e.children.forEach((s) => {
+      const i = s.children.at(t);
+      i?.remove();
+    });
+  }
+  insertColumn(t) {
+    const [e] = this.descendant(x);
+    e == null || e.children.head == null || e.children.forEach((s) => {
+      const i = s.children.at(t), n = p.formats(s.children.head.domNode), o = this.scroll.create(p.blotName, n);
+      s.insertBefore(o, i);
+    });
+  }
+  insertRow(t) {
+    const [e] = this.descendant(x);
+    if (e == null || e.children.head == null) return;
+    const s = V(), i = this.scroll.create(g.blotName);
+    e.children.head.children.forEach(() => {
+      const o = this.scroll.create(p.blotName, s);
+      i.appendChild(o);
+    });
+    const n = e.children.at(t);
+    e.insertBefore(i, n);
+  }
+  rows() {
+    const t = this.children.head;
+    return t == null ? [] : t.children.map((e) => e);
+  }
+}
+C.allowedChildren = [x];
+x.requiredContainer = C;
+x.allowedChildren = [g];
+g.requiredContainer = x;
+g.allowedChildren = [p];
+p.requiredContainer = g;
+function V() {
+  return `row-${Math.random().toString(36).slice(2, 6)}`;
+}
+class Ft extends B {
+  static register() {
+    c.register(p), c.register(g), c.register(x), c.register(C);
+  }
+  constructor(...t) {
+    super(...t), this.listenBalanceCells();
+  }
+  balanceTables() {
+    this.rich.scroll.descendants(C).forEach((t) => {
+      t.balanceCells();
+    });
+  }
+  deleteColumn() {
+    const [t, , e] = this.getTable();
+    e != null && (t.deleteColumn(e.cellOffset()), this.rich.update(c.sources.USER));
+  }
+  deleteRow() {
+    const [, t] = this.getTable();
+    t != null && (t.remove(), this.rich.update(c.sources.USER));
+  }
+  deleteTable() {
+    const [t] = this.getTable();
+    if (t == null) return;
+    const e = t.offset();
+    t.remove(), this.rich.update(c.sources.USER), this.rich.setSelection(e, c.sources.SILENT);
+  }
+  getTable(t = this.rich.getSelection()) {
+    if (t == null) return [null, null, null, -1];
+    const [e, s] = this.rich.getLine(t.index);
+    if (e == null || e.statics.blotName !== p.blotName)
+      return [null, null, null, -1];
+    const i = e.parent;
+    return [i.parent.parent, i, e, s];
+  }
+  insertColumn(t) {
+    const e = this.rich.getSelection();
+    if (!e) return;
+    const [s, i, n] = this.getTable(e);
+    if (n == null) return;
+    const o = n.cellOffset();
+    s.insertColumn(o + t), this.rich.update(c.sources.USER);
+    let a = i.rowOffset();
+    t === 0 && (a += 1), this.rich.setSelection(
+      e.index + a,
+      e.length,
+      c.sources.SILENT
+    );
+  }
+  insertColumnLeft() {
+    this.insertColumn(0);
+  }
+  insertColumnRight() {
+    this.insertColumn(1);
+  }
+  insertRow(t) {
+    const e = this.rich.getSelection();
+    if (!e) return;
+    const [s, i, n] = this.getTable(e);
+    if (n == null) return;
+    const o = i.rowOffset();
+    s.insertRow(o + t), this.rich.update(c.sources.USER), t > 0 ? this.rich.setSelection(e, c.sources.SILENT) : this.rich.setSelection(
+      e.index + i.children.length,
+      e.length,
+      c.sources.SILENT
+    );
+  }
+  insertRowAbove() {
+    this.insertRow(0);
+  }
+  insertRowBelow() {
+    this.insertRow(1);
+  }
+  insertTable(t, e) {
+    const s = this.rich.getSelection();
+    if (s == null) return;
+    const i = new Array(t).fill(0).reduce((n) => {
+      const o = new Array(e).fill(`
+`).join("");
+      return n.insert(o, { table: V() });
+    }, new q().retain(s.index));
+    this.rich.updateContents(i, c.sources.USER), this.rich.setSelection(s.index, c.sources.SILENT), this.balanceTables();
+  }
+  listenBalanceCells() {
+    this.rich.on(c.events.SCROLL_OPTIMIZE, (t) => {
+      t.some((e) => ["TD", "TR", "TBODY", "TABLE"].includes(
+        e.target.tagName
+      ) ? (this.rich.once(c.events.TEXT_CHANGE, (s, i, n) => {
+        n === c.sources.USER && this.balanceTables();
+      }), !0) : !1);
+    });
+  }
+}
+const z = kt("rich:toolbar");
+class Z extends B {
+  constructor(t, e) {
+    if (super(t, e), Array.isArray(this.options.container)) {
+      const s = document.createElement("div");
+      s.setAttribute("role", "toolbar"), zt(s, this.options.container), t.container?.parentNode?.insertBefore(s, t.container), this.container = s;
+    } else typeof this.options.container == "string" ? this.container = document.querySelector(this.options.container) : this.container = this.options.container;
+    if (!(this.container instanceof HTMLElement)) {
+      z.error("Container required for toolbar", this.options);
+      return;
+    }
+    this.container.classList.add(`${l}-toolbar`), this.controls = [], this.handlers = {}, this.options.handlers && Object.keys(this.options.handlers).forEach((s) => {
+      const i = this.options.handlers?.[s];
+      i && this.addHandler(s, i);
+    }), Array.from(this.container.querySelectorAll("button, select")).forEach(
+      (s) => {
+        this.attach(s);
+      }
+    ), this.rich.on(c.events.EDITOR_CHANGE, () => {
+      const [s] = this.rich.selection.getRange();
+      this.update(s);
+    });
+  }
+  addHandler(t, e) {
+    this.handlers[t] = e;
+  }
+  attach(t) {
+    let e = Array.from(t.classList).find((i) => i.indexOf(`${l}-`) === 0);
+    if (!e) return;
+    if (e = e.slice(`${l}-`.length), t.tagName === "BUTTON" && t.setAttribute("type", "button"), this.handlers[e] == null && this.rich.scroll.query(e) == null) {
+      z.warn("ignoring attaching to nonexistent format", e, t);
+      return;
+    }
+    const s = t.tagName === "SELECT" ? "change" : "click";
+    t.addEventListener(s, (i) => {
+      let n;
+      if (t.tagName === "SELECT") {
+        if (t.selectedIndex < 0) return;
+        const a = t.options[t.selectedIndex];
+        a.hasAttribute("selected") ? n = !1 : n = a.value || !1;
+      } else
+        t.classList.contains(`${l}-active`) ? n = !1 : n = t.value || !t.hasAttribute("value"), i.preventDefault();
+      this.rich.focus();
+      const [o] = this.rich.selection.getRange();
+      if (this.handlers[e] != null)
+        this.handlers[e].call(this, n);
+      else if (this.rich.scroll.query(e).prototype instanceof X) {
+        if (n = prompt(`Enter ${e}`), !n) return;
+        this.rich.updateContents(
+          new q().retain(o.index).delete(o.length).insert({ [e]: n }),
+          c.sources.USER
+        );
+      } else
+        this.rich.format(e, n, c.sources.USER);
+      this.update(o);
+    }), this.controls.push([e, t]);
+  }
+  update(t) {
+    const e = t == null ? {} : this.rich.getFormat(t);
+    this.controls.forEach((s) => {
+      const [i, n] = s;
+      if (n.tagName === "SELECT") {
+        let o = null;
+        if (t == null)
+          o = null;
+        else if (e[i] == null)
+          o = n.querySelector("option[selected]");
+        else if (!Array.isArray(e[i])) {
+          let a = e[i];
+          typeof a == "string" && (a = a.replace(/"/g, '\\"')), o = n.querySelector(`option[value="${a}"]`);
+        }
+        o == null ? (n.value = "", n.selectedIndex = -1) : o.selected = !0;
+      } else if (t == null)
+        n.classList.remove(`${l}-active`), n.setAttribute("aria-pressed", "false");
+      else if (n.hasAttribute("value")) {
+        const o = e[i], a = o === n.getAttribute("value") || o != null && o.toString() === n.getAttribute("value") || o == null && !n.getAttribute("value");
+        n.classList.toggle(
+          `${l}-active`,
+          a
+        ), n.setAttribute("aria-pressed", a.toString());
+      } else {
+        const o = e[i] != null;
+        n.classList.toggle(
+          `${l}-active`,
+          o
+        ), n.setAttribute("aria-pressed", o.toString());
+      }
+    });
+  }
+}
+Z.DEFAULTS = {};
+function P(r, t, e) {
+  const s = document.createElement("button");
+  s.setAttribute("type", "button"), s.classList.add(`${l}-${t}`), s.setAttribute("aria-pressed", "false"), e != null ? (s.value = e, s.setAttribute("aria-label", `${t}: ${e}`)) : s.setAttribute("aria-label", t), r.appendChild(s);
+}
+function zt(r, t) {
+  Array.isArray(t[0]) || (t = [t]), t.forEach((e) => {
+    const s = document.createElement("span");
+    s.classList.add(`${l}-formats`), e.forEach((i) => {
+      if (typeof i == "string")
+        P(s, i);
+      else {
+        const n = Object.keys(i)[0], o = i[n];
+        Array.isArray(o) ? Pt(s, n, o) : P(s, n, o);
+      }
+    }), r.appendChild(s);
+  });
+}
+function Pt(r, t, e) {
+  const s = document.createElement("select");
+  s.classList.add(`${l}-${t}`), e.forEach((i) => {
+    const n = document.createElement("option");
+    i !== !1 ? n.setAttribute("value", String(i)) : n.setAttribute("selected", "selected"), s.appendChild(n);
+  }), r.appendChild(s);
+}
+Z.DEFAULTS = {
+  container: null,
+  handlers: {
+    clean() {
+      const r = this.rich.getSelection();
+      if (r != null)
+        if (r.length === 0) {
+          const t = this.rich.getFormat();
+          Object.keys(t).forEach((e) => {
+            this.rich.scroll.query(e, H.INLINE) != null && this.rich.format(e, !1, c.sources.USER);
+          });
+        } else
+          this.rich.removeFormat(r.index, r.length, c.sources.USER);
+    },
+    direction(r) {
+      const { align: t } = this.rich.getFormat();
+      r === "rtl" && t == null ? this.rich.format("align", "right", c.sources.USER) : !r && t === "right" && this.rich.format("align", !1, c.sources.USER), this.rich.format("direction", r, c.sources.USER);
+    },
+    indent(r) {
+      const t = this.rich.getSelection(), e = this.rich.getFormat(t), s = parseInt(e.indent || 0, 10);
+      if (r === "+1" || r === "-1") {
+        let i = r === "+1" ? 1 : -1;
+        e.direction === "rtl" && (i *= -1), this.rich.format("indent", s + i, c.sources.USER);
+      }
+    },
+    link(r) {
+      r === !0 && (r = prompt("Enter link URL:")), this.rich.format("link", r, c.sources.USER);
+    },
+    list(r) {
+      const t = this.rich.getSelection(), e = this.rich.getFormat(t);
+      r === "check" ? e.list === "checked" || e.list === "unchecked" ? this.rich.format("list", !1, c.sources.USER) : this.rich.format("list", "unchecked", c.sources.USER) : this.rich.format("list", r, c.sources.USER);
+    },
+    redo() {
+      this.rich.history.redo();
+    },
+    undo() {
+      this.rich.history.undo();
+    }
+  }
+};
+const _t = `<svg viewbox="0 0 18 18">
+  <polygon class="pqb-rich-text-stroke" points="7 11 9 13 11 11 7 11"></polygon>
+  <polygon class="pqb-rich-text-stroke" points="7 7 9 5 11 7 7 7"></polygon>
+</svg>
+`;
+let _ = 0;
+function j(r, t) {
+  r.setAttribute(
+    t,
+    `${r.getAttribute(t) !== "true"}`
+  );
+}
+class M {
+  constructor(t) {
+    this.select = t, this.container = document.createElement("span"), this.buildPicker(), this.select.style.display = "none", this.select.parentNode.insertBefore(this.container, this.select), this.label.addEventListener("mousedown", () => {
+      this.togglePicker();
+    }), this.label.addEventListener("keydown", (e) => {
+      switch (e.key) {
+        case "Enter":
+          this.togglePicker();
+          break;
+        case "Escape":
+          this.escape(), e.preventDefault();
+          break;
+      }
+    }), this.select.addEventListener("change", this.update.bind(this));
+  }
+  togglePicker() {
+    this.container.classList.toggle(`${l}-expanded`), j(this.label, "aria-expanded"), j(this.options, "aria-hidden");
+  }
+  buildItem(t) {
+    const e = document.createElement("span");
+    e.tabIndex = "0", e.setAttribute("role", "button"), e.classList.add(`${l}-picker-item`);
+    const s = t.getAttribute("value");
+    return s && e.setAttribute("data-value", s), t.textContent && e.setAttribute("data-label", t.textContent), e.addEventListener("click", () => {
+      this.selectItem(e, !0);
+    }), e.addEventListener("keydown", (i) => {
+      switch (i.key) {
+        case "Enter":
+          this.selectItem(e, !0), i.preventDefault();
+          break;
+        case "Escape":
+          this.escape(), i.preventDefault();
+          break;
+      }
+    }), e;
+  }
+  buildLabel() {
+    const t = document.createElement("span");
+    return t.classList.add(`${l}-picker-label`), t.innerHTML = _t, t.tabIndex = "0", t.setAttribute("role", "button"), t.setAttribute("aria-expanded", "false"), this.container.appendChild(t), t;
+  }
+  buildOptions() {
+    const t = document.createElement("span");
+    t.classList.add(`${l}-picker-options`), t.setAttribute("aria-hidden", "true"), t.tabIndex = "-1", t.id = `${l}-picker-options-${_}`, _ += 1, this.label.setAttribute("aria-controls", t.id), this.options = t, Array.from(this.select.options).forEach((e) => {
+      const s = this.buildItem(e);
+      t.appendChild(s), e.selected === !0 && this.selectItem(s);
+    }), this.container.appendChild(t);
+  }
+  buildPicker() {
+    Array.from(this.select.attributes).forEach((t) => {
+      this.container.setAttribute(t.name, t.value);
+    }), this.container.classList.add(`${l}-picker`), this.label = this.buildLabel(), this.buildOptions();
+  }
+  escape() {
+    this.close(), setTimeout(() => this.label.focus(), 1);
+  }
+  close() {
+    this.container.classList.remove(`${l}-expanded`), this.label.setAttribute("aria-expanded", "false"), this.options.setAttribute("aria-hidden", "true");
+  }
+  selectItem(t, e = !1) {
+    const s = this.container.querySelector(
+      `.${l}-selected`
+    );
+    t !== s && (s?.classList.remove(`${l}-selected`), t != null && (t.classList.add(`${l}-selected`), this.select.selectedIndex = Array.from(t.parentNode.children).indexOf(
+      t
+    ), t.hasAttribute("data-value") ? this.label.setAttribute("data-value", t.getAttribute("data-value")) : this.label.removeAttribute("data-value"), t.hasAttribute("data-label") ? this.label.setAttribute("data-label", t.getAttribute("data-label")) : this.label.removeAttribute("data-label"), e && (this.select.dispatchEvent(new Event("change")), this.close())));
+  }
+  update() {
+    let t;
+    if (this.select.selectedIndex > -1) {
+      const s = this.container.querySelector(
+        `.${l}-picker-options`
+      ).children[this.select.selectedIndex];
+      t = this.select.options[this.select.selectedIndex], this.selectItem(s);
+    } else
+      this.selectItem(null);
+    const e = t != null && t !== this.select.querySelector("option[selected]");
+    this.label.classList.toggle(
+      `${l}-active`,
+      e
+    );
+  }
+}
+class ot extends M {
+  constructor(t, e) {
+    super(t), this.label.innerHTML = e, this.container.classList.add(`${l}-color-picker`), Array.from(
+      this.container.querySelectorAll(
+        `.${l}-picker-item`
+      )
+    ).slice(0, 7).forEach((s) => {
+      s.classList.add(`${l}-primary`);
+    });
+  }
+  buildItem(t) {
+    const e = super.buildItem(t);
+    return e.style.backgroundColor = t.getAttribute("value") || "", e;
+  }
+  selectItem(t, e) {
+    super.selectItem(t, e);
+    const s = this.label.querySelector(
+      `.${l}-color-label`
+    ), i = t && t.getAttribute("data-value") || "";
+    s && (s.tagName === "line" ? s.style.stroke = i : s.style.fill = i);
+  }
+}
+class ct extends M {
+  constructor(t, e) {
+    super(t), this.container.classList.add(`${l}-icon-picker`), Array.from(
+      this.container.querySelectorAll(
+        `.${l}-picker-item`
+      )
+    ).forEach((s) => {
+      s.innerHTML = e[s.getAttribute("data-value") || ""];
+    }), this.defaultItem = this.container.querySelector(
+      `.${l}-selected`
+    ), this.selectItem(this.defaultItem);
+  }
+  selectItem(t, e) {
+    super.selectItem(t, e);
+    const s = t || this.defaultItem;
+    if (s != null) {
+      if (this.label.innerHTML === s.innerHTML) return;
+      this.label.innerHTML = s.innerHTML;
+    }
+  }
+}
+const jt = `<svg viewbox="0 0 18 18">
+  <line class="pqb-rich-text-stroke" x1="15" x2="3" y1="9" y2="9"></line>
+  <line class="pqb-rich-text-stroke" x1="14" x2="4" y1="14" y2="14"></line>
+  <line class="pqb-rich-text-stroke" x1="12" x2="6" y1="4" y2="4"></line>
+</svg>
+`, Gt = `<svg viewbox="0 0 18 18">
+  <line class="pqb-rich-text-stroke" x1="15" x2="3" y1="9" y2="9"></line>
+  <line class="pqb-rich-text-stroke" x1="15" x2="3" y1="14" y2="14"></line>
+  <line class="pqb-rich-text-stroke" x1="15" x2="3" y1="4" y2="4"></line>
+</svg>
+`, Wt = `<svg viewbox="0 0 18 18">
+  <line class="pqb-rich-text-stroke" x1="3" x2="15" y1="9" y2="9"></line>
+  <line class="pqb-rich-text-stroke" x1="3" x2="13" y1="14" y2="14"></line>
+  <line class="pqb-rich-text-stroke" x1="3" x2="9" y1="4" y2="4"></line>
+</svg>
+`, Xt = `<svg viewbox="0 0 18 18">
+  <line class="pqb-rich-text-stroke" x1="15" x2="3" y1="9" y2="9"></line>
+  <line class="pqb-rich-text-stroke" x1="15" x2="5" y1="14" y2="14"></line>
+  <line class="pqb-rich-text-stroke" x1="15" x2="9" y1="4" y2="4"></line>
+</svg>
+`, Kt = `<svg viewbox="0 0 18 18">
+  <g class="pqb-rich-text-fill pqb-rich-text-color-label">
+    <polygon points="6 6.868 6 6 5 6 5 7 5.942 7 6 6.868"></polygon>
+    <rect height="1" width="1" x="4" y="4"></rect>
+    <polygon points="6.817 5 6 5 6 6 6.38 6 6.817 5"></polygon>
+    <rect height="1" width="1" x="2" y="6"></rect>
+    <rect height="1" width="1" x="3" y="5"></rect>
+    <rect height="1" width="1" x="4" y="7"></rect>
+    <polygon points="4 11.439 4 11 3 11 3 12 3.755 12 4 11.439"></polygon>
+    <rect height="1" width="1" x="2" y="12"></rect>
+    <rect height="1" width="1" x="2" y="9"></rect>
+    <rect height="1" width="1" x="2" y="15"></rect>
+    <polygon points="4.63 10 4 10 4 11 4.192 11 4.63 10"></polygon>
+    <rect height="1" width="1" x="3" y="8"></rect>
+    <path
+      d="M10.832,4.2L11,4.582V4H10.708A1.948,1.948,0,0,1,10.832,4.2Z"
+    ></path>
+    <path d="M7,4.582L7.168,4.2A1.929,1.929,0,0,1,7.292,4H7V4.582Z"></path>
+    <path d="M8,13H7.683l-0.351.8a1.933,1.933,0,0,1-.124.2H8V13Z"></path>
+    <rect height="1" width="1" x="12" y="2"></rect>
+    <rect height="1" width="1" x="11" y="3"></rect>
+    <path d="M9,3H8V3.282A1.985,1.985,0,0,1,9,3Z"></path>
+    <rect height="1" width="1" x="2" y="3"></rect>
+    <rect height="1" width="1" x="6" y="2"></rect>
+    <rect height="1" width="1" x="3" y="2"></rect>
+    <rect height="1" width="1" x="5" y="3"></rect>
+    <rect height="1" width="1" x="9" y="2"></rect>
+    <rect height="1" width="1" x="15" y="14"></rect>
+    <polygon
+      points="13.447 10.174 13.469 10.225 13.472 10.232 13.808 11 14 11 14 10 13.37 10 13.447 10.174"
+    ></polygon>
+    <rect height="1" width="1" x="13" y="7"></rect>
+    <rect height="1" width="1" x="15" y="5"></rect>
+    <rect height="1" width="1" x="14" y="6"></rect>
+    <rect height="1" width="1" x="15" y="8"></rect>
+    <rect height="1" width="1" x="14" y="9"></rect>
+    <path d="M3.775,14H3v1H4V14.314A1.97,1.97,0,0,1,3.775,14Z"></path>
+    <rect height="1" width="1" x="14" y="3"></rect>
+    <polygon points="12 6.868 12 6 11.62 6 12 6.868"></polygon>
+    <rect height="1" width="1" x="15" y="2"></rect>
+    <rect height="1" width="1" x="12" y="5"></rect>
+    <rect height="1" width="1" x="13" y="4"></rect>
+    <polygon points="12.933 9 13 9 13 8 12.495 8 12.933 9"></polygon>
+    <rect height="1" width="1" x="9" y="14"></rect>
+    <rect height="1" width="1" x="8" y="15"></rect>
+    <path d="M6,14.926V15H7V14.316A1.993,1.993,0,0,1,6,14.926Z"></path>
+    <rect height="1" width="1" x="5" y="15"></rect>
+    <path
+      d="M10.668,13.8L10.317,13H10v1h0.792A1.947,1.947,0,0,1,10.668,13.8Z"
+    ></path>
+    <rect height="1" width="1" x="11" y="15"></rect>
+    <path d="M14.332,12.2a1.99,1.99,0,0,1,.166.8H15V12H14.245Z"></path>
+    <rect height="1" width="1" x="14" y="15"></rect>
+    <rect height="1" width="1" x="15" y="11"></rect>
+  </g>
+  <polyline class="pqb-rich-text-stroke" points="5.5 13 9 5 12.5 13"></polyline>
+  <line
+    class="pqb-rich-text-stroke"
+    x1="11.63"
+    x2="6.38"
+    y1="11"
+    y2="11"
+  ></line>
+</svg>
+`, Qt = `<svg viewbox="0 0 18 18">
+  <rect
+    class="pqb-rich-text-fill pqb-rich-text-stroke"
+    height="3"
+    width="3"
+    x="4"
+    y="5"
+  ></rect>
+  <rect
+    class="pqb-rich-text-fill pqb-rich-text-stroke"
+    height="3"
+    width="3"
+    x="11"
+    y="5"
+  ></rect>
+  <path
+    class="pqb-rich-text-even pqb-rich-text-fill pqb-rich-text-stroke"
+    d="M7,8c0,4.031-3,5-3,5"
+  ></path>
+  <path
+    class="pqb-rich-text-even pqb-rich-text-fill pqb-rich-text-stroke"
+    d="M14,8c0,4.031-3,5-3,5"
+  ></path>
+</svg>
+`, Jt = `<svg viewbox="0 0 18 18">
+  <path
+    class="pqb-rich-text-stroke"
+    d="M5,4H9.5A2.5,2.5,0,0,1,12,6.5v0A2.5,2.5,0,0,1,9.5,9H5A0,0,0,0,1,5,9V4A0,0,0,0,1,5,4Z"
+  ></path>
+  <path
+    class="pqb-rich-text-stroke"
+    d="M5,9h5.5A2.5,2.5,0,0,1,13,11.5v0A2.5,2.5,0,0,1,10.5,14H5a0,0,0,0,1,0,0V9A0,0,0,0,1,5,9Z"
+  ></path>
+</svg>
+`, Yt = `<svg class="" viewbox="0 0 18 18">
+  <line class="pqb-rich-text-stroke" x1="5" x2="13" y1="3" y2="3"></line>
+  <line class="pqb-rich-text-stroke" x1="6" x2="9.35" y1="12" y2="3"></line>
+  <line class="pqb-rich-text-stroke" x1="11" x2="15" y1="11" y2="15"></line>
+  <line class="pqb-rich-text-stroke" x1="15" x2="11" y1="11" y2="15"></line>
+  <rect
+    class="pqb-rich-text-fill"
+    height="1"
+    rx="0.5"
+    ry="0.5"
+    width="7"
+    x="2"
+    y="14"
+  ></rect>
+</svg>
+`, G = `<svg viewbox="0 0 18 18">
+  <polyline
+    class="pqb-rich-text-even pqb-rich-text-stroke"
+    points="5 7 3 9 5 11"
+  ></polyline>
+  <polyline
+    class="pqb-rich-text-even pqb-rich-text-stroke"
+    points="13 7 15 9 13 11"
+  ></polyline>
+  <line class="pqb-rich-text-stroke" x1="10" x2="8" y1="5" y2="13"></line>
+</svg>
+`, te = `<svg viewbox="0 0 18 18">
+  <line
+    class="pqb-rich-text-color-label pqb-rich-text-stroke pqb-rich-text-transparent"
+    x1="3"
+    x2="15"
+    y1="15"
+    y2="15"
+  ></line>
+  <polyline class="pqb-rich-text-stroke" points="5.5 11 9 3 12.5 11"></polyline>
+  <line class="pqb-rich-text-stroke" x1="11.63" x2="6.38" y1="9" y2="9"></line>
+</svg>
+`, ee = `<svg viewbox="0 0 18 18">
+  <polygon
+    class="pqb-rich-text-stroke pqb-rich-text-fill"
+    points="3 11 5 9 3 7 3 11"
+  ></polygon>
+  <line
+    class="pqb-rich-text-stroke pqb-rich-text-fill"
+    x1="15"
+    x2="11"
+    y1="4"
+    y2="4"
+  ></line>
+  <path class="pqb-rich-text-fill" d="M11,3a3,3,0,0,0,0,6h1V3H11Z"></path>
+  <rect class="pqb-rich-text-fill" height="11" width="1" x="11" y="4"></rect>
+  <rect class="pqb-rich-text-fill" height="11" width="1" x="13" y="4"></rect>
+</svg>
+`, se = `<svg viewbox="0 0 18 18">
+  <polygon
+    class="pqb-rich-text-stroke pqb-rich-text-fill"
+    points="15 12 13 10 15 8 15 12"
+  ></polygon>
+  <line
+    class="pqb-rich-text-stroke pqb-rich-text-fill"
+    x1="9"
+    x2="5"
+    y1="4"
+    y2="4"
+  ></line>
+  <path class="pqb-rich-text-fill" d="M5,3A3,3,0,0,0,5,9H6V3H5Z"></path>
+  <rect class="pqb-rich-text-fill" height="11" width="1" x="5" y="4"></rect>
+  <rect class="pqb-rich-text-fill" height="11" width="1" x="7" y="4"></rect>
+</svg>
+`, ie = `<svg viewbox="0 0 18 18">
+  <path
+    class="pqb-rich-text-fill"
+    d="M11.759,2.482a2.561,2.561,0,0,0-3.53.607A7.656,7.656,0,0,0,6.8,6.2C6.109,9.188,5.275,14.677,4.15,14.927a1.545,1.545,0,0,0-1.3-.933A0.922,0.922,0,0,0,2,15.036S1.954,16,4.119,16s3.091-2.691,3.7-5.553c0.177-.826.36-1.726,0.554-2.6L8.775,6.2c0.381-1.421.807-2.521,1.306-2.676a1.014,1.014,0,0,0,1.02.56A0.966,0.966,0,0,0,11.759,2.482Z"
+  ></path>
+  <rect
+    class="pqb-rich-text-fill"
+    height="1.6"
+    rx="0.8"
+    ry="0.8"
+    width="5"
+    x="5.15"
+    y="6.2"
+  ></rect>
+  <path
+    class="pqb-rich-text-fill"
+    d="M13.663,12.027a1.662,1.662,0,0,1,.266-0.276q0.193,0.069.456,0.138a2.1,2.1,0,0,0,.535.069,1.075,1.075,0,0,0,.767-0.3,1.044,1.044,0,0,0,.314-0.8,0.84,0.84,0,0,0-.238-0.619,0.8,0.8,0,0,0-.594-0.239,1.154,1.154,0,0,0-.781.3,4.607,4.607,0,0,0-.781,1q-0.091.15-.218,0.346l-0.246.38c-0.068-.288-0.137-0.582-0.212-0.885-0.459-1.847-2.494-.984-2.941-0.8-0.482.2-.353,0.647-0.094,0.529a0.869,0.869,0,0,1,1.281.585c0.217,0.751.377,1.436,0.527,2.038a5.688,5.688,0,0,1-.362.467,2.69,2.69,0,0,1-.264.271q-0.221-.08-0.471-0.147a2.029,2.029,0,0,0-.522-0.066,1.079,1.079,0,0,0-.768.3A1.058,1.058,0,0,0,9,15.131a0.82,0.82,0,0,0,.832.852,1.134,1.134,0,0,0,.787-0.3,5.11,5.11,0,0,0,.776-0.993q0.141-.219.215-0.34c0.046-.076.122-0.194,0.223-0.346a2.786,2.786,0,0,0,.918,1.726,2.582,2.582,0,0,0,2.376-.185c0.317-.181.212-0.565,0-0.494A0.807,0.807,0,0,1,14.176,15a5.159,5.159,0,0,1-.913-2.446l0,0Q13.487,12.24,13.663,12.027Z"
+  ></path>
+</svg>
+`, ne = `<svg viewBox="0 0 18 18">
+  <path
+    class="pqb-rich-text-fill"
+    d="M16.73975,13.81445v.43945a.54085.54085,0,0,1-.605.60547H11.855a.58392.58392,0,0,1-.64893-.60547V14.0127c0-2.90527,3.39941-3.42187,3.39941-4.55469a.77675.77675,0,0,0-.84717-.78125,1.17684,1.17684,0,0,0-.83594.38477c-.2749.26367-.561.374-.85791.13184l-.4292-.34082c-.30811-.24219-.38525-.51758-.1543-.81445a2.97155,2.97155,0,0,1,2.45361-1.17676,2.45393,2.45393,0,0,1,2.68408,2.40918c0,2.45312-3.1792,2.92676-3.27832,3.93848h2.79443A.54085.54085,0,0,1,16.73975,13.81445ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z"
+  />
+</svg>
+`, re = `<svg viewBox="0 0 18 18">
+  <path
+    class="pqb-rich-text-fill"
+    d="M16.65186,12.30664a2.6742,2.6742,0,0,1-2.915,2.68457,3.96592,3.96592,0,0,1-2.25537-.6709.56007.56007,0,0,1-.13232-.83594L11.64648,13c.209-.34082.48389-.36328.82471-.1543a2.32654,2.32654,0,0,0,1.12256.33008c.71484,0,1.12207-.35156,1.12207-.78125,0-.61523-.61621-.86816-1.46338-.86816H13.2085a.65159.65159,0,0,1-.68213-.41895l-.05518-.10937a.67114.67114,0,0,1,.14307-.78125l.71533-.86914a8.55289,8.55289,0,0,1,.68213-.7373V8.58887a3.93913,3.93913,0,0,1-.748.05469H11.9873a.54085.54085,0,0,1-.605-.60547V7.59863a.54085.54085,0,0,1,.605-.60547h3.75146a.53773.53773,0,0,1,.60547.59375v.17676a1.03723,1.03723,0,0,1-.27539.748L14.74854,10.0293A2.31132,2.31132,0,0,1,16.65186,12.30664ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z"
+  />
+</svg>
+`, le = `<svg viewBox="0 0 18 18">
+  <path
+    class="pqb-rich-text-fill"
+    d="M10,4V14a1,1,0,0,1-2,0V10H3v4a1,1,0,0,1-2,0V4A1,1,0,0,1,3,4V8H8V4a1,1,0,0,1,2,0Zm7.05371,7.96582v.38477c0,.39648-.165.60547-.46191.60547h-.47314v1.29785a.54085.54085,0,0,1-.605.60547h-.69336a.54085.54085,0,0,1-.605-.60547V12.95605H11.333a.5412.5412,0,0,1-.60547-.60547v-.15332a1.199,1.199,0,0,1,.22021-.748l2.56348-4.05957a.7819.7819,0,0,1,.72607-.39648h1.27637a.54085.54085,0,0,1,.605.60547v3.7627h.33008A.54055.54055,0,0,1,17.05371,11.96582ZM14.28125,8.7207h-.022a4.18969,4.18969,0,0,1-.38525.81348l-1.188,1.80469v.02246h1.5293V9.60059A7.04058,7.04058,0,0,1,14.28125,8.7207Z"
+  />
+</svg>
+`, oe = `<svg viewBox="0 0 18 18">
+  <path
+    class="pqb-rich-text-fill"
+    d="M16.74023,12.18555a2.75131,2.75131,0,0,1-2.91553,2.80566,3.908,3.908,0,0,1-2.25537-.68164.54809.54809,0,0,1-.13184-.8252L11.73438,13c.209-.34082.48389-.36328.8252-.1543a2.23757,2.23757,0,0,0,1.1001.33008,1.01827,1.01827,0,0,0,1.1001-.96777c0-.61621-.53906-.97949-1.25439-.97949a2.15554,2.15554,0,0,0-.64893.09961,1.15209,1.15209,0,0,1-.814.01074l-.12109-.04395a.64116.64116,0,0,1-.45117-.71484l.231-3.00391a.56666.56666,0,0,1,.62744-.583H15.541a.54085.54085,0,0,1,.605.60547v.43945a.54085.54085,0,0,1-.605.60547H13.41748l-.04395.72559a1.29306,1.29306,0,0,1-.04395.30859h.022a2.39776,2.39776,0,0,1,.57227-.07715A2.53266,2.53266,0,0,1,16.74023,12.18555ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z"
+  />
+</svg>
+`, ce = `<svg viewBox="0 0 18 18">
+  <path
+    class="pqb-rich-text-fill"
+    d="M14.51758,9.64453a1.85627,1.85627,0,0,0-1.24316.38477H13.252a1.73532,1.73532,0,0,1,1.72754-1.4082,2.66491,2.66491,0,0,1,.5498.06641c.35254.05469.57227.01074.70508-.40723l.16406-.5166a.53393.53393,0,0,0-.373-.75977,4.83723,4.83723,0,0,0-1.17773-.14258c-2.43164,0-3.7627,2.17773-3.7627,4.43359,0,2.47559,1.60645,3.69629,3.19043,3.69629A2.70585,2.70585,0,0,0,16.96,12.19727,2.43861,2.43861,0,0,0,14.51758,9.64453Zm-.23047,3.58691c-.67187,0-1.22168-.81445-1.22168-1.45215,0-.47363.30762-.583.72559-.583.96875,0,1.27734.59375,1.27734,1.12207A.82182.82182,0,0,1,14.28711,13.23145ZM10,4V14a1,1,0,0,1-2,0V10H3v4a1,1,0,0,1-2,0V4A1,1,0,0,1,3,4V8H8V4a1,1,0,0,1,2,0Z"
+  />
+</svg>
+`, ae = `<svg viewBox="0 0 18 18">
+  <path
+    class="pqb-rich-text-fill"
+    d="M10,4V14a1,1,0,0,1-2,0V10H3v4a1,1,0,0,1-2,0V4A1,1,0,0,1,3,4V8H8V4a1,1,0,0,1,2,0Zm6.06787,9.209H14.98975V7.59863a.54085.54085,0,0,0-.605-.60547h-.62744a1.01119,1.01119,0,0,0-.748.29688L11.645,8.56641a.5435.5435,0,0,0-.022.8584l.28613.30762a.53861.53861,0,0,0,.84717.0332l.09912-.08789a1.2137,1.2137,0,0,0,.2417-.35254h.02246s-.01123.30859-.01123.60547V13.209H12.041a.54085.54085,0,0,0-.605.60547v.43945a.54085.54085,0,0,0,.605.60547h4.02686a.54085.54085,0,0,0,.605-.60547v-.43945A.54085.54085,0,0,0,16.06787,13.209Z"
+  />
+</svg>
+`, he = `<svg viewbox="0 0 18 18">
+  <rect class="pqb-rich-text-stroke" height="10" width="12" x="3" y="4"></rect>
+  <circle class="pqb-rich-text-fill" cx="6" cy="7" r="1"></circle>
+  <polyline
+    class="pqb-rich-text-even pqb-rich-text-fill"
+    points="5 12 5 11 7 9 8 10 11 7 13 9 13 12 5 12"
+  ></polyline>
+</svg>
+`, de = `<svg viewbox="0 0 18 18">
+  <line class="pqb-rich-text-stroke" x1="3" x2="15" y1="14" y2="14"></line>
+  <line class="pqb-rich-text-stroke" x1="3" x2="15" y1="4" y2="4"></line>
+  <line class="pqb-rich-text-stroke" x1="9" x2="15" y1="9" y2="9"></line>
+  <polyline
+    class="pqb-rich-text-fill pqb-rich-text-stroke"
+    points="3 7 3 11 5 9 3 7"
+  ></polyline>
+</svg>
+`, ue = `<svg viewbox="0 0 18 18">
+  <line class="pqb-rich-text-stroke" x1="7" x2="13" y1="4" y2="4"></line>
+  <line class="pqb-rich-text-stroke" x1="5" x2="11" y1="14" y2="14"></line>
+  <line class="pqb-rich-text-stroke" x1="8" x2="10" y1="14" y2="4"></line>
+</svg>
+`, pe = `<svg viewbox="0 0 18 18">
+  <line class="pqb-rich-text-stroke" x1="7" x2="11" y1="7" y2="11"></line>
+  <path
+    class="pqb-rich-text-even pqb-rich-text-stroke"
+    d="M8.9,4.577a3.476,3.476,0,0,1,.36,4.679A3.476,3.476,0,0,1,4.577,8.9C3.185,7.5,2.035,6.4,4.217,4.217S7.5,3.185,8.9,4.577Z"
+  ></path>
+  <path
+    class="pqb-rich-text-even pqb-rich-text-stroke"
+    d="M13.423,9.1a3.476,3.476,0,0,0-4.679-.36,3.476,3.476,0,0,0,.36,4.679c1.392,1.392,2.5,2.542,4.679.36S14.815,10.5,13.423,9.1Z"
+  ></path>
+</svg>
+`, fe = `<svg viewbox="0 0 18 18">
+  <line class="pqb-rich-text-stroke" x1="6" x2="15" y1="4" y2="4"></line>
+  <line class="pqb-rich-text-stroke" x1="6" x2="15" y1="9" y2="9"></line>
+  <line class="pqb-rich-text-stroke" x1="6" x2="15" y1="14" y2="14"></line>
+  <line class="pqb-rich-text-stroke" x1="3" x2="3" y1="4" y2="4"></line>
+  <line class="pqb-rich-text-stroke" x1="3" x2="3" y1="9" y2="9"></line>
+  <line class="pqb-rich-text-stroke" x1="3" x2="3" y1="14" y2="14"></line>
+</svg>
+`, be = `<svg class="" viewbox="0 0 18 18">
+  <line class="pqb-rich-text-stroke" x1="9" x2="15" y1="4" y2="4"></line>
+  <polyline class="pqb-rich-text-stroke" points="3 4 4 5 6 3"></polyline>
+  <line class="pqb-rich-text-stroke" x1="9" x2="15" y1="14" y2="14"></line>
+  <polyline class="pqb-rich-text-stroke" points="3 14 4 15 6 13"></polyline>
+  <line class="pqb-rich-text-stroke" x1="9" x2="15" y1="9" y2="9"></line>
+  <polyline class="pqb-rich-text-stroke" points="3 9 4 10 6 8"></polyline>
+</svg>
+`, xe = `<svg viewbox="0 0 18 18">
+  <line class="pqb-rich-text-stroke" x1="7" x2="15" y1="4" y2="4"></line>
+  <line class="pqb-rich-text-stroke" x1="7" x2="15" y1="9" y2="9"></line>
+  <line class="pqb-rich-text-stroke" x1="7" x2="15" y1="14" y2="14"></line>
+  <line
+    class="pqb-rich-text-stroke pqb-rich-text-thin"
+    x1="2.5"
+    x2="4.5"
+    y1="5.5"
+    y2="5.5"
+  ></line>
+  <path
+    class="pqb-rich-text-fill"
+    d="M3.5,6A0.5,0.5,0,0,1,3,5.5V3.085l-0.276.138A0.5,0.5,0,0,1,2.053,3c-0.124-.247-0.023-0.324.224-0.447l1-.5A0.5,0.5,0,0,1,4,2.5v3A0.5,0.5,0,0,1,3.5,6Z"
+  ></path>
+  <path
+    class="pqb-rich-text-stroke pqb-rich-text-thin"
+    d="M4.5,10.5h-2c0-.234,1.85-1.076,1.85-2.234A0.959,0.959,0,0,0,2.5,8.156"
+  ></path>
+  <path
+    class="pqb-rich-text-stroke pqb-rich-text-thin"
+    d="M2.5,14.846a0.959,0.959,0,0,0,1.85-.109A0.7,0.7,0,0,0,3.75,14a0.688,0.688,0,0,0,.6-0.736,0.959,0.959,0,0,0-1.85-.109"
+  ></path>
+</svg>
+`, ge = `<svg viewbox="0 0 18 18">
+  <line class="pqb-rich-text-stroke" x1="3" x2="15" y1="14" y2="14"></line>
+  <line class="pqb-rich-text-stroke" x1="3" x2="15" y1="4" y2="4"></line>
+  <line class="pqb-rich-text-stroke" x1="9" x2="15" y1="9" y2="9"></line>
+  <polyline class="pqb-rich-text-stroke" points="5 7 5 11 3 9 5 7"></polyline>
+</svg>
+`, me = `<svg viewbox="0 0 18 18">
+  <polygon
+    class="pqb-rich-text-fill pqb-rich-text-stroke"
+    points="12 10 14 12 16 10 12 10"
+  ></polygon>
+  <path
+    class="pqb-rich-text-stroke"
+    d="M9.91,13.91A4.6,4.6,0,0,1,9,14a5,5,0,1,1,5-5"
+  ></path>
+</svg>
+`, ye = `<svg viewbox="0 0 18 18">
+  <line
+    class="pqb-rich-text-stroke pqb-rich-text-thin"
+    x1="15.5"
+    x2="2.5"
+    y1="8.5"
+    y2="9.5"
+  ></line>
+  <path
+    class="pqb-rich-text-fill"
+    d="M9.007,8C6.542,7.791,6,7.519,6,6.5,6,5.792,7.283,5,9,5c1.571,0,2.765.679,2.969,1.309a1,1,0,0,0,1.9-.617C13.356,4.106,11.354,3,9,3,6.2,3,4,4.538,4,6.5a3.2,3.2,0,0,0,.5,1.843Z"
+  ></path>
+  <path
+    class="pqb-rich-text-fill"
+    d="M8.984,10C11.457,10.208,12,10.479,12,11.5c0,0.708-1.283,1.5-3,1.5-1.571,0-2.765-.679-2.969-1.309a1,1,0,1,0-1.9.617C4.644,13.894,6.646,15,9,15c2.8,0,5-1.538,5-3.5a3.2,3.2,0,0,0-.5-1.843Z"
+  ></path>
+</svg>
+`, ve = `<svg viewbox="0 0 18 18">
+  <path
+    class="pqb-rich-text-fill"
+    d="M15.5,15H13.861a3.858,3.858,0,0,0,1.914-2.975,1.8,1.8,0,0,0-1.6-1.751A1.921,1.921,0,0,0,12.021,11.7a0.50013,0.50013,0,1,0,.957.291h0a0.914,0.914,0,0,1,1.053-.725,0.81,0.81,0,0,1,.744.762c0,1.076-1.16971,1.86982-1.93971,2.43082A1.45639,1.45639,0,0,0,12,15.5a0.5,0.5,0,0,0,.5.5h3A0.5,0.5,0,0,0,15.5,15Z"
+  />
+  <path
+    class="pqb-rich-text-fill"
+    d="M9.65,5.241a1,1,0,0,0-1.409.108L6,7.964,3.759,5.349A1,1,0,0,0,2.192,6.59178Q2.21541,6.6213,2.241,6.649L4.684,9.5,2.241,12.35A1,1,0,0,0,3.71,13.70722q0.02557-.02768.049-0.05722L6,11.036,8.241,13.65a1,1,0,1,0,1.567-1.24277Q9.78459,12.3777,9.759,12.35L7.316,9.5,9.759,6.651A1,1,0,0,0,9.65,5.241Z"
+  />
+</svg>
+`, ke = `<svg viewbox="0 0 18 18">
+  <path
+    class="pqb-rich-text-fill"
+    d="M15.5,7H13.861a4.015,4.015,0,0,0,1.914-2.975,1.8,1.8,0,0,0-1.6-1.751A1.922,1.922,0,0,0,12.021,3.7a0.5,0.5,0,1,0,.957.291,0.917,0.917,0,0,1,1.053-.725,0.81,0.81,0,0,1,.744.762c0,1.077-1.164,1.925-1.934,2.486A1.423,1.423,0,0,0,12,7.5a0.5,0.5,0,0,0,.5.5h3A0.5,0.5,0,0,0,15.5,7Z"
+  />
+  <path
+    class="pqb-rich-text-fill"
+    d="M9.651,5.241a1,1,0,0,0-1.41.108L6,7.964,3.759,5.349a1,1,0,1,0-1.519,1.3L4.683,9.5,2.241,12.35a1,1,0,1,0,1.519,1.3L6,11.036,8.241,13.65a1,1,0,0,0,1.519-1.3L7.317,9.5,9.759,6.651A1,1,0,0,0,9.651,5.241Z"
+  />
+</svg>
+`, Ae = `<svg viewbox="0 0 18 18">
+  <rect class="pqb-rich-text-stroke" height="12" width="12" x="3" y="3"></rect>
+  <rect class="pqb-rich-text-fill" height="2" width="3" x="5" y="5"></rect>
+  <rect class="pqb-rich-text-fill" height="2" width="4" x="9" y="5"></rect>
+  <g class="pqb-rich-text-fill pqb-rich-text-transparent">
+    <rect height="2" width="3" x="5" y="8"></rect>
+    <rect height="2" width="4" x="9" y="8"></rect>
+    <rect height="2" width="3" x="5" y="11"></rect>
+    <rect height="2" width="4" x="9" y="11"></rect>
+  </g>
+</svg>
+`, we = `<svg viewbox="0 0 18 18">
+  <path
+    class="pqb-rich-text-stroke"
+    d="M5,3V9a4.012,4.012,0,0,0,4,4H9a4.012,4.012,0,0,0,4-4V3"
+  ></path>
+  <rect
+    class="pqb-rich-text-fill"
+    height="1"
+    rx="0.5"
+    ry="0.5"
+    width="12"
+    x="3"
+    y="15"
+  ></rect>
+</svg>
+`, qe = `<svg viewbox="0 0 18 18">
+  <polygon
+    class="pqb-rich-text-fill pqb-rich-text-stroke"
+    points="6 10 4 12 2 10 6 10"
+  ></polygon>
+  <path
+    class="pqb-rich-text-stroke"
+    d="M8.09,13.91A4.6,4.6,0,0,0,9,14,5,5,0,1,0,4,9"
+  ></path>
+</svg>
+`, Ee = `<svg viewbox="0 0 18 18">
+  <rect class="pqb-rich-text-stroke" height="12" width="12" x="3" y="3"></rect>
+  <rect class="pqb-rich-text-fill" height="12" width="1" x="5" y="3"></rect>
+  <rect class="pqb-rich-text-fill" height="12" width="1" x="12" y="3"></rect>
+  <rect class="pqb-rich-text-fill" height="2" width="8" x="5" y="8"></rect>
+  <rect class="pqb-rich-text-fill" height="1" width="3" x="3" y="5"></rect>
+  <rect class="pqb-rich-text-fill" height="1" width="3" x="3" y="7"></rect>
+  <rect class="pqb-rich-text-fill" height="1" width="3" x="3" y="10"></rect>
+  <rect class="pqb-rich-text-fill" height="1" width="3" x="3" y="12"></rect>
+  <rect class="pqb-rich-text-fill" height="1" width="3" x="12" y="5"></rect>
+  <rect class="pqb-rich-text-fill" height="1" width="3" x="12" y="7"></rect>
+  <rect class="pqb-rich-text-fill" height="1" width="3" x="12" y="10"></rect>
+  <rect class="pqb-rich-text-fill" height="1" width="3" x="12" y="12"></rect>
+</svg>
+`, E = {
+  align: {
+    "": Wt,
+    // left: alignLeftIcon,
+    center: jt,
+    right: Xt,
+    justify: Gt
+  },
+  background: Kt,
+  blockquote: Qt,
+  bold: Jt,
+  clean: Yt,
+  code: G,
+  "code-block": G,
+  color: te,
+  direction: {
+    "": ee,
+    // ltr: directionLeftToRightIcon,
+    rtl: se
+  },
+  formula: ie,
+  header: {
+    1: ae,
+    2: ne,
+    3: re,
+    4: le,
+    5: oe,
+    6: ce
+  },
+  italic: ue,
+  image: he,
+  indent: {
+    "+1": de,
+    "-1": ge
+  },
+  link: pe,
+  list: {
+    bullet: fe,
+    check: be,
+    ordered: xe
+  },
+  script: {
+    sub: ve,
+    super: ke
+  },
+  strike: ye,
+  table: Ae,
+  underline: we,
+  video: Ee,
+  redo: me,
+  undo: qe
+}, Le = (r) => {
+  const { overflowY: t } = getComputedStyle(r, null);
+  return t !== "visible" && t !== "clip";
+};
+class at {
+  constructor(t, e) {
+    this.rich = t, this.boundsContainer = e || document.body, this.root = t.addContainer(`${l}-tooltip`), this.root.innerHTML = this.constructor.TEMPLATE, Le(this.rich.root) && this.rich.root.addEventListener("scroll", () => {
+      this.root.style.marginTop = `${-1 * this.rich.root.scrollTop}px`;
+    }), this.hide();
+  }
+  hide() {
+    this.root.classList.add(`${l}-hidden`);
+  }
+  position(t) {
+    const e = t.left + t.width / 2 - this.root.offsetWidth / 2, s = t.bottom + this.rich.root.scrollTop;
+    this.root.style.left = `${e}px`, this.root.style.top = `${s}px`, this.root.classList.remove(`${l}-flip`);
+    const i = this.boundsContainer.getBoundingClientRect(), n = this.root.getBoundingClientRect();
+    let o = 0;
+    if (n.right > i.right && (o = i.right - n.right, this.root.style.left = `${e + o}px`), n.left < i.left && (o = i.left - n.left, this.root.style.left = `${e + o}px`), n.bottom > i.bottom) {
+      const a = n.bottom - n.top, h = t.bottom - t.top + a;
+      this.root.style.top = `${s - h}px`, this.root.classList.add(`${l}-flip`);
+    }
+    return o;
+  }
+  show() {
+    this.root.classList.remove(`${l}-editing`), this.root.classList.remove(`${l}-hidden`);
+  }
+}
+const Se = [!1, "center", "right", "justify"], Ne = [
+  "#000000",
+  "#e60000",
+  "#ff9900",
+  "#ffff00",
+  "#008a00",
+  "#0066cc",
+  "#9933ff",
+  "#ffffff",
+  "#facccc",
+  "#ffebcc",
+  "#ffffcc",
+  "#cce8cc",
+  "#cce0f5",
+  "#ebd6ff",
+  "#bbbbbb",
+  "#f06666",
+  "#ffc266",
+  "#ffff66",
+  "#66b966",
+  "#66a3e0",
+  "#c285ff",
+  "#888888",
+  "#a10000",
+  "#b26b00",
+  "#b2b200",
+  "#006100",
+  "#0047b2",
+  "#6b24b2",
+  "#444444",
+  "#5c0000",
+  "#663d00",
+  "#666600",
+  "#003700",
+  "#002966",
+  "#3d1466"
+], Te = [!1, "serif", "monospace"], Ie = ["1", "2", "3", !1], Ce = ["small", !1, "large", "huge"];
+class T extends Q {
+  constructor(t, e) {
+    super(t, e);
+    const s = (i) => {
+      if (!document.body.contains(t.root)) {
+        document.body.removeEventListener("click", s);
+        return;
+      }
+      this.tooltip != null && !this.tooltip.root.contains(i.target) && document.activeElement !== this.tooltip.textbox && !this.rich.hasFocus() && this.tooltip.hide(), this.pickers != null && this.pickers.forEach((n) => {
+        n.container.contains(i.target) || n.close();
+      });
+    };
+    t.emitter.listenDOM("click", document.body, s);
+  }
+  addModule(t) {
+    const e = super.addModule(t);
+    return t === "toolbar" && this.extendToolbar(e), e;
+  }
+  buildButtons(t, e) {
+    Array.from(t).forEach((s) => {
+      (s.getAttribute("class") || "").split(/\s+/).forEach((n) => {
+        if (n.startsWith(`${l}-`) && (n = n.slice(`${l}-`.length), e[n] != null))
+          if (n === "direction")
+            s.innerHTML = e[n][""] + e[n].rtl;
+          else if (typeof e[n] == "string")
+            s.innerHTML = e[n];
+          else {
+            const o = s.value || "";
+            o != null && e[n][o] && (s.innerHTML = e[n][o]);
+          }
+      });
+    });
+  }
+  buildPickers(t, e) {
+    this.pickers = Array.from(t).map((i) => {
+      if (i.classList.contains(`${l}-align`) && (i.querySelector("option") == null && k(i, Se), typeof e.align == "object"))
+        return new ct(i, e.align);
+      if (i.classList.contains(
+        `${l}-background`
+      ) || i.classList.contains(`${l}-color`)) {
+        const n = i.classList.contains(
+          `${l}-background`
+        ) ? "background" : "color";
+        return i.querySelector("option") == null && k(
+          i,
+          Ne,
+          n === "background" ? "#ffffff" : "#000000"
+        ), new ot(i, e[n]);
+      }
+      return i.querySelector("option") == null && (i.classList.contains(`${l}-font`) ? k(i, Te) : i.classList.contains(`${l}-header`) ? k(i, Ie) : i.classList.contains(`${l}-size`) && k(i, Ce)), new M(i);
+    });
+    const s = () => {
+      this.pickers.forEach((i) => {
+        i.update();
+      });
+    };
+    this.rich.on(d.events.EDITOR_CHANGE, s);
+  }
+}
+T.DEFAULTS = O({}, Q.DEFAULTS, {
+  modules: {
+    toolbar: {
+      handlers: {
+        formula() {
+          this.rich.theme.tooltip.edit("formula");
+        },
+        image() {
+          let r = this.container.querySelector(
+            `input.${l}-image[type=file]`
+          );
+          r == null && (r = document.createElement("input"), r.setAttribute("type", "file"), r.setAttribute(
+            "accept",
+            this.rich.uploader.options.mimetypes.join(", ")
+          ), r.classList.add(`${l}-image`), r.addEventListener("change", () => {
+            const t = this.rich.getSelection(!0);
+            this.rich.uploader.upload(t, r.files), r.value = "";
+          }), this.container.appendChild(r)), r.click();
+        },
+        video() {
+          this.rich.theme.tooltip.edit("video");
+        }
+      }
+    }
+  }
+});
+class ht extends at {
+  constructor(t, e) {
+    super(t, e), this.textbox = this.root.querySelector('input[type="text"]'), this.listen();
+  }
+  listen() {
+    this.textbox.addEventListener("keydown", (t) => {
+      t.key === "Enter" ? (this.save(), t.preventDefault()) : t.key === "Escape" && (this.cancel(), t.preventDefault());
+    });
+  }
+  cancel() {
+    this.hide(), this.restoreFocus();
+  }
+  edit(t = "link", e = null) {
+    if (this.root.classList.remove(`${l}-hidden`), this.root.classList.add(`${l}-editing`), this.textbox == null) return;
+    e != null ? this.textbox.value = e : t !== this.root.getAttribute("data-mode") && (this.textbox.value = "");
+    const s = this.rich.getBounds(this.rich.selection.savedRange);
+    s != null && this.position(s), this.textbox.select(), this.textbox.setAttribute(
+      "placeholder",
+      this.textbox.getAttribute(`data-${t}`) || ""
+    ), this.root.setAttribute("data-mode", t);
+  }
+  restoreFocus() {
+    this.rich.focus({ preventScroll: !0 });
+  }
+  save() {
+    let { value: t } = this.textbox;
+    switch (this.root.getAttribute("data-mode")) {
+      case "link": {
+        const { scrollTop: e } = this.rich.root;
+        this.linkRange ? (this.rich.formatText(
+          this.linkRange,
+          "link",
+          t,
+          d.sources.USER
+        ), delete this.linkRange) : (this.restoreFocus(), this.rich.format("link", t, d.sources.USER)), this.rich.root.scrollTop = e;
+        break;
+      }
+      case "video":
+        t = $e(t);
+      // eslint-disable-next-line no-fallthrough
+      case "formula": {
+        if (!t) break;
+        const e = this.rich.getSelection(!0);
+        if (e != null) {
+          const s = e.index + e.length;
+          this.rich.insertEmbed(
+            s,
+            this.root.getAttribute("data-mode"),
+            t,
+            d.sources.USER
+          ), this.root.getAttribute("data-mode") === "formula" && this.rich.insertText(s + 1, " ", d.sources.USER), this.rich.setSelection(s + 2, d.sources.USER);
+        }
+        break;
+      }
+    }
+    this.textbox.value = "", this.hide();
+  }
+}
+function $e(r) {
+  let t = r.match(
+    /^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtube\.com\/watch.*v=([a-zA-Z0-9_-]+)/
+  ) || r.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtu\.be\/([a-zA-Z0-9_-]+)/);
+  return t ? `${t[1] || "https"}://www.youtube.com/embed/${t[2]}?showinfo=0` : (t = r.match(/^(?:(https?):\/\/)?(?:www\.)?vimeo\.com\/(\d+)/)) ? `${t[1] || "https"}://player.vimeo.com/video/${t[2]}/` : r;
+}
+function k(r, t, e = !1) {
+  t.forEach((s) => {
+    const i = document.createElement("option");
+    s === e ? i.setAttribute("selected", "selected") : i.setAttribute("value", String(s)), r.appendChild(i);
+  });
+}
+const Re = [
+  ["bold", "italic", "link"],
+  [{ header: 1 }, { header: 2 }, "blockquote"]
+];
+class Me extends ht {
+  static {
+    this.TEMPLATE = [
+      `<span class="${l}-tooltip-arrow"></span>`,
+      `<div class="${l}-tooltip-editor">`,
+      '<input type="text" data-formula="e=mc^2" data-link="https://xxx.com" data-video="嵌入URL">',
+      `<a class="${l}-close"></a>`,
+      "</div>"
+    ].join("");
+  }
+  constructor(t, e) {
+    super(t, e), this.rich.on(
+      d.events.EDITOR_CHANGE,
+      (s, i, n, o) => {
+        if (s === d.events.SELECTION_CHANGE)
+          if (i != null && i.length > 0 && o === d.sources.USER) {
+            this.show(), this.root.style.left = "0px", this.root.style.width = "", this.root.style.width = `${this.root.offsetWidth}px`;
+            const a = this.rich.getLines(i.index, i.length);
+            if (a.length === 1) {
+              const h = this.rich.getBounds(i);
+              h != null && this.position(h);
+            } else {
+              const h = a[a.length - 1], b = this.rich.getIndex(h), v = Math.min(
+                h.length() - 1,
+                i.index + i.length - b
+              ), m = this.rich.getBounds(new J(b, v));
+              m != null && this.position(m);
+            }
+          } else document.activeElement !== this.textbox && this.rich.hasFocus() && this.hide();
+      }
+    );
+  }
+  listen() {
+    super.listen(), this.root.querySelector(`.${l}-close`).addEventListener("click", () => {
+      this.root.classList.remove(`${l}-editing`);
+    }), this.rich.on(d.events.SCROLL_OPTIMIZE, () => {
+      setTimeout(() => {
+        if (this.root.classList.contains(`${l}-hidden`))
+          return;
+        const t = this.rich.getSelection();
+        if (t != null) {
+          const e = this.rich.getBounds(t);
+          e != null && this.position(e);
+        }
+      }, 1);
+    });
+  }
+  cancel() {
+    this.show();
+  }
+  position(t) {
+    const e = super.position(t), s = this.root.querySelector(
+      `.${l}-tooltip-arrow`
+    );
+    return s.style.marginLeft = "", e !== 0 && (s.style.marginLeft = `${-1 * e - s.offsetWidth / 2}px`), e;
+  }
+}
+class dt extends T {
+  constructor(t, e) {
+    e.modules.toolbar != null && e.modules.toolbar.container == null && (e.modules.toolbar.container = Re), super(t, e), this.rich.container.classList.add(`${l}-bubble`);
+  }
+  extendToolbar(t) {
+    this.tooltip = new Me(this.rich, this.options.bounds), t.container != null && (this.tooltip.root.appendChild(t.container), this.buildButtons(t.container.querySelectorAll("button"), E), this.buildPickers(t.container.querySelectorAll("select"), E));
+  }
+}
+dt.DEFAULTS = O({}, T.DEFAULTS, {
+  modules: {
+    toolbar: {
+      handlers: {
+        link(r) {
+          r ? this.rich.theme.tooltip.edit() : this.rich.format("link", !1, c.sources.USER);
+        }
+      }
+    }
+  }
+});
+const He = [
+  [{ header: ["1", "2", "3", !1] }],
+  ["bold", "italic", "underline", "link"],
+  [{ list: "ordered" }, { list: "bullet" }],
+  ["clean"]
+];
+class Be extends ht {
+  constructor() {
+    super(...arguments), this.preview = this.root.querySelector(`a.${l}-preview`);
+  }
+  static {
+    this.TEMPLATE = [
+      `<a class="${l}-preview" rel="noopener noreferrer" target="_blank" href="about:blank"></a>`,
+      '<input type="text" data-formula="e=mc^2" data-link="https://xxx.com" data-video="嵌入URL">',
+      `<a class="${l}-action"></a>`,
+      `<a class="${l}-remove"></a>`
+    ].join("");
+  }
+  listen() {
+    super.listen(), this.root.querySelector(`a.${l}-action`).addEventListener("click", (t) => {
+      this.root.classList.contains(`${l}-editing`) ? this.save() : this.edit("link", this.preview.textContent), t.preventDefault();
+    }), this.root.querySelector(`a.${l}-remove`).addEventListener("click", (t) => {
+      if (this.linkRange != null) {
+        const e = this.linkRange;
+        this.restoreFocus(), this.rich.formatText(e, "link", !1, d.sources.USER), delete this.linkRange;
+      }
+      t.preventDefault(), this.hide();
+    }), this.rich.on(d.events.SELECTION_CHANGE, (t, e, s) => {
+      if (t != null) {
+        if (t.length === 0 && s === d.sources.USER) {
+          const [i, n] = this.rich.scroll.descendant(
+            I,
+            t.index
+          );
+          if (i != null) {
+            this.linkRange = new J(t.index - n, i.length());
+            const o = I.formats(i.domNode);
+            this.preview.textContent = o, this.preview.setAttribute("href", o), this.show();
+            const a = this.rich.getBounds(this.linkRange);
+            a != null && this.position(a);
+            return;
+          }
+        } else
+          delete this.linkRange;
+        this.hide();
+      }
+    });
+  }
+  show() {
+    super.show(), this.root.removeAttribute("data-mode");
+  }
+}
+class ut extends T {
+  constructor(t, e) {
+    e.modules.toolbar != null && e.modules.toolbar.container == null && (e.modules.toolbar.container = He), super(t, e), this.rich.container.classList.add(`${l}-snow`);
+  }
+  extendToolbar(t) {
+    t.container != null && (t.container.classList.add(`${l}-snow`), this.buildButtons(t.container.querySelectorAll("button"), E), this.buildPickers(t.container.querySelectorAll("select"), E), this.tooltip = new Be(this.rich, this.options.bounds), t.container.querySelector(`.${l}-link`) && this.rich.keyboard.addBinding(
+      { key: "k", shortKey: !0 },
+      (e, s) => {
+        t.handlers.link.call(t, !s.format.link);
+      }
+    ));
+  }
+}
+ut.DEFAULTS = O({}, T.DEFAULTS, {
+  modules: {
+    toolbar: {
+      handlers: {
+        link(r) {
+          if (r) {
+            const t = this.rich.getSelection();
+            if (t == null || t.length === 0) return;
+            let e = this.rich.getText(t);
+            /^\S+@\S+\.\S+$/.test(e) && e.indexOf("mailto:") !== 0 && (e = `mailto:${e}`);
+            const { tooltip: s } = this.rich.theme;
+            s.edit("link", e);
+          } else
+            this.rich.format("link", !1, c.sources.USER);
+        }
+      }
+    }
+  }
+});
+c.register(
+  {
+    "attributors/attribute/direction": Nt,
+    "attributors/class/align": nt,
+    "attributors/class/background": St,
+    "attributors/class/color": Lt,
+    "attributors/class/direction": it,
+    "attributors/class/font": st,
+    "attributors/class/size": et,
+    "attributors/style/align": Et,
+    "attributors/style/background": tt,
+    "attributors/style/color": Y,
+    "attributors/style/direction": qt,
+    "attributors/style/font": wt,
+    "attributors/style/size": At
+  },
+  !0
+);
+c.register(
+  {
+    "formats/align": nt,
+    "formats/direction": it,
+    "formats/indent": Ct,
+    "formats/background": tt,
+    "formats/color": Y,
+    "formats/font": st,
+    "formats/size": et,
+    "formats/blockquote": $t,
+    "formats/code-block": y,
+    "formats/header": Rt,
+    "formats/list": N,
+    "formats/bold": U,
+    "formats/code": Tt,
+    "formats/italic": Mt,
+    "formats/link": I,
+    "formats/script": Ht,
+    "formats/strike": Bt,
+    "formats/underline": Ot,
+    "formats/formula": Ut,
+    "formats/image": Vt,
+    "formats/video": Zt,
+    "modules/syntax": lt,
+    "modules/table": Ft,
+    "modules/toolbar": Z,
+    "themes/bubble": dt,
+    "themes/snow": ut,
+    "ui/icons": E,
+    "ui/picker": M,
+    "ui/icon-picker": ct,
+    "ui/color-picker": ot,
+    "ui/tooltip": at
+  },
+  !0
+);
+export {
+  Fe as AttributeMap,
+  q as Delta,
+  B as Module,
+  ze as Op,
+  Pe as OpIterator,
+  _e as Parchment,
+  J as Range,
+  c as default
+};