@textbus/platform-browser 5.2.1 → 5.2.3

package/dist/index.js

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