@textbus/platform-browser 5.2.2 → 5.2.4

package/dist/index.js

@@ -1,22 +1,3397 @@
-"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=`
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>Textbus</title>
-  <style>
-    html {position: fixed; left:0; overflow: hidden}
-    html, body{height: 100%;width:100%}
-    body{margin:0; overflow: hidden}
-    textarea{width: 2000px;height: 100%;opacity: 0; padding: 0; outline: none; border: none; position: absolute; left:0; top:0;}
-  </style>
-</head>
-<body>
-</body>
-</html>
-`;class 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;
+'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 _array_like_to_array$2(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes$2(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array$2(arr);
+}
+function _iterable_to_array$2(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread$2() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array$2(arr) {
+    return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$2(arr) || _non_iterable_spread$2();
+}
+function _unsupported_iterable_to_array$2(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$2(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$2(o, minLen);
+}
+function createElement(tagName) {
+    var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    var el = document.createElement(tagName);
+    if (options.classes) {
+        var _el_classList;
+        (_el_classList = el.classList).add.apply(_el_classList, _to_consumable_array$2(options.classes));
+    }
+    if (options.attrs) {
+        Object.keys(options.attrs).forEach(function(key) {
+            el.setAttribute(key, options.attrs[key]);
+        });
+    }
+    if (options.props) {
+        Object.keys(options.props).forEach(function(key) {
+            el[key] = options.props[key];
+        });
+    }
+    if (options.styles) {
+        Object.assign(el.style, options.styles);
+    }
+    if (options.children) {
+        options.children.filter(function(i) {
+            return i;
+        }).forEach(function(item) {
+            el.appendChild(item);
+        });
+    }
+    if (options.on) {
+        Object.keys(options.on).forEach(function(key) {
+            el.addEventListener(key, options.on[key]);
+        });
+    }
+    return el;
+}
+function getLayoutRectByRange(range) {
+    var startContainer = range.startContainer, startOffset = range.startOffset;
+    if (startContainer.nodeType === Node.TEXT_NODE) {
+        if (startOffset > 0) {
+            return range.getBoundingClientRect();
+        }
+        var parentNode = startContainer.parentNode;
+        startOffset = Array.from(parentNode.childNodes).indexOf(startContainer);
+        startContainer = parentNode;
+    }
+    var beforeNode = startContainer.childNodes[startOffset - 1];
+    if (beforeNode) {
+        if (beforeNode.nodeType === Node.ELEMENT_NODE && beforeNode.nodeName.toLowerCase() !== 'br') {
+            var rect = beforeNode.getBoundingClientRect();
+            return {
+                left: rect.right,
+                top: rect.top,
+                width: range.collapsed ? 1 : rect.width,
+                height: rect.height
+            };
+        } else if (beforeNode.nodeType === Node.TEXT_NODE) {
+            var range2 = document.createRange();
+            range2.setStart(beforeNode, beforeNode.textContent.length);
+            range2.setEnd(beforeNode, beforeNode.textContent.length);
+            var rect1 = range2.getBoundingClientRect();
+            return {
+                left: rect1.right,
+                top: rect1.top,
+                width: range.collapsed ? 1 : rect1.width,
+                height: rect1.height
+            };
+        }
+    }
+    var offsetNode = startContainer.childNodes[startOffset];
+    var isInsertBefore = false;
+    if (!offsetNode) {
+        var lastChild = startContainer.lastChild;
+        if (lastChild && lastChild.nodeType === Node.ELEMENT_NODE) {
+            var 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') {
+            var rect3 = offsetNode.getBoundingClientRect();
+            return {
+                left: rect3.left,
+                top: rect3.top,
+                width: range.collapsed ? 1 : rect3.width,
+                height: rect3.height
+            };
+        }
+        isInsertBefore = true;
+    }
+    var span = startContainer.ownerDocument.createElement('span');
+    span.innerText = '\u200b';
+    span.style.display = 'inline-block';
+    if (isInsertBefore) {
+        startContainer.insertBefore(span, offsetNode);
+    } else {
+        startContainer.appendChild(span);
+    }
+    var rect4 = span.getBoundingClientRect();
+    startContainer.removeChild(span);
+    return {
+        left: rect4.left,
+        top: rect4.top,
+        width: range.collapsed ? 1 : rect4.width,
+        height: rect4.height
+    };
+}
+
+var isWindows = function isWindows() {
+    return /win(dows|32|64)/i.test(navigator.userAgent);
+};
+var isMac = function isMac() {
+    return /mac os/i.test(navigator.userAgent);
+};
+var isSafari = function isSafari() {
+    return /Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent);
+};
+var isFirefox = function isFirefox() {
+    return /Firefox/.test(navigator.userAgent);
+};
+var isMobileBrowser = function isMobileBrowser() {
+    return /Android|iPhone|iPad/.test(navigator.userAgent);
+};
+
+/**
+ * 编辑器可选项依赖注入 token
+ */ var EDITOR_OPTIONS = new core.InjectionToken('EDITOR_OPTIONS');
+/**
+ * 编辑器容器依赖注入 token
+ */ var VIEW_CONTAINER = new core.InjectionToken('VIEW_CONTAINER');
+/**
+ * 编辑器容器依赖注入 token
+ */ var VIEW_DOCUMENT = new core.InjectionToken('VIEW_DOCUMENT');
+/**
+ * 编辑器容器遮罩层 token
+ */ var VIEW_MASK = new core.InjectionToken('VIEW_MASK');
+
+function _array_like_to_array$1(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes$1(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array$1(arr);
+}
+function _class_call_check$7(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties$5(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class$5(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$5(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$5(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property$6(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _instanceof$4(left, right) {
+    "@swc/helpers - instanceof";
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+function _iterable_to_array$1(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread$1() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array$1(arr) {
+    return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$1(arr) || _non_iterable_spread$1();
+}
+function _unsupported_iterable_to_array$1(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$1(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1(o, minLen);
+}
+function _ts_decorate$4(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+function _ts_metadata$4(k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+}
+function _ts_param$2(paramIndex, decorator) {
+    return function(target, key) {
+        decorator(target, key, paramIndex);
+    };
+}
+exports.Parser = /*#__PURE__*/ function() {
+    function Parser(options, textbus) {
+        _class_call_check$7(this, Parser);
+        _define_property$6(this, "textbus", void 0);
+        _define_property$6(this, "componentLoaders", void 0);
+        _define_property$6(this, "formatLoaders", void 0);
+        _define_property$6(this, "attributeLoaders", void 0);
+        this.textbus = textbus;
+        var componentLoaders = _to_consumable_array$1(options.componentLoaders || []);
+        var formatLoaders = _to_consumable_array$1(options.formatLoaders || []);
+        var attributeLoaders = _to_consumable_array$1(options.attributeLoaders || []);
+        // options.imports?.forEach(i => {
+        //   componentLoaders.push(...(i.componentLoaders || []))
+        //   formatLoaders.push(...(i.formatLoaders || []))
+        // })
+        this.componentLoaders = componentLoaders;
+        this.formatLoaders = formatLoaders;
+        this.attributeLoaders = attributeLoaders;
+    }
+    _create_class$5(Parser, [
+        {
+            /**
+   * 使用指定的组件加载器解析一段 HTML 字符串或 DOM 元素
+   * @param html
+   * @param rootComponentLoader
+   */ key: "parseDoc",
+            value: function parseDoc(html, rootComponentLoader) {
+                var _this = this;
+                var element = typeof html === 'string' ? Parser.parseHTML(html) : html;
+                return rootComponentLoader.read(element, this.textbus, function(childSlot, slotRootElement) {
+                    var slotContentHostElement = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : slotRootElement;
+                    return _this.readSlot(childSlot, slotRootElement, slotContentHostElement);
+                });
+            }
+        },
+        {
+            /**
+   * 将一段 HTML 或 DOM 元素解析到指定插槽
+   * @param html
+   * @param rootSlot
+   */ key: "parse",
+            value: function parse(html, rootSlot) {
+                var element = typeof html === 'string' ? Parser.parseHTML(html) : html;
+                return this.readFormats(element, rootSlot);
+            }
+        },
+        {
+            key: "readComponent",
+            value: function readComponent(el, slot) {
+                if (el.nodeType === Node.ELEMENT_NODE) {
+                    if (el.tagName === 'BR') {
+                        slot.insert('\n');
+                        return;
+                    }
+                    var schema = _to_consumable_array$1(slot.schema);
+                    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                    try {
+                        for(var _iterator = this.componentLoaders[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                            var t = _step.value;
+                            if (t.match(el, schema)) {
+                                var _this = this;
+                                var result = t.read(el, this.textbus, function(childSlot, slotRootElement) {
+                                    var slotContentHostElement = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : slotRootElement;
+                                    return _this.readSlot(childSlot, slotRootElement, slotContentHostElement);
+                                });
+                                if (!result) {
+                                    return;
+                                }
+                                if (_instanceof$4(result, core$1.Slot)) {
+                                    result.toDelta().forEach(function(i) {
+                                        return slot.insert(i.insert, i.formats);
+                                    });
+                                    return;
+                                }
+                                slot.insert(result);
+                                return;
+                            }
+                        }
+                    } catch (err) {
+                        _didIteratorError = true;
+                        _iteratorError = err;
+                    } finally{
+                        try {
+                            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                _iterator.return();
+                            }
+                        } finally{
+                            if (_didIteratorError) {
+                                throw _iteratorError;
+                            }
+                        }
+                    }
+                    this.readFormats(el, slot);
+                } else if (el.nodeType === Node.TEXT_NODE) {
+                    this.readText(slot, el);
+                }
+            }
+        },
+        {
+            key: "readText",
+            value: function readText(slot, el) {
+                var textContent = el.textContent;
+                if (/^\s*[\r\n\u200b]+\s*$/.test(textContent)) {
+                    return;
+                }
+                slot.insert(textContent);
+            }
+        },
+        {
+            key: "readFormats",
+            value: function readFormats(el, slot) {
+                var formats = this.formatLoaders.filter(function(f) {
+                    return f.match(el);
+                }).map(function(f) {
+                    return f.read(el);
+                });
+                var startIndex = slot.index;
+                var startNode = el.firstChild;
+                while(startNode){
+                    this.readComponent(startNode, slot);
+                    startNode = startNode.nextSibling;
+                }
+                var endIndex = slot.index;
+                this.applyFormats(slot, formats.map(function(i) {
+                    return {
+                        formatter: i.formatter,
+                        value: i.value,
+                        startIndex: startIndex,
+                        endIndex: endIndex
+                    };
+                }));
+                slot.retain(endIndex);
+                return slot;
+            }
+        },
+        {
+            key: "readSlot",
+            value: function readSlot(childSlot, slotRootElement, slotContentElement) {
+                if (slotRootElement.nodeType === Node.ELEMENT_NODE) {
+                    this.attributeLoaders.filter(function(a) {
+                        return a.match(slotRootElement);
+                    }).forEach(function(a) {
+                        var 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;
+            }
+        },
+        {
+            key: "applyFormats",
+            value: function applyFormats(slot, formatItems) {
+                slot.background(function() {
+                    formatItems.forEach(function(i) {
+                        slot.retain(i.startIndex);
+                        slot.retain(i.endIndex - i.startIndex, i.formatter, i.value);
+                    });
+                });
+            }
+        }
+    ], [
+        {
+            key: "parseHTML",
+            value: function parseHTML(html) {
+                return new DOMParser().parseFromString(html, 'text/html').body;
+            }
+        }
+    ]);
+    return Parser;
+}();
+exports.Parser = _ts_decorate$4([
+    core.Injectable(),
+    _ts_param$2(0, core.Inject(EDITOR_OPTIONS)),
+    _ts_metadata$4("design:type", Function),
+    _ts_metadata$4("design:paramtypes", [
+        typeof ViewOptions === "undefined" ? Object : ViewOptions,
+        typeof core$1.Textbus === "undefined" ? Object : core$1.Textbus
+    ])
+], exports.Parser);
+
+function _class_call_check$6(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+var Input = function Input() {
+    _class_call_check$6(this, Input);
+};
+
+function _assert_this_initialized$2(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _call_super$2(_this, derived, args) {
+    derived = _get_prototype_of$2(derived);
+    return _possible_constructor_return$2(_this, _is_native_reflect_construct$2() ? Reflect.construct(derived, args || [], _get_prototype_of$2(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check$5(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _define_property$5(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _get_prototype_of$2(o) {
+    _get_prototype_of$2 = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of$2(o);
+}
+function _inherits$2(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of$2(subClass, superClass);
+}
+function _possible_constructor_return$2(self, call) {
+    if (call && (_type_of$2(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized$2(self);
+}
+function _set_prototype_of$2(o, p) {
+    _set_prototype_of$2 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of$2(o, p);
+}
+function _type_of$2(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _is_native_reflect_construct$2() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct$2 = function() {
+        return !!result;
+    })();
+}
+var DomAdapter = /*#__PURE__*/ function(Adapter) {
+    _inherits$2(DomAdapter, Adapter);
+    function DomAdapter() {
+        _class_call_check$5(this, DomAdapter);
+        var _this;
+        _this = _call_super$2(this, DomAdapter, arguments), _define_property$5(_this, "onViewUpdated", new stream.Subject()), _define_property$5(_this, "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)
+            }
+        }));
+        return _this;
+    }
+    return DomAdapter;
+}(core$1.Adapter);
+
+function _class_call_check$4(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties$4(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class$4(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$4(Constructor.prototype, protoProps);
+    return Constructor;
+}
+function _define_property$4(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _instanceof$3(left, right) {
+    "@swc/helpers - instanceof";
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+function _ts_decorate$3(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+function _ts_metadata$3(k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+}
+function _ts_param$1(paramIndex, decorator) {
+    return function(target, key) {
+        decorator(target, key, paramIndex);
+    };
+}
+exports.SelectionBridge = /*#__PURE__*/ function() {
+    function SelectionBridge(config, textbus, controller, selection, rootComponentRef, input, scheduler, domAdapter) {
+        var _this = this;
+        _class_call_check$4(this, SelectionBridge);
+        _define_property$4(this, "config", void 0);
+        _define_property$4(this, "selection", void 0);
+        _define_property$4(this, "rootComponentRef", void 0);
+        _define_property$4(this, "input", void 0);
+        _define_property$4(this, "scheduler", void 0);
+        _define_property$4(this, "domAdapter", void 0);
+        _define_property$4(this, "onSelectionChange", void 0);
+        _define_property$4(this, "nativeSelection", void 0);
+        _define_property$4(this, "syncSelectionFromNativeSelectionChange", void 0);
+        _define_property$4(this, "selectionChangeEvent", void 0);
+        _define_property$4(this, "subs", void 0);
+        _define_property$4(this, "sub", void 0);
+        _define_property$4(this, "connector", void 0);
+        _define_property$4(this, "ignoreSelectionChange", void 0);
+        _define_property$4(this, "changeFromUser", void 0);
+        _define_property$4(this, "docContainer", void 0);
+        _define_property$4(this, "cacheCaretPositionTimer", void 0);
+        _define_property$4(this, "oldCaretPosition", void 0);
+        this.config = config;
+        this.selection = selection;
+        this.rootComponentRef = rootComponentRef;
+        this.input = input;
+        this.scheduler = scheduler;
+        this.domAdapter = domAdapter;
+        this.nativeSelection = document.getSelection();
+        this.syncSelectionFromNativeSelectionChange = true;
+        this.selectionChangeEvent = new stream.Subject();
+        this.subs = [];
+        this.connector = null;
+        this.ignoreSelectionChange = false;
+        this.changeFromUser = false;
+        this.docContainer = textbus.get(VIEW_DOCUMENT);
+        this.onSelectionChange = this.selectionChangeEvent.asObservable().pipe(stream.filter(function() {
+            return !controller.readonly;
+        }));
+        this.sub = this.onSelectionChange.subscribe(function(r) {
+            if (r) {
+                input.focus(r, _this.changeFromUser);
+            } else {
+                input.blur();
+            }
+        });
+        this.sub.add(stream.fromEvent(document, 'focusin').subscribe(function(ev) {
+            var 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(function() {
+            _this.ignoreSelectionChange = false;
+        }));
+    }
+    _create_class$4(SelectionBridge, [
+        {
+            key: "connect",
+            value: function connect(connector) {
+                this.disConnect();
+                this.connector = connector;
+                this.syncSelection(connector);
+                this.listen(connector);
+            }
+        },
+        {
+            key: "disConnect",
+            value: function disConnect() {
+                this.connector = null;
+                this.unListen();
+            }
+        },
+        {
+            key: "getRect",
+            value: function getRect(location) {
+                var _this_getPositionByRange = this.getPositionByRange({
+                    focusOffset: location.offset,
+                    anchorOffset: location.offset,
+                    focusSlot: location.slot,
+                    anchorSlot: location.slot
+                }), focus = _this_getPositionByRange.focus, anchor = _this_getPositionByRange.anchor;
+                if (!focus || !anchor) {
+                    return null;
+                }
+                var nativeRange = document.createRange();
+                nativeRange.setStart(focus.node, focus.offset);
+                nativeRange.collapse();
+                return getLayoutRectByRange(nativeRange);
+            }
+        },
+        {
+            key: "restore",
+            value: function restore(abstractSelection, fromLocal) {
+                var _this = this;
+                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;
+                }
+                var _this_getPositionByRange = this.getPositionByRange(abstractSelection), focus = _this_getPositionByRange.focus, anchor = _this_getPositionByRange.anchor;
+                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) {
+                        var len = position.node.textContent.length;
+                        if (position.offset > len) {
+                            position.offset = len;
+                        }
+                    } else if (position.node.nodeType === Node.ELEMENT_NODE) {
+                        var len1 = position.node.childNodes.length;
+                        if (position.offset > len1) {
+                            position.offset = len1;
+                        }
+                    }
+                }
+                try {
+                    tryOffset(focus);
+                    tryOffset(anchor);
+                    this.nativeSelection.setBaseAndExtent(anchor.node, anchor.offset, focus.node, focus.offset);
+                } catch (e) {
+                    setTimeout(function() {
+                        throw e;
+                    });
+                }
+                if (this.nativeSelection.rangeCount) {
+                    var nativeRange = this.nativeSelection.getRangeAt(0);
+                    this.selectionChangeEvent.next(nativeRange);
+                } else {
+                    this.selectionChangeEvent.next(null);
+                }
+                // hack start 浏览器会触发上面选区更改事件
+                var bind = function 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);
+                }
+            // hack end
+            }
+        },
+        {
+            key: "destroy",
+            value: function destroy() {
+                this.subs.forEach(function(i) {
+                    return i.unsubscribe();
+                });
+                this.sub.unsubscribe();
+            }
+        },
+        {
+            key: "getPositionByRange",
+            value: function getPositionByRange(abstractSelection) {
+                var focus;
+                var 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: focus,
+                        anchor: anchor
+                    };
+                } catch (e) {
+                    return {
+                        focus: null,
+                        anchor: null
+                    };
+                }
+            }
+        },
+        {
+            key: "getPreviousLinePositionByCurrent",
+            value: function getPreviousLinePositionByCurrent(position) {
+                return this.getLinePosition(position, false);
+            }
+        },
+        {
+            key: "getNextLinePositionByCurrent",
+            value: function getNextLinePositionByCurrent(position) {
+                return this.getLinePosition(position, true);
+            }
+        },
+        {
+            key: "getLinePosition",
+            value: function getLinePosition(currentPosition, toNext) {
+                var _this = this;
+                clearTimeout(this.cacheCaretPositionTimer);
+                var 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(function() {
+                    _this.oldCaretPosition = null;
+                }, 3000);
+                return p;
+            }
+        },
+        {
+            key: "getPreviousLinePositionByOffset",
+            value: /**
+   * 获取选区向上移动一行的位置。
+   * @param currentPosition
+   * @param startLeft 参考位置。
+   */ function getPreviousLinePositionByOffset(currentPosition, startLeft) {
+                var isToPrevLine = false;
+                var loopCount = 0;
+                var minLeft = startLeft;
+                var focusSlot = currentPosition.slot;
+                var focusOffset = currentPosition.offset;
+                var minTop = this.getRect({
+                    slot: focusSlot,
+                    offset: focusOffset
+                }).top;
+                var position;
+                var oldPosition;
+                var oldLeft = 0;
+                while(true){
+                    loopCount++;
+                    position = this.selection.getPreviousPositionByPosition(focusSlot, focusOffset);
+                    focusSlot = position.slot;
+                    focusOffset = position.offset;
+                    var 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;
+                    // oldPosition = position
+                    }
+                    if (isToPrevLine) {
+                        if (rect2.left <= startLeft) {
+                            return position;
+                        }
+                        if (oldPosition) {
+                            if (rect2.left >= oldLeft) {
+                                return oldPosition;
+                            }
+                        }
+                        oldLeft = rect2.left;
+                        oldPosition = position;
+                    }
+                    if (loopCount > 10000) {
+                        break;
+                    }
+                }
+                return position || {
+                    offset: 0,
+                    slot: focusSlot
+                };
+            }
+        },
+        {
+            key: "getNextLinePositionByOffset",
+            value: /**
+   * 获取选区向下移动一行的位置。
+   * @param currentPosition
+   * @param startLeft 参考位置。
+   */ function getNextLinePositionByOffset(currentPosition, startLeft) {
+                var isToNextLine = false;
+                var loopCount = 0;
+                var maxRight = startLeft;
+                var focusSlot = currentPosition.slot;
+                var focusOffset = currentPosition.offset;
+                var rect = this.getRect({
+                    slot: focusSlot,
+                    offset: focusOffset
+                });
+                var minTop = rect.top;
+                var oldPosition;
+                var oldLeft = 0;
+                while(true){
+                    loopCount++;
+                    var position = this.selection.getNextPositionByPosition(focusSlot, focusOffset);
+                    focusSlot = position.slot;
+                    focusOffset = position.offset;
+                    var 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 > 10000) {
+                        break;
+                    }
+                }
+                return oldPosition || {
+                    offset: focusSlot.length,
+                    slot: focusSlot
+                };
+            }
+        },
+        {
+            key: "unListen",
+            value: function unListen() {
+                this.subs.forEach(function(i) {
+                    return i.unsubscribe();
+                });
+                this.subs = [];
+            }
+        },
+        {
+            key: "listen",
+            value: function listen(connector) {
+                var _this = this;
+                if (!this.config.useContentEditable) {
+                    var selection = this.nativeSelection;
+                    this.subs.push(stream.fromEvent(this.docContainer, 'mousedown').subscribe(function(ev) {
+                        if (_this.ignoreSelectionChange || ev.button === 2) {
+                            return;
+                        }
+                        if (!ev.shiftKey) {
+                            selection.removeAllRanges();
+                        }
+                    }));
+                }
+                var isUpdating = false;
+                this.subs.push(this.scheduler.onDocChange.subscribe(function() {
+                    isUpdating = true;
+                }), this.scheduler.onDocChanged.pipe(stream.delay()).subscribe(function() {
+                    isUpdating = false;
+                }), stream.fromEvent(document, 'selectionchange').subscribe(function() {
+                    if (isUpdating) {
+                        return;
+                    }
+                    if (_this.syncSelectionFromNativeSelectionChange) {
+                        _this.syncSelection(connector);
+                    }
+                }));
+            }
+        },
+        {
+            key: "syncSelection",
+            value: function syncSelection(connector) {
+                var _nativeRange_commonAncestorContainer;
+                var 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;
+                }
+                var rawRange = selection.getRangeAt(0);
+                var nativeRange = rawRange.cloneRange();
+                var isFocusEnd = selection.focusNode === nativeRange.endContainer && selection.focusOffset === nativeRange.endOffset;
+                var isFocusStart = selection.focusNode === nativeRange.startContainer && selection.focusOffset === nativeRange.startOffset;
+                if (!this.docContainer.contains(selection.focusNode)) {
+                    if (isFocusEnd) {
+                        var nativeNode = this.domAdapter.getNativeNodeBySlot(this.rootComponentRef.component.slots.at(0));
+                        if (!nativeNode) {
+                            return;
+                        }
+                        nativeRange.setEndAfter(nativeNode.lastChild);
+                    } else {
+                        var nativeNode1 = this.domAdapter.getNativeNodeBySlot(this.rootComponentRef.component.slots.at(-1));
+                        if (!nativeNode1) {
+                            return;
+                        }
+                        nativeRange.setStartBefore(nativeNode1.firstChild);
+                    }
+                }
+                var startPosition = this.getCorrectedPosition(nativeRange.startContainer, nativeRange.startOffset, isFocusStart);
+                var endPosition = nativeRange.collapsed ? startPosition : this.getCorrectedPosition(nativeRange.endContainer, nativeRange.endOffset, isFocusEnd);
+                if ([
+                    Node.ELEMENT_NODE,
+                    Node.TEXT_NODE
+                ].includes((_nativeRange_commonAncestorContainer = nativeRange.commonAncestorContainer) === null || _nativeRange_commonAncestorContainer === void 0 ? void 0 : _nativeRange_commonAncestorContainer.nodeType) && startPosition && endPosition) {
+                    var 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;
+                    }
+                    var _this_getPositionByRange = this.getPositionByRange(abstractSelection), focus = _this_getPositionByRange.focus, anchor = _this_getPositionByRange.anchor;
+                    if (focus && anchor) {
+                        var start = anchor;
+                        var 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);
+            }
+        },
+        {
+            key: "findSelectedNodeAndOffset",
+            value: function findSelectedNodeAndOffset(slot, offset) {
+                var prev = slot.getContentAtIndex(offset - 1);
+                var nodes = this.domAdapter.getNodesBySlot(slot);
+                if (prev) {
+                    if (typeof prev !== 'string') {
+                        var nativeNode = this.domAdapter.getNativeNodeByComponent(prev);
+                        return {
+                            node: nativeNode.parentNode,
+                            offset: Array.from(nativeNode.parentNode.childNodes).indexOf(nativeNode) + 1
+                        };
+                    } else if (prev === '\n') {
+                        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                        try {
+                            for(var _iterator = nodes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                                var node = _step.value;
+                                if (_instanceof$3(node, Text)) {
+                                    continue;
+                                }
+                                if (node.nodeName === 'BR') {
+                                    var position = this.domAdapter.getLocationByNativeNode(node);
+                                    if (position) {
+                                        if (position.endIndex === offset) {
+                                            var parentNode = node.parentNode;
+                                            return {
+                                                node: parentNode,
+                                                offset: Array.from(parentNode.childNodes).indexOf(node) + 1
+                                            };
+                                        }
+                                    }
+                                }
+                            }
+                        } catch (err) {
+                            _didIteratorError = true;
+                            _iteratorError = err;
+                        } finally{
+                            try {
+                                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                    _iterator.return();
+                                }
+                            } finally{
+                                if (_didIteratorError) {
+                                    throw _iteratorError;
+                                }
+                            }
+                        }
+                    }
+                }
+                var current = slot.getContentAtIndex(offset);
+                if (current && typeof current !== 'string') {
+                    var nativeNode1 = this.domAdapter.getNativeNodeByComponent(current);
+                    return {
+                        node: nativeNode1.parentNode,
+                        offset: Array.from(nativeNode1.parentNode.childNodes).indexOf(nativeNode1)
+                    };
+                }
+                var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+                try {
+                    for(var _iterator1 = nodes[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+                        var node1 = _step1.value;
+                        if (_instanceof$3(node1, Element)) {
+                            if (node1.tagName === 'BR') {
+                                var position1 = this.domAdapter.getLocationByNativeNode(node1);
+                                if (position1) {
+                                    if (position1.startIndex === offset) {
+                                        var parentNode1 = node1.parentNode;
+                                        return {
+                                            node: parentNode1,
+                                            offset: Array.from(parentNode1.childNodes).indexOf(node1)
+                                        };
+                                    }
+                                }
+                            }
+                            continue;
+                        }
+                        var position2 = this.domAdapter.getLocationByNativeNode(node1);
+                        if (position2) {
+                            if (offset >= position2.startIndex && offset <= position2.endIndex) {
+                                return {
+                                    node: node1,
+                                    offset: offset - position2.startIndex
+                                };
+                            }
+                        }
+                    }
+                } catch (err) {
+                    _didIteratorError1 = true;
+                    _iteratorError1 = err;
+                } finally{
+                    try {
+                        if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                            _iterator1.return();
+                        }
+                    } finally{
+                        if (_didIteratorError1) {
+                            throw _iteratorError1;
+                        }
+                    }
+                }
+                return null;
+            }
+        },
+        {
+            key: "getCorrectedPosition",
+            value: function getCorrectedPosition(node, offset, toAfter) {
+                var excludeNodes = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [];
+                excludeNodes.push(node);
+                if (node.nodeType === Node.ELEMENT_NODE) {
+                    var containerPosition = this.domAdapter.getLocationByNativeNode(node);
+                    var childNode = node.childNodes[offset];
+                    if (childNode) {
+                        var 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);
+                    }
+                    var prevNode = node.childNodes[offset - 1];
+                    if (prevNode) {
+                        var prevPosition = this.domAdapter.getLocationByNativeNode(prevNode);
+                        if (prevPosition && containerPosition) {
+                            return {
+                                slot: prevPosition.slot,
+                                offset: prevPosition.endIndex
+                            };
+                        }
+                    }
+                    if (containerPosition) {
+                        return {
+                            slot: containerPosition.slot,
+                            offset: containerPosition.endIndex
+                        };
+                    }
+                    var 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) {
+                    var containerPosition1 = this.domAdapter.getLocationByNativeNode(node);
+                    if (containerPosition1) {
+                        return {
+                            slot: containerPosition1.slot,
+                            offset: containerPosition1.startIndex + offset
+                        };
+                    }
+                    var nextNode1 = toAfter ? node.nextSibling : node.previousSibling;
+                    if (nextNode1) {
+                        return this.findFocusNode(nextNode1, toAfter, excludeNodes);
+                    }
+                    return this.findFocusNodeByParent(node, toAfter, excludeNodes);
+                }
+                return null;
+            }
+        },
+        {
+            key: "findFocusNode",
+            value: function findFocusNode(node) {
+                var toAfter = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, excludeNodes = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
+                if (excludeNodes.includes(node)) {
+                    var next = toAfter ? node.nextSibling : node.previousSibling;
+                    if (next) {
+                        return this.findFocusNode(next, toAfter, excludeNodes);
+                    }
+                    return this.findFocusNodeByParent(node, toAfter, excludeNodes);
+                }
+                excludeNodes.push(node);
+                var position = this.domAdapter.getLocationByNativeNode(node);
+                if (position) {
+                    return {
+                        slot: position.slot,
+                        offset: toAfter ? position.startIndex : position.endIndex
+                    };
+                }
+                var firstChild = toAfter ? node.firstChild : node.lastChild;
+                if (firstChild) {
+                    return this.findFocusNode(firstChild, toAfter, excludeNodes);
+                }
+                var nextSibling = toAfter ? node.nextSibling : node.previousSibling;
+                if (nextSibling) {
+                    return this.findFocusNode(nextSibling, toAfter, excludeNodes);
+                }
+                return this.findFocusNodeByParent(node, toAfter, excludeNodes);
+            }
+        },
+        {
+            key: "findFocusNodeByParent",
+            value: function findFocusNodeByParent(node, toAfter, excludeNodes) {
+                var parentNode = node.parentNode;
+                if (parentNode) {
+                    var 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;
+            }
+        }
+    ]);
+    return SelectionBridge;
+}();
+exports.SelectionBridge = _ts_decorate$3([
+    core.Injectable(),
+    _ts_param$1(0, core.Inject(EDITOR_OPTIONS)),
+    _ts_metadata$3("design:type", Function),
+    _ts_metadata$3("design:paramtypes", [
+        typeof ViewOptions === "undefined" ? Object : ViewOptions,
+        typeof core$1.Textbus === "undefined" ? Object : core$1.Textbus,
+        typeof core$1.Controller === "undefined" ? Object : core$1.Controller,
+        typeof core$1.Selection === "undefined" ? Object : core$1.Selection,
+        typeof core$1.RootComponentRef === "undefined" ? Object : core$1.RootComponentRef,
+        typeof Input === "undefined" ? Object : Input,
+        typeof core$1.Scheduler === "undefined" ? Object : core$1.Scheduler,
+        typeof DomAdapter === "undefined" ? Object : DomAdapter
+    ])
+], exports.SelectionBridge);
+
+function _assert_this_initialized$1(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _call_super$1(_this, derived, args) {
+    derived = _get_prototype_of$1(derived);
+    return _possible_constructor_return$1(_this, _is_native_reflect_construct$1() ? Reflect.construct(derived, [], _get_prototype_of$1(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check$3(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties$3(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class$3(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$3(Constructor.prototype, protoProps);
+    return Constructor;
+}
+function _define_property$3(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _get_prototype_of$1(o) {
+    _get_prototype_of$1 = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of$1(o);
+}
+function _inherits$1(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of$1(subClass, superClass);
+}
+function _instanceof$2(left, right) {
+    "@swc/helpers - instanceof";
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+function _possible_constructor_return$1(self, call) {
+    if (call && (_type_of$1(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized$1(self);
+}
+function _set_prototype_of$1(o, p) {
+    _set_prototype_of$1 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of$1(o, p);
+}
+function _type_of$1(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _is_native_reflect_construct$1() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct$1 = function() {
+        return !!result;
+    })();
+}
+function _ts_decorate$2(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+function _ts_metadata$2(k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+}
+var iframeHTML = '\n<!DOCTYPE html>\n<html>\n<head>\n  <meta charset="UTF-8">\n  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">\n  <meta http-equiv="X-UA-Compatible" content="ie=edge">\n  <title>Textbus</title>\n  <style>\n    html {position: fixed; left:0; overflow: hidden}\n    html, body{height: 100%;width:100%}\n    body{margin:0; overflow: hidden}\n    textarea{width: 2000px;height: 100%;opacity: 0; padding: 0; outline: none; border: none; position: absolute; left:0; top:0;}\n  </style>\n</head>\n<body>\n</body>\n</html>\n';
+var ExperimentalCaret = /*#__PURE__*/ function() {
+    function ExperimentalCaret(domRenderer, scheduler, editorMask) {
+        var _this = this;
+        _class_call_check$3(this, ExperimentalCaret);
+        _define_property$3(this, "domRenderer", void 0);
+        _define_property$3(this, "scheduler", void 0);
+        _define_property$3(this, "editorMask", void 0);
+        _define_property$3(this, "onPositionChange", void 0);
+        _define_property$3(this, "onStyleChange", void 0);
+        _define_property$3(this, "elementRef", void 0);
+        _define_property$3(this, "changeFromSelf", void 0);
+        _define_property$3(this, "getLimit", void 0);
+        _define_property$3(this, "timer", void 0);
+        _define_property$3(this, "caret", void 0);
+        _define_property$3(this, "_display", void 0);
+        _define_property$3(this, "flashing", void 0);
+        _define_property$3(this, "subscription", void 0);
+        _define_property$3(this, "positionChangeEvent", void 0);
+        _define_property$3(this, "styleChangeEvent", void 0);
+        _define_property$3(this, "oldRange", void 0);
+        this.domRenderer = domRenderer;
+        this.scheduler = scheduler;
+        this.editorMask = editorMask;
+        this.changeFromSelf = false;
+        this.getLimit = function() {
+            return {
+                top: 0,
+                bottom: document.documentElement.clientHeight
+            };
+        };
+        this.timer = null;
+        this._display = true;
+        this.flashing = true;
+        this.subscription = new stream.Subscription();
+        this.positionChangeEvent = new stream.Subject();
+        this.styleChangeEvent = new stream.Subject();
+        this.oldRange = null;
+        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(function() {
+            _this.flashing = false;
+        }), stream.fromEvent(document, 'mouseup').subscribe(function() {
+            _this.flashing = true;
+        }));
+        this.editorMask.appendChild(this.elementRef);
+    }
+    _create_class$3(ExperimentalCaret, [
+        {
+            key: "rect",
+            get: function get() {
+                return this.caret.getBoundingClientRect();
+            }
+        },
+        {
+            key: "display",
+            get: function get() {
+                return this._display;
+            },
+            set: function set(v) {
+                this._display = v;
+                this.caret.style.visibility = v ? 'visible' : 'hidden';
+            }
+        },
+        {
+            key: "refresh",
+            value: function refresh() {
+                if (this.oldRange) {
+                    this.show(this.oldRange, false);
+                }
+            }
+        },
+        {
+            key: "show",
+            value: function show(range, restart) {
+                var _this = this;
+                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;
+                        var toggleShowHide = function toggleShowHide1() {
+                            _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);
+                }
+            }
+        },
+        {
+            key: "hide",
+            value: function hide() {
+                this.display = false;
+                clearTimeout(this.timer);
+                this.positionChangeEvent.next(null);
+            }
+        },
+        {
+            key: "destroy",
+            value: function destroy() {
+                clearTimeout(this.timer);
+                // this.caret.
+                this.subscription.unsubscribe();
+            }
+        },
+        {
+            key: "updateCursorPosition",
+            value: function updateCursorPosition(nativeRange) {
+                var startContainer = nativeRange.startContainer;
+                var node = startContainer.nodeType === Node.ELEMENT_NODE ? startContainer : startContainer.parentNode;
+                if ((node === null || node === void 0 ? void 0 : node.nodeType) !== Node.ELEMENT_NODE) {
+                    this.positionChangeEvent.next(null);
+                    return;
+                }
+                var compositionNode = this.domRenderer.compositionNode;
+                if (compositionNode) {
+                    nativeRange = nativeRange.cloneRange();
+                    nativeRange.selectNodeContents(compositionNode);
+                    nativeRange.collapse();
+                }
+                var rect = getLayoutRectByRange(nativeRange);
+                var _getComputedStyle = getComputedStyle(node), fontSize = _getComputedStyle.fontSize, lineHeight = _getComputedStyle.lineHeight, color = _getComputedStyle.color, writingMode = _getComputedStyle.writingMode;
+                var height;
+                if (isNaN(+lineHeight)) {
+                    var f = parseFloat(lineHeight);
+                    if (isNaN(f)) {
+                        height = parseFloat(fontSize);
+                    } else {
+                        height = f;
+                    }
+                } else {
+                    height = parseFloat(fontSize) * parseFloat(lineHeight);
+                }
+                var boxHeight = Math.max(Math.floor(Math.max(height, rect.height)), 12);
+                // const boxHeight = Math.floor(height)
+                var rectTop = rect.top;
+                if (rect.height < height) {
+                    rectTop -= (height - rect.height) / 2;
+                }
+                rectTop = Math.floor(rectTop);
+                var containerRect = this.editorMask.getBoundingClientRect();
+                var top = Math.floor(rectTop - containerRect.top);
+                var left = Math.floor(rect.left + rect.width / 2 - containerRect.left);
+                var rotate = 0;
+                if (nativeRange.collapsed) {
+                    rotate = Math.round(Math.atan2(rect.width, rect.height) * 180 / Math.PI);
+                    if (rotate !== 0) {
+                        var hackEle = document.createElement('span');
+                        // eslint-disable-next-line max-len
+                        hackEle.style.cssText = 'display: inline-block; width: 10px; height: 10px; position: relative; contain: layout style size; writing-mode: inherit';
+                        var pointEle = document.createElement('span');
+                        pointEle.style.cssText = 'position: absolute; left: 0; top: 0; width:0;height:0';
+                        hackEle.append(pointEle);
+                        node.append(hackEle);
+                        var p1 = pointEle.getBoundingClientRect();
+                        pointEle.style.right = '0';
+                        pointEle.style.left = '';
+                        var p2 = pointEle.getBoundingClientRect();
+                        var x = p1.x - p2.x;
+                        var 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: fontSize,
+                    transform: "rotate(".concat(rotate, "deg)")
+                });
+                this.caret.style.backgroundColor = color === 'rgba(0, 0, 0, 0)' ? '#000' : color;
+                this.styleChangeEvent.next({
+                    height: boxHeight + 'px',
+                    lineHeight: boxHeight + 'px',
+                    fontSize: fontSize
+                });
+                this.positionChangeEvent.next({
+                    left: left,
+                    top: rectTop,
+                    height: boxHeight
+                });
+                if (this.changeFromSelf) {
+                    this.changeFromSelf = false;
+                    var selfRect = this.elementRef.getBoundingClientRect();
+                    var scrollContainer = this.getScrollContainer(startContainer);
+                    var scrollRect = scrollContainer === document.documentElement ? {
+                        top: 0,
+                        bottom: document.documentElement.clientHeight
+                    } : scrollContainer.getBoundingClientRect();
+                    var limit = this.getLimit();
+                    var top1 = Math.max(limit.top, scrollRect.top);
+                    var bottom = Math.min(limit.bottom, scrollRect.bottom);
+                    if (selfRect.top < top1) {
+                        scrollContainer.scrollTop -= top1 - selfRect.top;
+                    } else if (selfRect.bottom > bottom) {
+                        scrollContainer.scrollTop += selfRect.bottom - bottom;
+                    }
+                }
+            }
+        },
+        {
+            key: "getScrollContainer",
+            value: function getScrollContainer(container) {
+                while(container){
+                    if (_instanceof$2(container, Element)) {
+                        var styles = getComputedStyle(container);
+                        if (styles.overflow !== 'visible' || styles.overflowX !== 'visible' || styles.overflowY !== 'visible') {
+                            return container;
+                        }
+                    }
+                    container = container.parentNode;
+                }
+                return document.documentElement;
+            }
+        }
+    ]);
+    return ExperimentalCaret;
+}();
+exports.MagicInput = /*#__PURE__*/ function(Input) {
+    _inherits$1(MagicInput, Input);
+    function MagicInput(domAdapter, parser, keyboard, commander, selection, controller, scheduler, textbus) {
+        _class_call_check$3(this, MagicInput);
+        var _this;
+        _this = _call_super$1(this, MagicInput), _define_property$3(_this, "domAdapter", void 0), _define_property$3(_this, "parser", void 0), _define_property$3(_this, "keyboard", void 0), _define_property$3(_this, "commander", void 0), _define_property$3(_this, "selection", void 0), _define_property$3(_this, "controller", void 0), _define_property$3(_this, "scheduler", void 0), _define_property$3(_this, "textbus", void 0), _define_property$3(_this, "composition", void 0), _define_property$3(_this, "onReady", void 0), _define_property$3(_this, "caret", void 0), _define_property$3(_this, "isSafari", void 0), _define_property$3(_this, "isFirefox", void 0), _define_property$3(_this, "isMac", void 0), _define_property$3(_this, "isWindows", void 0), _define_property$3(_this, "_disabled", void 0), _define_property$3(_this, "container", void 0), _define_property$3(_this, "subscription", void 0), _define_property$3(_this, "doc", void 0), _define_property$3(_this, "textarea", void 0), _define_property$3(_this, "isFocus", void 0), _define_property$3(_this, "nativeFocus", void 0), _define_property$3(_this, "ignoreComposition", void 0 // 有 bug 版本搜狗拼音
+        ), _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.composition = false, _this.isSafari = isSafari(), _this.isFirefox = isFirefox(), _this.isMac = isMac(), _this.isWindows = isWindows(), _this._disabled = false, _this.container = _this.createEditableFrame(), _this.subscription = new stream.Subscription(), _this.textarea = null, _this.isFocus = false, _this.nativeFocus = false, _this.ignoreComposition = false;
+        _this.caret = new ExperimentalCaret(_this.domAdapter, _this.scheduler, _this.textbus.get(VIEW_MASK));
+        _this.onReady = new Promise(function(resolve) {
+            _this.subscription.add(stream.fromEvent(_this.container, 'load').subscribe(function() {
+                var doc = _this.container.contentDocument;
+                doc.open();
+                doc.write(iframeHTML);
+                doc.close();
+                _this.doc = doc;
+                _this.init();
+                resolve();
+            }), controller.onReadonlyStateChange.subscribe(function() {
+                if (controller.readonly) {
+                    _this.blur();
+                }
+            }));
+        });
+        _this.caret.elementRef.append(_this.container);
+        return _this;
+    }
+    _create_class$3(MagicInput, [
+        {
+            key: "disabled",
+            get: function get() {
+                return this._disabled;
+            },
+            set: function set(b) {
+                this._disabled = b;
+                if (b && this.textarea) {
+                    this.textarea.disabled = b;
+                }
+            }
+        },
+        {
+            key: "focus",
+            value: function focus(range, restart) {
+                var _this = this;
+                if (!this.disabled) {
+                    this.caret.show(range, restart);
+                }
+                if (this.controller.readonly) {
+                    return;
+                }
+                if (!this.isFocus) {
+                    var _this_textarea;
+                    (_this_textarea = this.textarea) === null || _this_textarea === void 0 ? void 0 : _this_textarea.focus();
+                    setTimeout(function() {
+                        if (!_this.nativeFocus && _this.isFocus) {
+                            _this.reInit();
+                        }
+                    });
+                }
+                this.isFocus = true;
+            }
+        },
+        {
+            key: "blur",
+            value: function blur() {
+                var _this_textarea;
+                this.caret.hide();
+                (_this_textarea = this.textarea) === null || _this_textarea === void 0 ? void 0 : _this_textarea.blur();
+                this.isFocus = false;
+            }
+        },
+        {
+            key: "destroy",
+            value: function destroy() {
+                this.caret.destroy();
+                this.subscription.unsubscribe();
+            }
+        },
+        {
+            key: "reInit",
+            value: function reInit() {
+                var _this = this;
+                var delay = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+                var _this_textarea_parentNode, _this_textarea;
+                this.subscription.unsubscribe();
+                (_this_textarea = this.textarea) === null || _this_textarea === void 0 ? void 0 : (_this_textarea_parentNode = _this_textarea.parentNode) === null || _this_textarea_parentNode === void 0 ? void 0 : _this_textarea_parentNode.removeChild(this.textarea);
+                this.subscription = new stream.Subscription();
+                this.init();
+                if (delay) {
+                    setTimeout(function() {
+                        var _this_textarea;
+                        (_this_textarea = _this.textarea) === null || _this_textarea === void 0 ? void 0 : _this_textarea.focus();
+                    });
+                } else {
+                    var _this_textarea1;
+                    (_this_textarea1 = this.textarea) === null || _this_textarea1 === void 0 ? void 0 : _this_textarea1.focus();
+                }
+            }
+        },
+        {
+            key: "init",
+            value: function init() {
+                var _this = this;
+                var doc = this.doc;
+                var contentBody = doc.body;
+                var textarea = doc.createElement('textarea');
+                textarea.disabled = this.disabled;
+                contentBody.appendChild(textarea);
+                this.textarea = textarea;
+                this.subscription.add(stream.fromEvent(textarea, 'blur').subscribe(function() {
+                    // if (this.isFocus) {
+                    //   this.isFocus = false
+                    //   this.reInit(true)
+                    // }
+                    _this.isFocus = false;
+                    _this.nativeFocus = false;
+                    _this.caret.hide();
+                    if (_this.domAdapter.composition) {
+                        var slot = _this.domAdapter.composition.slot;
+                        _this.domAdapter.composition = null;
+                        _this.domAdapter.compositionNode = null;
+                        slot.__changeMarker__.forceMarkDirtied();
+                    }
+                }), stream.fromEvent(textarea, 'focus').subscribe(function() {
+                    _this.nativeFocus = true;
+                }), this.caret.onStyleChange.subscribe(function(style) {
+                    Object.assign(textarea.style, style);
+                }));
+                this.handleInput(textarea);
+                this.handleShortcut(textarea);
+                this.handleDefaultActions(textarea);
+            }
+        },
+        {
+            key: "handleDefaultActions",
+            value: function handleDefaultActions(textarea) {
+                var _this = this;
+                this.subscription.add(stream.fromEvent(isFirefox() ? textarea : document, 'copy').subscribe(function(ev) {
+                    _this.copyHandler(ev);
+                }), stream.fromEvent(textarea, 'paste').subscribe(function(ev) {
+                    _this.pasteHandler(ev);
+                }));
+            }
+        },
+        {
+            key: "copyHandler",
+            value: function copyHandler(ev) {
+                var selection = this.selection;
+                if (!selection.isSelected) {
+                    return;
+                }
+                if (selection.startSlot === selection.endSlot && selection.endOffset - selection.startOffset === 1) {
+                    var content = selection.startSlot.getContentAtIndex(selection.startOffset);
+                    if ((typeof content === "undefined" ? "undefined" : _type_of$1(content)) === 'object') {
+                        var clipboardData = ev.clipboardData;
+                        var nativeSelection = document.getSelection();
+                        var range = nativeSelection.getRangeAt(0);
+                        var div = document.createElement('div');
+                        var fragment = range.cloneContents();
+                        div.append(fragment);
+                        clipboardData.setData('text/html', div.innerHTML);
+                        clipboardData.setData('text', div.innerText);
+                        ev.preventDefault();
+                    }
+                }
+            }
+        },
+        {
+            key: "pasteHandler",
+            value: function pasteHandler(ev) {
+                var _this = this;
+                var text = ev.clipboardData.getData('Text');
+                var types = Array.from(ev.clipboardData.types || []);
+                var files = Array.from(ev.clipboardData.files);
+                if (types.every(function(type) {
+                    return type === 'Files';
+                }) && files.length) {
+                    Promise.all(files.filter(function(i) {
+                        return /image/i.test(i.type);
+                    }).map(function(item) {
+                        var reader = new FileReader();
+                        return new Promise(function(resolve) {
+                            reader.onload = function(event) {
+                                resolve(event.target.result);
+                            };
+                            reader.readAsDataURL(item);
+                        });
+                    })).then(function(urls) {
+                        var html = urls.map(function(i) {
+                            return "<img src=".concat(i, ">");
+                        }).join('');
+                        _this.paste(html, text);
+                    });
+                    ev.preventDefault();
+                    return;
+                }
+                var 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(function() {
+                    _this.doc.body.removeChild(div);
+                    div.style.cssText = '';
+                    _this.paste(div, text);
+                });
+            }
+        },
+        {
+            key: "paste",
+            value: function paste(dom, text) {
+                var 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);
+            }
+        },
+        {
+            key: "handleShortcut",
+            value: function handleShortcut(textarea) {
+                var _this = this;
+                var isWriting = false;
+                var isIgnore = false;
+                this.subscription.add(stream.fromEvent(textarea, 'compositionstart').subscribe(function() {
+                    isWriting = true;
+                }), stream.fromEvent(textarea, 'compositionend').subscribe(function() {
+                    isWriting = false;
+                }), stream.fromEvent(textarea, 'beforeinput').subscribe(function(ev) {
+                    _this.ignoreComposition = false;
+                    if (_this.isSafari) {
+                        if (ev.inputType === 'insertFromComposition') {
+                            isIgnore = true;
+                        }
+                    }
+                }), stream.fromEvent(textarea, 'keydown').pipe(stream.filter(function() {
+                    if (_this.isSafari && isIgnore) {
+                        isIgnore = false;
+                        return false;
+                    }
+                    return !isWriting // || !this.textarea.value
+                    ;
+                })).subscribe(function(ev) {
+                    _this.ignoreComposition = false;
+                    var key = ev.key;
+                    var keys = ')!@#$%^Z&*(';
+                    var b = key === 'Process' && /Digit\d/.test(ev.code) && ev.shiftKey;
+                    if (b) {
+                        // 大小写锁定为大写 + 全角 + shift + 数字键，还存在问题
+                        key = keys.charAt(+ev.code.substring(5));
+                        ev.preventDefault();
+                    }
+                    _this.caret.changeFromSelf = true;
+                    var is = _this.keyboard.execShortcut({
+                        key: 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;
+                    }
+                }));
+            }
+        },
+        {
+            key: "handleInput",
+            value: function handleInput(textarea) {
+                var _this = this;
+                var startIndex = 0;
+                this.subscription.add(stream.fromEvent(textarea, 'compositionstart').pipe(stream.filter(function() {
+                    return !_this.ignoreComposition;
+                })).subscribe(function() {
+                    if (!_this.selection.isCollapsed) {
+                        _this.caret.changeFromSelf = true;
+                        _this.commander.delete();
+                    }
+                    _this.composition = true;
+                    startIndex = _this.selection.startOffset;
+                    var startSlot = _this.selection.startSlot;
+                    var event = new core$1.Event(startSlot, {
+                        index: startIndex
+                    });
+                    core$1.invokeListener(startSlot.parent, 'onCompositionStart', event);
+                }), stream.fromEvent(textarea, 'compositionupdate').pipe(stream.filter(function() {
+                    return !_this.ignoreComposition;
+                })).pipe(stream.distinctUntilChanged(function(prev, next) {
+                    return prev.data !== next.data;
+                })).subscribe(function(ev) {
+                    if (ev.data === ' ') {
+                        // 处理搜狗五笔不符合 composition 事件预期，会意外跳光标的问题
+                        return;
+                    }
+                    var 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();
+                    var event = new core$1.Event(startSlot, {
+                        index: startIndex,
+                        data: ev.data
+                    });
+                    core$1.invokeListener(startSlot.parent, 'onCompositionUpdate', event);
+                    startSlot.__changeMarker__.forceMarkDirtied();
+                }));
+                var isCompositionEnd = false;
+                this.subscription.add(stream.merge(stream.fromEvent(textarea, 'beforeinput').pipe(stream.filter(function(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(function(ev) {
+                    return ev.data;
+                })), this.isSafari ? new stream.Observable() : stream.fromEvent(textarea, 'compositionend').pipe(stream.filter(function() {
+                    return !_this.ignoreComposition;
+                })).pipe(stream.map(function(ev) {
+                    isCompositionEnd = true;
+                    ev.preventDefault();
+                    textarea.value = '';
+                    return ev.data;
+                }))).subscribe(function(text) {
+                    _this.composition = false;
+                    _this.domAdapter.composition = null;
+                    if (text) {
+                        _this.caret.changeFromSelf = true;
+                        _this.commander.write(text);
+                    } else {
+                        var _this_selection_startSlot;
+                        (_this_selection_startSlot = _this.selection.startSlot) === null || _this_selection_startSlot === void 0 ? void 0 : _this_selection_startSlot.__changeMarker__.forceMarkDirtied();
+                    }
+                    if (isCompositionEnd) {
+                        var startSlot = _this.selection.startSlot;
+                        if (startSlot) {
+                            var event = new core$1.Event(startSlot, null);
+                            core$1.invokeListener(startSlot.parent, 'onCompositionEnd', event);
+                        }
+                    }
+                    isCompositionEnd = false;
+                }));
+            }
+        },
+        {
+            key: "createEditableFrame",
+            value: function createEditableFrame() {
+                return createElement('iframe', {
+                    attrs: {
+                        scrolling: 'no'
+                    },
+                    styles: {
+                        border: 'none',
+                        width: '100%',
+                        display: 'block',
+                        height: '100%',
+                        position: 'relative',
+                        top: this.isWindows ? '3px' : '0'
+                    }
+                });
+            }
+        }
+    ]);
+    return MagicInput;
+}(Input);
+exports.MagicInput = _ts_decorate$2([
+    core.Injectable(),
+    _ts_metadata$2("design:type", Function),
+    _ts_metadata$2("design:paramtypes", [
+        typeof DomAdapter === "undefined" ? Object : DomAdapter,
+        typeof exports.Parser === "undefined" ? Object : exports.Parser,
+        typeof core$1.Keyboard === "undefined" ? Object : core$1.Keyboard,
+        typeof core$1.Commander === "undefined" ? Object : core$1.Commander,
+        typeof core$1.Selection === "undefined" ? Object : core$1.Selection,
+        typeof core$1.Controller === "undefined" ? Object : core$1.Controller,
+        typeof core$1.Scheduler === "undefined" ? Object : core$1.Scheduler,
+        typeof core$1.Textbus === "undefined" ? Object : core$1.Textbus
+    ])
+], exports.MagicInput);
+
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _class_call_check$2(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties$2(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class$2(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$2(Constructor.prototype, protoProps);
+    return Constructor;
+}
+function _define_property$2(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _ts_decorate$1(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+function _ts_metadata$1(k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+}
+function _ts_param(paramIndex, decorator) {
+    return function(target, key) {
+        decorator(target, key, paramIndex);
+    };
+}
+/**
+ * 远程光标绘制范围计算代理类，可用于定制特定场景下的远程选区绘制，如表格有选区，不会遵守常见的文档流形式
+ */ var CollaborateSelectionAwarenessDelegate = function CollaborateSelectionAwarenessDelegate() {
+    _class_call_check$2(this, CollaborateSelectionAwarenessDelegate);
+};
+exports.CollaborateCursor = /*#__PURE__*/ function() {
+    function CollaborateCursor(textbus, nativeSelection, scheduler, selection, awarenessDelegate) {
+        var _this = this;
+        _class_call_check$2(this, CollaborateCursor);
+        _define_property$2(this, "nativeSelection", void 0);
+        _define_property$2(this, "scheduler", void 0);
+        _define_property$2(this, "selection", void 0);
+        _define_property$2(this, "awarenessDelegate", void 0);
+        _define_property$2(this, "host", void 0);
+        _define_property$2(this, "canvasContainer", void 0);
+        _define_property$2(this, "canvas", void 0);
+        _define_property$2(this, "context", void 0);
+        _define_property$2(this, "tooltips", void 0);
+        _define_property$2(this, "onRectsChange", void 0);
+        _define_property$2(this, "subscription", void 0);
+        _define_property$2(this, "selectionCursors", void 0);
+        _define_property$2(this, "container", void 0);
+        _define_property$2(this, "ratio", void 0);
+        this.nativeSelection = nativeSelection;
+        this.scheduler = scheduler;
+        this.selection = selection;
+        this.awarenessDelegate = awarenessDelegate;
+        this.host = createElement('div', {
+            styles: {
+                position: 'absolute',
+                left: 0,
+                top: 0,
+                width: '100%',
+                height: '100%',
+                pointerEvents: 'none',
+                zIndex: 1
+            }
+        });
+        this.canvasContainer = createElement('div', {
+            styles: {
+                position: 'absolute',
+                left: 0,
+                top: 0,
+                width: '100%',
+                height: '100%',
+                overflow: 'hidden'
+            }
+        });
+        this.canvas = createElement('canvas', {
+            styles: {
+                position: 'absolute',
+                opacity: 0.5,
+                left: 0,
+                top: 0,
+                width: '100%',
+                height: document.documentElement.clientHeight + 'px',
+                pointerEvents: 'none'
+            }
+        });
+        this.context = this.canvas.getContext('2d');
+        this.tooltips = createElement('div', {
+            styles: {
+                position: 'absolute',
+                left: 0,
+                top: 0,
+                width: '100%',
+                height: '100%',
+                pointerEvents: 'none',
+                fontSize: '12px',
+                zIndex: 10
+            }
+        });
+        this.onRectsChange = new stream.Subject();
+        this.subscription = new stream.Subscription();
+        this.selectionCursors = [];
+        this.ratio = window.devicePixelRatio || 1;
+        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(function(rects) {
+            var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+            try {
+                for(var _iterator = rects[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                    var rect = _step.value;
+                    _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();
+                }
+            } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+            } finally{
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+            }
+        }), stream.fromEvent(window, 'resize').subscribe(function() {
+            _this.canvas.style.height = document.documentElement.clientHeight + 'px';
+            _this.refresh();
+        }), this.scheduler.onDocChanged.subscribe(function() {
+            _this.refresh();
+        }));
+    }
+    _create_class$2(CollaborateCursor, [
+        {
+            /**
+   * 刷新协作光标，由于 Textbus 只会绘制可视区域的光标，当可视区域发生变化时，需要重新绘制
+   */ key: "refresh",
+            value: function refresh() {
+                this.draw(this.selectionCursors);
+            }
+        },
+        {
+            key: "destroy",
+            value: function destroy() {
+                this.subscription.unsubscribe();
+            }
+        },
+        {
+            /**
+   * 根据远程用户光标位置，绘制协作光标
+   * @param paths
+   */ key: "draw",
+            value: function draw(paths) {
+                var _this = this;
+                this.selectionCursors = paths;
+                var 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);
+                var users = [];
+                paths.filter(function(i) {
+                    return i.selection.anchor.length && i.selection.focus.length;
+                }).forEach(function(item) {
+                    var anchorPaths = _to_consumable_array(item.selection.anchor);
+                    var focusPaths = _to_consumable_array(item.selection.focus);
+                    var anchorOffset = anchorPaths.pop();
+                    var anchorSlot = _this.selection.findSlotByPaths(anchorPaths);
+                    var focusOffset = focusPaths.pop();
+                    var focusSlot = _this.selection.findSlotByPaths(focusPaths);
+                    if (!anchorSlot || !focusSlot) {
+                        return;
+                    }
+                    var _this_nativeSelection_getPositionByRange = _this.nativeSelection.getPositionByRange({
+                        focusOffset: focusOffset,
+                        anchorOffset: anchorOffset,
+                        focusSlot: focusSlot,
+                        anchorSlot: anchorSlot
+                    }), focus = _this_nativeSelection_getPositionByRange.focus, anchor = _this_nativeSelection_getPositionByRange.anchor;
+                    if (!focus || !anchor) {
+                        return;
+                    }
+                    var 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);
+                    }
+                    var rects = false;
+                    if (_this.awarenessDelegate) {
+                        rects = _this.awarenessDelegate.getRects({
+                            focusOffset: focusOffset,
+                            anchorOffset: anchorOffset,
+                            focusSlot: focusSlot,
+                            anchorSlot: anchorSlot
+                        }, nativeRange, item);
+                    }
+                    if (!rects) {
+                        rects = nativeRange.getClientRects();
+                    }
+                    var selectionRects = [];
+                    for(var i = rects.length - 1; i >= 0; i--){
+                        var rect = rects[i];
+                        selectionRects.push({
+                            color: item.color,
+                            username: item.username,
+                            left: rect.left - containerRect.left,
+                            top: rect.top,
+                            width: rect.width,
+                            height: rect.height
+                        });
+                    }
+                    _this.onRectsChange.next(selectionRects);
+                    var cursorRange = nativeRange.cloneRange();
+                    cursorRange.setStart(focus.node, focus.offset);
+                    cursorRange.collapse(true);
+                    var cursorRect = getLayoutRectByRange(cursorRange);
+                    var rect1 = {
+                        username: item.username,
+                        color: item.color,
+                        left: cursorRect.left - containerRect.left,
+                        top: cursorRect.top - containerRect.top,
+                        width: 1,
+                        height: cursorRect.height
+                    };
+                    if (rect1.left < 0 || rect1.top < 0 || rect1.left > containerRect.width) {
+                        return;
+                    }
+                    users.push(rect1);
+                });
+                this.drawUserCursor(users);
+            }
+        },
+        {
+            key: "drawUserCursor",
+            value: function drawUserCursor(rects) {
+                for(var i = 0; i < rects.length; i++){
+                    var rect = rects[i];
+                    var _this_getUserCursor = this.getUserCursor(i), cursor = _this_getUserCursor.cursor, userTip = _this_getUserCursor.userTip, anchor = _this_getUserCursor.anchor;
+                    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(var i1 = rects.length; i1 < this.tooltips.children.length; i1++){
+                    this.tooltips.removeChild(this.tooltips.children[i1]);
+                }
+            }
+        },
+        {
+            key: "getUserCursor",
+            value: function getUserCursor(index) {
+                var child = this.tooltips.children[index];
+                if (child) {
+                    var anchor = child.children[0];
+                    return {
+                        cursor: child,
+                        anchor: anchor,
+                        userTip: anchor.children[0]
+                    };
+                }
+                var 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'
+                    }
+                });
+                var anchor1 = 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: [
+                        anchor1
+                    ]
+                });
+                this.tooltips.append(child);
+                return {
+                    cursor: child,
+                    anchor: anchor1,
+                    userTip: userTip
+                };
+            }
+        }
+    ]);
+    return CollaborateCursor;
+}();
+exports.CollaborateCursor = _ts_decorate$1([
+    core.Injectable(),
+    _ts_param(4, core.Optional()),
+    _ts_metadata$1("design:type", Function),
+    _ts_metadata$1("design:paramtypes", [
+        typeof core$1.Textbus === "undefined" ? Object : core$1.Textbus,
+        typeof exports.SelectionBridge === "undefined" ? Object : exports.SelectionBridge,
+        typeof core$1.Scheduler === "undefined" ? Object : core$1.Scheduler,
+        typeof core$1.Selection === "undefined" ? Object : core$1.Selection,
+        typeof CollaborateSelectionAwarenessDelegate === "undefined" ? Object : CollaborateSelectionAwarenessDelegate
+    ])
+], exports.CollaborateCursor);
+
+function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check$1(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties$1(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class$1(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$1(Constructor.prototype, protoProps);
+    return Constructor;
+}
+function _define_property$1(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _instanceof$1(left, right) {
+    "@swc/helpers - instanceof";
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
+function _ts_decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+function _ts_metadata(k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+}
+var NativeCaret = /*#__PURE__*/ function() {
+    function NativeCaret() {
+        _class_call_check$1(this, NativeCaret);
+        _define_property$1(this, "onPositionChange", void 0);
+        _define_property$1(this, "_nativeRange", null);
+        _define_property$1(this, "subs", []);
+        _define_property$1(this, "positionChangeEvent", new stream.Subject());
+        this.onPositionChange = this.positionChangeEvent.pipe(stream.distinctUntilChanged());
+    }
+    _create_class$1(NativeCaret, [
+        {
+            key: "nativeRange",
+            get: function get() {
+                return this._nativeRange;
+            },
+            set: function set(range) {
+                this._nativeRange = range;
+                if (range) {
+                    var r = range.cloneRange();
+                    r.collapse(true);
+                    var rect = getLayoutRectByRange(r);
+                    this.positionChangeEvent.next({
+                        left: rect.left,
+                        top: rect.top,
+                        height: rect.height
+                    });
+                } else {
+                    this.positionChangeEvent.next(null);
+                }
+            }
+        },
+        {
+            key: "rect",
+            get: function get() {
+                if (this.nativeRange) {
+                    var range = this.nativeRange.cloneRange();
+                    range.collapse(true);
+                    return getLayoutRectByRange(range);
+                }
+                return {
+                    left: 0,
+                    top: 0,
+                    width: 0,
+                    height: 0
+                };
+            }
+        },
+        {
+            key: "refresh",
+            value: function refresh() {
+            //
+            }
+        },
+        {
+            key: "destroy",
+            value: function destroy() {
+                this.subs.forEach(function(i) {
+                    return i.unsubscribe();
+                });
+                this.subs = [];
+            }
+        }
+    ]);
+    return NativeCaret;
+}();
+exports.NativeInput = /*#__PURE__*/ function(Input) {
+    _inherits(NativeInput, Input);
+    function NativeInput(textbus, parser, selection, keyboard, domAdapter, commander, controller) {
+        _class_call_check$1(this, NativeInput);
+        var _this;
+        _this = _call_super(this, NativeInput), _define_property$1(_this, "parser", void 0), _define_property$1(_this, "selection", void 0), _define_property$1(_this, "keyboard", void 0), _define_property$1(_this, "domAdapter", void 0), _define_property$1(_this, "commander", void 0), _define_property$1(_this, "controller", void 0), _define_property$1(_this, "caret", void 0), _define_property$1(_this, "composition", void 0), // compositionState: CompositionState | null = null
+        _define_property$1(_this, "onReady", void 0), _define_property$1(_this, "_disabled", void 0), _define_property$1(_this, "documentView", void 0), _define_property$1(_this, "nativeSelection", void 0), _define_property$1(_this, "subscription", void 0), _define_property$1(_this, "nativeRange", void 0), _define_property$1(_this, "isSafari", void 0), _define_property$1(_this, "isMac", void 0), _define_property$1(_this, "isMobileBrowser", void 0), _define_property$1(_this, "ignoreComposition", void 0 // 有 bug 版本搜狗拼音
+        ), _this.parser = parser, _this.selection = selection, _this.keyboard = keyboard, _this.domAdapter = domAdapter, _this.commander = commander, _this.controller = controller, _this.caret = new NativeCaret(), _this.composition = false, _this.onReady = Promise.resolve(), _this._disabled = false, _this.nativeSelection = document.getSelection(), _this.subscription = new stream.Subscription(), _this.nativeRange = null, _this.isSafari = isSafari(), _this.isMac = isMac(), _this.isMobileBrowser = isMobileBrowser(), _this.ignoreComposition = false;
+        _this.documentView = textbus.get(VIEW_DOCUMENT);
+        if (!controller.readonly) {
+            _this.documentView.contentEditable = 'true';
+        }
+        _this.subscription.add(controller.onReadonlyStateChange.subscribe(function() {
+            _this.documentView.contentEditable = controller.readonly ? 'false' : 'true';
+        }));
+        _this.handleShortcut(_this.documentView);
+        _this.handleInput(_this.documentView);
+        _this.handleDefaultActions(_this.documentView);
+        return _this;
+    }
+    _create_class$1(NativeInput, [
+        {
+            key: "disabled",
+            get: function get() {
+                return this._disabled;
+            },
+            set: function set(b) {
+                this._disabled = b;
+                if (this.controller.readonly) {
+                    this.documentView.contentEditable = 'false';
+                    return;
+                }
+                this.documentView.contentEditable = b ? 'false' : 'true';
+            }
+        },
+        {
+            key: "focus",
+            value: function focus(nativeRange) {
+                if (this.controller.readonly) {
+                    return;
+                }
+                this.caret.nativeRange = nativeRange;
+                this.nativeRange = nativeRange;
+            }
+        },
+        {
+            key: "blur",
+            value: function blur() {
+                if (this.nativeRange && this.nativeSelection.rangeCount > 0) {
+                    var current = this.nativeSelection.getRangeAt(0);
+                    if (current === this.nativeRange) {
+                        this.nativeSelection.removeAllRanges();
+                        this.nativeRange = null;
+                        return;
+                    }
+                }
+            }
+        },
+        {
+            key: "destroy",
+            value: function destroy() {
+                this.caret.destroy();
+                this.subscription.unsubscribe();
+            }
+        },
+        {
+            key: "handleDefaultActions",
+            value: function handleDefaultActions(textarea) {
+                var _this = this;
+                this.subscription.add(stream.fromEvent(isFirefox() ? textarea : document, 'copy').subscribe(function(ev) {
+                    _this.copyHandler(ev);
+                }), stream.fromEvent(textarea, 'paste').subscribe(function(ev) {
+                    _this.pasteHandler(ev);
+                }));
+            }
+        },
+        {
+            key: "copyHandler",
+            value: function copyHandler(ev) {
+                var selection = this.selection;
+                if (!selection.isSelected) {
+                    return;
+                }
+                if (selection.startSlot === selection.endSlot && selection.endOffset - selection.startOffset === 1) {
+                    var content = selection.startSlot.getContentAtIndex(selection.startOffset);
+                    if ((typeof content === "undefined" ? "undefined" : _type_of(content)) === 'object') {
+                        var clipboardData = ev.clipboardData;
+                        var nativeSelection = document.getSelection();
+                        var range = nativeSelection.getRangeAt(0);
+                        var div = document.createElement('div');
+                        var fragment = range.cloneContents();
+                        div.append(fragment);
+                        clipboardData.setData('text/html', div.innerHTML);
+                        clipboardData.setData('text', div.innerText);
+                        ev.preventDefault();
+                    }
+                }
+            }
+        },
+        {
+            key: "pasteHandler",
+            value: function pasteHandler(ev) {
+                var _this = this;
+                var text = ev.clipboardData.getData('Text');
+                var types = Array.from(ev.clipboardData.types || []);
+                var files = Array.from(ev.clipboardData.files);
+                if (types.every(function(type) {
+                    return type === 'Files';
+                }) && files.length) {
+                    Promise.all(files.filter(function(i) {
+                        return /image/i.test(i.type);
+                    }).map(function(item) {
+                        var reader = new FileReader();
+                        return new Promise(function(resolve) {
+                            reader.onload = function(event) {
+                                resolve(event.target.result);
+                            };
+                            reader.readAsDataURL(item);
+                        });
+                    })).then(function(urls) {
+                        var html = urls.map(function(i) {
+                            return "<img src=".concat(i, ">");
+                        }).join('');
+                        _this.paste(html, text);
+                    });
+                    ev.preventDefault();
+                    return;
+                }
+                var 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(function() {
+                    document.body.removeChild(div);
+                    div.style.cssText = '';
+                    _this.paste(div, text);
+                });
+            }
+        },
+        {
+            key: "paste",
+            value: function paste(dom, text) {
+                var 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);
+            }
+        },
+        {
+            key: "handleShortcut",
+            value: function handleShortcut(input) {
+                var _this = this;
+                var isWriting = false;
+                var isIgnore = false;
+                this.subscription.add(stream.fromEvent(input, 'compositionstart').subscribe(function() {
+                    isWriting = true;
+                }), stream.fromEvent(input, 'compositionend').subscribe(function() {
+                    isWriting = false;
+                }), stream.fromEvent(input, 'beforeinput').subscribe(function(ev) {
+                    if (_this.isSafari) {
+                        if (ev.inputType === 'insertFromComposition') {
+                            isIgnore = true;
+                        }
+                    }
+                }), stream.fromEvent(input, 'keydown').pipe(stream.filter(function() {
+                    if (_this.isSafari && isIgnore) {
+                        isIgnore = false;
+                        return false;
+                    }
+                    return !isWriting // || !this.textarea.value
+                    ;
+                })).subscribe(function(ev) {
+                    _this.ignoreComposition = false;
+                    var key = ev.key;
+                    var keys = ')!@#$%^Z&*(';
+                    var b = key === 'Process' && /Digit\d/.test(ev.code) && ev.shiftKey;
+                    if (b) {
+                        key = keys.charAt(+ev.code.substring(5));
+                        ev.preventDefault();
+                    }
+                    var is = _this.keyboard.execShortcut({
+                        key: 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();
+                    }
+                }));
+            }
+        },
+        {
+            key: "handleInput",
+            value: function handleInput(input) {
+                if (this.isMobileBrowser) {
+                    this.handleMobileInput(input);
+                } else {
+                    this.handlePCInput(input);
+                }
+            }
+        },
+        {
+            key: "handleMobileInput",
+            value: function handleMobileInput(input) {
+                var _this = this;
+                var isCompositionStart = true;
+                var startIndex;
+                var compositionStart = function compositionStart() {
+                    _this.composition = true;
+                    startIndex = _this.selection.startOffset;
+                    var startSlot = _this.selection.startSlot;
+                    var event = new core$1.Event(startSlot, {
+                        index: startIndex
+                    });
+                    core$1.invokeListener(startSlot.parent, 'onCompositionStart', event);
+                };
+                var compositionUpdate = function compositionUpdate(data) {
+                    var startSlot = _this.selection.startSlot;
+                    var event = new core$1.Event(startSlot, {
+                        index: startIndex,
+                        data: data
+                    });
+                    core$1.invokeListener(startSlot.parent, 'onCompositionUpdate', event);
+                };
+                var compositionEnd = function compositionEnd(data) {
+                    _this.composition = false;
+                    if (data) {
+                        _this.commander.write(data);
+                    }
+                    var startSlot = _this.selection.startSlot;
+                    if (startSlot) {
+                        var event = new core$1.Event(startSlot, null);
+                        core$1.invokeListener(startSlot.parent, 'onCompositionEnd', event);
+                    }
+                };
+                this.subscription.add(stream.fromEvent(input, 'compositionstart').subscribe(function() {
+                    compositionStart();
+                }), stream.fromEvent(input, 'compositionupdate').subscribe(function(ev) {
+                    compositionUpdate(ev.data);
+                }), stream.fromEvent(input, 'compositionend').subscribe(function(ev) {
+                    compositionEnd(ev.data);
+                    var startContainer = _this.nativeSelection.focusNode;
+                    if (_instanceof$1(startContainer, Text) && startContainer.textContent === ev.data) {
+                        startContainer.remove();
+                    }
+                }), stream.fromEvent(input, 'beforeinput').subscribe(function(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;
+                                var range = ev.getTargetRanges()[0];
+                                if (!range) {
+                                    break;
+                                }
+                                var location = _this.domAdapter.getLocationByNativeNode(range.startContainer);
+                                var 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':
+                            {
+                                var _ev_dataTransfer;
+                                _this.composition = false;
+                                var range1 = ev.getTargetRanges()[0];
+                                var location1 = _this.domAdapter.getLocationByNativeNode(range1.startContainer);
+                                var startSlot1 = _this.selection.startSlot;
+                                _this.selection.setBaseAndExtent(startSlot1, location1.startIndex + range1.startOffset, startSlot1, location1.startIndex + range1.endOffset);
+                                _this.commander.delete();
+                                var text = ((_ev_dataTransfer = ev.dataTransfer) === null || _ev_dataTransfer === void 0 ? void 0 : _ev_dataTransfer.getData('text')) || ev.data || null;
+                                if (text) {
+                                    _this.commander.write(text);
+                                }
+                                break;
+                            }
+                    }
+                }));
+            }
+        },
+        {
+            key: "handlePCInput",
+            value: function handlePCInput(input) {
+                var _this = this;
+                var startIndex = 0;
+                var isCompositionEnd = false;
+                this.subscription.add(stream.fromEvent(input, 'compositionstart').pipe(stream.filter(function() {
+                    return !_this.ignoreComposition;
+                })).subscribe(function() {
+                    _this.composition = true;
+                    startIndex = _this.selection.startOffset;
+                    var startSlot = _this.selection.startSlot;
+                    var event = new core$1.Event(startSlot, {
+                        index: startIndex
+                    });
+                    core$1.invokeListener(startSlot.parent, 'onCompositionStart', event);
+                }), stream.fromEvent(input, 'compositionupdate').pipe(stream.filter(function() {
+                    return !_this.ignoreComposition;
+                })).subscribe(function(ev) {
+                    var startSlot = _this.selection.startSlot;
+                    var 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(function(ev) {
+                    ev.preventDefault();
+                    if (ev.inputType === 'insertCompositionText') {
+                        return null;
+                    }
+                    if (ev.inputType === 'insertReplacementText') {
+                        var _ev_dataTransfer;
+                        var range = ev.getTargetRanges()[0];
+                        var location = _this.domAdapter.getLocationByNativeNode(range.startContainer);
+                        var startSlot = _this.selection.startSlot;
+                        _this.selection.setBaseAndExtent(startSlot, location.startIndex + range.startOffset, startSlot, location.startIndex + range.endOffset);
+                        _this.commander.delete();
+                        return ((_ev_dataTransfer = ev.dataTransfer) === null || _ev_dataTransfer === void 0 ? void 0 : _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(function(text) {
+                    return text;
+                })), this.isSafari ? new stream.Observable() : stream.fromEvent(input, 'compositionend').pipe(stream.filter(function() {
+                    return !_this.ignoreComposition;
+                })).pipe(stream.filter(function() {
+                    return _this.composition;
+                }), stream.map(function(ev) {
+                    isCompositionEnd = true;
+                    ev.preventDefault();
+                    return ev.data;
+                }), stream.filter(function() {
+                    var b = _this.ignoreComposition;
+                    _this.ignoreComposition = false;
+                    return !b;
+                }))).subscribe(function(text) {
+                    _this.composition = false;
+                    if (text) {
+                        var startContainer = _this.nativeSelection.focusNode;
+                        if (_instanceof$1(startContainer, Text) && startContainer.textContent === text) {
+                            startContainer.remove();
+                        }
+                        _this.commander.write(text);
+                    }
+                    if (isCompositionEnd) {
+                        var startSlot = _this.selection.startSlot;
+                        if (startSlot) {
+                            var event = new core$1.Event(startSlot, null);
+                            core$1.invokeListener(startSlot.parent, 'onCompositionEnd', event);
+                        }
+                    }
+                    isCompositionEnd = false;
+                }));
+            }
+        }
+    ]);
+    return NativeInput;
+}(Input);
+exports.NativeInput = _ts_decorate([
+    core.Injectable(),
+    _ts_metadata("design:type", Function),
+    _ts_metadata("design:paramtypes", [
+        typeof core$1.Textbus === "undefined" ? Object : core$1.Textbus,
+        typeof exports.Parser === "undefined" ? Object : exports.Parser,
+        typeof core$1.Selection === "undefined" ? Object : core$1.Selection,
+        typeof core$1.Keyboard === "undefined" ? Object : core$1.Keyboard,
+        typeof DomAdapter === "undefined" ? Object : DomAdapter,
+        typeof core$1.Commander === "undefined" ? Object : core$1.Commander,
+        typeof core$1.Controller === "undefined" ? Object : core$1.Controller
+    ])
+], exports.NativeInput);
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _instanceof(left, right) {
+    "@swc/helpers - instanceof";
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
+    return d(g, "next", {
+        value: verb(0)
+    }), d(g, "throw", {
+        value: verb(1)
+    }), d(g, "return", {
+        value: verb(2)
+    }), typeof Symbol === "function" && d(g, Symbol.iterator, {
+        value: function() {
+            return this;
+        }
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+var browserErrorFn = core$1.makeError('BrowserModule');
+var BrowserModule = /*#__PURE__*/ function() {
+    function BrowserModule(config) {
+        _class_call_check(this, BrowserModule);
+        _define_property(this, "config", void 0);
+        _define_property(this, "providers", void 0);
+        _define_property(this, "workbench", void 0);
+        this.config = config;
+        var _BrowserModule_createLayout = BrowserModule.createLayout(), mask = _BrowserModule_createLayout.mask, wrapper = _BrowserModule_createLayout.wrapper;
+        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: function useFactory(input) {
+                    var focusEvent = new stream.Subject();
+                    var blurEvent = new stream.Subject();
+                    input.caret.onPositionChange.pipe(stream.map(function(p) {
+                        return !!p;
+                    }), stream.distinctUntilChanged()).subscribe(function(b) {
+                        if (b) {
+                            focusEvent.next();
+                        } else {
+                            blurEvent.next();
+                        }
+                    });
+                    return {
+                        onFocus: focusEvent,
+                        onBlur: blurEvent
+                    };
+                },
+                deps: [
+                    Input
+                ]
+            },
+            exports.Parser,
+            exports.SelectionBridge,
+            exports.CollaborateCursor
+        ];
+        this.workbench = wrapper;
+    }
+    _create_class(BrowserModule, [
+        {
+            /**
+   * 解析 HTML 并返回一个组件实例
+   * @param html 要解析的 HTML
+   * @param rootComponentLoader 文档根组件加载器
+   * @param textbus
+   */ key: "readDocumentByHTML",
+            value: function readDocumentByHTML(html, rootComponentLoader, textbus) {
+                var parser = textbus.get(exports.Parser);
+                var doc = parser.parseDoc(html, rootComponentLoader);
+                if (_instanceof(doc, core$1.Component)) {
+                    return doc;
+                }
+                throw browserErrorFn('rootComponentLoader must return a component instance.');
+            }
+        },
+        {
+            /**
+   * 将组件数据解析到组件实例中
+   * @param data 要解析的 JSON 数据
+   * @param rootComponent 根组件
+   * @param textbus
+   */ key: "readDocumentByComponentLiteral",
+            value: function readDocumentByComponentLiteral(data, rootComponent, textbus) {
+                var registry = textbus.get(core$1.Registry);
+                return registry.createComponentByFactory(data, rootComponent);
+            }
+        },
+        {
+            key: "setup",
+            value: function setup(textbus) {
+                return _async_to_generator(function() {
+                    var _this, host;
+                    return _ts_generator(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                _this = this;
+                                host = this.config.renderTo();
+                                if (!_instanceof(host, HTMLElement)) {
+                                    throw browserErrorFn('view container is not a HTMLElement');
+                                }
+                                host.append(this.workbench);
+                                return [
+                                    4,
+                                    textbus.get(Input).onReady
+                                ];
+                            case 1:
+                                _state.sent();
+                                return [
+                                    2,
+                                    function() {
+                                        _this.workbench.remove();
+                                    }
+                                ];
+                        }
+                    });
+                }).call(this);
+            }
+        },
+        {
+            key: "onAfterStartup",
+            value: function onAfterStartup(textbus) {
+                if (this.config.autoFocus) {
+                    textbus.focus();
+                }
+            }
+        },
+        {
+            key: "onDestroy",
+            value: function onDestroy(textbus) {
+                textbus.get(Input).destroy();
+                textbus.get(exports.SelectionBridge).destroy();
+                textbus.get(exports.CollaborateCursor).destroy();
+            }
+        }
+    ], [
+        {
+            key: "createLayout",
+            value: function createLayout() {
+                var mask = createElement('div', {
+                    attrs: {
+                        'data-textbus-view': VIEW_MASK
+                    },
+                    styles: {
+                        position: 'absolute',
+                        left: 0,
+                        right: 0,
+                        top: 0,
+                        bottom: 0,
+                        pointerEvents: 'none'
+                    }
+                });
+                var 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
+                    ]
+                });
+                var wrapper = createElement('div', {
+                    attrs: {
+                        'data-textbus-view': VIEW_CONTAINER
+                    },
+                    styles: {
+                        display: 'flex',
+                        minHeight: '100%',
+                        position: 'relative',
+                        flexDirection: 'column'
+                    },
+                    children: [
+                        maskWrapper
+                    ]
+                });
+                return {
+                    wrapper: wrapper,
+                    mask: mask
+                };
+            }
+        }
+    ]);
+    return BrowserModule;
+}();
+
+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