@netless/window-manager 0.1.69-canary.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AppContext.d.ts +2 -1
- package/dist/Register/storage.d.ts +4 -3
- package/dist/index.es.js +1 -1
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -3
- package/src/AppContext.ts +21 -2
- package/src/Cursor/Cursor.svelte +3 -3
- package/src/Cursor/Cursor.ts +4 -3
- package/src/Register/storage.ts +66 -11
- package/src/index.ts +7 -0
- package/src/style.css +11 -19
package/dist/index.umd.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
var __defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,i)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,__spreadValues=(e,t)=>{for(var i in t||(t={}))__hasOwnProp.call(t,i)&&__defNormalProp(e,i,t[i]);if(__getOwnPropSymbols)for(var i of __getOwnPropSymbols(t))__propIsEnum.call(t,i)&&__defNormalProp(e,i,t[i]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@netless/app-docs-viewer"),require("@netless/app-media-player"),require("emittery"),require("lodash"),require("@netless/telebox-insider"),require("white-web-sdk"),require("dexie"),require("p-retry"),require("uuid"),require("@juggle/resize-observer")):"function"==typeof define&&define.amd?define(["exports","@netless/app-docs-viewer","@netless/app-media-player","emittery","lodash","@netless/telebox-insider","white-web-sdk","dexie","p-retry","uuid","@juggle/resize-observer"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).WindowManager={},e.AppDocsViewer,e.AppMediaPlayer,e.Emittery,e.lodash,e.teleboxInsider,e.whiteWebSdk,e.Dexie,e.pRetry,e.uuid,e.resizeObserver)}(this,(function(e,t,i,a,s,r,n,o,c,d,h){"use strict";function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p,l,u=g(t),M=g(i),m=g(a),w=g(o),I=g(c);class A extends Error{constructor(){super(...arguments),this.message="[WindowManager]: app duplicate exists and cannot be created again"}}class y extends Error{constructor(){super(...arguments),this.message="[WindowManager]: AppManager must be initialized"}}class C extends Error{constructor(e){super(`[WindowManager]: white-web-sdk version must large than ${e}`)}}class b extends Error{constructor(){super(...arguments),this.message="[WindowManager]: kind must be a valid string"}}class x extends Error{constructor(){super(...arguments),this.message="[WindowManager]: box need created"}}(l=p||(p={})).AppMove="AppMove",l.AppFocus="AppFocus",l.AppResize="AppResize",l.AppBlur="AppBlur",l.AppBoxStateChange="AppBoxStateChange",l.AppSnapshot="AppSnapshot",l.AppClose="AppClose",l.GetAttributes="GetAttributes",l.UpdateWindowManagerWrapper="UpdateWindowManagerWrapper",l.InitReplay="InitReplay",l.WindowCreated="WindowCreated",l.SetMainViewScenePath="SetMainViewScenePath",l.SetMainViewSceneIndex="SetMainViewSceneIndex",l.MainViewFocus="MainViewFocus",l.SwitchViewsToFreedom="SwitchViewsToFreedom";const S="__WindowManger";var v,N,D,T,j,E,V;(N=v||(v={})).Size="size",N.Position="position",N.SnapshotRect="SnapshotRect",N.SceneIndex="SceneIndex",(T=D||(D={})).setBoxSize="setBoxSize",T.setBoxMinSize="setBoxMinSize",T.destroy="destroy",(j||(j={})).StartCreate="StartCreate",(V=E||(E={})).Leave="leave",V.Normal="normal";const L="2.13.16",f=340/720,B=340/720,P={right:"10px",bottom:"15px",position:"absolute"};class z{constructor(e,t,i,a){this.manager=e,this.windowManager=t,this.viewManager=i,this.appProxies=a,this.displayer=this.manager.displayer,this.boxManager=this.manager.boxManager,this.mainMagixEventListener=e=>{if(e.authorId!==this.displayer.observerId){const t=e.payload;switch(t.eventName){case p.AppMove:this.appMoveHandler(t.payload);break;case p.AppFocus:this.appFocusHandler(t.payload);break;case p.AppResize:this.appResizeHandler(t.payload);break;case p.AppBlur:this.appBlurHandler(t.payload);break;case p.AppBoxStateChange:this.appBoxStateHandler(t.payload);break;case p.AppSnapshot:this.appSnapshotHandler(t.payload);break;case p.AppClose:this.appCloseHandler(t.payload);break;case p.MainViewFocus:this.mainViewFocusHandler();break;case p.SwitchViewsToFreedom:this.switchViewsToFreedomHandler()}}},this.appMoveHandler=e=>{this.boxManager.moveBox(e)},this.appFocusHandler=e=>{this.boxManager.focusBox(e),this.manager.viewManager.refreshViews()},this.appResizeHandler=e=>{var t;this.boxManager.resizeBox(Object.assign(e,{skipUpdate:!0})),null==(t=this.manager.room)||t.refreshViewSize()},this.appBlurHandler=e=>{var t;const i=this.appProxies.get(e.appId);i&&(i.appEmitter.emit("writableChange",!1),(null==(t=i.view)?void 0:t.mode)===n.ViewVisionMode.Writable&&this.manager.viewManager.refreshViews())},this.appBoxStateHandler=e=>{this.boxManager.setBoxState(e.state),e.state===r.TELE_BOX_STATE.Minimized&&(this.manager.viewManager.refreshViews(),this.viewManager.switchMainViewToWriter())},this.appSnapshotHandler=e=>{const t=this.boxManager.getBox(e.appId);t&&t.setSnapshot(e.rect)},this.appCloseHandler=e=>{this.boxManager.closeBox(e.appId);const t=this.manager.appProxies.get(e.appId);t&&t.destroy(!0,!0)},this.mainViewFocusHandler=()=>{this.manager.boxManager.blurFocusBox(),this.manager.viewManager.freedomAllViews()},this.switchViewsToFreedomHandler=()=>{this.manager.viewManager.freedomAllViews()}}addListeners(){this.displayer.addMagixEventListener(S,this.mainMagixEventListener)}removeListeners(){this.displayer.removeMagixEventListener(S,this.mainMagixEventListener)}}class U{constructor(e,t,i,a,s){this.manager=e,this.appId=t,this.appProxy=i,this.setScenes=a,this.appOptions=s,this.mobxUtils={autorun:n.autorun,reaction:n.reaction},this.objectUtils={listenUpdated:n.listenUpdated,unlistenUpdated:n.unlistenUpdated,listenDisposed:n.listenDisposed,unlistenDisposed:n.unlistenDisposed},this.delegate=this.manager.delegate,this.emitter=i.appEmitter,this.boxManager=this.manager.boxManager,this.isAddApp=i.isAddApp}getDisplayer(){return this.manager.displayer}getAttributes(){return this.appProxy.attributes}getScenes(){const e=this.delegate.getAppAttributes(this.appId);if(!(null==e?void 0:e.isDynamicPPT))return null==e?void 0:e.options.scenes;{const e=this.manager.appProxies.get(this.appId);if(e)return e.scenes}}getView(){return this.appProxy.view}getInitScenePath(){return this.manager.getAppInitPath(this.appId)}getIsWritable(){return this.manager.canOperate}getBox(){const e=this.boxManager.getBox(this.appId);if(e)return e;throw new x}getRoom(){return this.manager.room}setAttributes(e){this.manager.safeSetAttributes({[this.appId]:e})}updateAttributes(e,t){this.manager.attributes[this.appId]&&this.manager.safeUpdateAttributes([this.appId,...e],t)}mountView(e){const t=this.getView();t&&(t.divElement=e,setTimeout((()=>{var e;null==(e=this.getRoom())||e.refreshViewSize()}),1e3))}getAppOptions(){return"function"==typeof this.appOptions?this.appOptions():this.appOptions}}const O=new w.default("__WindowManagerAppCache");O.version(1).stores({apps:"kind, sourceCode"});const k=async e=>{const t=await(async e=>{var t;return null==(t=await O.table("apps").get(e))?void 0:t.sourceCode})(e);if(t)return t;{const t=await async function(e,t){const{timeout:i=1e4}=t,a=new AbortController,s=setTimeout((()=>a.abort()),i),r=await fetch(e,__spreadProps(__spreadValues({},t),{signal:a.signal,headers:{"content-type":"text/plain"}}));return clearTimeout(s),r}(e,{timeout:1e4}),s=await t.text();return await(i=e,a=s,O.table("apps").add({kind:i,sourceCode:a})),s}var i,a},Q=(e,t)=>{let i=Function(e+`;return ${t}`)();return void 0===i&&(i=window[t]),i};const Z=new class{constructor(){this.kindEmitters=new Map,this.registered=new Map,this.appClassesCache=new Map,this.appClasses=new Map}async register(e){this.registered.set(e.kind,e);const t=e.src;let i;if(i="string"==typeof t?async()=>{const i=await(async(e,t,i)=>{const a=i||"NetlessApp"+t,s=await k(e);try{return Q(s,a)}catch(r){if(r.message.includes("Can only have one anonymous define call per script file")){const e=window.define;return"function"==typeof e&&e.amd&&delete e.amd,Q(s,a)}}})(t,e.kind);if(i)return i;throw new Error(`[WindowManager]: load remote script failed, ${t}`)}:"function"==typeof t?t:async()=>t,this.appClasses.set(e.kind,(async()=>{let t=this.appClassesCache.get(e.kind);return t||(t=i(),this.appClassesCache.set(e.kind,t)),t})),e.addHooks){const t=this.createKindEmitter(e.kind);t&&e.addHooks(t)}}async notifyApp(e,t,i){const a=this.kindEmitters.get(e);await(null==a?void 0:a.emit(t,i))}createKindEmitter(e){if(!this.kindEmitters.has(e)){const t=new m.default;this.kindEmitters.set(e,t)}return this.kindEmitters.get(e)}},R=(...e)=>{Je.debug&&console.log("[WindowManager]:",...e)},W=(e,t)=>{e.focusScenePath!==t&&(e.focusScenePath=t)},G=(e,t)=>{e&&e.state.sceneState.scenePath!==t&&e.setScenePath(t)},F=(e,t)=>{e.mode!==t&&(e.mode=t)},Y=s.debounce(((e,t)=>{e.emit("mainViewModeChange",t)}),200),H=e=>{const t=e.split(".").map((e=>e.padStart(2,"0"))).join("");return parseInt(t)};class X{constructor(e,t,i,a){var s;this.params=e,this.manager=t,this.boxManager=this.manager.boxManager,this.appProxies=this.manager.appProxies,this.viewManager=this.manager.viewManager,this.status="normal",this.getAppInitState=e=>{const t=this.manager.delegate.getAppState(e);if(!t)return;const i=null==t?void 0:t[v.Position],a=this.manager.attributes.focus,s=null==t?void 0:t[v.Size],r=null==t?void 0:t[v.SnapshotRect],n=null==t?void 0:t[v.SceneIndex];let o={boxState:this.manager.attributes.boxState};return i&&(o=__spreadProps(__spreadValues({},o),{id:e,x:i.x,y:i.y})),a===e&&(o=__spreadProps(__spreadValues({},o),{focus:!0})),s&&(o=__spreadProps(__spreadValues({},o),{width:s.width,height:s.height})),r&&(o=__spreadProps(__spreadValues({},o),{snapshotRect:r})),n&&(o=__spreadProps(__spreadValues({},o),{sceneIndex:n})),Ye.emit(p.InitReplay,o),o},this.appAttributesUpdateListener=e=>{const t=n.autorun((()=>{const t=this.manager.windowManger.attributes[e];t&&this.appEmitter.emit("attributesUpdate",t)}));this.disposer=t},this.cameraListener=e=>{this.manager.cameraStore.setCamera(this.id,e)},this.kind=e.kind,this.id=i,this.appProxies.set(this.id,this),this.appEmitter=new m.default,this.appListener=this.makeAppEventListener(this.id);const r=this.params.options;if(r){this.scenePath=r.scenePath;const e=this.manager.delegate.getAppAttributes(this.id);(null==e?void 0:e.isDynamicPPT)&&this.scenePath?this.scenes=this.manager.displayer.entireScenes()[this.scenePath]:this.scenes=r.scenes}(null==(s=this.params.options)?void 0:s.scenePath)&&(this.createView(),this.addCameraListener()),this.isAddApp=a}get sceneIndex(){return this.manager.delegate.getAppSceneIndex(this.id)}setSceneIndex(e){return this.manager.delegate.updateAppState(this.id,v.SceneIndex,e)}get view(){return this.manager.viewManager.getView(this.id)}get isWritable(){var e;return this.manager.canOperate&&!(null==(e=this.box)?void 0:e.readonly)}get attributes(){return this.manager.attributes[this.id]}getSceneName(){var e,t;if(void 0!==this.sceneIndex)return null==(t=null==(e=this.scenes)?void 0:e[this.sceneIndex])?void 0:t.name}getFullScenePath(){if(this.scenePath&&this.getSceneName())return`${this.scenePath}/${this.getSceneName()}`}setScenes(e){this.scenes=e}async baseInsertApp(e){var t;const i=this.params;if(i.kind){const a=await(null==(t=Z.appClasses.get(i.kind))?void 0:t()),s=Z.registered.get(i.kind);if(!a)throw new Error(`[WindowManager]: app load failed ${i.kind} ${i.src}`);return await this.setupApp(this.id,a,i.options,null==s?void 0:s.appOptions),this.boxManager.updateManagerRect(),e&&(this.focusBox(),this.manager.viewManager.switchAppToWriter(this.id),this.manager.delegate.setMainViewFocusPath()),{appId:this.id,app:a}}throw new Error("[WindowManager]: kind require")}get box(){return this.boxManager.getBox(this.id)}focusBox(){this.boxManager.focusBox({appId:this.id})}async setupApp(e,t,i,a){R("setupApp",e,t,i);const s=new U(this.manager,e,this,this.setScenes,a);try{Ye.once(`${e}${p.WindowCreated}`).then((async()=>{const i=this.getAppInitState(e);this.boxManager.updateBoxState(i),this.appEmitter.onAny(this.appListener),this.appAttributesUpdateListener(e),this.setViewFocusScenePath(),setTimeout((async()=>{const a=await t.setup(s);Z.notifyApp(t.kind,"created",{appId:e,result:a}),i&&(i.focus&&this.scenePath&&this.manager.viewManager.switchAppToWriter(this.id),(null==i?void 0:i.x)&&i.y&&i.snapshotRect||this.boxManager.setBoxInitState(e));const r=this.boxManager.getBox(e);r&&this.boxManager.resizeBox({appId:e,width:r.width+.001,height:r.height+.001,skipUpdate:!0})}),50)})),this.boxManager.createBox({appId:e,app:t,options:i,canOperate:this.manager.canOperate})}catch(r){throw console.error(r),new Error(`[WindowManager]: app setup error: ${r.message}`)}}switchToWritable(){if(this.view)try{if(this.view.mode===n.ViewVisionMode.Writable)return;this.manager.mainView.mode===n.ViewVisionMode.Writable&&(this.manager.delegate.setMainViewFocusPath(),Y(He,n.ViewVisionMode.Freedom),F(this.manager.mainView,n.ViewVisionMode.Freedom)),F(this.view,n.ViewVisionMode.Writable)}catch(e){R("switch view failed",e)}}emitAppSceneStateChange(e){this.appEmitter.emit("sceneStateChange",e)}emitAppIsWritableChange(){this.appEmitter.emit("writableChange",this.isWritable)}makeAppEventListener(e){return(t,i)=>{if(this.manager.canOperate)switch(t){case"setBoxSize":this.boxManager.resizeBox({appId:e,width:i.width,height:i.height,skipUpdate:!1});break;case"setBoxMinSize":this.boxManager.setBoxMinSize({appId:e,minWidth:i.minwidth,minHeight:i.minheight});break;case"setBoxTitle":this.boxManager.setBoxTitle({appId:e,title:i.title});break;case D.destroy:if("destroyed"===this.status)return;this.destroy(!0,null==i?void 0:i.error),(null==i?void 0:i.error)&&console.error(null==i?void 0:i.error);break;case"focus":this.boxManager.focusBox({appId:this.id}),Ye.emit("focus",{appId:this.id})}}}recoverCamera(){this.manager.cameraStore.recoverCamera(this.id,this.view)}setScenePath(){const e=this.getFullScenePath();this.manager.room&&e&&this.view&&G(this.manager.room,e)}switchToFreedom(){if(this.view&&this.view.mode===n.ViewVisionMode.Writable){const e=this.getFullScenePath();e&&(W(this.view,e),F(this.view,n.ViewVisionMode.Freedom))}}setViewFocusScenePath(){const e=this.getFullScenePath();e&&this.view&&W(this.view,e)}addCameraListener(){var e;null==(e=this.view)||e.callbacks.on("onCameraUpdated",this.cameraListener)}removeCameraListener(){var e;null==(e=this.view)||e.callbacks.off("onCameraUpdated",this.cameraListener)}createView(){const e=this.viewManager.createView(this.id);return this.setViewFocusScenePath(),e}async destroy(e,t,i){this.status="destroyed",await Z.notifyApp(this.kind,"destroy",{appId:this.id}),await this.appEmitter.emit("destroy",{error:i}),this.appEmitter.clearListeners(),Ye.emit(`destroy-${this.id}`,{error:i}),e&&this.boxManager.closeBox(this.id),this.disposer&&this.disposer(),t&&this.manager.delegate.cleanAppAttributes(this.id),this.appProxies.delete(this.id),this.manager.cameraStore.deleteCamera(this.id),this.removeCameraListener(),this.manager.viewManager.destroyView(this.id),this.manager.appStatus.delete(this.id)}}var J,_;(_=J||(J={})).Apps="apps",_.Focus="focus",_.State="state",_.BoxState="boxState",_.MainViewCamera="mainViewCamera",_.MainViewSize="mainViewSize",_.Broadcaster="broadcaster",_.Cursors="cursors",_.Position="position",_.CursorState="cursorState";class K{constructor(e){this.manager=e}apps(){return s.get(this.manager.attributes,[J.Apps])}get focus(){return s.get(this.manager.attributes,[J.Focus])}get broadcaster(){return s.get(this.manager.attributes,[J.Broadcaster])}getAppAttributes(e){return s.get(this.apps(),[e])}getAppState(e){return s.get(this.apps(),[e,J.State])}setupAppAttributes(e,t,i){this.manager.attributes.apps||this.manager.safeSetAttributes({apps:{}});const a=["scenePath","title"];i||a.push("scenes");const r=s.pick(e.options,a),n={kind:e.kind,options:r,isDynamicPPT:i};"string"==typeof e.src&&(n.src=e.src),this.manager.safeUpdateAttributes([J.Apps,t],n),this.manager.safeUpdateAttributes([J.Apps,t,J.State],{[v.Size]:{},[v.Position]:{},[v.SnapshotRect]:{},[v.SceneIndex]:0})}updateAppState(e,t,i){s.get(this.manager.attributes,[J.Apps,e,J.State])&&this.manager.safeUpdateAttributes([J.Apps,e,J.State,t],i)}cleanAppAttributes(e){this.manager.safeUpdateAttributes([J.Apps,e],void 0),this.manager.safeSetAttributes({[e]:void 0});this.manager.attributes[J.Focus]===e&&this.cleanFocus()}cleanFocus(){this.manager.safeSetAttributes({[J.Focus]:void 0})}cleanAttributes(){this.manager.safeSetAttributes({[J.Apps]:void 0,[J.BoxState]:void 0,[J.Focus]:void 0,_mainScenePath:void 0,_mainSceneIndex:void 0})}getAppSceneIndex(e){var t;return null==(t=this.getAppState(e))?void 0:t[v.SceneIndex]}getAppScenePath(e){var t,i;return null==(i=null==(t=this.getAppAttributes(e))?void 0:t.options)?void 0:i.scenePath}getMainViewScenePath(){return this.manager.attributes._mainScenePath}getMainViewSceneIndex(){return this.manager.attributes._mainSceneIndex}getBoxState(){return this.manager.attributes[J.BoxState]}setMainViewScenePath(e){this.manager.safeSetAttributes({_mainScenePath:e})}setMainViewSceneIndex(e){this.manager.safeSetAttributes({_mainSceneIndex:e})}getMainViewCamera(){return s.get(this.manager.attributes,[J.MainViewCamera])}getMainViewSize(){return s.get(this.manager.attributes,[J.MainViewSize])}setMainViewCamera(e){this.manager.safeSetAttributes({[J.MainViewCamera]:__spreadValues({},e)})}setMainViewSize(e){this.manager.safeSetAttributes({[J.MainViewSize]:__spreadValues({},e)})}setBroadcaster(e){this.manager.safeSetAttributes({[J.Broadcaster]:e})}setAppFocus(e,t){t?this.manager.safeSetAttributes({[J.Focus]:e}):this.manager.safeSetAttributes({[J.Focus]:void 0})}updateCursor(e,t){s.get(this.manager.attributes,[J.Cursors,e])||this.manager.safeUpdateAttributes([J.Cursors,e],{}),this.manager.safeUpdateAttributes([J.Cursors,e,J.Position],t)}updateCursorState(e,t){s.get(this.manager.attributes,[J.Cursors,e])||this.manager.safeUpdateAttributes([J.Cursors,e],{}),this.manager.safeUpdateAttributes([J.Cursors,e,J.CursorState],t)}getCursorState(e){return s.get(this.manager.attributes,[J.Cursors,e,J.CursorState])}cleanCursor(e){this.manager.safeUpdateAttributes([J.Cursors,e],void 0)}setMainViewFocusPath(){const e=this.getMainViewScenePath();e&&W(this.manager.mainView,e)}}class q{constructor(e,t,i,a){this.manager=e,this.mainView=t,this.appProxies=i,this.appBoxMap=new Map,this.mainView=t,this.teleBoxManager=this.setupBoxManager(a),this.teleBoxManager.events.on(r.TELE_BOX_MANAGER_EVENT.State,(e=>{e&&(He.emit("boxStateChange",e),Ye.emit(e,void 0))})),this.teleBoxManager.events.on("removed",(e=>{e.forEach((e=>{Ye.emit("close",{appId:e.id})}))})),this.teleBoxManager.events.on("move",s.debounce((e=>{Ye.emit("move",{appId:e.id,x:e.x,y:e.y})}),50)),this.teleBoxManager.events.on("resize",s.debounce((e=>{Ye.emit("resize",{appId:e.id,width:e.width,height:e.height})}),200)),this.teleBoxManager.events.on("focused",(e=>{e?this.manager.canOperate?Ye.emit("focus",{appId:e.id}):this.updateBox(e.id,{focus:!1}):this.blurFocusBox()})),this.teleBoxManager.events.on("snapshot",(e=>{Ye.emit("snapshot",{appId:e.id,rect:__spreadValues({},e.rectSnapshot)})}))}get boxState(){return this.teleBoxManager.state}createBox(e){var t,i,a;if(!this.teleBoxManager)return;let{minwidth:r=f,minheight:n=B}=null!=(t=e.app.config)?t:{};const{width:o,height:c}=null!=(i=e.app.config)?i:{},d=(null==(a=e.options)?void 0:a.title)||e.appId,h=this.teleBoxManager.containerRect;r>1&&(r/=h.width),n>1&&(n/=h.height);const g={title:d,minWidth:r,minHeight:n,width:o,height:c,id:e.appId};this.teleBoxManager.create(g),Ye.emit(`${e.appId}${p.WindowCreated}`);const l=this.manager.delegate.getAppState(e.appId);if(l){const t=s.get(l,[v.SnapshotRect]);s.isEmpty(t)&&this.setBoxInitState(e.appId)}}setBoxInitState(e){const t=this.teleBoxManager.queryOne({id:e});t&&(Ye.emit("snapshot",{appId:e,rect:__spreadValues({},t.rectSnapshot)}),t.state===r.TELE_BOX_STATE.Maximized&&Ye.emit("resize",{appId:e,x:t.x,y:t.y,width:t.width,height:t.height}))}setupBoxManager(e){const t=Je.wrapper?Je.wrapper:document.body,i=t.getBoundingClientRect(),a={root:t,containerRect:{x:0,y:0,width:i.width,height:i.height},fence:!1},s=(null==e?void 0:e.collectorContainer)||Je.wrapper,n=__spreadValues(__spreadValues({},P),null==e?void 0:e.collectorStyles),o=new r.TeleBoxCollector({styles:n}).mount(s);a.collector=o;const c=new r.TeleBoxManager(a);return this.teleBoxManager&&this.teleBoxManager.destroy(),this.teleBoxManager=c,c}getBox(e){return this.teleBoxManager.queryOne({id:e})}closeBox(e){return this.teleBoxManager.remove(e)}updateBox(e,t){return this.teleBoxManager.update(e,t)}boxIsFocus(e){const t=this.getBox(e);return null==t?void 0:t.focus}getFocusBox(){return this.teleBoxManager.query({focus:!0})[0]}getTopBox(){const e=this.teleBoxManager.query();return s.maxBy(e,"zIndex")}updateBoxState(e){if(!e)return;const t=this.getBox(e.id);t&&(this.teleBoxManager.update(t.id,{x:e.x,y:e.y,width:e.width||.5,height:e.height||.5}),e.focus&&this.teleBoxManager.update(t.id,{focus:!0}),e.boxState&&this.teleBoxManager.setState(e.boxState),e.snapshotRect&&t.setSnapshot(e.snapshotRect))}updateManagerRect(){var e;const t=null==(e=this.mainView.divElement)?void 0:e.getBoundingClientRect();if(t&&t.width>0&&t.height>0){const e={x:0,y:0,width:t.width,height:t.height};this.teleBoxManager.setContainerRect(e),this.appProxies.forEach((e=>{this.teleBoxManager&&e.appEmitter.emit("containerRectUpdate",this.teleBoxManager.containerRect)}))}}moveBox({appId:e,x:t,y:i}){this.teleBoxManager.update(e,{x:t,y:i},!0)}focusBox({appId:e}){this.teleBoxManager.update(e,{focus:!0},!0)}resizeBox({appId:e,width:t,height:i,skipUpdate:a}){this.teleBoxManager.update(e,{width:t,height:i},a)}setBoxMinSize(e){this.teleBoxManager.update(e.appId,{minWidth:e.minWidth,minHeight:e.minHeight},!0)}setBoxTitle(e){this.teleBoxManager.update(e.appId,{title:e.title},!0)}blurAllBox(){this.teleBoxManager.updateAll({focus:!1})}blurFocusBox(){const e=this.teleBoxManager.query({focus:!0});if(e.length){const t=e[0];this.teleBoxManager.update(t.id,{focus:!1})}}updateAll(e){this.teleBoxManager.updateAll(e)}setBoxState(e){this.teleBoxManager.setState(e,!0),He.emit("boxStateChange",e)}}class ${constructor(){this.cameras=new Map}setCamera(e,t){this.cameras.set(e,t)}getCamera(e){return this.cameras.get(e)}deleteCamera(e){this.cameras.delete(e)}recoverCamera(e,t){const i=this.cameras.get(e);i&&t&&t.moveCamera(__spreadProps(__spreadValues({},i),{animationMode:n.AnimationMode.Immediately}))}}class ee{constructor(e){this.manager=e,this.disposers=[];const t=this.manager.delegate,i=this.manager.displayer;this.disposers.push(n.reaction((()=>{var e;return null==(e=this.manager.attributes)?void 0:e[J.MainViewCamera]}),(e=>{t.broadcaster!==i.observerId&&e&&this.moveCamera(e)}),{fireImmediately:!0})),this.disposers.push(n.reaction((()=>{var e;return null==(e=this.manager.attributes)?void 0:e[J.MainViewSize]}),(e=>{t.broadcaster!==i.observerId&&e&&(this.moveCameraToContian(e),this.moveCamera(t.getMainViewCamera()))}),{fireImmediately:!0}))}get view(){return this.manager.viewManager.mainView}moveCameraToContian(e){s.isEmpty(e)||s.isEqual(e,this.size)||(this.view.moveCameraToContain({width:e.width,height:e.height,originX:-e.width/2,originY:-e.height/2,animationMode:n.AnimationMode.Immediately}),this.size=e,this.scale=this.view.camera.scale)}moveCamera(e){if(!s.isEmpty(e)){if(s.isEqual(e,this.view.camera))return;const{centerX:t,centerY:i,scale:a}=e,r=a*(this.scale||1);this.view.moveCamera({centerX:t,centerY:i,scale:r,animationMode:n.AnimationMode.Immediately})}}destroy(){this.disposers.forEach((e=>e()))}}class te{constructor(e,t,i){this.displayer=e,this.manager=t,this.cameraStore=i,this.views=new Map,this.mainViewIsAddListener=!1,this.delegate=this.manager.delegate,this.setMainViewSize=s.debounce((e=>{this.manager.delegate.setMainViewSize(__spreadValues({},e))}),200),this.mainViewClickListener=()=>{this.mainViewClickHandler()},this.mainViewCameraListener=e=>{this.cameraStore.setCamera("mainView",e),this.delegate.broadcaster===this.displayer.observerId&&this.delegate.setMainViewCamera(__spreadValues({},e))},this.mainView=this.createMainView(),this.addMainViewCameraListener()}get currentScenePath(){return this.displayer.state.sceneState.scenePath}createMainView(){const e=this.displayer.views.createView();return this.cameraStore.setCamera("mainView",e.camera),e.callbacks.on("onSizeUpdated",(e=>{this.manager.boxManager.updateManagerRect(),this.delegate.broadcaster===this.displayer.observerId&&this.setMainViewSize(e)})),this.switchMainViewModeToWriter(),e}createView(e){const t=this.displayer.views.createView();return this.cameraStore.setCamera(e,t.camera),F(t,n.ViewVisionMode.Freedom),this.views.set(e,t),t}destroyView(e){const t=this.views.get(e);t&&(this.releaseView(t),this.views.delete(e))}releaseView(e){e.didRelease||e.release()}getView(e){return this.views.get(e)}addMainViewCameraListener(){this.mainView.callbacks.on("onCameraUpdated",this.mainViewCameraListener)}removeMainViewCameraListener(){this.mainView.callbacks.off("onCameraUpdated",this.mainViewCameraListener)}switchMainViewToFreedom(){this.manager.delegate.setMainViewFocusPath(),Y(He,n.ViewVisionMode.Freedom),F(this.mainView,n.ViewVisionMode.Freedom)}switchMainViewModeToWriter(){if(this.manager.canOperate&&this.mainView){if(this.mainView.mode===n.ViewVisionMode.Writable)return;Y(He,n.ViewVisionMode.Writable),F(this.mainView,n.ViewVisionMode.Writable)}}addMainViewListener(){this.mainViewIsAddListener||this.mainView.divElement&&(this.mainView.divElement.addEventListener("click",this.mainViewClickListener),this.mainView.divElement.addEventListener("touchend",this.mainViewClickListener),this.mainViewIsAddListener=!0)}removeMainViewListener(){this.mainView.divElement&&(this.mainView.divElement.removeEventListener("click",this.mainViewClickListener),this.mainView.divElement.removeEventListener("touchend",this.mainViewClickListener))}async mainViewClickHandler(){this.manager.canOperate&&this.mainView.mode!==n.ViewVisionMode.Writable&&(this.manager.delegate.cleanFocus(),this.freedomAllViews(),this.manager.dispatchInternalEvent(p.SwitchViewsToFreedom,{}),this.manager.dispatchInternalEvent(p.MainViewFocus,{}),this.manager.boxManager.blurFocusBox(),await this.manager.viewManager.switchMainViewToWriter())}switchMainViewToWriter(){return this.timer&&clearTimeout(this.timer),new Promise(((e,t)=>{this.timer=window.setTimeout((()=>{try{const t=this.manager.delegate.getMainViewScenePath();t&&(this.freedomAllViews(),this.removeMainViewCameraListener(),G(this.manager.room,t),this.switchMainViewModeToWriter(),this.manager.cameraStore.recoverCamera("mainView",this.mainView),this.addMainViewCameraListener()),e(!0)}catch(i){t(i)}}),100)}))}refreshViews(){var e;const t=this.manager.delegate.focus;if(this.setMainViewFocusScenePath(),t){const i=this.manager.appProxies.get(t);if(i){if((null==(e=i.view)?void 0:e.mode)===n.ViewVisionMode.Writable)return;i.removeCameraListener(),i.switchToWritable(),i.recoverCamera(),i.addCameraListener()}}else{if(this.manager.mainView.mode===n.ViewVisionMode.Writable)return;this.freedomAllViews(),this.switchMainViewToWriter()}}setMainViewFocusScenePath(){const e=this.manager.delegate.getMainViewScenePath();e&&W(this.manager.mainView,e)}freedomAllViews(){this.manager.appProxies.forEach((e=>{e.setViewFocusScenePath(),e.view&&(e.view.mode=n.ViewVisionMode.Freedom)})),this.mainView.mode===n.ViewVisionMode.Writable&&(Y(He,n.ViewVisionMode.Freedom),this.mainView.mode=n.ViewVisionMode.Freedom),this.manager.viewManager.mainView.focusScenePath||this.manager.delegate.setMainViewFocusPath()}switchAppToWriter(e){this.freedomAllViews(),setTimeout((()=>{const t=this.manager.appProxies.get(e);if(t){const e=this.manager.delegate.getBoxState();if(e&&e===r.TELE_BOX_STATE.Minimized)return;t.removeCameraListener(),t.setScenePath(),t.switchToWritable(),t.recoverCamera(),t.addCameraListener()}}),100)}destroy(){var e;this.removeMainViewListener(),Je.wrapper&&(null==(e=Je.wrapper.parentNode)||e.removeChild(Je.wrapper),Je.wrapper=void 0),this.releaseView(this.mainView)}}const ie=(e,t)=>{if(n.listenUpdated){const i=e=>{e.map((e=>e.kind)).includes(n.UpdateEventKind.Inserted)&&t()};return n.listenUpdated(e,i),t(),()=>n.unlistenUpdated(e,i)}return n.reaction((()=>e),(()=>{t()}),{fireImmediately:!0})};class ae{constructor(e,t){var i;this.windowManger=e,this.appProxies=new Map,this.appStatus=new Map,this.delegate=new K(this),this.reactionDisposers=[],this.displayerStateListener=e=>{var t,i;const a=e.sceneState;if(a){const e=a.scenePath;this.appProxies.forEach((t=>{t.scenePath&&e.startsWith(t.scenePath)&&(t.emitAppSceneStateChange(a),a.index!==t.sceneIndex&&t.setSceneIndex(a.index))})),this.viewManager.refreshViews()}e.roomMembers&&(null==(t=this.windowManger.cursorManager)||t.setRoomMembers(e.roomMembers),null==(i=this.windowManger.cursorManager)||i.cleanMemberAttributes(e.roomMembers)),this.appProxies.forEach((t=>{t.appEmitter.emit("roomStateChange",e)}))},this.displayerWritableListener=e=>{const t=!e,i=void 0===this.windowManger.readonly||!1===this.windowManger.readonly;void 0===this.windowManger.readonly?this.boxManager.teleBoxManager.setReadonly(e):this.boxManager.teleBoxManager.setReadonly(!(t&&i)),this.appProxies.forEach((e=>{e.emitAppIsWritableChange()}))},this.boxEventListener=(e,t)=>{var i;switch(e){case"move":this.dispatchInternalEvent(p.AppMove,t),this.delegate.updateAppState(t.appId,v.Position,{x:t.x,y:t.y});break;case"focus":{this.windowManger.safeSetAttributes({focus:t.appId});const e=this.appProxies.get(t.appId);(null==e?void 0:e.scenePath)&&(this.dispatchInternalEvent(p.SwitchViewsToFreedom,{}),this.viewManager.switchAppToWriter(t.appId)),this.dispatchInternalEvent(p.AppFocus,t);break}case"blur":this.dispatchInternalEvent(p.AppBlur,t);break;case"resize":t.width&&t.height&&(this.dispatchInternalEvent(p.AppResize,t),this.delegate.updateAppState(t.appId,v.Size,{width:t.width,height:t.height}),null==(i=this.room)||i.refreshViewSize());break;case r.TELE_BOX_STATE.Minimized:this.safeDispatchMagixEvent(S,{eventName:p.AppBoxStateChange,payload:__spreadProps(__spreadValues({},t),{state:e})}),this.safeSetAttributes({boxState:e}),this.delegate.cleanFocus(),this.boxManager.blurFocusBox(),this.viewManager.freedomAllViews(),this.viewManager.switchMainViewToWriter();break;case r.TELE_BOX_STATE.Maximized:{this.safeDispatchMagixEvent(S,{eventName:p.AppBoxStateChange,payload:__spreadProps(__spreadValues({},t),{state:e})});const i=this.boxManager.getTopBox();i&&Ye.emit("focus",{appId:i.id}),this.safeSetAttributes({boxState:e});break}case r.TELE_BOX_STATE.Normal:this.safeDispatchMagixEvent(S,{eventName:p.AppBoxStateChange,payload:__spreadProps(__spreadValues({},t),{state:e})}),this.safeSetAttributes({boxState:e});break;case"snapshot":this.safeDispatchMagixEvent(S,{eventName:p.AppSnapshot,payload:t}),this.delegate.updateAppState(t.appId,v.SnapshotRect,__spreadValues({},t.rect));break;case"close":{this.safeDispatchMagixEvent(S,{eventName:p.AppClose,payload:t});const e=this.appProxies.get(t.appId);e&&e.destroy(!1,!0,t.error),setTimeout((()=>{this.viewManager.refreshViews()}),100);break}}},this.displayer=e.displayer,this.cameraStore=new $,this.viewManager=new te(this.displayer,this,this.cameraStore),this.boxManager=new q(this,this.viewManager.mainView,this.appProxies,t),this.appListeners=new z(this,this.windowManger,this.viewManager,this.appProxies),this.displayer.callbacks.on(this.eventName,this.displayerStateListener),this.displayerWritableListener(!(null==(i=this.room)?void 0:i.isWritable)),this.displayer.callbacks.on("onEnableWriteNowChanged",this.displayerWritableListener),this.appListeners.addListeners(),this.mainViewProxy=new ee(this),Ye.once("onCreated").then((async()=>{var e;await this.attributesUpdateCallback(this.attributes.apps),Ye.onAny(this.boxEventListener);const t=ie(this.attributes.apps,(()=>{this.attributesUpdateCallback(this.attributes.apps)}));if(this.reactionDisposers.push(t),this.reactionDisposers.push(n.reaction((()=>this.attributes[J.Broadcaster]),(e=>{He.emit("broadcastChange",e)}))),!this.attributes.apps||0===Object.keys(this.attributes.apps).length){const t=this.delegate.getMainViewScenePath();if(!t)return;this.displayer.state.sceneState.scenePath!==t&&(null==(e=this.room)||e.setScenePath(t))}}))}async attributesUpdateCallback(e){if(e)for(const t in e)if(!this.appProxies.has(t)&&!this.appStatus.has(t)){const i=e[t];await this.baseInsertApp({kind:i.kind,options:i.options,isDynamicPPT:i.isDynamicPPT},t,!1),this.focusByAttributes(e)}}async addApp(e,t){R("addApp",e);const{appId:i,needFocus:a}=await this.beforeAddApp(e,t),s=await this.baseInsertApp(e,i,!0,a);return this.afterAddApp(s),null==s?void 0:s.id}async beforeAddApp(e,t){var i;const a=await(async e=>{var t,i;const a=await(null==(t=Z.appClasses.get(e))?void 0:t());return a&&(null==(i=a.config)?void 0:i.singleton)?e:`${e}-${d.v4().replace("-","").slice(0,8)}`})(e.kind);this.appStatus.set(a,j.StartCreate),this.delegate.setupAppAttributes(e,a,t),this.boxManager.boxState===r.TELE_BOX_STATE.Minimized&&this.boxManager.teleBoxManager.setState(r.TELE_BOX_STATE.Normal);const s=this.boxManager.boxState!==r.TELE_BOX_STATE.Minimized;s&&this.delegate.setAppFocus(a,!0);const n=null!=(i=e.attributes)?i:{};return this.safeUpdateAttributes([a],n),{appId:a,needFocus:s}}afterAddApp(e){var t,i;e&&Ye.emit("move",{appId:e.id,x:null==(t=e.box)?void 0:t.x,y:null==(i=e.box)?void 0:i.y})}async closeApp(e){const t=this.appProxies.get(e);t&&t.destroy(!0,!0)}async baseInsertApp(e,t,i,a){if(this.appStatus.set(t,j.StartCreate),this.appProxies.has(t))return void console.warn("[WindowManager]: app duplicate exists and cannot be created again");const s=new X(e,this,t,i);if(s)return await s.baseInsertApp(a),this.appStatus.delete(t),s;throw this.appStatus.delete(t),new Error("[WindowManger]: initialize AppProxy failed")}get eventName(){return n.isRoom(this.displayer)?"onRoomStateChanged":"onPlayerStateChanged"}get attributes(){return this.windowManger.attributes}get canOperate(){return this.windowManger.canOperate}get room(){return n.isRoom(this.displayer)?this.displayer:void 0}get mainView(){return this.windowManger.mainView}safeSetAttributes(e){this.windowManger.safeSetAttributes(e)}safeUpdateAttributes(e,t){this.windowManger.safeUpdateAttributes(e,t)}setMainViewScenePath(e){if(this.room){const t=this.displayer.scenePathType(e);if(t===n.ScenePathType.None)throw new Error(`${e} not valid scene`);if(t===n.ScenePathType.Page)this._setMainViewScenePath(e);else if(t===n.ScenePathType.Dir){const t=((e,t)=>{const i=e.entireScenes()[t][0].name;return"/"===t?`/${i}`:`${t}/${i}`})(this.displayer,e);this._setMainViewScenePath(t)}}}_setMainViewScenePath(e){this.safeSetAttributes({_mainScenePath:e}),this.viewManager.freedomAllViews(),this.viewManager.switchMainViewToWriter(),this.delegate.setMainViewFocusPath()}setMainViewSceneIndex(e){this.room&&(this.safeSetAttributes({_mainSceneIndex:e}),this.viewManager.freedomAllViews(),this.viewManager.switchMainViewToWriter(),this.room.setSceneIndex(e),this.delegate.setMainViewScenePath(this.room.state.sceneState.scenePath),this.delegate.setMainViewFocusPath())}getAppInitPath(e){var t;const i=this.delegate.getAppAttributes(e);if(i)return null==(t=null==i?void 0:i.options)?void 0:t.scenePath}safeDispatchMagixEvent(e,t){this.canOperate&&this.displayer.dispatchMagixEvent(e,t)}focusByAttributes(e){if(e&&Object.keys(e).length===this.boxManager.appBoxMap.size){const e=this.delegate.focus;e&&this.boxManager.focusBox({appId:e})}}dispatchInternalEvent(e,t){this.safeDispatchMagixEvent(S,{eventName:e,payload:t})}destroy(){this.displayer.callbacks.off(this.eventName,this.displayerStateListener),this.displayer.callbacks.off("onEnableWriteNowChanged",this.displayerWritableListener),this.appListeners.removeListeners(),Ye.offAny(this.boxEventListener),this.reactionDisposers.length&&(this.reactionDisposers.map((e=>e())),this.reactionDisposers=[]),this.appProxies.size&&this.appProxies.forEach((e=>{e.destroy(!0,!1)})),this.viewManager.destroy(),this.mainViewProxy.destroy(),He.clearListeners()}}function se(){}function re(e){return e()}function ne(){return Object.create(null)}function oe(e){e.forEach(re)}function ce(e){return"function"==typeof e}function de(e,t){return e!=e?t==t:e!==t||e&&"object"==typeof e||"function"==typeof e}let he,ge;function pe(e,t){return he||(he=document.createElement("a")),he.href=t,e===he.href}function le(e,t){e.appendChild(t)}function ue(e,t,i){e.insertBefore(t,i||null)}function Me(e){e.parentNode.removeChild(e)}function me(e){return document.createElement(e)}function we(e){return document.createTextNode(e)}function Ie(){return we(" ")}function Ae(e,t,i){null==i?e.removeAttribute(t):e.getAttribute(t)!==i&&e.setAttribute(t,i)}function ye(e,t){t=""+t,e.wholeText!==t&&(e.data=t)}function Ce(e,t,i,a){e.style.setProperty(t,i,a?"important":"")}function be(e){ge=e}const xe=[],Se=[],ve=[],Ne=[],De=Promise.resolve();let Te=!1;function je(e){ve.push(e)}let Ee=!1;const Ve=new Set;function Le(){if(!Ee){Ee=!0;do{for(let e=0;e<xe.length;e+=1){const t=xe[e];be(t),fe(t.$$)}for(be(null),xe.length=0;Se.length;)Se.pop()();for(let e=0;e<ve.length;e+=1){const t=ve[e];Ve.has(t)||(Ve.add(t),t())}ve.length=0}while(xe.length);for(;Ne.length;)Ne.pop()();Te=!1,Ee=!1,Ve.clear()}}function fe(e){if(null!==e.fragment){e.update(),oe(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(je)}}const Be=new Set;function Pe(e,t){-1===e.$$.dirty[0]&&(xe.push(e),Te||(Te=!0,De.then(Le)),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}function ze(e,t,i,a,s,r,n,o=[-1]){const c=ge;be(e);const d=e.$$={fragment:null,ctx:null,props:r,update:se,not_equal:s,bound:ne(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(c?c.$$.context:t.context||[]),callbacks:ne(),dirty:o,skip_bound:!1,root:t.target||c.$$.root};n&&n(d.root);let h=!1;if(d.ctx=i?i(e,t.props||{},((t,i,...a)=>{const r=a.length?a[0]:i;return d.ctx&&s(d.ctx[t],d.ctx[t]=r)&&(!d.skip_bound&&d.bound[t]&&d.bound[t](r),h&&Pe(e,t)),i})):[],d.update(),h=!0,oe(d.before_update),d.fragment=!!a&&a(d.ctx),t.target){if(t.hydrate){const e=(l=t.target,Array.from(l.childNodes));d.fragment&&d.fragment.l(e),e.forEach(Me)}else d.fragment&&d.fragment.c();t.intro&&((g=e.$$.fragment)&&g.i&&(Be.delete(g),g.i(p))),function(e,t,i,a){const{fragment:s,on_mount:r,on_destroy:n,after_update:o}=e.$$;s&&s.m(t,i),a||je((()=>{const t=r.map(re).filter(ce);n?n.push(...t):oe(t),e.$$.on_mount=[]})),o.forEach(je)}(e,t.target,t.anchor,t.customElement),Le()}var g,p,l;be(c)}function Ue(e){let t,i,a;return{c(){t=me("img"),Ae(t,"class","cursor-selector-avatar"),Ae(t,"style",i=e[15]()),pe(t.src,a=e[7])||Ae(t,"src",a),Ae(t,"alt","avatar")},m(e,i){ue(e,t,i)},p(e,i){128&i&&!pe(t.src,a=e[7])&&Ae(t,"src",a)},d(e){e&&Me(t)}}}function Oe(e){let t,i;return{c(){t=me("span"),i=we(e[1]),Ae(t,"class","cursor-tag-name"),Ce(t,"background-color",e[10])},m(e,a){ue(e,t,a),le(t,i)},p(e,a){2&a&&ye(i,e[1]),1024&a&&Ce(t,"background-color",e[10])},d(e){e&&Me(t)}}}function ke(e){let t,i,a,s,r,n,o,c,d,h,g,p=e[13]&&Ue(e),l=e[14]&&Oe(e);return{c(){t=me("div"),i=me("div"),a=me("div"),p&&p.c(),s=Ie(),r=we(e[0]),n=Ie(),l&&l.c(),o=Ie(),c=me("div"),d=me("img"),Ae(a,"class",e[8]),Ce(a,"background-color",e[2]),Ce(a,"color",e[9]),Ce(a,"opacity",e[11]),Ae(i,"class","netless-window-manager-cursor-name"),Ae(d,"class",h="cursor-"+e[3]+"-image"),pe(d.src,g=e[6])||Ae(d,"src",g),Ae(d,"alt",e[3]),Ae(c,"class","cursor-image-wrapper"),Ae(t,"class","netless-window-manager-cursor-mid"),Ce(t,"transform","translateX("+e[4]+"px) translateY("+e[5]+"px)"),Ce(t,"display",e[12])},m(e,h){ue(e,t,h),le(t,i),le(i,a),p&&p.m(a,null),le(a,s),le(a,r),le(a,n),l&&l.m(a,null),le(t,o),le(t,c),le(c,d)},p(e,[i]){e[13]?p?p.p(e,i):(p=Ue(e),p.c(),p.m(a,s)):p&&(p.d(1),p=null),1&i&&ye(r,e[0]),e[14]?l?l.p(e,i):(l=Oe(e),l.c(),l.m(a,null)):l&&(l.d(1),l=null),256&i&&Ae(a,"class",e[8]),4&i&&Ce(a,"background-color",e[2]),512&i&&Ce(a,"color",e[9]),2048&i&&Ce(a,"opacity",e[11]),8&i&&h!==(h="cursor-"+e[3]+"-image")&&Ae(d,"class",h),64&i&&!pe(d.src,g=e[6])&&Ae(d,"src",g),8&i&&Ae(d,"alt",e[3]),48&i&&Ce(t,"transform","translateX("+e[4]+"px) translateY("+e[5]+"px)"),4096&i&&Ce(t,"display",e[12])},i:se,o:se,d(e){e&&Me(t),p&&p.d(),l&&l.d()}}}function Qe(e,t,i){let a,r,n,o,{cursorName:c}=t,{tagName:d}=t,{backgroundColor:h}=t,{appliance:g}=t,{x:p}=t,{y:l}=t,{src:u}=t,{visible:M}=t,{avatar:m}=t,{theme:w}=t,{color:I}=t,{cursorTagBackgroundColor:A}=t,{opacity:y}=t;return e.$$set=e=>{"cursorName"in e&&i(0,c=e.cursorName),"tagName"in e&&i(1,d=e.tagName),"backgroundColor"in e&&i(2,h=e.backgroundColor),"appliance"in e&&i(3,g=e.appliance),"x"in e&&i(4,p=e.x),"y"in e&&i(5,l=e.y),"src"in e&&i(6,u=e.src),"visible"in e&&i(16,M=e.visible),"avatar"in e&&i(7,m=e.avatar),"theme"in e&&i(8,w=e.theme),"color"in e&&i(9,I=e.color),"cursorTagBackgroundColor"in e&&i(10,A=e.cursorTagBackgroundColor),"opacity"in e&&i(11,y=e.opacity)},e.$$.update=()=>{1&e.$$.dirty&&(a=!s.isEmpty(c)),2&e.$$.dirty&&i(14,r=!s.isEmpty(d)),128&e.$$.dirty&&i(13,n=!s.isEmpty(m)),65536&e.$$.dirty&&i(12,o=M?"initial":"none")},[c,d,h,g,p,l,u,m,w,I,A,y,o,n,r,()=>Object.entries({width:(a?19:28)+"px",height:(a?19:28)+"px",position:a?"initial":"absolute","border-color":a?"white":h,"margin-right":(a?4:0)+"px"}).map((([e,t])=>`${e}: ${t}`)).join(";"),M]}class Ze extends class{$destroy(){!function(e,t){const i=e.$$;null!==i.fragment&&(oe(i.on_destroy),i.fragment&&i.fragment.d(t),i.on_destroy=i.fragment=null,i.ctx=[])}(this,1),this.$destroy=se}$on(e,t){const i=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return i.push(t),()=>{const e=i.indexOf(t);-1!==e&&i.splice(e,1)}}$set(e){var t;this.$$set&&(t=e,0!==Object.keys(t).length)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}{constructor(e){super(),ze(this,e,Qe,ke,de,{cursorName:0,tagName:1,backgroundColor:2,appliance:3,x:4,y:5,src:6,visible:16,avatar:7,theme:8,color:9,cursorTagBackgroundColor:10,opacity:11})}}const Re={[n.ApplianceNames.pencil]:"data:image/png;base64,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",[n.ApplianceNames.selector]:"data:image/png;base64,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",[n.ApplianceNames.eraser]:"data:image/png;base64,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",[n.ApplianceNames.shape]:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaGFwZS1jdXJzb3I8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNMjAsMjEuNSBDMjAuMjQ1NDU5OSwyMS41IDIwLjQ0OTYwODQsMjEuNjc2ODc1MiAyMC40OTE5NDQzLDIxLjkxMDEyNDQgTDIwLjUsMjIgTDIwLjUsMjcgQzIwLjUsMjcuMjc2MTQyNCAyMC4yNzYxNDI0LDI3LjUgMjAsMjcuNSBDMTkuNzU0NTQwMSwyNy41IDE5LjU1MDM5MTYsMjcuMzIzMTI0OCAxOS41MDgwNTU3LDI3LjA4OTg3NTYgTDE5LjUsMjcgTDE5LjUsMjIgQzE5LjUsMjEuNzIzODU3NiAxOS43MjM4NTc2LDIxLjUgMjAsMjEuNSBaIE0yNywxOS41IEMyNy4yNzYxNDI0LDE5LjUgMjcuNSwxOS43MjM4NTc2IDI3LjUsMjAgQzI3LjUsMjAuMjQ1NDU5OSAyNy4zMjMxMjQ4LDIwLjQ0OTYwODQgMjcuMDg5ODc1NiwyMC40OTE5NDQzIEwyNywyMC41IEwyMiwyMC41IEMyMS43MjM4NTc2LDIwLjUgMjEuNSwyMC4yNzYxNDI0IDIxLjUsMjAgQzIxLjUsMTkuNzU0NTQwMSAyMS42NzY4NzUyLDE5LjU1MDM5MTYgMjEuOTEwMTI0NCwxOS41MDgwNTU3IEwyMiwxOS41IEwyNywxOS41IFogTTE4LDE5LjUgQzE4LjI3NjE0MjQsMTkuNSAxOC41LDE5LjcyMzg1NzYgMTguNSwyMCBDMTguNSwyMC4yNDU0NTk5IDE4LjMyMzEyNDgsMjAuNDQ5NjA4NCAxOC4wODk4NzU2LDIwLjQ5MTk0NDMgTDE4LDIwLjUgTDEzLDIwLjUgQzEyLjcyMzg1NzYsMjAuNSAxMi41LDIwLjI3NjE0MjQgMTIuNSwyMCBDMTIuNSwxOS43NTQ1NDAxIDEyLjY3Njg3NTIsMTkuNTUwMzkxNiAxMi45MTAxMjQ0LDE5LjUwODA1NTcgTDEzLDE5LjUgTDE4LDE5LjUgWiBNMjAsMTIuNSBDMjAuMjQ1NDU5OSwxMi41IDIwLjQ0OTYwODQsMTIuNjc2ODc1MiAyMC40OTE5NDQzLDEyLjkxMDEyNDQgTDIwLjUsMTMgTDIwLjUsMTggQzIwLjUsMTguMjc2MTQyNCAyMC4yNzYxNDI0LDE4LjUgMjAsMTguNSBDMTkuNzU0NTQwMSwxOC41IDE5LjU1MDM5MTYsMTguMzIzMTI0OCAxOS41MDgwNTU3LDE4LjA4OTg3NTYgTDE5LjUsMTggTDE5LjUsMTMgQzE5LjUsMTIuNzIzODU3NiAxOS43MjM4NTc2LDEyLjUgMjAsMTIuNSBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICAgICAgPGZpbHRlciB4PSItNjQuNiUiIHk9Ii01OS41JSIgd2lkdGg9IjIyOS4zJSIgaGVpZ2h0PSIyNDYuMSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci0yIj4KICAgICAgICAgICAgPGZlTW9ycGhvbG9neSByYWRpdXM9IjEiIG9wZXJhdG9yPSJkaWxhdGUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRPdXRlcjEiPjwvZmVNb3JwaG9sb2d5PgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSIyIiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMyIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlR2F1c3NpYW5CbHVyPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW49InNoYWRvd0JsdXJPdXRlcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUNvbXBvc2l0ZT4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgICAwIDAgMCAwIDAgICAwIDAgMCAwIDAgIDAgMCAwIDAuMTYgMCIgdHlwZT0ibWF0cml4IiBpbj0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgIDwvZmlsdGVyPgogICAgPC9kZWZzPgogICAgPGcgaWQ9Iumhtemdoi00IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iV2hpdGVib2FyZC1HdWlkZWxpbmVzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzQ0LjAwMDAwMCwgLTc1MS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9InNoYXBlLWN1cnNvciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQ0LjAwMDAwMCwgNzUxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9ouWkh+S7vS00NCIgZmlsbD0iI0ZGRkZGRiIgb3BhY2l0eT0iMC4wMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGcgaWQ9IuW9oueKtue7k+WQiCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxIiBkPSJNMjAsMjEgQzIwLjQ4NTQxMDMsMjEgMjAuODk4MDg1LDIxLjM0Nzk5OTMgMjAuOTg5OTQ3OSwyMS44NjU0ODc3IEwyMSwyMiBMMjEsMjcgQzIxLDI3LjU1MjI4NDcgMjAuNTUyMjg0NywyOCAyMCwyOCBDMTkuNTE0NTg5NywyOCAxOS4xMDE5MTUsMjcuNjUyMDAwNyAxOS4wMTAwNTIxLDI3LjEzNDUxMjMgTDE5LDI3IEwxOSwyMiBDMTksMjEuNDQ3NzE1MyAxOS40NDc3MTUzLDIxIDIwLDIxIFogTTI3LDE5IEMyNy41NTIyODQ3LDE5IDI4LDE5LjQ0NzcxNTMgMjgsMjAgQzI4LDIwLjQ4NTQxMDMgMjcuNjUyMDAwNywyMC44OTgwODUgMjcuMTM0NTEyMywyMC45ODk5NDc5IEwyNywyMSBMMjIsMjEgQzIxLjQ0NzcxNTMsMjEgMjEsMjAuNTUyMjg0NyAyMSwyMCBDMjEsMTkuNTE0NTg5NyAyMS4zNDc5OTkzLDE5LjEwMTkxNSAyMS44NjU0ODc3LDE5LjAxMDA1MjEgTDIyLDE5IEwyNywxOSBaIE0xOCwxOSBDMTguNTUyMjg0NywxOSAxOSwxOS40NDc3MTUzIDE5LDIwIEMxOSwyMC40ODU0MTAzIDE4LjY1MjAwMDcsMjAuODk4MDg1IDE4LjEzNDUxMjMsMjAuOTg5OTQ3OSBMMTgsMjEgTDEzLDIxIEMxMi40NDc3MTUzLDIxIDEyLDIwLjU1MjI4NDcgMTIsMjAgQzEyLDE5LjUxNDU4OTcgMTIuMzQ3OTk5MywxOS4xMDE5MTUgMTIuODY1NDg3NywxOS4wMTAwNTIxIEwxMywxOSBMMTgsMTkgWiBNMjAsMTIgQzIwLjQ4NTQxMDMsMTIgMjAuODk4MDg1LDEyLjM0Nzk5OTMgMjAuOTg5OTQ3OSwxMi44NjU0ODc3IEwyMSwxMyBMMjEsMTggQzIxLDE4LjU1MjI4NDcgMjAuNTUyMjg0NywxOSAyMCwxOSBDMTkuNTE0NTg5NywxOSAxOS4xMDE5MTUsMTguNjUyMDAwNyAxOS4wMTAwNTIxLDE4LjEzNDUxMjMgTDE5LDE4IEwxOSwxMyBDMTksMTIuNDQ3NzE1MyAxOS40NDc3MTUzLDEyIDIwLDEyIFoiIGZpbGw9IiMyMTIzMjQiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgZmlsbD0iI0ZGRkZGRiIgeD0iMTguNSIgeT0iMTciIHdpZHRoPSIzIiBoZWlnaHQ9IjYiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIGZpbGw9IiNGRkZGRkYiIHg9IjE3IiB5PSIxOC41IiB3aWR0aD0iNiIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjAsMjEuNSBDMjAuMjQ1NDU5OSwyMS41IDIwLjQ0OTYwODQsMjEuNjc2ODc1MiAyMC40OTE5NDQzLDIxLjkxMDEyNDQgTDIwLjUsMjIgTDIwLjUsMjcgQzIwLjUsMjcuMjc2MTQyNCAyMC4yNzYxNDI0LDI3LjUgMjAsMjcuNSBDMTkuNzU0NTQwMSwyNy41IDE5LjU1MDM5MTYsMjcuMzIzMTI0OCAxOS41MDgwNTU3LDI3LjA4OTg3NTYgTDE5LjUsMjcgTDE5LjUsMjIgQzE5LjUsMjEuNzIzODU3NiAxOS43MjM4NTc2LDIxLjUgMjAsMjEuNSBaIE0yNywxOS41IEMyNy4yNzYxNDI0LDE5LjUgMjcuNSwxOS43MjM4NTc2IDI3LjUsMjAgQzI3LjUsMjAuMjQ1NDU5OSAyNy4zMjMxMjQ4LDIwLjQ0OTYwODQgMjcuMDg5ODc1NiwyMC40OTE5NDQzIEwyNywyMC41IEwyMiwyMC41IEMyMS43MjM4NTc2LDIwLjUgMjEuNSwyMC4yNzYxNDI0IDIxLjUsMjAgQzIxLjUsMTkuNzU0NTQwMSAyMS42NzY4NzUyLDE5LjU1MDM5MTYgMjEuOTEwMTI0NCwxOS41MDgwNTU3IEwyMiwxOS41IEwyNywxOS41IFogTTE4LDE5LjUgQzE4LjI3NjE0MjQsMTkuNSAxOC41LDE5LjcyMzg1NzYgMTguNSwyMCBDMTguNSwyMC4yNDU0NTk5IDE4LjMyMzEyNDgsMjAuNDQ5NjA4NCAxOC4wODk4NzU2LDIwLjQ5MTk0NDMgTDE4LDIwLjUgTDEzLDIwLjUgQzEyLjcyMzg1NzYsMjAuNSAxMi41LDIwLjI3NjE0MjQgMTIuNSwyMCBDMTIuNSwxOS43NTQ1NDAxIDEyLjY3Njg3NTIsMTkuNTUwMzkxNiAxMi45MTAxMjQ0LDE5LjUwODA1NTcgTDEzLDE5LjUgTDE4LDE5LjUgWiBNMjAsMTIuNSBDMjAuMjQ1NDU5OSwxMi41IDIwLjQ0OTYwODQsMTIuNjc2ODc1MiAyMC40OTE5NDQzLDEyLjkxMDEyNDQgTDIwLjUsMTMgTDIwLjUsMTggQzIwLjUsMTguMjc2MTQyNCAyMC4yNzYxNDI0LDE4LjUgMjAsMTguNSBDMTkuNzU0NTQwMSwxOC41IDE5LjU1MDM5MTYsMTguMzIzMTI0OCAxOS41MDgwNTU3LDE4LjA4OTg3NTYgTDE5LjUsMTggTDE5LjUsMTMgQzE5LjUsMTIuNzIzODU3NiAxOS43MjM4NTc2LDEyLjUgMjAsMTIuNSBaIiBpZD0i5b2i54q257uT5ZCIIiBmaWxsPSIjMjEyMzI0IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+",[n.ApplianceNames.text]:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDdweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDcgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT50ZXh0LWN1cnNvcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xNiwyNi41IEMxNS43MjM4NTc2LDI2LjUgMTUuNSwyNi4yNzYxNDI0IDE1LjUsMjYgQzE1LjUsMjUuNzU0NTQwMSAxNS42NzY4NzUyLDI1LjU1MDM5MTYgMTUuOTEwMTI0NCwyNS41MDgwNTU3IEwxNiwyNS41IEwxOS41LDI1LjUgTDE5LjUsMTQuNSBMMTYsMTQuNSBDMTUuNzIzODU3NiwxNC41IDE1LjUsMTQuMjc2MTQyNCAxNS41LDE0IEMxNS41LDEzLjc1NDU0MDEgMTUuNjc2ODc1MiwxMy41NTAzOTE2IDE1LjkxMDEyNDQsMTMuNTA4MDU1NyBMMTYsMTMuNSBMMjQsMTMuNSBDMjQuMjc2MTQyNCwxMy41IDI0LjUsMTMuNzIzODU3NiAyNC41LDE0IEMyNC41LDE0LjI0NTQ1OTkgMjQuMzIzMTI0OCwxNC40NDk2MDg0IDI0LjA4OTg3NTYsMTQuNDkxOTQ0MyBMMjQsMTQuNSBMMjAuNSwxNC41IEwyMC41LDI1LjUgTDI0LDI1LjUgQzI0LjI3NjE0MjQsMjUuNSAyNC41LDI1LjcyMzg1NzYgMjQuNSwyNiBDMjQuNSwyNi4yNDU0NTk5IDI0LjMyMzEyNDgsMjYuNDQ5NjA4NCAyNC4wODk4NzU2LDI2LjQ5MTk0NDMgTDI0LDI2LjUgTDE2LDI2LjUgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgICAgIDxmaWx0ZXIgeD0iLTI4NC4wJSIgeT0iLTgxLjUlIiB3aWR0aD0iNjY4LjElIiBoZWlnaHQ9IjI5My45JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTIiPgogICAgICAgICAgICA8ZmVNb3JwaG9sb2d5IHJhZGl1cz0iMSIgb3BlcmF0b3I9ImRpbGF0ZSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSI+PC9mZU1vcnBob2xvZ3k+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMCIgZHk9IjIiIGluPSJzaGFkb3dTcHJlYWRPdXRlcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlT2Zmc2V0PgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiPjwvZmVHYXVzc2lhbkJsdXI+CiAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93Qmx1ck91dGVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4xNiAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0i6aG16Z2iLTQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJXaGl0ZWJvYXJkLUd1aWRlbGluZXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODguMDAwMDAwLCAtNjcyLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0idGV4dC1jdXJzb3IiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5Mi4wMDAwMDAsIDY3Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaLlpIfku70tNDAiIGZpbGw9IiNGRkZGRkYiIG9wYWNpdHk9IjAuMDEiIHg9IjAiIHk9IjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcng9IjIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxnIGlkPSLlvaLnirbnu5PlkIgiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIxIiBmaWx0ZXI9InVybCgjZmlsdGVyLTIpIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMSIgZD0iTTE5LDI1IEwxOSwxNSBMMTYsMTUgQzE1LjQ0NzcxNTMsMTUgMTUsMTQuNTUyMjg0NyAxNSwxNCBDMTUsMTMuNTE0NTg5NyAxNS4zNDc5OTkzLDEzLjEwMTkxNSAxNS44NjU0ODc3LDEzLjAxMDA1MjEgTDE2LDEzIEwyNCwxMyBDMjQuNTUyMjg0NywxMyAyNSwxMy40NDc3MTUzIDI1LDE0IEMyNSwxNC40ODU0MTAzIDI0LjY1MjAwMDcsMTQuODk4MDg1IDI0LjEzNDUxMjMsMTQuOTg5OTQ3OSBMMjQsMTUgTDIxLDE1IEwyMSwyNSBMMjQsMjUgQzI0LjU1MjI4NDcsMjUgMjUsMjUuNDQ3NzE1MyAyNSwyNiBDMjUsMjYuNDg1NDEwMyAyNC42NTIwMDA3LDI2Ljg5ODA4NSAyNC4xMzQ1MTIzLDI2Ljk4OTk0NzkgTDI0LDI3IEwxNiwyNyBDMTUuNDQ3NzE1MywyNyAxNSwyNi41NTIyODQ3IDE1LDI2IEMxNSwyNS41MTQ1ODk3IDE1LjM0Nzk5OTMsMjUuMTAxOTE1IDE1Ljg2NTQ4NzcsMjUuMDEwMDUyMSBMMTYsMjUgTDE5LDI1IFoiIGZpbGw9IiMyMTIzMjQiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="};class We{constructor(e,t,i,a,s){this.manager=e,this.cursors=t,this.memberId=i,this.cursorManager=a,this.wrapper=s,this.setMember(),this.createCursor(),I.default((()=>{if(this.disposer&&this.disposer(),!this.cursorPosition)throw new Error;this.startReaction()}),{retries:3}),this.autoHidden()}startReaction(){this.disposer=n.autorun((()=>{const e=this.cursorPosition,t=this.cursorState;if(e){const t=e.x,i=e.y,a=this.cursorManager.wrapperRect,s=this.cursorManager.containerRect;if(this.component&&a&&s){this.autoHidden();const e=t*a.width,s=i*a.height-15;this.component.$set({visible:!0,x:e,y:s})}}t&&t===E.Leave&&this.hide()}))}get memberApplianceName(){var e,t;return null==(t=null==(e=this.member)?void 0:e.memberState)?void 0:t.currentApplianceName}get memberColor(){var e,t;return`rgb(${null==(t=null==(e=this.member)?void 0:e.memberState)?void 0:t.strokeColor.join(",")})`}get payload(){var e;return null==(e=this.member)?void 0:e.payload}get memberCursorName(){var e;return(null==(e=this.payload)?void 0:e.cursorName)||this.memberId}get memberTheme(){var e;return(null==(e=this.payload)?void 0:e.theme)?"cursor-inner-mellow":"cursor-inner"}get memberCursorTextColor(){var e;return(null==(e=this.payload)?void 0:e.cursorTextColor)||"#FFFFFF"}get memberCursorTagBackgroundColor(){var e;return(null==(e=this.payload)?void 0:e.cursorTagBackgroundColor)||this.memberColor}get memberAvatar(){var e;return null==(e=this.payload)?void 0:e.avatar}get memberOpacity(){return this.memberCursorName||this.memberAvatar?1:0}get cursorState(){return s.get(this.cursors,[this.memberId,J.CursorState])}get cursorPosition(){return s.get(this.cursors,[this.memberId,J.Position])}getFocusBox(){return this.cursorManager.getFocusBox()}autoHidden(){this.timer&&clearTimeout(this.timer),this.timer=window.setTimeout((()=>{this.hide()}),1e4)}async createCursor(){this.member&&this.wrapper&&(this.component=new Ze({target:this.wrapper,props:this.initProps()}))}initProps(){return{x:0,y:0,appliance:this.memberApplianceName,avatar:this.memberAvatar,src:this.getIcon(),visible:!1,backgroundColor:this.memberColor,cursorName:this.memberCursorName,theme:this.memberTheme,color:this.memberCursorTextColor,cursorTagBackgroundColor:this.memberCursorTagBackgroundColor,opacity:this.memberOpacity}}getIcon(){if(this.member)return Re[this.memberApplianceName||n.ApplianceNames.shape]}setMember(){var e,t;this.member=null==(e=this.cursorManager.roomMembers)?void 0:e.find((e=>e.memberId===Number(this.memberId))),null==(t=this.component)||t.$set(s.omit(this.initProps(),["x","y","visible"]))}destroy(){this.disposer&&this.disposer(),this.component&&this.component.$destroy(),this.cursorManager.cursorInstances.delete(this.memberId)}hide(){this.component&&this.component.$set({visible:!1})}}class Ge{constructor(e,t){var i;this.manager=e,this.appManager=t,this.cursorInstances=new Map,this.mouseMoveListener=s.debounce((e=>{this.updateCursor(e.clientX,e.clientY)}),5),this.touchMoveListener=s.debounce((e=>{if(1===e.touches.length){const t=e.touches[0];this.updateCursor(t.clientX,t.clientY)}}),5),this.mouseLeaveListener=()=>{this.hideCursor(this.observerId),this.appManager.delegate.updateCursorState(this.observerId,E.Leave)},this.roomMembers=null==(i=this.manager.room)?void 0:i.state.roomMembers;const a=Je.wrapper;a&&(a.addEventListener("mousemove",this.mouseMoveListener),a.addEventListener("touchmove",this.touchMoveListener),a.addEventListener("mouseleave",this.mouseLeaveListener),a.addEventListener("touchend",this.mouseLeaveListener),this.initCursorAttributes(),this.wrapperRect=a.getBoundingClientRect(),this.startReaction(a))}startReaction(e){this.disposer=ie(this.cursors,(()=>{this.handleRoomMembersChange(e)}))}handleRoomMembersChange(e){var t;const i=null==(t=this.roomMembers)?void 0:t.map((e=>e.memberId));if(null==i?void 0:i.length)for(const a in this.cursors)if(i.includes(Number(a))&&!this.cursorInstances.has(a)&&a!==this.observerId){const t=new We(this.manager,this.cursors,a,this,e);this.cursorInstances.set(a,t)}}get observerId(){return String(this.manager.displayer.observerId)}get cursors(){var e;return null==(e=this.manager.attributes)?void 0:e[J.Cursors]}get boxState(){return this.appManager.delegate.getBoxState()}initCursorAttributes(){this.appManager.delegate.updateCursor(this.observerId,{x:0,y:0}),this.appManager.delegate.updateCursorState(this.observerId,E.Leave)}getBoxTitleHeight(){var e;if(this.boxState===r.TELE_BOX_STATE.Maximized){const t=this.appManager.boxManager.getTopBox();if(t)return null==(e=t.$titleBar)?void 0:e.clientHeight}}getFocusBox(){return this.appManager.boxManager.getFocusBox()}updateCursor(e,t){if(this.wrapperRect&&this.manager.canOperate){const i=(e-this.wrapperRect.x)/this.wrapperRect.width,a=(t-this.wrapperRect.y)/this.wrapperRect.height;this.appManager.delegate.getCursorState(this.observerId)&&this.appManager.delegate.updateCursorState(this.observerId,E.Normal),this.appManager.delegate.updateCursor(this.observerId,{x:i,y:a})}}updateContainerRect(){var e,t;this.containerRect=null==(e=Je.container)?void 0:e.getBoundingClientRect(),this.wrapperRect=null==(t=Je.wrapper)?void 0:t.getBoundingClientRect()}setRoomMembers(e){this.roomMembers=e,this.cursorInstances.forEach((e=>{e.setMember()})),Je.wrapper&&this.handleRoomMembersChange(Je.wrapper)}cleanMemberCursor(e){this.appManager.delegate.cleanCursor(e);const t=this.cursorInstances.get(e);t&&t.destroy()}hideCursor(e){const t=this.cursorInstances.get(e);t&&t.hide()}cleanMemberAttributes(e){const t=e.map((e=>e.memberId)),i=[];for(const a in this.cursors){-1===t.findIndex((e=>e===Number(a)))&&i.push(a)}i.forEach((e=>{const t=this.cursorInstances.get(e);t&&t.destroy(),this.appManager.delegate.cleanCursor(e)}))}destroy(){const e=Je.wrapper;e&&(e.removeEventListener("mousemove",this.mouseMoveListener),e.removeEventListener("touchmove",this.touchMoveListener),e.removeEventListener("mouseleave",this.mouseLeaveListener),e.removeEventListener("touchend",this.mouseLeaveListener)),this.disposer&&this.disposer(),this.cursorInstances.size&&(this.cursorInstances.forEach((e=>e.destroy())),this.cursorInstances.clear())}}const Fe=window.ResizeObserver||h.ResizeObserver,Ye=new m.default,He=new m.default,Xe=class extends n.InvisiblePlugin{constructor(e){super(e),this.emitter=He}static async mount(e,t,a,s){let r,o,c,d,h,g,p=!0;if("room"in e?(r=e.room,t=e.container,a=e.collectorContainer,o=e.containerSizeRatio,c=e.collectorStyles,d=e.debug,null!=e.chessboard&&(p=e.chessboard),h=e.overwriteStyles,g=e.cursor):(r=e,o=null==s?void 0:s.containerSizeRatio,c=null==s?void 0:s.collectorStyles,d=null==s?void 0:s.debug,null!=(null==s?void 0:s.chessboard)&&(p=s.chessboard),h=null==s?void 0:s.overwriteStyles),this.checkVersion(),r.phase!==n.RoomPhase.Connected)throw new Error("[WindowManager]: Room only Connected can be mount");if(!t)throw new Error("[WindowManager]: Container must provide");if(Xe.isCreated)throw new Error("[WindowManager]: Already created cannot be created again");const l=await this.initManager(r);this.debug=Boolean(d),this.debug&&i.setOptions({verbose:!0}),R("[WindowManager]: Already insert room",l),o&&(Xe.containerSizeRatio=o),Xe.container=t;const{playground:u,wrapper:M,sizer:m,mainViewElement:w}=(e=>{const t=document.createElement("div");t.className="netless-window-manager-playground";const i=document.createElement("div");i.className="netless-window-manager-sizer";const a=document.createElement("div");a.className="netless-window-manager-wrapper";const s=document.createElement("div");return s.className="netless-window-manager-main-view",t.appendChild(i),i.appendChild(a),a.appendChild(s),e.appendChild(t),Je.wrapper=a,{playground:t,wrapper:a,sizer:i,mainViewElement:s}})(t);if(Xe.playground=u,p&&m.classList.add("netless-window-manager-chess-sizer"),h){const e=document.createElement("style");e.textContent=h,u.appendChild(e)}return await l.ensureAttributes(),l.appManager=new ae(l,{collectorContainer:a,collectorStyles:c}),l.observePlaygroundSize(u,m,M),g&&(l.cursorManager=new Ge(l,l.appManager)),l.bindMainView(w),((e,t)=>{Object.getOwnPropertyDescriptor(e,"disableCameraTransform")||(Object.defineProperty(e,"disableCameraTransform",{get:()=>t.mainView.disableCameraTransform,set(e){t.mainView.disableCameraTransform=e}}),e.moveCamera=e=>t.mainView.moveCamera(e),e.moveCameraToContain=(...e)=>t.mainView.moveCameraToContain(...e),e.convertToPointInWorld=(...e)=>t.mainView.convertToPointInWorld(...e),e.setCameraBound=(...e)=>t.mainView.setCameraBound(...e))})(r,l.appManager),Ye.emit("onCreated"),Xe.isCreated=!0,l}static async initManager(e){let t=e.getInvisiblePlugin(Xe.kind);if(!t&&n.isRoom(e))if(!1===e.isWritable){try{await e.setWritable(!0)}catch(i){throw new Error("[WindowManger]: room must be switched to be writable")}t=await e.createInvisiblePlugin(Xe,{}),await e.setWritable(!1)}else t=await e.createInvisiblePlugin(Xe,{});return t}static register(e){return Z.register(e)}createMainView(){if(this.appManager)return this.appManager.viewManager.mainView;throw new y}async addApp(e){var t,i;if(this.appManager){if(!e.kind||"string"!=typeof e.kind)throw new b;const a=await(null==(t=Z.appClasses.get(e.kind))?void 0:t());if(a&&(null==(i=a.config)?void 0:i.singleton)&&this.appManager.appProxies.has(e.kind))throw new A;const s=this.setupScenePath(e,this.appManager);if(void 0===s)return;return await this.appManager.addApp(e,Boolean(s))}throw new y}setupScenePath(e,t){var i,a;let s=!1;if(e.options){const{scenePath:r,scenes:n}=e.options;if(r)for(const e in this.apps){const i=t.delegate.getAppScenePath(e);if(i&&i===r)return void console.warn(`ScenePath ${r} Already opened`)}r&&n&&n.length>0&&(this.isDynamicPPT(n)?(s=!0,this.displayer.entireScenes()[r]||null==(i=this.room)||i.putScenes(r,n)):this.displayer.entireScenes()[r]||null==(a=this.room)||a.putScenes(r,[{name:n[0].name}]))}return s}async closeApp(e){var t;return null==(t=this.appManager)?void 0:t.closeApp(e)}setMainViewScenePath(e){this.appManager&&this.appManager.setMainViewScenePath(e)}setMainViewSceneIndex(e){this.appManager&&this.appManager.setMainViewSceneIndex(e)}getMainViewScenePath(){var e;return null==(e=this.appManager)?void 0:e.delegate.getMainViewScenePath()}getMainViewSceneIndex(){var e;return null==(e=this.appManager)?void 0:e.delegate.getMainViewSceneIndex()}setReadonly(e){var t,i;(null==(t=this.room)?void 0:t.isWritable)&&(this.readonly=e,null==(i=this.appManager)||i.boxManager.teleBoxManager.setReadonly(e))}switchMainViewToWriter(){var e;return null==(e=this.appManager)?void 0:e.viewManager.mainViewClickHandler()}onAppDestroy(e,t){Ye.once(`destroy-${e}`).then(t)}setViewMode(e){var t,i,a,s,r,o;e===n.ViewMode.Broadcaster&&(null==(t=this.appManager)||t.delegate.setBroadcaster(this.displayer.observerId),null==(i=this.appManager)||i.delegate.setMainViewCamera(this.mainView.camera),null==(a=this.appManager)||a.delegate.setMainViewSize(this.mainView.size)),e===n.ViewMode.Freedom&&(null==(s=this.appManager)||s.delegate.setMainViewCamera(void 0),null==(r=this.appManager)||r.delegate.setMainViewSize(void 0),null==(o=this.appManager)||o.delegate.setBroadcaster(void 0))}get mainView(){if(this.appManager)return this.appManager.viewManager.mainView;throw new y}get camera(){if(this.appManager)return this.appManager.viewManager.mainView.camera;throw new y}get apps(){var e;return null==(e=this.appManager)?void 0:e.delegate.apps()}get boxState(){if(this.appManager)return this.appManager.boxManager.teleBoxManager.state;throw new y}onDestroy(){this._destroy()}destroy(){this._destroy()}_destroy(){var e,t,i,a;null==(e=this.containerResizeObserver)||e.disconnect(),null==(t=this.appManager)||t.destroy(),null==(i=this.cursorManager)||i.destroy(),Xe.container=void 0,Xe.wrapper=void 0,Xe.isCreated=!1,Xe.playground&&(null==(a=Xe.playground.parentNode)||a.removeChild(Xe.playground)),R("Destroyed")}bindMainView(e){if(this.appManager){const t=this.appManager.viewManager.mainView;if(t.divElement=e,t.mode=n.ViewVisionMode.Writable,t.focusScenePath||this.appManager.delegate.setMainViewFocusPath(),!this.appManager.delegate.getMainViewScenePath()){const e=this.displayer.state.sceneState;this.appManager.delegate.setMainViewScenePath(e.scenePath),this.appManager.delegate.setMainViewSceneIndex(e.index)}void 0===this.appManager.delegate.focus&&t.mode!==n.ViewVisionMode.Writable&&(this.appManager.viewManager.freedomAllViews(),this.appManager.viewManager.switchMainViewToWriter()),this.appManager.viewManager.addMainViewListener()}}get canOperate(){return!!n.isRoom(this.displayer)&&(this.displayer.isWritable&&this.displayer.phase===n.RoomPhase.Connected)}get room(){return this.canOperate?this.displayer:void 0}get broadcaster(){var e;return null==(e=this.appManager)?void 0:e.delegate.broadcaster}safeSetAttributes(e){this.canOperate&&this.setAttributes(e)}safeUpdateAttributes(e,t){this.canOperate&&this.updateAttributes(e,t)}safeDispatchMagixEvent(e,t){this.canOperate&&this.displayer.dispatchMagixEvent(e,t)}getSceneName(e,t){var i;const a=this.displayer.entireScenes()[e];if(a&&void 0!==t)return null==(i=a[t])?void 0:i.name}isDynamicPPT(e){var t,i;const a=null==(i=null==(t=e[0])?void 0:t.ppt)?void 0:i.src;return null==a?void 0:a.startsWith("pptx://")}static checkVersion(){if(H(n.WhiteVersion)<H(L))throw new C(L)}async ensureAttributes(){var e;s.isNull(this.attributes)&&await(e=50,new Promise((t=>setTimeout(t,e)))),s.isObject(this.attributes)&&(this.attributes[J.Apps]||this.safeSetAttributes({[J.Apps]:{}}),this.attributes[J.Cursors]||this.safeSetAttributes({[J.Cursors]:{}}))}observePlaygroundSize(e,t,i){this.updateSizer(e.getBoundingClientRect(),t,i),this.containerResizeObserver=new Fe((e=>{var a,s;const r=null==(a=e[0])?void 0:a.contentRect;r&&(this.updateSizer(r,t,i),null==(s=this.cursorManager)||s.updateContainerRect())})),this.containerResizeObserver.observe(e)}updateSizer({width:e,height:t},i,a){e&&t&&(t/e>Xe.containerSizeRatio?(t=e*Xe.containerSizeRatio,i.classList.toggle("netless-window-manager-sizer-horizontal",!0)):(e=t/Xe.containerSizeRatio,i.classList.toggle("netless-window-manager-sizer-horizontal",!1)),a.style.width=`${e}px`,a.style.height=`${t}px`)}};let Je=Xe;Je.kind="WindowManager",Je.debug=!1,Je.containerSizeRatio=9/16,Je.isCreated=!1,Je.register({kind:u.default.kind,src:u.default}),Je.register({kind:M.default.kind,src:M.default});const _e={DocsViewer:u.default.kind,MediaPlayer:M.default.kind};e.BuiltinApps=_e,e.WindowManager=Je,e.callbacks=He,e.emitter=Ye,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
|
1
|
+
var __defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,i)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,__spreadValues=(e,t)=>{for(var i in t||(t={}))__hasOwnProp.call(t,i)&&__defNormalProp(e,i,t[i]);if(__getOwnPropSymbols)for(var i of __getOwnPropSymbols(t))__propIsEnum.call(t,i)&&__defNormalProp(e,i,t[i]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@netless/app-docs-viewer"),require("@netless/app-media-player"),require("emittery"),require("lodash"),require("@netless/telebox-insider"),require("white-web-sdk"),require("p-retry"),require("@juggle/resize-observer"),require("uuid")):"function"==typeof define&&define.amd?define(["exports","@netless/app-docs-viewer","@netless/app-media-player","emittery","lodash","@netless/telebox-insider","white-web-sdk","p-retry","@juggle/resize-observer","uuid"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).WindowManager={},e.AppDocsViewer,e.AppMediaPlayer,e.Emittery,e.lodash,e.teleboxInsider,e.whiteWebSdk,e.pRetry,e.resizeObserver,e.uuid)}(this,(function(e,t,i,a,s,r,n,o,c,d){"use strict";function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p,g,l=h(t),u=h(i),M=h(a),m=h(o);class w extends Error{constructor(){super(...arguments),this.message="[WindowManager]: app duplicate exists and cannot be created again"}}class I extends Error{constructor(){super(...arguments),this.message="[WindowManager]: AppManager must be initialized"}}class A extends Error{constructor(e){super(`[WindowManager]: white-web-sdk version must large than ${e}`)}}class y extends Error{constructor(){super(...arguments),this.message="[WindowManager]: kind must be a valid string"}}class b extends Error{constructor(){super(...arguments),this.message="[WindowManager]: box need created"}}(g=p||(p={})).AppMove="AppMove",g.AppFocus="AppFocus",g.AppResize="AppResize",g.AppBlur="AppBlur",g.AppBoxStateChange="AppBoxStateChange",g.AppSnapshot="AppSnapshot",g.AppClose="AppClose",g.GetAttributes="GetAttributes",g.UpdateWindowManagerWrapper="UpdateWindowManagerWrapper",g.InitReplay="InitReplay",g.WindowCreated="WindowCreated",g.SetMainViewScenePath="SetMainViewScenePath",g.SetMainViewSceneIndex="SetMainViewSceneIndex",g.MainViewFocus="MainViewFocus",g.SwitchViewsToFreedom="SwitchViewsToFreedom";const C="__WindowManger";var x,S,v,N,D,T,j;(S=x||(x={})).Size="size",S.Position="position",S.SnapshotRect="SnapshotRect",S.SceneIndex="SceneIndex",(N=v||(v={})).setBoxSize="setBoxSize",N.setBoxMinSize="setBoxMinSize",N.destroy="destroy",(D||(D={})).StartCreate="StartCreate",(j=T||(T={})).Leave="leave",j.Normal="normal";const E="2.13.16",V=340/720,L=340/720,f={right:"10px",bottom:"15px",position:"absolute"};class B{constructor(e,t,i,a){this.manager=e,this.windowManager=t,this.viewManager=i,this.appProxies=a,this.displayer=this.manager.displayer,this.boxManager=this.manager.boxManager,this.mainMagixEventListener=e=>{if(e.authorId!==this.displayer.observerId){const t=e.payload;switch(t.eventName){case p.AppMove:this.appMoveHandler(t.payload);break;case p.AppFocus:this.appFocusHandler(t.payload);break;case p.AppResize:this.appResizeHandler(t.payload);break;case p.AppBlur:this.appBlurHandler(t.payload);break;case p.AppBoxStateChange:this.appBoxStateHandler(t.payload);break;case p.AppSnapshot:this.appSnapshotHandler(t.payload);break;case p.AppClose:this.appCloseHandler(t.payload);break;case p.MainViewFocus:this.mainViewFocusHandler();break;case p.SwitchViewsToFreedom:this.switchViewsToFreedomHandler()}}},this.appMoveHandler=e=>{this.boxManager.moveBox(e)},this.appFocusHandler=e=>{this.boxManager.focusBox(e),this.manager.viewManager.refreshViews()},this.appResizeHandler=e=>{var t;this.boxManager.resizeBox(Object.assign(e,{skipUpdate:!0})),null==(t=this.manager.room)||t.refreshViewSize()},this.appBlurHandler=e=>{var t;const i=this.appProxies.get(e.appId);i&&(i.appEmitter.emit("writableChange",!1),(null==(t=i.view)?void 0:t.mode)===n.ViewVisionMode.Writable&&this.manager.viewManager.refreshViews())},this.appBoxStateHandler=e=>{this.boxManager.setBoxState(e.state),e.state===r.TELE_BOX_STATE.Minimized&&(this.manager.viewManager.refreshViews(),this.viewManager.switchMainViewToWriter())},this.appSnapshotHandler=e=>{const t=this.boxManager.getBox(e.appId);t&&t.setSnapshot(e.rect)},this.appCloseHandler=e=>{this.boxManager.closeBox(e.appId);const t=this.manager.appProxies.get(e.appId);t&&t.destroy(!0,!0)},this.mainViewFocusHandler=()=>{this.manager.boxManager.blurFocusBox(),this.manager.viewManager.freedomAllViews()},this.switchViewsToFreedomHandler=()=>{this.manager.viewManager.freedomAllViews()}}addListeners(){this.displayer.addMagixEventListener(C,this.mainMagixEventListener)}removeListeners(){this.displayer.removeMagixEventListener(C,this.mainMagixEventListener)}}const P="__WindowManagerAppCache";let z,U;const O=async()=>{z=await new Promise(((e,t)=>{const i=indexedDB.open(P,2);i.onerror=e=>{t(e)},i.onupgradeneeded=e=>{const t=e.target.result;t.objectStoreNames.contains("apps")||(U=t.createObjectStore("apps",{keyPath:"kind"}),U.createIndex("kind","kind",{unique:!0}))},i.onsuccess=()=>{const t=i.result;e(t)}}))},k=(e,t)=>{var i,a;if(z)return i=z,a={kind:e,sourceCode:t},new Promise(((e,t)=>{const s=i.transaction(["apps"],"readwrite").objectStore("apps").add(a);s.onsuccess=()=>e(),s.onerror=()=>t()}))},Q=async e=>{return z?await(t=z,i=e,new Promise(((e,a)=>{const s=t.transaction(["apps"]).objectStore("apps").index("kind").get(i);s.onerror=e=>a(e),s.onsuccess=()=>{s.result?e(s.result):e(null)}}))):null;var t,i};const Z=async e=>{const t=await Q(e);if(t)return t;{const t=await async function(e,t){const{timeout:i=1e4}=t,a=new AbortController,s=setTimeout((()=>a.abort()),i),r=await fetch(e,__spreadProps(__spreadValues({},t),{signal:a.signal,headers:{"content-type":"text/plain"}}));return clearTimeout(s),r}(e,{timeout:1e4}),i=await t.text();return await k(e,i),i}},R=(e,t)=>{let i=Function(e+`;return ${t}`)();return void 0===i&&(i=window[t]),i};const W=new class{constructor(){this.kindEmitters=new Map,this.registered=new Map,this.appClassesCache=new Map,this.appClasses=new Map}async register(e){this.registered.set(e.kind,e);const t=e.src;let i;if(i="string"==typeof t?async()=>{const i=await(async(e,t,i)=>{const a=i||"NetlessApp"+t,s=await Z(e);try{return R(s,a)}catch(r){if(r.message.includes("Can only have one anonymous define call per script file")){const e=window.define;return"function"==typeof e&&e.amd&&delete e.amd,R(s,a)}}})(t,e.kind);if(i)return i;throw new Error(`[WindowManager]: load remote script failed, ${t}`)}:"function"==typeof t?t:async()=>t,this.appClasses.set(e.kind,(async()=>{let t=this.appClassesCache.get(e.kind);return t||(t=i(),this.appClassesCache.set(e.kind,t)),t})),e.addHooks){const t=this.createKindEmitter(e.kind);t&&e.addHooks(t)}}async notifyApp(e,t,i){const a=this.kindEmitters.get(e);await(null==a?void 0:a.emit(t,i))}createKindEmitter(e){if(!this.kindEmitters.has(e)){const t=new M.default;this.kindEmitters.set(e,t)}return this.kindEmitters.get(e)}},G=(e,t)=>{e.focusScenePath!==t&&(e.focusScenePath=t)},F=(e,t)=>{e&&e.state.sceneState.scenePath!==t&&e.setScenePath(t)},Y=(e,t)=>{e.mode!==t&&(e.mode=t)},H=s.debounce(((e,t)=>{e.emit("mainViewModeChange",t)}),200),X=e=>{const t=e.split(".").map((e=>e.padStart(2,"0"))).join("");return parseInt(t)},J=e=>new Promise((t=>setTimeout(t,e)));class _{constructor(e,t,i,a,s){this.manager=e,this.appId=t,this.appProxy=i,this.setScenes=a,this.appOptions=s,this.mobxUtils={autorun:n.autorun,reaction:n.reaction},this.objectUtils={listenUpdated:n.listenUpdated,unlistenUpdated:n.unlistenUpdated,listenDisposed:n.listenDisposed,unlistenDisposed:n.unlistenDisposed},this.delegate=this.manager.delegate,this.emitter=i.appEmitter,this.boxManager=this.manager.boxManager,this.isAddApp=i.isAddApp}getDisplayer(){return this.manager.displayer}getAttributes(){return this.appProxy.attributes}getScenes(){const e=this.delegate.getAppAttributes(this.appId);if(!(null==e?void 0:e.isDynamicPPT))return null==e?void 0:e.options.scenes;{const e=this.manager.appProxies.get(this.appId);if(e)return e.scenes}}getView(){return this.appProxy.view}getInitScenePath(){return this.manager.getAppInitPath(this.appId)}getIsWritable(){return this.manager.canOperate}getBox(){const e=this.boxManager.getBox(this.appId);if(e)return e;throw new b}getRoom(){return this.manager.room}setAttributes(e){this.manager.safeSetAttributes({[this.appId]:e})}updateAttributes(e,t){this.manager.attributes[this.appId]&&this.manager.safeUpdateAttributes([this.appId,...e],t)}async setScenePath(e){var t,i;this.appProxy.box&&(this.appProxy.box.focus?null==(t=this.getRoom())||t.setScenePath(e):(this.emitter.emit("focus",!0),await J(50),null==(i=this.getRoom())||i.setScenePath(e)))}mountView(e){const t=this.getView();t&&(t.divElement=e,setTimeout((()=>{var e;null==(e=this.getRoom())||e.refreshViewSize()}),1e3))}getAppOptions(){return"function"==typeof this.appOptions?this.appOptions():this.appOptions}}const K=(...e)=>{$e.debug&&console.log("[WindowManager]:",...e)};class q{constructor(e,t,i,a){var s;this.params=e,this.manager=t,this.boxManager=this.manager.boxManager,this.appProxies=this.manager.appProxies,this.viewManager=this.manager.viewManager,this.status="normal",this.getAppInitState=e=>{const t=this.manager.delegate.getAppState(e);if(!t)return;const i=null==t?void 0:t[x.Position],a=this.manager.attributes.focus,s=null==t?void 0:t[x.Size],r=null==t?void 0:t[x.SnapshotRect],n=null==t?void 0:t[x.SceneIndex];let o={boxState:this.manager.attributes.boxState};return i&&(o=__spreadProps(__spreadValues({},o),{id:e,x:i.x,y:i.y})),a===e&&(o=__spreadProps(__spreadValues({},o),{focus:!0})),s&&(o=__spreadProps(__spreadValues({},o),{width:s.width,height:s.height})),r&&(o=__spreadProps(__spreadValues({},o),{snapshotRect:r})),n&&(o=__spreadProps(__spreadValues({},o),{sceneIndex:n})),_e.emit(p.InitReplay,o),o},this.appAttributesUpdateListener=e=>{const t=n.autorun((()=>{const t=this.manager.windowManger.attributes[e];t&&this.appEmitter.emit("attributesUpdate",t)}));this.disposer=t},this.cameraListener=e=>{this.manager.cameraStore.setCamera(this.id,e)},this.kind=e.kind,this.id=i,this.appProxies.set(this.id,this),this.appEmitter=new M.default,this.appListener=this.makeAppEventListener(this.id);const r=this.params.options;if(r){this.scenePath=r.scenePath;const e=this.manager.delegate.getAppAttributes(this.id);(null==e?void 0:e.isDynamicPPT)&&this.scenePath?this.scenes=this.manager.displayer.entireScenes()[this.scenePath]:this.scenes=r.scenes}(null==(s=this.params.options)?void 0:s.scenePath)&&(this.createView(),this.addCameraListener()),this.isAddApp=a}get sceneIndex(){return this.manager.delegate.getAppSceneIndex(this.id)}setSceneIndex(e){return this.manager.delegate.updateAppState(this.id,x.SceneIndex,e)}get view(){return this.manager.viewManager.getView(this.id)}get isWritable(){var e;return this.manager.canOperate&&!(null==(e=this.box)?void 0:e.readonly)}get attributes(){return this.manager.attributes[this.id]}getSceneName(){var e,t;if(void 0!==this.sceneIndex)return null==(t=null==(e=this.scenes)?void 0:e[this.sceneIndex])?void 0:t.name}getFullScenePath(){if(this.scenePath&&this.getSceneName())return`${this.scenePath}/${this.getSceneName()}`}setScenes(e){this.scenes=e}async baseInsertApp(e){var t;const i=this.params;if(i.kind){const a=await(null==(t=W.appClasses.get(i.kind))?void 0:t()),s=W.registered.get(i.kind);if(!a)throw new Error(`[WindowManager]: app load failed ${i.kind} ${i.src}`);return await this.setupApp(this.id,a,i.options,null==s?void 0:s.appOptions),this.boxManager.updateManagerRect(),e&&(this.focusBox(),this.manager.viewManager.switchAppToWriter(this.id),this.manager.delegate.setMainViewFocusPath()),{appId:this.id,app:a}}throw new Error("[WindowManager]: kind require")}get box(){return this.boxManager.getBox(this.id)}focusBox(){this.boxManager.focusBox({appId:this.id})}async setupApp(e,t,i,a){K("setupApp",e,t,i);const s=new _(this.manager,e,this,this.setScenes,a);try{_e.once(`${e}${p.WindowCreated}`).then((async()=>{const i=this.getAppInitState(e);this.boxManager.updateBoxState(i),this.appEmitter.onAny(this.appListener),this.appAttributesUpdateListener(e),this.setViewFocusScenePath(),setTimeout((async()=>{const a=await t.setup(s);W.notifyApp(t.kind,"created",{appId:e,result:a}),i&&(i.focus&&this.scenePath&&this.manager.viewManager.switchAppToWriter(this.id),(null==i?void 0:i.x)&&i.y&&i.snapshotRect||this.boxManager.setBoxInitState(e));const r=this.boxManager.getBox(e);r&&this.boxManager.resizeBox({appId:e,width:r.width+.001,height:r.height+.001,skipUpdate:!0})}),50)})),this.boxManager.createBox({appId:e,app:t,options:i,canOperate:this.manager.canOperate})}catch(r){throw console.error(r),new Error(`[WindowManager]: app setup error: ${r.message}`)}}switchToWritable(){if(this.view)try{if(this.view.mode===n.ViewVisionMode.Writable)return;this.manager.mainView.mode===n.ViewVisionMode.Writable&&(this.manager.delegate.setMainViewFocusPath(),H(Ke,n.ViewVisionMode.Freedom),Y(this.manager.mainView,n.ViewVisionMode.Freedom)),Y(this.view,n.ViewVisionMode.Writable)}catch(e){K("switch view failed",e)}}emitAppSceneStateChange(e){this.appEmitter.emit("sceneStateChange",e)}emitAppIsWritableChange(){this.appEmitter.emit("writableChange",this.isWritable)}makeAppEventListener(e){return(t,i)=>{if(this.manager.canOperate)switch(t){case"setBoxSize":this.boxManager.resizeBox({appId:e,width:i.width,height:i.height,skipUpdate:!1});break;case"setBoxMinSize":this.boxManager.setBoxMinSize({appId:e,minWidth:i.minwidth,minHeight:i.minheight});break;case"setBoxTitle":this.boxManager.setBoxTitle({appId:e,title:i.title});break;case v.destroy:if("destroyed"===this.status)return;this.destroy(!0,null==i?void 0:i.error),(null==i?void 0:i.error)&&console.error(null==i?void 0:i.error);break;case"focus":this.boxManager.focusBox({appId:this.id}),_e.emit("focus",{appId:this.id})}}}recoverCamera(){this.manager.cameraStore.recoverCamera(this.id,this.view)}setScenePath(){const e=this.getFullScenePath();this.manager.room&&e&&this.view&&F(this.manager.room,e)}switchToFreedom(){if(this.view&&this.view.mode===n.ViewVisionMode.Writable){const e=this.getFullScenePath();e&&(G(this.view,e),Y(this.view,n.ViewVisionMode.Freedom))}}setViewFocusScenePath(){const e=this.getFullScenePath();e&&this.view&&G(this.view,e)}addCameraListener(){var e;null==(e=this.view)||e.callbacks.on("onCameraUpdated",this.cameraListener)}removeCameraListener(){var e;null==(e=this.view)||e.callbacks.off("onCameraUpdated",this.cameraListener)}createView(){const e=this.viewManager.createView(this.id);return this.setViewFocusScenePath(),e}async destroy(e,t,i){this.status="destroyed",await W.notifyApp(this.kind,"destroy",{appId:this.id}),await this.appEmitter.emit("destroy",{error:i}),this.appEmitter.clearListeners(),_e.emit(`destroy-${this.id}`,{error:i}),e&&this.boxManager.closeBox(this.id),this.disposer&&this.disposer(),t&&this.manager.delegate.cleanAppAttributes(this.id),this.appProxies.delete(this.id),this.manager.cameraStore.deleteCamera(this.id),this.removeCameraListener(),this.manager.viewManager.destroyView(this.id),this.manager.appStatus.delete(this.id)}}var $,ee;(ee=$||($={})).Apps="apps",ee.Focus="focus",ee.State="state",ee.BoxState="boxState",ee.MainViewCamera="mainViewCamera",ee.MainViewSize="mainViewSize",ee.Broadcaster="broadcaster",ee.Cursors="cursors",ee.Position="position",ee.CursorState="cursorState";class te{constructor(e){this.manager=e}apps(){return s.get(this.manager.attributes,[$.Apps])}get focus(){return s.get(this.manager.attributes,[$.Focus])}get broadcaster(){return s.get(this.manager.attributes,[$.Broadcaster])}getAppAttributes(e){return s.get(this.apps(),[e])}getAppState(e){return s.get(this.apps(),[e,$.State])}setupAppAttributes(e,t,i){this.manager.attributes.apps||this.manager.safeSetAttributes({apps:{}});const a=["scenePath","title"];i||a.push("scenes");const r=s.pick(e.options,a),n={kind:e.kind,options:r,isDynamicPPT:i};"string"==typeof e.src&&(n.src=e.src),this.manager.safeUpdateAttributes([$.Apps,t],n),this.manager.safeUpdateAttributes([$.Apps,t,$.State],{[x.Size]:{},[x.Position]:{},[x.SnapshotRect]:{},[x.SceneIndex]:0})}updateAppState(e,t,i){s.get(this.manager.attributes,[$.Apps,e,$.State])&&this.manager.safeUpdateAttributes([$.Apps,e,$.State,t],i)}cleanAppAttributes(e){this.manager.safeUpdateAttributes([$.Apps,e],void 0),this.manager.safeSetAttributes({[e]:void 0});this.manager.attributes[$.Focus]===e&&this.cleanFocus()}cleanFocus(){this.manager.safeSetAttributes({[$.Focus]:void 0})}cleanAttributes(){this.manager.safeSetAttributes({[$.Apps]:void 0,[$.BoxState]:void 0,[$.Focus]:void 0,_mainScenePath:void 0,_mainSceneIndex:void 0})}getAppSceneIndex(e){var t;return null==(t=this.getAppState(e))?void 0:t[x.SceneIndex]}getAppScenePath(e){var t,i;return null==(i=null==(t=this.getAppAttributes(e))?void 0:t.options)?void 0:i.scenePath}getMainViewScenePath(){return this.manager.attributes._mainScenePath}getMainViewSceneIndex(){return this.manager.attributes._mainSceneIndex}getBoxState(){return this.manager.attributes[$.BoxState]}setMainViewScenePath(e){this.manager.safeSetAttributes({_mainScenePath:e})}setMainViewSceneIndex(e){this.manager.safeSetAttributes({_mainSceneIndex:e})}getMainViewCamera(){return s.get(this.manager.attributes,[$.MainViewCamera])}getMainViewSize(){return s.get(this.manager.attributes,[$.MainViewSize])}setMainViewCamera(e){this.manager.safeSetAttributes({[$.MainViewCamera]:__spreadValues({},e)})}setMainViewSize(e){this.manager.safeSetAttributes({[$.MainViewSize]:__spreadValues({},e)})}setBroadcaster(e){this.manager.safeSetAttributes({[$.Broadcaster]:e})}setAppFocus(e,t){t?this.manager.safeSetAttributes({[$.Focus]:e}):this.manager.safeSetAttributes({[$.Focus]:void 0})}updateCursor(e,t){s.get(this.manager.attributes,[$.Cursors,e])||this.manager.safeUpdateAttributes([$.Cursors,e],{}),this.manager.safeUpdateAttributes([$.Cursors,e,$.Position],t)}updateCursorState(e,t){s.get(this.manager.attributes,[$.Cursors,e])||this.manager.safeUpdateAttributes([$.Cursors,e],{}),this.manager.safeUpdateAttributes([$.Cursors,e,$.CursorState],t)}getCursorState(e){return s.get(this.manager.attributes,[$.Cursors,e,$.CursorState])}cleanCursor(e){this.manager.safeUpdateAttributes([$.Cursors,e],void 0)}setMainViewFocusPath(){const e=this.getMainViewScenePath();e&&G(this.manager.mainView,e)}}class ie{constructor(e,t,i,a){this.manager=e,this.mainView=t,this.appProxies=i,this.appBoxMap=new Map,this.mainView=t,this.teleBoxManager=this.setupBoxManager(a),this.teleBoxManager.events.on(r.TELE_BOX_MANAGER_EVENT.State,(e=>{e&&(Ke.emit("boxStateChange",e),_e.emit(e,void 0))})),this.teleBoxManager.events.on("removed",(e=>{e.forEach((e=>{_e.emit("close",{appId:e.id})}))})),this.teleBoxManager.events.on("move",s.debounce((e=>{_e.emit("move",{appId:e.id,x:e.x,y:e.y})}),50)),this.teleBoxManager.events.on("resize",s.debounce((e=>{_e.emit("resize",{appId:e.id,width:e.width,height:e.height})}),200)),this.teleBoxManager.events.on("focused",(e=>{e?this.manager.canOperate?_e.emit("focus",{appId:e.id}):this.updateBox(e.id,{focus:!1}):this.blurFocusBox()})),this.teleBoxManager.events.on("snapshot",(e=>{_e.emit("snapshot",{appId:e.id,rect:__spreadValues({},e.rectSnapshot)})}))}get boxState(){return this.teleBoxManager.state}createBox(e){var t,i,a;if(!this.teleBoxManager)return;let{minwidth:r=V,minheight:n=L}=null!=(t=e.app.config)?t:{};const{width:o,height:c}=null!=(i=e.app.config)?i:{},d=(null==(a=e.options)?void 0:a.title)||e.appId,h=this.teleBoxManager.containerRect;r>1&&(r/=h.width),n>1&&(n/=h.height);const g={title:d,minWidth:r,minHeight:n,width:o,height:c,id:e.appId};this.teleBoxManager.create(g),_e.emit(`${e.appId}${p.WindowCreated}`);const l=this.manager.delegate.getAppState(e.appId);if(l){const t=s.get(l,[x.SnapshotRect]);s.isEmpty(t)&&this.setBoxInitState(e.appId)}}setBoxInitState(e){const t=this.teleBoxManager.queryOne({id:e});t&&(_e.emit("snapshot",{appId:e,rect:__spreadValues({},t.rectSnapshot)}),t.state===r.TELE_BOX_STATE.Maximized&&_e.emit("resize",{appId:e,x:t.x,y:t.y,width:t.width,height:t.height}))}setupBoxManager(e){const t=$e.wrapper?$e.wrapper:document.body,i=t.getBoundingClientRect(),a={root:t,containerRect:{x:0,y:0,width:i.width,height:i.height},fence:!1},s=(null==e?void 0:e.collectorContainer)||$e.wrapper,n=__spreadValues(__spreadValues({},f),null==e?void 0:e.collectorStyles),o=new r.TeleBoxCollector({styles:n}).mount(s);a.collector=o;const c=new r.TeleBoxManager(a);return this.teleBoxManager&&this.teleBoxManager.destroy(),this.teleBoxManager=c,c}getBox(e){return this.teleBoxManager.queryOne({id:e})}closeBox(e){return this.teleBoxManager.remove(e)}updateBox(e,t){return this.teleBoxManager.update(e,t)}boxIsFocus(e){const t=this.getBox(e);return null==t?void 0:t.focus}getFocusBox(){return this.teleBoxManager.query({focus:!0})[0]}getTopBox(){const e=this.teleBoxManager.query();return s.maxBy(e,"zIndex")}updateBoxState(e){if(!e)return;const t=this.getBox(e.id);t&&(this.teleBoxManager.update(t.id,{x:e.x,y:e.y,width:e.width||.5,height:e.height||.5}),e.focus&&this.teleBoxManager.update(t.id,{focus:!0}),e.boxState&&this.teleBoxManager.setState(e.boxState),e.snapshotRect&&t.setSnapshot(e.snapshotRect))}updateManagerRect(){var e;const t=null==(e=this.mainView.divElement)?void 0:e.getBoundingClientRect();if(t&&t.width>0&&t.height>0){const e={x:0,y:0,width:t.width,height:t.height};this.teleBoxManager.setContainerRect(e),this.appProxies.forEach((e=>{this.teleBoxManager&&e.appEmitter.emit("containerRectUpdate",this.teleBoxManager.containerRect)}))}}moveBox({appId:e,x:t,y:i}){this.teleBoxManager.update(e,{x:t,y:i},!0)}focusBox({appId:e}){this.teleBoxManager.update(e,{focus:!0},!0)}resizeBox({appId:e,width:t,height:i,skipUpdate:a}){this.teleBoxManager.update(e,{width:t,height:i},a)}setBoxMinSize(e){this.teleBoxManager.update(e.appId,{minWidth:e.minWidth,minHeight:e.minHeight},!0)}setBoxTitle(e){this.teleBoxManager.update(e.appId,{title:e.title},!0)}blurAllBox(){this.teleBoxManager.updateAll({focus:!1})}blurFocusBox(){const e=this.teleBoxManager.query({focus:!0});if(e.length){const t=e[0];this.teleBoxManager.update(t.id,{focus:!1})}}updateAll(e){this.teleBoxManager.updateAll(e)}setBoxState(e){this.teleBoxManager.setState(e,!0),Ke.emit("boxStateChange",e)}}class ae{constructor(){this.cameras=new Map}setCamera(e,t){this.cameras.set(e,t)}getCamera(e){return this.cameras.get(e)}deleteCamera(e){this.cameras.delete(e)}recoverCamera(e,t){const i=this.cameras.get(e);i&&t&&t.moveCamera(__spreadProps(__spreadValues({},i),{animationMode:n.AnimationMode.Immediately}))}}class se{constructor(e){this.manager=e,this.disposers=[];const t=this.manager.delegate,i=this.manager.displayer;this.disposers.push(n.reaction((()=>{var e;return null==(e=this.manager.attributes)?void 0:e[$.MainViewCamera]}),(e=>{t.broadcaster!==i.observerId&&e&&this.moveCamera(e)}),{fireImmediately:!0})),this.disposers.push(n.reaction((()=>{var e;return null==(e=this.manager.attributes)?void 0:e[$.MainViewSize]}),(e=>{t.broadcaster!==i.observerId&&e&&(this.moveCameraToContian(e),this.moveCamera(t.getMainViewCamera()))}),{fireImmediately:!0}))}get view(){return this.manager.viewManager.mainView}moveCameraToContian(e){s.isEmpty(e)||s.isEqual(e,this.size)||(this.view.moveCameraToContain({width:e.width,height:e.height,originX:-e.width/2,originY:-e.height/2,animationMode:n.AnimationMode.Immediately}),this.size=e,this.scale=this.view.camera.scale)}moveCamera(e){if(!s.isEmpty(e)){if(s.isEqual(e,this.view.camera))return;const{centerX:t,centerY:i,scale:a}=e,r=a*(this.scale||1);this.view.moveCamera({centerX:t,centerY:i,scale:r,animationMode:n.AnimationMode.Immediately})}}destroy(){this.disposers.forEach((e=>e()))}}class re{constructor(e,t,i){this.displayer=e,this.manager=t,this.cameraStore=i,this.views=new Map,this.mainViewIsAddListener=!1,this.delegate=this.manager.delegate,this.setMainViewSize=s.debounce((e=>{this.manager.delegate.setMainViewSize(__spreadValues({},e))}),200),this.mainViewClickListener=()=>{this.mainViewClickHandler()},this.mainViewCameraListener=e=>{this.cameraStore.setCamera("mainView",e),this.delegate.broadcaster===this.displayer.observerId&&this.delegate.setMainViewCamera(__spreadValues({},e))},this.mainView=this.createMainView(),this.addMainViewCameraListener()}get currentScenePath(){return this.displayer.state.sceneState.scenePath}createMainView(){const e=this.displayer.views.createView();return this.cameraStore.setCamera("mainView",e.camera),e.callbacks.on("onSizeUpdated",(e=>{this.manager.boxManager.updateManagerRect(),this.delegate.broadcaster===this.displayer.observerId&&this.setMainViewSize(e)})),this.switchMainViewModeToWriter(),e}createView(e){const t=this.displayer.views.createView();return this.cameraStore.setCamera(e,t.camera),Y(t,n.ViewVisionMode.Freedom),this.views.set(e,t),t}destroyView(e){const t=this.views.get(e);t&&(this.releaseView(t),this.views.delete(e))}releaseView(e){e.didRelease||e.release()}getView(e){return this.views.get(e)}addMainViewCameraListener(){this.mainView.callbacks.on("onCameraUpdated",this.mainViewCameraListener)}removeMainViewCameraListener(){this.mainView.callbacks.off("onCameraUpdated",this.mainViewCameraListener)}switchMainViewToFreedom(){this.manager.delegate.setMainViewFocusPath(),H(Ke,n.ViewVisionMode.Freedom),Y(this.mainView,n.ViewVisionMode.Freedom)}switchMainViewModeToWriter(){if(this.manager.canOperate&&this.mainView){if(this.mainView.mode===n.ViewVisionMode.Writable)return;H(Ke,n.ViewVisionMode.Writable),Y(this.mainView,n.ViewVisionMode.Writable)}}addMainViewListener(){this.mainViewIsAddListener||this.mainView.divElement&&(this.mainView.divElement.addEventListener("click",this.mainViewClickListener),this.mainView.divElement.addEventListener("touchend",this.mainViewClickListener),this.mainViewIsAddListener=!0)}removeMainViewListener(){this.mainView.divElement&&(this.mainView.divElement.removeEventListener("click",this.mainViewClickListener),this.mainView.divElement.removeEventListener("touchend",this.mainViewClickListener))}async mainViewClickHandler(){this.manager.canOperate&&this.mainView.mode!==n.ViewVisionMode.Writable&&(this.manager.delegate.cleanFocus(),this.freedomAllViews(),this.manager.dispatchInternalEvent(p.SwitchViewsToFreedom,{}),this.manager.dispatchInternalEvent(p.MainViewFocus,{}),this.manager.boxManager.blurFocusBox(),await this.manager.viewManager.switchMainViewToWriter())}switchMainViewToWriter(){return this.timer&&clearTimeout(this.timer),new Promise(((e,t)=>{this.timer=window.setTimeout((()=>{try{const t=this.manager.delegate.getMainViewScenePath();t&&(this.freedomAllViews(),this.removeMainViewCameraListener(),F(this.manager.room,t),this.switchMainViewModeToWriter(),this.manager.cameraStore.recoverCamera("mainView",this.mainView),this.addMainViewCameraListener()),e(!0)}catch(i){t(i)}}),100)}))}refreshViews(){var e;const t=this.manager.delegate.focus;if(this.setMainViewFocusScenePath(),t){const i=this.manager.appProxies.get(t);if(i){if((null==(e=i.view)?void 0:e.mode)===n.ViewVisionMode.Writable)return;i.removeCameraListener(),i.switchToWritable(),i.recoverCamera(),i.addCameraListener()}}else{if(this.manager.mainView.mode===n.ViewVisionMode.Writable)return;this.freedomAllViews(),this.switchMainViewToWriter()}}setMainViewFocusScenePath(){const e=this.manager.delegate.getMainViewScenePath();e&&G(this.manager.mainView,e)}freedomAllViews(){this.manager.appProxies.forEach((e=>{e.setViewFocusScenePath(),e.view&&(e.view.mode=n.ViewVisionMode.Freedom)})),this.mainView.mode===n.ViewVisionMode.Writable&&(H(Ke,n.ViewVisionMode.Freedom),this.mainView.mode=n.ViewVisionMode.Freedom),this.manager.viewManager.mainView.focusScenePath||this.manager.delegate.setMainViewFocusPath()}switchAppToWriter(e){this.freedomAllViews(),setTimeout((()=>{const t=this.manager.appProxies.get(e);if(t){const e=this.manager.delegate.getBoxState();if(e&&e===r.TELE_BOX_STATE.Minimized)return;t.removeCameraListener(),t.setScenePath(),t.switchToWritable(),t.recoverCamera(),t.addCameraListener()}}),100)}destroy(){var e;this.removeMainViewListener(),$e.wrapper&&(null==(e=$e.wrapper.parentNode)||e.removeChild($e.wrapper),$e.wrapper=void 0),this.releaseView(this.mainView)}}const ne=(e,t)=>{if(n.listenUpdated){const i=e=>{e.map((e=>e.kind)).includes(n.UpdateEventKind.Inserted)&&t()};return n.listenUpdated(e,i),t(),()=>n.unlistenUpdated(e,i)}return n.reaction((()=>e),(()=>{t()}),{fireImmediately:!0})};class oe{constructor(e,t){var i;this.windowManger=e,this.appProxies=new Map,this.appStatus=new Map,this.delegate=new te(this),this.reactionDisposers=[],this.displayerStateListener=e=>{var t,i;const a=e.sceneState;if(a){const e=a.scenePath;this.appProxies.forEach((t=>{t.scenePath&&e.startsWith(t.scenePath)&&(t.emitAppSceneStateChange(a),a.index!==t.sceneIndex&&t.setSceneIndex(a.index))})),this.viewManager.refreshViews()}e.roomMembers&&(null==(t=this.windowManger.cursorManager)||t.setRoomMembers(e.roomMembers),null==(i=this.windowManger.cursorManager)||i.cleanMemberAttributes(e.roomMembers)),this.appProxies.forEach((t=>{t.appEmitter.emit("roomStateChange",e)}))},this.displayerWritableListener=e=>{const t=!e,i=void 0===this.windowManger.readonly||!1===this.windowManger.readonly;void 0===this.windowManger.readonly?this.boxManager.teleBoxManager.setReadonly(e):this.boxManager.teleBoxManager.setReadonly(!(t&&i)),this.appProxies.forEach((e=>{e.emitAppIsWritableChange()}))},this.boxEventListener=(e,t)=>{var i;switch(e){case"move":this.dispatchInternalEvent(p.AppMove,t),this.delegate.updateAppState(t.appId,x.Position,{x:t.x,y:t.y});break;case"focus":{this.windowManger.safeSetAttributes({focus:t.appId});const e=this.appProxies.get(t.appId);(null==e?void 0:e.scenePath)&&(this.dispatchInternalEvent(p.SwitchViewsToFreedom,{}),this.viewManager.switchAppToWriter(t.appId)),this.dispatchInternalEvent(p.AppFocus,t);break}case"blur":this.dispatchInternalEvent(p.AppBlur,t);break;case"resize":t.width&&t.height&&(this.dispatchInternalEvent(p.AppResize,t),this.delegate.updateAppState(t.appId,x.Size,{width:t.width,height:t.height}),null==(i=this.room)||i.refreshViewSize());break;case r.TELE_BOX_STATE.Minimized:this.safeDispatchMagixEvent(C,{eventName:p.AppBoxStateChange,payload:__spreadProps(__spreadValues({},t),{state:e})}),this.safeSetAttributes({boxState:e}),this.delegate.cleanFocus(),this.boxManager.blurFocusBox(),this.viewManager.freedomAllViews(),this.viewManager.switchMainViewToWriter();break;case r.TELE_BOX_STATE.Maximized:{this.safeDispatchMagixEvent(C,{eventName:p.AppBoxStateChange,payload:__spreadProps(__spreadValues({},t),{state:e})});const i=this.boxManager.getTopBox();i&&_e.emit("focus",{appId:i.id}),this.safeSetAttributes({boxState:e});break}case r.TELE_BOX_STATE.Normal:this.safeDispatchMagixEvent(C,{eventName:p.AppBoxStateChange,payload:__spreadProps(__spreadValues({},t),{state:e})}),this.safeSetAttributes({boxState:e});break;case"snapshot":this.safeDispatchMagixEvent(C,{eventName:p.AppSnapshot,payload:t}),this.delegate.updateAppState(t.appId,x.SnapshotRect,__spreadValues({},t.rect));break;case"close":{this.safeDispatchMagixEvent(C,{eventName:p.AppClose,payload:t});const e=this.appProxies.get(t.appId);e&&e.destroy(!1,!0,t.error),setTimeout((()=>{this.viewManager.refreshViews()}),100);break}}},this.displayer=e.displayer,this.cameraStore=new ae,this.viewManager=new re(this.displayer,this,this.cameraStore),this.boxManager=new ie(this,this.viewManager.mainView,this.appProxies,t),this.appListeners=new B(this,this.windowManger,this.viewManager,this.appProxies),this.displayer.callbacks.on(this.eventName,this.displayerStateListener),this.displayerWritableListener(!(null==(i=this.room)?void 0:i.isWritable)),this.displayer.callbacks.on("onEnableWriteNowChanged",this.displayerWritableListener),this.appListeners.addListeners(),this.mainViewProxy=new se(this),_e.once("onCreated").then((async()=>{var e;await this.attributesUpdateCallback(this.attributes.apps),_e.onAny(this.boxEventListener);const t=ne(this.attributes.apps,(()=>{this.attributesUpdateCallback(this.attributes.apps)}));if(this.reactionDisposers.push(t),this.reactionDisposers.push(n.reaction((()=>this.attributes[$.Broadcaster]),(e=>{Ke.emit("broadcastChange",e)}))),!this.attributes.apps||0===Object.keys(this.attributes.apps).length){const t=this.delegate.getMainViewScenePath();if(!t)return;this.displayer.state.sceneState.scenePath!==t&&(null==(e=this.room)||e.setScenePath(t))}}))}async attributesUpdateCallback(e){if(e)for(const t in e)if(!this.appProxies.has(t)&&!this.appStatus.has(t)){const i=e[t];await this.baseInsertApp({kind:i.kind,options:i.options,isDynamicPPT:i.isDynamicPPT},t,!1),this.focusByAttributes(e)}}async addApp(e,t){K("addApp",e);const{appId:i,needFocus:a}=await this.beforeAddApp(e,t),s=await this.baseInsertApp(e,i,!0,a);return this.afterAddApp(s),null==s?void 0:s.id}async beforeAddApp(e,t){var i;const a=await(async e=>{var t,i;const a=await(null==(t=W.appClasses.get(e))?void 0:t());return a&&(null==(i=a.config)?void 0:i.singleton)?e:`${e}-${d.v4().replace("-","").slice(0,8)}`})(e.kind);this.appStatus.set(a,D.StartCreate),this.delegate.setupAppAttributes(e,a,t),this.boxManager.boxState===r.TELE_BOX_STATE.Minimized&&this.boxManager.teleBoxManager.setState(r.TELE_BOX_STATE.Normal);const s=this.boxManager.boxState!==r.TELE_BOX_STATE.Minimized;s&&this.delegate.setAppFocus(a,!0);const n=null!=(i=e.attributes)?i:{};return this.safeUpdateAttributes([a],n),{appId:a,needFocus:s}}afterAddApp(e){var t,i;e&&_e.emit("move",{appId:e.id,x:null==(t=e.box)?void 0:t.x,y:null==(i=e.box)?void 0:i.y})}async closeApp(e){const t=this.appProxies.get(e);t&&t.destroy(!0,!0)}async baseInsertApp(e,t,i,a){if(this.appStatus.set(t,D.StartCreate),this.appProxies.has(t))return void console.warn("[WindowManager]: app duplicate exists and cannot be created again");const s=new q(e,this,t,i);if(s)return await s.baseInsertApp(a),this.appStatus.delete(t),s;throw this.appStatus.delete(t),new Error("[WindowManger]: initialize AppProxy failed")}get eventName(){return n.isRoom(this.displayer)?"onRoomStateChanged":"onPlayerStateChanged"}get attributes(){return this.windowManger.attributes}get canOperate(){return this.windowManger.canOperate}get room(){return n.isRoom(this.displayer)?this.displayer:void 0}get mainView(){return this.windowManger.mainView}safeSetAttributes(e){this.windowManger.safeSetAttributes(e)}safeUpdateAttributes(e,t){this.windowManger.safeUpdateAttributes(e,t)}setMainViewScenePath(e){if(this.room){const t=this.displayer.scenePathType(e);if(t===n.ScenePathType.None)throw new Error(`${e} not valid scene`);if(t===n.ScenePathType.Page)this._setMainViewScenePath(e);else if(t===n.ScenePathType.Dir){const t=((e,t)=>{const i=e.entireScenes()[t][0].name;return"/"===t?`/${i}`:`${t}/${i}`})(this.displayer,e);this._setMainViewScenePath(t)}}}_setMainViewScenePath(e){this.safeSetAttributes({_mainScenePath:e}),this.viewManager.freedomAllViews(),this.viewManager.switchMainViewToWriter(),this.delegate.setMainViewFocusPath()}setMainViewSceneIndex(e){this.room&&(this.safeSetAttributes({_mainSceneIndex:e}),this.viewManager.freedomAllViews(),this.viewManager.switchMainViewToWriter(),this.room.setSceneIndex(e),this.delegate.setMainViewScenePath(this.room.state.sceneState.scenePath),this.delegate.setMainViewFocusPath())}getAppInitPath(e){var t;const i=this.delegate.getAppAttributes(e);if(i)return null==(t=null==i?void 0:i.options)?void 0:t.scenePath}safeDispatchMagixEvent(e,t){this.canOperate&&this.displayer.dispatchMagixEvent(e,t)}focusByAttributes(e){if(e&&Object.keys(e).length===this.boxManager.appBoxMap.size){const e=this.delegate.focus;e&&this.boxManager.focusBox({appId:e})}}dispatchInternalEvent(e,t){this.safeDispatchMagixEvent(C,{eventName:e,payload:t})}destroy(){this.displayer.callbacks.off(this.eventName,this.displayerStateListener),this.displayer.callbacks.off("onEnableWriteNowChanged",this.displayerWritableListener),this.appListeners.removeListeners(),_e.offAny(this.boxEventListener),this.reactionDisposers.length&&(this.reactionDisposers.map((e=>e())),this.reactionDisposers=[]),this.appProxies.size&&this.appProxies.forEach((e=>{e.destroy(!0,!1)})),this.viewManager.destroy(),this.mainViewProxy.destroy(),Ke.clearListeners()}}function ce(){}function de(e){return e()}function he(){return Object.create(null)}function pe(e){e.forEach(de)}function ge(e){return"function"==typeof e}function le(e,t){return e!=e?t==t:e!==t||e&&"object"==typeof e||"function"==typeof e}let ue,Me;function me(e,t){return ue||(ue=document.createElement("a")),ue.href=t,e===ue.href}function we(e,t){e.appendChild(t)}function Ie(e,t,i){e.insertBefore(t,i||null)}function Ae(e){e.parentNode.removeChild(e)}function ye(e){return document.createElement(e)}function be(e){return document.createTextNode(e)}function Ce(){return be(" ")}function xe(e,t,i){null==i?e.removeAttribute(t):e.getAttribute(t)!==i&&e.setAttribute(t,i)}function Se(e,t){t=""+t,e.wholeText!==t&&(e.data=t)}function ve(e,t,i,a){e.style.setProperty(t,i,a?"important":"")}function Ne(e){Me=e}const De=[],Te=[],je=[],Ee=[],Ve=Promise.resolve();let Le=!1;function fe(e){je.push(e)}let Be=!1;const Pe=new Set;function ze(){if(!Be){Be=!0;do{for(let e=0;e<De.length;e+=1){const t=De[e];Ne(t),Ue(t.$$)}for(Ne(null),De.length=0;Te.length;)Te.pop()();for(let e=0;e<je.length;e+=1){const t=je[e];Pe.has(t)||(Pe.add(t),t())}je.length=0}while(De.length);for(;Ee.length;)Ee.pop()();Le=!1,Be=!1,Pe.clear()}}function Ue(e){if(null!==e.fragment){e.update(),pe(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(fe)}}const Oe=new Set;function ke(e,t){-1===e.$$.dirty[0]&&(De.push(e),Le||(Le=!0,Ve.then(ze)),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}function Qe(e,t,i,a,s,r,n,o=[-1]){const c=Me;Ne(e);const d=e.$$={fragment:null,ctx:null,props:r,update:ce,not_equal:s,bound:he(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(c?c.$$.context:t.context||[]),callbacks:he(),dirty:o,skip_bound:!1,root:t.target||c.$$.root};n&&n(d.root);let h=!1;if(d.ctx=i?i(e,t.props||{},((t,i,...a)=>{const r=a.length?a[0]:i;return d.ctx&&s(d.ctx[t],d.ctx[t]=r)&&(!d.skip_bound&&d.bound[t]&&d.bound[t](r),h&&ke(e,t)),i})):[],d.update(),h=!0,pe(d.before_update),d.fragment=!!a&&a(d.ctx),t.target){if(t.hydrate){const e=(l=t.target,Array.from(l.childNodes));d.fragment&&d.fragment.l(e),e.forEach(Ae)}else d.fragment&&d.fragment.c();t.intro&&((p=e.$$.fragment)&&p.i&&(Oe.delete(p),p.i(g))),function(e,t,i,a){const{fragment:s,on_mount:r,on_destroy:n,after_update:o}=e.$$;s&&s.m(t,i),a||fe((()=>{const t=r.map(de).filter(ge);n?n.push(...t):pe(t),e.$$.on_mount=[]})),o.forEach(fe)}(e,t.target,t.anchor,t.customElement),ze()}var p,g,l;Ne(c)}function Ze(e){let t,i,a;return{c(){t=ye("img"),xe(t,"class","netless-window-manager-cursor-selector-avatar"),xe(t,"style",i=e[15]()),me(t.src,a=e[7])||xe(t,"src",a),xe(t,"alt","avatar")},m(e,i){Ie(e,t,i)},p(e,i){128&i&&!me(t.src,a=e[7])&&xe(t,"src",a)},d(e){e&&Ae(t)}}}function Re(e){let t,i;return{c(){t=ye("span"),i=be(e[1]),xe(t,"class","netless-window-manager-cursor-tag-name"),ve(t,"background-color",e[10])},m(e,a){Ie(e,t,a),we(t,i)},p(e,a){2&a&&Se(i,e[1]),1024&a&&ve(t,"background-color",e[10])},d(e){e&&Ae(t)}}}function We(e){let t,i,a,s,r,n,o,c,d,h,p,g=e[13]&&Ze(e),l=e[14]&&Re(e);return{c(){t=ye("div"),i=ye("div"),a=ye("div"),g&&g.c(),s=Ce(),r=be(e[0]),n=Ce(),l&&l.c(),o=Ce(),c=ye("div"),d=ye("img"),xe(a,"class",e[8]),ve(a,"background-color",e[2]),ve(a,"color",e[9]),ve(a,"opacity",e[11]),xe(i,"class","netless-window-manager-cursor-name"),xe(d,"class",h="netless-window-manager-cursor-"+e[3]+"-image"),me(d.src,p=e[6])||xe(d,"src",p),xe(d,"alt",e[3]),xe(c,"class","cursor-image-wrapper"),xe(t,"class","netless-window-manager-cursor-mid"),ve(t,"transform","translateX("+e[4]+"px) translateY("+e[5]+"px)"),ve(t,"display",e[12])},m(e,h){Ie(e,t,h),we(t,i),we(i,a),g&&g.m(a,null),we(a,s),we(a,r),we(a,n),l&&l.m(a,null),we(t,o),we(t,c),we(c,d)},p(e,[i]){e[13]?g?g.p(e,i):(g=Ze(e),g.c(),g.m(a,s)):g&&(g.d(1),g=null),1&i&&Se(r,e[0]),e[14]?l?l.p(e,i):(l=Re(e),l.c(),l.m(a,null)):l&&(l.d(1),l=null),256&i&&xe(a,"class",e[8]),4&i&&ve(a,"background-color",e[2]),512&i&&ve(a,"color",e[9]),2048&i&&ve(a,"opacity",e[11]),8&i&&h!==(h="netless-window-manager-cursor-"+e[3]+"-image")&&xe(d,"class",h),64&i&&!me(d.src,p=e[6])&&xe(d,"src",p),8&i&&xe(d,"alt",e[3]),48&i&&ve(t,"transform","translateX("+e[4]+"px) translateY("+e[5]+"px)"),4096&i&&ve(t,"display",e[12])},i:ce,o:ce,d(e){e&&Ae(t),g&&g.d(),l&&l.d()}}}function Ge(e,t,i){let a,r,n,o,{cursorName:c}=t,{tagName:d}=t,{backgroundColor:h}=t,{appliance:p}=t,{x:g}=t,{y:l}=t,{src:u}=t,{visible:M}=t,{avatar:m}=t,{theme:w}=t,{color:I}=t,{cursorTagBackgroundColor:A}=t,{opacity:y}=t;return e.$$set=e=>{"cursorName"in e&&i(0,c=e.cursorName),"tagName"in e&&i(1,d=e.tagName),"backgroundColor"in e&&i(2,h=e.backgroundColor),"appliance"in e&&i(3,p=e.appliance),"x"in e&&i(4,g=e.x),"y"in e&&i(5,l=e.y),"src"in e&&i(6,u=e.src),"visible"in e&&i(16,M=e.visible),"avatar"in e&&i(7,m=e.avatar),"theme"in e&&i(8,w=e.theme),"color"in e&&i(9,I=e.color),"cursorTagBackgroundColor"in e&&i(10,A=e.cursorTagBackgroundColor),"opacity"in e&&i(11,y=e.opacity)},e.$$.update=()=>{1&e.$$.dirty&&(a=!s.isEmpty(c)),2&e.$$.dirty&&i(14,r=!s.isEmpty(d)),128&e.$$.dirty&&i(13,n=!s.isEmpty(m)),65536&e.$$.dirty&&i(12,o=M?"initial":"none")},[c,d,h,p,g,l,u,m,w,I,A,y,o,n,r,()=>Object.entries({width:(a?19:28)+"px",height:(a?19:28)+"px",position:a?"initial":"absolute","border-color":a?"white":h,"margin-right":(a?4:0)+"px"}).map((([e,t])=>`${e}: ${t}`)).join(";"),M]}class Fe extends class{$destroy(){!function(e,t){const i=e.$$;null!==i.fragment&&(pe(i.on_destroy),i.fragment&&i.fragment.d(t),i.on_destroy=i.fragment=null,i.ctx=[])}(this,1),this.$destroy=ce}$on(e,t){const i=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return i.push(t),()=>{const e=i.indexOf(t);-1!==e&&i.splice(e,1)}}$set(e){var t;this.$$set&&(t=e,0!==Object.keys(t).length)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}{constructor(e){super(),Qe(this,e,Ge,We,le,{cursorName:0,tagName:1,backgroundColor:2,appliance:3,x:4,y:5,src:6,visible:16,avatar:7,theme:8,color:9,cursorTagBackgroundColor:10,opacity:11})}}const Ye={[n.ApplianceNames.pencil]:"data:image/png;base64,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",[n.ApplianceNames.selector]:"data:image/png;base64,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",[n.ApplianceNames.eraser]:"data:image/png;base64,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",[n.ApplianceNames.shape]:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaGFwZS1jdXJzb3I8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNMjAsMjEuNSBDMjAuMjQ1NDU5OSwyMS41IDIwLjQ0OTYwODQsMjEuNjc2ODc1MiAyMC40OTE5NDQzLDIxLjkxMDEyNDQgTDIwLjUsMjIgTDIwLjUsMjcgQzIwLjUsMjcuMjc2MTQyNCAyMC4yNzYxNDI0LDI3LjUgMjAsMjcuNSBDMTkuNzU0NTQwMSwyNy41IDE5LjU1MDM5MTYsMjcuMzIzMTI0OCAxOS41MDgwNTU3LDI3LjA4OTg3NTYgTDE5LjUsMjcgTDE5LjUsMjIgQzE5LjUsMjEuNzIzODU3NiAxOS43MjM4NTc2LDIxLjUgMjAsMjEuNSBaIE0yNywxOS41IEMyNy4yNzYxNDI0LDE5LjUgMjcuNSwxOS43MjM4NTc2IDI3LjUsMjAgQzI3LjUsMjAuMjQ1NDU5OSAyNy4zMjMxMjQ4LDIwLjQ0OTYwODQgMjcuMDg5ODc1NiwyMC40OTE5NDQzIEwyNywyMC41IEwyMiwyMC41IEMyMS43MjM4NTc2LDIwLjUgMjEuNSwyMC4yNzYxNDI0IDIxLjUsMjAgQzIxLjUsMTkuNzU0NTQwMSAyMS42NzY4NzUyLDE5LjU1MDM5MTYgMjEuOTEwMTI0NCwxOS41MDgwNTU3IEwyMiwxOS41IEwyNywxOS41IFogTTE4LDE5LjUgQzE4LjI3NjE0MjQsMTkuNSAxOC41LDE5LjcyMzg1NzYgMTguNSwyMCBDMTguNSwyMC4yNDU0NTk5IDE4LjMyMzEyNDgsMjAuNDQ5NjA4NCAxOC4wODk4NzU2LDIwLjQ5MTk0NDMgTDE4LDIwLjUgTDEzLDIwLjUgQzEyLjcyMzg1NzYsMjAuNSAxMi41LDIwLjI3NjE0MjQgMTIuNSwyMCBDMTIuNSwxOS43NTQ1NDAxIDEyLjY3Njg3NTIsMTkuNTUwMzkxNiAxMi45MTAxMjQ0LDE5LjUwODA1NTcgTDEzLDE5LjUgTDE4LDE5LjUgWiBNMjAsMTIuNSBDMjAuMjQ1NDU5OSwxMi41IDIwLjQ0OTYwODQsMTIuNjc2ODc1MiAyMC40OTE5NDQzLDEyLjkxMDEyNDQgTDIwLjUsMTMgTDIwLjUsMTggQzIwLjUsMTguMjc2MTQyNCAyMC4yNzYxNDI0LDE4LjUgMjAsMTguNSBDMTkuNzU0NTQwMSwxOC41IDE5LjU1MDM5MTYsMTguMzIzMTI0OCAxOS41MDgwNTU3LDE4LjA4OTg3NTYgTDE5LjUsMTggTDE5LjUsMTMgQzE5LjUsMTIuNzIzODU3NiAxOS43MjM4NTc2LDEyLjUgMjAsMTIuNSBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICAgICAgPGZpbHRlciB4PSItNjQuNiUiIHk9Ii01OS41JSIgd2lkdGg9IjIyOS4zJSIgaGVpZ2h0PSIyNDYuMSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci0yIj4KICAgICAgICAgICAgPGZlTW9ycGhvbG9neSByYWRpdXM9IjEiIG9wZXJhdG9yPSJkaWxhdGUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRPdXRlcjEiPjwvZmVNb3JwaG9sb2d5PgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSIyIiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMyIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlR2F1c3NpYW5CbHVyPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW49InNoYWRvd0JsdXJPdXRlcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUNvbXBvc2l0ZT4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgICAwIDAgMCAwIDAgICAwIDAgMCAwIDAgIDAgMCAwIDAuMTYgMCIgdHlwZT0ibWF0cml4IiBpbj0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgIDwvZmlsdGVyPgogICAgPC9kZWZzPgogICAgPGcgaWQ9Iumhtemdoi00IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iV2hpdGVib2FyZC1HdWlkZWxpbmVzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzQ0LjAwMDAwMCwgLTc1MS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9InNoYXBlLWN1cnNvciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQ0LjAwMDAwMCwgNzUxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9ouWkh+S7vS00NCIgZmlsbD0iI0ZGRkZGRiIgb3BhY2l0eT0iMC4wMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGcgaWQ9IuW9oueKtue7k+WQiCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxIiBkPSJNMjAsMjEgQzIwLjQ4NTQxMDMsMjEgMjAuODk4MDg1LDIxLjM0Nzk5OTMgMjAuOTg5OTQ3OSwyMS44NjU0ODc3IEwyMSwyMiBMMjEsMjcgQzIxLDI3LjU1MjI4NDcgMjAuNTUyMjg0NywyOCAyMCwyOCBDMTkuNTE0NTg5NywyOCAxOS4xMDE5MTUsMjcuNjUyMDAwNyAxOS4wMTAwNTIxLDI3LjEzNDUxMjMgTDE5LDI3IEwxOSwyMiBDMTksMjEuNDQ3NzE1MyAxOS40NDc3MTUzLDIxIDIwLDIxIFogTTI3LDE5IEMyNy41NTIyODQ3LDE5IDI4LDE5LjQ0NzcxNTMgMjgsMjAgQzI4LDIwLjQ4NTQxMDMgMjcuNjUyMDAwNywyMC44OTgwODUgMjcuMTM0NTEyMywyMC45ODk5NDc5IEwyNywyMSBMMjIsMjEgQzIxLjQ0NzcxNTMsMjEgMjEsMjAuNTUyMjg0NyAyMSwyMCBDMjEsMTkuNTE0NTg5NyAyMS4zNDc5OTkzLDE5LjEwMTkxNSAyMS44NjU0ODc3LDE5LjAxMDA1MjEgTDIyLDE5IEwyNywxOSBaIE0xOCwxOSBDMTguNTUyMjg0NywxOSAxOSwxOS40NDc3MTUzIDE5LDIwIEMxOSwyMC40ODU0MTAzIDE4LjY1MjAwMDcsMjAuODk4MDg1IDE4LjEzNDUxMjMsMjAuOTg5OTQ3OSBMMTgsMjEgTDEzLDIxIEMxMi40NDc3MTUzLDIxIDEyLDIwLjU1MjI4NDcgMTIsMjAgQzEyLDE5LjUxNDU4OTcgMTIuMzQ3OTk5MywxOS4xMDE5MTUgMTIuODY1NDg3NywxOS4wMTAwNTIxIEwxMywxOSBMMTgsMTkgWiBNMjAsMTIgQzIwLjQ4NTQxMDMsMTIgMjAuODk4MDg1LDEyLjM0Nzk5OTMgMjAuOTg5OTQ3OSwxMi44NjU0ODc3IEwyMSwxMyBMMjEsMTggQzIxLDE4LjU1MjI4NDcgMjAuNTUyMjg0NywxOSAyMCwxOSBDMTkuNTE0NTg5NywxOSAxOS4xMDE5MTUsMTguNjUyMDAwNyAxOS4wMTAwNTIxLDE4LjEzNDUxMjMgTDE5LDE4IEwxOSwxMyBDMTksMTIuNDQ3NzE1MyAxOS40NDc3MTUzLDEyIDIwLDEyIFoiIGZpbGw9IiMyMTIzMjQiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgZmlsbD0iI0ZGRkZGRiIgeD0iMTguNSIgeT0iMTciIHdpZHRoPSIzIiBoZWlnaHQ9IjYiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIGZpbGw9IiNGRkZGRkYiIHg9IjE3IiB5PSIxOC41IiB3aWR0aD0iNiIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjAsMjEuNSBDMjAuMjQ1NDU5OSwyMS41IDIwLjQ0OTYwODQsMjEuNjc2ODc1MiAyMC40OTE5NDQzLDIxLjkxMDEyNDQgTDIwLjUsMjIgTDIwLjUsMjcgQzIwLjUsMjcuMjc2MTQyNCAyMC4yNzYxNDI0LDI3LjUgMjAsMjcuNSBDMTkuNzU0NTQwMSwyNy41IDE5LjU1MDM5MTYsMjcuMzIzMTI0OCAxOS41MDgwNTU3LDI3LjA4OTg3NTYgTDE5LjUsMjcgTDE5LjUsMjIgQzE5LjUsMjEuNzIzODU3NiAxOS43MjM4NTc2LDIxLjUgMjAsMjEuNSBaIE0yNywxOS41IEMyNy4yNzYxNDI0LDE5LjUgMjcuNSwxOS43MjM4NTc2IDI3LjUsMjAgQzI3LjUsMjAuMjQ1NDU5OSAyNy4zMjMxMjQ4LDIwLjQ0OTYwODQgMjcuMDg5ODc1NiwyMC40OTE5NDQzIEwyNywyMC41IEwyMiwyMC41IEMyMS43MjM4NTc2LDIwLjUgMjEuNSwyMC4yNzYxNDI0IDIxLjUsMjAgQzIxLjUsMTkuNzU0NTQwMSAyMS42NzY4NzUyLDE5LjU1MDM5MTYgMjEuOTEwMTI0NCwxOS41MDgwNTU3IEwyMiwxOS41IEwyNywxOS41IFogTTE4LDE5LjUgQzE4LjI3NjE0MjQsMTkuNSAxOC41LDE5LjcyMzg1NzYgMTguNSwyMCBDMTguNSwyMC4yNDU0NTk5IDE4LjMyMzEyNDgsMjAuNDQ5NjA4NCAxOC4wODk4NzU2LDIwLjQ5MTk0NDMgTDE4LDIwLjUgTDEzLDIwLjUgQzEyLjcyMzg1NzYsMjAuNSAxMi41LDIwLjI3NjE0MjQgMTIuNSwyMCBDMTIuNSwxOS43NTQ1NDAxIDEyLjY3Njg3NTIsMTkuNTUwMzkxNiAxMi45MTAxMjQ0LDE5LjUwODA1NTcgTDEzLDE5LjUgTDE4LDE5LjUgWiBNMjAsMTIuNSBDMjAuMjQ1NDU5OSwxMi41IDIwLjQ0OTYwODQsMTIuNjc2ODc1MiAyMC40OTE5NDQzLDEyLjkxMDEyNDQgTDIwLjUsMTMgTDIwLjUsMTggQzIwLjUsMTguMjc2MTQyNCAyMC4yNzYxNDI0LDE4LjUgMjAsMTguNSBDMTkuNzU0NTQwMSwxOC41IDE5LjU1MDM5MTYsMTguMzIzMTI0OCAxOS41MDgwNTU3LDE4LjA4OTg3NTYgTDE5LjUsMTggTDE5LjUsMTMgQzE5LjUsMTIuNzIzODU3NiAxOS43MjM4NTc2LDEyLjUgMjAsMTIuNSBaIiBpZD0i5b2i54q257uT5ZCIIiBmaWxsPSIjMjEyMzI0IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+",[n.ApplianceNames.text]:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDdweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDcgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT50ZXh0LWN1cnNvcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xNiwyNi41IEMxNS43MjM4NTc2LDI2LjUgMTUuNSwyNi4yNzYxNDI0IDE1LjUsMjYgQzE1LjUsMjUuNzU0NTQwMSAxNS42NzY4NzUyLDI1LjU1MDM5MTYgMTUuOTEwMTI0NCwyNS41MDgwNTU3IEwxNiwyNS41IEwxOS41LDI1LjUgTDE5LjUsMTQuNSBMMTYsMTQuNSBDMTUuNzIzODU3NiwxNC41IDE1LjUsMTQuMjc2MTQyNCAxNS41LDE0IEMxNS41LDEzLjc1NDU0MDEgMTUuNjc2ODc1MiwxMy41NTAzOTE2IDE1LjkxMDEyNDQsMTMuNTA4MDU1NyBMMTYsMTMuNSBMMjQsMTMuNSBDMjQuMjc2MTQyNCwxMy41IDI0LjUsMTMuNzIzODU3NiAyNC41LDE0IEMyNC41LDE0LjI0NTQ1OTkgMjQuMzIzMTI0OCwxNC40NDk2MDg0IDI0LjA4OTg3NTYsMTQuNDkxOTQ0MyBMMjQsMTQuNSBMMjAuNSwxNC41IEwyMC41LDI1LjUgTDI0LDI1LjUgQzI0LjI3NjE0MjQsMjUuNSAyNC41LDI1LjcyMzg1NzYgMjQuNSwyNiBDMjQuNSwyNi4yNDU0NTk5IDI0LjMyMzEyNDgsMjYuNDQ5NjA4NCAyNC4wODk4NzU2LDI2LjQ5MTk0NDMgTDI0LDI2LjUgTDE2LDI2LjUgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgICAgIDxmaWx0ZXIgeD0iLTI4NC4wJSIgeT0iLTgxLjUlIiB3aWR0aD0iNjY4LjElIiBoZWlnaHQ9IjI5My45JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTIiPgogICAgICAgICAgICA8ZmVNb3JwaG9sb2d5IHJhZGl1cz0iMSIgb3BlcmF0b3I9ImRpbGF0ZSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSI+PC9mZU1vcnBob2xvZ3k+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMCIgZHk9IjIiIGluPSJzaGFkb3dTcHJlYWRPdXRlcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlT2Zmc2V0PgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiPjwvZmVHYXVzc2lhbkJsdXI+CiAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93Qmx1ck91dGVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4xNiAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0i6aG16Z2iLTQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJXaGl0ZWJvYXJkLUd1aWRlbGluZXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODguMDAwMDAwLCAtNjcyLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0idGV4dC1jdXJzb3IiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5Mi4wMDAwMDAsIDY3Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaLlpIfku70tNDAiIGZpbGw9IiNGRkZGRkYiIG9wYWNpdHk9IjAuMDEiIHg9IjAiIHk9IjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcng9IjIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxnIGlkPSLlvaLnirbnu5PlkIgiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIxIiBmaWx0ZXI9InVybCgjZmlsdGVyLTIpIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMSIgZD0iTTE5LDI1IEwxOSwxNSBMMTYsMTUgQzE1LjQ0NzcxNTMsMTUgMTUsMTQuNTUyMjg0NyAxNSwxNCBDMTUsMTMuNTE0NTg5NyAxNS4zNDc5OTkzLDEzLjEwMTkxNSAxNS44NjU0ODc3LDEzLjAxMDA1MjEgTDE2LDEzIEwyNCwxMyBDMjQuNTUyMjg0NywxMyAyNSwxMy40NDc3MTUzIDI1LDE0IEMyNSwxNC40ODU0MTAzIDI0LjY1MjAwMDcsMTQuODk4MDg1IDI0LjEzNDUxMjMsMTQuOTg5OTQ3OSBMMjQsMTUgTDIxLDE1IEwyMSwyNSBMMjQsMjUgQzI0LjU1MjI4NDcsMjUgMjUsMjUuNDQ3NzE1MyAyNSwyNiBDMjUsMjYuNDg1NDEwMyAyNC42NTIwMDA3LDI2Ljg5ODA4NSAyNC4xMzQ1MTIzLDI2Ljk4OTk0NzkgTDI0LDI3IEwxNiwyNyBDMTUuNDQ3NzE1MywyNyAxNSwyNi41NTIyODQ3IDE1LDI2IEMxNSwyNS41MTQ1ODk3IDE1LjM0Nzk5OTMsMjUuMTAxOTE1IDE1Ljg2NTQ4NzcsMjUuMDEwMDUyMSBMMTYsMjUgTDE5LDI1IFoiIGZpbGw9IiMyMTIzMjQiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="};class He{constructor(e,t,i,a,s){this.manager=e,this.cursors=t,this.memberId=i,this.cursorManager=a,this.wrapper=s,this.setMember(),this.createCursor(),m.default((()=>{if(this.disposer&&this.disposer(),!this.cursorPosition)throw new Error;this.startReaction()}),{retries:3}),this.autoHidden()}startReaction(){this.disposer=n.autorun((()=>{const e=this.cursorPosition,t=this.cursorState;if(e){const t=e.x,i=e.y,a=this.cursorManager.wrapperRect,s=this.cursorManager.containerRect;if(this.component&&a&&s){this.autoHidden();const e=t*a.width,s=i*a.height-15;this.component.$set({visible:!0,x:e,y:s})}}t&&t===T.Leave&&this.hide()}))}get memberApplianceName(){var e,t;return null==(t=null==(e=this.member)?void 0:e.memberState)?void 0:t.currentApplianceName}get memberColor(){var e,t;return`rgb(${null==(t=null==(e=this.member)?void 0:e.memberState)?void 0:t.strokeColor.join(",")})`}get payload(){var e;return null==(e=this.member)?void 0:e.payload}get memberCursorName(){var e;return(null==(e=this.payload)?void 0:e.cursorName)||this.memberId}get memberTheme(){var e;return(null==(e=this.payload)?void 0:e.theme)?"netless-window-manager-cursor-inner-mellow":"netless-window-manager-cursor-inner"}get memberCursorTextColor(){var e;return(null==(e=this.payload)?void 0:e.cursorTextColor)||"#FFFFFF"}get memberCursorTagBackgroundColor(){var e;return(null==(e=this.payload)?void 0:e.cursorTagBackgroundColor)||this.memberColor}get memberAvatar(){var e;return null==(e=this.payload)?void 0:e.avatar}get memberOpacity(){return this.memberCursorName||this.memberAvatar?1:0}get cursorState(){return s.get(this.cursors,[this.memberId,$.CursorState])}get cursorPosition(){return s.get(this.cursors,[this.memberId,$.Position])}getFocusBox(){return this.cursorManager.getFocusBox()}autoHidden(){this.timer&&clearTimeout(this.timer),this.timer=window.setTimeout((()=>{this.hide()}),1e4)}async createCursor(){this.member&&this.wrapper&&(this.component=new Fe({target:this.wrapper,props:this.initProps()}))}initProps(){return{x:0,y:0,appliance:this.memberApplianceName,avatar:this.memberAvatar,src:this.getIcon(),visible:!1,backgroundColor:this.memberColor,cursorName:this.memberCursorName,theme:this.memberTheme,color:this.memberCursorTextColor,cursorTagBackgroundColor:this.memberCursorTagBackgroundColor,opacity:this.memberOpacity}}getIcon(){if(this.member){return Ye[this.memberApplianceName||n.ApplianceNames.shape]||Ye[n.ApplianceNames.shape]}}setMember(){var e,t;this.member=null==(e=this.cursorManager.roomMembers)?void 0:e.find((e=>e.memberId===Number(this.memberId))),null==(t=this.component)||t.$set(s.omit(this.initProps(),["x","y","visible"]))}destroy(){this.disposer&&this.disposer(),this.component&&this.component.$destroy(),this.cursorManager.cursorInstances.delete(this.memberId)}hide(){this.component&&this.component.$set({visible:!1})}}class Xe{constructor(e,t){var i;this.manager=e,this.appManager=t,this.cursorInstances=new Map,this.mouseMoveListener=s.debounce((e=>{this.updateCursor(e.clientX,e.clientY)}),5),this.touchMoveListener=s.debounce((e=>{if(1===e.touches.length){const t=e.touches[0];this.updateCursor(t.clientX,t.clientY)}}),5),this.mouseLeaveListener=()=>{this.hideCursor(this.observerId),this.appManager.delegate.updateCursorState(this.observerId,T.Leave)},this.roomMembers=null==(i=this.manager.room)?void 0:i.state.roomMembers;const a=$e.wrapper;a&&(a.addEventListener("mousemove",this.mouseMoveListener),a.addEventListener("touchmove",this.touchMoveListener),a.addEventListener("mouseleave",this.mouseLeaveListener),a.addEventListener("touchend",this.mouseLeaveListener),this.initCursorAttributes(),this.wrapperRect=a.getBoundingClientRect(),this.startReaction(a))}startReaction(e){this.disposer=ne(this.cursors,(()=>{this.handleRoomMembersChange(e)}))}handleRoomMembersChange(e){var t;const i=null==(t=this.roomMembers)?void 0:t.map((e=>e.memberId));if(null==i?void 0:i.length)for(const a in this.cursors)if(i.includes(Number(a))&&!this.cursorInstances.has(a)&&a!==this.observerId){const t=new He(this.manager,this.cursors,a,this,e);this.cursorInstances.set(a,t)}}get observerId(){return String(this.manager.displayer.observerId)}get cursors(){var e;return null==(e=this.manager.attributes)?void 0:e[$.Cursors]}get boxState(){return this.appManager.delegate.getBoxState()}initCursorAttributes(){this.appManager.delegate.updateCursor(this.observerId,{x:0,y:0}),this.appManager.delegate.updateCursorState(this.observerId,T.Leave)}getBoxTitleHeight(){var e;if(this.boxState===r.TELE_BOX_STATE.Maximized){const t=this.appManager.boxManager.getTopBox();if(t)return null==(e=t.$titleBar)?void 0:e.clientHeight}}getFocusBox(){return this.appManager.boxManager.getFocusBox()}updateCursor(e,t){if(this.wrapperRect&&this.manager.canOperate){const i=(e-this.wrapperRect.x)/this.wrapperRect.width,a=(t-this.wrapperRect.y)/this.wrapperRect.height;this.appManager.delegate.getCursorState(this.observerId)&&this.appManager.delegate.updateCursorState(this.observerId,T.Normal),this.appManager.delegate.updateCursor(this.observerId,{x:i,y:a})}}updateContainerRect(){var e,t;this.containerRect=null==(e=$e.container)?void 0:e.getBoundingClientRect(),this.wrapperRect=null==(t=$e.wrapper)?void 0:t.getBoundingClientRect()}setRoomMembers(e){this.roomMembers=e,this.cursorInstances.forEach((e=>{e.setMember()})),$e.wrapper&&this.handleRoomMembersChange($e.wrapper)}cleanMemberCursor(e){this.appManager.delegate.cleanCursor(e);const t=this.cursorInstances.get(e);t&&t.destroy()}hideCursor(e){const t=this.cursorInstances.get(e);t&&t.hide()}cleanMemberAttributes(e){const t=e.map((e=>e.memberId)),i=[];for(const a in this.cursors){-1===t.findIndex((e=>e===Number(a)))&&i.push(a)}i.forEach((e=>{const t=this.cursorInstances.get(e);t&&t.destroy(),this.appManager.delegate.cleanCursor(e)}))}destroy(){const e=$e.wrapper;e&&(e.removeEventListener("mousemove",this.mouseMoveListener),e.removeEventListener("touchmove",this.touchMoveListener),e.removeEventListener("mouseleave",this.mouseLeaveListener),e.removeEventListener("touchend",this.mouseLeaveListener)),this.disposer&&this.disposer(),this.cursorInstances.size&&(this.cursorInstances.forEach((e=>e.destroy())),this.cursorInstances.clear())}}const Je=window.ResizeObserver||c.ResizeObserver,_e=new M.default,Ke=new M.default,qe=class extends n.InvisiblePlugin{constructor(e){super(e),this.emitter=Ke}static async mount(e,t,a,s){let r,o,c,d,h,p,g=!0;if("room"in e?(r=e.room,t=e.container,a=e.collectorContainer,o=e.containerSizeRatio,c=e.collectorStyles,d=e.debug,null!=e.chessboard&&(g=e.chessboard),h=e.overwriteStyles,p=e.cursor):(r=e,o=null==s?void 0:s.containerSizeRatio,c=null==s?void 0:s.collectorStyles,d=null==s?void 0:s.debug,null!=(null==s?void 0:s.chessboard)&&(g=s.chessboard),h=null==s?void 0:s.overwriteStyles),this.checkVersion(),r.phase!==n.RoomPhase.Connected)throw new Error("[WindowManager]: Room only Connected can be mount");if(!t)throw new Error("[WindowManager]: Container must provide");if(qe.isCreated)throw new Error("[WindowManager]: Already created cannot be created again");const l=await this.initManager(r);this.debug=Boolean(d),this.debug&&i.setOptions({verbose:!0}),K("[WindowManager]: Already insert room",l),o&&(qe.containerSizeRatio=o),qe.container=t;const{playground:u,wrapper:M,sizer:m,mainViewElement:w}=(e=>{const t=document.createElement("div");t.className="netless-window-manager-playground";const i=document.createElement("div");i.className="netless-window-manager-sizer";const a=document.createElement("div");a.className="netless-window-manager-wrapper";const s=document.createElement("div");return s.className="netless-window-manager-main-view",t.appendChild(i),i.appendChild(a),a.appendChild(s),e.appendChild(t),$e.wrapper=a,{playground:t,wrapper:a,sizer:i,mainViewElement:s}})(t);if(qe.playground=u,g&&m.classList.add("netless-window-manager-chess-sizer"),h){const e=document.createElement("style");e.textContent=h,u.appendChild(e)}await l.ensureAttributes(),l.appManager=new oe(l,{collectorContainer:a,collectorStyles:c}),l.observePlaygroundSize(u,m,M),p&&(l.cursorManager=new Xe(l,l.appManager)),l.bindMainView(w),((e,t)=>{Object.getOwnPropertyDescriptor(e,"disableCameraTransform")||(Object.defineProperty(e,"disableCameraTransform",{get:()=>t.mainView.disableCameraTransform,set(e){t.mainView.disableCameraTransform=e}}),e.moveCamera=e=>t.mainView.moveCamera(e),e.moveCameraToContain=(...e)=>t.mainView.moveCameraToContain(...e),e.convertToPointInWorld=(...e)=>t.mainView.convertToPointInWorld(...e),e.setCameraBound=(...e)=>t.mainView.setCameraBound(...e))})(r,l.appManager),_e.emit("onCreated"),qe.isCreated=!0;try{await O()}catch(I){console.warn("[WindowManager]: indexedDB open failed"),console.log(I)}return l}static async initManager(e){let t=e.getInvisiblePlugin(qe.kind);if(!t&&n.isRoom(e))if(!1===e.isWritable){try{await e.setWritable(!0)}catch(i){throw new Error("[WindowManger]: room must be switched to be writable")}t=await e.createInvisiblePlugin(qe,{}),await e.setWritable(!1)}else t=await e.createInvisiblePlugin(qe,{});return t}static register(e){return W.register(e)}createMainView(){if(this.appManager)return this.appManager.viewManager.mainView;throw new I}async addApp(e){var t,i;if(this.appManager){if(!e.kind||"string"!=typeof e.kind)throw new y;const a=await(null==(t=W.appClasses.get(e.kind))?void 0:t());if(a&&(null==(i=a.config)?void 0:i.singleton)&&this.appManager.appProxies.has(e.kind))throw new w;const s=this.setupScenePath(e,this.appManager);if(void 0===s)return;return await this.appManager.addApp(e,Boolean(s))}throw new I}setupScenePath(e,t){var i,a;let s=!1;if(e.options){const{scenePath:r,scenes:n}=e.options;if(r)for(const e in this.apps){const i=t.delegate.getAppScenePath(e);if(i&&i===r)return void console.warn(`ScenePath ${r} Already opened`)}r&&n&&n.length>0&&(this.isDynamicPPT(n)?(s=!0,this.displayer.entireScenes()[r]||null==(i=this.room)||i.putScenes(r,n)):this.displayer.entireScenes()[r]||null==(a=this.room)||a.putScenes(r,[{name:n[0].name}]))}return s}async closeApp(e){var t;return null==(t=this.appManager)?void 0:t.closeApp(e)}setMainViewScenePath(e){this.appManager&&this.appManager.setMainViewScenePath(e)}setMainViewSceneIndex(e){this.appManager&&this.appManager.setMainViewSceneIndex(e)}getMainViewScenePath(){var e;return null==(e=this.appManager)?void 0:e.delegate.getMainViewScenePath()}getMainViewSceneIndex(){var e;return null==(e=this.appManager)?void 0:e.delegate.getMainViewSceneIndex()}setReadonly(e){var t,i;(null==(t=this.room)?void 0:t.isWritable)&&(this.readonly=e,null==(i=this.appManager)||i.boxManager.teleBoxManager.setReadonly(e))}switchMainViewToWriter(){var e;return null==(e=this.appManager)?void 0:e.viewManager.mainViewClickHandler()}onAppDestroy(e,t){_e.once(`destroy-${e}`).then(t)}setViewMode(e){var t,i,a,s,r,o;e===n.ViewMode.Broadcaster&&(null==(t=this.appManager)||t.delegate.setBroadcaster(this.displayer.observerId),null==(i=this.appManager)||i.delegate.setMainViewCamera(this.mainView.camera),null==(a=this.appManager)||a.delegate.setMainViewSize(this.mainView.size)),e===n.ViewMode.Freedom&&(null==(s=this.appManager)||s.delegate.setMainViewCamera(void 0),null==(r=this.appManager)||r.delegate.setMainViewSize(void 0),null==(o=this.appManager)||o.delegate.setBroadcaster(void 0))}get mainView(){if(this.appManager)return this.appManager.viewManager.mainView;throw new I}get camera(){if(this.appManager)return this.appManager.viewManager.mainView.camera;throw new I}get apps(){var e;return null==(e=this.appManager)?void 0:e.delegate.apps()}get boxState(){if(this.appManager)return this.appManager.boxManager.teleBoxManager.state;throw new I}onDestroy(){this._destroy()}destroy(){this._destroy()}_destroy(){var e,t,i,a;null==(e=this.containerResizeObserver)||e.disconnect(),null==(t=this.appManager)||t.destroy(),null==(i=this.cursorManager)||i.destroy(),qe.container=void 0,qe.wrapper=void 0,qe.isCreated=!1,qe.playground&&(null==(a=qe.playground.parentNode)||a.removeChild(qe.playground)),K("Destroyed")}bindMainView(e){if(this.appManager){const t=this.appManager.viewManager.mainView;if(t.divElement=e,t.mode=n.ViewVisionMode.Writable,t.focusScenePath||this.appManager.delegate.setMainViewFocusPath(),!this.appManager.delegate.getMainViewScenePath()){const e=this.displayer.state.sceneState;this.appManager.delegate.setMainViewScenePath(e.scenePath),this.appManager.delegate.setMainViewSceneIndex(e.index)}void 0===this.appManager.delegate.focus&&t.mode!==n.ViewVisionMode.Writable&&(this.appManager.viewManager.freedomAllViews(),this.appManager.viewManager.switchMainViewToWriter()),this.appManager.viewManager.addMainViewListener()}}get canOperate(){return!!n.isRoom(this.displayer)&&(this.displayer.isWritable&&this.displayer.phase===n.RoomPhase.Connected)}get room(){return this.canOperate?this.displayer:void 0}get broadcaster(){var e;return null==(e=this.appManager)?void 0:e.delegate.broadcaster}safeSetAttributes(e){this.canOperate&&this.setAttributes(e)}safeUpdateAttributes(e,t){this.canOperate&&this.updateAttributes(e,t)}safeDispatchMagixEvent(e,t){this.canOperate&&this.displayer.dispatchMagixEvent(e,t)}getSceneName(e,t){var i;const a=this.displayer.entireScenes()[e];if(a&&void 0!==t)return null==(i=a[t])?void 0:i.name}isDynamicPPT(e){var t,i;const a=null==(i=null==(t=e[0])?void 0:t.ppt)?void 0:i.src;return null==a?void 0:a.startsWith("pptx://")}static checkVersion(){if(X(n.WhiteVersion)<X(E))throw new A(E)}async ensureAttributes(){s.isNull(this.attributes)&&await J(50),s.isObject(this.attributes)&&(this.attributes[$.Apps]||this.safeSetAttributes({[$.Apps]:{}}),this.attributes[$.Cursors]||this.safeSetAttributes({[$.Cursors]:{}}))}observePlaygroundSize(e,t,i){this.updateSizer(e.getBoundingClientRect(),t,i),this.containerResizeObserver=new Je((e=>{var a,s;const r=null==(a=e[0])?void 0:a.contentRect;r&&(this.updateSizer(r,t,i),null==(s=this.cursorManager)||s.updateContainerRect())})),this.containerResizeObserver.observe(e)}updateSizer({width:e,height:t},i,a){e&&t&&(t/e>qe.containerSizeRatio?(t=e*qe.containerSizeRatio,i.classList.toggle("netless-window-manager-sizer-horizontal",!0)):(e=t/qe.containerSizeRatio,i.classList.toggle("netless-window-manager-sizer-horizontal",!1)),a.style.width=`${e}px`,a.style.height=`${t}px`)}};let $e=qe;$e.kind="WindowManager",$e.debug=!1,$e.containerSizeRatio=9/16,$e.isCreated=!1,$e.register({kind:l.default.kind,src:l.default}),$e.register({kind:u.default.kind,src:u.default});const et={DocsViewer:l.default.kind,MediaPlayer:u.default.kind};e.BuiltinApps=et,e.WindowManager=$e,e.callbacks=Ke,e.emitter=_e,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
|
2
2
|
//# sourceMappingURL=index.umd.js.map
|