kritzel-stencil 0.4.3 → 0.4.5

package/dist/components/kritzel-editor.js

@@ -1 +1,4396 @@
-import{p as t,H as e,c as s,h as i,d as n,t as o}from"./p-B43upypT.js";import{K as r,d as a}from"./p-CdR76C4L.js";import{v as c,w as h,S as l,m as d,f as u,h as p,g as m,k as g,j as f,i as b,s as y,x as k,y as w,z as v,B as z,C}from"./p--Oazz-BP.js";import{D as j,T as A,d as x,l as T}from"./p-BmyTdQGy.js";import{D as S,r as E,K as O}from"./p-DJkKlUyZ.js";import{A as I,a as D,d as M}from"./p-PSFAfAyd.js";import{K as U}from"./p-jGOpkGDl.js";import{O as R}from"./p-Dd-pMvlr.js";import{d as B}from"./p-Ka7OWbnk.js";import*as P from"yjs";import"y-indexeddb";import"y-websocket";import{d as W}from"./p-DJ88BrIW.js";import{d as V}from"./p-D5jf8wAu.js";import{d as F}from"./p-Dlp84thc.js";import{d as L}from"./p-DEBwmRTC.js";import{d as N}from"./p-CqLgB8JK.js";import{d as J}from"./p-Cymum41a.js";import{d as H}from"./p-BxpKq94F.js";import{d as K}from"./p-JYj3Facr.js";import{d as Y}from"./p-DIazmg6w.js";import{d as Z}from"./p-D3y_Hauo.js";import{d as q}from"./p-Cm33td2O.js";import{d as $}from"./p-DX2nriaq.js";import{d as _}from"./p-Df3BwVGy.js";import{d as G}from"./p-e6Zpc9Vp.js";import{d as Q}from"./p-B8Xi4Clg.js";import{d as X}from"./p-djJSnjAX.js";import{d as tt}from"./p-BI2ng9I_.js";import{d as et}from"./p-C4NrrUfN.js";import{d as st}from"./p-CXpv9Rxe.js";import{d as it}from"./p-DgJ0ufzr.js";import{d as nt}from"./p-B5oHmPJb.js";import{d as ot}from"./p-BsANVili.js";import{d as rt,a as at}from"./p-CwJwsRR3.js";import{d as ct}from"./p-D30zs0kA.js";import{d as ht}from"./p-pagW8YF7.js";import{d as lt}from"./p-BDzlx2hB.js";import{d as dt}from"./p-B6t5q-V4.js";import{d as ut}from"./p-D09kgc5Q.js";import{d as pt}from"./p-Ca-igU1f.js";import{d as mt}from"./p-DPhYXJsM.js";import{d as gt}from"./p-BFYtCsZu.js";import{d as ft}from"./p-DUYmwrWV.js";import{d as bt}from"./p-CWRSGYOE.js";import{d as yt}from"./p-Cr682JI_.js";import{d as kt}from"./p-D82VaHce.js";import{d as wt}from"./p-894OnDQV.js";import{d as vt}from"./p-C38P-Vd0.js";import{d as zt}from"./p-BTzlrIxe.js";import{d as Ct}from"./p-CsvMgk_f.js";import{d as jt}from"./p-ClFprFvz.js";import{d as At}from"./p-DkUb2czk.js";const xt=Math.floor,Tt=127,St=Number.MAX_SAFE_INTEGER,Et="undefined"!=typeof TextEncoder?new TextEncoder:null,Ot=Et?t=>Et.encode(t):t=>{const e=unescape(encodeURIComponent(t)),s=e.length,i=new Uint8Array(s);for(let t=0;t<s;t++)i[t]=e.codePointAt(t);return i};let It="undefined"==typeof TextDecoder?null:new TextDecoder("utf-8",{fatal:!0,ignoreBOM:!0});It&&1===It.decode(new Uint8Array).length&&(It=null);const Dt=(t,e)=>{const s=t.cbuf.length;t.cpos===s&&(t.bufs.push(t.cbuf),t.cbuf=new Uint8Array(2*s),t.cpos=0),t.cbuf[t.cpos++]=e},Mt=(t,e)=>{for(;e>Tt;)Dt(t,128|Tt&e),e=xt(e/128);Dt(t,Tt&e)},Ut=new Uint8Array(3e4),Rt=Ut.length/3,Bt=Et&&Et.encodeInto?(t,e)=>{if(e.length<Rt){const s=Et.encodeInto(e,Ut).written||0;Mt(t,s);for(let e=0;e<s;e++)Dt(t,Ut[e])}else Pt(t,Ot(e))}:(t,e)=>{const s=unescape(encodeURIComponent(e)),i=s.length;Mt(t,i);for(let e=0;e<i;e++)Dt(t,s.codePointAt(e))},Pt=(t,e)=>{Mt(t,e.byteLength),((t,e)=>{const s=t.cbuf.length,i=t.cpos,n=((t,e)=>t<e?t:e)(s-i,e.length),o=e.length-n;t.cbuf.set(e.subarray(0,n),i),t.cpos+=n,o>0&&(t.bufs.push(t.cbuf),t.cbuf=new Uint8Array(((t,e)=>t>e?t:e)(2*s,o)),t.cbuf.set(e.subarray(n)),t.cpos=o)})(t,e)},Wt=t=>Error(t),Vt=Wt("Unexpected end of array"),Ft=Wt("Integer out of Range"),Lt=t=>t.arr[t.pos++],Nt=t=>{let e=0,s=1;const i=t.arr.length;for(;t.pos<i;){const i=t.arr[t.pos++];if(e+=(i&Tt)*s,s*=128,i<128)return e;if(e>St)throw Ft}throw Vt},Jt=It?t=>It.decode((t=>((t,e)=>{const s=new Uint8Array(t.arr.buffer,t.pos+t.arr.byteOffset,e);return t.pos+=e,s})(t,Nt(t)))(t)):t=>{let e=Nt(t);if(0===e)return"";{let s=String.fromCodePoint(Lt(t));if(--e<100)for(;e--;)s+=String.fromCodePoint(Lt(t));else for(;e>0;){const i=e<1e4?e:1e4,n=t.arr.subarray(t.pos,t.pos+i);t.pos+=i,s+=String.fromCodePoint.apply(null,n),e-=i}return decodeURIComponent(escape(s))}};var Ht;!function(t){t[t.Token=0]="Token",t[t.PermissionDenied=1]="PermissionDenied",t[t.Authenticated=2]="Authenticated"}(Ht||(Ht={}));const Kt=t=>Array.from(t.entries()).map((([t,e])=>({clientId:t,...e})));var Yt;async function Zt(t){return new Promise((e=>setTimeout(e,t)))}function qt(t,e){let s=e.delay;if(0===s)return 0;if(e.factor&&(s*=Math.pow(e.factor,t.attemptNum-1),0!==e.maxDelay&&(s=Math.min(s,e.maxDelay))),e.jitter){const t=Math.ceil(e.minDelay),i=Math.floor(s);s=Math.floor(Math.random()*(i-t+1))+t}return Math.round(s)}!function(t){t[t.Connecting=0]="Connecting",t[t.Open=1]="Open",t[t.Closing=2]="Closing",t[t.Closed=3]="Closed"}(Yt||(Yt={}));const $t=Math.floor,_t=128,Gt=127,Qt=Number.MAX_SAFE_INTEGER,Xt=()=>new Set,te=Array.from,ee="undefined"!=typeof TextEncoder?new TextEncoder:null,se=ee?t=>ee.encode(t):t=>{const e=unescape(encodeURIComponent(t)),s=e.length,i=new Uint8Array(s);for(let t=0;t<s;t++)i[t]=e.codePointAt(t);return i};let ie="undefined"==typeof TextDecoder?null:new TextDecoder("utf-8",{fatal:!0,ignoreBOM:!0});ie&&1===ie.decode(new Uint8Array).length&&(ie=null);class ne{constructor(){this.cpos=0,this.cbuf=new Uint8Array(100),this.bufs=[]}}const oe=()=>new ne,re=t=>{let e=t.cpos;for(let s=0;s<t.bufs.length;s++)e+=t.bufs[s].length;return e},ae=t=>{const e=new Uint8Array(re(t));let s=0;for(let i=0;i<t.bufs.length;i++){const n=t.bufs[i];e.set(n,s),s+=n.length}return e.set(new Uint8Array(t.cbuf.buffer,0,t.cpos),s),e},ce=(t,e)=>{const s=t.cbuf.length;t.cpos===s&&(t.bufs.push(t.cbuf),t.cbuf=new Uint8Array(2*s),t.cpos=0),t.cbuf[t.cpos++]=e},he=(t,e)=>{for(;e>Gt;)ce(t,_t|Gt&e),e=$t(e/128);ce(t,Gt&e)},le=new Uint8Array(3e4),de=le.length/3,ue=ee&&ee.encodeInto?(t,e)=>{if(e.length<de){const s=ee.encodeInto(e,le).written||0;he(t,s);for(let e=0;e<s;e++)ce(t,le[e])}else pe(t,se(e))}:(t,e)=>{const s=unescape(encodeURIComponent(e)),i=s.length;he(t,i);for(let e=0;e<i;e++)ce(t,s.codePointAt(e))},pe=(t,e)=>{he(t,e.byteLength),((t,e)=>{const s=t.cbuf.length,i=t.cpos,n=((t,e)=>t<e?t:e)(s-i,e.length),o=e.length-n;t.cbuf.set(e.subarray(0,n),i),t.cpos+=n,o>0&&(t.bufs.push(t.cbuf),t.cbuf=new Uint8Array(((t,e)=>t>e?t:e)(2*s,o)),t.cbuf.set(e.subarray(n)),t.cpos=o)})(t,e)},me=t=>Error(t),ge=me("Unexpected end of array"),fe=me("Integer out of Range");class be{constructor(t){this.arr=t,this.pos=0}}const ye=t=>new be(t),ke=t=>((t,e)=>{const s=new Uint8Array(t.arr.buffer,t.pos+t.arr.byteOffset,e);return t.pos+=e,s})(t,ve(t)),we=t=>t.arr[t.pos++],ve=t=>{let e=0,s=1;const i=t.arr.length;for(;t.pos<i;){const i=t.arr[t.pos++];if(e+=(i&Gt)*s,s*=128,i<_t)return e;if(e>Qt)throw fe}throw ge},ze=ie?t=>ie.decode(ke(t)):t=>{let e=ve(t);if(0===e)return"";{let s=String.fromCodePoint(we(t));if(--e<100)for(;e--;)s+=String.fromCodePoint(we(t));else for(;e>0;){const i=e<1e4?e:1e4,n=t.arr.subarray(t.pos,t.pos+i);t.pos+=i,s+=String.fromCodePoint.apply(null,n),e-=i}return decodeURIComponent(escape(s))}},Ce=Date.now,je=()=>new Map;class Ae{constructor(){this._observers=je()}on(t,e){((t,e,s)=>{let i=t.get(e);return void 0===i&&t.set(e,i=s()),i})(this._observers,t,Xt).add(e)}once(t,e){const s=(...i)=>{this.off(t,s),e(...i)};this.on(t,s)}off(t,e){const s=this._observers.get(t);void 0!==s&&(s.delete(e),0===s.size&&this._observers.delete(t))}emit(t,e){return te((this._observers.get(t)||je()).values()).forEach((t=>t(...e)))}destroy(){this._observers=je()}}const xe=Object.keys,Te=t=>xe(t).length,Se=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),Ee=(t,e)=>{if(null==t||null==e)return((t,e)=>t===e)(t,e);if(t.constructor!==e.constructor)return!1;if(t===e)return!0;switch(t.constructor){case ArrayBuffer:t=new Uint8Array(t),e=new Uint8Array(e);case Uint8Array:if(t.byteLength!==e.byteLength)return!1;for(let s=0;s<t.length;s++)if(t[s]!==e[s])return!1;break;case Set:if(t.size!==e.size)return!1;for(const s of t)if(!e.has(s))return!1;break;case Map:if(t.size!==e.size)return!1;for(const s of t.keys())if(!e.has(s)||!Ee(t.get(s),e.get(s)))return!1;break;case Object:if(Te(t)!==Te(e))return!1;for(const s in t)if(!Se(t,s)||!Ee(t[s],e[s]))return!1;break;case Array:if(t.length!==e.length)return!1;for(let s=0;s<t.length;s++)if(!Ee(t[s],e[s]))return!1;break;default:return!1}return!0};class Oe extends Ae{constructor(t){super(),this.doc=t,this.clientID=t.clientID,this.states=new Map,this.meta=new Map,this._checkInterval=setInterval((()=>{const t=Ce();null!==this.getLocalState()&&15e3<=t-this.meta.get(this.clientID).lastUpdated&&this.setLocalState(this.getLocalState());const e=[];this.meta.forEach(((s,i)=>{i!==this.clientID&&3e4<=t-s.lastUpdated&&this.states.has(i)&&e.push(i)})),e.length>0&&Ie(this,e,"timeout")}),$t(3e3)),t.on("destroy",(()=>{this.destroy()})),this.setLocalState({})}destroy(){this.emit("destroy",[this]),this.setLocalState(null),super.destroy(),clearInterval(this._checkInterval)}getLocalState(){return this.states.get(this.clientID)||null}setLocalState(t){const e=this.clientID,s=this.meta.get(e),i=void 0===s?0:s.clock+1,n=this.states.get(e);null===t?this.states.delete(e):this.states.set(e,t),this.meta.set(e,{clock:i,lastUpdated:Ce()});const o=[],r=[],a=[],c=[];null===t?c.push(e):null==n?null!=t&&o.push(e):(r.push(e),Ee(n,t)||a.push(e)),(o.length>0||a.length>0||c.length>0)&&this.emit("change",[{added:o,updated:a,removed:c},"local"]),this.emit("update",[{added:o,updated:r,removed:c},"local"])}setLocalStateField(t,e){const s=this.getLocalState();null!==s&&this.setLocalState({...s,[t]:e})}getStates(){return this.states}}const Ie=(t,e,s)=>{const i=[];for(let s=0;s<e.length;s++){const n=e[s];if(t.states.has(n)){if(t.states.delete(n),n===t.clientID){const e=t.meta.get(n);t.meta.set(n,{clock:e.clock+1,lastUpdated:Ce()})}i.push(n)}}i.length>0&&(t.emit("change",[{added:[],updated:[],removed:i},s]),t.emit("update",[{added:[],updated:[],removed:i},s]))},De=(t,e,s=t.states)=>{const i=e.length,n=oe();he(n,i);for(let o=0;o<i;o++){const i=e[o],r=s.get(i)||null,a=t.meta.get(i).clock;he(n,i),he(n,a),ue(n,JSON.stringify(r))}return ae(n)};class Me{constructor(){this.callbacks={}}on(t,e){return this.callbacks[t]||(this.callbacks[t]=[]),this.callbacks[t].push(e),this}emit(t,...e){const s=this.callbacks[t];return s&&s.forEach((t=>t.apply(this,e))),this}off(t,e){const s=this.callbacks[t];return s&&(e?this.callbacks[t]=s.filter((t=>t!==e)):delete this.callbacks[t]),this}removeAllListeners(){this.callbacks={}}}class Ue{constructor(t){this.data=t,this.encoder=oe(),this.decoder=ye(new Uint8Array(this.data))}peekVarString(){return(t=>{const e=t.pos,s=ze(t);return t.pos=e,s})(this.decoder)}readVarUint(){return ve(this.decoder)}readVarString(){return ze(this.decoder)}readVarUint8Array(){return ke(this.decoder)}writeVarUint(t){return he(this.encoder,t)}writeVarString(t){return ue(this.encoder,t)}writeVarUint8Array(t){return pe(this.encoder,t)}length(){return re(this.encoder)}}var Re,Be;!function(t){t[t.Sync=0]="Sync",t[t.Awareness=1]="Awareness",t[t.Auth=2]="Auth",t[t.QueryAwareness=3]="QueryAwareness",t[t.Stateless=5]="Stateless",t[t.CLOSE=7]="CLOSE",t[t.SyncStatus=8]="SyncStatus"}(Re||(Re={})),function(t){t.Connecting="connecting",t.Connected="connected",t.Disconnected="disconnected"}(Be||(Be={}));class Pe{constructor(){this.encoder=oe()}get(t){return t.encoder}toUint8Array(){return ae(this.encoder)}}class We extends Pe{constructor(){super(...arguments),this.type=Re.CLOSE,this.description="Ask the server to close the connection"}get(t){return ue(this.encoder,t.documentName),he(this.encoder,this.type),this.encoder}}class Ve extends Me{constructor(t){super(),this.messageQueue=[],this.configuration={url:"",autoConnect:!0,preserveTrailingSlash:!1,document:void 0,WebSocketPolyfill:void 0,messageReconnectTimeout:3e4,delay:1e3,initialDelay:0,factor:2,maxAttempts:0,minDelay:1e3,maxDelay:3e4,jitter:!0,timeout:0,onOpen:()=>null,onConnect:()=>null,onMessage:()=>null,onOutgoingMessage:()=>null,onStatus:()=>null,onDisconnect:()=>null,onClose:()=>null,onDestroy:()=>null,onAwarenessUpdate:()=>null,onAwarenessChange:()=>null,handleTimeout:null,providerMap:new Map},this.webSocket=null,this.webSocketHandlers={},this.shouldConnect=!0,this.status=Be.Disconnected,this.lastMessageReceived=0,this.identifier=0,this.intervals={connectionChecker:null},this.connectionAttempt=null,this.receivedOnOpenPayload=void 0,this.closeTries=0,this.setConfiguration(t),this.configuration.WebSocketPolyfill=t.WebSocketPolyfill?t.WebSocketPolyfill:WebSocket,this.on("open",this.configuration.onOpen),this.on("open",this.onOpen.bind(this)),this.on("connect",this.configuration.onConnect),this.on("message",this.configuration.onMessage),this.on("outgoingMessage",this.configuration.onOutgoingMessage),this.on("status",this.configuration.onStatus),this.on("disconnect",this.configuration.onDisconnect),this.on("close",this.configuration.onClose),this.on("destroy",this.configuration.onDestroy),this.on("awarenessUpdate",this.configuration.onAwarenessUpdate),this.on("awarenessChange",this.configuration.onAwarenessChange),this.on("close",this.onClose.bind(this)),this.on("message",this.onMessage.bind(this)),this.intervals.connectionChecker=setInterval(this.checkConnection.bind(this),this.configuration.messageReconnectTimeout/10),this.shouldConnect&&this.connect()}async onOpen(t){this.status=Be.Connected,this.emit("status",{status:Be.Connected}),this.cancelWebsocketRetry=void 0,this.receivedOnOpenPayload=t}attach(t){this.configuration.providerMap.set(t.configuration.name,t),this.status===Be.Disconnected&&this.shouldConnect&&this.connect(),this.receivedOnOpenPayload&&this.status===Be.Connected&&t.onOpen(this.receivedOnOpenPayload)}detach(t){this.configuration.providerMap.has(t.configuration.name)&&(t.send(We,{documentName:t.configuration.name}),this.configuration.providerMap.delete(t.configuration.name))}setConfiguration(t={}){this.configuration={...this.configuration,...t},this.configuration.autoConnect||(this.shouldConnect=!1)}async connect(){if(this.status===Be.Connected)return;this.cancelWebsocketRetry&&(this.cancelWebsocketRetry(),this.cancelWebsocketRetry=void 0),this.receivedOnOpenPayload=void 0,this.shouldConnect=!0;const{retryPromise:t,cancelFunc:e}=(()=>{let t=!1;return{retryPromise:async function(t,e){const s=function(t){return t||(t={}),{delay:void 0===t.delay?200:t.delay,initialDelay:void 0===t.initialDelay?0:t.initialDelay,minDelay:void 0===t.minDelay?0:t.minDelay,maxDelay:void 0===t.maxDelay?0:t.maxDelay,factor:void 0===t.factor?0:t.factor,maxAttempts:void 0===t.maxAttempts?3:t.maxAttempts,timeout:void 0===t.timeout?0:t.timeout,jitter:!0===t.jitter,initialJitter:!0===t.initialJitter,handleError:void 0===t.handleError?null:t.handleError,handleTimeout:void 0===t.handleTimeout?null:t.handleTimeout,beforeAttempt:void 0===t.beforeAttempt?null:t.beforeAttempt,calculateDelay:void 0===t.calculateDelay?null:t.calculateDelay}}(e);for(const t of["delay","initialDelay","minDelay","maxDelay","maxAttempts","timeout"]){const e=s[t];if(!Number.isInteger(e)||e<0)throw Error(`Value for ${t} must be an integer greater than or equal to 0`)}if(s.factor.constructor!==Number||s.factor<0)throw Error("Value for factor must be a number greater than or equal to 0");if(s.delay<s.minDelay)throw Error(`delay cannot be less than minDelay (delay: ${s.delay}, minDelay: ${s.minDelay}`);const i={attemptNum:0,attemptsRemaining:s.maxAttempts?s.maxAttempts:-1,aborted:!1,abort(){i.aborted=!0}},n=s.calculateDelay||qt,o=s.calculateDelay?s.calculateDelay(i,s):s.initialDelay;if(o&&await Zt(o),i.attemptNum<1&&s.initialJitter){const t=n(i,s);t&&await Zt(t)}return async function e(){if(s.beforeAttempt&&s.beforeAttempt(i,s),i.aborted){const t=Error("Attempt aborted");throw t.code="ATTEMPT_ABORTED",t}const o=async t=>{if(s.handleError&&await s.handleError(t,i,s),i.aborted||0===i.attemptsRemaining)throw t;i.attemptNum++;const o=n(i,s);return o&&await Zt(o),e()};return i.attemptsRemaining>0&&i.attemptsRemaining--,s.timeout?new Promise(((e,n)=>{const r=setTimeout((()=>{if(s.handleTimeout)try{e(s.handleTimeout(i,s))}catch(t){n(t)}else{const t=Error(`Retry timeout (attemptNum: ${i.attemptNum}, timeout: ${s.timeout})`);t.code="ATTEMPT_TIMEOUT",n(t)}}),s.timeout);t(i,s).then((t=>{clearTimeout(r),e(t)})).catch((t=>{clearTimeout(r),o(t).then(e).catch(n)}))})):t(i,s).catch(o)}()}(this.createWebSocketConnection.bind(this),{delay:this.configuration.delay,initialDelay:this.configuration.initialDelay,factor:this.configuration.factor,maxAttempts:this.configuration.maxAttempts,minDelay:this.configuration.minDelay,maxDelay:this.configuration.maxDelay,jitter:this.configuration.jitter,timeout:this.configuration.timeout,handleTimeout:this.configuration.handleTimeout,beforeAttempt:e=>{this.shouldConnect&&!t||e.abort()}}).catch((t=>{if(t&&"ATTEMPT_ABORTED"!==t.code)throw t})),cancelFunc:()=>{t=!0}}})();return this.cancelWebsocketRetry=e,t}attachWebSocketListeners(t,e){const{identifier:s}=t;this.webSocketHandlers[s]={message:t=>this.emit("message",t),close:t=>this.emit("close",{event:t}),open:t=>this.emit("open",t),error:t=>{e(t)}};const i=this.webSocketHandlers[t.identifier];Object.keys(i).forEach((e=>{t.addEventListener(e,i[e])}))}cleanupWebSocket(){if(!this.webSocket)return;const{identifier:t}=this.webSocket,e=this.webSocketHandlers[t];Object.keys(e).forEach((s=>{var i;null===(i=this.webSocket)||void 0===i||i.removeEventListener(s,e[s]),delete this.webSocketHandlers[t]})),this.webSocket.close(),this.webSocket=null}createWebSocketConnection(){return new Promise(((t,e)=>{this.webSocket&&(this.messageQueue=[],this.cleanupWebSocket()),this.lastMessageReceived=0,this.identifier+=1;const s=new this.configuration.WebSocketPolyfill(this.url);s.binaryType="arraybuffer",s.identifier=this.identifier,this.attachWebSocketListeners(s,e),this.webSocket=s,this.status=Be.Connecting,this.emit("status",{status:Be.Connecting}),this.connectionAttempt={resolve:t,reject:e}}))}onMessage(t){var e;this.resolveConnectionAttempt(),this.lastMessageReceived=Ce();const s=new Ue(t.data).peekVarString();null===(e=this.configuration.providerMap.get(s))||void 0===e||e.onMessage(t)}resolveConnectionAttempt(){this.connectionAttempt&&(this.connectionAttempt.resolve(),this.connectionAttempt=null,this.status=Be.Connected,this.emit("status",{status:Be.Connected}),this.emit("connect"),this.messageQueue.forEach((t=>this.send(t))),this.messageQueue=[])}stopConnectionAttempt(){this.connectionAttempt=null}rejectConnectionAttempt(){var t;null===(t=this.connectionAttempt)||void 0===t||t.reject(),this.connectionAttempt=null}checkConnection(){var t;this.status===Be.Connected&&this.lastMessageReceived&&(this.configuration.messageReconnectTimeout>=Ce()-this.lastMessageReceived||(this.closeTries+=1,this.closeTries>2?(this.onClose({event:{code:4408,reason:"forced"}}),this.closeTries=0):(null===(t=this.webSocket)||void 0===t||t.close(),this.messageQueue=[])))}get serverUrl(){if(this.configuration.preserveTrailingSlash)return this.configuration.url;let t=this.configuration.url;for(;"/"===t[t.length-1];)t=t.slice(0,t.length-1);return t}get url(){return this.serverUrl}disconnect(){if(this.shouldConnect=!1,null!==this.webSocket)try{this.webSocket.close(),this.messageQueue=[]}catch(t){console.error(t)}}send(t){var e;(null===(e=this.webSocket)||void 0===e?void 0:e.readyState)===Yt.Open?this.webSocket.send(t):this.messageQueue.push(t)}onClose({event:t}){this.closeTries=0,this.cleanupWebSocket(),this.connectionAttempt&&this.rejectConnectionAttempt(),this.status=Be.Disconnected,this.emit("status",{status:Be.Disconnected}),this.emit("disconnect",{event:t}),!this.cancelWebsocketRetry&&this.shouldConnect&&setTimeout((()=>{this.connect()}),this.configuration.delay)}destroy(){this.emit("destroy"),clearInterval(this.intervals.connectionChecker),this.stopConnectionAttempt(),this.disconnect(),this.removeAllListeners(),this.cleanupWebSocket()}}const Fe=(t,e,s)=>{try{P.applyUpdate(e,ke(t),s)}catch(t){console.error("Caught error while handling a Yjs update",t)}},Le=Fe;class Ne{constructor(t){this.message=t}apply(t,e){const{message:s}=this,i=s.readVarUint(),n=s.length();switch(i){case Re.Sync:this.applySyncMessage(t,e);break;case Re.Awareness:this.applyAwarenessMessage(t);break;case Re.Auth:this.applyAuthMessage(t);break;case Re.QueryAwareness:this.applyQueryAwarenessMessage(t);break;case Re.Stateless:t.receiveStateless(ze(s.decoder));break;case Re.SyncStatus:this.applySyncStatusMessage(t,1===(t=>{let e=t.arr[t.pos++],s=63&e,i=64;const n=(64&e)>0?-1:1;if(!(e&_t))return n*s;const o=t.arr.length;for(;t.pos<o;){if(e=t.arr[t.pos++],s+=(e&Gt)*i,i*=128,e<_t)return n*s;if(s>Qt)throw fe}throw ge})(s.decoder));break;case Re.CLOSE:const n={code:1e3,reason:ze(s.decoder),target:t.configuration.websocketProvider.webSocket,type:"close"};t.onClose(),t.configuration.onClose({event:n}),t.forwardClose({event:n});break;default:throw Error("Can’t apply message of unknown type: "+i)}s.length()>n+1&&t.send(Pe,{encoder:s.encoder})}applySyncMessage(t,e){const{message:s}=this;s.writeVarUint(Re.Sync);const i=((t,e,s,i)=>{const n=ve(t);switch(n){case 0:((t,e,s)=>{((t,e,s)=>{he(t,1),pe(t,P.encodeStateAsUpdate(e,s))})(e,s,ke(t))})(t,e,s);break;case 1:Fe(t,s,i);break;case 2:Le(t,s,i);break;default:throw Error("Unknown message type")}return n})(s.decoder,s.encoder,t.document,t);e&&1===i&&(t.synced=!0)}applySyncStatusMessage(t,e){e&&t.decrementUnsyncedChanges()}applyAwarenessMessage(t){if(!t.awareness)return;const{message:e}=this;((t,e,s)=>{const i=ye(e),n=Ce(),o=[],r=[],a=[],c=[],h=ve(i);for(let e=0;e<h;e++){const e=ve(i);let s=ve(i);const h=JSON.parse(ze(i)),l=t.meta.get(e),d=t.states.get(e),u=void 0===l?0:l.clock;(u<s||u===s&&null===h&&t.states.has(e))&&(null===h?e===t.clientID&&null!=t.getLocalState()?s++:t.states.delete(e):t.states.set(e,h),t.meta.set(e,{clock:s,lastUpdated:n}),void 0===l&&null!==h?o.push(e):void 0!==l&&null===h?c.push(e):null!==h&&(Ee(h,d)||a.push(e),r.push(e)))}(o.length>0||a.length>0||c.length>0)&&t.emit("change",[{added:o,updated:a,removed:c},s]),(o.length>0||r.length>0||c.length>0)&&t.emit("update",[{added:o,updated:r,removed:c},s])})(t.awareness,e.readVarUint8Array(),t)}applyAuthMessage(t){const{message:e}=this;((t,e,s,i)=>{switch(Nt(t)){case Ht.Token:e();break;case Ht.PermissionDenied:s(Jt(t));break;case Ht.Authenticated:i(Jt(t))}})(e.decoder,t.sendToken.bind(t),t.permissionDeniedHandler.bind(t),t.authenticatedHandler.bind(t))}applyQueryAwarenessMessage(t){if(!t.awareness)return;const{message:e}=this;e.writeVarUint(Re.Awareness),e.writeVarUint8Array(De(t.awareness,Array.from(t.awareness.getStates().keys())))}}class Je{constructor(t,e={}){this.message=new t,this.encoder=this.message.get(e)}create(){return ae(this.encoder)}send(t){null==t||t.send(this.create())}}class He extends Pe{constructor(){super(...arguments),this.type=Re.Auth,this.description="Authentication"}get(t){if(void 0===t.token)throw Error("The authentication message requires `token` as an argument.");return ue(this.encoder,t.documentName),he(this.encoder,this.type),((t,e)=>{Mt(t,Ht.Token),Bt(t,e)})(this.encoder,t.token),this.encoder}}class Ke extends Pe{constructor(){super(...arguments),this.type=Re.Awareness,this.description="Awareness states update"}get(t){if(void 0===t.awareness)throw Error("The awareness message requires awareness as an argument");if(void 0===t.clients)throw Error("The awareness message requires clients as an argument");let e;return ue(this.encoder,t.documentName),he(this.encoder,this.type),e=void 0===t.states?De(t.awareness,t.clients):De(t.awareness,t.clients,t.states),pe(this.encoder,e),this.encoder}}class Ye extends Pe{constructor(){super(...arguments),this.type=Re.Stateless,this.description="A stateless message"}get(t){var e;return ue(this.encoder,t.documentName),he(this.encoder,this.type),ue(this.encoder,null!==(e=t.payload)&&void 0!==e?e:""),this.encoder}}class Ze extends Pe{constructor(){super(...arguments),this.type=Re.Sync,this.description="First sync step"}get(t){if(void 0===t.document)throw Error("The sync step one message requires document as an argument");return ue(this.encoder,t.documentName),he(this.encoder,this.type),((t,e)=>{he(t,0);const s=P.encodeStateVector(e);pe(t,s)})(this.encoder,t.document),this.encoder}}class qe extends Pe{constructor(){super(...arguments),this.type=Re.Sync,this.description="A document update"}get(t){return ue(this.encoder,t.documentName),he(this.encoder,this.type),((t,e)=>{he(t,2),pe(t,e)})(this.encoder,t.update),this.encoder}}class $e extends Error{constructor(){super(...arguments),this.code=1001}}class _e extends Me{constructor(t){var e,s,i;super(),this.configuration={name:"",document:void 0,awareness:void 0,token:null,forceSyncInterval:!1,onAuthenticated:()=>null,onAuthenticationFailed:()=>null,onOpen:()=>null,onConnect:()=>null,onMessage:()=>null,onOutgoingMessage:()=>null,onSynced:()=>null,onStatus:()=>null,onDisconnect:()=>null,onClose:()=>null,onDestroy:()=>null,onAwarenessUpdate:()=>null,onAwarenessChange:()=>null,onStateless:()=>null,onUnsyncedChanges:()=>null},this.isSynced=!1,this.unsyncedChanges=0,this.isAuthenticated=!1,this.authorizedScope=void 0,this.manageSocket=!1,this._isAttached=!1,this.intervals={forceSync:null},this.boundDocumentUpdateHandler=this.documentUpdateHandler.bind(this),this.boundAwarenessUpdateHandler=this.awarenessUpdateHandler.bind(this),this.boundPageHide=this.pageHide.bind(this),this.boundOnOpen=this.onOpen.bind(this),this.boundOnClose=this.onClose.bind(this),this.forwardConnect=()=>this.emit("connect"),this.forwardStatus=t=>this.emit("status",t),this.forwardClose=t=>this.emit("close",t),this.forwardDisconnect=t=>this.emit("disconnect",t),this.forwardDestroy=()=>this.emit("destroy"),this.setConfiguration(t),this.configuration.document=t.document?t.document:new P.Doc,this.configuration.awareness=void 0!==t.awareness?t.awareness:new Oe(this.document),this.on("open",this.configuration.onOpen),this.on("message",this.configuration.onMessage),this.on("outgoingMessage",this.configuration.onOutgoingMessage),this.on("synced",this.configuration.onSynced),this.on("destroy",this.configuration.onDestroy),this.on("awarenessUpdate",this.configuration.onAwarenessUpdate),this.on("awarenessChange",this.configuration.onAwarenessChange),this.on("stateless",this.configuration.onStateless),this.on("unsyncedChanges",this.configuration.onUnsyncedChanges),this.on("authenticated",this.configuration.onAuthenticated),this.on("authenticationFailed",this.configuration.onAuthenticationFailed),null===(e=this.awareness)||void 0===e||e.on("update",(()=>{this.emit("awarenessUpdate",{states:Kt(this.awareness.getStates())})})),null===(s=this.awareness)||void 0===s||s.on("change",(()=>{this.emit("awarenessChange",{states:Kt(this.awareness.getStates())})})),this.document.on("update",this.boundDocumentUpdateHandler),null===(i=this.awareness)||void 0===i||i.on("update",this.boundAwarenessUpdateHandler),this.registerEventListeners(),this.configuration.forceSyncInterval&&"number"==typeof this.configuration.forceSyncInterval&&(this.intervals.forceSync=setInterval(this.forceSync.bind(this),this.configuration.forceSyncInterval)),this.manageSocket&&this.attach()}setConfiguration(t={}){t.websocketProvider||(this.manageSocket=!0,this.configuration.websocketProvider=new Ve(t)),this.configuration={...this.configuration,...t}}get document(){return this.configuration.document}get isAttached(){return this._isAttached}get awareness(){return this.configuration.awareness}get hasUnsyncedChanges(){return this.unsyncedChanges>0}resetUnsyncedChanges(){this.unsyncedChanges=1,this.emit("unsyncedChanges",{number:this.unsyncedChanges})}incrementUnsyncedChanges(){this.unsyncedChanges+=1,this.emit("unsyncedChanges",{number:this.unsyncedChanges})}decrementUnsyncedChanges(){this.unsyncedChanges>0&&(this.unsyncedChanges-=1),0===this.unsyncedChanges&&(this.synced=!0),this.emit("unsyncedChanges",{number:this.unsyncedChanges})}forceSync(){this.resetUnsyncedChanges(),this.send(Ze,{document:this.document,documentName:this.configuration.name})}pageHide(){this.awareness&&Ie(this.awareness,[this.document.clientID],"page hide")}registerEventListeners(){"undefined"!=typeof window&&"addEventListener"in window&&window.addEventListener("pagehide",this.boundPageHide)}sendStateless(t){this.send(Ye,{documentName:this.configuration.name,payload:t})}async sendToken(){let t;try{t=await this.getToken()}catch(t){return void this.permissionDeniedHandler("Failed to get token during sendToken(): "+t)}this.send(He,{token:null!=t?t:"",documentName:this.configuration.name})}documentUpdateHandler(t,e){e!==this&&(this.incrementUnsyncedChanges(),this.send(qe,{update:t,documentName:this.configuration.name}))}awarenessUpdateHandler({added:t,updated:e,removed:s},i){const n=t.concat(e).concat(s);this.send(Ke,{awareness:this.awareness,clients:n,documentName:this.configuration.name})}get synced(){return this.isSynced}set synced(t){this.isSynced!==t&&(this.isSynced=t,t&&this.emit("synced",{state:t}))}receiveStateless(t){this.emit("stateless",{payload:t})}async connect(){if(this.manageSocket)return this.configuration.websocketProvider.connect();console.warn("HocuspocusProvider::connect() is deprecated and does not do anything. Please connect/disconnect on the websocketProvider, or attach/deattach providers.")}disconnect(){if(this.manageSocket)return this.configuration.websocketProvider.disconnect();console.warn("HocuspocusProvider::disconnect() is deprecated and does not do anything. Please connect/disconnect on the websocketProvider, or attach/deattach providers.")}async onOpen(t){this.isAuthenticated=!1,this.emit("open",{event:t}),await this.sendToken(),this.startSync()}async getToken(){return"function"==typeof this.configuration.token?await this.configuration.token():this.configuration.token}startSync(){this.resetUnsyncedChanges(),this.send(Ze,{document:this.document,documentName:this.configuration.name}),this.awareness&&null!==this.awareness.getLocalState()&&this.send(Ke,{awareness:this.awareness,clients:[this.document.clientID],documentName:this.configuration.name})}send(t,e){if(!this._isAttached)return;const s=new Je(t,e);this.emit("outgoingMessage",{message:s.message}),s.send(this.configuration.websocketProvider)}onMessage(t){const e=new Ue(t.data),s=e.readVarString();e.writeVarString(s),this.emit("message",{event:t,message:new Ue(t.data)}),new Ne(e).apply(this,!0)}onClose(){this.isAuthenticated=!1,this.synced=!1,this.awareness&&Ie(this.awareness,Array.from(this.awareness.getStates().keys()).filter((t=>t!==this.document.clientID)),this)}destroy(){this.emit("destroy"),this.intervals.forceSync&&clearInterval(this.intervals.forceSync),this.awareness&&(Ie(this.awareness,[this.document.clientID],"provider destroy"),this.awareness.off("update",this.boundAwarenessUpdateHandler),this.awareness.destroy()),this.document.off("update",this.boundDocumentUpdateHandler),this.removeAllListeners(),this.detach(),this.manageSocket&&this.configuration.websocketProvider.destroy(),"undefined"!=typeof window&&"removeEventListener"in window&&window.removeEventListener("pagehide",this.boundPageHide)}detach(){this.configuration.websocketProvider.off("connect",this.configuration.onConnect),this.configuration.websocketProvider.off("connect",this.forwardConnect),this.configuration.websocketProvider.off("status",this.forwardStatus),this.configuration.websocketProvider.off("status",this.configuration.onStatus),this.configuration.websocketProvider.off("open",this.boundOnOpen),this.configuration.websocketProvider.off("close",this.boundOnClose),this.configuration.websocketProvider.off("close",this.configuration.onClose),this.configuration.websocketProvider.off("close",this.forwardClose),this.configuration.websocketProvider.off("disconnect",this.configuration.onDisconnect),this.configuration.websocketProvider.off("disconnect",this.forwardDisconnect),this.configuration.websocketProvider.off("destroy",this.configuration.onDestroy),this.configuration.websocketProvider.off("destroy",this.forwardDestroy),this.configuration.websocketProvider.detach(this),this._isAttached=!1}attach(){this._isAttached||(this.configuration.websocketProvider.on("connect",this.configuration.onConnect),this.configuration.websocketProvider.on("connect",this.forwardConnect),this.configuration.websocketProvider.on("status",this.configuration.onStatus),this.configuration.websocketProvider.on("status",this.forwardStatus),this.configuration.websocketProvider.on("open",this.boundOnOpen),this.configuration.websocketProvider.on("close",this.boundOnClose),this.configuration.websocketProvider.on("close",this.configuration.onClose),this.configuration.websocketProvider.on("close",this.forwardClose),this.configuration.websocketProvider.on("disconnect",this.configuration.onDisconnect),this.configuration.websocketProvider.on("disconnect",this.forwardDisconnect),this.configuration.websocketProvider.on("destroy",this.configuration.onDestroy),this.configuration.websocketProvider.on("destroy",this.forwardDestroy),this.configuration.websocketProvider.attach(this),this._isAttached=!0)}permissionDeniedHandler(t){this.emit("authenticationFailed",{reason:t}),this.isAuthenticated=!1}authenticatedHandler(t){this.isAuthenticated=!0,this.authorizedScope=t,this.emit("authenticated",{scope:t})}setAwarenessField(t,e){if(!this.awareness)throw new $e(`Cannot set awareness field "${t}" to ${JSON.stringify(e)}. You have disabled Awareness for this provider by explicitly passing awareness: null in the provider configuration.`);this.awareness.setLocalStateField(t,e)}}const Ge={type:"pen",color:j[0],size:16,opacity:1,palettes:{pen:[...j]},sizes:{pen:[...c]}},Qe={color:j[0],size:8,opacity:1,fontFamily:"Arial",availableFonts:[...S],palette:[...j],sizes:[...h]},Xe={color:j[0],size:4,opacity:1,palette:[...j],sizes:[...c],arrows:{end:{enabled:!0,style:"triangle"}}},ts={providers:[]},es={shapeType:l.Rectangle,fillColor:{light:"transparent",dark:"transparent"},strokeColor:j[0],strokeWidth:4,opacity:1,fontColor:j[0],fontSize:16,fontFamily:"Arial",palette:[...j],sizes:[...c]},ss=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.isReady=s(this,"isReady"),this.activeWorkspaceChange=s(this,"activeWorkspaceChange"),this.objectsChange=s(this,"objectsChange"),this.objectsAdded=s(this,"objectsAdded"),this.objectsRemoved=s(this,"objectsRemoved"),this.objectsUpdated=s(this,"objectsUpdated"),this.undoStateChange=s(this,"undoStateChange"),this.themeChange=s(this,"themeChange"),this.localeChange=s(this,"localeChange"),this.viewportChange=s(this,"viewportChange"),this.logout=s(this,"logout"),this.login=s(this,"login"),this.isPublicChange=s(this,"isPublicChange"),this.awarenessChange=s(this,"awarenessChange")}get host(){return this}scaleMax=I;scaleMin=D;lockDrawingScale=!0;viewportBoundaryLeft=-1/0;viewportBoundaryRight=1/0;viewportBoundaryTop=-1/0;viewportBoundaryBottom=1/0;debugInfo={showViewportInfo:!1,showObjectInfo:!1,showSyncProviderInfo:!0,showMigrationInfo:!0,showAssetResolverInfo:!1};user;activeUsers;controls=[{name:"selection",type:"tool",isDefault:!0,tool:d,icon:"cursor"},{name:"brush",type:"tool",tool:u,icon:"pen",config:Ge},{name:"eraser",type:"tool",tool:p,icon:"eraser"},{name:"line",type:"tool",tool:m,icon:"arrow",config:Xe},{name:"shape",type:"tool",tool:g,icon:"shape-rectangle",config:es,subOptions:[{id:"rectangle",icon:"shape-rectangle",label:"Rectangle",value:l.Rectangle,toolProperty:"shapeType"},{id:"ellipse",icon:"shape-ellipse",label:"Ellipse",value:l.Ellipse,toolProperty:"shapeType"},{id:"triangle",icon:"shape-triangle",label:"Triangle",value:l.Triangle,toolProperty:"shapeType"}]},{name:"text",type:"tool",tool:f,icon:"type",config:Qe},{name:"image",type:"tool",tool:b,icon:"image"},{name:"config",type:"config"}];globalContextMenuItems=[{label:"menu.paste",icon:"paste",action:t=>this.engineRef.paste(t.x,t.y)},{label:"menu.selectAll",icon:"select-all",action:()=>this.selectAllObjectsInViewport()}];objectContextMenuItems=[{label:"menu.copy",icon:"copy",group:"clipboard",action:()=>this.engineRef.copy()},{label:"menu.cut",icon:"cut",group:"clipboard",action:()=>this.engineRef.cut()},{label:"menu.paste",icon:"paste",group:"clipboard",action:t=>this.engineRef.paste(t.x,t.y)},{label:"menu.order",icon:"ordering",group:"other",children:[{label:"menu.bringToFront",icon:"bring-to-front",action:()=>this.engineRef.bringToFront()},{label:"menu.sendToBack",icon:"send-to-back",action:()=>this.engineRef.sendToBack()},{label:"menu.moveUp",icon:"arrow-up-from-dot",action:()=>this.engineRef.bringForward()},{label:"menu.moveDown",icon:"arrow-down-from-dot",action:()=>this.engineRef.sendBackward()}]},{label:"menu.align",icon:"align",group:"other",children:[{label:"menu.alignLeft",icon:"align-start-vertical",action:()=>this.engineRef.alignObjects(y.StartHorizontal)},{label:"menu.alignCenterHorizontal",icon:"align-center-horizontal",action:()=>this.engineRef.alignObjects(y.CenterHorizontal)},{label:"menu.alignRight",icon:"align-end-vertical",action:()=>this.engineRef.alignObjects(y.EndHorizontal)},{label:"menu.alignTop",icon:"align-start-horizontal",action:()=>this.engineRef.alignObjects(y.StartVertical)},{label:"menu.alignCenterVertical",icon:"align-center-vertical",action:()=>this.engineRef.alignObjects(y.CenterVertical)},{label:"menu.alignBottom",icon:"align-end-horizontal",action:()=>this.engineRef.alignObjects(y.EndVertical)}]},{label:"menu.group",icon:"group",group:"other",children:[{label:"menu.group",icon:"group",action:()=>this.engineRef.group()},{label:"menu.ungroup",icon:"ungroup",action:()=>this.engineRef.ungroup()}]},{label:"menu.export",icon:"download",group:"export",children:[{label:"menu.exportAsSvg",icon:"download",action:()=>this.engineRef.exportSelectedObjectsAsSvg()},{label:"menu.exportAsPng",icon:"download",action:()=>this.engineRef.exportSelectedObjectsAsPng()}]},{label:"menu.delete",icon:"delete",group:"edit",action:()=>this.engineRef.delete()}];themes;theme="light";licenseKey;locale="en";locales;fallbackLocale="en";customSvgIcons={};customFonts={};isPanningEnabled=!0;isZoomingEnabled=!0;isControlsVisible=!0;isUtilityPanelVisible=!0;isWorkspaceManagerVisible=!0;isMoreMenuVisible=!0;isZoomPanelVisible=!0;isObjectDistanceFadingActive=!1;syncConfig=k;assetStorageConfig=ts;cursorTarget;loginConfig;isLoading=!1;editorId;activeWorkspaceId;isReady;activeWorkspaceChange;objectsChange;objectsAdded;objectsRemoved;objectsUpdated;undoStateChange;themeChange;localeChange;viewportChange;logout;login;isPublicChange;awarenessChange;isEngineReady=!1;isControlsReady=!1;isWorkspaceManagerReady=!1;workspaces=[];activeWorkspace;isVirtualKeyboardOpen=!1;undoState=null;isBackToContentButtonVisible=!1;resolvedTerms={};availableLocaleOptions=[];currentZoomPercent=100;shortcuts=[];currentIsPublic=!1;isEditorVisible=!1;activeNotification;isNotificationDismissing=!1;normalizedControls=[];notificationDismissTimeout;notificationDismissAnimationTimeout;notificationDisplayDurationMs=5e3;notificationDismissAnimationDurationMs=180;isNotificationHovered=!1;customFontsLoadVersion=0;customFontsReady=Promise.resolve();onIsEngineReady(t){t&&this.isControlsReady&&this.checkIsReady()}onIsControlsReady(t){t&&this.isEngineReady&&this.checkIsReady()}onWorkspacesChange(t){const e=this.activeWorkspace;if(e){const s=t.find((t=>t.id===e.id));s&&s!==e&&(this.activeWorkspace=s)}if(this.activeWorkspaceId){const e=t.find((t=>t.id===this.activeWorkspaceId));e&&e!==this.activeWorkspace&&(this.activeWorkspace=e)}}onActiveWorkspaceChange(){this.updateCurrentIsPublic()}onCustomFontsChange(t){this.registerCustomFonts(t)}onControlsChange(t){this.normalizedControls=this.normalizeControls(t)}onActiveWorkspaceIdChange(t){if(!t)return;if(0===this.workspaces.length)return;const e=this.workspaces.find((e=>e.id===t));e?e!==this.activeWorkspace&&(this.activeWorkspace=e):console.warn("[KritzelEditor] No workspace found with ID: "+t)}onCurrentThemeChange(){this.applyTheme(),setTimeout((()=>this.setOsSpecificCssVariables()),0),this.engineRef&&this.engineRef.saveSettings(this.currentSettingsConfig)}onThemesChange(){this.applyTheme()}onLocaleChange(t){this.engineRef&&(this.engineRef.setLocale(t),this.engineRef.saveSettings(this.currentSettingsConfig),this.refreshLocalizedTerms())}async refreshLocalizedTerms(){this.engineRef&&(this.resolvedTerms=await this.engineRef.getResolvedTerms(),this.availableLocaleOptions=await this.engineRef.getAvailableLocaleOptions())}onTouchStart(t){t.cancelable&&t.preventDefault()}async getObjectById(t){return this.engineRef.getObjectById(t)}async addObject(t){return this.engineRef.addObject(t)}async addObjects(t){return this.engineRef.addObjects(t)}async updateObject(t,e){return this.engineRef.updateObject(t,e)}async removeObject(t){return this.engineRef.removeObject(t)}async removeObjects(t){return this.engineRef.removeObjects(t)}async getSelectedObjects(){return this.engineRef.getSelectedObjects()}async selectObjects(t){return this.engineRef.selectObjects(t)}async selectAllObjectsInViewport(){return this.engineRef.selectAllObjectsInViewport()}async clearSelection(){this.engineRef.clearSelection()}async centerObjectInViewport(t){return this.engineRef.centerObjectInViewport(t)}async panToObject(t){return this.engineRef.panToObject(t)}async backToContent(){return this.engineRef.backToContent()}async centerAllObjects(t=!0){return this.engineRef.centerAllObjects(t)}async centerObjects(t,e=!0){return this.engineRef.centerObjects(t,e)}async setViewport(t,e,s){return this.engineRef.setViewport(t,e,s)}async panTo(t,e){return this.engineRef.panTo(t,e)}async zoomTo(t,e,s){return this.engineRef.zoomTo(t,e,s)}async zoomIn(t=1.6,e=200){return this.engineRef.zoomIn(t,e)}async zoomOut(t=1.6,e=200){return this.engineRef.zoomOut(t,e)}async getViewport(){return this.engineRef.getViewport()}async screenToWorld(t,e){return this.engineRef.screenToWorld(t,e)}async worldToScreen(t,e){return this.engineRef.worldToScreen(t,e)}async createWorkspace(t){return this.engineRef.createWorkspace(t)}async updateWorkspace(t){return this.engineRef.updateWorkspace(t)}async deleteWorkspace(t){return this.engineRef.deleteWorkspace(t)}async getWorkspaces(){return this.engineRef.getWorkspaces()}async getActiveWorkspace(){return this.engineRef.getActiveWorkspace()}async loadSharedWorkspace(t){return this.engineRef.loadSharedWorkspace(t)}async reinitSync(){return this.engineRef.reinitSync()}async registerTool(t,e,s){return this.engineRef.registerTool(t,e,s)}async changeActiveTool(t){return this.engineRef.changeActiveTool(t)}async changeActiveToolByName(t){return this.engineRef.changeActiveToolByName(t)}async disable(){return this.engineRef.disable()}async enable(){return this.engineRef.enable()}async copy(){return this.engineRef.copy()}async cut(){return this.engineRef.cut()}async paste(t,e){return this.engineRef.paste(t,e)}async delete(){return this.engineRef.delete()}async bringForward(t){return this.engineRef.bringForward(t)}async sendBackward(t){return this.engineRef.sendBackward(t)}async bringToFront(t){return this.engineRef.bringToFront(t)}async sendToBack(t){return this.engineRef.sendToBack(t)}async alignObjects(t){return this.engineRef.alignObjects(t)}async group(){return this.engineRef.group()}async ungroup(){return this.engineRef.ungroup()}async undo(){return this.engineRef.undo()}async redo(){return this.engineRef.redo()}async getScreenshot(t="png",e){return this.engineRef.getScreenshot(t,e)}async exportViewportAsPng(t){return this.engineRef.exportViewportAsPng(t)}async exportViewportAsSvg(t){return this.engineRef.exportViewportAsSvg(t)}async exportSelectedObjectsAsPng(){return this.engineRef.exportSelectedObjectsAsPng()}async exportSelectedObjectsAsSvg(){return this.engineRef.exportSelectedObjectsAsSvg()}async downloadAsJson(t){return this.engineRef.downloadAsJson(t)}async importFromFile(){return this.engineRef.importFromFile()}async loadObjectsFromJson(t){return this.engineRef.loadObjectsFromJson(t)}async getObjectsTotalCount(){return this.engineRef.getObjectsTotalCount()}async getAllObjects(){return this.engineRef.getAllObjects()}async findObjects(t){return this.engineRef.findObjects(t)}async getObjectsInViewport(){return this.engineRef.getObjectsInViewport()}async hideContextMenu(){return this.engineRef.hideContextMenu()}async openContextMenu(t){return this.engineRef.openContextMenu(t)}async triggerSelectionChange(){return this.engineRef.triggerSelectionChange()}async getDisplayableShortcuts(){return this.engineRef.getDisplayableShortcuts()}async triggerNotification(t){const e={...t,id:t.id??R.generateUUID(),timestamp:t.timestamp??new Date};this.clearNotificationDismissAnimationTimer(),this.isNotificationDismissing=!1,this.isNotificationHovered=!1,this.activeNotification=e,this.scheduleNotificationDismiss()}engineRef;controlsRef;settingsRef;exportRef;splitButtonRef;shareDialogRef;loginDialogRef;currentUserDialogRef;componentWillLoad(){this.normalizedControls=this.normalizeControls(this.controls),this.loadSettingsFromStorage(),this.applyTheme()}isTextToolConfig(t){return!!t&&"fontFamily"in t&&"size"in t&&"color"in t}normalizeControls(t){return t.map((t=>this.isTextToolConfig(t.config)?{...t,config:{...t.config,availableFonts:E(t.config.availableFonts)}}:t))}applyTheme(){const t=this.resolveThemeObject();A.applyThemeToElement(this.host,t)}resolveThemeObject(){return this.themes?.find((t=>t.name===this.theme))??("dark"===this.theme?x:T)}componentDidLoad(){this.registerCustomSvgIcons(),this.registerCustomFonts(),this.listenForMobileKeyboard(),this.setOsSpecificCssVariables()}disconnectedCallback(){this.clearNotificationDismissTimer(),this.clearNotificationDismissAnimationTimer()}async checkIsReady(){if(await customElements.whenDefined("kritzel-editor"),await customElements.whenDefined("kritzel-workspace-manager"),await customElements.whenDefined("kritzel-controls"),await customElements.whenDefined("kritzel-engine"),await this.waitForCustomFontsReady(),!(this.isEngineReady&&this.isControlsReady&&this.isWorkspaceManagerReady&&this.activeWorkspace))return;this.isEditorVisible=!0;const{id:t,name:e,isPublic:s,createdAt:i,updatedAt:n}=this.activeWorkspace;this.isReady.emit({host:this.host,activeWorkspace:{id:t,name:e,isPublic:s,createdAt:i,updatedAt:n},syncConfig:this.syncConfig,assetStorageConfig:this.assetStorageConfig,loginConfig:this.loginConfig,theme:this.theme})}async onEngineReady(t){if(this.isEngineReady=!0,!t.detail.activeWorkspace)return;this.activeWorkspace=t.detail.activeWorkspace,this.workspaces=t.detail.workspaces,this.currentIsPublic=await this.engineRef.getIsPublic(),await this.refreshLocalizedTerms();const e=await this.engineRef.getViewport();this.currentZoomPercent=this.getZoomPercentFromScale(e.scale),this.loadShortcuts()}handleWorkspacesChange(t){t.stopPropagation(),this.workspaces=t.detail}handleActiveWorkspaceChange(t){if(t.stopPropagation(),this.activeWorkspace=t.detail,!this.isEngineReady)return;const{id:e,name:s,isPublic:i,createdAt:n,updatedAt:o}=this.activeWorkspace;this.activeWorkspaceChange.emit({id:e,name:s,isPublic:i,createdAt:n,updatedAt:o})}handleObjectsChange(t){t.stopPropagation(),this.objectsChange.emit(t.detail)}handleObjectsAdded(t){t.stopPropagation(),this.objectsAdded.emit(t.detail)}handleObjectsRemoved(t){t.stopPropagation(),this.objectsRemoved.emit(t.detail)}handleObjectsUpdated(t){t.stopPropagation(),this.objectsUpdated.emit(t.detail)}handleUndoStateChange(t){t.stopPropagation(),this.undoStateChange.emit(t.detail),this.undoState=t.detail}async handleObjectsInViewportChange(t){t.stopPropagation();const e=this.getContentObjects(t.detail).length>0,s=this.getContentObjects(await this.engineRef.getAllObjects()).length>0;this.isBackToContentButtonVisible=!e&&s}handleViewportChange(t){t.stopPropagation(),this.currentZoomPercent=this.getZoomPercentFromScale(t.detail.scale),this.viewportChange.emit(t.detail)}getZoomPercentFromScale(t){return!Number.isFinite(t)||t<=0?100:Math.round(100*t)}handleAwarenessChange(t){t.stopPropagation(),this.awarenessChange.emit(t.detail)}handleNotificationsChange(t){t.stopPropagation(),this.clearNotificationDismissAnimationTimer(),this.isNotificationDismissing=!1,this.isNotificationHovered=!1,this.activeNotification=t.detail,this.scheduleNotificationDismiss()}handleNotificationHoverChange(t){t.stopPropagation(),this.isNotificationHovered=t.detail,this.isNotificationHovered?this.clearNotificationDismissTimer():this.activeNotification&&!this.isNotificationDismissing&&this.scheduleNotificationDismiss()}scheduleNotificationDismiss(){this.clearNotificationDismissTimer(),this.notificationDismissTimeout=setTimeout((()=>{this.dismissNotification()}),this.notificationDisplayDurationMs)}clearNotificationDismissTimer(){this.notificationDismissTimeout&&(clearTimeout(this.notificationDismissTimeout),this.notificationDismissTimeout=void 0)}clearNotificationDismissAnimationTimer(){this.notificationDismissAnimationTimeout&&(clearTimeout(this.notificationDismissAnimationTimeout),this.notificationDismissAnimationTimeout=void 0)}dismissNotification=()=>{this.clearNotificationDismissTimer(),this.isNotificationHovered=!1,this.activeNotification&&!this.isNotificationDismissing&&(this.isNotificationDismissing=!0,this.clearNotificationDismissAnimationTimer(),this.notificationDismissAnimationTimeout=setTimeout((()=>{this.activeNotification=void 0,this.isNotificationDismissing=!1,this.notificationDismissAnimationTimeout=void 0}),this.notificationDismissAnimationDurationMs))};handleSettingsChange(t){this.scaleMin=t.detail.scaleMin,this.scaleMax=t.detail.scaleMax,this.lockDrawingScale=t.detail.lockDrawingScale,this.theme=t.detail.theme,"string"==typeof t.detail.locale&&t.detail.locale!==this.locale&&(this.locale=t.detail.locale,this.localeChange.emit(t.detail.locale)),this.viewportBoundaryLeft=t.detail.viewportBoundaryLeft??-1/0,this.viewportBoundaryRight=t.detail.viewportBoundaryRight??1/0,this.viewportBoundaryTop=t.detail.viewportBoundaryTop??-1/0,this.viewportBoundaryBottom=t.detail.viewportBoundaryBottom??1/0,this.debugInfo=t.detail.debugInfo,this.engineRef&&this.engineRef.saveSettings(t.detail),this.themeChange.emit(t.detail.theme)}get moreMenuItems(){return[{id:"share",label:this.resolvedTerms["menu.share"]??"Share",icon:"share",action:()=>{this.isLoggedIn||!this.loginConfig?this.shareDialogRef.open():this.openLoginDialog()}},{id:"export",label:this.resolvedTerms["menu.export"]??"Export",icon:"upload",action:async()=>{const t=await this.engineRef.getScreenshot("png");this.exportRef.open(t??void 0)}},{id:"import",label:this.resolvedTerms["menu.import"]??"Import",icon:"download",action:()=>this.engineRef.importFromFile()},{id:"settings",label:this.resolvedTerms["menu.settings"]??"Settings",icon:"settings",action:()=>this.settingsRef.open()}]}handleToggleIsPublic=async t=>{const e=t.detail,s=await this.engineRef.getActiveWorkspace();s.isPublic=e,await this.engineRef.updateWorkspace(s),this.activeWorkspace=s.clone(),this.isPublicChange.emit({isPublic:e,workspaceId:s.id})};updateCurrentIsPublic(){const t=this.activeWorkspace?.isPublic??!1,e=this.activeWorkspace?.id;this.currentIsPublic=t,e&&this.isPublicChange.emit({isPublic:t,workspaceId:e})}handleProviderLogin=t=>{this.login.emit(t.detail)};handleCurrentUserLogout=()=>{this.logout.emit()};get isLoggedIn(){return!!this.user&&!this.user.isGuest}async openLoginDialog(){this.loginDialogRef?.open()}async setLoginLoading(t){this.loginDialogRef?.setLoading(t)}async setLocale(t){this.locale=t,await(this.engineRef?.setLocale(t))}async getLocale(){return this.engineRef?this.engineRef.getLocale():this.locale}async getAvailableLocales(){return this.engineRef?this.engineRef.getAvailableLocales():[]}async registerLocales(t){await(this.engineRef?.registerLocales(t))}async registerFonts(t){await this.registerCustomFonts(t)}async t(t,e){return this.engineRef?this.engineRef.t(t,e):t}getSettingsStorageKey(){return this.editorId?"kritzel-settings-"+this.editorId:"kritzel-settings"}loadSettingsFromStorage(){const t=localStorage.getItem(this.getSettingsStorageKey());if(t)try{const e=JSON.parse(t);"number"==typeof e.scaleMin&&(this.scaleMin=e.scaleMin),"number"==typeof e.scaleMax&&(this.scaleMax=e.scaleMax),"boolean"==typeof e.lockDrawingScale&&(this.lockDrawingScale=e.lockDrawingScale),"string"==typeof e.theme&&(this.theme=e.theme),"string"==typeof e.locale&&(this.locale=e.locale),"number"==typeof e.viewportBoundaryLeft&&(this.viewportBoundaryLeft=e.viewportBoundaryLeft),"number"==typeof e.viewportBoundaryRight&&(this.viewportBoundaryRight=e.viewportBoundaryRight),"number"==typeof e.viewportBoundaryTop&&(this.viewportBoundaryTop=e.viewportBoundaryTop),"number"==typeof e.viewportBoundaryBottom&&(this.viewportBoundaryBottom=e.viewportBoundaryBottom),e.debugInfo&&(this.debugInfo={...this.debugInfo,...e.debugInfo})}catch{}}async loadShortcuts(){this.shortcuts=await this.engineRef.getDisplayableShortcuts()}get currentSettingsConfig(){return{scaleMin:this.scaleMin,scaleMax:this.scaleMax,lockDrawingScale:this.lockDrawingScale,theme:this.theme,locale:this.locale,viewportBoundaryLeft:this.viewportBoundaryLeft,viewportBoundaryRight:this.viewportBoundaryRight,viewportBoundaryTop:this.viewportBoundaryTop,viewportBoundaryBottom:this.viewportBoundaryBottom,debugInfo:this.debugInfo}}getContentObjects(t){return t.filter((t=>!(t instanceof w||t instanceof v)))}registerCustomSvgIcons(){for(const[t,e]of Object.entries(this.customSvgIcons))r.register(t,e)}async registerCustomFonts(t=this.customFonts){O.registerFonts(t);const e=++this.customFontsLoadVersion,s=O.waitForFonts(t);this.customFontsReady=s,await s,e!==this.customFontsLoadVersion&&await this.waitForCustomFontsReady()}async waitForCustomFontsReady(){for(;;){const t=this.customFontsLoadVersion;if(await this.customFontsReady,t===this.customFontsLoadVersion)return}}listenForMobileKeyboard(){z.onKeyboardVisibleChanged((t=>{this.isVirtualKeyboardOpen=t}))}setOsSpecificCssVariables(){switch(U.detectOS()){case"iOS":this.host.style.setProperty("--kritzel-editor-top-left-buttons-top","14px"),this.host.style.setProperty("--kritzel-editor-top-left-buttons-left","14px"),this.host.style.setProperty("--kritzel-editor-controls-bottom","14px"),this.host.style.setProperty("--kritzel-editor-controls-transition","cubic-bezier(0.25, 0.1, 0.25, 1.0)"),this.host.style.setProperty("--kritzel-editor-controls-transform","translateY(200%)"),this.host.style.setProperty("--kritzel-editor-controls-transition-duration","0.25s");break;case"Android":this.host.style.setProperty("--kritzel-editor-top-left-buttons-top","14px"),this.host.style.setProperty("--kritzel-editor-top-left-buttons-left","14px"),this.host.style.setProperty("--kritzel-editor-controls-bottom","24px"),this.host.style.setProperty("--kritzel-editor-controls-transition","cubic-bezier(0.25, 0.1, 0.25, 1.0)"),this.host.style.setProperty("--kritzel-editor-controls-transform","translateY(200%)"),this.host.style.setProperty("--kritzel-editor-controls-transition-duration","0.25s");break;default:this.host.style.setProperty("--kritzel-editor-top-left-buttons-top","14px"),this.host.style.setProperty("--kritzel-editor-top-left-buttons-left","14px"),this.host.style.setProperty("--kritzel-editor-controls-bottom","14px")}}render(){const t=this.isLoggedIn,e=t,s=this.isReady&&!!this.loginConfig&&!t;return i(n,{key:"00d652c74feac7b4917772146368125da6deeb1c"},i("div",{key:"f8fb86b45b0cdabb5e3ad52de6d6ef31a71a09e4",class:"editor-content",style:{opacity:this.isEditorVisible?"1":"0",visibility:this.isEditorVisible?"visible":"hidden",transition:"opacity 0.2s ease-in-out, visibility 0.2s ease-in-out"}},i("div",{key:"2378c776d8eecf2614567bed11c6e93fb338e302",class:"top-left-buttons"},i("kritzel-workspace-manager",{key:"ce41192540169694482d6f8cca60701bc4427438",visible:this.isWorkspaceManagerVisible,workspaces:this.workspaces,activeWorkspace:this.activeWorkspace,terms:this.resolvedTerms,onWorkspaceChange:t=>this.activeWorkspace=t.detail,onIsWorkspaceManagerReady:()=>this.isWorkspaceManagerReady=!0}),i("kritzel-back-to-content",{key:"ec269d3e9f589362d8301370778f0c5e4252eead",visible:this.isBackToContentButtonVisible,text:this.resolvedTerms["backToContent.label"]??"Back to content",onBackToContent:()=>this.backToContent()})),this.activeNotification&&i("div",{key:"847ed8149d556c934090424ff54b17b6721ccc76",class:"top-center-notification-layer",role:"presentation"},i("div",{key:"61d8b8e91cda100ffa6620db26ba6dfb2232946a",class:{"top-center-notification-container":!0,"is-dismissing":this.isNotificationDismissing},role:"presentation"},i("kritzel-notification-card",{key:"b7e132773225ace38e447756110dd39e4661f5fc",notification:this.activeNotification,locale:this.locale,onDismiss:this.dismissNotification,onHoverChange:t=>this.handleNotificationHoverChange(t)}))),i("kritzel-engine",{key:"3e4a6d0dbc015ec675fb21a59990c87e9eaa805f",ref:t=>{t&&(this.engineRef=t)},workspace:this.activeWorkspace,activeWorkspaceId:this.activeWorkspaceId,editorId:this.editorId,syncConfig:this.syncConfig,assetStorageConfig:this.assetStorageConfig,user:this.user,scaleMax:this.scaleMax,lockDrawingScale:this.lockDrawingScale,isObjectDistanceFadingActive:this.isObjectDistanceFadingActive,scaleMin:this.scaleMin,cursorTarget:this.cursorTarget,isLoading:this.isLoading,viewportBoundaryLeft:this.viewportBoundaryLeft,viewportBoundaryRight:this.viewportBoundaryRight,viewportBoundaryTop:this.viewportBoundaryTop,viewportBoundaryBottom:this.viewportBoundaryBottom,isPanningEnabled:this.isPanningEnabled,isZoomingEnabled:this.isZoomingEnabled,theme:this.theme,themes:this.themes,licenseKey:this.licenseKey,locale:this.locale,locales:this.locales,fallbackLocale:this.fallbackLocale,debugInfo:this.debugInfo,globalContextMenuItems:this.globalContextMenuItems,objectContextMenuItems:this.objectContextMenuItems,onIsEngineReady:t=>this.onEngineReady(t),onWorkspacesChange:t=>this.handleWorkspacesChange(t),onActiveWorkspaceChange:t=>this.handleActiveWorkspaceChange(t),onObjectsChange:t=>this.handleObjectsChange(t),onObjectsAdded:t=>this.handleObjectsAdded(t),onObjectsRemoved:t=>this.handleObjectsRemoved(t),onObjectsUpdated:t=>this.handleObjectsUpdated(t),onUndoStateChange:t=>this.handleUndoStateChange(t),onObjectsInViewportChange:t=>this.handleObjectsInViewportChange(t),onViewportChange:t=>this.handleViewportChange(t),onAwarenessChange:t=>this.handleAwarenessChange(t),onNotificationsChange:t=>this.handleNotificationsChange(t)}),i("kritzel-controls",{key:"f84607a0a4d0762c1249400f85b7b8454d672c1e",visible:this.isControlsVisible,class:{"keyboard-open":this.isVirtualKeyboardOpen},ref:t=>{t&&(this.controlsRef=t)},controls:this.normalizedControls,isUtilityPanelVisible:this.isUtilityPanelVisible,undoState:this.undoState??void 0,theme:this.theme,terms:this.resolvedTerms,onIsControlsReady:()=>this.isControlsReady=!0}),i("div",{key:"e2691e7c730195e197511cb1e4d0fe707677b5ff",class:"bottom-left-buttons"},i("kritzel-zoom-panel",{key:"d0ac6624eab49af78d4761c3ad91842834717aad",visible:this.isZoomPanelVisible,disabled:!this.isZoomingEnabled,zoomPercent:this.currentZoomPercent,terms:this.resolvedTerms,onZoomIn:()=>this.zoomIn(),onZoomOut:()=>this.zoomOut()})),i("div",{key:"ad3d386ab7e8ad9fdfbb12754db005bc85fa28ce",class:"top-right-buttons"},i("kritzel-settings",{key:"566024ac6f3d8f7f20238cc1f83882b39dbf698e",ref:t=>{t&&(this.settingsRef=t)},shortcuts:this.shortcuts,availableThemes:this.themes&&this.themes.length>0?this.themes.map((t=>t.name)):["light","dark"],availableLocales:this.availableLocaleOptions,settings:this.currentSettingsConfig,terms:this.resolvedTerms,onSettingsChange:t=>this.handleSettingsChange(t)}),i("kritzel-export",{key:"4a23ea0c6e070d424a90e9fc87de04e11cff7ade",ref:t=>{t&&(this.exportRef=t)},workspaceName:this.activeWorkspace?.name||"workspace",terms:this.resolvedTerms,onExportPng:()=>this.engineRef.exportViewportAsPng(),onExportSvg:()=>this.engineRef.exportViewportAsSvg(),onExportJson:t=>this.engineRef.downloadAsJson(t.detail)}),i("kritzel-active-users",{key:"feef074b52e552fa2ef7e8258002571aca4c5abd",users:this.activeUsers}),e&&i("kritzel-current-user",{key:"844c722545363eaf7eec69037a835eae943afeb9",user:this.user,terms:this.resolvedTerms,onClick:()=>this.currentUserDialogRef?.open()}),e&&i("kritzel-current-user-dialog",{key:"8363c1d3230d111cf1ace0ccf805669e592bb533",ref:t=>{t&&(this.currentUserDialogRef=t,this.currentUserDialogRef.addEventListener("logoutRequest",this.handleCurrentUserLogout))},user:this.user,terms:this.resolvedTerms}),s&&i("kritzel-button",{key:"68ddf8c3aabc7634b4c1d88f3d2d584fa1f1b150",onButtonClick:()=>this.loginDialogRef?.open()},this.resolvedTerms["login.dialogTitle"]??"Sign in"),i("kritzel-more-menu",{key:"39b938f5792f7a36bbf21ed88a1a5c7717a785a6",items:this.moreMenuItems,visible:this.isMoreMenuVisible,terms:this.resolvedTerms}),i("kritzel-share-dialog",{key:"61ed918499760d874d5d2ec140d3cf59ce94520b",ref:t=>{t&&(this.shareDialogRef=t)},isPublic:this.currentIsPublic,workspaceId:this.activeWorkspace?.id,terms:this.resolvedTerms,onToggleIsPublic:this.handleToggleIsPublic}),this.loginConfig&&i("kritzel-login-dialog",{key:"5f6528a57884bd1494e45755609e710f69041a4d",ref:t=>{t&&(this.loginDialogRef=t)},providers:this.loginConfig.providers,dialogTitle:this.loginConfig.title??this.resolvedTerms["login.dialogTitle"]??"Sign in",subtitle:this.loginConfig.subtitle,onProviderLogin:this.handleProviderLogin}))))}static get watchers(){return{isEngineReady:[{onIsEngineReady:0}],isControlsReady:[{onIsControlsReady:0}],workspaces:[{onWorkspacesChange:0}],activeWorkspace:[{onActiveWorkspaceChange:0}],customFonts:[{onCustomFontsChange:0}],controls:[{onControlsChange:0}],activeWorkspaceId:[{onActiveWorkspaceIdChange:0}],theme:[{onCurrentThemeChange:0}],themes:[{onThemesChange:0}],locale:[{onLocaleChange:0}]}}static get style(){return"kritzel-editor{display:flex;margin:0;position:relative;container-type:inline-size;overflow:hidden;width:100%;height:100%;align-items:center;justify-content:center;touch-action:manipulation;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:start;line-height:normal}.editor-content{position:absolute;inset:0}.editor-content>kritzel-engine{position:absolute;inset:0;z-index:0}kritzel-controls{position:absolute;z-index:1;left:0;right:0;margin-inline:auto;width:max-content;max-width:calc(100% - 16px);bottom:var(--kritzel-editor-controls-bottom, 14px);transition:transform var(--kritzel-editor-controls-transition-duration, 0.1s) var(--kritzel-editor-controls-transition, ease-in-out)}kritzel-controls.keyboard-open{transform:var(--kritzel-editor-controls-transform, translateY(300%))}.top-left-buttons{position:absolute;z-index:1;top:var(--kritzel-editor-top-left-buttons-top, 14px);left:var(--kritzel-editor-top-left-buttons-left, 14px);display:flex;align-items:flex-start;gap:8px}.top-center-notification-layer{position:absolute;top:var(--kritzel-editor-top-center-notification-top, 14px);left:0;right:0;z-index:var(--kritzel-editor-top-center-notification-z-index, 10001);display:flex;justify-content:center;pointer-events:none}.top-center-notification-container{width:min(90vw, 420px);pointer-events:auto;animation:kritzel-notification-slide-in var(--kritzel-editor-notification-animation-duration, 220ms)     var(--kritzel-editor-notification-animation-easing, cubic-bezier(0.22, 1, 0.36, 1))}.top-center-notification-container.is-dismissing{animation:kritzel-notification-fade-out var(--kritzel-editor-notification-dismiss-animation-duration, 180ms)     var(--kritzel-editor-notification-dismiss-animation-easing, ease-in) forwards}@keyframes kritzel-notification-slide-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes kritzel-notification-fade-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion: reduce){.top-center-notification-container{animation:none}}.top-right-buttons{position:absolute;z-index:1;top:var(--kritzel-editor-top-right-buttons-top, 14px);right:var(--kritzel-editor-top-right-buttons-right, 14px);display:flex;align-items:center;gap:8px}.bottom-left-buttons{position:absolute;z-index:1;left:var(--kritzel-editor-top-left-buttons-left, 14px);bottom:var(--kritzel-editor-controls-bottom, 14px);display:flex;align-items:flex-end}@container (max-width: 767px){.bottom-left-buttons{display:none}}.top-right-button{display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:var(--kritzel-split-button-border, 1px solid #ebebeb);border-radius:var(--kritzel-split-button-border-radius, 12px);background-color:var(--kritzel-split-button-background-color, #ffffff);cursor:var(--kritzel-global-pointer-cursor, pointer);box-shadow:var(--kritzel-split-button-box-shadow, 0 0 3px rgba(0, 0, 0, 0.08));transition:background-color 150ms ease;-webkit-tap-highlight-color:transparent}.top-right-button:hover{background-color:#f5f5f5}.top-right-button:active{background-color:#ebebeb}"}},[512,"kritzel-editor",{scaleMax:[1026,"scale-max"],scaleMin:[1026,"scale-min"],lockDrawingScale:[1028,"lock-drawing-scale"],viewportBoundaryLeft:[1026,"viewport-boundary-left"],viewportBoundaryRight:[1026,"viewport-boundary-right"],viewportBoundaryTop:[1026,"viewport-boundary-top"],viewportBoundaryBottom:[1026,"viewport-boundary-bottom"],debugInfo:[1040],user:[16],activeUsers:[16],controls:[16],globalContextMenuItems:[16],objectContextMenuItems:[16],themes:[16],theme:[1025],licenseKey:[1,"license-key"],locale:[1025],locales:[16],fallbackLocale:[1,"fallback-locale"],customSvgIcons:[16],customFonts:[16],isPanningEnabled:[1028,"is-panning-enabled"],isZoomingEnabled:[1028,"is-zooming-enabled"],isControlsVisible:[4,"is-controls-visible"],isUtilityPanelVisible:[4,"is-utility-panel-visible"],isWorkspaceManagerVisible:[4,"is-workspace-manager-visible"],isMoreMenuVisible:[4,"is-more-menu-visible"],isZoomPanelVisible:[4,"is-zoom-panel-visible"],isObjectDistanceFadingActive:[4,"is-object-distance-fading-active"],syncConfig:[16],assetStorageConfig:[16],cursorTarget:[16],loginConfig:[16],isLoading:[4,"is-loading"],editorId:[1,"editor-id"],activeWorkspaceId:[1,"active-workspace-id"],isEngineReady:[32],isControlsReady:[32],isWorkspaceManagerReady:[32],workspaces:[32],activeWorkspace:[32],isVirtualKeyboardOpen:[32],undoState:[32],isBackToContentButtonVisible:[32],resolvedTerms:[32],availableLocaleOptions:[32],currentZoomPercent:[32],shortcuts:[32],currentIsPublic:[32],isEditorVisible:[32],activeNotification:[32],isNotificationDismissing:[32],normalizedControls:[32],getObjectById:[64],addObject:[64],addObjects:[64],updateObject:[64],removeObject:[64],removeObjects:[64],getSelectedObjects:[64],selectObjects:[64],selectAllObjectsInViewport:[64],clearSelection:[64],centerObjectInViewport:[64],panToObject:[64],backToContent:[64],centerAllObjects:[64],centerObjects:[64],setViewport:[64],panTo:[64],zoomTo:[64],zoomIn:[64],zoomOut:[64],getViewport:[64],screenToWorld:[64],worldToScreen:[64],createWorkspace:[64],updateWorkspace:[64],deleteWorkspace:[64],getWorkspaces:[64],getActiveWorkspace:[64],loadSharedWorkspace:[64],reinitSync:[64],registerTool:[64],changeActiveTool:[64],changeActiveToolByName:[64],disable:[64],enable:[64],copy:[64],cut:[64],paste:[64],delete:[64],bringForward:[64],sendBackward:[64],bringToFront:[64],sendToBack:[64],alignObjects:[64],group:[64],ungroup:[64],undo:[64],redo:[64],getScreenshot:[64],exportViewportAsPng:[64],exportViewportAsSvg:[64],exportSelectedObjectsAsPng:[64],exportSelectedObjectsAsSvg:[64],downloadAsJson:[64],importFromFile:[64],loadObjectsFromJson:[64],getObjectsTotalCount:[64],getAllObjects:[64],findObjects:[64],getObjectsInViewport:[64],hideContextMenu:[64],openContextMenu:[64],triggerSelectionChange:[64],getDisplayableShortcuts:[64],triggerNotification:[64],openLoginDialog:[64],setLoginLoading:[64],setLocale:[64],getLocale:[64],getAvailableLocales:[64],registerLocales:[64],registerFonts:[64],t:[64]},[[0,"dblclick","onTouchStart"]],{isEngineReady:[{onIsEngineReady:0}],isControlsReady:[{onIsControlsReady:0}],workspaces:[{onWorkspacesChange:0}],activeWorkspace:[{onActiveWorkspaceChange:0}],customFonts:[{onCustomFontsChange:0}],controls:[{onControlsChange:0}],activeWorkspaceId:[{onActiveWorkspaceIdChange:0}],theme:[{onCurrentThemeChange:0}],themes:[{onThemesChange:0}],locale:[{onLocaleChange:0}]}]),is=ss,ns=function(){"undefined"!=typeof customElements&&["kritzel-editor","kritzel-active-users","kritzel-avatar","kritzel-awareness-cursors","kritzel-back-to-content","kritzel-button","kritzel-color","kritzel-color-palette","kritzel-context-menu","kritzel-controls","kritzel-current-user","kritzel-current-user-dialog","kritzel-cursor-trail","kritzel-dialog","kritzel-dropdown","kritzel-engine","kritzel-export","kritzel-font","kritzel-font-family","kritzel-font-size","kritzel-icon","kritzel-input","kritzel-line-endings","kritzel-loading-overlay","kritzel-login-dialog","kritzel-master-detail","kritzel-menu","kritzel-menu-item","kritzel-more-menu","kritzel-notification-card","kritzel-numeric-input","kritzel-opacity-slider","kritzel-pill-tabs","kritzel-portal","kritzel-settings","kritzel-shape-fill","kritzel-share-dialog","kritzel-slide-toggle","kritzel-split-button","kritzel-stroke-size","kritzel-sync-indicator","kritzel-tool-config","kritzel-tooltip","kritzel-utility-panel","kritzel-watermark","kritzel-workspace-manager","kritzel-zoom-panel"].forEach((t=>{switch(t){case"kritzel-editor":customElements.get(o(t))||customElements.define(o(t),ss);break;case"kritzel-active-users":customElements.get(o(t))||W();break;case"kritzel-avatar":customElements.get(o(t))||V();break;case"kritzel-awareness-cursors":customElements.get(o(t))||B();break;case"kritzel-back-to-content":customElements.get(o(t))||F();break;case"kritzel-button":customElements.get(o(t))||L();break;case"kritzel-color":customElements.get(o(t))||N();break;case"kritzel-color-palette":customElements.get(o(t))||J();break;case"kritzel-context-menu":customElements.get(o(t))||H();break;case"kritzel-controls":customElements.get(o(t))||K();break;case"kritzel-current-user":customElements.get(o(t))||Y();break;case"kritzel-current-user-dialog":customElements.get(o(t))||Z();break;case"kritzel-cursor-trail":customElements.get(o(t))||q();break;case"kritzel-dialog":customElements.get(o(t))||$();break;case"kritzel-dropdown":customElements.get(o(t))||_();break;case"kritzel-engine":customElements.get(o(t))||C();break;case"kritzel-export":customElements.get(o(t))||G();break;case"kritzel-font":customElements.get(o(t))||Q();break;case"kritzel-font-family":customElements.get(o(t))||X();break;case"kritzel-font-size":customElements.get(o(t))||tt();break;case"kritzel-icon":customElements.get(o(t))||a();break;case"kritzel-input":customElements.get(o(t))||et();break;case"kritzel-line-endings":customElements.get(o(t))||st();break;case"kritzel-loading-overlay":customElements.get(o(t))||it();break;case"kritzel-login-dialog":customElements.get(o(t))||nt();break;case"kritzel-master-detail":customElements.get(o(t))||ot();break;case"kritzel-menu":customElements.get(o(t))||at();break;case"kritzel-menu-item":customElements.get(o(t))||rt();break;case"kritzel-more-menu":customElements.get(o(t))||ct();break;case"kritzel-notification-card":customElements.get(o(t))||ht();break;case"kritzel-numeric-input":customElements.get(o(t))||lt();break;case"kritzel-opacity-slider":customElements.get(o(t))||dt();break;case"kritzel-pill-tabs":customElements.get(o(t))||ut();break;case"kritzel-portal":customElements.get(o(t))||pt();break;case"kritzel-settings":customElements.get(o(t))||mt();break;case"kritzel-shape-fill":customElements.get(o(t))||gt();break;case"kritzel-share-dialog":customElements.get(o(t))||ft();break;case"kritzel-slide-toggle":customElements.get(o(t))||bt();break;case"kritzel-split-button":customElements.get(o(t))||yt();break;case"kritzel-stroke-size":customElements.get(o(t))||kt();break;case"kritzel-sync-indicator":customElements.get(o(t))||wt();break;case"kritzel-tool-config":customElements.get(o(t))||vt();break;case"kritzel-tooltip":customElements.get(o(t))||zt();break;case"kritzel-utility-panel":customElements.get(o(t))||Ct();break;case"kritzel-watermark":customElements.get(o(t))||M();break;case"kritzel-workspace-manager":customElements.get(o(t))||jt();break;case"kritzel-zoom-panel":customElements.get(o(t))||At()}}))};export{Ge as D,_e as H,is as KritzelEditor,Ve as a,Qe as b,Xe as c,ts as d,ns as defineCustomElement}
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host, t as transformTag } from './p-B43upypT.js';
+import { K as KritzelIconRegistry, d as defineCustomElement$s } from './p-CdR76C4L.js';
+import { v as DEFAULT_STROKE_SIZES, w as DEFAULT_FONT_SIZES, S as ShapeType, m as KritzelSelectionTool, f as KritzelBrushTool, h as KritzelEraserTool, g as KritzelLineTool, k as KritzelShapeTool, j as KritzelTextTool, i as KritzelImageTool, s as KritzelAlignment, x as DEFAULT_SYNC_CONFIG, y as KritzelSelectionGroup, z as KritzelSelectionBox, B as KritzelKeyboardHelper, C as defineCustomElement$x } from './p--Oazz-BP.js';
+import { D as DEFAULT_COLOR_PALETTE, T as ThemeHelper, d as darkTheme, l as lightTheme } from './p-BmyTdQGy.js';
+import { D as DEFAULT_TEXT_TOOL_AVAILABLE_FONTS, r as resolveTextToolAvailableFonts, K as KritzelFontRegistry } from './p-DJkKlUyZ.js';
+import { A as ABSOLUTE_SCALE_MAX, a as ABSOLUTE_SCALE_MIN, d as defineCustomElement$4 } from './p-PSFAfAyd.js';
+import { K as KritzelDevicesHelper } from './p-jGOpkGDl.js';
+import { O as ObjectHelper } from './p-Dd-pMvlr.js';
+import { d as defineCustomElement$J } from './p-Ka7OWbnk.js';
+import * as Y from 'yjs';
+import 'y-indexeddb';
+import 'y-websocket';
+import { d as defineCustomElement$L } from './p-DJ88BrIW.js';
+import { d as defineCustomElement$K } from './p-D5jf8wAu.js';
+import { d as defineCustomElement$I } from './p-Dlp84thc.js';
+import { d as defineCustomElement$H } from './p-DEBwmRTC.js';
+import { d as defineCustomElement$G } from './p-CqLgB8JK.js';
+import { d as defineCustomElement$F } from './p-Cymum41a.js';
+import { d as defineCustomElement$E } from './p-BxpKq94F.js';
+import { d as defineCustomElement$D } from './p-JYj3Facr.js';
+import { d as defineCustomElement$C } from './p-DIazmg6w.js';
+import { d as defineCustomElement$B } from './p-D3y_Hauo.js';
+import { d as defineCustomElement$A } from './p-Cm33td2O.js';
+import { d as defineCustomElement$z } from './p-DX2nriaq.js';
+import { d as defineCustomElement$y } from './p-Df3BwVGy.js';
+import { d as defineCustomElement$w } from './p-e6Zpc9Vp.js';
+import { d as defineCustomElement$v } from './p-B8Xi4Clg.js';
+import { d as defineCustomElement$u } from './p-djJSnjAX.js';
+import { d as defineCustomElement$t } from './p-BI2ng9I_.js';
+import { d as defineCustomElement$r } from './p-C4NrrUfN.js';
+import { d as defineCustomElement$q } from './p-CXpv9Rxe.js';
+import { d as defineCustomElement$p } from './p-DgJ0ufzr.js';
+import { d as defineCustomElement$o } from './p-B5oHmPJb.js';
+import { d as defineCustomElement$n } from './p-BsANVili.js';
+import { d as defineCustomElement$l, a as defineCustomElement$m } from './p-CwJwsRR3.js';
+import { d as defineCustomElement$k } from './p-D30zs0kA.js';
+import { d as defineCustomElement$j } from './p-pagW8YF7.js';
+import { d as defineCustomElement$i } from './p-BDzlx2hB.js';
+import { d as defineCustomElement$h } from './p-B6t5q-V4.js';
+import { d as defineCustomElement$g } from './p-D09kgc5Q.js';
+import { d as defineCustomElement$f } from './p-Ca-igU1f.js';
+import { d as defineCustomElement$e } from './p-U6uE85Qx.js';
+import { d as defineCustomElement$d } from './p-BFYtCsZu.js';
+import { d as defineCustomElement$c } from './p-DUYmwrWV.js';
+import { d as defineCustomElement$b } from './p-CWRSGYOE.js';
+import { d as defineCustomElement$a } from './p-Cr682JI_.js';
+import { d as defineCustomElement$9 } from './p-D82VaHce.js';
+import { d as defineCustomElement$8 } from './p-894OnDQV.js';
+import { d as defineCustomElement$7 } from './p-C38P-Vd0.js';
+import { d as defineCustomElement$6 } from './p-BTzlrIxe.js';
+import { d as defineCustomElement$5 } from './p-CsvMgk_f.js';
+import { d as defineCustomElement$3 } from './p-ClFprFvz.js';
+import { d as defineCustomElement$2 } from './p-DkUb2czk.js';
+
+/**
+ * Common Math expressions.
+ *
+ * @module math
+ */
+
+const floor$1 = Math.floor;
+
+/**
+ * @function
+ * @param {number} a
+ * @param {number} b
+ * @return {number} The smaller element of a and b
+ */
+const min$1 = (a, b) => a < b ? a : b;
+
+/**
+ * @function
+ * @param {number} a
+ * @param {number} b
+ * @return {number} The bigger element of a and b
+ */
+const max$1 = (a, b) => a > b ? a : b;
+
+/* eslint-env browser */
+
+const BIT8$1 = 128;
+const BITS7$1 = 127;
+
+/**
+ * Utility helpers for working with numbers.
+ *
+ * @module number
+ */
+
+
+const MAX_SAFE_INTEGER$1 = Number.MAX_SAFE_INTEGER;
+
+/**
+ * @param {string} str
+ * @return {Uint8Array}
+ */
+const _encodeUtf8Polyfill$1 = str => {
+  const encodedString = unescape(encodeURIComponent(str));
+  const len = encodedString.length;
+  const buf = new Uint8Array(len);
+  for (let i = 0; i < len; i++) {
+    buf[i] = /** @type {number} */ (encodedString.codePointAt(i));
+  }
+  return buf
+};
+
+/* c8 ignore next */
+const utf8TextEncoder$1 = /** @type {TextEncoder} */ (typeof TextEncoder !== 'undefined' ? new TextEncoder() : null);
+
+/**
+ * @param {string} str
+ * @return {Uint8Array}
+ */
+const _encodeUtf8Native$1 = str => utf8TextEncoder$1.encode(str);
+
+/**
+ * @param {string} str
+ * @return {Uint8Array}
+ */
+/* c8 ignore next */
+const encodeUtf8$1 = utf8TextEncoder$1 ? _encodeUtf8Native$1 : _encodeUtf8Polyfill$1;
+
+/* c8 ignore next */
+let utf8TextDecoder$1 = typeof TextDecoder === 'undefined' ? null : new TextDecoder('utf-8', { fatal: true, ignoreBOM: true });
+
+/* c8 ignore start */
+if (utf8TextDecoder$1 && utf8TextDecoder$1.decode(new Uint8Array()).length === 1) {
+  // Safari doesn't handle BOM correctly.
+  // This fixes a bug in Safari 13.0.5 where it produces a BOM the first time it is called.
+  // utf8TextDecoder.decode(new Uint8Array()).length === 1 on the first call and
+  // utf8TextDecoder.decode(new Uint8Array()).length === 1 on the second call
+  // Another issue is that from then on no BOM chars are recognized anymore
+  /* c8 ignore next */
+  utf8TextDecoder$1 = null;
+}
+
+/**
+ * Efficient schema-less binary encoding with support for variable length encoding.
+ *
+ * Use [lib0/encoding] with [lib0/decoding]. Every encoding function has a corresponding decoding function.
+ *
+ * Encodes numbers in little-endian order (least to most significant byte order)
+ * and is compatible with Golang's binary encoding (https://golang.org/pkg/encoding/binary/)
+ * which is also used in Protocol Buffers.
+ *
+ * ```js
+ * // encoding step
+ * const encoder = encoding.createEncoder()
+ * encoding.writeVarUint(encoder, 256)
+ * encoding.writeVarString(encoder, 'Hello world!')
+ * const buf = encoding.toUint8Array(encoder)
+ * ```
+ *
+ * ```js
+ * // decoding step
+ * const decoder = decoding.createDecoder(buf)
+ * decoding.readVarUint(decoder) // => 256
+ * decoding.readVarString(decoder) // => 'Hello world!'
+ * decoding.hasContent(decoder) // => false - all data is read
+ * ```
+ *
+ * @module encoding
+ */
+
+
+/**
+ * Write one byte to the encoder.
+ *
+ * @function
+ * @param {Encoder} encoder
+ * @param {number} num The byte that is to be encoded.
+ */
+const write$1 = (encoder, num) => {
+  const bufferLen = encoder.cbuf.length;
+  if (encoder.cpos === bufferLen) {
+    encoder.bufs.push(encoder.cbuf);
+    encoder.cbuf = new Uint8Array(bufferLen * 2);
+    encoder.cpos = 0;
+  }
+  encoder.cbuf[encoder.cpos++] = num;
+};
+
+/**
+ * Write a variable length unsigned integer. Max encodable integer is 2^53.
+ *
+ * @function
+ * @param {Encoder} encoder
+ * @param {number} num The number that is to be encoded.
+ */
+const writeVarUint$1 = (encoder, num) => {
+  while (num > BITS7$1) {
+    write$1(encoder, BIT8$1 | (BITS7$1 & num));
+    num = floor$1(num / 128); // shift >>> 7
+  }
+  write$1(encoder, BITS7$1 & num);
+};
+
+/**
+ * A cache to store strings temporarily
+ */
+const _strBuffer$1 = new Uint8Array(30000);
+const _maxStrBSize$1 = _strBuffer$1.length / 3;
+
+/**
+ * Write a variable length string.
+ *
+ * @function
+ * @param {Encoder} encoder
+ * @param {String} str The string that is to be encoded.
+ */
+const _writeVarStringNative$1 = (encoder, str) => {
+  if (str.length < _maxStrBSize$1) {
+    // We can encode the string into the existing buffer
+    /* c8 ignore next */
+    const written = utf8TextEncoder$1.encodeInto(str, _strBuffer$1).written || 0;
+    writeVarUint$1(encoder, written);
+    for (let i = 0; i < written; i++) {
+      write$1(encoder, _strBuffer$1[i]);
+    }
+  } else {
+    writeVarUint8Array$1(encoder, encodeUtf8$1(str));
+  }
+};
+
+/**
+ * Write a variable length string.
+ *
+ * @function
+ * @param {Encoder} encoder
+ * @param {String} str The string that is to be encoded.
+ */
+const _writeVarStringPolyfill$1 = (encoder, str) => {
+  const encodedString = unescape(encodeURIComponent(str));
+  const len = encodedString.length;
+  writeVarUint$1(encoder, len);
+  for (let i = 0; i < len; i++) {
+    write$1(encoder, /** @type {number} */ (encodedString.codePointAt(i)));
+  }
+};
+
+/**
+ * Write a variable length string.
+ *
+ * @function
+ * @param {Encoder} encoder
+ * @param {String} str The string that is to be encoded.
+ */
+/* c8 ignore next */
+const writeVarString$1 = (utf8TextEncoder$1 && /** @type {any} */ (utf8TextEncoder$1).encodeInto) ? _writeVarStringNative$1 : _writeVarStringPolyfill$1;
+
+/**
+ * Append fixed-length Uint8Array to the encoder.
+ *
+ * @function
+ * @param {Encoder} encoder
+ * @param {Uint8Array} uint8Array
+ */
+const writeUint8Array$1 = (encoder, uint8Array) => {
+  const bufferLen = encoder.cbuf.length;
+  const cpos = encoder.cpos;
+  const leftCopyLen = min$1(bufferLen - cpos, uint8Array.length);
+  const rightCopyLen = uint8Array.length - leftCopyLen;
+  encoder.cbuf.set(uint8Array.subarray(0, leftCopyLen), cpos);
+  encoder.cpos += leftCopyLen;
+  if (rightCopyLen > 0) {
+    // Still something to write, write right half..
+    // Append new buffer
+    encoder.bufs.push(encoder.cbuf);
+    // must have at least size of remaining buffer
+    encoder.cbuf = new Uint8Array(max$1(bufferLen * 2, rightCopyLen));
+    // copy array
+    encoder.cbuf.set(uint8Array.subarray(leftCopyLen));
+    encoder.cpos = rightCopyLen;
+  }
+};
+
+/**
+ * Append an Uint8Array to Encoder.
+ *
+ * @function
+ * @param {Encoder} encoder
+ * @param {Uint8Array} uint8Array
+ */
+const writeVarUint8Array$1 = (encoder, uint8Array) => {
+  writeVarUint$1(encoder, uint8Array.byteLength);
+  writeUint8Array$1(encoder, uint8Array);
+};
+
+/**
+ * Error helpers.
+ *
+ * @module error
+ */
+
+/**
+ * @param {string} s
+ * @return {Error}
+ */
+/* c8 ignore next */
+const create$3 = s => new Error(s);
+
+/**
+ * Efficient schema-less binary decoding with support for variable length encoding.
+ *
+ * Use [lib0/decoding] with [lib0/encoding]. Every encoding function has a corresponding decoding function.
+ *
+ * Encodes numbers in little-endian order (least to most significant byte order)
+ * and is compatible with Golang's binary encoding (https://golang.org/pkg/encoding/binary/)
+ * which is also used in Protocol Buffers.
+ *
+ * ```js
+ * // encoding step
+ * const encoder = encoding.createEncoder()
+ * encoding.writeVarUint(encoder, 256)
+ * encoding.writeVarString(encoder, 'Hello world!')
+ * const buf = encoding.toUint8Array(encoder)
+ * ```
+ *
+ * ```js
+ * // decoding step
+ * const decoder = decoding.createDecoder(buf)
+ * decoding.readVarUint(decoder) // => 256
+ * decoding.readVarString(decoder) // => 'Hello world!'
+ * decoding.hasContent(decoder) // => false - all data is read
+ * ```
+ *
+ * @module decoding
+ */
+
+
+const errorUnexpectedEndOfArray$1 = create$3('Unexpected end of array');
+const errorIntegerOutOfRange$1 = create$3('Integer out of Range');
+
+/**
+ * Create an Uint8Array view of the next `len` bytes and advance the position by `len`.
+ *
+ * Important: The Uint8Array still points to the underlying ArrayBuffer. Make sure to discard the result as soon as possible to prevent any memory leaks.
+ *            Use `buffer.copyUint8Array` to copy the result into a new Uint8Array.
+ *
+ * @function
+ * @param {Decoder} decoder The decoder instance
+ * @param {number} len The length of bytes to read
+ * @return {Uint8Array}
+ */
+const readUint8Array$1 = (decoder, len) => {
+  const view = new Uint8Array(decoder.arr.buffer, decoder.pos + decoder.arr.byteOffset, len);
+  decoder.pos += len;
+  return view
+};
+
+/**
+ * Read variable length Uint8Array.
+ *
+ * Important: The Uint8Array still points to the underlying ArrayBuffer. Make sure to discard the result as soon as possible to prevent any memory leaks.
+ *            Use `buffer.copyUint8Array` to copy the result into a new Uint8Array.
+ *
+ * @function
+ * @param {Decoder} decoder
+ * @return {Uint8Array}
+ */
+const readVarUint8Array$1 = decoder => readUint8Array$1(decoder, readVarUint$1(decoder));
+
+/**
+ * Read one byte as unsigned integer.
+ * @function
+ * @param {Decoder} decoder The decoder instance
+ * @return {number} Unsigned 8-bit integer
+ */
+const readUint8$1 = decoder => decoder.arr[decoder.pos++];
+
+/**
+ * Read unsigned integer (32bit) with variable length.
+ * 1/8th of the storage is used as encoding overhead.
+ *  * numbers < 2^7 is stored in one bytlength
+ *  * numbers < 2^14 is stored in two bylength
+ *
+ * @function
+ * @param {Decoder} decoder
+ * @return {number} An unsigned integer.length
+ */
+const readVarUint$1 = decoder => {
+  let num = 0;
+  let mult = 1;
+  const len = decoder.arr.length;
+  while (decoder.pos < len) {
+    const r = decoder.arr[decoder.pos++];
+    // num = num | ((r & binary.BITS7) << len)
+    num = num + (r & BITS7$1) * mult; // shift $r << (7*#iterations) and add it to num
+    mult *= 128; // next iteration, shift 7 "more" to the left
+    if (r < BIT8$1) {
+      return num
+    }
+    /* c8 ignore start */
+    if (num > MAX_SAFE_INTEGER$1) {
+      throw errorIntegerOutOfRange$1
+    }
+    /* c8 ignore stop */
+  }
+  throw errorUnexpectedEndOfArray$1
+};
+
+/**
+ * We don't test this function anymore as we use native decoding/encoding by default now.
+ * Better not modify this anymore..
+ *
+ * Transforming utf8 to a string is pretty expensive. The code performs 10x better
+ * when String.fromCodePoint is fed with all characters as arguments.
+ * But most environments have a maximum number of arguments per functions.
+ * For effiency reasons we apply a maximum of 10000 characters at once.
+ *
+ * @function
+ * @param {Decoder} decoder
+ * @return {String} The read String.
+ */
+/* c8 ignore start */
+const _readVarStringPolyfill$1 = decoder => {
+  let remainingLen = readVarUint$1(decoder);
+  if (remainingLen === 0) {
+    return ''
+  } else {
+    let encodedString = String.fromCodePoint(readUint8$1(decoder)); // remember to decrease remainingLen
+    if (--remainingLen < 100) { // do not create a Uint8Array for small strings
+      while (remainingLen--) {
+        encodedString += String.fromCodePoint(readUint8$1(decoder));
+      }
+    } else {
+      while (remainingLen > 0) {
+        const nextLen = remainingLen < 10000 ? remainingLen : 10000;
+        // this is dangerous, we create a fresh array view from the existing buffer
+        const bytes = decoder.arr.subarray(decoder.pos, decoder.pos + nextLen);
+        decoder.pos += nextLen;
+        // Starting with ES5.1 we can supply a generic array-like object as arguments
+        encodedString += String.fromCodePoint.apply(null, /** @type {any} */ (bytes));
+        remainingLen -= nextLen;
+      }
+    }
+    return decodeURIComponent(escape(encodedString))
+  }
+};
+/* c8 ignore stop */
+
+/**
+ * @function
+ * @param {Decoder} decoder
+ * @return {String} The read String
+ */
+const _readVarStringNative$1 = decoder =>
+  /** @type any */ (utf8TextDecoder$1).decode(readVarUint8Array$1(decoder));
+
+/**
+ * Read string of variable length
+ * * varUint is used to store the length of the string
+ *
+ * @function
+ * @param {Decoder} decoder
+ * @return {String} The read String
+ *
+ */
+/* c8 ignore next */
+const readVarString$1 = utf8TextDecoder$1 ? _readVarStringNative$1 : _readVarStringPolyfill$1;
+
+var AuthMessageType;
+(function (AuthMessageType) {
+    AuthMessageType[AuthMessageType["Token"] = 0] = "Token";
+    AuthMessageType[AuthMessageType["PermissionDenied"] = 1] = "PermissionDenied";
+    AuthMessageType[AuthMessageType["Authenticated"] = 2] = "Authenticated";
+})(AuthMessageType || (AuthMessageType = {}));
+const writeAuthentication = (encoder, auth) => {
+    writeVarUint$1(encoder, AuthMessageType.Token);
+    writeVarString$1(encoder, auth);
+};
+const readAuthMessage = (decoder, sendToken, permissionDeniedHandler, authenticatedHandler) => {
+    switch (readVarUint$1(decoder)) {
+        case AuthMessageType.Token: {
+            sendToken();
+            break;
+        }
+        case AuthMessageType.PermissionDenied: {
+            permissionDeniedHandler(readVarString$1(decoder));
+            break;
+        }
+        case AuthMessageType.Authenticated: {
+            authenticatedHandler(readVarString$1(decoder));
+            break;
+        }
+    }
+};
+
+const awarenessStatesToArray = (states) => {
+    return Array.from(states.entries()).map(([key, value]) => {
+        return {
+            clientId: key,
+            ...value,
+        };
+    });
+};
+
+/**
+ * State of the WebSocket connection.
+ * https://developer.mozilla.org/de/docs/Web/API/WebSocket/readyState
+ */
+var WsReadyStates;
+(function (WsReadyStates) {
+    WsReadyStates[WsReadyStates["Connecting"] = 0] = "Connecting";
+    WsReadyStates[WsReadyStates["Open"] = 1] = "Open";
+    WsReadyStates[WsReadyStates["Closing"] = 2] = "Closing";
+    WsReadyStates[WsReadyStates["Closed"] = 3] = "Closed";
+})(WsReadyStates || (WsReadyStates = {}));
+
+function applyDefaults(options) {
+    if (!options) {
+        options = {};
+    }
+    return {
+        delay: (options.delay === undefined) ? 200 : options.delay,
+        initialDelay: (options.initialDelay === undefined) ? 0 : options.initialDelay,
+        minDelay: (options.minDelay === undefined) ? 0 : options.minDelay,
+        maxDelay: (options.maxDelay === undefined) ? 0 : options.maxDelay,
+        factor: (options.factor === undefined) ? 0 : options.factor,
+        maxAttempts: (options.maxAttempts === undefined) ? 3 : options.maxAttempts,
+        timeout: (options.timeout === undefined) ? 0 : options.timeout,
+        jitter: (options.jitter === true),
+        initialJitter: (options.initialJitter === true),
+        handleError: (options.handleError === undefined) ? null : options.handleError,
+        handleTimeout: (options.handleTimeout === undefined) ? null : options.handleTimeout,
+        beforeAttempt: (options.beforeAttempt === undefined) ? null : options.beforeAttempt,
+        calculateDelay: (options.calculateDelay === undefined) ? null : options.calculateDelay
+    };
+}
+async function sleep(delay) {
+    return new Promise((resolve) => setTimeout(resolve, delay));
+}
+function defaultCalculateDelay(context, options) {
+    let delay = options.delay;
+    if (delay === 0) {
+        // no delay between attempts
+        return 0;
+    }
+    if (options.factor) {
+        delay *= Math.pow(options.factor, context.attemptNum - 1);
+        if (options.maxDelay !== 0) {
+            delay = Math.min(delay, options.maxDelay);
+        }
+    }
+    if (options.jitter) {
+        // Jitter will result in a random value between `minDelay` and
+        // calculated delay for a given attempt.
+        // See https://www.awsarchitectureblog.com/2015/03/backoff.html
+        // We're using the "full jitter" strategy.
+        const min = Math.ceil(options.minDelay);
+        const max = Math.floor(delay);
+        delay = Math.floor(Math.random() * (max - min + 1)) + min;
+    }
+    return Math.round(delay);
+}
+async function retry(attemptFunc, attemptOptions) {
+    const options = applyDefaults(attemptOptions);
+    for (const prop of [
+        'delay',
+        'initialDelay',
+        'minDelay',
+        'maxDelay',
+        'maxAttempts',
+        'timeout'
+    ]) {
+        const value = options[prop];
+        if (!Number.isInteger(value) || (value < 0)) {
+            throw new Error(`Value for ${prop} must be an integer greater than or equal to 0`);
+        }
+    }
+    if ((options.factor.constructor !== Number) || (options.factor < 0)) {
+        throw new Error(`Value for factor must be a number greater than or equal to 0`);
+    }
+    if (options.delay < options.minDelay) {
+        throw new Error(`delay cannot be less than minDelay (delay: ${options.delay}, minDelay: ${options.minDelay}`);
+    }
+    const context = {
+        attemptNum: 0,
+        attemptsRemaining: options.maxAttempts ? options.maxAttempts : -1,
+        aborted: false,
+        abort() {
+            context.aborted = true;
+        }
+    };
+    const calculateDelay = options.calculateDelay || defaultCalculateDelay;
+    async function makeAttempt() {
+        if (options.beforeAttempt) {
+            options.beforeAttempt(context, options);
+        }
+        if (context.aborted) {
+            const err = new Error(`Attempt aborted`);
+            err.code = 'ATTEMPT_ABORTED';
+            throw err;
+        }
+        const onError = async (err) => {
+            if (options.handleError) {
+                await options.handleError(err, context, options);
+            }
+            if (context.aborted || (context.attemptsRemaining === 0)) {
+                throw err;
+            }
+            // We are about to try again so increment attempt number
+            context.attemptNum++;
+            const delay = calculateDelay(context, options);
+            if (delay) {
+                await sleep(delay);
+            }
+            return makeAttempt();
+        };
+        if (context.attemptsRemaining > 0) {
+            context.attemptsRemaining--;
+        }
+        if (options.timeout) {
+            return new Promise((resolve, reject) => {
+                const timer = setTimeout(() => {
+                    if (options.handleTimeout) {
+                        // If calling handleTimeout throws an error that is not wrapped in a promise
+                        // we want to catch the error and reject.
+                        try {
+                            resolve(options.handleTimeout(context, options));
+                        }
+                        catch (e) {
+                            reject(e);
+                        }
+                    }
+                    else {
+                        const err = new Error(`Retry timeout (attemptNum: ${context.attemptNum}, timeout: ${options.timeout})`);
+                        err.code = 'ATTEMPT_TIMEOUT';
+                        reject(err);
+                    }
+                }, options.timeout);
+                attemptFunc(context, options).then((result) => {
+                    clearTimeout(timer);
+                    resolve(result);
+                }).catch((err) => {
+                    clearTimeout(timer);
+                    // Calling resolve with a Promise that rejects here will result
+                    // in an unhandled rejection. Calling `reject` with errors
+                    // does not result in an unhandled rejection
+                    onError(err).then(resolve).catch(reject);
+                });
+            });
+        }
+        else {
+            // No timeout provided so wait indefinitely for the returned promise
+            // to be resolved.
+            return attemptFunc(context, options).catch(onError);
+        }
+    }
+    const initialDelay = options.calculateDelay
+        ? options.calculateDelay(context, options)
+        : options.initialDelay;
+    if (initialDelay) {
+        await sleep(initialDelay);
+    }
+    if (context.attemptNum < 1 && options.initialJitter) {
+        const delay = calculateDelay(context, options);
+        if (delay) {
+            await sleep(delay);
+        }
+    }
+    return makeAttempt();
+}
+
+/**
+ * Common Math expressions.
+ *
+ * @module math
+ */
+
+const floor = Math.floor;
+
+/**
+ * @function
+ * @param {number} a
+ * @param {number} b
+ * @return {number} The smaller element of a and b
+ */
+const min = (a, b) => a < b ? a : b;
+
+/**
+ * @function
+ * @param {number} a
+ * @param {number} b
+ * @return {number} The bigger element of a and b
+ */
+const max = (a, b) => a > b ? a : b;
+
+/* eslint-env browser */
+
+const BIT7 = 64;
+const BIT8 = 128;
+const BITS6 = 63;
+const BITS7 = 127;
+
+/**
+ * Utility helpers for working with numbers.
+ *
+ * @module number
+ */
+
+
+const MAX_SAFE_INTEGER = Number.MAX_SAFE_INTEGER;
+
+/**
+ * Utility module to work with sets.
+ *
+ * @module set
+ */
+
+const create$2 = () => new Set();
+
+/**
+ * Utility module to work with Arrays.
+ *
+ * @module array
+ */
+
+
+/**
+ * Transforms something array-like to an actual Array.
+ *
+ * @function
+ * @template T
+ * @param {ArrayLike<T>|Iterable<T>} arraylike
+ * @return {T}
+ */
+const from = Array.from;
+
+/**
+ * @param {string} str
+ * @return {Uint8Array}
+ */
+const _encodeUtf8Polyfill = str => {
+  const encodedString = unescape(encodeURIComponent(str));
+  const len = encodedString.length;
+  const buf = new Uint8Array(len);
+  for (let i = 0; i < len; i++) {
+    buf[i] = /** @type {number} */ (encodedString.codePointAt(i));
+  }
+  return buf
+};
+
+/* c8 ignore next */
+const utf8TextEncoder = /** @type {TextEncoder} */ (typeof TextEncoder !== 'undefined' ? new TextEncoder() : null);
+
+/**
+ * @param {string} str
+ * @return {Uint8Array}
+ */
+const _encodeUtf8Native = str => utf8TextEncoder.encode(str);
+
+/**
+ * @param {string} str
+ * @return {Uint8Array}
+ */
+/* c8 ignore next */
+const encodeUtf8 = utf8TextEncoder ? _encodeUtf8Native : _encodeUtf8Polyfill;
+
+/* c8 ignore next */
+let utf8TextDecoder = typeof TextDecoder === 'undefined' ? null : new TextDecoder('utf-8', { fatal: true, ignoreBOM: true });
+
+/* c8 ignore start */
+if (utf8TextDecoder && utf8TextDecoder.decode(new Uint8Array()).length === 1) {
+  // Safari doesn't handle BOM correctly.
+  // This fixes a bug in Safari 13.0.5 where it produces a BOM the first time it is called.
+  // utf8TextDecoder.decode(new Uint8Array()).length === 1 on the first call and
+  // utf8TextDecoder.decode(new Uint8Array()).length === 1 on the second call
+  // Another issue is that from then on no BOM chars are recognized anymore
+  /* c8 ignore next */
+  utf8TextDecoder = null;
+}
+
+/**
+ * Efficient schema-less binary encoding with support for variable length encoding.
+ *
+ * Use [lib0/encoding] with [lib0/decoding]. Every encoding function has a corresponding decoding function.
+ *
+ * Encodes numbers in little-endian order (least to most significant byte order)
+ * and is compatible with Golang's binary encoding (https://golang.org/pkg/encoding/binary/)
+ * which is also used in Protocol Buffers.
+ *
+ * ```js
+ * // encoding step
+ * const encoder = encoding.createEncoder()
+ * encoding.writeVarUint(encoder, 256)
+ * encoding.writeVarString(encoder, 'Hello world!')
+ * const buf = encoding.toUint8Array(encoder)
+ * ```
+ *
+ * ```js
+ * // decoding step
+ * const decoder = decoding.createDecoder(buf)
+ * decoding.readVarUint(decoder) // => 256
+ * decoding.readVarString(decoder) // => 'Hello world!'
+ * decoding.hasContent(decoder) // => false - all data is read
+ * ```
+ *
+ * @module encoding
+ */
+
+
+/**
+ * A BinaryEncoder handles the encoding to an Uint8Array.
+ */
+class Encoder {
+  constructor () {
+    this.cpos = 0;
+    this.cbuf = new Uint8Array(100);
+    /**
+     * @type {Array<Uint8Array>}
+     */
+    this.bufs = [];
+  }
+}
+
+/**
+ * @function
+ * @return {Encoder}
+ */
+const createEncoder = () => new Encoder();
+
+/**
+ * The current length of the encoded data.
+ *
+ * @function
+ * @param {Encoder} encoder
+ * @return {number}
+ */
+const length$1 = encoder => {
+  let len = encoder.cpos;
+  for (let i = 0; i < encoder.bufs.length; i++) {
+    len += encoder.bufs[i].length;
+  }
+  return len
+};
+
+/**
+ * Transform to Uint8Array.
+ *
+ * @function
+ * @param {Encoder} encoder
+ * @return {Uint8Array} The created ArrayBuffer.
+ */
+const toUint8Array = encoder => {
+  const uint8arr = new Uint8Array(length$1(encoder));
+  let curPos = 0;
+  for (let i = 0; i < encoder.bufs.length; i++) {
+    const d = encoder.bufs[i];
+    uint8arr.set(d, curPos);
+    curPos += d.length;
+  }
+  uint8arr.set(new Uint8Array(encoder.cbuf.buffer, 0, encoder.cpos), curPos);
+  return uint8arr
+};
+
+/**
+ * Write one byte to the encoder.
+ *
+ * @function
+ * @param {Encoder} encoder
+ * @param {number} num The byte that is to be encoded.
+ */
+const write = (encoder, num) => {
+  const bufferLen = encoder.cbuf.length;
+  if (encoder.cpos === bufferLen) {
+    encoder.bufs.push(encoder.cbuf);
+    encoder.cbuf = new Uint8Array(bufferLen * 2);
+    encoder.cpos = 0;
+  }
+  encoder.cbuf[encoder.cpos++] = num;
+};
+
+/**
+ * Write a variable length unsigned integer. Max encodable integer is 2^53.
+ *
+ * @function
+ * @param {Encoder} encoder
+ * @param {number} num The number that is to be encoded.
+ */
+const writeVarUint = (encoder, num) => {
+  while (num > BITS7) {
+    write(encoder, BIT8 | (BITS7 & num));
+    num = floor(num / 128); // shift >>> 7
+  }
+  write(encoder, BITS7 & num);
+};
+
+/**
+ * A cache to store strings temporarily
+ */
+const _strBuffer = new Uint8Array(30000);
+const _maxStrBSize = _strBuffer.length / 3;
+
+/**
+ * Write a variable length string.
+ *
+ * @function
+ * @param {Encoder} encoder
+ * @param {String} str The string that is to be encoded.
+ */
+const _writeVarStringNative = (encoder, str) => {
+  if (str.length < _maxStrBSize) {
+    // We can encode the string into the existing buffer
+    /* c8 ignore next */
+    const written = utf8TextEncoder.encodeInto(str, _strBuffer).written || 0;
+    writeVarUint(encoder, written);
+    for (let i = 0; i < written; i++) {
+      write(encoder, _strBuffer[i]);
+    }
+  } else {
+    writeVarUint8Array(encoder, encodeUtf8(str));
+  }
+};
+
+/**
+ * Write a variable length string.
+ *
+ * @function
+ * @param {Encoder} encoder
+ * @param {String} str The string that is to be encoded.
+ */
+const _writeVarStringPolyfill = (encoder, str) => {
+  const encodedString = unescape(encodeURIComponent(str));
+  const len = encodedString.length;
+  writeVarUint(encoder, len);
+  for (let i = 0; i < len; i++) {
+    write(encoder, /** @type {number} */ (encodedString.codePointAt(i)));
+  }
+};
+
+/**
+ * Write a variable length string.
+ *
+ * @function
+ * @param {Encoder} encoder
+ * @param {String} str The string that is to be encoded.
+ */
+/* c8 ignore next */
+const writeVarString = (utf8TextEncoder && /** @type {any} */ (utf8TextEncoder).encodeInto) ? _writeVarStringNative : _writeVarStringPolyfill;
+
+/**
+ * Append fixed-length Uint8Array to the encoder.
+ *
+ * @function
+ * @param {Encoder} encoder
+ * @param {Uint8Array} uint8Array
+ */
+const writeUint8Array = (encoder, uint8Array) => {
+  const bufferLen = encoder.cbuf.length;
+  const cpos = encoder.cpos;
+  const leftCopyLen = min(bufferLen - cpos, uint8Array.length);
+  const rightCopyLen = uint8Array.length - leftCopyLen;
+  encoder.cbuf.set(uint8Array.subarray(0, leftCopyLen), cpos);
+  encoder.cpos += leftCopyLen;
+  if (rightCopyLen > 0) {
+    // Still something to write, write right half..
+    // Append new buffer
+    encoder.bufs.push(encoder.cbuf);
+    // must have at least size of remaining buffer
+    encoder.cbuf = new Uint8Array(max(bufferLen * 2, rightCopyLen));
+    // copy array
+    encoder.cbuf.set(uint8Array.subarray(leftCopyLen));
+    encoder.cpos = rightCopyLen;
+  }
+};
+
+/**
+ * Append an Uint8Array to Encoder.
+ *
+ * @function
+ * @param {Encoder} encoder
+ * @param {Uint8Array} uint8Array
+ */
+const writeVarUint8Array = (encoder, uint8Array) => {
+  writeVarUint(encoder, uint8Array.byteLength);
+  writeUint8Array(encoder, uint8Array);
+};
+
+/**
+ * Error helpers.
+ *
+ * @module error
+ */
+
+/**
+ * @param {string} s
+ * @return {Error}
+ */
+/* c8 ignore next */
+const create$1 = s => new Error(s);
+
+/**
+ * Efficient schema-less binary decoding with support for variable length encoding.
+ *
+ * Use [lib0/decoding] with [lib0/encoding]. Every encoding function has a corresponding decoding function.
+ *
+ * Encodes numbers in little-endian order (least to most significant byte order)
+ * and is compatible with Golang's binary encoding (https://golang.org/pkg/encoding/binary/)
+ * which is also used in Protocol Buffers.
+ *
+ * ```js
+ * // encoding step
+ * const encoder = encoding.createEncoder()
+ * encoding.writeVarUint(encoder, 256)
+ * encoding.writeVarString(encoder, 'Hello world!')
+ * const buf = encoding.toUint8Array(encoder)
+ * ```
+ *
+ * ```js
+ * // decoding step
+ * const decoder = decoding.createDecoder(buf)
+ * decoding.readVarUint(decoder) // => 256
+ * decoding.readVarString(decoder) // => 'Hello world!'
+ * decoding.hasContent(decoder) // => false - all data is read
+ * ```
+ *
+ * @module decoding
+ */
+
+
+const errorUnexpectedEndOfArray = create$1('Unexpected end of array');
+const errorIntegerOutOfRange = create$1('Integer out of Range');
+
+/**
+ * A Decoder handles the decoding of an Uint8Array.
+ */
+class Decoder {
+  /**
+   * @param {Uint8Array} uint8Array Binary data to decode
+   */
+  constructor (uint8Array) {
+    /**
+     * Decoding target.
+     *
+     * @type {Uint8Array}
+     */
+    this.arr = uint8Array;
+    /**
+     * Current decoding position.
+     *
+     * @type {number}
+     */
+    this.pos = 0;
+  }
+}
+
+/**
+ * @function
+ * @param {Uint8Array} uint8Array
+ * @return {Decoder}
+ */
+const createDecoder = uint8Array => new Decoder(uint8Array);
+
+/**
+ * Create an Uint8Array view of the next `len` bytes and advance the position by `len`.
+ *
+ * Important: The Uint8Array still points to the underlying ArrayBuffer. Make sure to discard the result as soon as possible to prevent any memory leaks.
+ *            Use `buffer.copyUint8Array` to copy the result into a new Uint8Array.
+ *
+ * @function
+ * @param {Decoder} decoder The decoder instance
+ * @param {number} len The length of bytes to read
+ * @return {Uint8Array}
+ */
+const readUint8Array = (decoder, len) => {
+  const view = new Uint8Array(decoder.arr.buffer, decoder.pos + decoder.arr.byteOffset, len);
+  decoder.pos += len;
+  return view
+};
+
+/**
+ * Read variable length Uint8Array.
+ *
+ * Important: The Uint8Array still points to the underlying ArrayBuffer. Make sure to discard the result as soon as possible to prevent any memory leaks.
+ *            Use `buffer.copyUint8Array` to copy the result into a new Uint8Array.
+ *
+ * @function
+ * @param {Decoder} decoder
+ * @return {Uint8Array}
+ */
+const readVarUint8Array = decoder => readUint8Array(decoder, readVarUint(decoder));
+
+/**
+ * Read one byte as unsigned integer.
+ * @function
+ * @param {Decoder} decoder The decoder instance
+ * @return {number} Unsigned 8-bit integer
+ */
+const readUint8 = decoder => decoder.arr[decoder.pos++];
+
+/**
+ * Read unsigned integer (32bit) with variable length.
+ * 1/8th of the storage is used as encoding overhead.
+ *  * numbers < 2^7 is stored in one bytlength
+ *  * numbers < 2^14 is stored in two bylength
+ *
+ * @function
+ * @param {Decoder} decoder
+ * @return {number} An unsigned integer.length
+ */
+const readVarUint = decoder => {
+  let num = 0;
+  let mult = 1;
+  const len = decoder.arr.length;
+  while (decoder.pos < len) {
+    const r = decoder.arr[decoder.pos++];
+    // num = num | ((r & binary.BITS7) << len)
+    num = num + (r & BITS7) * mult; // shift $r << (7*#iterations) and add it to num
+    mult *= 128; // next iteration, shift 7 "more" to the left
+    if (r < BIT8) {
+      return num
+    }
+    /* c8 ignore start */
+    if (num > MAX_SAFE_INTEGER) {
+      throw errorIntegerOutOfRange
+    }
+    /* c8 ignore stop */
+  }
+  throw errorUnexpectedEndOfArray
+};
+
+/**
+ * Read signed integer (32bit) with variable length.
+ * 1/8th of the storage is used as encoding overhead.
+ *  * numbers < 2^7 is stored in one bytlength
+ *  * numbers < 2^14 is stored in two bylength
+ * @todo This should probably create the inverse ~num if number is negative - but this would be a breaking change.
+ *
+ * @function
+ * @param {Decoder} decoder
+ * @return {number} An unsigned integer.length
+ */
+const readVarInt = decoder => {
+  let r = decoder.arr[decoder.pos++];
+  let num = r & BITS6;
+  let mult = 64;
+  const sign = (r & BIT7) > 0 ? -1 : 1;
+  if ((r & BIT8) === 0) {
+    // don't continue reading
+    return sign * num
+  }
+  const len = decoder.arr.length;
+  while (decoder.pos < len) {
+    r = decoder.arr[decoder.pos++];
+    // num = num | ((r & binary.BITS7) << len)
+    num = num + (r & BITS7) * mult;
+    mult *= 128;
+    if (r < BIT8) {
+      return sign * num
+    }
+    /* c8 ignore start */
+    if (num > MAX_SAFE_INTEGER) {
+      throw errorIntegerOutOfRange
+    }
+    /* c8 ignore stop */
+  }
+  throw errorUnexpectedEndOfArray
+};
+
+/**
+ * We don't test this function anymore as we use native decoding/encoding by default now.
+ * Better not modify this anymore..
+ *
+ * Transforming utf8 to a string is pretty expensive. The code performs 10x better
+ * when String.fromCodePoint is fed with all characters as arguments.
+ * But most environments have a maximum number of arguments per functions.
+ * For effiency reasons we apply a maximum of 10000 characters at once.
+ *
+ * @function
+ * @param {Decoder} decoder
+ * @return {String} The read String.
+ */
+/* c8 ignore start */
+const _readVarStringPolyfill = decoder => {
+  let remainingLen = readVarUint(decoder);
+  if (remainingLen === 0) {
+    return ''
+  } else {
+    let encodedString = String.fromCodePoint(readUint8(decoder)); // remember to decrease remainingLen
+    if (--remainingLen < 100) { // do not create a Uint8Array for small strings
+      while (remainingLen--) {
+        encodedString += String.fromCodePoint(readUint8(decoder));
+      }
+    } else {
+      while (remainingLen > 0) {
+        const nextLen = remainingLen < 10000 ? remainingLen : 10000;
+        // this is dangerous, we create a fresh array view from the existing buffer
+        const bytes = decoder.arr.subarray(decoder.pos, decoder.pos + nextLen);
+        decoder.pos += nextLen;
+        // Starting with ES5.1 we can supply a generic array-like object as arguments
+        encodedString += String.fromCodePoint.apply(null, /** @type {any} */ (bytes));
+        remainingLen -= nextLen;
+      }
+    }
+    return decodeURIComponent(escape(encodedString))
+  }
+};
+/* c8 ignore stop */
+
+/**
+ * @function
+ * @param {Decoder} decoder
+ * @return {String} The read String
+ */
+const _readVarStringNative = decoder =>
+  /** @type any */ (utf8TextDecoder).decode(readVarUint8Array(decoder));
+
+/**
+ * Read string of variable length
+ * * varUint is used to store the length of the string
+ *
+ * @function
+ * @param {Decoder} decoder
+ * @return {String} The read String
+ *
+ */
+/* c8 ignore next */
+const readVarString = utf8TextDecoder ? _readVarStringNative : _readVarStringPolyfill;
+
+/**
+ * Look ahead and read varString without incrementing position
+ *
+ * @function
+ * @param {Decoder} decoder
+ * @return {string}
+ */
+const peekVarString = decoder => {
+  const pos = decoder.pos;
+  const s = readVarString(decoder);
+  decoder.pos = pos;
+  return s
+};
+
+/**
+ * Utility module to work with time.
+ *
+ * @module time
+ */
+
+
+/**
+ * Return current unix time.
+ *
+ * @return {number}
+ */
+const getUnixTime = Date.now;
+
+/**
+ * Utility module to work with key-value stores.
+ *
+ * @module map
+ */
+
+/**
+ * Creates a new Map instance.
+ *
+ * @function
+ * @return {Map<any, any>}
+ *
+ * @function
+ */
+const create = () => new Map();
+
+/**
+ * Get map property. Create T if property is undefined and set T on map.
+ *
+ * ```js
+ * const listeners = map.setIfUndefined(events, 'eventName', set.create)
+ * listeners.add(listener)
+ * ```
+ *
+ * @function
+ * @template {Map<any, any>} MAP
+ * @template {MAP extends Map<any,infer V> ? function():V : unknown} CF
+ * @param {MAP} map
+ * @param {MAP extends Map<infer K,any> ? K : unknown} key
+ * @param {CF} createT
+ * @return {ReturnType<CF>}
+ */
+const setIfUndefined = (map, key, createT) => {
+  let set = map.get(key);
+  if (set === undefined) {
+    map.set(key, set = createT());
+  }
+  return set
+};
+
+/**
+ * Observable class prototype.
+ *
+ * @module observable
+ */
+
+
+/* c8 ignore start */
+/**
+ * Handles named events.
+ *
+ * @deprecated
+ * @template N
+ */
+class Observable {
+  constructor () {
+    /**
+     * Some desc.
+     * @type {Map<N, any>}
+     */
+    this._observers = create();
+  }
+
+  /**
+   * @param {N} name
+   * @param {function} f
+   */
+  on (name, f) {
+    setIfUndefined(this._observers, name, create$2).add(f);
+  }
+
+  /**
+   * @param {N} name
+   * @param {function} f
+   */
+  once (name, f) {
+    /**
+     * @param  {...any} args
+     */
+    const _f = (...args) => {
+      this.off(name, _f);
+      f(...args);
+    };
+    this.on(name, _f);
+  }
+
+  /**
+   * @param {N} name
+   * @param {function} f
+   */
+  off (name, f) {
+    const observers = this._observers.get(name);
+    if (observers !== undefined) {
+      observers.delete(f);
+      if (observers.size === 0) {
+        this._observers.delete(name);
+      }
+    }
+  }
+
+  /**
+   * Emit a named event. All registered event listeners that listen to the
+   * specified name will receive the event.
+   *
+   * @todo This should catch exceptions
+   *
+   * @param {N} name The event name.
+   * @param {Array<any>} args The arguments that are applied to the event listener.
+   */
+  emit (name, args) {
+    // copy all listeners to an array first to make sure that no event is emitted to listeners that are subscribed while the event handler is called.
+    return from((this._observers.get(name) || create()).values()).forEach(f => f(...args))
+  }
+
+  destroy () {
+    this._observers = create();
+  }
+}
+/* c8 ignore end */
+
+/**
+ * Utility functions for working with EcmaScript objects.
+ *
+ * @module object
+ */
+
+
+/**
+ * @param {Object<string,any>} obj
+ */
+const keys = Object.keys;
+
+/**
+ * @deprecated use object.size instead
+ * @param {Object<string,any>} obj
+ * @return {number}
+ */
+const length = obj => keys(obj).length;
+
+/**
+ * Calls `Object.prototype.hasOwnProperty`.
+ *
+ * @param {any} obj
+ * @param {string|symbol} key
+ * @return {boolean}
+ */
+const hasProperty = (obj, key) => Object.prototype.hasOwnProperty.call(obj, key);
+
+/**
+ * Common functions and function call helpers.
+ *
+ * @module function
+ */
+
+
+/**
+ * @template T
+ *
+ * @param {T} a
+ * @param {T} b
+ * @return {boolean}
+ */
+const equalityStrict = (a, b) => a === b;
+
+/* c8 ignore start */
+
+/**
+ * @param {any} a
+ * @param {any} b
+ * @return {boolean}
+ */
+const equalityDeep = (a, b) => {
+  if (a == null || b == null) {
+    return equalityStrict(a, b)
+  }
+  if (a.constructor !== b.constructor) {
+    return false
+  }
+  if (a === b) {
+    return true
+  }
+  switch (a.constructor) {
+    case ArrayBuffer:
+      a = new Uint8Array(a);
+      b = new Uint8Array(b);
+    // eslint-disable-next-line no-fallthrough
+    case Uint8Array: {
+      if (a.byteLength !== b.byteLength) {
+        return false
+      }
+      for (let i = 0; i < a.length; i++) {
+        if (a[i] !== b[i]) {
+          return false
+        }
+      }
+      break
+    }
+    case Set: {
+      if (a.size !== b.size) {
+        return false
+      }
+      for (const value of a) {
+        if (!b.has(value)) {
+          return false
+        }
+      }
+      break
+    }
+    case Map: {
+      if (a.size !== b.size) {
+        return false
+      }
+      for (const key of a.keys()) {
+        if (!b.has(key) || !equalityDeep(a.get(key), b.get(key))) {
+          return false
+        }
+      }
+      break
+    }
+    case Object:
+      if (length(a) !== length(b)) {
+        return false
+      }
+      for (const key in a) {
+        if (!hasProperty(a, key) || !equalityDeep(a[key], b[key])) {
+          return false
+        }
+      }
+      break
+    case Array:
+      if (a.length !== b.length) {
+        return false
+      }
+      for (let i = 0; i < a.length; i++) {
+        if (!equalityDeep(a[i], b[i])) {
+          return false
+        }
+      }
+      break
+    default:
+      return false
+  }
+  return true
+};
+
+/**
+ * @module awareness-protocol
+ */
+
+
+const outdatedTimeout = 30000;
+
+/**
+ * @typedef {Object} MetaClientState
+ * @property {number} MetaClientState.clock
+ * @property {number} MetaClientState.lastUpdated unix timestamp
+ */
+
+/**
+ * The Awareness class implements a simple shared state protocol that can be used for non-persistent data like awareness information
+ * (cursor, username, status, ..). Each client can update its own local state and listen to state changes of
+ * remote clients. Every client may set a state of a remote peer to `null` to mark the client as offline.
+ *
+ * Each client is identified by a unique client id (something we borrow from `doc.clientID`). A client can override
+ * its own state by propagating a message with an increasing timestamp (`clock`). If such a message is received, it is
+ * applied if the known state of that client is older than the new state (`clock < newClock`). If a client thinks that
+ * a remote client is offline, it may propagate a message with
+ * `{ clock: currentClientClock, state: null, client: remoteClient }`. If such a
+ * message is received, and the known clock of that client equals the received clock, it will override the state with `null`.
+ *
+ * Before a client disconnects, it should propagate a `null` state with an updated clock.
+ *
+ * Awareness states must be updated every 30 seconds. Otherwise the Awareness instance will delete the client state.
+ *
+ * @extends {Observable<string>}
+ */
+class Awareness extends Observable {
+  /**
+   * @param {Y.Doc} doc
+   */
+  constructor (doc) {
+    super();
+    this.doc = doc;
+    /**
+     * @type {number}
+     */
+    this.clientID = doc.clientID;
+    /**
+     * Maps from client id to client state
+     * @type {Map<number, Object<string, any>>}
+     */
+    this.states = new Map();
+    /**
+     * @type {Map<number, MetaClientState>}
+     */
+    this.meta = new Map();
+    this._checkInterval = /** @type {any} */ (setInterval(() => {
+      const now = getUnixTime();
+      if (this.getLocalState() !== null && (outdatedTimeout / 2 <= now - /** @type {{lastUpdated:number}} */ (this.meta.get(this.clientID)).lastUpdated)) {
+        // renew local clock
+        this.setLocalState(this.getLocalState());
+      }
+      /**
+       * @type {Array<number>}
+       */
+      const remove = [];
+      this.meta.forEach((meta, clientid) => {
+        if (clientid !== this.clientID && outdatedTimeout <= now - meta.lastUpdated && this.states.has(clientid)) {
+          remove.push(clientid);
+        }
+      });
+      if (remove.length > 0) {
+        removeAwarenessStates(this, remove, 'timeout');
+      }
+    }, floor(outdatedTimeout / 10)));
+    doc.on('destroy', () => {
+      this.destroy();
+    });
+    this.setLocalState({});
+  }
+
+  destroy () {
+    this.emit('destroy', [this]);
+    this.setLocalState(null);
+    super.destroy();
+    clearInterval(this._checkInterval);
+  }
+
+  /**
+   * @return {Object<string,any>|null}
+   */
+  getLocalState () {
+    return this.states.get(this.clientID) || null
+  }
+
+  /**
+   * @param {Object<string,any>|null} state
+   */
+  setLocalState (state) {
+    const clientID = this.clientID;
+    const currLocalMeta = this.meta.get(clientID);
+    const clock = currLocalMeta === undefined ? 0 : currLocalMeta.clock + 1;
+    const prevState = this.states.get(clientID);
+    if (state === null) {
+      this.states.delete(clientID);
+    } else {
+      this.states.set(clientID, state);
+    }
+    this.meta.set(clientID, {
+      clock,
+      lastUpdated: getUnixTime()
+    });
+    const added = [];
+    const updated = [];
+    const filteredUpdated = [];
+    const removed = [];
+    if (state === null) {
+      removed.push(clientID);
+    } else if (prevState == null) {
+      if (state != null) {
+        added.push(clientID);
+      }
+    } else {
+      updated.push(clientID);
+      if (!equalityDeep(prevState, state)) {
+        filteredUpdated.push(clientID);
+      }
+    }
+    if (added.length > 0 || filteredUpdated.length > 0 || removed.length > 0) {
+      this.emit('change', [{ added, updated: filteredUpdated, removed }, 'local']);
+    }
+    this.emit('update', [{ added, updated, removed }, 'local']);
+  }
+
+  /**
+   * @param {string} field
+   * @param {any} value
+   */
+  setLocalStateField (field, value) {
+    const state = this.getLocalState();
+    if (state !== null) {
+      this.setLocalState({
+        ...state,
+        [field]: value
+      });
+    }
+  }
+
+  /**
+   * @return {Map<number,Object<string,any>>}
+   */
+  getStates () {
+    return this.states
+  }
+}
+
+/**
+ * Mark (remote) clients as inactive and remove them from the list of active peers.
+ * This change will be propagated to remote clients.
+ *
+ * @param {Awareness} awareness
+ * @param {Array<number>} clients
+ * @param {any} origin
+ */
+const removeAwarenessStates = (awareness, clients, origin) => {
+  const removed = [];
+  for (let i = 0; i < clients.length; i++) {
+    const clientID = clients[i];
+    if (awareness.states.has(clientID)) {
+      awareness.states.delete(clientID);
+      if (clientID === awareness.clientID) {
+        const curMeta = /** @type {MetaClientState} */ (awareness.meta.get(clientID));
+        awareness.meta.set(clientID, {
+          clock: curMeta.clock + 1,
+          lastUpdated: getUnixTime()
+        });
+      }
+      removed.push(clientID);
+    }
+  }
+  if (removed.length > 0) {
+    awareness.emit('change', [{ added: [], updated: [], removed }, origin]);
+    awareness.emit('update', [{ added: [], updated: [], removed }, origin]);
+  }
+};
+
+/**
+ * @param {Awareness} awareness
+ * @param {Array<number>} clients
+ * @return {Uint8Array}
+ */
+const encodeAwarenessUpdate = (awareness, clients, states = awareness.states) => {
+  const len = clients.length;
+  const encoder = createEncoder();
+  writeVarUint(encoder, len);
+  for (let i = 0; i < len; i++) {
+    const clientID = clients[i];
+    const state = states.get(clientID) || null;
+    const clock = /** @type {MetaClientState} */ (awareness.meta.get(clientID)).clock;
+    writeVarUint(encoder, clientID);
+    writeVarUint(encoder, clock);
+    writeVarString(encoder, JSON.stringify(state));
+  }
+  return toUint8Array(encoder)
+};
+
+/**
+ * @param {Awareness} awareness
+ * @param {Uint8Array} update
+ * @param {any} origin This will be added to the emitted change event
+ */
+const applyAwarenessUpdate = (awareness, update, origin) => {
+  const decoder = createDecoder(update);
+  const timestamp = getUnixTime();
+  const added = [];
+  const updated = [];
+  const filteredUpdated = [];
+  const removed = [];
+  const len = readVarUint(decoder);
+  for (let i = 0; i < len; i++) {
+    const clientID = readVarUint(decoder);
+    let clock = readVarUint(decoder);
+    const state = JSON.parse(readVarString(decoder));
+    const clientMeta = awareness.meta.get(clientID);
+    const prevState = awareness.states.get(clientID);
+    const currClock = clientMeta === undefined ? 0 : clientMeta.clock;
+    if (currClock < clock || (currClock === clock && state === null && awareness.states.has(clientID))) {
+      if (state === null) {
+        // never let a remote client remove this local state
+        if (clientID === awareness.clientID && awareness.getLocalState() != null) {
+          // remote client removed the local state. Do not remote state. Broadcast a message indicating
+          // that this client still exists by increasing the clock
+          clock++;
+        } else {
+          awareness.states.delete(clientID);
+        }
+      } else {
+        awareness.states.set(clientID, state);
+      }
+      awareness.meta.set(clientID, {
+        clock,
+        lastUpdated: timestamp
+      });
+      if (clientMeta === undefined && state !== null) {
+        added.push(clientID);
+      } else if (clientMeta !== undefined && state === null) {
+        removed.push(clientID);
+      } else if (state !== null) {
+        if (!equalityDeep(state, prevState)) {
+          filteredUpdated.push(clientID);
+        }
+        updated.push(clientID);
+      }
+    }
+  }
+  if (added.length > 0 || filteredUpdated.length > 0 || removed.length > 0) {
+    awareness.emit('change', [{
+      added, updated: filteredUpdated, removed
+    }, origin]);
+  }
+  if (added.length > 0 || updated.length > 0 || removed.length > 0) {
+    awareness.emit('update', [{
+      added, updated, removed
+    }, origin]);
+  }
+};
+
+class EventEmitter {
+    constructor() {
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+        this.callbacks = {};
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+    on(event, fn) {
+        if (!this.callbacks[event]) {
+            this.callbacks[event] = [];
+        }
+        this.callbacks[event].push(fn);
+        return this;
+    }
+    emit(event, ...args) {
+        const callbacks = this.callbacks[event];
+        if (callbacks) {
+            callbacks.forEach((callback) => callback.apply(this, args));
+        }
+        return this;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+    off(event, fn) {
+        const callbacks = this.callbacks[event];
+        if (callbacks) {
+            if (fn) {
+                this.callbacks[event] = callbacks.filter((callback) => callback !== fn);
+            }
+            else {
+                delete this.callbacks[event];
+            }
+        }
+        return this;
+    }
+    removeAllListeners() {
+        this.callbacks = {};
+    }
+}
+
+class IncomingMessage {
+    constructor(data) {
+        this.data = data;
+        this.encoder = createEncoder();
+        this.decoder = createDecoder(new Uint8Array(this.data));
+    }
+    peekVarString() {
+        return peekVarString(this.decoder);
+    }
+    readVarUint() {
+        return readVarUint(this.decoder);
+    }
+    readVarString() {
+        return readVarString(this.decoder);
+    }
+    readVarUint8Array() {
+        return readVarUint8Array(this.decoder);
+    }
+    writeVarUint(type) {
+        return writeVarUint(this.encoder, type);
+    }
+    writeVarString(string) {
+        return writeVarString(this.encoder, string);
+    }
+    writeVarUint8Array(data) {
+        return writeVarUint8Array(this.encoder, data);
+    }
+    length() {
+        return length$1(this.encoder);
+    }
+}
+
+var MessageType;
+(function (MessageType) {
+    MessageType[MessageType["Sync"] = 0] = "Sync";
+    MessageType[MessageType["Awareness"] = 1] = "Awareness";
+    MessageType[MessageType["Auth"] = 2] = "Auth";
+    MessageType[MessageType["QueryAwareness"] = 3] = "QueryAwareness";
+    MessageType[MessageType["Stateless"] = 5] = "Stateless";
+    MessageType[MessageType["CLOSE"] = 7] = "CLOSE";
+    MessageType[MessageType["SyncStatus"] = 8] = "SyncStatus";
+})(MessageType || (MessageType = {}));
+var WebSocketStatus;
+(function (WebSocketStatus) {
+    WebSocketStatus["Connecting"] = "connecting";
+    WebSocketStatus["Connected"] = "connected";
+    WebSocketStatus["Disconnected"] = "disconnected";
+})(WebSocketStatus || (WebSocketStatus = {}));
+
+class OutgoingMessage {
+    constructor() {
+        this.encoder = createEncoder();
+    }
+    get(args) {
+        return args.encoder;
+    }
+    toUint8Array() {
+        return toUint8Array(this.encoder);
+    }
+}
+
+class CloseMessage extends OutgoingMessage {
+    constructor() {
+        super(...arguments);
+        this.type = MessageType.CLOSE;
+        this.description = "Ask the server to close the connection";
+    }
+    get(args) {
+        writeVarString(this.encoder, args.documentName);
+        writeVarUint(this.encoder, this.type);
+        return this.encoder;
+    }
+}
+
+class HocuspocusProviderWebsocket extends EventEmitter {
+    constructor(configuration) {
+        super();
+        this.messageQueue = [];
+        this.configuration = {
+            url: "",
+            autoConnect: true,
+            preserveTrailingSlash: false,
+            // @ts-ignore
+            document: undefined,
+            WebSocketPolyfill: undefined,
+            // TODO: this should depend on awareness.outdatedTime
+            messageReconnectTimeout: 30000,
+            // 1 second
+            delay: 1000,
+            // instant
+            initialDelay: 0,
+            // double the delay each time
+            factor: 2,
+            // unlimited retries
+            maxAttempts: 0,
+            // wait at least 1 second
+            minDelay: 1000,
+            // at least every 30 seconds
+            maxDelay: 30000,
+            // randomize
+            jitter: true,
+            // retry forever
+            timeout: 0,
+            onOpen: () => null,
+            onConnect: () => null,
+            onMessage: () => null,
+            onOutgoingMessage: () => null,
+            onStatus: () => null,
+            onDisconnect: () => null,
+            onClose: () => null,
+            onDestroy: () => null,
+            onAwarenessUpdate: () => null,
+            onAwarenessChange: () => null,
+            handleTimeout: null,
+            providerMap: new Map(),
+        };
+        this.webSocket = null;
+        this.webSocketHandlers = {};
+        this.shouldConnect = true;
+        this.status = WebSocketStatus.Disconnected;
+        this.lastMessageReceived = 0;
+        this.identifier = 0;
+        this.intervals = {
+            connectionChecker: null,
+        };
+        this.connectionAttempt = null;
+        this.receivedOnOpenPayload = undefined;
+        this.closeTries = 0;
+        this.setConfiguration(configuration);
+        this.configuration.WebSocketPolyfill = configuration.WebSocketPolyfill
+            ? configuration.WebSocketPolyfill
+            : WebSocket;
+        this.on("open", this.configuration.onOpen);
+        this.on("open", this.onOpen.bind(this));
+        this.on("connect", this.configuration.onConnect);
+        this.on("message", this.configuration.onMessage);
+        this.on("outgoingMessage", this.configuration.onOutgoingMessage);
+        this.on("status", this.configuration.onStatus);
+        this.on("disconnect", this.configuration.onDisconnect);
+        this.on("close", this.configuration.onClose);
+        this.on("destroy", this.configuration.onDestroy);
+        this.on("awarenessUpdate", this.configuration.onAwarenessUpdate);
+        this.on("awarenessChange", this.configuration.onAwarenessChange);
+        this.on("close", this.onClose.bind(this));
+        this.on("message", this.onMessage.bind(this));
+        this.intervals.connectionChecker = setInterval(this.checkConnection.bind(this), this.configuration.messageReconnectTimeout / 10);
+        if (this.shouldConnect) {
+            this.connect();
+        }
+    }
+    async onOpen(event) {
+        this.status = WebSocketStatus.Connected;
+        this.emit("status", { status: WebSocketStatus.Connected });
+        this.cancelWebsocketRetry = undefined;
+        this.receivedOnOpenPayload = event;
+    }
+    attach(provider) {
+        this.configuration.providerMap.set(provider.configuration.name, provider);
+        if (this.status === WebSocketStatus.Disconnected && this.shouldConnect) {
+            this.connect();
+        }
+        if (this.receivedOnOpenPayload &&
+            this.status === WebSocketStatus.Connected) {
+            provider.onOpen(this.receivedOnOpenPayload);
+        }
+    }
+    detach(provider) {
+        if (this.configuration.providerMap.has(provider.configuration.name)) {
+            provider.send(CloseMessage, {
+                documentName: provider.configuration.name,
+            });
+            this.configuration.providerMap.delete(provider.configuration.name);
+        }
+    }
+    setConfiguration(configuration = {}) {
+        this.configuration = { ...this.configuration, ...configuration };
+        if (!this.configuration.autoConnect) {
+            this.shouldConnect = false;
+        }
+    }
+    async connect() {
+        if (this.status === WebSocketStatus.Connected) {
+            return;
+        }
+        // Always cancel any previously initiated connection retryer instances
+        if (this.cancelWebsocketRetry) {
+            this.cancelWebsocketRetry();
+            this.cancelWebsocketRetry = undefined;
+        }
+        this.receivedOnOpenPayload = undefined;
+        this.shouldConnect = true;
+        const abortableRetry = () => {
+            let cancelAttempt = false;
+            const retryPromise = retry(this.createWebSocketConnection.bind(this), {
+                delay: this.configuration.delay,
+                initialDelay: this.configuration.initialDelay,
+                factor: this.configuration.factor,
+                maxAttempts: this.configuration.maxAttempts,
+                minDelay: this.configuration.minDelay,
+                maxDelay: this.configuration.maxDelay,
+                jitter: this.configuration.jitter,
+                timeout: this.configuration.timeout,
+                handleTimeout: this.configuration.handleTimeout,
+                beforeAttempt: (context) => {
+                    if (!this.shouldConnect || cancelAttempt) {
+                        context.abort();
+                    }
+                },
+            }).catch((error) => {
+                // If we aborted the connection attempt then don’t throw an error
+                // ref: https://github.com/lifeomic/attempt/blob/master/src/index.ts#L136
+                if (error && error.code !== "ATTEMPT_ABORTED") {
+                    throw error;
+                }
+            });
+            return {
+                retryPromise,
+                cancelFunc: () => {
+                    cancelAttempt = true;
+                },
+            };
+        };
+        const { retryPromise, cancelFunc } = abortableRetry();
+        this.cancelWebsocketRetry = cancelFunc;
+        return retryPromise;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+    attachWebSocketListeners(ws, reject) {
+        const { identifier } = ws;
+        const onMessageHandler = (payload) => this.emit("message", payload);
+        const onCloseHandler = (payload) => this.emit("close", { event: payload });
+        const onOpenHandler = (payload) => this.emit("open", payload);
+        const onErrorHandler = (err) => {
+            reject(err);
+        };
+        this.webSocketHandlers[identifier] = {
+            message: onMessageHandler,
+            close: onCloseHandler,
+            open: onOpenHandler,
+            error: onErrorHandler,
+        };
+        const handlers = this.webSocketHandlers[ws.identifier];
+        Object.keys(handlers).forEach((name) => {
+            ws.addEventListener(name, handlers[name]);
+        });
+    }
+    cleanupWebSocket() {
+        if (!this.webSocket) {
+            return;
+        }
+        const { identifier } = this.webSocket;
+        const handlers = this.webSocketHandlers[identifier];
+        Object.keys(handlers).forEach((name) => {
+            var _a;
+            (_a = this.webSocket) === null || _a === void 0 ? void 0 : _a.removeEventListener(name, handlers[name]);
+            delete this.webSocketHandlers[identifier];
+        });
+        this.webSocket.close();
+        this.webSocket = null;
+    }
+    createWebSocketConnection() {
+        return new Promise((resolve, reject) => {
+            if (this.webSocket) {
+                this.messageQueue = [];
+                this.cleanupWebSocket();
+            }
+            this.lastMessageReceived = 0;
+            this.identifier += 1;
+            // Init the WebSocket connection
+            const ws = new this.configuration.WebSocketPolyfill(this.url);
+            ws.binaryType = "arraybuffer";
+            ws.identifier = this.identifier;
+            this.attachWebSocketListeners(ws, reject);
+            this.webSocket = ws;
+            // Reset the status
+            this.status = WebSocketStatus.Connecting;
+            this.emit("status", { status: WebSocketStatus.Connecting });
+            // Store resolve/reject for later use
+            this.connectionAttempt = {
+                resolve,
+                reject,
+            };
+        });
+    }
+    onMessage(event) {
+        var _a;
+        this.resolveConnectionAttempt();
+        this.lastMessageReceived = getUnixTime();
+        const message = new IncomingMessage(event.data);
+        const documentName = message.peekVarString();
+        (_a = this.configuration.providerMap.get(documentName)) === null || _a === void 0 ? void 0 : _a.onMessage(event);
+    }
+    resolveConnectionAttempt() {
+        if (this.connectionAttempt) {
+            this.connectionAttempt.resolve();
+            this.connectionAttempt = null;
+            this.status = WebSocketStatus.Connected;
+            this.emit("status", { status: WebSocketStatus.Connected });
+            this.emit("connect");
+            this.messageQueue.forEach((message) => this.send(message));
+            this.messageQueue = [];
+        }
+    }
+    stopConnectionAttempt() {
+        this.connectionAttempt = null;
+    }
+    rejectConnectionAttempt() {
+        var _a;
+        (_a = this.connectionAttempt) === null || _a === void 0 ? void 0 : _a.reject();
+        this.connectionAttempt = null;
+    }
+    checkConnection() {
+        var _a;
+        // Don’t check the connection when it’s not even established
+        if (this.status !== WebSocketStatus.Connected) {
+            return;
+        }
+        // Don’t close the connection while waiting for the first message
+        if (!this.lastMessageReceived) {
+            return;
+        }
+        // Don’t close the connection when a message was received recently
+        if (this.configuration.messageReconnectTimeout >=
+            getUnixTime() - this.lastMessageReceived) {
+            return;
+        }
+        // No message received in a long time, not even your own
+        // Awareness updates, which are updated every 15 seconds
+        // if awareness is enabled.
+        this.closeTries += 1;
+        // https://bugs.webkit.org/show_bug.cgi?id=247943
+        if (this.closeTries > 2) {
+            this.onClose({
+                event: {
+                    code: 4408,
+                    reason: "forced",
+                },
+            });
+            this.closeTries = 0;
+        }
+        else {
+            (_a = this.webSocket) === null || _a === void 0 ? void 0 : _a.close();
+            this.messageQueue = [];
+        }
+    }
+    get serverUrl() {
+        if (this.configuration.preserveTrailingSlash) {
+            return this.configuration.url;
+        }
+        // By default, ensure that the URL never ends with /
+        let url = this.configuration.url;
+        while (url[url.length - 1] === "/") {
+            url = url.slice(0, url.length - 1);
+        }
+        return url;
+    }
+    get url() {
+        return this.serverUrl;
+    }
+    disconnect() {
+        this.shouldConnect = false;
+        if (this.webSocket === null) {
+            return;
+        }
+        try {
+            this.webSocket.close();
+            this.messageQueue = [];
+        }
+        catch (e) {
+            console.error(e);
+        }
+    }
+    send(message) {
+        var _a;
+        if (((_a = this.webSocket) === null || _a === void 0 ? void 0 : _a.readyState) === WsReadyStates.Open) {
+            this.webSocket.send(message);
+        }
+        else {
+            this.messageQueue.push(message);
+        }
+    }
+    onClose({ event }) {
+        this.closeTries = 0;
+        this.cleanupWebSocket();
+        if (this.connectionAttempt) {
+            // That connection attempt failed.
+            this.rejectConnectionAttempt();
+        }
+        // Let’s update the connection status.
+        this.status = WebSocketStatus.Disconnected;
+        this.emit("status", { status: WebSocketStatus.Disconnected });
+        this.emit("disconnect", { event });
+        // trigger connect if no retry is running and we want to have a connection
+        if (!this.cancelWebsocketRetry && this.shouldConnect) {
+            setTimeout(() => {
+                this.connect();
+            }, this.configuration.delay);
+        }
+    }
+    destroy() {
+        this.emit("destroy");
+        clearInterval(this.intervals.connectionChecker);
+        // If there is still a connection attempt outstanding then we should stop
+        // it before calling disconnect, otherwise it will be rejected in the onClose
+        // handler and trigger a retry
+        this.stopConnectionAttempt();
+        this.disconnect();
+        this.removeAllListeners();
+        this.cleanupWebSocket();
+    }
+}
+
+/**
+ * @module sync-protocol
+ */
+
+
+/**
+ * @typedef {Map<number, number>} StateMap
+ */
+
+/**
+ * Core Yjs defines two message types:
+ * • YjsSyncStep1: Includes the State Set of the sending client. When received, the client should reply with YjsSyncStep2.
+ * • YjsSyncStep2: Includes all missing structs and the complete delete set. When received, the client is assured that it
+ *   received all information from the remote client.
+ *
+ * In a peer-to-peer network, you may want to introduce a SyncDone message type. Both parties should initiate the connection
+ * with SyncStep1. When a client received SyncStep2, it should reply with SyncDone. When the local client received both
+ * SyncStep2 and SyncDone, it is assured that it is synced to the remote client.
+ *
+ * In a client-server model, you want to handle this differently: The client should initiate the connection with SyncStep1.
+ * When the server receives SyncStep1, it should reply with SyncStep2 immediately followed by SyncStep1. The client replies
+ * with SyncStep2 when it receives SyncStep1. Optionally the server may send a SyncDone after it received SyncStep2, so the
+ * client knows that the sync is finished.  There are two reasons for this more elaborated sync model: 1. This protocol can
+ * easily be implemented on top of http and websockets. 2. The server should only reply to requests, and not initiate them.
+ * Therefore it is necessary that the client initiates the sync.
+ *
+ * Construction of a message:
+ * [messageType : varUint, message definition..]
+ *
+ * Note: A message does not include information about the room name. This must to be handled by the upper layer protocol!
+ *
+ * stringify[messageType] stringifies a message definition (messageType is already read from the bufffer)
+ */
+
+const messageYjsSyncStep1 = 0;
+const messageYjsSyncStep2 = 1;
+const messageYjsUpdate = 2;
+
+/**
+ * Create a sync step 1 message based on the state of the current shared document.
+ *
+ * @param {encoding.Encoder} encoder
+ * @param {Y.Doc} doc
+ */
+const writeSyncStep1 = (encoder, doc) => {
+  writeVarUint(encoder, messageYjsSyncStep1);
+  const sv = Y.encodeStateVector(doc);
+  writeVarUint8Array(encoder, sv);
+};
+
+/**
+ * @param {encoding.Encoder} encoder
+ * @param {Y.Doc} doc
+ * @param {Uint8Array} [encodedStateVector]
+ */
+const writeSyncStep2 = (encoder, doc, encodedStateVector) => {
+  writeVarUint(encoder, messageYjsSyncStep2);
+  writeVarUint8Array(encoder, Y.encodeStateAsUpdate(doc, encodedStateVector));
+};
+
+/**
+ * Read SyncStep1 message and reply with SyncStep2.
+ *
+ * @param {decoding.Decoder} decoder The reply to the received message
+ * @param {encoding.Encoder} encoder The received message
+ * @param {Y.Doc} doc
+ */
+const readSyncStep1 = (decoder, encoder, doc) =>
+  writeSyncStep2(encoder, doc, readVarUint8Array(decoder));
+
+/**
+ * Read and apply Structs and then DeleteStore to a y instance.
+ *
+ * @param {decoding.Decoder} decoder
+ * @param {Y.Doc} doc
+ * @param {any} transactionOrigin
+ */
+const readSyncStep2 = (decoder, doc, transactionOrigin) => {
+  try {
+    Y.applyUpdate(doc, readVarUint8Array(decoder), transactionOrigin);
+  } catch (error) {
+    // This catches errors that are thrown by event handlers
+    console.error('Caught error while handling a Yjs update', error);
+  }
+};
+
+/**
+ * @param {encoding.Encoder} encoder
+ * @param {Uint8Array} update
+ */
+const writeUpdate = (encoder, update) => {
+  writeVarUint(encoder, messageYjsUpdate);
+  writeVarUint8Array(encoder, update);
+};
+
+/**
+ * Read and apply Structs and then DeleteStore to a y instance.
+ *
+ * @param {decoding.Decoder} decoder
+ * @param {Y.Doc} doc
+ * @param {any} transactionOrigin
+ */
+const readUpdate = readSyncStep2;
+
+/**
+ * @param {decoding.Decoder} decoder A message received from another client
+ * @param {encoding.Encoder} encoder The reply message. Does not need to be sent if empty.
+ * @param {Y.Doc} doc
+ * @param {any} transactionOrigin
+ */
+const readSyncMessage = (decoder, encoder, doc, transactionOrigin) => {
+  const messageType = readVarUint(decoder);
+  switch (messageType) {
+    case messageYjsSyncStep1:
+      readSyncStep1(decoder, encoder, doc);
+      break
+    case messageYjsSyncStep2:
+      readSyncStep2(decoder, doc, transactionOrigin);
+      break
+    case messageYjsUpdate:
+      readUpdate(decoder, doc, transactionOrigin);
+      break
+    default:
+      throw new Error('Unknown message type')
+  }
+  return messageType
+};
+
+class MessageReceiver {
+    constructor(message) {
+        this.message = message;
+    }
+    apply(provider, emitSynced) {
+        const { message } = this;
+        const type = message.readVarUint();
+        const emptyMessageLength = message.length();
+        switch (type) {
+            case MessageType.Sync:
+                this.applySyncMessage(provider, emitSynced);
+                break;
+            case MessageType.Awareness:
+                this.applyAwarenessMessage(provider);
+                break;
+            case MessageType.Auth:
+                this.applyAuthMessage(provider);
+                break;
+            case MessageType.QueryAwareness:
+                this.applyQueryAwarenessMessage(provider);
+                break;
+            case MessageType.Stateless:
+                provider.receiveStateless(readVarString(message.decoder));
+                break;
+            case MessageType.SyncStatus:
+                this.applySyncStatusMessage(provider, readVarInt(message.decoder) === 1);
+                break;
+            case MessageType.CLOSE:
+                // eslint-disable-next-line no-case-declarations
+                const event = {
+                    code: 1000,
+                    reason: readVarString(message.decoder),
+                    // @ts-ignore
+                    target: provider.configuration.websocketProvider.webSocket,
+                    type: "close",
+                };
+                provider.onClose();
+                provider.configuration.onClose({ event });
+                provider.forwardClose({ event });
+                break;
+            default:
+                throw new Error(`Can’t apply message of unknown type: ${type}`);
+        }
+        // Reply
+        if (message.length() > emptyMessageLength + 1) {
+            // length of documentName (considered in emptyMessageLength plus length of yjs sync type, set in applySyncMessage)
+            // @ts-ignore
+            provider.send(OutgoingMessage, { encoder: message.encoder });
+        }
+    }
+    applySyncMessage(provider, emitSynced) {
+        const { message } = this;
+        message.writeVarUint(MessageType.Sync);
+        // Apply update
+        const syncMessageType = readSyncMessage(message.decoder, message.encoder, provider.document, provider);
+        // Synced once we receive Step2
+        if (emitSynced && syncMessageType === messageYjsSyncStep2) {
+            provider.synced = true;
+        }
+    }
+    applySyncStatusMessage(provider, applied) {
+        if (applied) {
+            provider.decrementUnsyncedChanges();
+        }
+    }
+    applyAwarenessMessage(provider) {
+        if (!provider.awareness)
+            return;
+        const { message } = this;
+        applyAwarenessUpdate(provider.awareness, message.readVarUint8Array(), provider);
+    }
+    applyAuthMessage(provider) {
+        const { message } = this;
+        readAuthMessage(message.decoder, provider.sendToken.bind(provider), provider.permissionDeniedHandler.bind(provider), provider.authenticatedHandler.bind(provider));
+    }
+    applyQueryAwarenessMessage(provider) {
+        if (!provider.awareness)
+            return;
+        const { message } = this;
+        message.writeVarUint(MessageType.Awareness);
+        message.writeVarUint8Array(encodeAwarenessUpdate(provider.awareness, Array.from(provider.awareness.getStates().keys())));
+    }
+}
+
+class MessageSender {
+    constructor(Message, args = {}) {
+        this.message = new Message();
+        this.encoder = this.message.get(args);
+    }
+    create() {
+        return toUint8Array(this.encoder);
+    }
+    send(webSocket) {
+        webSocket === null || webSocket === void 0 ? void 0 : webSocket.send(this.create());
+    }
+}
+
+class AuthenticationMessage extends OutgoingMessage {
+    constructor() {
+        super(...arguments);
+        this.type = MessageType.Auth;
+        this.description = "Authentication";
+    }
+    get(args) {
+        if (typeof args.token === "undefined") {
+            throw new Error("The authentication message requires `token` as an argument.");
+        }
+        writeVarString(this.encoder, args.documentName);
+        writeVarUint(this.encoder, this.type);
+        writeAuthentication(this.encoder, args.token);
+        return this.encoder;
+    }
+}
+
+class AwarenessMessage extends OutgoingMessage {
+    constructor() {
+        super(...arguments);
+        this.type = MessageType.Awareness;
+        this.description = "Awareness states update";
+    }
+    get(args) {
+        if (typeof args.awareness === "undefined") {
+            throw new Error("The awareness message requires awareness as an argument");
+        }
+        if (typeof args.clients === "undefined") {
+            throw new Error("The awareness message requires clients as an argument");
+        }
+        writeVarString(this.encoder, args.documentName);
+        writeVarUint(this.encoder, this.type);
+        let awarenessUpdate;
+        if (args.states === undefined) {
+            awarenessUpdate = encodeAwarenessUpdate(args.awareness, args.clients);
+        }
+        else {
+            awarenessUpdate = encodeAwarenessUpdate(args.awareness, args.clients, args.states);
+        }
+        writeVarUint8Array(this.encoder, awarenessUpdate);
+        return this.encoder;
+    }
+}
+
+class StatelessMessage extends OutgoingMessage {
+    constructor() {
+        super(...arguments);
+        this.type = MessageType.Stateless;
+        this.description = "A stateless message";
+    }
+    get(args) {
+        var _a;
+        writeVarString(this.encoder, args.documentName);
+        writeVarUint(this.encoder, this.type);
+        writeVarString(this.encoder, (_a = args.payload) !== null && _a !== void 0 ? _a : "");
+        return this.encoder;
+    }
+}
+
+class SyncStepOneMessage extends OutgoingMessage {
+    constructor() {
+        super(...arguments);
+        this.type = MessageType.Sync;
+        this.description = "First sync step";
+    }
+    get(args) {
+        if (typeof args.document === "undefined") {
+            throw new Error("The sync step one message requires document as an argument");
+        }
+        writeVarString(this.encoder, args.documentName);
+        writeVarUint(this.encoder, this.type);
+        writeSyncStep1(this.encoder, args.document);
+        return this.encoder;
+    }
+}
+
+class UpdateMessage extends OutgoingMessage {
+    constructor() {
+        super(...arguments);
+        this.type = MessageType.Sync;
+        this.description = "A document update";
+    }
+    get(args) {
+        writeVarString(this.encoder, args.documentName);
+        writeVarUint(this.encoder, this.type);
+        writeUpdate(this.encoder, args.update);
+        return this.encoder;
+    }
+}
+
+class AwarenessError extends Error {
+    constructor() {
+        super(...arguments);
+        this.code = 1001;
+    }
+}
+class HocuspocusProvider extends EventEmitter {
+    constructor(configuration) {
+        var _a, _b, _c;
+        super();
+        this.configuration = {
+            name: "",
+            // @ts-ignore
+            document: undefined,
+            // @ts-ignore
+            awareness: undefined,
+            token: null,
+            forceSyncInterval: false,
+            onAuthenticated: () => null,
+            onAuthenticationFailed: () => null,
+            onOpen: () => null,
+            onConnect: () => null,
+            onMessage: () => null,
+            onOutgoingMessage: () => null,
+            onSynced: () => null,
+            onStatus: () => null,
+            onDisconnect: () => null,
+            onClose: () => null,
+            onDestroy: () => null,
+            onAwarenessUpdate: () => null,
+            onAwarenessChange: () => null,
+            onStateless: () => null,
+            onUnsyncedChanges: () => null,
+        };
+        this.isSynced = false;
+        this.unsyncedChanges = 0;
+        this.isAuthenticated = false;
+        this.authorizedScope = undefined;
+        // @internal
+        this.manageSocket = false;
+        this._isAttached = false;
+        this.intervals = {
+            forceSync: null,
+        };
+        this.boundDocumentUpdateHandler = this.documentUpdateHandler.bind(this);
+        this.boundAwarenessUpdateHandler = this.awarenessUpdateHandler.bind(this);
+        this.boundPageHide = this.pageHide.bind(this);
+        this.boundOnOpen = this.onOpen.bind(this);
+        this.boundOnClose = this.onClose.bind(this);
+        this.forwardConnect = () => this.emit("connect");
+        this.forwardStatus = (e) => this.emit("status", e);
+        this.forwardClose = (e) => this.emit("close", e);
+        this.forwardDisconnect = (e) => this.emit("disconnect", e);
+        this.forwardDestroy = () => this.emit("destroy");
+        this.setConfiguration(configuration);
+        this.configuration.document = configuration.document
+            ? configuration.document
+            : new Y.Doc();
+        this.configuration.awareness =
+            configuration.awareness !== undefined
+                ? configuration.awareness
+                : new Awareness(this.document);
+        this.on("open", this.configuration.onOpen);
+        this.on("message", this.configuration.onMessage);
+        this.on("outgoingMessage", this.configuration.onOutgoingMessage);
+        this.on("synced", this.configuration.onSynced);
+        this.on("destroy", this.configuration.onDestroy);
+        this.on("awarenessUpdate", this.configuration.onAwarenessUpdate);
+        this.on("awarenessChange", this.configuration.onAwarenessChange);
+        this.on("stateless", this.configuration.onStateless);
+        this.on("unsyncedChanges", this.configuration.onUnsyncedChanges);
+        this.on("authenticated", this.configuration.onAuthenticated);
+        this.on("authenticationFailed", this.configuration.onAuthenticationFailed);
+        (_a = this.awareness) === null || _a === void 0 ? void 0 : _a.on("update", () => {
+            this.emit("awarenessUpdate", {
+                states: awarenessStatesToArray(this.awareness.getStates()),
+            });
+        });
+        (_b = this.awareness) === null || _b === void 0 ? void 0 : _b.on("change", () => {
+            this.emit("awarenessChange", {
+                states: awarenessStatesToArray(this.awareness.getStates()),
+            });
+        });
+        this.document.on("update", this.boundDocumentUpdateHandler);
+        (_c = this.awareness) === null || _c === void 0 ? void 0 : _c.on("update", this.boundAwarenessUpdateHandler);
+        this.registerEventListeners();
+        if (this.configuration.forceSyncInterval &&
+            typeof this.configuration.forceSyncInterval === "number") {
+            this.intervals.forceSync = setInterval(this.forceSync.bind(this), this.configuration.forceSyncInterval);
+        }
+        if (this.manageSocket) {
+            this.attach();
+        }
+    }
+    setConfiguration(configuration = {}) {
+        if (!configuration.websocketProvider) {
+            this.manageSocket = true;
+            this.configuration.websocketProvider = new HocuspocusProviderWebsocket(configuration);
+        }
+        this.configuration = { ...this.configuration, ...configuration };
+    }
+    get document() {
+        return this.configuration.document;
+    }
+    get isAttached() {
+        return this._isAttached;
+    }
+    get awareness() {
+        return this.configuration.awareness;
+    }
+    get hasUnsyncedChanges() {
+        return this.unsyncedChanges > 0;
+    }
+    resetUnsyncedChanges() {
+        this.unsyncedChanges = 1;
+        this.emit("unsyncedChanges", { number: this.unsyncedChanges });
+    }
+    incrementUnsyncedChanges() {
+        this.unsyncedChanges += 1;
+        this.emit("unsyncedChanges", { number: this.unsyncedChanges });
+    }
+    decrementUnsyncedChanges() {
+        if (this.unsyncedChanges > 0) {
+            this.unsyncedChanges -= 1;
+        }
+        if (this.unsyncedChanges === 0) {
+            this.synced = true;
+        }
+        this.emit("unsyncedChanges", { number: this.unsyncedChanges });
+    }
+    forceSync() {
+        this.resetUnsyncedChanges();
+        this.send(SyncStepOneMessage, {
+            document: this.document,
+            documentName: this.configuration.name,
+        });
+    }
+    pageHide() {
+        if (this.awareness) {
+            removeAwarenessStates(this.awareness, [this.document.clientID], "page hide");
+        }
+    }
+    registerEventListeners() {
+        if (typeof window === "undefined" || !("addEventListener" in window)) {
+            return;
+        }
+        window.addEventListener("pagehide", this.boundPageHide);
+    }
+    sendStateless(payload) {
+        this.send(StatelessMessage, {
+            documentName: this.configuration.name,
+            payload,
+        });
+    }
+    async sendToken() {
+        let token;
+        try {
+            token = await this.getToken();
+        }
+        catch (error) {
+            this.permissionDeniedHandler(`Failed to get token during sendToken(): ${error}`);
+            return;
+        }
+        this.send(AuthenticationMessage, {
+            token: token !== null && token !== void 0 ? token : "",
+            documentName: this.configuration.name,
+        });
+    }
+    documentUpdateHandler(update, origin) {
+        if (origin === this) {
+            return;
+        }
+        this.incrementUnsyncedChanges();
+        this.send(UpdateMessage, { update, documentName: this.configuration.name });
+    }
+    awarenessUpdateHandler({ added, updated, removed }, origin) {
+        const changedClients = added.concat(updated).concat(removed);
+        this.send(AwarenessMessage, {
+            awareness: this.awareness,
+            clients: changedClients,
+            documentName: this.configuration.name,
+        });
+    }
+    /**
+     * Indicates whether a first handshake with the server has been established
+     *
+     * Note: this does not mean all updates from the client have been persisted to the backend. For this,
+     * use `hasUnsyncedChanges`.
+     */
+    get synced() {
+        return this.isSynced;
+    }
+    set synced(state) {
+        if (this.isSynced === state) {
+            return;
+        }
+        this.isSynced = state;
+        if (state) {
+            this.emit("synced", { state });
+        }
+    }
+    receiveStateless(payload) {
+        this.emit("stateless", { payload });
+    }
+    // not needed, but provides backward compatibility with e.g. lexical/yjs
+    async connect() {
+        if (this.manageSocket) {
+            return this.configuration.websocketProvider.connect();
+        }
+        console.warn("HocuspocusProvider::connect() is deprecated and does not do anything. Please connect/disconnect on the websocketProvider, or attach/deattach providers.");
+    }
+    disconnect() {
+        if (this.manageSocket) {
+            return this.configuration.websocketProvider.disconnect();
+        }
+        console.warn("HocuspocusProvider::disconnect() is deprecated and does not do anything. Please connect/disconnect on the websocketProvider, or attach/deattach providers.");
+    }
+    async onOpen(event) {
+        this.isAuthenticated = false;
+        this.emit("open", { event });
+        await this.sendToken();
+        this.startSync();
+    }
+    async getToken() {
+        if (typeof this.configuration.token === "function") {
+            const token = await this.configuration.token();
+            return token;
+        }
+        return this.configuration.token;
+    }
+    startSync() {
+        this.resetUnsyncedChanges();
+        this.send(SyncStepOneMessage, {
+            document: this.document,
+            documentName: this.configuration.name,
+        });
+        if (this.awareness && this.awareness.getLocalState() !== null) {
+            this.send(AwarenessMessage, {
+                awareness: this.awareness,
+                clients: [this.document.clientID],
+                documentName: this.configuration.name,
+            });
+        }
+    }
+    send(message, args) {
+        if (!this._isAttached)
+            return;
+        const messageSender = new MessageSender(message, args);
+        this.emit("outgoingMessage", { message: messageSender.message });
+        messageSender.send(this.configuration.websocketProvider);
+    }
+    onMessage(event) {
+        const message = new IncomingMessage(event.data);
+        const documentName = message.readVarString();
+        message.writeVarString(documentName);
+        this.emit("message", { event, message: new IncomingMessage(event.data) });
+        new MessageReceiver(message).apply(this, true);
+    }
+    onClose() {
+        this.isAuthenticated = false;
+        this.synced = false;
+        // update awareness (all users except local left)
+        if (this.awareness) {
+            removeAwarenessStates(this.awareness, Array.from(this.awareness.getStates().keys()).filter((client) => client !== this.document.clientID), this);
+        }
+    }
+    destroy() {
+        this.emit("destroy");
+        if (this.intervals.forceSync) {
+            clearInterval(this.intervals.forceSync);
+        }
+        if (this.awareness) {
+            removeAwarenessStates(this.awareness, [this.document.clientID], "provider destroy");
+            this.awareness.off("update", this.boundAwarenessUpdateHandler);
+            this.awareness.destroy();
+        }
+        this.document.off("update", this.boundDocumentUpdateHandler);
+        this.removeAllListeners();
+        this.detach();
+        if (this.manageSocket) {
+            this.configuration.websocketProvider.destroy();
+        }
+        if (typeof window === "undefined" || !("removeEventListener" in window)) {
+            return;
+        }
+        window.removeEventListener("pagehide", this.boundPageHide);
+    }
+    detach() {
+        this.configuration.websocketProvider.off("connect", this.configuration.onConnect);
+        this.configuration.websocketProvider.off("connect", this.forwardConnect);
+        this.configuration.websocketProvider.off("status", this.forwardStatus);
+        this.configuration.websocketProvider.off("status", this.configuration.onStatus);
+        this.configuration.websocketProvider.off("open", this.boundOnOpen);
+        this.configuration.websocketProvider.off("close", this.boundOnClose);
+        this.configuration.websocketProvider.off("close", this.configuration.onClose);
+        this.configuration.websocketProvider.off("close", this.forwardClose);
+        this.configuration.websocketProvider.off("disconnect", this.configuration.onDisconnect);
+        this.configuration.websocketProvider.off("disconnect", this.forwardDisconnect);
+        this.configuration.websocketProvider.off("destroy", this.configuration.onDestroy);
+        this.configuration.websocketProvider.off("destroy", this.forwardDestroy);
+        this.configuration.websocketProvider.detach(this);
+        this._isAttached = false;
+    }
+    attach() {
+        if (this._isAttached)
+            return;
+        this.configuration.websocketProvider.on("connect", this.configuration.onConnect);
+        this.configuration.websocketProvider.on("connect", this.forwardConnect);
+        this.configuration.websocketProvider.on("status", this.configuration.onStatus);
+        this.configuration.websocketProvider.on("status", this.forwardStatus);
+        this.configuration.websocketProvider.on("open", this.boundOnOpen);
+        this.configuration.websocketProvider.on("close", this.boundOnClose);
+        this.configuration.websocketProvider.on("close", this.configuration.onClose);
+        this.configuration.websocketProvider.on("close", this.forwardClose);
+        this.configuration.websocketProvider.on("disconnect", this.configuration.onDisconnect);
+        this.configuration.websocketProvider.on("disconnect", this.forwardDisconnect);
+        this.configuration.websocketProvider.on("destroy", this.configuration.onDestroy);
+        this.configuration.websocketProvider.on("destroy", this.forwardDestroy);
+        this.configuration.websocketProvider.attach(this);
+        this._isAttached = true;
+    }
+    permissionDeniedHandler(reason) {
+        this.emit("authenticationFailed", { reason });
+        this.isAuthenticated = false;
+    }
+    authenticatedHandler(scope) {
+        this.isAuthenticated = true;
+        this.authorizedScope = scope;
+        this.emit("authenticated", { scope });
+    }
+    setAwarenessField(key, value) {
+        if (!this.awareness) {
+            throw new AwarenessError(`Cannot set awareness field "${key}" to ${JSON.stringify(value)}. You have disabled Awareness for this provider by explicitly passing awareness: null in the provider configuration.`);
+        }
+        this.awareness.setLocalStateField(key, value);
+    }
+}
+
+const DEFAULT_BRUSH_CONFIG = {
+    type: 'pen',
+    color: DEFAULT_COLOR_PALETTE[0],
+    size: 16,
+    opacity: 1,
+    palettes: {
+        pen: [...DEFAULT_COLOR_PALETTE],
+    },
+    sizes: {
+        pen: [...DEFAULT_STROKE_SIZES],
+    },
+};
+
+const DEFAULT_TEXT_CONFIG = {
+    color: DEFAULT_COLOR_PALETTE[0],
+    size: 8,
+    opacity: 1,
+    fontFamily: 'Arial',
+    availableFonts: [...DEFAULT_TEXT_TOOL_AVAILABLE_FONTS],
+    palette: [...DEFAULT_COLOR_PALETTE],
+    sizes: [...DEFAULT_FONT_SIZES],
+};
+
+const DEFAULT_LINE_TOOL_CONFIG = {
+    color: DEFAULT_COLOR_PALETTE[0],
+    size: 4,
+    opacity: 1,
+    palette: [...DEFAULT_COLOR_PALETTE],
+    sizes: [...DEFAULT_STROKE_SIZES],
+    arrows: {
+        end: { enabled: true, style: 'triangle' },
+    },
+};
+
+/**
+ * Default asset storage configuration. Stores bytes in IndexedDB only,
+ * which provides offline-friendly behavior out of the box. Applications
+ * that sync Yjs over the network should also configure a remote provider
+ * (e.g. HttpAssetProvider) so images are available across devices.
+ */
+const DEFAULT_ASSET_STORAGE_CONFIG = {
+    providers: [],
+};
+
+const DEFAULT_SHAPE_CONFIG = {
+    shapeType: ShapeType.Rectangle,
+    fillColor: { light: 'transparent', dark: 'transparent' },
+    strokeColor: DEFAULT_COLOR_PALETTE[0],
+    strokeWidth: 4,
+    opacity: 1,
+    fontColor: DEFAULT_COLOR_PALETTE[0],
+    fontSize: 16,
+    fontFamily: 'Arial',
+    palette: [...DEFAULT_COLOR_PALETTE],
+    sizes: [...DEFAULT_STROKE_SIZES],
+};
+
+const kritzelEditorCss = () => `kritzel-editor{display:flex;margin:0;position:relative;container-type:inline-size;overflow:hidden;width:100%;height:100%;align-items:center;justify-content:center;touch-action:manipulation;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:start;line-height:normal}.editor-content{position:absolute;inset:0}.editor-content>kritzel-engine{position:absolute;inset:0;z-index:0}kritzel-controls{position:absolute;z-index:1;left:0;right:0;margin-inline:auto;width:max-content;max-width:calc(100% - 16px);bottom:var(--kritzel-editor-controls-bottom, 14px);transition:transform var(--kritzel-editor-controls-transition-duration, 0.1s) var(--kritzel-editor-controls-transition, ease-in-out)}kritzel-controls.keyboard-open{transform:var(--kritzel-editor-controls-transform, translateY(300%))}.top-left-buttons{position:absolute;z-index:1;top:var(--kritzel-editor-top-left-buttons-top, 14px);left:var(--kritzel-editor-top-left-buttons-left, 14px);display:flex;align-items:flex-start;gap:8px}.top-center-notification-layer{position:absolute;top:var(--kritzel-editor-top-center-notification-top, 14px);left:0;right:0;z-index:var(--kritzel-editor-top-center-notification-z-index, 10001);display:flex;justify-content:center;pointer-events:none}.top-center-notification-container{width:min(90vw, 420px);pointer-events:auto;animation:kritzel-notification-slide-in var(--kritzel-editor-notification-animation-duration, 220ms)     var(--kritzel-editor-notification-animation-easing, cubic-bezier(0.22, 1, 0.36, 1))}.top-center-notification-container.is-dismissing{animation:kritzel-notification-fade-out var(--kritzel-editor-notification-dismiss-animation-duration, 180ms)     var(--kritzel-editor-notification-dismiss-animation-easing, ease-in) forwards}@keyframes kritzel-notification-slide-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes kritzel-notification-fade-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion: reduce){.top-center-notification-container{animation:none}}.top-right-buttons{position:absolute;z-index:1;top:var(--kritzel-editor-top-right-buttons-top, 14px);right:var(--kritzel-editor-top-right-buttons-right, 14px);display:flex;align-items:center;gap:8px}.bottom-left-buttons{position:absolute;z-index:1;left:var(--kritzel-editor-top-left-buttons-left, 14px);bottom:var(--kritzel-editor-controls-bottom, 14px);display:flex;align-items:flex-end}@container (max-width: 767px){.bottom-left-buttons{display:none}}.top-right-button{display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:var(--kritzel-split-button-border, 1px solid #ebebeb);border-radius:var(--kritzel-split-button-border-radius, 12px);background-color:var(--kritzel-split-button-background-color, #ffffff);cursor:var(--kritzel-global-pointer-cursor, pointer);box-shadow:var(--kritzel-split-button-box-shadow, 0 0 3px rgba(0, 0, 0, 0.08));transition:background-color 150ms ease;-webkit-tap-highlight-color:transparent}.top-right-button:hover{background-color:#f5f5f5}.top-right-button:active{background-color:#ebebeb}`;
+
+const KritzelEditor$1 = /*@__PURE__*/ proxyCustomElement(class KritzelEditor extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.isReady = createEvent(this, "isReady");
+        this.activeWorkspaceChange = createEvent(this, "activeWorkspaceChange");
+        this.objectsChange = createEvent(this, "objectsChange");
+        this.objectsAdded = createEvent(this, "objectsAdded");
+        this.objectsRemoved = createEvent(this, "objectsRemoved");
+        this.objectsUpdated = createEvent(this, "objectsUpdated");
+        this.undoStateChange = createEvent(this, "undoStateChange");
+        this.themeChange = createEvent(this, "themeChange");
+        this.localeChange = createEvent(this, "localeChange");
+        this.viewportChange = createEvent(this, "viewportChange");
+        this.logout = createEvent(this, "logout");
+        this.login = createEvent(this, "login");
+        this.isPublicChange = createEvent(this, "isPublicChange");
+        this.awarenessChange = createEvent(this, "awarenessChange");
+    }
+    get host() { return this; }
+    scaleMax = ABSOLUTE_SCALE_MAX;
+    scaleMin = ABSOLUTE_SCALE_MIN;
+    lockDrawingScale = true;
+    viewportBoundaryLeft = -Infinity;
+    viewportBoundaryRight = Infinity;
+    viewportBoundaryTop = -Infinity;
+    viewportBoundaryBottom = Infinity;
+    debugInfo = {
+        showViewportInfo: false,
+        showObjectInfo: false,
+        showSyncProviderInfo: true,
+        showMigrationInfo: true,
+        showAssetResolverInfo: false,
+    };
+    user;
+    activeUsers;
+    controls = [
+        {
+            name: 'selection',
+            type: 'tool',
+            isDefault: true,
+            tool: KritzelSelectionTool,
+            icon: 'cursor',
+        },
+        {
+            name: 'brush',
+            type: 'tool',
+            tool: KritzelBrushTool,
+            icon: 'pen',
+            config: DEFAULT_BRUSH_CONFIG,
+        },
+        {
+            name: 'eraser',
+            type: 'tool',
+            tool: KritzelEraserTool,
+            icon: 'eraser',
+        },
+        {
+            name: 'line',
+            type: 'tool',
+            tool: KritzelLineTool,
+            icon: 'arrow',
+            config: DEFAULT_LINE_TOOL_CONFIG,
+        },
+        {
+            name: 'shape',
+            type: 'tool',
+            tool: KritzelShapeTool,
+            icon: 'shape-rectangle',
+            config: DEFAULT_SHAPE_CONFIG,
+            subOptions: [
+                { id: 'rectangle', icon: 'shape-rectangle', label: 'Rectangle', value: ShapeType.Rectangle, toolProperty: 'shapeType' },
+                { id: 'ellipse', icon: 'shape-ellipse', label: 'Ellipse', value: ShapeType.Ellipse, toolProperty: 'shapeType' },
+                { id: 'triangle', icon: 'shape-triangle', label: 'Triangle', value: ShapeType.Triangle, toolProperty: 'shapeType' },
+            ],
+        },
+        {
+            name: 'text',
+            type: 'tool',
+            tool: KritzelTextTool,
+            icon: 'type',
+            config: DEFAULT_TEXT_CONFIG,
+        },
+        {
+            name: 'image',
+            type: 'tool',
+            tool: KritzelImageTool,
+            icon: 'image',
+        },
+        {
+            name: 'config',
+            type: 'config',
+        },
+    ];
+    globalContextMenuItems = [
+        {
+            label: 'menu.paste',
+            icon: 'paste',
+            action: menu => this.engineRef.paste(menu.x, menu.y),
+        },
+        {
+            label: 'menu.selectAll',
+            icon: 'select-all',
+            action: () => this.selectAllObjectsInViewport(),
+        },
+    ];
+    objectContextMenuItems = [
+        { label: 'menu.copy', icon: 'copy', group: 'clipboard', action: () => this.engineRef.copy() },
+        { label: 'menu.cut', icon: 'cut', group: 'clipboard', action: () => this.engineRef.cut() },
+        {
+            label: 'menu.paste',
+            icon: 'paste',
+            group: 'clipboard',
+            action: (menu, _) => this.engineRef.paste(menu.x, menu.y),
+        },
+        {
+            label: 'menu.order',
+            icon: 'ordering',
+            group: 'other',
+            children: [
+                { label: 'menu.bringToFront', icon: 'bring-to-front', action: () => this.engineRef.bringToFront() },
+                { label: 'menu.sendToBack', icon: 'send-to-back', action: () => this.engineRef.sendToBack() },
+                { label: 'menu.moveUp', icon: 'arrow-up-from-dot', action: () => this.engineRef.bringForward() },
+                { label: 'menu.moveDown', icon: 'arrow-down-from-dot', action: () => this.engineRef.sendBackward() },
+            ],
+        },
+        {
+            label: 'menu.align',
+            icon: 'align',
+            group: 'other',
+            children: [
+                { label: 'menu.alignLeft', icon: 'align-start-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.StartHorizontal) },
+                { label: 'menu.alignCenterHorizontal', icon: 'align-center-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.CenterHorizontal) },
+                { label: 'menu.alignRight', icon: 'align-end-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.EndHorizontal) },
+                { label: 'menu.alignTop', icon: 'align-start-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.StartVertical) },
+                { label: 'menu.alignCenterVertical', icon: 'align-center-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.CenterVertical) },
+                { label: 'menu.alignBottom', icon: 'align-end-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.EndVertical) },
+            ],
+        },
+        {
+            label: 'menu.group',
+            icon: 'group',
+            group: 'other',
+            children: [
+                {
+                    label: 'menu.group',
+                    icon: 'group',
+                    action: () => this.engineRef.group(),
+                },
+                {
+                    label: 'menu.ungroup',
+                    icon: 'ungroup',
+                    action: () => this.engineRef.ungroup(),
+                },
+            ],
+        },
+        {
+            label: 'menu.export',
+            icon: 'download',
+            group: 'export',
+            children: [
+                { label: 'menu.exportAsSvg', icon: 'download', action: () => this.engineRef.exportSelectedObjectsAsSvg() },
+                { label: 'menu.exportAsPng', icon: 'download', action: () => this.engineRef.exportSelectedObjectsAsPng() },
+            ],
+        },
+        { label: 'menu.delete', icon: 'delete', group: 'edit', action: () => this.engineRef.delete() },
+    ];
+    themes;
+    theme = 'light';
+    /** License key that, when valid, removes the "Powered by Kritzel" watermark. */
+    licenseKey;
+    /** The current locale (language) code applied to the editor, e.g. 'en', 'de', 'fr'. */
+    locale = 'en';
+    /** An array of available locale definitions (with optional partial term overrides). */
+    locales;
+    /** The locale used to resolve terms missing from the active locale. */
+    fallbackLocale = 'en';
+    customSvgIcons = {};
+    /**
+     * Registers fonts for runtime usage (for example custom object rendering).
+     * Text-tool config tooltip options are controlled via controls[].config.availableFonts.
+     */
+    customFonts = {};
+    isPanningEnabled = true;
+    isZoomingEnabled = true;
+    isControlsVisible = true;
+    isUtilityPanelVisible = true;
+    isWorkspaceManagerVisible = true;
+    isMoreMenuVisible = true;
+    isZoomPanelVisible = true;
+    isObjectDistanceFadingActive = false;
+    syncConfig = DEFAULT_SYNC_CONFIG;
+    assetStorageConfig = DEFAULT_ASSET_STORAGE_CONFIG;
+    /** The element to use as the target for the cursor. Defaults to the editor container if not set. */
+    cursorTarget;
+    /** Optional login configuration. When provided, a "Sign in" button is shown that opens a login dialog with the configured providers. */
+    loginConfig;
+    /** Whether the editor is in a loading state. When true, a loading overlay is displayed. */
+    isLoading = false;
+    /** Optional unique identifier for namespacing storage keys across multiple editor instances. */
+    editorId;
+    /** Optional workspace ID to set as active. If provided, the editor will automatically activate the workspace with this ID. */
+    activeWorkspaceId;
+    isReady;
+    activeWorkspaceChange;
+    objectsChange;
+    objectsAdded;
+    objectsRemoved;
+    objectsUpdated;
+    undoStateChange;
+    themeChange;
+    localeChange;
+    viewportChange;
+    logout;
+    login;
+    isPublicChange;
+    awarenessChange;
+    isEngineReady = false;
+    isControlsReady = false;
+    isWorkspaceManagerReady = false;
+    workspaces = [];
+    activeWorkspace;
+    isVirtualKeyboardOpen = false;
+    undoState = null;
+    isBackToContentButtonVisible = false;
+    /** Localized strings for editor-owned UI (e.g. the more menu), resolved from the active locale. */
+    resolvedTerms = {};
+    /** Available locales as `{ code, label }` options for the settings language selector. */
+    availableLocaleOptions = [];
+    currentZoomPercent = 100;
+    shortcuts = [];
+    currentIsPublic = false;
+    isEditorVisible = false;
+    activeNotification;
+    isNotificationDismissing = false;
+    normalizedControls = [];
+    notificationDismissTimeout;
+    notificationDismissAnimationTimeout;
+    notificationDisplayDurationMs = 5000;
+    notificationDismissAnimationDurationMs = 180;
+    isNotificationHovered = false;
+    customFontsLoadVersion = 0;
+    customFontsReady = Promise.resolve();
+    onIsEngineReady(newValue) {
+        if (newValue && this.isControlsReady) {
+            this.checkIsReady();
+        }
+    }
+    onIsControlsReady(newValue) {
+        if (newValue && this.isEngineReady) {
+            this.checkIsReady();
+        }
+    }
+    onWorkspacesChange(newWorkspaces) {
+        const activeWorkspace = this.activeWorkspace;
+        if (activeWorkspace) {
+            const updatedActiveWorkspace = newWorkspaces.find(ws => ws.id === activeWorkspace.id);
+            if (updatedActiveWorkspace && updatedActiveWorkspace !== activeWorkspace) {
+                this.activeWorkspace = updatedActiveWorkspace;
+            }
+        }
+        // If activeWorkspaceId is set, try to keep it in sync with the updated workspaces list
+        if (this.activeWorkspaceId) {
+            const workspaceWithId = newWorkspaces.find(ws => ws.id === this.activeWorkspaceId);
+            if (workspaceWithId && workspaceWithId !== this.activeWorkspace) {
+                this.activeWorkspace = workspaceWithId;
+            }
+        }
+    }
+    onActiveWorkspaceChange() {
+        this.updateCurrentIsPublic();
+    }
+    onCustomFontsChange(newValue) {
+        void this.registerCustomFonts(newValue);
+    }
+    onControlsChange(newValue) {
+        this.normalizedControls = this.normalizeControls(newValue);
+    }
+    onActiveWorkspaceIdChange(newId) {
+        // If no ID is provided, do nothing (allows other logic to control activeWorkspace)
+        if (!newId) {
+            return;
+        }
+        // If workspaces are not loaded yet, the watch will fire again once they are
+        if (this.workspaces.length === 0) {
+            return;
+        }
+        // Find the workspace with the matching ID
+        const workspace = this.workspaces.find(ws => ws.id === newId);
+        if (workspace) {
+            // Only update if it's different from the current activeWorkspace
+            if (workspace !== this.activeWorkspace) {
+                this.activeWorkspace = workspace;
+            }
+        }
+        else {
+            console.warn(`[KritzelEditor] No workspace found with ID: ${newId}`);
+        }
+    }
+    onCurrentThemeChange() {
+        this.applyTheme();
+        setTimeout(() => this.setOsSpecificCssVariables(), 0);
+        if (this.engineRef) {
+            this.engineRef.saveSettings(this.currentSettingsConfig);
+        }
+    }
+    onThemesChange() {
+        this.applyTheme();
+    }
+    onLocaleChange(newValue) {
+        if (this.engineRef) {
+            this.engineRef.setLocale(newValue);
+            this.engineRef.saveSettings(this.currentSettingsConfig);
+            void this.refreshLocalizedTerms();
+        }
+    }
+    /**
+     * Refreshes the editor-owned localized strings (e.g. the more menu and the
+     * strings forwarded to child UI components) from the engine's localization
+     * manager for the active locale.
+     */
+    async refreshLocalizedTerms() {
+        if (!this.engineRef) {
+            return;
+        }
+        this.resolvedTerms = await this.engineRef.getResolvedTerms();
+        this.availableLocaleOptions = await this.engineRef.getAvailableLocaleOptions();
+    }
+    onTouchStart(event) {
+        if (event.cancelable) {
+            event.preventDefault();
+        }
+    }
+    async getObjectById(id) {
+        return this.engineRef.getObjectById(id);
+    }
+    async addObject(object) {
+        return this.engineRef.addObject(object);
+    }
+    async addObjects(objects) {
+        return this.engineRef.addObjects(objects);
+    }
+    async updateObject(object, updatedProperties) {
+        return this.engineRef.updateObject(object, updatedProperties);
+    }
+    async removeObject(object) {
+        return this.engineRef.removeObject(object);
+    }
+    async removeObjects(objects) {
+        return this.engineRef.removeObjects(objects);
+    }
+    async getSelectedObjects() {
+        return this.engineRef.getSelectedObjects();
+    }
+    async selectObjects(objects) {
+        return this.engineRef.selectObjects(objects);
+    }
+    async selectAllObjectsInViewport() {
+        return this.engineRef.selectAllObjectsInViewport();
+    }
+    async clearSelection() {
+        this.engineRef.clearSelection();
+    }
+    async centerObjectInViewport(object) {
+        return this.engineRef.centerObjectInViewport(object);
+    }
+    async panToObject(object) {
+        return this.engineRef.panToObject(object);
+    }
+    async backToContent() {
+        return this.engineRef.backToContent();
+    }
+    async centerAllObjects(animate = true) {
+        return this.engineRef.centerAllObjects(animate);
+    }
+    async centerObjects(objects, animate = true) {
+        return this.engineRef.centerObjects(objects, animate);
+    }
+    async setViewport(x, y, scale) {
+        return this.engineRef.setViewport(x, y, scale);
+    }
+    async panTo(x, y) {
+        return this.engineRef.panTo(x, y);
+    }
+    async zoomTo(scale, worldX, worldY) {
+        return this.engineRef.zoomTo(scale, worldX, worldY);
+    }
+    async zoomIn(factor = 1.6, duration = 200) {
+        return this.engineRef.zoomIn(factor, duration);
+    }
+    async zoomOut(factor = 1.6, duration = 200) {
+        return this.engineRef.zoomOut(factor, duration);
+    }
+    async getViewport() {
+        return this.engineRef.getViewport();
+    }
+    async screenToWorld(x, y) {
+        return this.engineRef.screenToWorld(x, y);
+    }
+    async worldToScreen(x, y) {
+        return this.engineRef.worldToScreen(x, y);
+    }
+    async createWorkspace(workspace) {
+        return this.engineRef.createWorkspace(workspace);
+    }
+    async updateWorkspace(workspace) {
+        return this.engineRef.updateWorkspace(workspace);
+    }
+    async deleteWorkspace(workspace) {
+        return this.engineRef.deleteWorkspace(workspace);
+    }
+    async getWorkspaces() {
+        return this.engineRef.getWorkspaces();
+    }
+    async getActiveWorkspace() {
+        return this.engineRef.getActiveWorkspace();
+    }
+    async loadSharedWorkspace(token) {
+        return this.engineRef.loadSharedWorkspace(token);
+    }
+    async reinitSync() {
+        return this.engineRef.reinitSync();
+    }
+    // ── Tool management ─────────────────────────────────────────────────
+    async registerTool(toolName, toolClass, toolConfig) {
+        return this.engineRef.registerTool(toolName, toolClass, toolConfig);
+    }
+    async changeActiveTool(tool) {
+        return this.engineRef.changeActiveTool(tool);
+    }
+    async changeActiveToolByName(toolName) {
+        return this.engineRef.changeActiveToolByName(toolName);
+    }
+    async disable() {
+        return this.engineRef.disable();
+    }
+    async enable() {
+        return this.engineRef.enable();
+    }
+    async copy() {
+        return this.engineRef.copy();
+    }
+    async cut() {
+        return this.engineRef.cut();
+    }
+    async paste(x, y) {
+        return this.engineRef.paste(x, y);
+    }
+    async delete() {
+        return this.engineRef.delete();
+    }
+    async bringForward(object) {
+        return this.engineRef.bringForward(object);
+    }
+    async sendBackward(object) {
+        return this.engineRef.sendBackward(object);
+    }
+    async bringToFront(object) {
+        return this.engineRef.bringToFront(object);
+    }
+    async sendToBack(object) {
+        return this.engineRef.sendToBack(object);
+    }
+    async alignObjects(alignment) {
+        return this.engineRef.alignObjects(alignment);
+    }
+    async group() {
+        return this.engineRef.group();
+    }
+    async ungroup() {
+        return this.engineRef.ungroup();
+    }
+    async undo() {
+        return this.engineRef.undo();
+    }
+    async redo() {
+        return this.engineRef.redo();
+    }
+    async getScreenshot(format = 'png', options) {
+        return this.engineRef.getScreenshot(format, options);
+    }
+    async exportViewportAsPng(options) {
+        return this.engineRef.exportViewportAsPng(options);
+    }
+    async exportViewportAsSvg(options) {
+        return this.engineRef.exportViewportAsSvg(options);
+    }
+    async exportSelectedObjectsAsPng() {
+        return this.engineRef.exportSelectedObjectsAsPng();
+    }
+    async exportSelectedObjectsAsSvg() {
+        return this.engineRef.exportSelectedObjectsAsSvg();
+    }
+    async downloadAsJson(filename) {
+        return this.engineRef.downloadAsJson(filename);
+    }
+    async importFromFile() {
+        return this.engineRef.importFromFile();
+    }
+    async loadObjectsFromJson(json) {
+        return this.engineRef.loadObjectsFromJson(json);
+    }
+    async getObjectsTotalCount() {
+        return this.engineRef.getObjectsTotalCount();
+    }
+    async getAllObjects() {
+        return this.engineRef.getAllObjects();
+    }
+    async findObjects(predicate) {
+        return this.engineRef.findObjects(predicate);
+    }
+    async getObjectsInViewport() {
+        return this.engineRef.getObjectsInViewport();
+    }
+    async hideContextMenu() {
+        return this.engineRef.hideContextMenu();
+    }
+    async openContextMenu(options) {
+        return this.engineRef.openContextMenu(options);
+    }
+    async triggerSelectionChange() {
+        return this.engineRef.triggerSelectionChange();
+    }
+    async getDisplayableShortcuts() {
+        return this.engineRef.getDisplayableShortcuts();
+    }
+    /**
+     * Triggers a UI notification programmatically.
+     * @param notification - Notification payload. `id` and `timestamp` are optional.
+     */
+    async triggerNotification(notification) {
+        const normalizedNotification = {
+            ...notification,
+            id: notification.id ?? ObjectHelper.generateUUID(),
+            timestamp: notification.timestamp ?? new Date(),
+        };
+        this.clearNotificationDismissAnimationTimer();
+        this.isNotificationDismissing = false;
+        this.isNotificationHovered = false;
+        this.activeNotification = normalizedNotification;
+        this.scheduleNotificationDismiss();
+    }
+    engineRef;
+    controlsRef;
+    settingsRef;
+    exportRef;
+    splitButtonRef;
+    shareDialogRef;
+    loginDialogRef;
+    currentUserDialogRef;
+    componentWillLoad() {
+        this.normalizedControls = this.normalizeControls(this.controls);
+        this.loadSettingsFromStorage();
+        this.applyTheme();
+    }
+    isTextToolConfig(config) {
+        return !!config && 'fontFamily' in config && 'size' in config && 'color' in config;
+    }
+    normalizeControls(controls) {
+        return controls.map(control => {
+            if (!this.isTextToolConfig(control.config)) {
+                return control;
+            }
+            return {
+                ...control,
+                config: {
+                    ...control.config,
+                    availableFonts: resolveTextToolAvailableFonts(control.config.availableFonts),
+                },
+            };
+        });
+    }
+    applyTheme() {
+        const themeObj = this.resolveThemeObject();
+        ThemeHelper.applyThemeToElement(this.host, themeObj);
+    }
+    resolveThemeObject() {
+        return this.themes?.find(t => t.name === this.theme)
+            ?? (this.theme === 'dark' ? darkTheme : lightTheme);
+    }
+    componentDidLoad() {
+        this.registerCustomSvgIcons();
+        this.registerCustomFonts();
+        this.listenForMobileKeyboard();
+        this.setOsSpecificCssVariables();
+    }
+    disconnectedCallback() {
+        this.clearNotificationDismissTimer();
+        this.clearNotificationDismissAnimationTimer();
+    }
+    async checkIsReady() {
+        await customElements.whenDefined('kritzel-editor');
+        await customElements.whenDefined('kritzel-workspace-manager');
+        await customElements.whenDefined('kritzel-controls');
+        await customElements.whenDefined('kritzel-engine');
+        await this.waitForCustomFontsReady();
+        if (!this.isEngineReady || !this.isControlsReady || !this.isWorkspaceManagerReady || !this.activeWorkspace) {
+            return;
+        }
+        this.isEditorVisible = true;
+        const { id, name, isPublic, createdAt, updatedAt } = this.activeWorkspace;
+        this.isReady.emit({
+            host: this.host,
+            activeWorkspace: {
+                id,
+                name,
+                isPublic,
+                createdAt,
+                updatedAt,
+            },
+            syncConfig: this.syncConfig,
+            assetStorageConfig: this.assetStorageConfig,
+            loginConfig: this.loginConfig,
+            theme: this.theme
+        });
+    }
+    async onEngineReady(event) {
+        this.isEngineReady = true;
+        if (!event.detail.activeWorkspace) {
+            return;
+        }
+        this.activeWorkspace = event.detail.activeWorkspace;
+        this.workspaces = event.detail.workspaces;
+        this.currentIsPublic = await this.engineRef.getIsPublic();
+        await this.refreshLocalizedTerms();
+        const viewport = await this.engineRef.getViewport();
+        this.currentZoomPercent = this.getZoomPercentFromScale(viewport.scale);
+        this.loadShortcuts();
+    }
+    handleWorkspacesChange(event) {
+        event.stopPropagation();
+        this.workspaces = event.detail;
+    }
+    handleActiveWorkspaceChange(event) {
+        event.stopPropagation();
+        this.activeWorkspace = event.detail;
+        if (!this.isEngineReady) {
+            return;
+        }
+        const { id, name, isPublic, createdAt, updatedAt } = this.activeWorkspace;
+        this.activeWorkspaceChange.emit({
+            id,
+            name,
+            isPublic,
+            createdAt,
+            updatedAt,
+        });
+    }
+    handleObjectsChange(event) {
+        event.stopPropagation();
+        this.objectsChange.emit(event.detail);
+    }
+    handleObjectsAdded(event) {
+        event.stopPropagation();
+        this.objectsAdded.emit(event.detail);
+    }
+    handleObjectsRemoved(event) {
+        event.stopPropagation();
+        this.objectsRemoved.emit(event.detail);
+    }
+    handleObjectsUpdated(event) {
+        event.stopPropagation();
+        this.objectsUpdated.emit(event.detail);
+    }
+    handleUndoStateChange(event) {
+        event.stopPropagation();
+        this.undoStateChange.emit(event.detail);
+        this.undoState = event.detail;
+    }
+    async handleObjectsInViewportChange(event) {
+        event.stopPropagation();
+        const hasVisibleObjects = this.getContentObjects(event.detail).length > 0;
+        const hasAnyObjectsAtAll = this.getContentObjects(await this.engineRef.getAllObjects()).length > 0;
+        this.isBackToContentButtonVisible = !hasVisibleObjects && hasAnyObjectsAtAll;
+    }
+    handleViewportChange(event) {
+        event.stopPropagation();
+        this.currentZoomPercent = this.getZoomPercentFromScale(event.detail.scale);
+        this.viewportChange.emit(event.detail);
+    }
+    getZoomPercentFromScale(scale) {
+        if (!Number.isFinite(scale) || scale <= 0) {
+            return 100;
+        }
+        return Math.round(scale * 100);
+    }
+    handleAwarenessChange(event) {
+        event.stopPropagation();
+        this.awarenessChange.emit(event.detail);
+    }
+    handleNotificationsChange(event) {
+        event.stopPropagation();
+        this.clearNotificationDismissAnimationTimer();
+        this.isNotificationDismissing = false;
+        this.isNotificationHovered = false;
+        this.activeNotification = event.detail;
+        this.scheduleNotificationDismiss();
+    }
+    handleNotificationHoverChange(event) {
+        event.stopPropagation();
+        this.isNotificationHovered = event.detail;
+        if (this.isNotificationHovered) {
+            this.clearNotificationDismissTimer();
+            return;
+        }
+        if (this.activeNotification && !this.isNotificationDismissing) {
+            this.scheduleNotificationDismiss();
+        }
+    }
+    scheduleNotificationDismiss() {
+        this.clearNotificationDismissTimer();
+        this.notificationDismissTimeout = setTimeout(() => {
+            this.dismissNotification();
+        }, this.notificationDisplayDurationMs);
+    }
+    clearNotificationDismissTimer() {
+        if (this.notificationDismissTimeout) {
+            clearTimeout(this.notificationDismissTimeout);
+            this.notificationDismissTimeout = undefined;
+        }
+    }
+    clearNotificationDismissAnimationTimer() {
+        if (this.notificationDismissAnimationTimeout) {
+            clearTimeout(this.notificationDismissAnimationTimeout);
+            this.notificationDismissAnimationTimeout = undefined;
+        }
+    }
+    dismissNotification = () => {
+        this.clearNotificationDismissTimer();
+        this.isNotificationHovered = false;
+        if (!this.activeNotification || this.isNotificationDismissing) {
+            return;
+        }
+        this.isNotificationDismissing = true;
+        this.clearNotificationDismissAnimationTimer();
+        this.notificationDismissAnimationTimeout = setTimeout(() => {
+            this.activeNotification = undefined;
+            this.isNotificationDismissing = false;
+            this.notificationDismissAnimationTimeout = undefined;
+        }, this.notificationDismissAnimationDurationMs);
+    };
+    handleSettingsChange(event) {
+        this.scaleMin = event.detail.scaleMin;
+        this.scaleMax = event.detail.scaleMax;
+        this.lockDrawingScale = event.detail.lockDrawingScale;
+        this.theme = event.detail.theme;
+        if (typeof event.detail.locale === 'string' && event.detail.locale !== this.locale) {
+            this.locale = event.detail.locale;
+            this.localeChange.emit(event.detail.locale);
+        }
+        this.viewportBoundaryLeft = event.detail.viewportBoundaryLeft ?? -Infinity;
+        this.viewportBoundaryRight = event.detail.viewportBoundaryRight ?? Infinity;
+        this.viewportBoundaryTop = event.detail.viewportBoundaryTop ?? -Infinity;
+        this.viewportBoundaryBottom = event.detail.viewportBoundaryBottom ?? Infinity;
+        this.debugInfo = event.detail.debugInfo;
+        if (this.engineRef) {
+            this.engineRef.saveSettings(event.detail);
+        }
+        this.themeChange.emit(event.detail.theme);
+    }
+    get moreMenuItems() {
+        return [
+            {
+                id: 'share',
+                label: this.resolvedTerms['menu.share'] ?? 'Share',
+                icon: 'share',
+                action: () => {
+                    if (!this.isLoggedIn && this.loginConfig) {
+                        this.openLoginDialog();
+                        return;
+                    }
+                    this.shareDialogRef.open();
+                },
+            },
+            {
+                id: 'export',
+                label: this.resolvedTerms['menu.export'] ?? 'Export',
+                icon: 'upload',
+                action: async () => {
+                    const preview = await this.engineRef.getScreenshot('png');
+                    this.exportRef.open(preview ?? undefined);
+                },
+            },
+            {
+                id: 'import',
+                label: this.resolvedTerms['menu.import'] ?? 'Import',
+                icon: 'download',
+                action: () => this.engineRef.importFromFile(),
+            },
+            {
+                id: 'settings',
+                label: this.resolvedTerms['menu.settings'] ?? 'Settings',
+                icon: 'settings',
+                action: () => this.settingsRef.open(),
+            }
+        ];
+    }
+    handleToggleIsPublic = async (event) => {
+        const isPublic = event.detail;
+        const activeWorkspace = await this.engineRef.getActiveWorkspace();
+        activeWorkspace.isPublic = isPublic;
+        await this.engineRef.updateWorkspace(activeWorkspace);
+        this.activeWorkspace = activeWorkspace.clone();
+        this.isPublicChange.emit({ isPublic, workspaceId: activeWorkspace.id });
+    };
+    /**
+     * Updates the currentIsPublic state from the active workspace and emits the isPublicChange event.
+     */
+    updateCurrentIsPublic() {
+        const isPublic = this.activeWorkspace?.isPublic ?? false;
+        const workspaceId = this.activeWorkspace?.id;
+        this.currentIsPublic = isPublic;
+        if (!workspaceId) {
+            return;
+        }
+        this.isPublicChange.emit({ isPublic, workspaceId });
+    }
+    handleProviderLogin = (event) => {
+        this.login.emit(event.detail);
+    };
+    handleCurrentUserLogout = () => {
+        this.logout.emit();
+    };
+    get isLoggedIn() {
+        return !!this.user && !this.user.isGuest;
+    }
+    async openLoginDialog() {
+        this.loginDialogRef?.open();
+    }
+    async setLoginLoading(provider) {
+        this.loginDialogRef?.setLoading(provider);
+    }
+    /**
+     * Sets the active locale (language) and re-renders the UI.
+     * @param code - The locale code to activate, e.g. 'de'.
+     */
+    async setLocale(code) {
+        this.locale = code;
+        await this.engineRef?.setLocale(code);
+    }
+    /**
+     * Gets the currently active locale code.
+     */
+    async getLocale() {
+        return this.engineRef ? this.engineRef.getLocale() : this.locale;
+    }
+    /**
+     * Gets the list of available locale codes (built-in and registered).
+     */
+    async getAvailableLocales() {
+        return this.engineRef ? this.engineRef.getAvailableLocales() : [];
+    }
+    /**
+     * Registers additional locale definitions (with optional partial term overrides).
+     * @param locales - The locale definitions to register.
+     */
+    async registerLocales(locales) {
+        await this.engineRef?.registerLocales(locales);
+    }
+    /**
+     * Registers custom fonts for the editor runtime.
+     * @param fonts - Mapping from font keys to family names or font definitions.
+     * @remarks This no longer controls the text-tool config tooltip font options.
+     * Configure tooltip fonts via controls[].config.availableFonts.
+     */
+    async registerFonts(fonts) {
+        await this.registerCustomFonts(fonts);
+    }
+    /**
+     * Resolves a term key to its translated string for the active locale.
+     * @param key - The term key to resolve.
+     * @param vars - Optional values for `{placeholder}` interpolation.
+     */
+    async t(key, vars) {
+        return this.engineRef ? this.engineRef.t(key, vars) : key;
+    }
+    getSettingsStorageKey() {
+        return this.editorId ? `kritzel-settings-${this.editorId}` : 'kritzel-settings';
+    }
+    loadSettingsFromStorage() {
+        const stored = localStorage.getItem(this.getSettingsStorageKey());
+        if (stored) {
+            try {
+                const parsed = JSON.parse(stored);
+                if (typeof parsed.scaleMin === 'number') {
+                    this.scaleMin = parsed.scaleMin;
+                }
+                if (typeof parsed.scaleMax === 'number') {
+                    this.scaleMax = parsed.scaleMax;
+                }
+                if (typeof parsed.lockDrawingScale === 'boolean') {
+                    this.lockDrawingScale = parsed.lockDrawingScale;
+                }
+                if (typeof parsed.theme === 'string') {
+                    this.theme = parsed.theme;
+                }
+                if (typeof parsed.locale === 'string') {
+                    this.locale = parsed.locale;
+                }
+                if (typeof parsed.viewportBoundaryLeft === 'number') {
+                    this.viewportBoundaryLeft = parsed.viewportBoundaryLeft;
+                }
+                if (typeof parsed.viewportBoundaryRight === 'number') {
+                    this.viewportBoundaryRight = parsed.viewportBoundaryRight;
+                }
+                if (typeof parsed.viewportBoundaryTop === 'number') {
+                    this.viewportBoundaryTop = parsed.viewportBoundaryTop;
+                }
+                if (typeof parsed.viewportBoundaryBottom === 'number') {
+                    this.viewportBoundaryBottom = parsed.viewportBoundaryBottom;
+                }
+                if (parsed.debugInfo) {
+                    this.debugInfo = { ...this.debugInfo, ...parsed.debugInfo };
+                }
+            }
+            catch {
+                // Invalid JSON, use prop defaults
+            }
+        }
+    }
+    async loadShortcuts() {
+        this.shortcuts = await this.engineRef.getDisplayableShortcuts();
+    }
+    get currentSettingsConfig() {
+        return {
+            scaleMin: this.scaleMin,
+            scaleMax: this.scaleMax,
+            lockDrawingScale: this.lockDrawingScale,
+            theme: this.theme,
+            locale: this.locale,
+            viewportBoundaryLeft: this.viewportBoundaryLeft,
+            viewportBoundaryRight: this.viewportBoundaryRight,
+            viewportBoundaryTop: this.viewportBoundaryTop,
+            viewportBoundaryBottom: this.viewportBoundaryBottom,
+            debugInfo: this.debugInfo,
+        };
+    }
+    getContentObjects(objects) {
+        return objects.filter(obj => !(obj instanceof KritzelSelectionGroup) && !(obj instanceof KritzelSelectionBox));
+    }
+    registerCustomSvgIcons() {
+        for (const [name, svg] of Object.entries(this.customSvgIcons)) {
+            KritzelIconRegistry.register(name, svg);
+        }
+    }
+    async registerCustomFonts(fonts = this.customFonts) {
+        KritzelFontRegistry.registerFonts(fonts);
+        const currentVersion = ++this.customFontsLoadVersion;
+        const loadPromise = KritzelFontRegistry.waitForFonts(fonts);
+        this.customFontsReady = loadPromise;
+        await loadPromise;
+        if (currentVersion !== this.customFontsLoadVersion) {
+            await this.waitForCustomFontsReady();
+        }
+    }
+    async waitForCustomFontsReady() {
+        while (true) {
+            const version = this.customFontsLoadVersion;
+            await this.customFontsReady;
+            if (version === this.customFontsLoadVersion) {
+                return;
+            }
+        }
+    }
+    listenForMobileKeyboard() {
+        KritzelKeyboardHelper.onKeyboardVisibleChanged(isOpen => {
+            this.isVirtualKeyboardOpen = isOpen;
+        });
+    }
+    setOsSpecificCssVariables() {
+        const os = KritzelDevicesHelper.detectOS();
+        switch (os) {
+            case 'iOS':
+                // iOS specific adjustments
+                this.host.style.setProperty('--kritzel-editor-top-left-buttons-top', '14px');
+                this.host.style.setProperty('--kritzel-editor-top-left-buttons-left', '14px');
+                this.host.style.setProperty('--kritzel-editor-controls-bottom', '14px');
+                this.host.style.setProperty('--kritzel-editor-controls-transition', 'cubic-bezier(0.25, 0.1, 0.25, 1.0)');
+                this.host.style.setProperty('--kritzel-editor-controls-transform', 'translateY(200%)');
+                this.host.style.setProperty('--kritzel-editor-controls-transition-duration', '0.25s');
+                break;
+            case 'Android':
+                // Android specific adjustments
+                this.host.style.setProperty('--kritzel-editor-top-left-buttons-top', '14px');
+                this.host.style.setProperty('--kritzel-editor-top-left-buttons-left', '14px');
+                this.host.style.setProperty('--kritzel-editor-controls-bottom', '24px');
+                this.host.style.setProperty('--kritzel-editor-controls-transition', 'cubic-bezier(0.25, 0.1, 0.25, 1.0)');
+                this.host.style.setProperty('--kritzel-editor-controls-transform', 'translateY(200%)');
+                this.host.style.setProperty('--kritzel-editor-controls-transition-duration', '0.25s');
+                break;
+            default:
+                // Default for Windows/Linux
+                this.host.style.setProperty('--kritzel-editor-top-left-buttons-top', '14px');
+                this.host.style.setProperty('--kritzel-editor-top-left-buttons-left', '14px');
+                this.host.style.setProperty('--kritzel-editor-controls-bottom', '14px');
+                break;
+        }
+    }
+    render() {
+        const isLoggedIn = this.isLoggedIn;
+        const shouldShowCurrentUser = isLoggedIn;
+        const shouldShowLoginButton = this.isReady && !!this.loginConfig && !isLoggedIn;
+        return (h(Host, { key: '00d652c74feac7b4917772146368125da6deeb1c' }, h("div", { key: 'f8fb86b45b0cdabb5e3ad52de6d6ef31a71a09e4', class: "editor-content", style: {
+                opacity: this.isEditorVisible ? '1' : '0',
+                visibility: this.isEditorVisible ? 'visible' : 'hidden',
+                transition: 'opacity 0.2s ease-in-out, visibility 0.2s ease-in-out',
+            } }, h("div", { key: '2378c776d8eecf2614567bed11c6e93fb338e302', class: "top-left-buttons" }, h("kritzel-workspace-manager", { key: 'ce41192540169694482d6f8cca60701bc4427438', visible: this.isWorkspaceManagerVisible, workspaces: this.workspaces, activeWorkspace: this.activeWorkspace, terms: this.resolvedTerms, onWorkspaceChange: event => (this.activeWorkspace = event.detail), onIsWorkspaceManagerReady: () => (this.isWorkspaceManagerReady = true) }), h("kritzel-back-to-content", { key: 'ec269d3e9f589362d8301370778f0c5e4252eead', visible: this.isBackToContentButtonVisible, text: this.resolvedTerms['backToContent.label'] ?? 'Back to content', onBackToContent: () => this.backToContent() })), this.activeNotification && (h("div", { key: '847ed8149d556c934090424ff54b17b6721ccc76', class: "top-center-notification-layer", role: "presentation" }, h("div", { key: '61d8b8e91cda100ffa6620db26ba6dfb2232946a', class: { 'top-center-notification-container': true, 'is-dismissing': this.isNotificationDismissing }, role: "presentation" }, h("kritzel-notification-card", { key: 'b7e132773225ace38e447756110dd39e4661f5fc', notification: this.activeNotification, locale: this.locale, onDismiss: this.dismissNotification, onHoverChange: event => this.handleNotificationHoverChange(event) })))), h("kritzel-engine", { key: '3e4a6d0dbc015ec675fb21a59990c87e9eaa805f', ref: el => {
+                if (el) {
+                    this.engineRef = el;
+                }
+            }, workspace: this.activeWorkspace, activeWorkspaceId: this.activeWorkspaceId, editorId: this.editorId, syncConfig: this.syncConfig, assetStorageConfig: this.assetStorageConfig, user: this.user, scaleMax: this.scaleMax, lockDrawingScale: this.lockDrawingScale, isObjectDistanceFadingActive: this.isObjectDistanceFadingActive, scaleMin: this.scaleMin, cursorTarget: this.cursorTarget, isLoading: this.isLoading, viewportBoundaryLeft: this.viewportBoundaryLeft, viewportBoundaryRight: this.viewportBoundaryRight, viewportBoundaryTop: this.viewportBoundaryTop, viewportBoundaryBottom: this.viewportBoundaryBottom, isPanningEnabled: this.isPanningEnabled, isZoomingEnabled: this.isZoomingEnabled, theme: this.theme, themes: this.themes, licenseKey: this.licenseKey, locale: this.locale, locales: this.locales, fallbackLocale: this.fallbackLocale, debugInfo: this.debugInfo, globalContextMenuItems: this.globalContextMenuItems, objectContextMenuItems: this.objectContextMenuItems, onIsEngineReady: event => this.onEngineReady(event), onWorkspacesChange: event => this.handleWorkspacesChange(event), onActiveWorkspaceChange: event => this.handleActiveWorkspaceChange(event), onObjectsChange: event => this.handleObjectsChange(event), onObjectsAdded: event => this.handleObjectsAdded(event), onObjectsRemoved: event => this.handleObjectsRemoved(event), onObjectsUpdated: event => this.handleObjectsUpdated(event), onUndoStateChange: event => this.handleUndoStateChange(event), onObjectsInViewportChange: event => this.handleObjectsInViewportChange(event), onViewportChange: event => this.handleViewportChange(event), onAwarenessChange: event => this.handleAwarenessChange(event), onNotificationsChange: event => this.handleNotificationsChange(event) }), h("kritzel-controls", { key: 'f84607a0a4d0762c1249400f85b7b8454d672c1e', visible: this.isControlsVisible, class: { 'keyboard-open': this.isVirtualKeyboardOpen }, ref: el => {
+                if (el) {
+                    this.controlsRef = el;
+                }
+            }, controls: this.normalizedControls, isUtilityPanelVisible: this.isUtilityPanelVisible, undoState: this.undoState ?? undefined, theme: this.theme, terms: this.resolvedTerms, onIsControlsReady: () => (this.isControlsReady = true) }), h("div", { key: 'e2691e7c730195e197511cb1e4d0fe707677b5ff', class: "bottom-left-buttons" }, h("kritzel-zoom-panel", { key: 'd0ac6624eab49af78d4761c3ad91842834717aad', visible: this.isZoomPanelVisible, disabled: !this.isZoomingEnabled, zoomPercent: this.currentZoomPercent, terms: this.resolvedTerms, onZoomIn: () => this.zoomIn(), onZoomOut: () => this.zoomOut() })), h("div", { key: 'ad3d386ab7e8ad9fdfbb12754db005bc85fa28ce', class: "top-right-buttons" }, h("kritzel-settings", { key: '566024ac6f3d8f7f20238cc1f83882b39dbf698e', ref: el => {
+                if (el) {
+                    this.settingsRef = el;
+                }
+            }, shortcuts: this.shortcuts, availableThemes: this.themes && this.themes.length > 0 ? this.themes.map(t => t.name) : ['light', 'dark'], availableLocales: this.availableLocaleOptions, settings: this.currentSettingsConfig, terms: this.resolvedTerms, onSettingsChange: event => this.handleSettingsChange(event) }), h("kritzel-export", { key: '4a23ea0c6e070d424a90e9fc87de04e11cff7ade', ref: el => {
+                if (el) {
+                    this.exportRef = el;
+                }
+            }, workspaceName: this.activeWorkspace?.name || 'workspace', terms: this.resolvedTerms, onExportPng: () => this.engineRef.exportViewportAsPng(), onExportSvg: () => this.engineRef.exportViewportAsSvg(), onExportJson: event => this.engineRef.downloadAsJson(event.detail) }), h("kritzel-active-users", { key: 'feef074b52e552fa2ef7e8258002571aca4c5abd', users: this.activeUsers }), shouldShowCurrentUser && h("kritzel-current-user", { key: '844c722545363eaf7eec69037a835eae943afeb9', user: this.user, terms: this.resolvedTerms, onClick: () => this.currentUserDialogRef?.open() }), shouldShowCurrentUser && (h("kritzel-current-user-dialog", { key: '8363c1d3230d111cf1ace0ccf805669e592bb533', ref: el => {
+                if (el) {
+                    this.currentUserDialogRef = el;
+                    this.currentUserDialogRef.addEventListener('logoutRequest', this.handleCurrentUserLogout);
+                }
+            }, user: this.user, terms: this.resolvedTerms })), shouldShowLoginButton && (h("kritzel-button", { key: '68ddf8c3aabc7634b4c1d88f3d2d584fa1f1b150', onButtonClick: () => this.loginDialogRef?.open() }, this.resolvedTerms['login.dialogTitle'] ?? 'Sign in')), h("kritzel-more-menu", { key: '39b938f5792f7a36bbf21ed88a1a5c7717a785a6', items: this.moreMenuItems, visible: this.isMoreMenuVisible, terms: this.resolvedTerms }), h("kritzel-share-dialog", { key: '61ed918499760d874d5d2ec140d3cf59ce94520b', ref: el => {
+                if (el) {
+                    this.shareDialogRef = el;
+                }
+            }, isPublic: this.currentIsPublic, workspaceId: this.activeWorkspace?.id, terms: this.resolvedTerms, onToggleIsPublic: this.handleToggleIsPublic }), this.loginConfig && (h("kritzel-login-dialog", { key: '5f6528a57884bd1494e45755609e710f69041a4d', ref: el => {
+                if (el) {
+                    this.loginDialogRef = el;
+                }
+            }, providers: this.loginConfig.providers, dialogTitle: this.loginConfig.title ?? this.resolvedTerms['login.dialogTitle'] ?? 'Sign in', subtitle: this.loginConfig.subtitle, onProviderLogin: this.handleProviderLogin }))))));
+    }
+    static get watchers() { return {
+        "isEngineReady": [{
+                "onIsEngineReady": 0
+            }],
+        "isControlsReady": [{
+                "onIsControlsReady": 0
+            }],
+        "workspaces": [{
+                "onWorkspacesChange": 0
+            }],
+        "activeWorkspace": [{
+                "onActiveWorkspaceChange": 0
+            }],
+        "customFonts": [{
+                "onCustomFontsChange": 0
+            }],
+        "controls": [{
+                "onControlsChange": 0
+            }],
+        "activeWorkspaceId": [{
+                "onActiveWorkspaceIdChange": 0
+            }],
+        "theme": [{
+                "onCurrentThemeChange": 0
+            }],
+        "themes": [{
+                "onThemesChange": 0
+            }],
+        "locale": [{
+                "onLocaleChange": 0
+            }]
+    }; }
+    static get style() { return kritzelEditorCss(); }
+}, [512, "kritzel-editor", {
+        "scaleMax": [1026, "scale-max"],
+        "scaleMin": [1026, "scale-min"],
+        "lockDrawingScale": [1028, "lock-drawing-scale"],
+        "viewportBoundaryLeft": [1026, "viewport-boundary-left"],
+        "viewportBoundaryRight": [1026, "viewport-boundary-right"],
+        "viewportBoundaryTop": [1026, "viewport-boundary-top"],
+        "viewportBoundaryBottom": [1026, "viewport-boundary-bottom"],
+        "debugInfo": [1040],
+        "user": [16],
+        "activeUsers": [16],
+        "controls": [16],
+        "globalContextMenuItems": [16],
+        "objectContextMenuItems": [16],
+        "themes": [16],
+        "theme": [1025],
+        "licenseKey": [1, "license-key"],
+        "locale": [1025],
+        "locales": [16],
+        "fallbackLocale": [1, "fallback-locale"],
+        "customSvgIcons": [16],
+        "customFonts": [16],
+        "isPanningEnabled": [1028, "is-panning-enabled"],
+        "isZoomingEnabled": [1028, "is-zooming-enabled"],
+        "isControlsVisible": [4, "is-controls-visible"],
+        "isUtilityPanelVisible": [4, "is-utility-panel-visible"],
+        "isWorkspaceManagerVisible": [4, "is-workspace-manager-visible"],
+        "isMoreMenuVisible": [4, "is-more-menu-visible"],
+        "isZoomPanelVisible": [4, "is-zoom-panel-visible"],
+        "isObjectDistanceFadingActive": [4, "is-object-distance-fading-active"],
+        "syncConfig": [16],
+        "assetStorageConfig": [16],
+        "cursorTarget": [16],
+        "loginConfig": [16],
+        "isLoading": [4, "is-loading"],
+        "editorId": [1, "editor-id"],
+        "activeWorkspaceId": [1, "active-workspace-id"],
+        "isEngineReady": [32],
+        "isControlsReady": [32],
+        "isWorkspaceManagerReady": [32],
+        "workspaces": [32],
+        "activeWorkspace": [32],
+        "isVirtualKeyboardOpen": [32],
+        "undoState": [32],
+        "isBackToContentButtonVisible": [32],
+        "resolvedTerms": [32],
+        "availableLocaleOptions": [32],
+        "currentZoomPercent": [32],
+        "shortcuts": [32],
+        "currentIsPublic": [32],
+        "isEditorVisible": [32],
+        "activeNotification": [32],
+        "isNotificationDismissing": [32],
+        "normalizedControls": [32],
+        "getObjectById": [64],
+        "addObject": [64],
+        "addObjects": [64],
+        "updateObject": [64],
+        "removeObject": [64],
+        "removeObjects": [64],
+        "getSelectedObjects": [64],
+        "selectObjects": [64],
+        "selectAllObjectsInViewport": [64],
+        "clearSelection": [64],
+        "centerObjectInViewport": [64],
+        "panToObject": [64],
+        "backToContent": [64],
+        "centerAllObjects": [64],
+        "centerObjects": [64],
+        "setViewport": [64],
+        "panTo": [64],
+        "zoomTo": [64],
+        "zoomIn": [64],
+        "zoomOut": [64],
+        "getViewport": [64],
+        "screenToWorld": [64],
+        "worldToScreen": [64],
+        "createWorkspace": [64],
+        "updateWorkspace": [64],
+        "deleteWorkspace": [64],
+        "getWorkspaces": [64],
+        "getActiveWorkspace": [64],
+        "loadSharedWorkspace": [64],
+        "reinitSync": [64],
+        "registerTool": [64],
+        "changeActiveTool": [64],
+        "changeActiveToolByName": [64],
+        "disable": [64],
+        "enable": [64],
+        "copy": [64],
+        "cut": [64],
+        "paste": [64],
+        "delete": [64],
+        "bringForward": [64],
+        "sendBackward": [64],
+        "bringToFront": [64],
+        "sendToBack": [64],
+        "alignObjects": [64],
+        "group": [64],
+        "ungroup": [64],
+        "undo": [64],
+        "redo": [64],
+        "getScreenshot": [64],
+        "exportViewportAsPng": [64],
+        "exportViewportAsSvg": [64],
+        "exportSelectedObjectsAsPng": [64],
+        "exportSelectedObjectsAsSvg": [64],
+        "downloadAsJson": [64],
+        "importFromFile": [64],
+        "loadObjectsFromJson": [64],
+        "getObjectsTotalCount": [64],
+        "getAllObjects": [64],
+        "findObjects": [64],
+        "getObjectsInViewport": [64],
+        "hideContextMenu": [64],
+        "openContextMenu": [64],
+        "triggerSelectionChange": [64],
+        "getDisplayableShortcuts": [64],
+        "triggerNotification": [64],
+        "openLoginDialog": [64],
+        "setLoginLoading": [64],
+        "setLocale": [64],
+        "getLocale": [64],
+        "getAvailableLocales": [64],
+        "registerLocales": [64],
+        "registerFonts": [64],
+        "t": [64]
+    }, [[0, "dblclick", "onTouchStart"]], {
+        "isEngineReady": [{
+                "onIsEngineReady": 0
+            }],
+        "isControlsReady": [{
+                "onIsControlsReady": 0
+            }],
+        "workspaces": [{
+                "onWorkspacesChange": 0
+            }],
+        "activeWorkspace": [{
+                "onActiveWorkspaceChange": 0
+            }],
+        "customFonts": [{
+                "onCustomFontsChange": 0
+            }],
+        "controls": [{
+                "onControlsChange": 0
+            }],
+        "activeWorkspaceId": [{
+                "onActiveWorkspaceIdChange": 0
+            }],
+        "theme": [{
+                "onCurrentThemeChange": 0
+            }],
+        "themes": [{
+                "onThemesChange": 0
+            }],
+        "locale": [{
+                "onLocaleChange": 0
+            }]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["kritzel-editor", "kritzel-active-users", "kritzel-avatar", "kritzel-awareness-cursors", "kritzel-back-to-content", "kritzel-button", "kritzel-color", "kritzel-color-palette", "kritzel-context-menu", "kritzel-controls", "kritzel-current-user", "kritzel-current-user-dialog", "kritzel-cursor-trail", "kritzel-dialog", "kritzel-dropdown", "kritzel-engine", "kritzel-export", "kritzel-font", "kritzel-font-family", "kritzel-font-size", "kritzel-icon", "kritzel-input", "kritzel-line-endings", "kritzel-loading-overlay", "kritzel-login-dialog", "kritzel-master-detail", "kritzel-menu", "kritzel-menu-item", "kritzel-more-menu", "kritzel-notification-card", "kritzel-numeric-input", "kritzel-opacity-slider", "kritzel-pill-tabs", "kritzel-portal", "kritzel-settings", "kritzel-shape-fill", "kritzel-share-dialog", "kritzel-slide-toggle", "kritzel-split-button", "kritzel-stroke-size", "kritzel-sync-indicator", "kritzel-tool-config", "kritzel-tooltip", "kritzel-utility-panel", "kritzel-watermark", "kritzel-workspace-manager", "kritzel-zoom-panel"];
+    components.forEach(tagName => { switch (tagName) {
+        case "kritzel-editor":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), KritzelEditor$1);
+            }
+            break;
+        case "kritzel-active-users":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$L();
+            }
+            break;
+        case "kritzel-avatar":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$K();
+            }
+            break;
+        case "kritzel-awareness-cursors":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$J();
+            }
+            break;
+        case "kritzel-back-to-content":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$I();
+            }
+            break;
+        case "kritzel-button":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$H();
+            }
+            break;
+        case "kritzel-color":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$G();
+            }
+            break;
+        case "kritzel-color-palette":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$F();
+            }
+            break;
+        case "kritzel-context-menu":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$E();
+            }
+            break;
+        case "kritzel-controls":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$D();
+            }
+            break;
+        case "kritzel-current-user":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$C();
+            }
+            break;
+        case "kritzel-current-user-dialog":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$B();
+            }
+            break;
+        case "kritzel-cursor-trail":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$A();
+            }
+            break;
+        case "kritzel-dialog":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$z();
+            }
+            break;
+        case "kritzel-dropdown":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$y();
+            }
+            break;
+        case "kritzel-engine":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$x();
+            }
+            break;
+        case "kritzel-export":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$w();
+            }
+            break;
+        case "kritzel-font":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$v();
+            }
+            break;
+        case "kritzel-font-family":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$u();
+            }
+            break;
+        case "kritzel-font-size":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$t();
+            }
+            break;
+        case "kritzel-icon":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$s();
+            }
+            break;
+        case "kritzel-input":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$r();
+            }
+            break;
+        case "kritzel-line-endings":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$q();
+            }
+            break;
+        case "kritzel-loading-overlay":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$p();
+            }
+            break;
+        case "kritzel-login-dialog":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$o();
+            }
+            break;
+        case "kritzel-master-detail":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$n();
+            }
+            break;
+        case "kritzel-menu":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$m();
+            }
+            break;
+        case "kritzel-menu-item":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$l();
+            }
+            break;
+        case "kritzel-more-menu":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$k();
+            }
+            break;
+        case "kritzel-notification-card":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$j();
+            }
+            break;
+        case "kritzel-numeric-input":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$i();
+            }
+            break;
+        case "kritzel-opacity-slider":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$h();
+            }
+            break;
+        case "kritzel-pill-tabs":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$g();
+            }
+            break;
+        case "kritzel-portal":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$f();
+            }
+            break;
+        case "kritzel-settings":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$e();
+            }
+            break;
+        case "kritzel-shape-fill":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$d();
+            }
+            break;
+        case "kritzel-share-dialog":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$c();
+            }
+            break;
+        case "kritzel-slide-toggle":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$b();
+            }
+            break;
+        case "kritzel-split-button":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$a();
+            }
+            break;
+        case "kritzel-stroke-size":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$9();
+            }
+            break;
+        case "kritzel-sync-indicator":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$8();
+            }
+            break;
+        case "kritzel-tool-config":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$7();
+            }
+            break;
+        case "kritzel-tooltip":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$6();
+            }
+            break;
+        case "kritzel-utility-panel":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$5();
+            }
+            break;
+        case "kritzel-watermark":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$4();
+            }
+            break;
+        case "kritzel-workspace-manager":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$3();
+            }
+            break;
+        case "kritzel-zoom-panel":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const KritzelEditor = KritzelEditor$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DEFAULT_BRUSH_CONFIG as D, HocuspocusProvider as H, KritzelEditor, HocuspocusProviderWebsocket as a, DEFAULT_TEXT_CONFIG as b, DEFAULT_LINE_TOOL_CONFIG as c, DEFAULT_ASSET_STORAGE_CONFIG as d, defineCustomElement };