@textbus/platform-browser 5.1.6 → 5.2.1

package/dist/index.esm.js

@@ -0,0 +1,1699 @@
+import { Slot as X, ContentType as T, Event as x, invokeListener as v, Adapter as Y, NativeSelectionBridge as st, FocusManager as it, Component as ot, Registry as nt, makeError as rt } from "@textbus/core";
+import { filter as b, fromEvent as f, Subject as S, delay as at, Subscription as D, distinctUntilChanged as M, merge as Z, map as L, Observable as G } from "@tanbo/stream";
+import { InjectionToken as H, Injectable as F, Inject as J, Optional as ct } from "@viewfly/core";
+function m(s, t = {}) {
+  const i = document.createElement(s);
+  return t.classes && i.classList.add(...t.classes), t.attrs && Object.keys(t.attrs).forEach((e) => {
+    i.setAttribute(e, t.attrs[e]);
+  }), t.props && Object.keys(t.props).forEach((e) => {
+    i[e] = t.props[e];
+  }), t.styles && Object.assign(i.style, t.styles), t.children && t.children.filter((e) => e).forEach((e) => {
+    i.appendChild(e);
+  }), t.on && Object.keys(t.on).forEach((e) => {
+    i.addEventListener(e, t.on[e]);
+  }), i;
+}
+function B(s) {
+  let { startContainer: t, startOffset: i } = s;
+  if (t.nodeType === Node.TEXT_NODE) {
+    if (i > 0)
+      return s.getBoundingClientRect();
+    const c = t.parentNode;
+    i = Array.from(c.childNodes).indexOf(t), t = c;
+  }
+  const e = t.childNodes[i - 1];
+  if (e) {
+    if (e.nodeType === Node.ELEMENT_NODE && e.nodeName.toLowerCase() !== "br") {
+      const c = e.getBoundingClientRect();
+      return {
+        left: c.right,
+        top: c.top,
+        width: s.collapsed ? 1 : c.width,
+        height: c.height
+      };
+    } else if (e.nodeType === Node.TEXT_NODE) {
+      const c = document.createRange();
+      c.setStart(e, e.textContent.length), c.setEnd(e, e.textContent.length);
+      const l = c.getBoundingClientRect();
+      return {
+        left: l.right,
+        top: l.top,
+        width: s.collapsed ? 1 : l.width,
+        height: l.height
+      };
+    }
+  }
+  const o = t.childNodes[i];
+  let n = !1;
+  if (!o) {
+    const c = t.lastChild;
+    if (c && c.nodeType === Node.ELEMENT_NODE) {
+      const l = c.getBoundingClientRect();
+      return {
+        left: l.right,
+        top: l.top,
+        width: s.collapsed ? 1 : l.width,
+        height: l.height
+      };
+    }
+  }
+  if (o) {
+    if (o.nodeType === Node.ELEMENT_NODE && o.nodeName.toLowerCase() !== "br") {
+      const c = o.getBoundingClientRect();
+      return {
+        left: c.left,
+        top: c.top,
+        width: s.collapsed ? 1 : c.width,
+        height: c.height
+      };
+    }
+    n = !0;
+  }
+  const r = t.ownerDocument.createElement("span");
+  r.innerText = "​", r.style.display = "inline-block", n ? t.insertBefore(r, o) : t.appendChild(r);
+  const a = r.getBoundingClientRect();
+  return t.removeChild(r), {
+    left: a.left,
+    top: a.top,
+    width: s.collapsed ? 1 : a.width,
+    height: a.height
+  };
+}
+const lt = () => /win(dows|32|64)/i.test(navigator.userAgent), Q = () => /mac os/i.test(navigator.userAgent), tt = () => /Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent), V = () => /Firefox/.test(navigator.userAgent), ht = () => /Android|iPhone|iPad/.test(navigator.userAgent), z = new H("EDITOR_OPTIONS"), j = new H("VIEW_CONTAINER"), U = new H("VIEW_DOCUMENT"), K = new H("VIEW_MASK");
+var dt = Object.getOwnPropertyDescriptor, ft = (s, t, i, e) => {
+  for (var o = e > 1 ? void 0 : e ? dt(t, i) : t, n = s.length - 1, r; n >= 0; n--)
+    (r = s[n]) && (o = r(o) || o);
+  return o;
+}, ut = (s, t) => (i, e) => t(i, e, s);
+let O = class {
+  constructor(s, t) {
+    this.textbus = t;
+    const i = [
+      ...s.componentLoaders || []
+    ], e = [
+      ...s.formatLoaders || []
+    ], o = [
+      ...s.attributeLoaders || []
+    ];
+    this.componentLoaders = i, this.formatLoaders = e, this.attributeLoaders = o;
+  }
+  textbus;
+  static parseHTML(s) {
+    return new DOMParser().parseFromString(s, "text/html").body;
+  }
+  componentLoaders;
+  formatLoaders;
+  attributeLoaders;
+  /**
+   * 使用指定的组件加载器解析一段 HTML 字符串或 DOM 元素
+   * @param html
+   * @param rootComponentLoader
+   */
+  parseDoc(s, t) {
+    const i = typeof s == "string" ? O.parseHTML(s) : s;
+    return t.read(
+      i,
+      this.textbus,
+      (e, o, n = o) => this.readSlot(e, o, n)
+    );
+  }
+  /**
+   * 将一段 HTML 或 DOM 元素解析到指定插槽
+   * @param html
+   * @param rootSlot
+   */
+  parse(s, t) {
+    const i = typeof s == "string" ? O.parseHTML(s) : s;
+    return this.readFormats(i, t);
+  }
+  readComponent(s, t) {
+    if (s.nodeType === Node.ELEMENT_NODE) {
+      if (s.tagName === "BR") {
+        t.insert(`
+`);
+        return;
+      }
+      const i = [...t.schema];
+      for (const e of this.componentLoaders)
+        if (e.match(s, i)) {
+          const o = e.read(
+            s,
+            this.textbus,
+            (n, r, a = r) => this.readSlot(n, r, a)
+          );
+          if (!o)
+            return;
+          if (o instanceof X) {
+            o.toDelta().forEach((n) => t.insert(n.insert, n.formats));
+            return;
+          }
+          t.insert(o);
+          return;
+        }
+      this.readFormats(s, t);
+    } else s.nodeType === Node.TEXT_NODE && this.readText(t, s);
+  }
+  readText(s, t) {
+    const i = t.textContent;
+    /^\s*[\r\n\u200b]+\s*$/.test(i) || s.insert(i);
+  }
+  readFormats(s, t) {
+    const i = this.formatLoaders.filter((r) => r.match(s)).map((r) => r.read(s)), e = t.index;
+    let o = s.firstChild;
+    for (; o; )
+      this.readComponent(o, t), o = o.nextSibling;
+    const n = t.index;
+    return this.applyFormats(t, i.map((r) => ({
+      formatter: r.formatter,
+      value: r.value,
+      startIndex: e,
+      endIndex: n
+    }))), t.retain(n), t;
+  }
+  readSlot(s, t, i) {
+    return t.nodeType === Node.ELEMENT_NODE && this.attributeLoaders.filter((e) => e.match(t)).forEach((e) => {
+      const o = e.read(t);
+      s.setAttribute(o.attribute, o.value);
+    }), i.nodeType === Node.ELEMENT_NODE ? this.readFormats(i, s) : this.readText(s, i), s;
+  }
+  applyFormats(s, t) {
+    s.background(() => {
+      t.forEach((i) => {
+        s.retain(i.startIndex), s.retain(i.endIndex - i.startIndex, i.formatter, i.value);
+      });
+    });
+  }
+};
+O = ft([
+  F(),
+  ut(0, J(z))
+], O);
+var pt = Object.getOwnPropertyDescriptor, gt = (s, t, i, e) => {
+  for (var o = e > 1 ? void 0 : e ? pt(t, i) : t, n = s.length - 1, r; n >= 0; n--)
+    (r = s[n]) && (o = r(o) || o);
+  return o;
+}, mt = (s, t) => (i, e) => t(i, e, s);
+let P = class {
+  constructor(s, t, i, e, o, n, r, a) {
+    this.config = s, this.selection = e, this.rootComponentRef = o, this.input = n, this.scheduler = r, this.domAdapter = a, this.docContainer = t.get(U), this.onSelectionChange = this.selectionChangeEvent.asObservable().pipe(b(() => !i.readonly)), this.sub = this.onSelectionChange.subscribe((c) => {
+      c ? n.focus(c, this.changeFromUser) : n.blur();
+    }), this.sub.add(
+      f(document, "focusin").subscribe((c) => {
+        let l = c.target;
+        if (/^(input|textarea|select)$/i.test(l.nodeName)) {
+          if (l.tagName.toLowerCase() === "input" && /^(range|date)$/.test(l.type))
+            return;
+          this.ignoreSelectionChange = !0;
+          return;
+        }
+        if (!s.useContentEditable)
+          for (; l; ) {
+            if (l.contentEditable === "true") {
+              this.ignoreSelectionChange = !0;
+              return;
+            }
+            l = l.parentNode;
+          }
+      })
+    ), this.sub.add(
+      f(document, "focusout").subscribe(() => {
+        this.ignoreSelectionChange = !1;
+      })
+    );
+  }
+  config;
+  selection;
+  rootComponentRef;
+  input;
+  scheduler;
+  domAdapter;
+  onSelectionChange;
+  nativeSelection = document.getSelection();
+  syncSelectionFromNativeSelectionChange = !0;
+  selectionChangeEvent = new S();
+  subs = [];
+  sub;
+  connector = null;
+  ignoreSelectionChange = !1;
+  changeFromUser = !1;
+  docContainer;
+  cacheCaretPositionTimer;
+  oldCaretPosition;
+  connect(s) {
+    this.disConnect(), this.connector = s, this.syncSelection(s), this.listen(s);
+  }
+  disConnect() {
+    this.connector = null, this.unListen();
+  }
+  getRect(s) {
+    const { focus: t, anchor: i } = this.getPositionByRange({
+      focusOffset: s.offset,
+      anchorOffset: s.offset,
+      focusSlot: s.slot,
+      anchorSlot: s.slot
+    });
+    if (!t || !i)
+      return null;
+    const e = document.createRange();
+    return e.setStart(t.node, t.offset), e.collapse(), B(e);
+  }
+  restore(s, t) {
+    if (this.changeFromUser = t, this.ignoreSelectionChange || !this.connector)
+      return;
+    if (this.unListen(), !s) {
+      this.nativeSelection.removeAllRanges(), this.selectionChangeEvent.next(null), this.listen(this.connector);
+      return;
+    }
+    const { focus: i, anchor: e } = this.getPositionByRange(s);
+    if (!i || !e) {
+      this.nativeSelection.removeAllRanges(), this.selectionChangeEvent.next(null), this.listen(this.connector);
+      return;
+    }
+    function o(r) {
+      if (r.node) {
+        if (r.node.nodeType === Node.TEXT_NODE) {
+          const a = r.node.textContent.length;
+          r.offset > a && (r.offset = a);
+        } else if (r.node.nodeType === Node.ELEMENT_NODE) {
+          const a = r.node.childNodes.length;
+          r.offset > a && (r.offset = a);
+        }
+      }
+    }
+    try {
+      o(i), o(e), this.nativeSelection.setBaseAndExtent(e.node, e.offset, i.node, i.offset);
+    } catch (r) {
+      setTimeout(() => {
+        throw r;
+      });
+    }
+    if (this.nativeSelection.rangeCount) {
+      const r = this.nativeSelection.getRangeAt(0);
+      this.selectionChangeEvent.next(r);
+    } else
+      this.selectionChangeEvent.next(null);
+    const n = () => {
+      this.connector && this.listen(this.connector);
+    };
+    if (t) {
+      Promise.resolve().then(n);
+      return;
+    }
+    typeof requestIdleCallback == "function" ? requestIdleCallback(n) : setTimeout(n, 30);
+  }
+  destroy() {
+    this.subs.forEach((s) => s.unsubscribe()), this.sub.unsubscribe();
+  }
+  getPositionByRange(s) {
+    let t, i;
+    try {
+      return t = this.findSelectedNodeAndOffset(s.focusSlot, s.focusOffset), i = t, (s.anchorSlot !== s.focusSlot || s.anchorOffset !== s.focusOffset) && (i = this.findSelectedNodeAndOffset(s.anchorSlot, s.anchorOffset)), {
+        focus: t,
+        anchor: i
+      };
+    } catch {
+      return {
+        focus: null,
+        anchor: null
+      };
+    }
+  }
+  getPreviousLinePositionByCurrent(s) {
+    return this.getLinePosition(s, !1);
+  }
+  getNextLinePositionByCurrent(s) {
+    return this.getLinePosition(s, !0);
+  }
+  getLinePosition(s, t) {
+    clearTimeout(this.cacheCaretPositionTimer);
+    let i;
+    return this.oldCaretPosition ? i = t ? this.getNextLinePositionByOffset(s, this.oldCaretPosition.left) : this.getPreviousLinePositionByOffset(s, this.oldCaretPosition.left) : (this.oldCaretPosition = this.getRect(s), i = t ? this.getNextLinePositionByOffset(s, this.oldCaretPosition.left) : this.getPreviousLinePositionByOffset(s, this.oldCaretPosition.left)), this.cacheCaretPositionTimer = setTimeout(() => {
+      this.oldCaretPosition = null;
+    }, 3e3), i;
+  }
+  /**
+   * 获取选区向上移动一行的位置。
+   * @param currentPosition
+   * @param startLeft 参考位置。
+   */
+  getPreviousLinePositionByOffset(s, t) {
+    let i = !1, e = 0, o = t, n = s.slot, r = s.offset, a = this.getRect({
+      slot: n,
+      offset: r
+    }).top, c, l, u = 0;
+    for (; ; ) {
+      e++, c = this.selection.getPreviousPositionByPosition(n, r), n = c.slot, r = c.offset;
+      const h = this.getRect(c);
+      if (!i) {
+        if (h.left > o || h.top + h.height <= a)
+          i = !0;
+        else if (h.left === o && h.top === a)
+          return c;
+        o = h.left, a = h.top;
+      }
+      if (i) {
+        if (h.left <= t)
+          return c;
+        if (l && h.left >= u)
+          return l;
+        u = h.left, l = c;
+      }
+      if (e > 1e4)
+        break;
+    }
+    return c || {
+      offset: 0,
+      slot: n
+    };
+  }
+  /**
+   * 获取选区向下移动一行的位置。
+   * @param currentPosition
+   * @param startLeft 参考位置。
+   */
+  getNextLinePositionByOffset(s, t) {
+    let i = !1, e = 0, o = t, n = s.slot, r = s.offset;
+    const a = this.getRect({
+      slot: n,
+      offset: r
+    });
+    let c = a.top, l, u = 0;
+    for (; ; ) {
+      e++;
+      const h = this.selection.getNextPositionByPosition(n, r);
+      n = h.slot, r = h.offset;
+      const d = this.getRect(h);
+      if (!i) {
+        if (d.left < o || d.top >= c + a.height)
+          i = !0;
+        else if (d.left === o && d.top === c)
+          return h;
+        o = d.left, c = d.top, l = h;
+      }
+      if (i) {
+        if (d.left > t || l && d.left <= u)
+          return l;
+        l = h, u = d.left;
+      }
+      if (e > 1e4)
+        break;
+    }
+    return l || {
+      offset: n.length,
+      slot: n
+    };
+  }
+  unListen() {
+    this.subs.forEach((s) => s.unsubscribe()), this.subs = [];
+  }
+  listen(s) {
+    if (!this.config.useContentEditable) {
+      const i = this.nativeSelection;
+      this.subs.push(
+        f(this.docContainer, "mousedown").subscribe((e) => {
+          this.ignoreSelectionChange || e.button === 2 || e.shiftKey || i.removeAllRanges();
+        })
+      );
+    }
+    let t = !1;
+    this.subs.push(
+      this.scheduler.onDocChange.subscribe(() => {
+        t = !0;
+      }),
+      this.scheduler.onDocChanged.pipe(at()).subscribe(() => {
+        t = !1;
+      }),
+      f(document, "selectionchange").subscribe(() => {
+        t || this.syncSelectionFromNativeSelectionChange && this.syncSelection(s);
+      })
+    );
+  }
+  syncSelection(s) {
+    const t = this.nativeSelection;
+    if (this.changeFromUser = !0, this.ignoreSelectionChange || this.input.composition || t.rangeCount === 0 || !this.docContainer.contains(t.anchorNode) || this.rootComponentRef.component.slots.length === 0)
+      return;
+    const i = t.getRangeAt(0), e = i.cloneRange(), o = t.focusNode === e.endContainer && t.focusOffset === e.endOffset, n = t.focusNode === e.startContainer && t.focusOffset === e.startOffset;
+    if (!this.docContainer.contains(t.focusNode))
+      if (o) {
+        const c = this.domAdapter.getNativeNodeBySlot(this.rootComponentRef.component.slots.at(0));
+        if (!c)
+          return;
+        e.setEndAfter(c.lastChild);
+      } else {
+        const c = this.domAdapter.getNativeNodeBySlot(this.rootComponentRef.component.slots.at(-1));
+        if (!c)
+          return;
+        e.setStartBefore(c.firstChild);
+      }
+    const r = this.getCorrectedPosition(e.startContainer, e.startOffset, n), a = e.collapsed ? r : this.getCorrectedPosition(e.endContainer, e.endOffset, o);
+    if ([Node.ELEMENT_NODE, Node.TEXT_NODE].includes(e.commonAncestorContainer?.nodeType) && r && a) {
+      const c = s.beforeChange(o ? {
+        anchorSlot: r.slot,
+        anchorOffset: r.offset,
+        focusSlot: a.slot,
+        focusOffset: a.offset
+      } : {
+        focusSlot: r.slot,
+        focusOffset: r.offset,
+        anchorSlot: a.slot,
+        anchorOffset: a.offset
+      });
+      if (!c) {
+        this.selectionChangeEvent.next(null), s.setSelection(null);
+        return;
+      }
+      const { focus: l, anchor: u } = this.getPositionByRange(c);
+      if (l && u) {
+        let h = u, d = l;
+        n && (h = l, d = u), (e.startContainer !== h.node || e.startOffset !== h.offset) && e.setStart(h.node, h.offset), (e.endContainer !== d.node || e.endOffset !== d.offset) && e.setEnd(d.node, d.offset), s.setSelection(c), t.isCollapsed && (i.startContainer !== h.node || i.startOffset !== h.offset || i.endContainer !== d.node || i.endOffset !== d.offset) && (i.setStart(h.node, h.offset), i.setEnd(d.node, d.offset)), this.selectionChangeEvent.next(e);
+      } else
+        s.setSelection(null);
+      return;
+    }
+    s.setSelection(null);
+  }
+  findSelectedNodeAndOffset(s, t) {
+    const i = s.getContentAtIndex(t - 1), e = this.domAdapter.getNodesBySlot(s);
+    if (i) {
+      if (typeof i != "string") {
+        const n = this.domAdapter.getNativeNodeByComponent(i);
+        return {
+          node: n.parentNode,
+          offset: Array.from(n.parentNode.childNodes).indexOf(n) + 1
+        };
+      } else if (i === `
+`) {
+        for (const n of e)
+          if (!(n instanceof Text) && n.nodeName === "BR") {
+            const r = this.domAdapter.getLocationByNativeNode(n);
+            if (r && r.endIndex === t) {
+              const a = n.parentNode;
+              return {
+                node: a,
+                offset: Array.from(a.childNodes).indexOf(n) + 1
+              };
+            }
+          }
+      }
+    }
+    const o = s.getContentAtIndex(t);
+    if (o && typeof o != "string") {
+      const n = this.domAdapter.getNativeNodeByComponent(o);
+      return {
+        node: n.parentNode,
+        offset: Array.from(n.parentNode.childNodes).indexOf(n)
+      };
+    }
+    for (const n of e) {
+      if (n instanceof Element) {
+        if (n.tagName === "BR") {
+          const a = this.domAdapter.getLocationByNativeNode(n);
+          if (a && a.startIndex === t) {
+            const c = n.parentNode;
+            return {
+              node: c,
+              offset: Array.from(c.childNodes).indexOf(n)
+            };
+          }
+        }
+        continue;
+      }
+      const r = this.domAdapter.getLocationByNativeNode(n);
+      if (r && t >= r.startIndex && t <= r.endIndex)
+        return {
+          node: n,
+          offset: t - r.startIndex
+        };
+    }
+    return null;
+  }
+  getCorrectedPosition(s, t, i, e = []) {
+    if (e.push(s), s.nodeType === Node.ELEMENT_NODE) {
+      const o = this.domAdapter.getLocationByNativeNode(s), n = s.childNodes[t];
+      if (n) {
+        const c = this.domAdapter.getLocationByNativeNode(n);
+        return c ? o ? {
+          slot: c.slot,
+          offset: c.startIndex
+        } : this.findFocusNode(n, i, e) : this.findFocusNode(n, i, e);
+      }
+      const r = s.childNodes[t - 1];
+      if (r) {
+        const c = this.domAdapter.getLocationByNativeNode(r);
+        if (c && o)
+          return {
+            slot: c.slot,
+            offset: c.endIndex
+          };
+      }
+      if (o)
+        return {
+          slot: o.slot,
+          offset: o.endIndex
+        };
+      const a = i ? s.nextSibling : s.previousSibling;
+      return a ? this.findFocusNode(a, i, e) : this.findFocusNodeByParent(s, i, e);
+    } else if (s.nodeType === Node.TEXT_NODE) {
+      const o = this.domAdapter.getLocationByNativeNode(s);
+      if (o)
+        return {
+          slot: o.slot,
+          offset: o.startIndex + t
+        };
+      const n = i ? s.nextSibling : s.previousSibling;
+      return n ? this.findFocusNode(n, i, e) : this.findFocusNodeByParent(s, i, e);
+    }
+    return null;
+  }
+  findFocusNode(s, t = !1, i = []) {
+    if (i.includes(s)) {
+      const r = t ? s.nextSibling : s.previousSibling;
+      return r ? this.findFocusNode(r, t, i) : this.findFocusNodeByParent(s, t, i);
+    }
+    i.push(s);
+    const e = this.domAdapter.getLocationByNativeNode(s);
+    if (e)
+      return {
+        slot: e.slot,
+        offset: t ? e.startIndex : e.endIndex
+      };
+    const o = t ? s.firstChild : s.lastChild;
+    if (o)
+      return this.findFocusNode(o, t, i);
+    const n = t ? s.nextSibling : s.previousSibling;
+    return n ? this.findFocusNode(n, t, i) : this.findFocusNodeByParent(s, t, i);
+  }
+  findFocusNodeByParent(s, t, i) {
+    const e = s.parentNode;
+    if (e) {
+      const o = this.domAdapter.getLocationByNativeNode(e);
+      return o ? {
+        slot: o.slot,
+        offset: t ? o.endIndex : o.startIndex
+      } : (i.push(s), this.findFocusNode(e, t, i));
+    }
+    return null;
+  }
+};
+P = gt([
+  F(),
+  mt(0, J(z))
+], P);
+class N {
+}
+var bt = Object.getOwnPropertyDescriptor, yt = (s, t, i, e) => {
+  for (var o = e > 1 ? void 0 : e ? bt(t, i) : t, n = s.length - 1, r; n >= 0; n--)
+    (r = s[n]) && (o = r(o) || o);
+  return o;
+};
+const Ct = `
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Textbus</title>
+  <style>
+    html {position: fixed; left:0; overflow: hidden}
+    html, body{height: 100%;width:100%}
+    body{margin:0; overflow: hidden}
+    textarea{width: 2000px;height: 100%;opacity: 0; padding: 0; outline: none; border: none; position: absolute; left:0; top:0;}
+  </style>
+</head>
+<body>
+</body>
+</html>
+`;
+class xt {
+  constructor(t, i, e) {
+    this.domRenderer = t, this.scheduler = i, this.editorMask = e, this.onPositionChange = this.positionChangeEvent.pipe(M()), this.onStyleChange = this.styleChangeEvent.asObservable(), this.elementRef = m("div", {
+      styles: {
+        position: "absolute",
+        width: "2px",
+        pointerEvents: "none"
+      },
+      children: [
+        this.caret = m("span", {
+          styles: {
+            width: "100%",
+            height: "100%",
+            position: "absolute",
+            left: 0,
+            top: 0
+          }
+        })
+      ]
+    }), this.subscription.add(
+      f(document, "mousedown").subscribe(() => {
+        this.flashing = !1;
+      }),
+      f(document, "mouseup").subscribe(() => {
+        this.flashing = !0;
+      })
+    ), this.editorMask.appendChild(this.elementRef);
+  }
+  domRenderer;
+  scheduler;
+  editorMask;
+  onPositionChange;
+  onStyleChange;
+  elementRef;
+  changeFromSelf = !1;
+  getLimit = function() {
+    return {
+      top: 0,
+      bottom: document.documentElement.clientHeight
+    };
+  };
+  get rect() {
+    return this.caret.getBoundingClientRect();
+  }
+  timer = null;
+  caret;
+  set display(t) {
+    this._display = t, this.caret.style.visibility = t ? "visible" : "hidden";
+  }
+  get display() {
+    return this._display;
+  }
+  _display = !0;
+  flashing = !0;
+  subscription = new D();
+  positionChangeEvent = new S();
+  styleChangeEvent = new S();
+  oldRange = null;
+  refresh() {
+    this.oldRange && this.show(this.oldRange, !1);
+  }
+  show(t, i) {
+    if (this.oldRange = t, (i || this.scheduler.lastChangesHasLocalUpdate) && clearTimeout(this.timer), this.updateCursorPosition(t), t.collapsed) {
+      if (i || this.scheduler.lastChangesHasLocalUpdate) {
+        this.display = !0;
+        const e = () => {
+          this.display = !this.display || !this.flashing, this.timer = setTimeout(e, 400);
+        };
+        clearTimeout(this.timer), this.timer = setTimeout(e, 400);
+      }
+    } else
+      this.display = !1, clearTimeout(this.timer);
+  }
+  hide() {
+    this.display = !1, clearTimeout(this.timer), this.positionChangeEvent.next(null);
+  }
+  destroy() {
+    clearTimeout(this.timer), this.subscription.unsubscribe();
+  }
+  updateCursorPosition(t) {
+    const i = t.startContainer, e = i.nodeType === Node.ELEMENT_NODE ? i : i.parentNode;
+    if (e?.nodeType !== Node.ELEMENT_NODE) {
+      this.positionChangeEvent.next(null);
+      return;
+    }
+    const o = this.domRenderer.compositionNode;
+    o && (t = t.cloneRange(), t.selectNodeContents(o), t.collapse());
+    const n = B(t), { fontSize: r, lineHeight: a, color: c, writingMode: l } = getComputedStyle(e);
+    let u;
+    if (isNaN(+a)) {
+      const p = parseFloat(a);
+      isNaN(p) ? u = parseFloat(r) : u = p;
+    } else
+      u = parseFloat(r) * parseFloat(a);
+    const h = Math.max(Math.floor(Math.max(u, n.height)), 12);
+    let d = n.top;
+    n.height < u && (d -= (u - n.height) / 2), d = Math.floor(d);
+    const w = this.editorMask.getBoundingClientRect(), _ = Math.floor(d - w.top), E = Math.floor(n.left + n.width / 2 - w.left);
+    let C = 0;
+    if (t.collapsed && (C = Math.round(Math.atan2(n.width, n.height) * 180 / Math.PI), C !== 0)) {
+      const p = document.createElement("span");
+      p.style.cssText = "display: inline-block; width: 10px; height: 10px; position: relative; contain: layout style size; writing-mode: inherit";
+      const g = document.createElement("span");
+      g.style.cssText = "position: absolute; left: 0; top: 0; width:0;height:0", p.append(g), e.append(p);
+      const y = g.getBoundingClientRect();
+      g.style.right = "0", g.style.left = "";
+      const R = g.getBoundingClientRect(), A = y.x - R.x, I = y.y - R.y;
+      C = Math.atan2(I, A) * 180 / Math.PI, p.remove();
+    }
+    if ((l === "vertical-lr" || l === "vertical-rl") && (C += 90), Object.assign(this.elementRef.style, {
+      left: E + "px",
+      top: _ + "px",
+      height: h + "px",
+      lineHeight: h + "px",
+      fontSize: r,
+      transform: `rotate(${C}deg)`
+    }), this.caret.style.backgroundColor = c === "rgba(0, 0, 0, 0)" ? "#000" : c, this.styleChangeEvent.next({
+      height: h + "px",
+      lineHeight: h + "px",
+      fontSize: r
+    }), this.positionChangeEvent.next({
+      left: E,
+      top: d,
+      height: h
+    }), this.changeFromSelf) {
+      this.changeFromSelf = !1;
+      const p = this.elementRef.getBoundingClientRect(), g = this.getScrollContainer(i), y = g === document.documentElement ? { top: 0, bottom: document.documentElement.clientHeight } : g.getBoundingClientRect(), R = this.getLimit(), A = Math.max(R.top, y.top), I = Math.min(R.bottom, y.bottom);
+      p.top < A ? g.scrollTop -= A - p.top : p.bottom > I && (g.scrollTop += p.bottom - I);
+    }
+  }
+  getScrollContainer(t) {
+    for (; t; ) {
+      if (t instanceof Element) {
+        const i = getComputedStyle(t);
+        if (i.overflow !== "visible" || i.overflowX !== "visible" || i.overflowY !== "visible")
+          return t;
+      }
+      t = t.parentNode;
+    }
+    return document.documentElement;
+  }
+}
+let $ = class extends N {
+  // 有 bug 版本搜狗拼音
+  constructor(s, t, i, e, o, n, r, a) {
+    super(), this.domAdapter = s, this.parser = t, this.keyboard = i, this.commander = e, this.selection = o, this.controller = n, this.scheduler = r, this.textbus = a, this.caret = new xt(this.domAdapter, this.scheduler, this.textbus.get(K)), this.onReady = new Promise((c) => {
+      this.subscription.add(
+        f(this.container, "load").subscribe(() => {
+          const l = this.container.contentDocument;
+          l.open(), l.write(Ct), l.close(), this.doc = l, this.init(), c();
+        }),
+        n.onReadonlyStateChange.subscribe(() => {
+          n.readonly && this.blur();
+        })
+      );
+    }), this.caret.elementRef.append(this.container);
+  }
+  domAdapter;
+  parser;
+  keyboard;
+  commander;
+  selection;
+  controller;
+  scheduler;
+  textbus;
+  composition = !1;
+  onReady;
+  caret;
+  set disabled(s) {
+    this._disabled = s, s && this.textarea && (this.textarea.disabled = s);
+  }
+  get disabled() {
+    return this._disabled;
+  }
+  isSafari = tt();
+  isFirefox = V();
+  isMac = Q();
+  isWindows = lt();
+  _disabled = !1;
+  container = this.createEditableFrame();
+  subscription = new D();
+  doc;
+  textarea = null;
+  isFocus = !1;
+  nativeFocus = !1;
+  ignoreComposition = !1;
+  focus(s, t) {
+    this.disabled || this.caret.show(s, t), !this.controller.readonly && (this.isFocus || (this.textarea?.focus(), setTimeout(() => {
+      !this.nativeFocus && this.isFocus && this.reInit();
+    })), this.isFocus = !0);
+  }
+  blur() {
+    this.caret.hide(), this.textarea?.blur(), this.isFocus = !1;
+  }
+  destroy() {
+    this.caret.destroy(), this.subscription.unsubscribe();
+  }
+  reInit(s = !1) {
+    this.subscription.unsubscribe(), this.textarea?.parentNode?.removeChild(this.textarea), this.subscription = new D(), this.init(), s ? setTimeout(() => {
+      this.textarea?.focus();
+    }) : this.textarea?.focus();
+  }
+  init() {
+    const s = this.doc, t = s.body, i = s.createElement("textarea");
+    i.disabled = this.disabled, t.appendChild(i), this.textarea = i, this.subscription.add(
+      f(i, "blur").subscribe(() => {
+        if (this.isFocus = !1, this.nativeFocus = !1, this.caret.hide(), this.domAdapter.composition) {
+          const e = this.domAdapter.composition.slot;
+          this.domAdapter.composition = null, this.domAdapter.compositionNode = null, e.__changeMarker__.forceMarkDirtied();
+        }
+      }),
+      f(i, "focus").subscribe(() => {
+        this.nativeFocus = !0;
+      }),
+      this.caret.onStyleChange.subscribe((e) => {
+        Object.assign(i.style, e);
+      })
+    ), this.handleInput(i), this.handleShortcut(i), this.handleDefaultActions(i);
+  }
+  handleDefaultActions(s) {
+    this.subscription.add(
+      f(V() ? s : document, "copy").subscribe((t) => {
+        this.copyHandler(t);
+      }),
+      f(s, "paste").subscribe((t) => {
+        this.pasteHandler(t);
+      })
+    );
+  }
+  copyHandler(s) {
+    const t = this.selection;
+    if (t.isSelected && t.startSlot === t.endSlot && t.endOffset - t.startOffset === 1 && typeof t.startSlot.getContentAtIndex(t.startOffset) == "object") {
+      const e = s.clipboardData, n = document.getSelection().getRangeAt(0), r = document.createElement("div"), a = n.cloneContents();
+      r.append(a), e.setData("text/html", r.innerHTML), e.setData("text", r.innerText), s.preventDefault();
+    }
+  }
+  pasteHandler(s) {
+    const t = s.clipboardData.getData("Text"), i = Array.from(s.clipboardData.types || []), e = Array.from(s.clipboardData.files);
+    if (i.every((n) => n === "Files") && e.length) {
+      Promise.all(e.filter((n) => /image/i.test(n.type)).map((n) => {
+        const r = new FileReader();
+        return new Promise((a) => {
+          r.onload = (c) => {
+            a(c.target.result);
+          }, r.readAsDataURL(n);
+        });
+      })).then((n) => {
+        const r = n.map((a) => `<img src=${a}>`).join("");
+        this.paste(r, t);
+      }), s.preventDefault();
+      return;
+    }
+    const o = this.doc.createElement("div");
+    o.style.cssText = "width:1px; height:10px; overflow: hidden; position: fixed; left: 50%; top: 50%; opacity:0", o.contentEditable = "true", this.doc.body.appendChild(o), o.focus(), setTimeout(() => {
+      this.doc.body.removeChild(o), o.style.cssText = "", this.paste(o, t);
+    });
+  }
+  paste(s, t) {
+    const i = this.parser.parse(s, new X([
+      T.BlockComponent,
+      T.InlineComponent,
+      T.Text
+    ]));
+    this.commander.paste(i, t);
+  }
+  handleShortcut(s) {
+    let t = !1, i = !1;
+    this.subscription.add(
+      f(s, "compositionstart").subscribe(() => {
+        t = !0;
+      }),
+      f(s, "compositionend").subscribe(() => {
+        t = !1;
+      }),
+      f(s, "beforeinput").subscribe((e) => {
+        this.ignoreComposition = !1, this.isSafari && e.inputType === "insertFromComposition" && (i = !0);
+      }),
+      f(s, "keydown").pipe(b(() => this.isSafari && i ? (i = !1, !1) : !t)).subscribe((e) => {
+        this.ignoreComposition = !1;
+        let o = e.key;
+        o === "Process" && /Digit\d/.test(e.code) && e.shiftKey && (o = ")!@#$%^Z&*(".charAt(+e.code.substring(5)), e.preventDefault()), this.caret.changeFromSelf = !0, this.keyboard.execShortcut({
+          key: o,
+          altKey: e.altKey,
+          shiftKey: e.shiftKey,
+          modKey: this.isMac ? e.metaKey : e.ctrlKey,
+          agent: {
+            key: e.key,
+            code: e.code,
+            keyCode: e.keyCode
+          }
+        }) ? (this.ignoreComposition = !0, e.preventDefault()) : this.caret.changeFromSelf = !1;
+      })
+    );
+  }
+  handleInput(s) {
+    let t = 0;
+    this.subscription.add(
+      f(s, "compositionstart").pipe(b(() => !this.ignoreComposition)).subscribe(() => {
+        this.selection.isCollapsed || (this.caret.changeFromSelf = !0, this.commander.delete()), this.composition = !0, t = this.selection.startOffset;
+        const e = this.selection.startSlot, o = new x(e, {
+          index: t
+        });
+        v(e.parent, "onCompositionStart", o);
+      }),
+      f(s, "compositionupdate").pipe(b(() => !this.ignoreComposition)).pipe(M((e, o) => e.data !== o.data)).subscribe((e) => {
+        if (e.data === " ")
+          return;
+        const o = this.selection.startSlot;
+        this.domAdapter.composition = {
+          slot: o,
+          text: e.data,
+          offset: e.data.length,
+          index: t
+        }, this.caret.changeFromSelf = !0, this.caret.refresh();
+        const n = new x(o, {
+          index: t,
+          data: e.data
+        });
+        v(o.parent, "onCompositionUpdate", n), o.__changeMarker__.forceMarkDirtied();
+      })
+    );
+    let i = !1;
+    this.subscription.add(
+      Z(
+        f(s, "beforeinput").pipe(
+          b((e) => (e.preventDefault(), this.isFirefox && e.inputType === "insertFromPaste" ? !1 : this.isSafari ? (i = e.inputType === "insertFromComposition", e.inputType === "insertText" || e.inputType === "insertFromComposition") : !e.isComposing && !!e.data)),
+          L((e) => e.data)
+        ),
+        this.isSafari ? new G() : f(s, "compositionend").pipe(b(() => !this.ignoreComposition)).pipe(
+          L((e) => (i = !0, e.preventDefault(), s.value = "", e.data))
+        )
+      ).subscribe((e) => {
+        if (this.composition = !1, this.domAdapter.composition = null, e ? (this.caret.changeFromSelf = !0, this.commander.write(e)) : this.selection.startSlot?.__changeMarker__.forceMarkDirtied(), i) {
+          const o = this.selection.startSlot;
+          if (o) {
+            const n = new x(o, null);
+            v(o.parent, "onCompositionEnd", n);
+          }
+        }
+        i = !1;
+      })
+    );
+  }
+  createEditableFrame() {
+    return m("iframe", {
+      attrs: {
+        scrolling: "no"
+      },
+      styles: {
+        border: "none",
+        width: "100%",
+        display: "block",
+        height: "100%",
+        position: "relative",
+        top: this.isWindows ? "3px" : "0"
+      }
+    });
+  }
+};
+$ = yt([
+  F()
+], $);
+var vt = Object.getOwnPropertyDescriptor, wt = (s, t, i, e) => {
+  for (var o = e > 1 ? void 0 : e ? vt(t, i) : t, n = s.length - 1, r; n >= 0; n--)
+    (r = s[n]) && (o = r(o) || o);
+  return o;
+}, St = (s, t) => (i, e) => t(i, e, s);
+class Lt {
+}
+let k = class {
+  constructor(s, t, i, e, o) {
+    this.nativeSelection = t, this.scheduler = i, this.selection = e, this.awarenessDelegate = o, this.container = s.get(j), this.canvasContainer.append(this.canvas), this.host.append(this.canvasContainer, this.tooltips), this.container.prepend(this.host), this.subscription.add(this.onRectsChange.subscribe((n) => {
+      for (const r of n)
+        this.context.fillStyle = r.color, this.context.beginPath(), this.context.rect(r.left, r.top, r.width, r.height), this.context.fill(), this.context.closePath();
+    }), f(window, "resize").subscribe(() => {
+      this.canvas.style.height = document.documentElement.clientHeight + "px", this.refresh();
+    }), this.scheduler.onDocChanged.subscribe(() => {
+      this.refresh();
+    }));
+  }
+  nativeSelection;
+  scheduler;
+  selection;
+  awarenessDelegate;
+  host = m("div", {
+    styles: {
+      position: "absolute",
+      left: 0,
+      top: 0,
+      width: "100%",
+      height: "100%",
+      pointerEvents: "none",
+      zIndex: 1
+    }
+  });
+  canvasContainer = m("div", {
+    styles: {
+      position: "absolute",
+      left: 0,
+      top: 0,
+      width: "100%",
+      height: "100%",
+      overflow: "hidden"
+    }
+  });
+  canvas = m("canvas", {
+    styles: {
+      position: "absolute",
+      opacity: 0.5,
+      left: 0,
+      top: 0,
+      width: "100%",
+      height: document.documentElement.clientHeight + "px",
+      pointerEvents: "none"
+    }
+  });
+  context = this.canvas.getContext("2d");
+  tooltips = m("div", {
+    styles: {
+      position: "absolute",
+      left: 0,
+      top: 0,
+      width: "100%",
+      height: "100%",
+      pointerEvents: "none",
+      fontSize: "12px",
+      zIndex: 10
+    }
+  });
+  onRectsChange = new S();
+  subscription = new D();
+  selectionCursors = [];
+  container;
+  ratio = window.devicePixelRatio || 1;
+  /**
+   * 刷新协作光标，由于 Textbus 只会绘制可视区域的光标，当可视区域发生变化时，需要重新绘制
+   */
+  refresh() {
+    this.draw(this.selectionCursors);
+  }
+  destroy() {
+    this.subscription.unsubscribe();
+  }
+  /**
+   * 根据远程用户光标位置，绘制协作光标
+   * @param paths
+   */
+  draw(s) {
+    this.selectionCursors = s;
+    const t = this.container.getBoundingClientRect();
+    this.canvas.style.top = t.top * -1 + "px", this.canvas.width = this.canvas.offsetWidth * this.ratio, this.canvas.height = this.canvas.offsetHeight * this.ratio, this.context.scale(this.ratio, this.ratio), this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
+    const i = [];
+    s.filter((e) => e.selection.anchor.length && e.selection.focus.length).forEach((e) => {
+      const o = [...e.selection.anchor], n = [...e.selection.focus], r = o.pop(), a = this.selection.findSlotByPaths(o), c = n.pop(), l = this.selection.findSlotByPaths(n);
+      if (!a || !l)
+        return;
+      const { focus: u, anchor: h } = this.nativeSelection.getPositionByRange({
+        focusOffset: c,
+        anchorOffset: r,
+        focusSlot: l,
+        anchorSlot: a
+      });
+      if (!u || !h)
+        return;
+      const d = document.createRange();
+      try {
+        d.setStart(h.node, h.offset), d.setEnd(u.node, u.offset);
+      } catch {
+        return;
+      }
+      (h.node !== u.node || h.offset !== u.offset) && d.collapsed && (d.setStart(u.node, u.offset), d.setEnd(h.node, h.offset));
+      let w = !1;
+      this.awarenessDelegate && (w = this.awarenessDelegate.getRects({
+        focusOffset: c,
+        anchorOffset: r,
+        focusSlot: l,
+        anchorSlot: a
+      }, d, e)), w || (w = d.getClientRects());
+      const _ = [];
+      for (let g = w.length - 1; g >= 0; g--) {
+        const y = w[g];
+        _.push({
+          color: e.color,
+          username: e.username,
+          left: y.left - t.left,
+          top: y.top,
+          width: y.width,
+          height: y.height
+        });
+      }
+      this.onRectsChange.next(_);
+      const E = d.cloneRange();
+      E.setStart(u.node, u.offset), E.collapse(!0);
+      const C = B(E), p = {
+        username: e.username,
+        color: e.color,
+        left: C.left - t.left,
+        top: C.top - t.top,
+        width: 1,
+        height: C.height
+      };
+      p.left < 0 || p.top < 0 || p.left > t.width || i.push(p);
+    }), this.drawUserCursor(i);
+  }
+  drawUserCursor(s) {
+    for (let t = 0; t < s.length; t++) {
+      const i = s[t], { cursor: e, userTip: o, anchor: n } = this.getUserCursor(t);
+      Object.assign(e.style, {
+        left: i.left + "px",
+        top: i.top + "px",
+        width: i.width + "px",
+        height: i.height + "px",
+        background: i.color,
+        display: "block"
+      }), n.style.background = i.color, o.innerText = i.username, o.style.background = i.color;
+    }
+    for (let t = s.length; t < this.tooltips.children.length; t++)
+      this.tooltips.removeChild(this.tooltips.children[t]);
+  }
+  getUserCursor(s) {
+    let t = this.tooltips.children[s];
+    if (t) {
+      const o = t.children[0];
+      return {
+        cursor: t,
+        anchor: o,
+        userTip: o.children[0]
+      };
+    }
+    const i = m("span", {
+      styles: {
+        position: "absolute",
+        left: "50%",
+        transform: "translateX(-50%)",
+        marginBottom: "2px",
+        bottom: "100%",
+        whiteSpace: "nowrap",
+        color: "#fff",
+        boxShadow: "0 1px 2px rgba(0,0,0,.1)",
+        opacity: 0.8,
+        borderRadius: "3px",
+        padding: "3px 5px",
+        pointerEvents: "none"
+      }
+    }), e = m("span", {
+      styles: {
+        position: "absolute",
+        top: "-2px",
+        left: "-2px",
+        width: "5px",
+        height: "5px",
+        borderRadius: "50%",
+        pointerEvents: "auto",
+        pointer: "cursor"
+      },
+      children: [i]
+    });
+    return t = m("span", {
+      styles: {
+        position: "absolute"
+      },
+      children: [
+        e
+      ]
+    }), this.tooltips.append(t), {
+      cursor: t,
+      anchor: e,
+      userTip: i
+    };
+  }
+};
+k = wt([
+  F(),
+  St(4, ct())
+], k);
+var Et = Object.getOwnPropertyDescriptor, Nt = (s, t, i, e) => {
+  for (var o = e > 1 ? void 0 : e ? Et(t, i) : t, n = s.length - 1, r; n >= 0; n--)
+    (r = s[n]) && (o = r(o) || o);
+  return o;
+};
+class Tt {
+  onPositionChange;
+  set nativeRange(t) {
+    if (this._nativeRange = t, t) {
+      const i = t.cloneRange();
+      i.collapse(!0);
+      const e = B(i);
+      this.positionChangeEvent.next({
+        left: e.left,
+        top: e.top,
+        height: e.height
+      });
+    } else
+      this.positionChangeEvent.next(null);
+  }
+  get nativeRange() {
+    return this._nativeRange;
+  }
+  get rect() {
+    if (this.nativeRange) {
+      const t = this.nativeRange.cloneRange();
+      return t.collapse(!0), B(t);
+    }
+    return {
+      left: 0,
+      top: 0,
+      width: 0,
+      height: 0
+    };
+  }
+  _nativeRange = null;
+  subs = [];
+  positionChangeEvent = new S();
+  constructor() {
+    this.onPositionChange = this.positionChangeEvent.pipe(M());
+  }
+  refresh() {
+  }
+  destroy() {
+    this.subs.forEach((t) => t.unsubscribe()), this.subs = [];
+  }
+}
+let W = class extends N {
+  // 有 bug 版本搜狗拼音
+  constructor(s, t, i, e, o, n, r) {
+    super(), this.parser = t, this.selection = i, this.keyboard = e, this.domAdapter = o, this.commander = n, this.controller = r, this.documentView = s.get(U), r.readonly || (this.documentView.contentEditable = "true"), this.subscription.add(
+      r.onReadonlyStateChange.subscribe(() => {
+        this.documentView.contentEditable = r.readonly ? "false" : "true";
+      })
+    ), this.handleShortcut(this.documentView), this.handleInput(this.documentView), this.handleDefaultActions(this.documentView);
+  }
+  parser;
+  selection;
+  keyboard;
+  domAdapter;
+  commander;
+  controller;
+  caret = new Tt();
+  composition = !1;
+  // compositionState: CompositionState | null = null
+  onReady = Promise.resolve();
+  set disabled(s) {
+    if (this._disabled = s, this.controller.readonly) {
+      this.documentView.contentEditable = "false";
+      return;
+    }
+    this.documentView.contentEditable = s ? "false" : "true";
+  }
+  get disabled() {
+    return this._disabled;
+  }
+  _disabled = !1;
+  documentView;
+  nativeSelection = document.getSelection();
+  subscription = new D();
+  nativeRange = null;
+  isSafari = tt();
+  isMac = Q();
+  isMobileBrowser = ht();
+  ignoreComposition = !1;
+  focus(s) {
+    this.controller.readonly || (this.caret.nativeRange = s, this.nativeRange = s);
+  }
+  blur() {
+    if (this.nativeRange && this.nativeSelection.rangeCount > 0 && this.nativeSelection.getRangeAt(0) === this.nativeRange) {
+      this.nativeSelection.removeAllRanges(), this.nativeRange = null;
+      return;
+    }
+  }
+  destroy() {
+    this.caret.destroy(), this.subscription.unsubscribe();
+  }
+  handleDefaultActions(s) {
+    this.subscription.add(
+      f(V() ? s : document, "copy").subscribe((t) => {
+        this.copyHandler(t);
+      }),
+      f(s, "paste").subscribe((t) => {
+        this.pasteHandler(t);
+      })
+    );
+  }
+  copyHandler(s) {
+    const t = this.selection;
+    if (t.isSelected && t.startSlot === t.endSlot && t.endOffset - t.startOffset === 1 && typeof t.startSlot.getContentAtIndex(t.startOffset) == "object") {
+      const e = s.clipboardData, n = document.getSelection().getRangeAt(0), r = document.createElement("div"), a = n.cloneContents();
+      r.append(a), e.setData("text/html", r.innerHTML), e.setData("text", r.innerText), s.preventDefault();
+    }
+  }
+  pasteHandler(s) {
+    const t = s.clipboardData.getData("Text"), i = Array.from(s.clipboardData.types || []), e = Array.from(s.clipboardData.files);
+    if (i.every((n) => n === "Files") && e.length) {
+      Promise.all(e.filter((n) => /image/i.test(n.type)).map((n) => {
+        const r = new FileReader();
+        return new Promise((a) => {
+          r.onload = (c) => {
+            a(c.target.result);
+          }, r.readAsDataURL(n);
+        });
+      })).then((n) => {
+        const r = n.map((a) => `<img src=${a}>`).join("");
+        this.paste(r, t);
+      }), s.preventDefault();
+      return;
+    }
+    const o = document.createElement("div");
+    o.style.cssText = "width:1px; height:10px; overflow: hidden; position: fixed; left: 50%; top: 50%; opacity:0", o.contentEditable = "true", document.body.appendChild(o), o.focus(), setTimeout(() => {
+      document.body.removeChild(o), o.style.cssText = "", this.paste(o, t);
+    });
+  }
+  paste(s, t) {
+    const i = this.parser.parse(s, new X([
+      T.BlockComponent,
+      T.InlineComponent,
+      T.Text
+    ]));
+    this.commander.paste(i, t);
+  }
+  handleShortcut(s) {
+    let t = !1, i = !1;
+    this.subscription.add(
+      f(s, "compositionstart").subscribe(() => {
+        t = !0;
+      }),
+      f(s, "compositionend").subscribe(() => {
+        t = !1;
+      }),
+      f(s, "beforeinput").subscribe((e) => {
+        this.isSafari && e.inputType === "insertFromComposition" && (i = !0);
+      }),
+      f(s, "keydown").pipe(b(() => this.isSafari && i ? (i = !1, !1) : !t)).subscribe((e) => {
+        this.ignoreComposition = !1;
+        let o = e.key;
+        o === "Process" && /Digit\d/.test(e.code) && e.shiftKey && (o = ")!@#$%^Z&*(".charAt(+e.code.substring(5)), e.preventDefault()), this.keyboard.execShortcut({
+          key: o,
+          altKey: e.altKey,
+          shiftKey: e.shiftKey,
+          modKey: this.isMac ? e.metaKey : e.ctrlKey,
+          agent: {
+            key: e.key,
+            keyCode: e.keyCode,
+            code: e.code
+          }
+        }) && (this.ignoreComposition = !0, e.preventDefault());
+      })
+    );
+  }
+  handleInput(s) {
+    this.isMobileBrowser ? this.handleMobileInput(s) : this.handlePCInput(s);
+  }
+  handleMobileInput(s) {
+    let t = !0, i;
+    const e = () => {
+      this.composition = !0, i = this.selection.startOffset;
+      const r = this.selection.startSlot, a = new x(r, {
+        index: i
+      });
+      v(r.parent, "onCompositionStart", a);
+    }, o = (r) => {
+      const a = this.selection.startSlot, c = new x(a, {
+        index: i,
+        data: r
+      });
+      v(a.parent, "onCompositionUpdate", c);
+    }, n = (r) => {
+      this.composition = !1, r && this.commander.write(r);
+      const a = this.selection.startSlot;
+      if (a) {
+        const c = new x(a, null);
+        v(a.parent, "onCompositionEnd", c);
+      }
+    };
+    this.subscription.add(
+      f(s, "compositionstart").subscribe(() => {
+        e();
+      }),
+      f(s, "compositionupdate").subscribe((r) => {
+        o(r.data);
+      }),
+      f(s, "compositionend").subscribe((r) => {
+        n(r.data);
+        const a = this.nativeSelection.focusNode;
+        a instanceof Text && a.textContent === r.data && a.remove();
+      }),
+      f(s, "beforeinput").subscribe((r) => {
+        switch (r.inputType) {
+          case "insertText":
+            r.data && (this.commander.write(r.data), r.preventDefault());
+            break;
+          case "insertCompositionText":
+            t ? (t = !1, e()) : o(r.data || "");
+            break;
+          case "deleteCompositionText":
+            this.composition = !1;
+            break;
+          case "deleteContentBackward": {
+            this.composition = !1;
+            const a = r.getTargetRanges()[0];
+            if (!a)
+              break;
+            const c = this.domAdapter.getLocationByNativeNode(a.startContainer), l = this.selection.startSlot;
+            l && (this.selection.setBaseAndExtent(
+              l,
+              c.startIndex + a.startOffset,
+              l,
+              c.startIndex + a.endOffset
+            ), this.commander.delete());
+            break;
+          }
+          case "insertReplacementText": {
+            this.composition = !1;
+            const a = r.getTargetRanges()[0], c = this.domAdapter.getLocationByNativeNode(a.startContainer), l = this.selection.startSlot;
+            this.selection.setBaseAndExtent(
+              l,
+              c.startIndex + a.startOffset,
+              l,
+              c.startIndex + a.endOffset
+            ), this.commander.delete();
+            const u = r.dataTransfer?.getData("text") || r.data || null;
+            u && this.commander.write(u);
+            break;
+          }
+        }
+      })
+    );
+  }
+  handlePCInput(s) {
+    let t = 0, i = !1;
+    this.subscription.add(
+      f(s, "compositionstart").pipe(b(() => !this.ignoreComposition)).subscribe(() => {
+        this.composition = !0, t = this.selection.startOffset;
+        const e = this.selection.startSlot, o = new x(e, {
+          index: t
+        });
+        v(e.parent, "onCompositionStart", o);
+      }),
+      f(s, "compositionupdate").pipe(b(() => !this.ignoreComposition)).subscribe((e) => {
+        const o = this.selection.startSlot, n = new x(o, {
+          index: t,
+          data: e.data
+        });
+        v(o.parent, "onCompositionUpdate", n);
+      }),
+      Z(
+        f(s, "beforeinput").pipe(
+          L((e) => {
+            if (e.preventDefault(), e.inputType === "insertCompositionText")
+              return null;
+            if (e.inputType === "insertReplacementText") {
+              const o = e.getTargetRanges()[0], n = this.domAdapter.getLocationByNativeNode(o.startContainer), r = this.selection.startSlot;
+              return this.selection.setBaseAndExtent(
+                r,
+                n.startIndex + o.startOffset,
+                r,
+                n.startIndex + o.endOffset
+              ), this.commander.delete(), e.dataTransfer?.getData("text") || e.data || null;
+            }
+            return i = e.inputType === "insertFromComposition", i && this.composition ? null : this.isSafari && (e.inputType === "insertText" || i) || !e.isComposing && e.data ? e.data : null;
+          }),
+          b((e) => e)
+        ),
+        this.isSafari ? new G() : f(s, "compositionend").pipe(b(() => !this.ignoreComposition)).pipe(
+          b(() => this.composition),
+          L((e) => (i = !0, e.preventDefault(), e.data)),
+          b(() => {
+            const e = this.ignoreComposition;
+            return this.ignoreComposition = !1, !e;
+          })
+        )
+      ).subscribe((e) => {
+        if (this.composition = !1, e) {
+          const o = this.nativeSelection.focusNode;
+          o instanceof Text && o.textContent === e && o.remove(), this.commander.write(e);
+        }
+        if (i) {
+          const o = this.selection.startSlot;
+          if (o) {
+            const n = new x(o, null);
+            v(o.parent, "onCompositionEnd", n);
+          }
+        }
+        i = !1;
+      })
+    );
+  }
+};
+W = Nt([
+  F()
+], W);
+class Ot extends Y {
+  onViewUpdated = new S();
+  host = m("div", {
+    styles: {
+      cursor: "text",
+      wordBreak: "break-all",
+      boxSizing: "border-box",
+      flex: 1,
+      outline: "none"
+    },
+    attrs: {
+      "data-textbus-view": U
+    },
+    props: {
+      id: "textbus-" + Number((Math.random() + "").substring(2)).toString(16)
+    }
+  });
+}
+const q = rt("BrowserModule");
+class et {
+  constructor(t) {
+    this.config = t;
+    const { mask: i, wrapper: e } = et.createLayout();
+    e.prepend(t.adapter.host), t.minHeight && (t.adapter.host.style.minHeight = t.minHeight), this.providers = [
+      {
+        provide: z,
+        useValue: t
+      },
+      {
+        provide: j,
+        useValue: e
+      },
+      {
+        provide: U,
+        useValue: t.adapter.host
+      },
+      {
+        provide: K,
+        useValue: i
+      },
+      {
+        provide: st,
+        useExisting: P
+      },
+      {
+        provide: N,
+        useClass: t.useContentEditable ? W : $
+      },
+      {
+        provide: Y,
+        useValue: t.adapter
+      },
+      {
+        provide: Ot,
+        useValue: t.adapter
+      },
+      {
+        provide: it,
+        useFactory: (o) => {
+          const n = new S(), r = new S();
+          return o.caret.onPositionChange.pipe(
+            L((a) => !!a),
+            M()
+          ).subscribe((a) => {
+            a ? n.next() : r.next();
+          }), {
+            onFocus: n,
+            onBlur: r
+          };
+        },
+        deps: [N]
+      },
+      O,
+      P,
+      k
+    ], this.workbench = e;
+  }
+  config;
+  providers;
+  workbench;
+  /**
+   * 解析 HTML 并返回一个组件实例
+   * @param html 要解析的 HTML
+   * @param rootComponentLoader 文档根组件加载器
+   * @param textbus
+   */
+  readDocumentByHTML(t, i, e) {
+    const n = e.get(O).parseDoc(t, i);
+    if (n instanceof ot)
+      return n;
+    throw q("rootComponentLoader must return a component instance.");
+  }
+  /**
+   * 将组件数据解析到组件实例中
+   * @param data 要解析的 JSON 数据
+   * @param rootComponent 根组件
+   * @param textbus
+   */
+  readDocumentByComponentLiteral(t, i, e) {
+    return e.get(nt).createComponentByFactory(t, i);
+  }
+  async setup(t) {
+    const i = this.config.renderTo();
+    if (!(i instanceof HTMLElement))
+      throw q("view container is not a HTMLElement");
+    return i.append(this.workbench), await t.get(N).onReady, () => {
+      this.workbench.remove();
+    };
+  }
+  onAfterStartup(t) {
+    this.config.autoFocus && t.focus();
+  }
+  onDestroy(t) {
+    t.get(N).destroy(), t.get(P).destroy(), t.get(k).destroy();
+  }
+  static createLayout() {
+    const t = m("div", {
+      attrs: {
+        "data-textbus-view": K
+      },
+      styles: {
+        position: "absolute",
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0,
+        pointerEvents: "none"
+        // overflow: 'hidden'
+      }
+    }), i = m("div", {
+      styles: {
+        position: "absolute",
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0,
+        margin: "0 -2px",
+        zIndex: 1,
+        pointerEvents: "none",
+        overflow: "hidden"
+      },
+      children: [t]
+    });
+    return {
+      wrapper: m("div", {
+        attrs: {
+          "data-textbus-view": j
+        },
+        styles: {
+          display: "flex",
+          minHeight: "100%",
+          position: "relative",
+          flexDirection: "column"
+        },
+        children: [i]
+      }),
+      mask: t
+    };
+  }
+}
+export {
+  et as BrowserModule,
+  k as CollaborateCursor,
+  Lt as CollaborateSelectionAwarenessDelegate,
+  Ot as DomAdapter,
+  z as EDITOR_OPTIONS,
+  N as Input,
+  $ as MagicInput,
+  W as NativeInput,
+  O as Parser,
+  P as SelectionBridge,
+  j as VIEW_CONTAINER,
+  U as VIEW_DOCUMENT,
+  K as VIEW_MASK,
+  m as createElement,
+  B as getLayoutRectByRange,
+  V as isFirefox,
+  Q as isMac,
+  ht as isMobileBrowser,
+  tt as isSafari,
+  lt as isWindows
+};
+//# sourceMappingURL=index.esm.js.map