@textbus/platform-browser 5.2.1 → 5.2.3

package/dist/index.esm.js

@@ -1,105 +1,149 @@
-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;
+import { Slot, ContentType, Event, invokeListener, Adapter, NativeSelectionBridge, FocusManager, Component, Registry, makeError } from "@textbus/core";
+import { filter, fromEvent, Subject, delay, Subscription, distinctUntilChanged, merge, map, Observable } from "@tanbo/stream";
+import { InjectionToken, Injectable, Inject, Optional } from "@viewfly/core";
+function createElement(tagName, options = {}) {
+  const el = document.createElement(tagName);
+  if (options.classes) {
+    el.classList.add(...options.classes);
+  }
+  if (options.attrs) {
+    Object.keys(options.attrs).forEach((key) => {
+      el.setAttribute(key, options.attrs[key]);
+    });
+  }
+  if (options.props) {
+    Object.keys(options.props).forEach((key) => {
+      el[key] = options.props[key];
+    });
+  }
+  if (options.styles) {
+    Object.assign(el.style, options.styles);
+  }
+  if (options.children) {
+    options.children.filter((i) => i).forEach((item) => {
+      el.appendChild(item);
+    });
+  }
+  if (options.on) {
+    Object.keys(options.on).forEach((key) => {
+      el.addEventListener(key, options.on[key]);
+    });
+  }
+  return el;
 }
-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();
+function getLayoutRectByRange(range) {
+  let { startContainer, startOffset } = range;
+  if (startContainer.nodeType === Node.TEXT_NODE) {
+    if (startOffset > 0) {
+      return range.getBoundingClientRect();
+    }
+    const parentNode = startContainer.parentNode;
+    startOffset = Array.from(parentNode.childNodes).indexOf(startContainer);
+    startContainer = parentNode;
+  }
+  const beforeNode = startContainer.childNodes[startOffset - 1];
+  if (beforeNode) {
+    if (beforeNode.nodeType === Node.ELEMENT_NODE && beforeNode.nodeName.toLowerCase() !== "br") {
+      const rect2 = beforeNode.getBoundingClientRect();
       return {
-        left: c.right,
-        top: c.top,
-        width: s.collapsed ? 1 : c.width,
-        height: c.height
+        left: rect2.right,
+        top: rect2.top,
+        width: range.collapsed ? 1 : rect2.width,
+        height: rect2.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();
+    } else if (beforeNode.nodeType === Node.TEXT_NODE) {
+      const range2 = document.createRange();
+      range2.setStart(beforeNode, beforeNode.textContent.length);
+      range2.setEnd(beforeNode, beforeNode.textContent.length);
+      const rect2 = range2.getBoundingClientRect();
       return {
-        left: l.right,
-        top: l.top,
-        width: s.collapsed ? 1 : l.width,
-        height: l.height
+        left: rect2.right,
+        top: rect2.top,
+        width: range.collapsed ? 1 : rect2.width,
+        height: rect2.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();
+  const offsetNode = startContainer.childNodes[startOffset];
+  let isInsertBefore = false;
+  if (!offsetNode) {
+    const lastChild = startContainer.lastChild;
+    if (lastChild && lastChild.nodeType === Node.ELEMENT_NODE) {
+      const rect2 = lastChild.getBoundingClientRect();
       return {
-        left: l.right,
-        top: l.top,
-        width: s.collapsed ? 1 : l.width,
-        height: l.height
+        left: rect2.right,
+        top: rect2.top,
+        width: range.collapsed ? 1 : rect2.width,
+        height: rect2.height
       };
     }
   }
-  if (o) {
-    if (o.nodeType === Node.ELEMENT_NODE && o.nodeName.toLowerCase() !== "br") {
-      const c = o.getBoundingClientRect();
+  if (offsetNode) {
+    if (offsetNode.nodeType === Node.ELEMENT_NODE && offsetNode.nodeName.toLowerCase() !== "br") {
+      const rect2 = offsetNode.getBoundingClientRect();
       return {
-        left: c.left,
-        top: c.top,
-        width: s.collapsed ? 1 : c.width,
-        height: c.height
+        left: rect2.left,
+        top: rect2.top,
+        width: range.collapsed ? 1 : rect2.width,
+        height: rect2.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
+    isInsertBefore = true;
+  }
+  const span = startContainer.ownerDocument.createElement("span");
+  span.innerText = "​";
+  span.style.display = "inline-block";
+  if (isInsertBefore) {
+    startContainer.insertBefore(span, offsetNode);
+  } else {
+    startContainer.appendChild(span);
+  }
+  const rect = span.getBoundingClientRect();
+  startContainer.removeChild(span);
+  return {
+    left: rect.left,
+    top: rect.top,
+    width: range.collapsed ? 1 : rect.width,
+    height: rect.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 || []
+const isWindows = () => /win(dows|32|64)/i.test(navigator.userAgent);
+const isMac = () => /mac os/i.test(navigator.userAgent);
+const isSafari = () => /Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent);
+const isFirefox = () => /Firefox/.test(navigator.userAgent);
+const isMobileBrowser = () => /Android|iPhone|iPad/.test(navigator.userAgent);
+const EDITOR_OPTIONS = new InjectionToken("EDITOR_OPTIONS");
+const VIEW_CONTAINER = new InjectionToken("VIEW_CONTAINER");
+const VIEW_DOCUMENT = new InjectionToken("VIEW_DOCUMENT");
+const VIEW_MASK = new InjectionToken("VIEW_MASK");
+var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
+var __decorateClass$4 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = decorator(result) || result;
+  return result;
+};
+var __decorateParam$2 = (index, decorator) => (target, key) => decorator(target, key, index);
+let Parser = class {
+  constructor(options, textbus) {
+    this.textbus = textbus;
+    const componentLoaders = [
+      ...options.componentLoaders || []
     ];
-    this.componentLoaders = i, this.formatLoaders = e, this.attributeLoaders = o;
+    const formatLoaders = [
+      ...options.formatLoaders || []
+    ];
+    const attributeLoaders = [
+      ...options.attributeLoaders || []
+    ];
+    this.componentLoaders = componentLoaders;
+    this.formatLoaders = formatLoaders;
+    this.attributeLoaders = attributeLoaders;
   }
   textbus;
-  static parseHTML(s) {
-    return new DOMParser().parseFromString(s, "text/html").body;
+  static parseHTML(html) {
+    return new DOMParser().parseFromString(html, "text/html").body;
   }
   componentLoaders;
   formatLoaders;
@@ -109,12 +153,14 @@ let O = class {
    * @param html
    * @param rootComponentLoader
    */
-  parseDoc(s, t) {
-    const i = typeof s == "string" ? O.parseHTML(s) : s;
-    return t.read(
-      i,
+  parseDoc(html, rootComponentLoader) {
+    const element = typeof html === "string" ? Parser.parseHTML(html) : html;
+    return rootComponentLoader.read(
+      element,
       this.textbus,
-      (e, o, n = o) => this.readSlot(e, o, n)
+      (childSlot, slotRootElement, slotContentHostElement = slotRootElement) => {
+        return this.readSlot(childSlot, slotRootElement, slotContentHostElement);
+      }
     );
   }
   /**
@@ -122,102 +168,154 @@ let O = class {
    * @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(`
-`);
+  parse(html, rootSlot) {
+    const element = typeof html === "string" ? Parser.parseHTML(html) : html;
+    return this.readFormats(element, rootSlot);
+  }
+  readComponent(el, slot) {
+    if (el.nodeType === Node.ELEMENT_NODE) {
+      if (el.tagName === "BR") {
+        slot.insert("\n");
         return;
       }
-      const i = [...t.schema];
-      for (const e of this.componentLoaders)
-        if (e.match(s, i)) {
-          const o = e.read(
-            s,
+      const schema = [...slot.schema];
+      for (const t of this.componentLoaders) {
+        if (t.match(el, schema)) {
+          const result = t.read(
+            el,
             this.textbus,
-            (n, r, a = r) => this.readSlot(n, r, a)
+            (childSlot, slotRootElement, slotContentHostElement = slotRootElement) => {
+              return this.readSlot(childSlot, slotRootElement, slotContentHostElement);
+            }
           );
-          if (!o)
+          if (!result) {
             return;
-          if (o instanceof X) {
-            o.toDelta().forEach((n) => t.insert(n.insert, n.formats));
+          }
+          if (result instanceof Slot) {
+            result.toDelta().forEach((i) => slot.insert(i.insert, i.formats));
             return;
           }
-          t.insert(o);
+          slot.insert(result);
           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);
+      }
+      this.readFormats(el, slot);
+    } else if (el.nodeType === Node.TEXT_NODE) {
+      this.readText(slot, el);
+    }
+  }
+  readText(slot, el) {
+    const textContent = el.textContent;
+    if (/^\s*[\r\n\u200b]+\s*$/.test(textContent)) {
+      return;
+    }
+    slot.insert(textContent);
+  }
+  readFormats(el, slot) {
+    const formats = this.formatLoaders.filter((f) => {
+      return f.match(el);
+    }).map((f) => {
+      return f.read(el);
+    });
+    const startIndex = slot.index;
+    let startNode = el.firstChild;
+    while (startNode) {
+      this.readComponent(startNode, slot);
+      startNode = startNode.nextSibling;
+    }
+    const endIndex = slot.index;
+    this.applyFormats(slot, formats.map((i) => {
+      return {
+        formatter: i.formatter,
+        value: i.value,
+        startIndex,
+        endIndex
+      };
+    }));
+    slot.retain(endIndex);
+    return slot;
+  }
+  readSlot(childSlot, slotRootElement, slotContentElement) {
+    if (slotRootElement.nodeType === Node.ELEMENT_NODE) {
+      this.attributeLoaders.filter((a) => {
+        return a.match(slotRootElement);
+      }).forEach((a) => {
+        const r = a.read(slotRootElement);
+        childSlot.setAttribute(r.attribute, r.value);
+      });
+    }
+    if (slotContentElement.nodeType === Node.ELEMENT_NODE) {
+      this.readFormats(slotContentElement, childSlot);
+    } else {
+      this.readText(childSlot, slotContentElement);
+    }
+    return childSlot;
+  }
+  applyFormats(slot, formatItems) {
+    slot.background(() => {
+      formatItems.forEach((i) => {
+        slot.retain(i.startIndex);
+        slot.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))
+Parser = __decorateClass$4([
+  Injectable(),
+  __decorateParam$2(0, Inject(EDITOR_OPTIONS))
+], Parser);
+var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
+var __decorateClass$3 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = decorator(result) || result;
+  return result;
+};
+var __decorateParam$1 = (index, decorator) => (target, key) => decorator(target, key, index);
+let SelectionBridge = class {
+  constructor(config, textbus, controller, selection, rootComponentRef, input, scheduler, domAdapter) {
+    this.config = config;
+    this.selection = selection;
+    this.rootComponentRef = rootComponentRef;
+    this.input = input;
+    this.scheduler = scheduler;
+    this.domAdapter = domAdapter;
+    this.docContainer = textbus.get(VIEW_DOCUMENT);
+    this.onSelectionChange = this.selectionChangeEvent.asObservable().pipe(filter(() => {
+      return !controller.readonly;
+    }));
+    this.sub = this.onSelectionChange.subscribe((r) => {
+      if (r) {
+        input.focus(r, this.changeFromUser);
+      } else {
+        input.blur();
+      }
+    });
+    this.sub.add(
+      fromEvent(document, "focusin").subscribe((ev) => {
+        let target = ev.target;
+        if (/^(input|textarea|select)$/i.test(target.nodeName)) {
+          if (target.tagName.toLowerCase() === "input" && /^(range|date)$/.test(target.type)) {
             return;
-          this.ignoreSelectionChange = !0;
+          }
+          this.ignoreSelectionChange = true;
           return;
         }
-        if (!s.useContentEditable)
-          for (; l; ) {
-            if (l.contentEditable === "true") {
-              this.ignoreSelectionChange = !0;
+        if (!config.useContentEditable) {
+          while (target) {
+            if (target.contentEditable === "true") {
+              this.ignoreSelectionChange = true;
               return;
             }
-            l = l.parentNode;
+            target = target.parentNode;
           }
+        }
       })
-    ), this.sub.add(
-      f(document, "focusout").subscribe(() => {
-        this.ignoreSelectionChange = !1;
+    );
+    this.sub.add(
+      fromEvent(document, "focusout").subscribe(() => {
+        this.ignoreSelectionChange = false;
       })
     );
   }
@@ -229,141 +327,202 @@ let P = class {
   domAdapter;
   onSelectionChange;
   nativeSelection = document.getSelection();
-  syncSelectionFromNativeSelectionChange = !0;
-  selectionChangeEvent = new S();
+  syncSelectionFromNativeSelectionChange = true;
+  selectionChangeEvent = new Subject();
   subs = [];
   sub;
   connector = null;
-  ignoreSelectionChange = !1;
-  changeFromUser = !1;
+  ignoreSelectionChange = false;
+  changeFromUser = false;
   docContainer;
   cacheCaretPositionTimer;
   oldCaretPosition;
-  connect(s) {
-    this.disConnect(), this.connector = s, this.syncSelection(s), this.listen(s);
+  connect(connector) {
+    this.disConnect();
+    this.connector = connector;
+    this.syncSelection(connector);
+    this.listen(connector);
   }
   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
+    this.connector = null;
+    this.unListen();
+  }
+  getRect(location) {
+    const { focus, anchor } = this.getPositionByRange({
+      focusOffset: location.offset,
+      anchorOffset: location.offset,
+      focusSlot: location.slot,
+      anchorSlot: location.slot
     });
-    if (!t || !i)
+    if (!focus || !anchor) {
       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)
+    }
+    const nativeRange = document.createRange();
+    nativeRange.setStart(focus.node, focus.offset);
+    nativeRange.collapse();
+    return getLayoutRectByRange(nativeRange);
+  }
+  restore(abstractSelection, fromLocal) {
+    this.changeFromUser = fromLocal;
+    if (this.ignoreSelectionChange || !this.connector) {
       return;
-    if (this.unListen(), !s) {
-      this.nativeSelection.removeAllRanges(), this.selectionChangeEvent.next(null), this.listen(this.connector);
+    }
+    this.unListen();
+    if (!abstractSelection) {
+      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);
+    const { focus, anchor } = this.getPositionByRange(abstractSelection);
+    if (!focus || !anchor) {
+      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);
+    function tryOffset(position) {
+      if (!position.node) {
+        return;
+      }
+      if (position.node.nodeType === Node.TEXT_NODE) {
+        const len = position.node.textContent.length;
+        if (position.offset > len) {
+          position.offset = len;
+        }
+      } else if (position.node.nodeType === Node.ELEMENT_NODE) {
+        const len = position.node.childNodes.length;
+        if (position.offset > len) {
+          position.offset = len;
         }
       }
     }
     try {
-      o(i), o(e), this.nativeSelection.setBaseAndExtent(e.node, e.offset, i.node, i.offset);
-    } catch (r) {
+      tryOffset(focus);
+      tryOffset(anchor);
+      this.nativeSelection.setBaseAndExtent(anchor.node, anchor.offset, focus.node, focus.offset);
+    } catch (e) {
       setTimeout(() => {
-        throw r;
+        throw e;
       });
     }
     if (this.nativeSelection.rangeCount) {
-      const r = this.nativeSelection.getRangeAt(0);
-      this.selectionChangeEvent.next(r);
-    } else
+      const nativeRange = this.nativeSelection.getRangeAt(0);
+      this.selectionChangeEvent.next(nativeRange);
+    } else {
       this.selectionChangeEvent.next(null);
-    const n = () => {
-      this.connector && this.listen(this.connector);
+    }
+    const bind = () => {
+      if (this.connector) {
+        this.listen(this.connector);
+      }
     };
-    if (t) {
-      Promise.resolve().then(n);
+    if (fromLocal) {
+      Promise.resolve().then(bind);
       return;
     }
-    typeof requestIdleCallback == "function" ? requestIdleCallback(n) : setTimeout(n, 30);
+    if (typeof requestIdleCallback === "function") {
+      requestIdleCallback(bind);
+    } else {
+      setTimeout(bind, 30);
+    }
   }
   destroy() {
-    this.subs.forEach((s) => s.unsubscribe()), this.sub.unsubscribe();
+    this.subs.forEach((i) => i.unsubscribe());
+    this.sub.unsubscribe();
   }
-  getPositionByRange(s) {
-    let t, i;
+  getPositionByRange(abstractSelection) {
+    let focus;
+    let anchor;
     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
+      focus = this.findSelectedNodeAndOffset(abstractSelection.focusSlot, abstractSelection.focusOffset);
+      anchor = focus;
+      if (abstractSelection.anchorSlot !== abstractSelection.focusSlot || abstractSelection.anchorOffset !== abstractSelection.focusOffset) {
+        anchor = this.findSelectedNodeAndOffset(abstractSelection.anchorSlot, abstractSelection.anchorOffset);
+      }
+      return {
+        focus,
+        anchor
       };
-    } catch {
+    } catch (e) {
       return {
         focus: null,
         anchor: null
       };
     }
   }
-  getPreviousLinePositionByCurrent(s) {
-    return this.getLinePosition(s, !1);
+  getPreviousLinePositionByCurrent(position) {
+    return this.getLinePosition(position, false);
   }
-  getNextLinePositionByCurrent(s) {
-    return this.getLinePosition(s, !0);
+  getNextLinePositionByCurrent(position) {
+    return this.getLinePosition(position, true);
   }
-  getLinePosition(s, t) {
+  getLinePosition(currentPosition, toNext) {
     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(() => {
+    let p;
+    if (this.oldCaretPosition) {
+      p = toNext ? this.getNextLinePositionByOffset(currentPosition, this.oldCaretPosition.left) : this.getPreviousLinePositionByOffset(currentPosition, this.oldCaretPosition.left);
+    } else {
+      this.oldCaretPosition = this.getRect(currentPosition);
+      p = toNext ? this.getNextLinePositionByOffset(currentPosition, this.oldCaretPosition.left) : this.getPreviousLinePositionByOffset(currentPosition, this.oldCaretPosition.left);
+    }
+    this.cacheCaretPositionTimer = setTimeout(() => {
       this.oldCaretPosition = null;
-    }, 3e3), i;
+    }, 3e3);
+    return p;
   }
   /**
    * 获取选区向上移动一行的位置。
    * @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;
+  getPreviousLinePositionByOffset(currentPosition, startLeft) {
+    let isToPrevLine = false;
+    let loopCount = 0;
+    let minLeft = startLeft;
+    let focusSlot = currentPosition.slot;
+    let focusOffset = currentPosition.offset;
+    let minTop = this.getRect({
+      slot: focusSlot,
+      offset: focusOffset
+    }).top;
+    let position;
+    let oldPosition;
+    let oldLeft = 0;
+    while (true) {
+      loopCount++;
+      position = this.selection.getPreviousPositionByPosition(focusSlot, focusOffset);
+      focusSlot = position.slot;
+      focusOffset = position.offset;
+      const rect2 = this.getRect(position);
+      if (!isToPrevLine) {
+        if (rect2.left > minLeft || rect2.top + rect2.height <= minTop) {
+          isToPrevLine = true;
+        } else if (rect2.left === minLeft && rect2.top === minTop) {
+          return position;
+        }
+        minLeft = rect2.left;
+        minTop = rect2.top;
       }
-      if (i) {
-        if (h.left <= t)
-          return c;
-        if (l && h.left >= u)
-          return l;
-        u = h.left, l = c;
+      if (isToPrevLine) {
+        if (rect2.left <= startLeft) {
+          return position;
+        }
+        if (oldPosition) {
+          if (rect2.left >= oldLeft) {
+            return oldPosition;
+          }
+        }
+        oldLeft = rect2.left;
+        oldPosition = position;
       }
-      if (e > 1e4)
+      if (loopCount > 1e4) {
         break;
+      }
     }
-    return c || {
+    return position || {
       offset: 0,
-      slot: n
+      slot: focusSlot
     };
   }
   /**
@@ -371,242 +530,341 @@ let P = class {
    * @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
+  getNextLinePositionByOffset(currentPosition, startLeft) {
+    let isToNextLine = false;
+    let loopCount = 0;
+    let maxRight = startLeft;
+    let focusSlot = currentPosition.slot;
+    let focusOffset = currentPosition.offset;
+    const rect = this.getRect({
+      slot: focusSlot,
+      offset: focusOffset
     });
-    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;
+    let minTop = rect.top;
+    let oldPosition;
+    let oldLeft = 0;
+    while (true) {
+      loopCount++;
+      const position = this.selection.getNextPositionByPosition(focusSlot, focusOffset);
+      focusSlot = position.slot;
+      focusOffset = position.offset;
+      const rect2 = this.getRect(position);
+      if (!isToNextLine) {
+        if (rect2.left < maxRight || rect2.top >= minTop + rect.height) {
+          isToNextLine = true;
+        } else if (rect2.left === maxRight && rect2.top === minTop) {
+          return position;
+        }
+        maxRight = rect2.left;
+        minTop = rect2.top;
+        oldPosition = position;
       }
-      if (i) {
-        if (d.left > t || l && d.left <= u)
-          return l;
-        l = h, u = d.left;
+      if (isToNextLine) {
+        if (rect2.left > startLeft) {
+          return oldPosition;
+        }
+        if (oldPosition) {
+          if (rect2.left <= oldLeft) {
+            return oldPosition;
+          }
+        }
+        oldPosition = position;
+        oldLeft = rect2.left;
       }
-      if (e > 1e4)
+      if (loopCount > 1e4) {
         break;
+      }
     }
-    return l || {
-      offset: n.length,
-      slot: n
+    return oldPosition || {
+      offset: focusSlot.length,
+      slot: focusSlot
     };
   }
   unListen() {
-    this.subs.forEach((s) => s.unsubscribe()), this.subs = [];
+    this.subs.forEach((i) => i.unsubscribe());
+    this.subs = [];
   }
-  listen(s) {
+  listen(connector) {
     if (!this.config.useContentEditable) {
-      const i = this.nativeSelection;
+      const selection = this.nativeSelection;
       this.subs.push(
-        f(this.docContainer, "mousedown").subscribe((e) => {
-          this.ignoreSelectionChange || e.button === 2 || e.shiftKey || i.removeAllRanges();
+        fromEvent(this.docContainer, "mousedown").subscribe((ev) => {
+          if (this.ignoreSelectionChange || ev.button === 2) {
+            return;
+          }
+          if (!ev.shiftKey) {
+            selection.removeAllRanges();
+          }
         })
       );
     }
-    let t = !1;
+    let isUpdating = false;
     this.subs.push(
       this.scheduler.onDocChange.subscribe(() => {
-        t = !0;
+        isUpdating = true;
       }),
-      this.scheduler.onDocChanged.pipe(at()).subscribe(() => {
-        t = !1;
+      this.scheduler.onDocChanged.pipe(delay()).subscribe(() => {
+        isUpdating = false;
       }),
-      f(document, "selectionchange").subscribe(() => {
-        t || this.syncSelectionFromNativeSelectionChange && this.syncSelection(s);
+      fromEvent(document, "selectionchange").subscribe(() => {
+        if (isUpdating) {
+          return;
+        }
+        if (this.syncSelectionFromNativeSelectionChange) {
+          this.syncSelection(connector);
+        }
       })
     );
   }
-  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)
+  syncSelection(connector) {
+    const selection = this.nativeSelection;
+    this.changeFromUser = true;
+    if (this.ignoreSelectionChange || this.input.composition || selection.rangeCount === 0 || !this.docContainer.contains(selection.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)
+    }
+    const rawRange = selection.getRangeAt(0);
+    const nativeRange = rawRange.cloneRange();
+    const isFocusEnd = selection.focusNode === nativeRange.endContainer && selection.focusOffset === nativeRange.endOffset;
+    const isFocusStart = selection.focusNode === nativeRange.startContainer && selection.focusOffset === nativeRange.startOffset;
+    if (!this.docContainer.contains(selection.focusNode)) {
+      if (isFocusEnd) {
+        const nativeNode = this.domAdapter.getNativeNodeBySlot(this.rootComponentRef.component.slots.at(0));
+        if (!nativeNode) {
           return;
-        e.setEndAfter(c.lastChild);
+        }
+        nativeRange.setEndAfter(nativeNode.lastChild);
       } else {
-        const c = this.domAdapter.getNativeNodeBySlot(this.rootComponentRef.component.slots.at(-1));
-        if (!c)
+        const nativeNode = this.domAdapter.getNativeNodeBySlot(this.rootComponentRef.component.slots.at(-1));
+        if (!nativeNode) {
           return;
-        e.setStartBefore(c.firstChild);
+        }
+        nativeRange.setStartBefore(nativeNode.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
+    }
+    const startPosition = this.getCorrectedPosition(nativeRange.startContainer, nativeRange.startOffset, isFocusStart);
+    const endPosition = nativeRange.collapsed ? startPosition : this.getCorrectedPosition(nativeRange.endContainer, nativeRange.endOffset, isFocusEnd);
+    if ([Node.ELEMENT_NODE, Node.TEXT_NODE].includes(nativeRange.commonAncestorContainer?.nodeType) && startPosition && endPosition) {
+      const abstractSelection = connector.beforeChange(isFocusEnd ? {
+        anchorSlot: startPosition.slot,
+        anchorOffset: startPosition.offset,
+        focusSlot: endPosition.slot,
+        focusOffset: endPosition.offset
       } : {
-        focusSlot: r.slot,
-        focusOffset: r.offset,
-        anchorSlot: a.slot,
-        anchorOffset: a.offset
+        focusSlot: startPosition.slot,
+        focusOffset: startPosition.offset,
+        anchorSlot: endPosition.slot,
+        anchorOffset: endPosition.offset
       });
-      if (!c) {
-        this.selectionChangeEvent.next(null), s.setSelection(null);
+      if (!abstractSelection) {
+        this.selectionChangeEvent.next(null);
+        connector.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);
+      const { focus, anchor } = this.getPositionByRange(abstractSelection);
+      if (focus && anchor) {
+        let start = anchor;
+        let end = focus;
+        if (isFocusStart) {
+          start = focus;
+          end = anchor;
+        }
+        if (nativeRange.startContainer !== start.node || nativeRange.startOffset !== start.offset) {
+          nativeRange.setStart(start.node, start.offset);
+        }
+        if (nativeRange.endContainer !== end.node || nativeRange.endOffset !== end.offset) {
+          nativeRange.setEnd(end.node, end.offset);
+        }
+        connector.setSelection(abstractSelection);
+        if (selection.isCollapsed && (rawRange.startContainer !== start.node || rawRange.startOffset !== start.offset || rawRange.endContainer !== end.node || rawRange.endOffset !== end.offset)) {
+          rawRange.setStart(start.node, start.offset);
+          rawRange.setEnd(end.node, end.offset);
+        }
+        this.selectionChangeEvent.next(nativeRange);
+      } else {
+        connector.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);
+    connector.setSelection(null);
+  }
+  findSelectedNodeAndOffset(slot, offset) {
+    const prev = slot.getContentAtIndex(offset - 1);
+    const nodes = this.domAdapter.getNodesBySlot(slot);
+    if (prev) {
+      if (typeof prev !== "string") {
+        const nativeNode = this.domAdapter.getNativeNodeByComponent(prev);
         return {
-          node: n.parentNode,
-          offset: Array.from(n.parentNode.childNodes).indexOf(n) + 1
+          node: nativeNode.parentNode,
+          offset: Array.from(nativeNode.parentNode.childNodes).indexOf(nativeNode) + 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
-              };
+      } else if (prev === "\n") {
+        for (const node of nodes) {
+          if (node instanceof Text) {
+            continue;
+          }
+          if (node.nodeName === "BR") {
+            const position = this.domAdapter.getLocationByNativeNode(node);
+            if (position) {
+              if (position.endIndex === offset) {
+                const parentNode = node.parentNode;
+                return {
+                  node: parentNode,
+                  offset: Array.from(parentNode.childNodes).indexOf(node) + 1
+                };
+              }
             }
           }
+        }
       }
     }
-    const o = s.getContentAtIndex(t);
-    if (o && typeof o != "string") {
-      const n = this.domAdapter.getNativeNodeByComponent(o);
+    const current = slot.getContentAtIndex(offset);
+    if (current && typeof current !== "string") {
+      const nativeNode = this.domAdapter.getNativeNodeByComponent(current);
       return {
-        node: n.parentNode,
-        offset: Array.from(n.parentNode.childNodes).indexOf(n)
+        node: nativeNode.parentNode,
+        offset: Array.from(nativeNode.parentNode.childNodes).indexOf(nativeNode)
       };
     }
-    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)
-            };
+    for (const node of nodes) {
+      if (node instanceof Element) {
+        if (node.tagName === "BR") {
+          const position2 = this.domAdapter.getLocationByNativeNode(node);
+          if (position2) {
+            if (position2.startIndex === offset) {
+              const parentNode = node.parentNode;
+              return {
+                node: parentNode,
+                offset: Array.from(parentNode.childNodes).indexOf(node)
+              };
+            }
           }
         }
         continue;
       }
-      const r = this.domAdapter.getLocationByNativeNode(n);
-      if (r && t >= r.startIndex && t <= r.endIndex)
-        return {
-          node: n,
-          offset: t - r.startIndex
-        };
+      const position = this.domAdapter.getLocationByNativeNode(node);
+      if (position) {
+        if (offset >= position.startIndex && offset <= position.endIndex) {
+          return {
+            node,
+            offset: offset - position.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);
+  getCorrectedPosition(node, offset, toAfter, excludeNodes = []) {
+    excludeNodes.push(node);
+    if (node.nodeType === Node.ELEMENT_NODE) {
+      const containerPosition = this.domAdapter.getLocationByNativeNode(node);
+      const childNode = node.childNodes[offset];
+      if (childNode) {
+        const childPosition = this.domAdapter.getLocationByNativeNode(childNode);
+        if (childPosition) {
+          if (containerPosition) {
+            return {
+              slot: childPosition.slot,
+              offset: childPosition.startIndex
+            };
+          }
+          return this.findFocusNode(childNode, toAfter, excludeNodes);
+        }
+        return this.findFocusNode(childNode, toAfter, excludeNodes);
       }
-      const r = s.childNodes[t - 1];
-      if (r) {
-        const c = this.domAdapter.getLocationByNativeNode(r);
-        if (c && o)
+      const prevNode = node.childNodes[offset - 1];
+      if (prevNode) {
+        const prevPosition = this.domAdapter.getLocationByNativeNode(prevNode);
+        if (prevPosition && containerPosition) {
           return {
-            slot: c.slot,
-            offset: c.endIndex
+            slot: prevPosition.slot,
+            offset: prevPosition.endIndex
           };
+        }
       }
-      if (o)
+      if (containerPosition) {
         return {
-          slot: o.slot,
-          offset: o.endIndex
+          slot: containerPosition.slot,
+          offset: containerPosition.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)
+      }
+      const nextNode = toAfter ? node.nextSibling : node.previousSibling;
+      if (nextNode) {
+        return this.findFocusNode(nextNode, toAfter, excludeNodes);
+      }
+      return this.findFocusNodeByParent(node, toAfter, excludeNodes);
+    } else if (node.nodeType === Node.TEXT_NODE) {
+      const containerPosition = this.domAdapter.getLocationByNativeNode(node);
+      if (containerPosition) {
         return {
-          slot: o.slot,
-          offset: o.startIndex + t
+          slot: containerPosition.slot,
+          offset: containerPosition.startIndex + offset
         };
-      const n = i ? s.nextSibling : s.previousSibling;
-      return n ? this.findFocusNode(n, i, e) : this.findFocusNodeByParent(s, i, e);
+      }
+      const nextNode = toAfter ? node.nextSibling : node.previousSibling;
+      if (nextNode) {
+        return this.findFocusNode(nextNode, toAfter, excludeNodes);
+      }
+      return this.findFocusNodeByParent(node, toAfter, excludeNodes);
     }
     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);
+  findFocusNode(node, toAfter = false, excludeNodes = []) {
+    if (excludeNodes.includes(node)) {
+      const next = toAfter ? node.nextSibling : node.previousSibling;
+      if (next) {
+        return this.findFocusNode(next, toAfter, excludeNodes);
+      }
+      return this.findFocusNodeByParent(node, toAfter, excludeNodes);
     }
-    i.push(s);
-    const e = this.domAdapter.getLocationByNativeNode(s);
-    if (e)
+    excludeNodes.push(node);
+    const position = this.domAdapter.getLocationByNativeNode(node);
+    if (position) {
       return {
-        slot: e.slot,
-        offset: t ? e.startIndex : e.endIndex
+        slot: position.slot,
+        offset: toAfter ? position.startIndex : position.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));
+    }
+    const firstChild = toAfter ? node.firstChild : node.lastChild;
+    if (firstChild) {
+      return this.findFocusNode(firstChild, toAfter, excludeNodes);
+    }
+    const nextSibling = toAfter ? node.nextSibling : node.previousSibling;
+    if (nextSibling) {
+      return this.findFocusNode(nextSibling, toAfter, excludeNodes);
+    }
+    return this.findFocusNodeByParent(node, toAfter, excludeNodes);
+  }
+  findFocusNodeByParent(node, toAfter, excludeNodes) {
+    const parentNode = node.parentNode;
+    if (parentNode) {
+      const parentPosition = this.domAdapter.getLocationByNativeNode(parentNode);
+      if (parentPosition) {
+        return {
+          slot: parentPosition.slot,
+          offset: toAfter ? parentPosition.endIndex : parentPosition.startIndex
+        };
+      }
+      excludeNodes.push(node);
+      return this.findFocusNode(parentNode, toAfter, excludeNodes);
     }
     return null;
   }
 };
-P = gt([
-  F(),
-  mt(0, J(z))
-], P);
-class N {
+SelectionBridge = __decorateClass$3([
+  Injectable(),
+  __decorateParam$1(0, Inject(EDITOR_OPTIONS))
+], SelectionBridge);
+class Input {
 }
-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;
+var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
+var __decorateClass$2 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = decorator(result) || result;
+  return result;
 };
-const Ct = `
+const iframeHTML = `
 <!DOCTYPE html>
 <html>
 <head>
@@ -625,16 +883,21 @@ const Ct = `
 </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", {
+class ExperimentalCaret {
+  constructor(domRenderer, scheduler, editorMask) {
+    this.domRenderer = domRenderer;
+    this.scheduler = scheduler;
+    this.editorMask = editorMask;
+    this.onPositionChange = this.positionChangeEvent.pipe(distinctUntilChanged());
+    this.onStyleChange = this.styleChangeEvent.asObservable();
+    this.elementRef = createElement("div", {
       styles: {
         position: "absolute",
         width: "2px",
         pointerEvents: "none"
       },
       children: [
-        this.caret = m("span", {
+        this.caret = createElement("span", {
           styles: {
             width: "100%",
             height: "100%",
@@ -644,14 +907,16 @@ class xt {
           }
         })
       ]
-    }), this.subscription.add(
-      f(document, "mousedown").subscribe(() => {
-        this.flashing = !1;
+    });
+    this.subscription.add(
+      fromEvent(document, "mousedown").subscribe(() => {
+        this.flashing = false;
       }),
-      f(document, "mouseup").subscribe(() => {
-        this.flashing = !0;
+      fromEvent(document, "mouseup").subscribe(() => {
+        this.flashing = true;
       })
-    ), this.editorMask.appendChild(this.elementRef);
+    );
+    this.editorMask.appendChild(this.elementRef);
   }
   domRenderer;
   scheduler;
@@ -659,7 +924,7 @@ class xt {
   onPositionChange;
   onStyleChange;
   elementRef;
-  changeFromSelf = !1;
+  changeFromSelf = false;
   getLimit = function() {
     return {
       top: 0,
@@ -671,116 +936,191 @@ class xt {
   }
   timer = null;
   caret;
-  set display(t) {
-    this._display = t, this.caret.style.visibility = t ? "visible" : "hidden";
+  set display(v) {
+    this._display = v;
+    this.caret.style.visibility = v ? "visible" : "hidden";
   }
   get display() {
     return this._display;
   }
-  _display = !0;
-  flashing = !0;
-  subscription = new D();
-  positionChangeEvent = new S();
-  styleChangeEvent = new S();
+  _display = true;
+  flashing = true;
+  subscription = new Subscription();
+  positionChangeEvent = new Subject();
+  styleChangeEvent = new Subject();
   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);
+    if (this.oldRange) {
+      this.show(this.oldRange, false);
+    }
+  }
+  show(range, restart) {
+    this.oldRange = range;
+    if (restart || this.scheduler.lastChangesHasLocalUpdate) {
+      clearTimeout(this.timer);
+    }
+    this.updateCursorPosition(range);
+    if (range.collapsed) {
+      if (restart || this.scheduler.lastChangesHasLocalUpdate) {
+        this.display = true;
+        const toggleShowHide = () => {
+          this.display = !this.display || !this.flashing;
+          this.timer = setTimeout(toggleShowHide, 400);
         };
-        clearTimeout(this.timer), this.timer = setTimeout(e, 400);
+        clearTimeout(this.timer);
+        this.timer = setTimeout(toggleShowHide, 400);
       }
-    } else
-      this.display = !1, clearTimeout(this.timer);
+    } else {
+      this.display = false;
+      clearTimeout(this.timer);
+    }
   }
   hide() {
-    this.display = !1, clearTimeout(this.timer), this.positionChangeEvent.next(null);
+    this.display = false;
+    clearTimeout(this.timer);
+    this.positionChangeEvent.next(null);
   }
   destroy() {
-    clearTimeout(this.timer), this.subscription.unsubscribe();
+    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) {
+  updateCursorPosition(nativeRange) {
+    const startContainer = nativeRange.startContainer;
+    const node = startContainer.nodeType === Node.ELEMENT_NODE ? startContainer : startContainer.parentNode;
+    if (node?.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;
+    const compositionNode = this.domRenderer.compositionNode;
+    if (compositionNode) {
+      nativeRange = nativeRange.cloneRange();
+      nativeRange.selectNodeContents(compositionNode);
+      nativeRange.collapse();
+    }
+    const rect = getLayoutRectByRange(nativeRange);
+    const { fontSize, lineHeight, color, writingMode } = getComputedStyle(node);
+    let height;
+    if (isNaN(+lineHeight)) {
+      const f = parseFloat(lineHeight);
+      if (isNaN(f)) {
+        height = parseFloat(fontSize);
+      } else {
+        height = f;
       }
-      t = t.parentNode;
+    } else {
+      height = parseFloat(fontSize) * parseFloat(lineHeight);
+    }
+    const boxHeight = Math.max(Math.floor(Math.max(height, rect.height)), 12);
+    let rectTop = rect.top;
+    if (rect.height < height) {
+      rectTop -= (height - rect.height) / 2;
+    }
+    rectTop = Math.floor(rectTop);
+    const containerRect = this.editorMask.getBoundingClientRect();
+    const top = Math.floor(rectTop - containerRect.top);
+    const left = Math.floor(rect.left + rect.width / 2 - containerRect.left);
+    let rotate = 0;
+    if (nativeRange.collapsed) {
+      rotate = Math.round(Math.atan2(rect.width, rect.height) * 180 / Math.PI);
+      if (rotate !== 0) {
+        const hackEle = document.createElement("span");
+        hackEle.style.cssText = "display: inline-block; width: 10px; height: 10px; position: relative; contain: layout style size; writing-mode: inherit";
+        const pointEle = document.createElement("span");
+        pointEle.style.cssText = "position: absolute; left: 0; top: 0; width:0;height:0";
+        hackEle.append(pointEle);
+        node.append(hackEle);
+        const p1 = pointEle.getBoundingClientRect();
+        pointEle.style.right = "0";
+        pointEle.style.left = "";
+        const p2 = pointEle.getBoundingClientRect();
+        const x = p1.x - p2.x;
+        const y = p1.y - p2.y;
+        rotate = Math.atan2(y, x) * 180 / Math.PI;
+        hackEle.remove();
+      }
+    }
+    if (writingMode === "vertical-lr" || writingMode === "vertical-rl") {
+      rotate += 90;
+    }
+    Object.assign(this.elementRef.style, {
+      left: left + "px",
+      top: top + "px",
+      height: boxHeight + "px",
+      lineHeight: boxHeight + "px",
+      fontSize,
+      transform: `rotate(${rotate}deg)`
+    });
+    this.caret.style.backgroundColor = color === "rgba(0, 0, 0, 0)" ? "#000" : color;
+    this.styleChangeEvent.next({
+      height: boxHeight + "px",
+      lineHeight: boxHeight + "px",
+      fontSize
+    });
+    this.positionChangeEvent.next({
+      left,
+      top: rectTop,
+      height: boxHeight
+    });
+    if (this.changeFromSelf) {
+      this.changeFromSelf = false;
+      const selfRect = this.elementRef.getBoundingClientRect();
+      const scrollContainer = this.getScrollContainer(startContainer);
+      const scrollRect = scrollContainer === document.documentElement ? { top: 0, bottom: document.documentElement.clientHeight } : scrollContainer.getBoundingClientRect();
+      const limit = this.getLimit();
+      const top2 = Math.max(limit.top, scrollRect.top);
+      const bottom = Math.min(limit.bottom, scrollRect.bottom);
+      if (selfRect.top < top2) {
+        scrollContainer.scrollTop -= top2 - selfRect.top;
+      } else if (selfRect.bottom > bottom) {
+        scrollContainer.scrollTop += selfRect.bottom - bottom;
+      }
+    }
+  }
+  getScrollContainer(container) {
+    while (container) {
+      if (container instanceof Element) {
+        const styles = getComputedStyle(container);
+        if (styles.overflow !== "visible" || styles.overflowX !== "visible" || styles.overflowY !== "visible") {
+          return container;
+        }
+      }
+      container = container.parentNode;
     }
     return document.documentElement;
   }
 }
-let $ = class extends N {
+let MagicInput = class extends Input {
   // 有 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) => {
+  constructor(domAdapter, parser, keyboard, commander, selection, controller, scheduler, textbus) {
+    super();
+    this.domAdapter = domAdapter;
+    this.parser = parser;
+    this.keyboard = keyboard;
+    this.commander = commander;
+    this.selection = selection;
+    this.controller = controller;
+    this.scheduler = scheduler;
+    this.textbus = textbus;
+    this.caret = new ExperimentalCaret(this.domAdapter, this.scheduler, this.textbus.get(VIEW_MASK));
+    this.onReady = new Promise((resolve) => {
       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();
+        fromEvent(this.container, "load").subscribe(() => {
+          const doc = this.container.contentDocument;
+          doc.open();
+          doc.write(iframeHTML);
+          doc.close();
+          this.doc = doc;
+          this.init();
+          resolve();
         }),
-        n.onReadonlyStateChange.subscribe(() => {
-          n.readonly && this.blur();
+        controller.onReadonlyStateChange.subscribe(() => {
+          if (controller.readonly) {
+            this.blur();
+          }
         })
       );
-    }), this.caret.elementRef.append(this.container);
+    });
+    this.caret.elementRef.append(this.container);
   }
   domAdapter;
   parser;
@@ -790,186 +1130,320 @@ let $ = class extends N {
   controller;
   scheduler;
   textbus;
-  composition = !1;
+  composition = false;
   onReady;
   caret;
-  set disabled(s) {
-    this._disabled = s, s && this.textarea && (this.textarea.disabled = s);
+  set disabled(b) {
+    this._disabled = b;
+    if (b && this.textarea) {
+      this.textarea.disabled = b;
+    }
   }
   get disabled() {
     return this._disabled;
   }
-  isSafari = tt();
-  isFirefox = V();
-  isMac = Q();
-  isWindows = lt();
-  _disabled = !1;
+  isSafari = isSafari();
+  isFirefox = isFirefox();
+  isMac = isMac();
+  isWindows = isWindows();
+  _disabled = false;
   container = this.createEditableFrame();
-  subscription = new D();
+  subscription = new Subscription();
   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);
+  isFocus = false;
+  nativeFocus = false;
+  ignoreComposition = false;
+  focus(range, restart) {
+    if (!this.disabled) {
+      this.caret.show(range, restart);
+    }
+    if (this.controller.readonly) {
+      return;
+    }
+    if (!this.isFocus) {
+      this.textarea?.focus();
+      setTimeout(() => {
+        if (!this.nativeFocus && this.isFocus) {
+          this.reInit();
+        }
+      });
+    }
+    this.isFocus = true;
   }
   blur() {
-    this.caret.hide(), this.textarea?.blur(), this.isFocus = !1;
+    this.caret.hide();
+    this.textarea?.blur();
+    this.isFocus = false;
   }
   destroy() {
-    this.caret.destroy(), this.subscription.unsubscribe();
+    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(() => {
+  reInit(delay2 = false) {
+    this.subscription.unsubscribe();
+    this.textarea?.parentNode?.removeChild(this.textarea);
+    this.subscription = new Subscription();
+    this.init();
+    if (delay2) {
+      setTimeout(() => {
+        this.textarea?.focus();
+      });
+    } else {
       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();
+    const doc = this.doc;
+    const contentBody = doc.body;
+    const textarea = doc.createElement("textarea");
+    textarea.disabled = this.disabled;
+    contentBody.appendChild(textarea);
+    this.textarea = textarea;
+    this.subscription.add(
+      fromEvent(textarea, "blur").subscribe(() => {
+        this.isFocus = false;
+        this.nativeFocus = false;
+        this.caret.hide();
+        if (this.domAdapter.composition) {
+          const slot = this.domAdapter.composition.slot;
+          this.domAdapter.composition = null;
+          this.domAdapter.compositionNode = null;
+          slot.__changeMarker__.forceMarkDirtied();
         }
       }),
-      f(i, "focus").subscribe(() => {
-        this.nativeFocus = !0;
+      fromEvent(textarea, "focus").subscribe(() => {
+        this.nativeFocus = true;
       }),
-      this.caret.onStyleChange.subscribe((e) => {
-        Object.assign(i.style, e);
+      this.caret.onStyleChange.subscribe((style) => {
+        Object.assign(textarea.style, style);
       })
-    ), this.handleInput(i), this.handleShortcut(i), this.handleDefaultActions(i);
+    );
+    this.handleInput(textarea);
+    this.handleShortcut(textarea);
+    this.handleDefaultActions(textarea);
   }
-  handleDefaultActions(s) {
+  handleDefaultActions(textarea) {
     this.subscription.add(
-      f(V() ? s : document, "copy").subscribe((t) => {
-        this.copyHandler(t);
+      fromEvent(isFirefox() ? textarea : document, "copy").subscribe((ev) => {
+        this.copyHandler(ev);
       }),
-      f(s, "paste").subscribe((t) => {
-        this.pasteHandler(t);
+      fromEvent(textarea, "paste").subscribe((ev) => {
+        this.pasteHandler(ev);
       })
     );
   }
-  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);
+  copyHandler(ev) {
+    const selection = this.selection;
+    if (!selection.isSelected) {
+      return;
+    }
+    if (selection.startSlot === selection.endSlot && selection.endOffset - selection.startOffset === 1) {
+      const content = selection.startSlot.getContentAtIndex(selection.startOffset);
+      if (typeof content === "object") {
+        const clipboardData = ev.clipboardData;
+        const nativeSelection = document.getSelection();
+        const range = nativeSelection.getRangeAt(0);
+        const div = document.createElement("div");
+        const fragment = range.cloneContents();
+        div.append(fragment);
+        clipboardData.setData("text/html", div.innerHTML);
+        clipboardData.setData("text", div.innerText);
+        ev.preventDefault();
+      }
+    }
+  }
+  pasteHandler(ev) {
+    const text = ev.clipboardData.getData("Text");
+    const types = Array.from(ev.clipboardData.types || []);
+    const files = Array.from(ev.clipboardData.files);
+    if (types.every((type) => type === "Files") && files.length) {
+      Promise.all(files.filter((i) => {
+        return /image/i.test(i.type);
+      }).map((item) => {
+        const reader = new FileReader();
+        return new Promise((resolve) => {
+          reader.onload = (event) => {
+            resolve(event.target.result);
+          };
+          reader.readAsDataURL(item);
         });
-      })).then((n) => {
-        const r = n.map((a) => `<img src=${a}>`).join("");
-        this.paste(r, t);
-      }), s.preventDefault();
+      })).then((urls) => {
+        const html = urls.map((i) => {
+          return `<img src=${i}>`;
+        }).join("");
+        this.paste(html, text);
+      });
+      ev.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);
+    const div = this.doc.createElement("div");
+    div.style.cssText = "width:1px; height:10px; overflow: hidden; position: fixed; left: 50%; top: 50%; opacity:0";
+    div.contentEditable = "true";
+    this.doc.body.appendChild(div);
+    div.focus();
+    setTimeout(() => {
+      this.doc.body.removeChild(div);
+      div.style.cssText = "";
+      this.paste(div, text);
     });
   }
-  paste(s, t) {
-    const i = this.parser.parse(s, new X([
-      T.BlockComponent,
-      T.InlineComponent,
-      T.Text
+  paste(dom, text) {
+    const slot = this.parser.parse(dom, new Slot([
+      ContentType.BlockComponent,
+      ContentType.InlineComponent,
+      ContentType.Text
     ]));
-    this.commander.paste(i, t);
+    this.commander.paste(slot, text);
   }
-  handleShortcut(s) {
-    let t = !1, i = !1;
+  handleShortcut(textarea) {
+    let isWriting = false;
+    let isIgnore = false;
     this.subscription.add(
-      f(s, "compositionstart").subscribe(() => {
-        t = !0;
+      fromEvent(textarea, "compositionstart").subscribe(() => {
+        isWriting = true;
       }),
-      f(s, "compositionend").subscribe(() => {
-        t = !1;
+      fromEvent(textarea, "compositionend").subscribe(() => {
+        isWriting = false;
       }),
-      f(s, "beforeinput").subscribe((e) => {
-        this.ignoreComposition = !1, this.isSafari && e.inputType === "insertFromComposition" && (i = !0);
+      fromEvent(textarea, "beforeinput").subscribe((ev) => {
+        this.ignoreComposition = false;
+        if (this.isSafari) {
+          if (ev.inputType === "insertFromComposition") {
+            isIgnore = true;
+          }
+        }
       }),
-      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,
+      fromEvent(textarea, "keydown").pipe(filter(() => {
+        if (this.isSafari && isIgnore) {
+          isIgnore = false;
+          return false;
+        }
+        return !isWriting;
+      })).subscribe((ev) => {
+        this.ignoreComposition = false;
+        let key = ev.key;
+        const keys = ")!@#$%^Z&*(";
+        const b = key === "Process" && /Digit\d/.test(ev.code) && ev.shiftKey;
+        if (b) {
+          key = keys.charAt(+ev.code.substring(5));
+          ev.preventDefault();
+        }
+        this.caret.changeFromSelf = true;
+        const is = this.keyboard.execShortcut({
+          key,
+          altKey: ev.altKey,
+          shiftKey: ev.shiftKey,
+          modKey: this.isMac ? ev.metaKey : ev.ctrlKey,
           agent: {
-            key: e.key,
-            code: e.code,
-            keyCode: e.keyCode
+            key: ev.key,
+            code: ev.code,
+            keyCode: ev.keyCode
           }
-        }) ? (this.ignoreComposition = !0, e.preventDefault()) : this.caret.changeFromSelf = !1;
+        });
+        if (is) {
+          this.ignoreComposition = true;
+          ev.preventDefault();
+        } else {
+          this.caret.changeFromSelf = false;
+        }
       })
     );
   }
-  handleInput(s) {
-    let t = 0;
+  handleInput(textarea) {
+    let startIndex = 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
+      fromEvent(textarea, "compositionstart").pipe(filter(() => {
+        return !this.ignoreComposition;
+      })).subscribe(() => {
+        if (!this.selection.isCollapsed) {
+          this.caret.changeFromSelf = true;
+          this.commander.delete();
+        }
+        this.composition = true;
+        startIndex = this.selection.startOffset;
+        const startSlot = this.selection.startSlot;
+        const event = new Event(startSlot, {
+          index: startIndex
         });
-        v(e.parent, "onCompositionStart", o);
+        invokeListener(startSlot.parent, "onCompositionStart", event);
       }),
-      f(s, "compositionupdate").pipe(b(() => !this.ignoreComposition)).pipe(M((e, o) => e.data !== o.data)).subscribe((e) => {
-        if (e.data === " ")
+      fromEvent(textarea, "compositionupdate").pipe(filter(() => {
+        return !this.ignoreComposition;
+      })).pipe(distinctUntilChanged((prev, next) => {
+        return prev.data !== next.data;
+      })).subscribe((ev) => {
+        if (ev.data === " ") {
           return;
-        const o = this.selection.startSlot;
+        }
+        const startSlot = 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
+          slot: startSlot,
+          text: ev.data,
+          offset: ev.data.length,
+          index: startIndex
+        };
+        this.caret.changeFromSelf = true;
+        this.caret.refresh();
+        const event = new Event(startSlot, {
+          index: startIndex,
+          data: ev.data
         });
-        v(o.parent, "onCompositionUpdate", n), o.__changeMarker__.forceMarkDirtied();
+        invokeListener(startSlot.parent, "onCompositionUpdate", event);
+        startSlot.__changeMarker__.forceMarkDirtied();
       })
     );
-    let i = !1;
+    let isCompositionEnd = false;
     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)
+      merge(
+        fromEvent(textarea, "beforeinput").pipe(
+          filter((ev) => {
+            ev.preventDefault();
+            if (this.isFirefox && ev.inputType === "insertFromPaste") {
+              return false;
+            }
+            if (this.isSafari) {
+              isCompositionEnd = ev.inputType === "insertFromComposition";
+              return ev.inputType === "insertText" || ev.inputType === "insertFromComposition";
+            }
+            return !ev.isComposing && !!ev.data;
+          }),
+          map((ev) => {
+            return ev.data;
+          })
         ),
-        this.isSafari ? new G() : f(s, "compositionend").pipe(b(() => !this.ignoreComposition)).pipe(
-          L((e) => (i = !0, e.preventDefault(), s.value = "", e.data))
+        this.isSafari ? new Observable() : fromEvent(textarea, "compositionend").pipe(filter(() => {
+          return !this.ignoreComposition;
+        })).pipe(
+          map((ev) => {
+            isCompositionEnd = true;
+            ev.preventDefault();
+            textarea.value = "";
+            return ev.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);
+      ).subscribe((text) => {
+        this.composition = false;
+        this.domAdapter.composition = null;
+        if (text) {
+          this.caret.changeFromSelf = true;
+          this.commander.write(text);
+        } else {
+          this.selection.startSlot?.__changeMarker__.forceMarkDirtied();
+        }
+        if (isCompositionEnd) {
+          const startSlot = this.selection.startSlot;
+          if (startSlot) {
+            const event = new Event(startSlot, null);
+            invokeListener(startSlot.parent, "onCompositionEnd", event);
           }
         }
-        i = !1;
+        isCompositionEnd = false;
       })
     );
   }
   createEditableFrame() {
-    return m("iframe", {
+    return createElement("iframe", {
       attrs: {
         scrolling: "no"
       },
@@ -984,23 +1458,41 @@ let $ = class extends N {
     });
   }
 };
-$ = 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 {
+MagicInput = __decorateClass$2([
+  Injectable()
+], MagicInput);
+var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
+var __decorateClass$1 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = decorator(result) || result;
+  return result;
+};
+var __decorateParam = (index, decorator) => (target, key) => decorator(target, key, index);
+class CollaborateSelectionAwarenessDelegate {
 }
-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();
+let CollaborateCursor = class {
+  constructor(textbus, nativeSelection, scheduler, selection, awarenessDelegate) {
+    this.nativeSelection = nativeSelection;
+    this.scheduler = scheduler;
+    this.selection = selection;
+    this.awarenessDelegate = awarenessDelegate;
+    this.container = textbus.get(VIEW_CONTAINER);
+    this.canvasContainer.append(this.canvas);
+    this.host.append(this.canvasContainer, this.tooltips);
+    this.container.prepend(this.host);
+    this.subscription.add(this.onRectsChange.subscribe((rects) => {
+      for (const rect of rects) {
+        this.context.fillStyle = rect.color;
+        this.context.beginPath();
+        this.context.rect(rect.left, rect.top, rect.width, rect.height);
+        this.context.fill();
+        this.context.closePath();
+      }
+    }), fromEvent(window, "resize").subscribe(() => {
+      this.canvas.style.height = document.documentElement.clientHeight + "px";
+      this.refresh();
     }), this.scheduler.onDocChanged.subscribe(() => {
       this.refresh();
     }));
@@ -1009,7 +1501,7 @@ let k = class {
   scheduler;
   selection;
   awarenessDelegate;
-  host = m("div", {
+  host = createElement("div", {
     styles: {
       position: "absolute",
       left: 0,
@@ -1020,7 +1512,7 @@ let k = class {
       zIndex: 1
     }
   });
-  canvasContainer = m("div", {
+  canvasContainer = createElement("div", {
     styles: {
       position: "absolute",
       left: 0,
@@ -1030,7 +1522,7 @@ let k = class {
       overflow: "hidden"
     }
   });
-  canvas = m("canvas", {
+  canvas = createElement("canvas", {
     styles: {
       position: "absolute",
       opacity: 0.5,
@@ -1042,7 +1534,7 @@ let k = class {
     }
   });
   context = this.canvas.getContext("2d");
-  tooltips = m("div", {
+  tooltips = createElement("div", {
     styles: {
       position: "absolute",
       left: 0,
@@ -1054,8 +1546,8 @@ let k = class {
       zIndex: 10
     }
   });
-  onRectsChange = new S();
-  subscription = new D();
+  onRectsChange = new Subject();
+  subscription = new Subscription();
   selectionCursors = [];
   container;
   ratio = window.devicePixelRatio || 1;
@@ -1072,89 +1564,122 @@ let k = class {
    * 根据远程用户光标位置，绘制协作光标
    * @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)
+  draw(paths) {
+    this.selectionCursors = paths;
+    const containerRect = this.container.getBoundingClientRect();
+    this.canvas.style.top = containerRect.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 users = [];
+    paths.filter((i) => {
+      return i.selection.anchor.length && i.selection.focus.length;
+    }).forEach((item) => {
+      const anchorPaths = [...item.selection.anchor];
+      const focusPaths = [...item.selection.focus];
+      const anchorOffset = anchorPaths.pop();
+      const anchorSlot = this.selection.findSlotByPaths(anchorPaths);
+      const focusOffset = focusPaths.pop();
+      const focusSlot = this.selection.findSlotByPaths(focusPaths);
+      if (!anchorSlot || !focusSlot) {
         return;
-      const { focus: u, anchor: h } = this.nativeSelection.getPositionByRange({
-        focusOffset: c,
-        anchorOffset: r,
-        focusSlot: l,
-        anchorSlot: a
+      }
+      const { focus, anchor } = this.nativeSelection.getPositionByRange({
+        focusOffset,
+        anchorOffset,
+        focusSlot,
+        anchorSlot
       });
-      if (!u || !h)
+      if (!focus || !anchor) {
         return;
-      const d = document.createRange();
+      }
+      const nativeRange = document.createRange();
       try {
-        d.setStart(h.node, h.offset), d.setEnd(u.node, u.offset);
-      } catch {
+        nativeRange.setStart(anchor.node, anchor.offset);
+        nativeRange.setEnd(focus.node, focus.offset);
+      } catch (e) {
         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
+      if ((anchor.node !== focus.node || anchor.offset !== focus.offset) && nativeRange.collapsed) {
+        nativeRange.setStart(focus.node, focus.offset);
+        nativeRange.setEnd(anchor.node, anchor.offset);
+      }
+      let rects = false;
+      if (this.awarenessDelegate) {
+        rects = this.awarenessDelegate.getRects({
+          focusOffset,
+          anchorOffset,
+          focusSlot,
+          anchorSlot
+        }, nativeRange, item);
+      }
+      if (!rects) {
+        rects = nativeRange.getClientRects();
+      }
+      const selectionRects = [];
+      for (let i = rects.length - 1; i >= 0; i--) {
+        const rect2 = rects[i];
+        selectionRects.push({
+          color: item.color,
+          username: item.username,
+          left: rect2.left - containerRect.left,
+          top: rect2.top,
+          width: rect2.width,
+          height: rect2.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,
+      this.onRectsChange.next(selectionRects);
+      const cursorRange = nativeRange.cloneRange();
+      cursorRange.setStart(focus.node, focus.offset);
+      cursorRange.collapse(true);
+      const cursorRect = getLayoutRectByRange(cursorRange);
+      const rect = {
+        username: item.username,
+        color: item.color,
+        left: cursorRect.left - containerRect.left,
+        top: cursorRect.top - containerRect.top,
         width: 1,
-        height: C.height
+        height: cursorRect.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,
+      if (rect.left < 0 || rect.top < 0 || rect.left > containerRect.width) {
+        return;
+      }
+      users.push(rect);
+    });
+    this.drawUserCursor(users);
+  }
+  drawUserCursor(rects) {
+    for (let i = 0; i < rects.length; i++) {
+      const rect = rects[i];
+      const { cursor, userTip, anchor } = this.getUserCursor(i);
+      Object.assign(cursor.style, {
+        left: rect.left + "px",
+        top: rect.top + "px",
+        width: rect.width + "px",
+        height: rect.height + "px",
+        background: rect.color,
         display: "block"
-      }), n.style.background = i.color, o.innerText = i.username, o.style.background = i.color;
+      });
+      anchor.style.background = rect.color;
+      userTip.innerText = rect.username;
+      userTip.style.background = rect.color;
+    }
+    for (let i = rects.length; i < this.tooltips.children.length; i++) {
+      this.tooltips.removeChild(this.tooltips.children[i]);
     }
-    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];
+  getUserCursor(index) {
+    let child = this.tooltips.children[index];
+    if (child) {
+      const anchor2 = child.children[0];
       return {
-        cursor: t,
-        anchor: o,
-        userTip: o.children[0]
+        cursor: child,
+        anchor: anchor2,
+        userTip: anchor2.children[0]
       };
     }
-    const i = m("span", {
+    const userTip = createElement("span", {
       styles: {
         position: "absolute",
         left: "50%",
@@ -1169,7 +1694,8 @@ let k = class {
         padding: "3px 5px",
         pointerEvents: "none"
       }
-    }), e = m("span", {
+    });
+    const anchor = createElement("span", {
       styles: {
         position: "absolute",
         top: "-2px",
@@ -1180,53 +1706,61 @@ let k = class {
         pointerEvents: "auto",
         pointer: "cursor"
       },
-      children: [i]
+      children: [userTip]
     });
-    return t = m("span", {
+    child = createElement("span", {
       styles: {
         position: "absolute"
       },
       children: [
-        e
+        anchor
       ]
-    }), this.tooltips.append(t), {
-      cursor: t,
-      anchor: e,
-      userTip: i
+    });
+    this.tooltips.append(child);
+    return {
+      cursor: child,
+      anchor,
+      userTip
     };
   }
 };
-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;
+CollaborateCursor = __decorateClass$1([
+  Injectable(),
+  __decorateParam(4, Optional())
+], CollaborateCursor);
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = decorator(result) || result;
+  return result;
 };
-class Tt {
+class NativeCaret {
   onPositionChange;
-  set nativeRange(t) {
-    if (this._nativeRange = t, t) {
-      const i = t.cloneRange();
-      i.collapse(!0);
-      const e = B(i);
+  set nativeRange(range) {
+    this._nativeRange = range;
+    if (range) {
+      const r = range.cloneRange();
+      r.collapse(true);
+      const rect = getLayoutRectByRange(r);
       this.positionChangeEvent.next({
-        left: e.left,
-        top: e.top,
-        height: e.height
+        left: rect.left,
+        top: rect.top,
+        height: rect.height
       });
-    } else
+    } 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);
+      const range = this.nativeRange.cloneRange();
+      range.collapse(true);
+      return getLayoutRectByRange(range);
     }
     return {
       left: 0,
@@ -1237,24 +1771,39 @@ class Tt {
   }
   _nativeRange = null;
   subs = [];
-  positionChangeEvent = new S();
+  positionChangeEvent = new Subject();
   constructor() {
-    this.onPositionChange = this.positionChangeEvent.pipe(M());
+    this.onPositionChange = this.positionChangeEvent.pipe(distinctUntilChanged());
   }
   refresh() {
   }
   destroy() {
-    this.subs.forEach((t) => t.unsubscribe()), this.subs = [];
+    this.subs.forEach((i) => i.unsubscribe());
+    this.subs = [];
   }
 }
-let W = class extends N {
+let NativeInput = class extends Input {
   // 有 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";
+  constructor(textbus, parser, selection, keyboard, domAdapter, commander, controller) {
+    super();
+    this.parser = parser;
+    this.selection = selection;
+    this.keyboard = keyboard;
+    this.domAdapter = domAdapter;
+    this.commander = commander;
+    this.controller = controller;
+    this.documentView = textbus.get(VIEW_DOCUMENT);
+    if (!controller.readonly) {
+      this.documentView.contentEditable = "true";
+    }
+    this.subscription.add(
+      controller.onReadonlyStateChange.subscribe(() => {
+        this.documentView.contentEditable = controller.readonly ? "false" : "true";
       })
-    ), this.handleShortcut(this.documentView), this.handleInput(this.documentView), this.handleDefaultActions(this.documentView);
+    );
+    this.handleShortcut(this.documentView);
+    this.handleInput(this.documentView);
+    this.handleDefaultActions(this.documentView);
   }
   parser;
   selection;
@@ -1262,261 +1811,393 @@ let W = class extends N {
   domAdapter;
   commander;
   controller;
-  caret = new Tt();
-  composition = !1;
+  caret = new NativeCaret();
+  composition = false;
   // compositionState: CompositionState | null = null
   onReady = Promise.resolve();
-  set disabled(s) {
-    if (this._disabled = s, this.controller.readonly) {
+  set disabled(b) {
+    this._disabled = b;
+    if (this.controller.readonly) {
       this.documentView.contentEditable = "false";
       return;
     }
-    this.documentView.contentEditable = s ? "false" : "true";
+    this.documentView.contentEditable = b ? "false" : "true";
   }
   get disabled() {
     return this._disabled;
   }
-  _disabled = !1;
+  _disabled = false;
   documentView;
   nativeSelection = document.getSelection();
-  subscription = new D();
+  subscription = new Subscription();
   nativeRange = null;
-  isSafari = tt();
-  isMac = Q();
-  isMobileBrowser = ht();
-  ignoreComposition = !1;
-  focus(s) {
-    this.controller.readonly || (this.caret.nativeRange = s, this.nativeRange = s);
+  isSafari = isSafari();
+  isMac = isMac();
+  isMobileBrowser = isMobileBrowser();
+  ignoreComposition = false;
+  focus(nativeRange) {
+    if (this.controller.readonly) {
+      return;
+    }
+    this.caret.nativeRange = nativeRange;
+    this.nativeRange = nativeRange;
   }
   blur() {
-    if (this.nativeRange && this.nativeSelection.rangeCount > 0 && this.nativeSelection.getRangeAt(0) === this.nativeRange) {
-      this.nativeSelection.removeAllRanges(), this.nativeRange = null;
-      return;
+    if (this.nativeRange && this.nativeSelection.rangeCount > 0) {
+      const current = this.nativeSelection.getRangeAt(0);
+      if (current === this.nativeRange) {
+        this.nativeSelection.removeAllRanges();
+        this.nativeRange = null;
+        return;
+      }
     }
   }
   destroy() {
-    this.caret.destroy(), this.subscription.unsubscribe();
+    this.caret.destroy();
+    this.subscription.unsubscribe();
   }
-  handleDefaultActions(s) {
+  handleDefaultActions(textarea) {
     this.subscription.add(
-      f(V() ? s : document, "copy").subscribe((t) => {
-        this.copyHandler(t);
+      fromEvent(isFirefox() ? textarea : document, "copy").subscribe((ev) => {
+        this.copyHandler(ev);
       }),
-      f(s, "paste").subscribe((t) => {
-        this.pasteHandler(t);
+      fromEvent(textarea, "paste").subscribe((ev) => {
+        this.pasteHandler(ev);
       })
     );
   }
-  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);
+  copyHandler(ev) {
+    const selection = this.selection;
+    if (!selection.isSelected) {
+      return;
+    }
+    if (selection.startSlot === selection.endSlot && selection.endOffset - selection.startOffset === 1) {
+      const content = selection.startSlot.getContentAtIndex(selection.startOffset);
+      if (typeof content === "object") {
+        const clipboardData = ev.clipboardData;
+        const nativeSelection = document.getSelection();
+        const range = nativeSelection.getRangeAt(0);
+        const div = document.createElement("div");
+        const fragment = range.cloneContents();
+        div.append(fragment);
+        clipboardData.setData("text/html", div.innerHTML);
+        clipboardData.setData("text", div.innerText);
+        ev.preventDefault();
+      }
+    }
+  }
+  pasteHandler(ev) {
+    const text = ev.clipboardData.getData("Text");
+    const types = Array.from(ev.clipboardData.types || []);
+    const files = Array.from(ev.clipboardData.files);
+    if (types.every((type) => type === "Files") && files.length) {
+      Promise.all(files.filter((i) => {
+        return /image/i.test(i.type);
+      }).map((item) => {
+        const reader = new FileReader();
+        return new Promise((resolve) => {
+          reader.onload = (event) => {
+            resolve(event.target.result);
+          };
+          reader.readAsDataURL(item);
         });
-      })).then((n) => {
-        const r = n.map((a) => `<img src=${a}>`).join("");
-        this.paste(r, t);
-      }), s.preventDefault();
+      })).then((urls) => {
+        const html = urls.map((i) => {
+          return `<img src=${i}>`;
+        }).join("");
+        this.paste(html, text);
+      });
+      ev.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);
+    const div = document.createElement("div");
+    div.style.cssText = "width:1px; height:10px; overflow: hidden; position: fixed; left: 50%; top: 50%; opacity:0";
+    div.contentEditable = "true";
+    document.body.appendChild(div);
+    div.focus();
+    setTimeout(() => {
+      document.body.removeChild(div);
+      div.style.cssText = "";
+      this.paste(div, text);
     });
   }
-  paste(s, t) {
-    const i = this.parser.parse(s, new X([
-      T.BlockComponent,
-      T.InlineComponent,
-      T.Text
+  paste(dom, text) {
+    const slot = this.parser.parse(dom, new Slot([
+      ContentType.BlockComponent,
+      ContentType.InlineComponent,
+      ContentType.Text
     ]));
-    this.commander.paste(i, t);
+    this.commander.paste(slot, text);
   }
-  handleShortcut(s) {
-    let t = !1, i = !1;
+  handleShortcut(input) {
+    let isWriting = false;
+    let isIgnore = false;
     this.subscription.add(
-      f(s, "compositionstart").subscribe(() => {
-        t = !0;
+      fromEvent(input, "compositionstart").subscribe(() => {
+        isWriting = true;
       }),
-      f(s, "compositionend").subscribe(() => {
-        t = !1;
+      fromEvent(input, "compositionend").subscribe(() => {
+        isWriting = false;
       }),
-      f(s, "beforeinput").subscribe((e) => {
-        this.isSafari && e.inputType === "insertFromComposition" && (i = !0);
+      fromEvent(input, "beforeinput").subscribe((ev) => {
+        if (this.isSafari) {
+          if (ev.inputType === "insertFromComposition") {
+            isIgnore = true;
+          }
+        }
       }),
-      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,
+      fromEvent(input, "keydown").pipe(filter(() => {
+        if (this.isSafari && isIgnore) {
+          isIgnore = false;
+          return false;
+        }
+        return !isWriting;
+      })).subscribe((ev) => {
+        this.ignoreComposition = false;
+        let key = ev.key;
+        const keys = ")!@#$%^Z&*(";
+        const b = key === "Process" && /Digit\d/.test(ev.code) && ev.shiftKey;
+        if (b) {
+          key = keys.charAt(+ev.code.substring(5));
+          ev.preventDefault();
+        }
+        const is = this.keyboard.execShortcut({
+          key,
+          altKey: ev.altKey,
+          shiftKey: ev.shiftKey,
+          modKey: this.isMac ? ev.metaKey : ev.ctrlKey,
           agent: {
-            key: e.key,
-            keyCode: e.keyCode,
-            code: e.code
+            key: ev.key,
+            keyCode: ev.keyCode,
+            code: ev.code
           }
-        }) && (this.ignoreComposition = !0, e.preventDefault());
+        });
+        if (is) {
+          this.ignoreComposition = true;
+          ev.preventDefault();
+        }
       })
     );
   }
-  handleInput(s) {
-    this.isMobileBrowser ? this.handleMobileInput(s) : this.handlePCInput(s);
+  handleInput(input) {
+    if (this.isMobileBrowser) {
+      this.handleMobileInput(input);
+    } else {
+      this.handlePCInput(input);
+    }
   }
-  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
+  handleMobileInput(input) {
+    let isCompositionStart = true;
+    let startIndex;
+    const compositionStart = () => {
+      this.composition = true;
+      startIndex = this.selection.startOffset;
+      const startSlot = this.selection.startSlot;
+      const event = new Event(startSlot, {
+        index: startIndex
       });
-      v(r.parent, "onCompositionStart", a);
-    }, o = (r) => {
-      const a = this.selection.startSlot, c = new x(a, {
-        index: i,
-        data: r
+      invokeListener(startSlot.parent, "onCompositionStart", event);
+    };
+    const compositionUpdate = (data) => {
+      const startSlot = this.selection.startSlot;
+      const event = new Event(startSlot, {
+        index: startIndex,
+        data
       });
-      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);
+      invokeListener(startSlot.parent, "onCompositionUpdate", event);
+    };
+    const compositionEnd = (data) => {
+      this.composition = false;
+      if (data) {
+        this.commander.write(data);
+      }
+      const startSlot = this.selection.startSlot;
+      if (startSlot) {
+        const event = new Event(startSlot, null);
+        invokeListener(startSlot.parent, "onCompositionEnd", event);
       }
     };
     this.subscription.add(
-      f(s, "compositionstart").subscribe(() => {
-        e();
+      fromEvent(input, "compositionstart").subscribe(() => {
+        compositionStart();
       }),
-      f(s, "compositionupdate").subscribe((r) => {
-        o(r.data);
+      fromEvent(input, "compositionupdate").subscribe((ev) => {
+        compositionUpdate(ev.data);
       }),
-      f(s, "compositionend").subscribe((r) => {
-        n(r.data);
-        const a = this.nativeSelection.focusNode;
-        a instanceof Text && a.textContent === r.data && a.remove();
+      fromEvent(input, "compositionend").subscribe((ev) => {
+        compositionEnd(ev.data);
+        const startContainer = this.nativeSelection.focusNode;
+        if (startContainer instanceof Text && startContainer.textContent === ev.data) {
+          startContainer.remove();
+        }
       }),
-      f(s, "beforeinput").subscribe((r) => {
-        switch (r.inputType) {
+      fromEvent(input, "beforeinput").subscribe((ev) => {
+        switch (ev.inputType) {
           case "insertText":
-            r.data && (this.commander.write(r.data), r.preventDefault());
+            if (ev.data) {
+              this.commander.write(ev.data);
+              ev.preventDefault();
+            }
             break;
           case "insertCompositionText":
-            t ? (t = !1, e()) : o(r.data || "");
+            if (isCompositionStart) {
+              isCompositionStart = false;
+              compositionStart();
+            } else {
+              compositionUpdate(ev.data || "");
+            }
             break;
           case "deleteCompositionText":
-            this.composition = !1;
+            this.composition = false;
             break;
           case "deleteContentBackward": {
-            this.composition = !1;
-            const a = r.getTargetRanges()[0];
-            if (!a)
+            this.composition = false;
+            const range = ev.getTargetRanges()[0];
+            if (!range) {
               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());
+            }
+            const location = this.domAdapter.getLocationByNativeNode(range.startContainer);
+            const startSlot = this.selection.startSlot;
+            if (startSlot) {
+              this.selection.setBaseAndExtent(
+                startSlot,
+                location.startIndex + range.startOffset,
+                startSlot,
+                location.startIndex + range.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.composition = false;
+            const range = ev.getTargetRanges()[0];
+            const location = this.domAdapter.getLocationByNativeNode(range.startContainer);
+            const startSlot = 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);
+              startSlot,
+              location.startIndex + range.startOffset,
+              startSlot,
+              location.startIndex + range.endOffset
+            );
+            this.commander.delete();
+            const text = ev.dataTransfer?.getData("text") || ev.data || null;
+            if (text) {
+              this.commander.write(text);
+            }
             break;
           }
         }
       })
     );
   }
-  handlePCInput(s) {
-    let t = 0, i = !1;
+  handlePCInput(input) {
+    let startIndex = 0;
+    let isCompositionEnd = false;
     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
+      fromEvent(input, "compositionstart").pipe(filter(() => {
+        return !this.ignoreComposition;
+      })).subscribe(() => {
+        this.composition = true;
+        startIndex = this.selection.startOffset;
+        const startSlot = this.selection.startSlot;
+        const event = new Event(startSlot, {
+          index: startIndex
         });
-        v(e.parent, "onCompositionStart", o);
+        invokeListener(startSlot.parent, "onCompositionStart", event);
       }),
-      f(s, "compositionupdate").pipe(b(() => !this.ignoreComposition)).subscribe((e) => {
-        const o = this.selection.startSlot, n = new x(o, {
-          index: t,
-          data: e.data
+      fromEvent(input, "compositionupdate").pipe(filter(() => {
+        return !this.ignoreComposition;
+      })).subscribe((ev) => {
+        const startSlot = this.selection.startSlot;
+        const event = new Event(startSlot, {
+          index: startIndex,
+          data: ev.data
         });
-        v(o.parent, "onCompositionUpdate", n);
+        invokeListener(startSlot.parent, "onCompositionUpdate", event);
       }),
-      Z(
-        f(s, "beforeinput").pipe(
-          L((e) => {
-            if (e.preventDefault(), e.inputType === "insertCompositionText")
+      merge(
+        fromEvent(input, "beforeinput").pipe(
+          map((ev) => {
+            ev.preventDefault();
+            if (ev.inputType === "insertCompositionText") {
+              return null;
+            }
+            if (ev.inputType === "insertReplacementText") {
+              const range = ev.getTargetRanges()[0];
+              const location = this.domAdapter.getLocationByNativeNode(range.startContainer);
+              const startSlot = this.selection.startSlot;
+              this.selection.setBaseAndExtent(
+                startSlot,
+                location.startIndex + range.startOffset,
+                startSlot,
+                location.startIndex + range.endOffset
+              );
+              this.commander.delete();
+              return ev.dataTransfer?.getData("text") || ev.data || null;
+            }
+            isCompositionEnd = ev.inputType === "insertFromComposition";
+            if (isCompositionEnd && this.composition) {
               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;
+            if (this.isSafari) {
+              if (ev.inputType === "insertText" || isCompositionEnd) {
+                return ev.data;
+              }
+            }
+            if (!ev.isComposing && !!ev.data) {
+              return ev.data;
+            }
+            return null;
           }),
-          b((e) => e)
+          filter((text) => {
+            return text;
+          })
         ),
-        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;
+        this.isSafari ? new Observable() : fromEvent(input, "compositionend").pipe(filter(() => {
+          return !this.ignoreComposition;
+        })).pipe(
+          filter(() => {
+            return this.composition;
+          }),
+          map((ev) => {
+            isCompositionEnd = true;
+            ev.preventDefault();
+            return ev.data;
+          }),
+          filter(() => {
+            const b = this.ignoreComposition;
+            this.ignoreComposition = false;
+            return !b;
           })
         )
-      ).subscribe((e) => {
-        if (this.composition = !1, e) {
-          const o = this.nativeSelection.focusNode;
-          o instanceof Text && o.textContent === e && o.remove(), this.commander.write(e);
+      ).subscribe((text) => {
+        this.composition = false;
+        if (text) {
+          const startContainer = this.nativeSelection.focusNode;
+          if (startContainer instanceof Text && startContainer.textContent === text) {
+            startContainer.remove();
+          }
+          this.commander.write(text);
         }
-        if (i) {
-          const o = this.selection.startSlot;
-          if (o) {
-            const n = new x(o, null);
-            v(o.parent, "onCompositionEnd", n);
+        if (isCompositionEnd) {
+          const startSlot = this.selection.startSlot;
+          if (startSlot) {
+            const event = new Event(startSlot, null);
+            invokeListener(startSlot.parent, "onCompositionEnd", event);
           }
         }
-        i = !1;
+        isCompositionEnd = false;
       })
     );
   }
 };
-W = Nt([
-  F()
-], W);
-class Ot extends Y {
-  onViewUpdated = new S();
-  host = m("div", {
+NativeInput = __decorateClass([
+  Injectable()
+], NativeInput);
+class DomAdapter extends Adapter {
+  onViewUpdated = new Subject();
+  host = createElement("div", {
     styles: {
       cursor: "text",
       wordBreak: "break-all",
@@ -1525,71 +2206,82 @@ class Ot extends Y {
       outline: "none"
     },
     attrs: {
-      "data-textbus-view": U
+      "data-textbus-view": VIEW_DOCUMENT
     },
     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 = [
+const browserErrorFn = makeError("BrowserModule");
+class BrowserModule {
+  constructor(config) {
+    this.config = config;
+    const { mask, wrapper } = BrowserModule.createLayout();
+    wrapper.prepend(config.adapter.host);
+    if (config.minHeight) {
+      config.adapter.host.style.minHeight = config.minHeight;
+    }
+    this.providers = [
       {
-        provide: z,
-        useValue: t
+        provide: EDITOR_OPTIONS,
+        useValue: config
       },
       {
-        provide: j,
-        useValue: e
+        provide: VIEW_CONTAINER,
+        useValue: wrapper
       },
       {
-        provide: U,
-        useValue: t.adapter.host
+        provide: VIEW_DOCUMENT,
+        useValue: config.adapter.host
       },
       {
-        provide: K,
-        useValue: i
+        provide: VIEW_MASK,
+        useValue: mask
       },
       {
-        provide: st,
-        useExisting: P
+        provide: NativeSelectionBridge,
+        useExisting: SelectionBridge
       },
       {
-        provide: N,
-        useClass: t.useContentEditable ? W : $
+        provide: Input,
+        useClass: config.useContentEditable ? NativeInput : MagicInput
       },
       {
-        provide: Y,
-        useValue: t.adapter
+        provide: Adapter,
+        useValue: config.adapter
       },
       {
-        provide: Ot,
-        useValue: t.adapter
+        provide: DomAdapter,
+        useValue: config.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
+        provide: FocusManager,
+        useFactory: (input) => {
+          const focusEvent = new Subject();
+          const blurEvent = new Subject();
+          input.caret.onPositionChange.pipe(
+            map((p) => !!p),
+            distinctUntilChanged()
+          ).subscribe((b) => {
+            if (b) {
+              focusEvent.next();
+            } else {
+              blurEvent.next();
+            }
+          });
+          return {
+            onFocus: focusEvent,
+            onBlur: blurEvent
           };
         },
-        deps: [N]
+        deps: [Input]
       },
-      O,
-      P,
-      k
-    ], this.workbench = e;
+      Parser,
+      SelectionBridge,
+      CollaborateCursor
+    ];
+    this.workbench = wrapper;
   }
   config;
   providers;
@@ -1600,11 +2292,13 @@ class et {
    * @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.");
+  readDocumentByHTML(html, rootComponentLoader, textbus) {
+    const parser = textbus.get(Parser);
+    const doc = parser.parseDoc(html, rootComponentLoader);
+    if (doc instanceof Component) {
+      return doc;
+    }
+    throw browserErrorFn("rootComponentLoader must return a component instance.");
   }
   /**
    * 将组件数据解析到组件实例中
@@ -1612,27 +2306,35 @@ class et {
    * @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, () => {
+  readDocumentByComponentLiteral(data, rootComponent, textbus) {
+    const registry = textbus.get(Registry);
+    return registry.createComponentByFactory(data, rootComponent);
+  }
+  async setup(textbus) {
+    const host = this.config.renderTo();
+    if (!(host instanceof HTMLElement)) {
+      throw browserErrorFn("view container is not a HTMLElement");
+    }
+    host.append(this.workbench);
+    await textbus.get(Input).onReady;
+    return () => {
       this.workbench.remove();
     };
   }
-  onAfterStartup(t) {
-    this.config.autoFocus && t.focus();
+  onAfterStartup(textbus) {
+    if (this.config.autoFocus) {
+      textbus.focus();
+    }
   }
-  onDestroy(t) {
-    t.get(N).destroy(), t.get(P).destroy(), t.get(k).destroy();
+  onDestroy(textbus) {
+    textbus.get(Input).destroy();
+    textbus.get(SelectionBridge).destroy();
+    textbus.get(CollaborateCursor).destroy();
   }
   static createLayout() {
-    const t = m("div", {
+    const mask = createElement("div", {
       attrs: {
-        "data-textbus-view": K
+        "data-textbus-view": VIEW_MASK
       },
       styles: {
         position: "absolute",
@@ -1643,7 +2345,8 @@ class et {
         pointerEvents: "none"
         // overflow: 'hidden'
       }
-    }), i = m("div", {
+    });
+    const maskWrapper = createElement("div", {
       styles: {
         position: "absolute",
         left: 0,
@@ -1655,45 +2358,46 @@ class et {
         pointerEvents: "none",
         overflow: "hidden"
       },
-      children: [t]
+      children: [mask]
+    });
+    const wrapper = createElement("div", {
+      attrs: {
+        "data-textbus-view": VIEW_CONTAINER
+      },
+      styles: {
+        display: "flex",
+        minHeight: "100%",
+        position: "relative",
+        flexDirection: "column"
+      },
+      children: [maskWrapper]
     });
     return {
-      wrapper: m("div", {
-        attrs: {
-          "data-textbus-view": j
-        },
-        styles: {
-          display: "flex",
-          minHeight: "100%",
-          position: "relative",
-          flexDirection: "column"
-        },
-        children: [i]
-      }),
-      mask: t
+      wrapper,
+      mask
     };
   }
 }
 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
+  BrowserModule,
+  CollaborateCursor,
+  CollaborateSelectionAwarenessDelegate,
+  DomAdapter,
+  EDITOR_OPTIONS,
+  Input,
+  MagicInput,
+  NativeInput,
+  Parser,
+  SelectionBridge,
+  VIEW_CONTAINER,
+  VIEW_DOCUMENT,
+  VIEW_MASK,
+  createElement,
+  getLayoutRectByRange,
+  isFirefox,
+  isMac,
+  isMobileBrowser,
+  isSafari,
+  isWindows
 };
 //# sourceMappingURL=index.esm.js.map