@netless/window-manager 0.4.0-canary.16 → 0.4.0-canary.17

package/dist/index.es.js

@@ -1,3845 +1,2 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import Emittery from "emittery";
-import pRetry from "p-retry";
-import { ResizeObserver as ResizeObserver$1 } from "@juggle/resize-observer";
-import { debounce, isObject, has, get, size, mapValues, noop as noop$1, pick, isEqual, isEmpty, isInteger, sortBy, maxBy, omit, compact, uniq, isFunction, isNull } from "lodash";
-import { TELE_BOX_MANAGER_EVENT, TELE_BOX_STATE, TeleBoxManager, TeleBoxCollector } from "@netless/telebox-insider";
-import { ScenePathType, UpdateEventKind, listenUpdated, unlistenUpdated, reaction, autorun, toJS, listenDisposed, unlistenDisposed, AnimationMode, isPlayer, isRoom, ApplianceNames, RoomPhase, InvisiblePlugin, ViewMode, WhiteVersion } from "white-web-sdk";
-import { v4 } from "uuid";
-import { genUID, SideEffectManager } from "side-effect-manager";
-import AppDocsViewer from "@netless/app-docs-viewer";
-import AppMediaPlayer, { setOptions } from "@netless/app-media-player";
-var Events;
-(function(Events2) {
-  Events2["AppMove"] = "AppMove";
-  Events2["AppFocus"] = "AppFocus";
-  Events2["AppResize"] = "AppResize";
-  Events2["AppBoxStateChange"] = "AppBoxStateChange";
-  Events2["GetAttributes"] = "GetAttributes";
-  Events2["UpdateWindowManagerWrapper"] = "UpdateWindowManagerWrapper";
-  Events2["InitReplay"] = "InitReplay";
-  Events2["WindowCreated"] = "WindowCreated";
-  Events2["SetMainViewScenePath"] = "SetMainViewScenePath";
-  Events2["SetMainViewSceneIndex"] = "SetMainViewSceneIndex";
-  Events2["SwitchViewsToFreedom"] = "SwitchViewsToFreedom";
-  Events2["MoveCameraToContain"] = "MoveCameraToContain";
-})(Events || (Events = {}));
-const MagixEventName = "__WindowManger";
-var AppAttributes;
-(function(AppAttributes2) {
-  AppAttributes2["Size"] = "size";
-  AppAttributes2["Position"] = "position";
-  AppAttributes2["SceneIndex"] = "SceneIndex";
-  AppAttributes2["ZIndex"] = "zIndex";
-})(AppAttributes || (AppAttributes = {}));
-var AppEvents;
-(function(AppEvents2) {
-  AppEvents2["setBoxSize"] = "setBoxSize";
-  AppEvents2["setBoxMinSize"] = "setBoxMinSize";
-  AppEvents2["destroy"] = "destroy";
-})(AppEvents || (AppEvents = {}));
-var AppStatus;
-(function(AppStatus2) {
-  AppStatus2["StartCreate"] = "StartCreate";
-})(AppStatus || (AppStatus = {}));
-var CursorState;
-(function(CursorState2) {
-  CursorState2["Leave"] = "leave";
-  CursorState2["Normal"] = "normal";
-})(CursorState || (CursorState = {}));
-const REQUIRE_VERSION = "2.16.0";
-const MIN_WIDTH = 340 / 720;
-const MIN_HEIGHT = 340 / 720;
-const DEFAULT_CONTAINER_RATIO = 9 / 16;
-const DatabaseName = "__WindowManagerAppCache";
-let db;
-let store$1;
-const initDb = async () => {
-  db = await createDb();
-};
-const setItem = (key, val) => {
-  if (!db)
-    return;
-  return addRecord(db, { kind: key, sourceCode: val });
-};
-const getItem = async (key) => {
-  if (!db)
-    return null;
-  return await query(db, key);
-};
-function createDb() {
-  return new Promise((resolve, reject) => {
-    const request = indexedDB.open(DatabaseName, 2);
-    request.onerror = (e) => {
-      reject(e);
-    };
-    request.onupgradeneeded = (event) => {
-      const db2 = event.target.result;
-      if (!db2.objectStoreNames.contains("apps")) {
-        store$1 = db2.createObjectStore("apps", { keyPath: "kind" });
-        store$1.createIndex("kind", "kind", { unique: true });
-      }
-    };
-    request.onsuccess = () => {
-      const db2 = request.result;
-      resolve(db2);
-    };
-  });
-}
-function query(db2, val) {
-  return new Promise((resolve, reject) => {
-    const index = db2.transaction(["apps"]).objectStore("apps").index("kind");
-    const request = index.get(val);
-    request.onerror = (e) => reject(e);
-    request.onsuccess = () => {
-      if (request.result) {
-        resolve(request.result);
-      } else {
-        resolve(null);
-      }
-    };
-  });
-}
-function addRecord(db2, payload) {
-  return new Promise((resolve, reject) => {
-    const request = db2.transaction(["apps"], "readwrite").objectStore("apps").add(payload);
-    request.onsuccess = () => resolve();
-    request.onerror = () => reject();
-  });
-}
-const Prefix = "NetlessApp";
-const TIMEOUT = 1e4;
-const getScript = async (url) => {
-  const item = await getItem(url);
-  if (item) {
-    return item.sourceCode;
-  } else {
-    const result = await fetchWithTimeout(url, { timeout: TIMEOUT });
-    const text2 = await result.text();
-    await setItem(url, text2);
-    return text2;
-  }
-};
-const executeScript = (text2, appName) => {
-  let result = Function(text2 + `;return ${appName}`)();
-  if (typeof result === "undefined") {
-    result = window[appName];
-  }
-  return result;
-};
-const loadApp = async (url, key, name) => {
-  const appName = name || Prefix + key;
-  const text2 = await getScript(url);
-  try {
-    return executeScript(text2, appName);
-  } catch (error) {
-    if (error.message.includes("Can only have one anonymous define call per script file")) {
-      const define = window.define;
-      if (typeof define == "function" && define.amd) {
-        delete define.amd;
-      }
-      return executeScript(text2, appName);
-    }
-  }
-};
-async function fetchWithTimeout(resource, options) {
-  const { timeout = 1e4 } = options;
-  const controller = new AbortController();
-  const id = setTimeout(() => controller.abort(), timeout);
-  const response = await fetch(resource, __spreadProps(__spreadValues({}, options), {
-    signal: controller.signal,
-    headers: {
-      "content-type": "text/plain"
-    }
-  }));
-  clearTimeout(id);
-  return response;
-}
-class AppRegister {
-  constructor() {
-    this.kindEmitters = new Map();
-    this.registered = new Map();
-    this.appClassesCache = new Map();
-    this.appClasses = new Map();
-  }
-  async register(params) {
-    this.registered.set(params.kind, params);
-    const srcOrAppOrFunction = params.src;
-    let downloadApp;
-    if (typeof srcOrAppOrFunction === "string") {
-      downloadApp = async () => {
-        let appClass = await loadApp(srcOrAppOrFunction, params.kind);
-        if (appClass) {
-          if (appClass.__esModule) {
-            appClass = appClass.default;
-          }
-          return appClass;
-        } else {
-          throw new Error(`[WindowManager]: load remote script failed, ${srcOrAppOrFunction}`);
-        }
-      };
-    } else if (typeof srcOrAppOrFunction === "function") {
-      downloadApp = srcOrAppOrFunction;
-    } else {
-      downloadApp = async () => srcOrAppOrFunction;
-    }
-    this.appClasses.set(params.kind, async () => {
-      let app = this.appClassesCache.get(params.kind);
-      if (!app) {
-        app = downloadApp();
-        this.appClassesCache.set(params.kind, app);
-      }
-      return app;
-    });
-    if (params.addHooks) {
-      const emitter2 = this.createKindEmitter(params.kind);
-      if (emitter2) {
-        params.addHooks(emitter2);
-      }
-    }
-  }
-  async notifyApp(kind, event, payload) {
-    const emitter2 = this.kindEmitters.get(kind);
-    await (emitter2 == null ? void 0 : emitter2.emit(event, payload));
-  }
-  createKindEmitter(kind) {
-    if (!this.kindEmitters.has(kind)) {
-      const emitter2 = new Emittery();
-      this.kindEmitters.set(kind, emitter2);
-    }
-    return this.kindEmitters.get(kind);
-  }
-}
-const appRegister = new AppRegister();
-const genAppId = async (kind) => {
-  var _a, _b;
-  const impl = await ((_a = appRegister.appClasses.get(kind)) == null ? void 0 : _a());
-  if (impl && ((_b = impl.config) == null ? void 0 : _b.singleton)) {
-    return kind;
-  }
-  return `${kind}-${v4().replace("-", "").slice(0, 8)}`;
-};
-const setViewFocusScenePath = (view, focusScenePath) => {
-  if (view.focusScenePath !== focusScenePath) {
-    view.focusScenePath = focusScenePath;
-    return view;
-  }
-};
-const setScenePath = (room, scenePath) => {
-  if (room && room.isWritable) {
-    if (room.state.sceneState.scenePath !== scenePath) {
-      room.setScenePath(scenePath);
-    }
-  }
-};
-const getScenePath = (room, dir, index) => {
-  var _a;
-  if (room && dir) {
-    const scenes = entireScenes(room);
-    const scene = (_a = scenes[dir]) == null ? void 0 : _a[index];
-    if (scene) {
-      return `${dir}/${scene.name}`;
-    }
-  }
-};
-const removeScenes = (room, scenePath) => {
-  if (room) {
-    const type = room.scenePathType(scenePath);
-    if (type !== ScenePathType.None) {
-      room.removeScenes(scenePath);
-    }
-  }
-};
-const addEmitterOnceListener = (event, listener) => {
-  emitter.once(event).then(listener);
-};
-debounce((callbacks2, mode) => {
-  callbacks2.emit("mainViewModeChange", mode);
-}, 200);
-const makeValidScenePath = (displayer, scenePath, index = 0) => {
-  const scenes = entireScenes(displayer)[scenePath];
-  if (!scenes)
-    return;
-  const scene = scenes[index];
-  if (!scene)
-    return;
-  const firstSceneName = scene.name;
-  if (scenePath === "/") {
-    return `/${firstSceneName}`;
-  } else {
-    return `${scenePath}/${firstSceneName}`;
-  }
-};
-const entireScenes = (displayer) => {
-  return displayer.entireScenes();
-};
-const isValidScenePath = (scenePath) => {
-  return scenePath.startsWith("/");
-};
-const parseSceneDir = (scenePath) => {
-  const sceneList = scenePath.split("/");
-  sceneList.pop();
-  let sceneDir = sceneList.join("/");
-  if (sceneDir === "") {
-    sceneDir = "/";
-  }
-  return sceneDir;
-};
-const ensureValidScenePath = (scenePath) => {
-  if (scenePath.endsWith("/")) {
-    return scenePath.slice(0, -1);
-  } else {
-    return scenePath;
-  }
-};
-const getVersionNumber = (version) => {
-  const versionString = version.split(".").map((s) => s.padStart(2, "0")).join("");
-  return parseInt(versionString);
-};
-const wait = (time) => new Promise((resolve) => setTimeout(resolve, time));
-class AppListeners {
-  constructor(manager) {
-    this.manager = manager;
-    this.displayer = this.manager.displayer;
-    this.mainMagixEventListener = (event) => {
-      if (event.authorId !== this.displayer.observerId) {
-        const data = event.payload;
-        switch (data.eventName) {
-          case Events.AppMove: {
-            this.appMoveHandler(data.payload);
-            break;
-          }
-          case Events.AppResize: {
-            this.appResizeHandler(data.payload);
-            break;
-          }
-          case Events.AppBoxStateChange: {
-            this.boxStateChangeHandler(data.payload);
-            break;
-          }
-          case Events.SetMainViewScenePath: {
-            this.setMainViewScenePathHandler(data.payload);
-            break;
-          }
-          case Events.MoveCameraToContain: {
-            this.moveCameraToContainHandler(data.payload);
-            break;
-          }
-        }
-      }
-    };
-    this.appMoveHandler = (payload) => {
-      var _a;
-      (_a = this.boxManager) == null ? void 0 : _a.moveBox(payload);
-    };
-    this.appResizeHandler = (payload) => {
-      var _a, _b;
-      (_a = this.boxManager) == null ? void 0 : _a.resizeBox(Object.assign(payload, { skipUpdate: true }));
-      (_b = this.manager.room) == null ? void 0 : _b.refreshViewSize();
-    };
-    this.boxStateChangeHandler = (state) => {
-      callbacks.emit("boxStateChange", state);
-    };
-    this.setMainViewScenePathHandler = ({ nextScenePath }) => {
-      setViewFocusScenePath(this.manager.mainView, nextScenePath);
-      callbacks.emit("mainViewScenePathChange", nextScenePath);
-    };
-    this.moveCameraToContainHandler = (payload) => {
-      this.manager.mainView.moveCameraToContain(payload);
-    };
-  }
-  get boxManager() {
-    return this.manager.boxManager;
-  }
-  addListeners() {
-    this.displayer.addMagixEventListener(MagixEventName, this.mainMagixEventListener);
-  }
-  removeListeners() {
-    this.displayer.removeMagixEventListener(MagixEventName, this.mainMagixEventListener);
-  }
-}
-class AppCreateError extends Error {
-  constructor() {
-    super(...arguments);
-    this.message = "[WindowManager]: app duplicate exists and cannot be created again";
-  }
-}
-class AppManagerNotInitError extends Error {
-  constructor() {
-    super(...arguments);
-    this.message = "[WindowManager]: AppManager must be initialized";
-  }
-}
-class WhiteWebSDKInvalidError extends Error {
-  constructor(version) {
-    super(`[WindowManager]: white-web-sdk version must large than ${version}`);
-  }
-}
-class ParamsInvalidError extends Error {
-  constructor() {
-    super(...arguments);
-    this.message = "[WindowManager]: kind must be a valid string";
-  }
-}
-class BoxNotCreatedError extends Error {
-  constructor() {
-    super(...arguments);
-    this.message = "[WindowManager]: box need created";
-  }
-}
-class InvalidScenePath extends Error {
-  constructor() {
-    super(...arguments);
-    this.message = `[WindowManager]: ScenePath should start with "/"`;
-  }
-}
-class BoxManagerNotFoundError extends Error {
-  constructor() {
-    super(...arguments);
-    this.message = "[WindowManager]: boxManager not found";
-  }
-}
-const onObjectByEvent = (event) => {
-  return (object, func) => {
-    if (object === void 0)
-      return;
-    if (listenUpdated) {
-      const listener = (events) => {
-        const kinds = events.map((e) => e.kind);
-        if (kinds.includes(event)) {
-          func();
-        }
-      };
-      listenUpdated(object, listener);
-      func();
-      return () => unlistenUpdated(object, listener);
-    } else {
-      return reaction(() => object, () => {
-        func();
-      }, {
-        fireImmediately: true
-      });
-    }
-  };
-};
-const safeListenPropsUpdated = (getProps, callback, onDestroyed) => {
-  let disposeListenUpdated = null;
-  const disposeReaction = reaction(getProps, () => {
-    if (disposeListenUpdated) {
-      disposeListenUpdated();
-      disposeListenUpdated = null;
-    }
-    const props = getProps();
-    if (isObject(props)) {
-      disposeListenUpdated = () => unlistenUpdated(props, callback);
-      listenUpdated(props, callback);
-    } else {
-      onDestroyed == null ? void 0 : onDestroyed(props);
-    }
-  }, { fireImmediately: true });
-  return () => {
-    disposeListenUpdated == null ? void 0 : disposeListenUpdated();
-    disposeReaction();
-  };
-};
-const onObjectRemoved = onObjectByEvent(UpdateEventKind.Removed);
-const onObjectInserted = onObjectByEvent(UpdateEventKind.Inserted);
-const plainObjectKeys = Object.keys;
-function isRef(e) {
-  return Boolean(has(e, "__isRef"));
-}
-function makeRef(v) {
-  return { k: genUID(), v, __isRef: true };
-}
-class StorageEvent {
-  constructor() {
-    this.listeners = new Set();
-  }
-  get length() {
-    return this.listeners.size;
-  }
-  dispatch(message) {
-    this.listeners.forEach((callback) => callback(message));
-  }
-  addListener(listener) {
-    this.listeners.add(listener);
-  }
-  removeListener(listener) {
-    this.listeners.delete(listener);
-  }
-}
-const STORAGE_NS = "_WM-STORAGE_";
-class Storage {
-  constructor(context2, id, defaultState) {
-    this._sideEffect = new SideEffectManager();
-    this._destroyed = false;
-    this._refMap = new WeakMap();
-    this._lastValue = new Map();
-    this.onStateChanged = new StorageEvent();
-    if (defaultState && !isObject(defaultState)) {
-      throw new Error(`Default state for Storage ${id} is not an object.`);
-    }
-    this._context = context2;
-    this.id = id || null;
-    this._state = {};
-    const rawState = this._getRawState(this._state);
-    if (this.id !== null && this._context.getIsWritable()) {
-      if (rawState === this._state || !isObject(rawState)) {
-        if (!get(this._context.getAttributes(), [STORAGE_NS])) {
-          this._context.updateAttributes([STORAGE_NS], {});
-        }
-        this._context.updateAttributes([STORAGE_NS, this.id], this._state);
-      }
-      if (defaultState) {
-        this.setState(defaultState);
-      }
-    }
-    plainObjectKeys(rawState).forEach((key) => {
-      if (this.id === null && key === STORAGE_NS) {
-        return;
-      }
-      try {
-        const rawValue = isObject(rawState[key]) ? JSON.parse(JSON.stringify(rawState[key])) : rawState[key];
-        if (isRef(rawValue)) {
-          this._state[key] = rawValue.v;
-          if (isObject(rawValue.v)) {
-            this._refMap.set(rawValue.v, rawValue);
-          }
-        } else {
-          this._state[key] = rawValue;
-        }
-      } catch (e) {
-        console.error(e);
-      }
-    });
-    this._sideEffect.addDisposer(safeListenPropsUpdated(() => this.id === null ? context2.getAttributes() : get(context2.getAttributes(), [STORAGE_NS, this.id]), this._updateProperties.bind(this), this.destroy.bind(this)));
-  }
-  get state() {
-    if (this._destroyed) {
-      console.warn(`Accessing state on destroyed Storage "${this.id}"`);
-    }
-    return this._state;
-  }
-  addStateChangedListener(handler) {
-    this.onStateChanged.addListener(handler);
-    return () => this.onStateChanged.removeListener(handler);
-  }
-  ensureState(state) {
-    return this.setState(plainObjectKeys(state).reduce((payload, key) => {
-      if (!has(this._state, key)) {
-        payload[key] = state[key];
-      }
-      return payload;
-    }, {}));
-  }
-  setState(state) {
-    if (this._destroyed) {
-      console.error(new Error(`Cannot call setState on destroyed Storage "${this.id}".`));
-      return;
-    }
-    if (!this._context.getIsWritable()) {
-      console.error(new Error(`Cannot setState on Storage "${this.id}" without writable access`), state);
-      return;
-    }
-    const keys = plainObjectKeys(state);
-    if (keys.length > 0) {
-      keys.forEach((key) => {
-        const value = state[key];
-        if (value === this._state[key]) {
-          return;
-        }
-        if (value === void 0) {
-          this._lastValue.set(key, this._state[key]);
-          delete this._state[key];
-          this._setRawState(key, value);
-        } else {
-          this._lastValue.set(key, this._state[key]);
-          this._state[key] = value;
-          let payload = value;
-          if (isObject(value)) {
-            let refValue = this._refMap.get(value);
-            if (!refValue) {
-              refValue = makeRef(value);
-              this._refMap.set(value, refValue);
-            }
-            payload = refValue;
-          }
-          this._setRawState(key, payload);
-        }
-      });
-    }
-  }
-  emptyStorage() {
-    if (size(this._state) <= 0) {
-      return;
-    }
-    if (this._destroyed) {
-      console.error(new Error(`Cannot empty destroyed Storage "${this.id}".`));
-      return;
-    }
-    if (!this._context.getIsWritable()) {
-      console.error(new Error(`Cannot empty Storage "${this.id}" without writable access.`));
-      return;
-    }
-    this.setState(mapValues(this._state, noop$1));
-  }
-  deleteStorage() {
-    if (this.id === null) {
-      throw new Error(`Cannot delete main Storage`);
-    }
-    if (!this._context.getIsWritable()) {
-      console.error(new Error(`Cannot delete Storage "${this.id}" without writable access.`));
-      return;
-    }
-    this.destroy();
-    this._context.updateAttributes([STORAGE_NS, this.id], void 0);
-  }
-  get destroyed() {
-    return this._destroyed;
-  }
-  destroy() {
-    this._destroyed = true;
-    this._sideEffect.flushAll();
-  }
-  _getRawState(defaultValue) {
-    if (this.id === null) {
-      return get(this._context.getAttributes(), [], defaultValue);
-    } else {
-      return get(this._context.getAttributes(), [STORAGE_NS, this.id], defaultValue);
-    }
-  }
-  _setRawState(key, value) {
-    if (this.id === null) {
-      if (key === STORAGE_NS) {
-        throw new Error(`Cannot set attribute internal filed "${STORAGE_NS}"`);
-      }
-      return this._context.updateAttributes([key], value);
-    } else {
-      return this._context.updateAttributes([STORAGE_NS, this.id, key], value);
-    }
-  }
-  _updateProperties(actions) {
-    var _a;
-    if (this._destroyed) {
-      console.error(new Error(`Cannot call _updateProperties on destroyed Storage "${this.id}".`));
-      return;
-    }
-    if (actions.length > 0) {
-      const diffs = {};
-      for (let i = 0; i < actions.length; i++) {
-        try {
-          const action = actions[i];
-          const key = action.key;
-          if (this.id === null && key === STORAGE_NS) {
-            continue;
-          }
-          const value = isObject(action.value) ? JSON.parse(JSON.stringify(action.value)) : action.value;
-          let oldValue;
-          if (this._lastValue.has(key)) {
-            oldValue = this._lastValue.get(key);
-            this._lastValue.delete(key);
-          }
-          switch (action.kind) {
-            case 2: {
-              if (has(this._state, key)) {
-                oldValue = this._state[key];
-                delete this._state[key];
-              }
-              diffs[key] = { oldValue };
-              break;
-            }
-            default: {
-              let newValue = value;
-              if (isRef(value)) {
-                const { k, v } = value;
-                const curValue = this._state[key];
-                if (isObject(curValue) && ((_a = this._refMap.get(curValue)) == null ? void 0 : _a.k) === k) {
-                  newValue = curValue;
-                } else {
-                  newValue = v;
-                  if (isObject(v)) {
-                    this._refMap.set(v, value);
-                  }
-                }
-              }
-              if (newValue !== this._state[key]) {
-                oldValue = this._state[key];
-                this._state[key] = newValue;
-              }
-              diffs[key] = { newValue, oldValue };
-              break;
-            }
-          }
-        } catch (e) {
-          console.error(e);
-        }
-      }
-      this.onStateChanged.dispatch(diffs);
-    }
-  }
-}
-class AppContext {
-  constructor(manager, boxManager, appId, appProxy, appOptions) {
-    this.manager = manager;
-    this.boxManager = boxManager;
-    this.appId = appId;
-    this.appProxy = appProxy;
-    this.appOptions = appOptions;
-    this.mobxUtils = {
-      autorun,
-      reaction,
-      toJS
-    };
-    this.objectUtils = {
-      listenUpdated,
-      unlistenUpdated,
-      listenDisposed,
-      unlistenDisposed
-    };
-    this.store = this.manager.store;
-    this.isReplay = this.manager.isReplay;
-    this.getDisplayer = () => {
-      return this.manager.displayer;
-    };
-    this.getAttributes = () => {
-      return this.appProxy.attributes;
-    };
-    this.getScenes = () => {
-      const appAttr = this.store.getAppAttributes(this.appId);
-      if (appAttr == null ? void 0 : appAttr.isDynamicPPT) {
-        return this.appProxy.scenes;
-      } else {
-        return appAttr == null ? void 0 : appAttr.options["scenes"];
-      }
-    };
-    this.getView = () => {
-      return this.appProxy.view;
-    };
-    this.getInitScenePath = () => {
-      return this.manager.getAppInitPath(this.appId);
-    };
-    this.getIsWritable = () => {
-      return this.manager.canOperate;
-    };
-    this.getBox = () => {
-      const box = this.boxManager.getBox(this.appId);
-      if (box) {
-        return box;
-      } else {
-        throw new BoxNotCreatedError();
-      }
-    };
-    this.getRoom = () => {
-      return this.manager.room;
-    };
-    this.setAttributes = (attributes) => {
-      this.manager.safeSetAttributes({ [this.appId]: attributes });
-    };
-    this.updateAttributes = (keys, value) => {
-      if (this.manager.attributes[this.appId]) {
-        this.manager.safeUpdateAttributes([this.appId, ...keys], value);
-      }
-    };
-    this.setScenePath = async (scenePath) => {
-      var _a;
-      if (!this.appProxy.box)
-        return;
-      this.appProxy.setFullPath(scenePath);
-      (_a = this.getRoom()) == null ? void 0 : _a.setScenePath(scenePath);
-    };
-    this.mountView = (dom) => {
-      const view = this.getView();
-      if (view) {
-        view.divElement = dom;
-        setTimeout(() => {
-          var _a;
-          (_a = this.getRoom()) == null ? void 0 : _a.refreshViewSize();
-        }, 1e3);
-      }
-    };
-    this.getAppOptions = () => {
-      return typeof this.appOptions === "function" ? this.appOptions() : this.appOptions;
-    };
-    this.createStorage = (storeId, defaultState) => {
-      const storage = new Storage(this, storeId, defaultState);
-      this.emitter.on("destroy", () => {
-        storage.destroy();
-      });
-      return storage;
-    };
-    this.dispatchMagixEvent = this.manager.displayer.dispatchMagixEvent.bind(this.manager.displayer);
-    this.addMagixEventListener = (event, handler, options) => {
-      this.manager.displayer.addMagixEventListener(event, handler, options);
-      return () => this.manager.displayer.removeMagixEventListener(event, handler);
-    };
-    this.removeMagixEventListener = this.manager.displayer.removeMagixEventListener.bind(this.manager.displayer);
-    this.emitter = appProxy.appEmitter;
-    this.isAddApp = appProxy.isAddApp;
-  }
-  get storage() {
-    if (!this._storage) {
-      this._storage = new Storage(this);
-    }
-    return this._storage;
-  }
-}
-var Fields;
-(function(Fields2) {
-  Fields2["Apps"] = "apps";
-  Fields2["Focus"] = "focus";
-  Fields2["State"] = "state";
-  Fields2["BoxState"] = "boxState";
-  Fields2["MainViewCamera"] = "mainViewCamera";
-  Fields2["MainViewSize"] = "mainViewSize";
-  Fields2["Broadcaster"] = "broadcaster";
-  Fields2["Cursors"] = "cursors";
-  Fields2["Position"] = "position";
-  Fields2["CursorState"] = "cursorState";
-  Fields2["FullPath"] = "fullPath";
-})(Fields || (Fields = {}));
-class AttributesDelegate {
-  constructor(context2) {
-    this.context = context2;
-  }
-  setContext(context2) {
-    this.context = context2;
-  }
-  get attributes() {
-    return this.context.getAttributes();
-  }
-  apps() {
-    return get(this.attributes, [Fields.Apps]);
-  }
-  get focus() {
-    return get(this.attributes, [Fields.Focus]);
-  }
-  getAppAttributes(id) {
-    return get(this.apps(), [id]);
-  }
-  getAppState(id) {
-    return get(this.apps(), [id, Fields.State]);
-  }
-  getMaximized() {
-    return get(this.attributes, ["maximized"]);
-  }
-  getMinimized() {
-    return get(this.attributes, ["minimized"]);
-  }
-  setupAppAttributes(params, id, isDynamicPPT) {
-    const attributes = this.attributes;
-    if (!attributes.apps) {
-      this.context.safeSetAttributes({ apps: {} });
-    }
-    const attrNames = ["scenePath", "title"];
-    if (!isDynamicPPT) {
-      attrNames.push("scenes");
-    }
-    const options = pick(params.options, attrNames);
-    const attrs = { kind: params.kind, options, isDynamicPPT };
-    if (typeof params.src === "string") {
-      attrs.src = params.src;
-    }
-    attrs.createdAt = Date.now();
-    this.context.safeUpdateAttributes([Fields.Apps, id], attrs);
-    this.context.safeUpdateAttributes([Fields.Apps, id, Fields.State], {
-      [AppAttributes.Size]: {},
-      [AppAttributes.Position]: {},
-      [AppAttributes.SceneIndex]: 0
-    });
-  }
-  updateAppState(appId, stateName, state) {
-    if (get(this.attributes, [Fields.Apps, appId, Fields.State])) {
-      this.context.safeUpdateAttributes([Fields.Apps, appId, Fields.State, stateName], state);
-    }
-  }
-  cleanAppAttributes(id) {
-    this.context.safeUpdateAttributes([Fields.Apps, id], void 0);
-    this.context.safeSetAttributes({ [id]: void 0 });
-    const focus = this.attributes[Fields.Focus];
-    if (focus === id) {
-      this.cleanFocus();
-    }
-  }
-  cleanFocus() {
-    this.context.safeSetAttributes({ [Fields.Focus]: void 0 });
-  }
-  getAppSceneIndex(id) {
-    var _a;
-    return (_a = this.getAppState(id)) == null ? void 0 : _a[AppAttributes.SceneIndex];
-  }
-  getAppScenePath(id) {
-    var _a, _b;
-    return (_b = (_a = this.getAppAttributes(id)) == null ? void 0 : _a.options) == null ? void 0 : _b.scenePath;
-  }
-  getMainViewScenePath() {
-    return this.attributes["_mainScenePath"];
-  }
-  getMainViewSceneIndex() {
-    return this.attributes["_mainSceneIndex"];
-  }
-  getBoxState() {
-    return this.attributes[Fields.BoxState];
-  }
-  setMainViewScenePath(scenePath) {
-    this.context.safeSetAttributes({ _mainScenePath: scenePath });
-  }
-  setMainViewSceneIndex(index) {
-    this.context.safeSetAttributes({ _mainSceneIndex: index });
-  }
-  getMainViewCamera() {
-    return get(this.attributes, [Fields.MainViewCamera]);
-  }
-  getMainViewSize() {
-    return get(this.attributes, [Fields.MainViewSize]);
-  }
-  setMainViewCamera(camera) {
-    this.context.safeSetAttributes({ [Fields.MainViewCamera]: __spreadValues({}, camera) });
-  }
-  setMainViewSize(size2) {
-    this.context.safeSetAttributes({ [Fields.MainViewSize]: __spreadValues({}, size2) });
-  }
-  setAppFocus(appId, focus) {
-    if (focus) {
-      this.context.safeSetAttributes({ [Fields.Focus]: appId });
-    } else {
-      this.context.safeSetAttributes({ [Fields.Focus]: void 0 });
-    }
-  }
-  updateCursor(uid, position) {
-    if (!get(this.attributes, [Fields.Cursors])) {
-      this.context.safeUpdateAttributes([Fields.Cursors], {});
-    }
-    if (!get(this.attributes, [Fields.Cursors, uid])) {
-      this.context.safeUpdateAttributes([Fields.Cursors, uid], {});
-    }
-    this.context.safeUpdateAttributes([Fields.Cursors, uid, Fields.Position], position);
-  }
-  updateCursorState(uid, cursorState) {
-    if (!get(this.attributes, [Fields.Cursors, uid])) {
-      this.context.safeUpdateAttributes([Fields.Cursors, uid], {});
-    }
-    this.context.safeUpdateAttributes([Fields.Cursors, uid, Fields.CursorState], cursorState);
-  }
-  getCursorState(uid) {
-    return get(this.attributes, [Fields.Cursors, uid, Fields.CursorState]);
-  }
-  cleanCursor(uid) {
-    this.context.safeUpdateAttributes([Fields.Cursors, uid], void 0);
-  }
-  setMainViewFocusPath(mainView) {
-    const scenePath = this.getMainViewScenePath();
-    if (scenePath) {
-      setViewFocusScenePath(mainView, scenePath);
-    }
-  }
-}
-const store = new AttributesDelegate({
-  getAttributes: () => {
-    throw new Error("getAttributes not implemented");
-  },
-  safeSetAttributes: () => {
-    throw new Error("safeSetAttributes not implemented");
-  },
-  safeUpdateAttributes: () => {
-    throw new Error("safeUpdateAttributes not implemented");
-  }
-});
-const log = (...args) => {
-  if (WindowManager.debug) {
-    console.log(`[WindowManager]:`, ...args);
-  }
-};
-class Context {
-  constructor(manager) {
-    this.manager = manager;
-    this.findMember = (memberId) => {
-      var _a;
-      const roomMembers = (_a = this.manager.room) == null ? void 0 : _a.state.roomMembers;
-      return roomMembers == null ? void 0 : roomMembers.find((member) => member.memberId === memberId);
-    };
-    this.findMemberByUid = (uid) => {
-      var _a;
-      const roomMembers = (_a = this.manager.room) == null ? void 0 : _a.state.roomMembers;
-      return roomMembers == null ? void 0 : roomMembers.find((member) => {
-        var _a2;
-        return ((_a2 = member.payload) == null ? void 0 : _a2.uid) === uid;
-      });
-    };
-    this.observerId = manager.displayer.observerId;
-    emitter.on("observerIdChange", (id) => {
-      this.observerId = id;
-    });
-  }
-  get uid() {
-    var _a;
-    return ((_a = this.manager.room) == null ? void 0 : _a.uid) || "";
-  }
-  updateManagerRect() {
-    var _a;
-    (_a = this.manager.boxManager) == null ? void 0 : _a.updateManagerRect();
-  }
-  blurFocusBox() {
-    var _a;
-    (_a = this.manager.boxManager) == null ? void 0 : _a.blurAllBox();
-  }
-}
-let context;
-const createContext = (manager) => {
-  if (!context) {
-    context = new Context(manager);
-  }
-  return context;
-};
-class Base {
-  constructor(manager) {
-    this.manager = manager;
-    this.store = store;
-    this.context = createContext(this.manager);
-  }
-}
-class AppProxy extends Base {
-  constructor(params, manager, appId, isAddApp) {
-    super(manager);
-    var _a;
-    this.params = params;
-    this.boxManager = this.manager.boxManager;
-    this.appProxies = this.manager.appProxies;
-    this.viewManager = this.manager.viewManager;
-    this.status = "normal";
-    this.getAppInitState = (id) => {
-      var _a2, _b;
-      const attrs = this.store.getAppState(id);
-      if (!attrs)
-        return;
-      const position = attrs == null ? void 0 : attrs[AppAttributes.Position];
-      const focus = this.store.focus;
-      const size2 = attrs == null ? void 0 : attrs[AppAttributes.Size];
-      const sceneIndex = attrs == null ? void 0 : attrs[AppAttributes.SceneIndex];
-      const maximized = (_a2 = this.attributes) == null ? void 0 : _a2["maximized"];
-      const minimized = (_b = this.attributes) == null ? void 0 : _b["minimized"];
-      const zIndex = attrs == null ? void 0 : attrs.zIndex;
-      let payload = { maximized, minimized, zIndex };
-      if (position) {
-        payload = __spreadProps(__spreadValues({}, payload), { id, x: position.x, y: position.y });
-      }
-      if (focus === id) {
-        payload = __spreadProps(__spreadValues({}, payload), { focus: true });
-      }
-      if (size2) {
-        payload = __spreadProps(__spreadValues({}, payload), { width: size2.width, height: size2.height });
-      }
-      if (sceneIndex) {
-        payload = __spreadProps(__spreadValues({}, payload), { sceneIndex });
-      }
-      return payload;
-    };
-    this.appAttributesUpdateListener = (appId2) => {
-      var _a2, _b, _c;
-      (_a2 = this.manager.refresher) == null ? void 0 : _a2.add(appId2, () => {
-        return autorun(() => {
-          const attrs = this.manager.attributes[appId2];
-          if (attrs) {
-            this.appEmitter.emit("attributesUpdate", attrs);
-          }
-        });
-      });
-      (_b = this.manager.refresher) == null ? void 0 : _b.add(this.stateKey, () => {
-        return autorun(() => {
-          var _a3, _b2, _c2;
-          const appState = (_a3 = this.appAttributes) == null ? void 0 : _a3.state;
-          if ((appState == null ? void 0 : appState.zIndex) > 0 && appState.zIndex !== ((_b2 = this.box) == null ? void 0 : _b2.zIndex)) {
-            (_c2 = this.boxManager) == null ? void 0 : _c2.setZIndex(appId2, appState.zIndex);
-          }
-        });
-      });
-      (_c = this.manager.refresher) == null ? void 0 : _c.add(`${appId2}-fullPath`, () => {
-        return autorun(() => {
-          var _a3;
-          const fullPath = (_a3 = this.appAttributes) == null ? void 0 : _a3.fullPath;
-          this.setFocusScenePathHandler(fullPath);
-        });
-      });
-    };
-    this.setFocusScenePathHandler = debounce((fullPath) => {
-      var _a2;
-      if (this.view && fullPath && fullPath !== ((_a2 = this.view) == null ? void 0 : _a2.focusScenePath)) {
-        setViewFocusScenePath(this.view, fullPath);
-      }
-    }, 50);
-    this.kind = params.kind;
-    this.id = appId;
-    this.stateKey = `${this.id}_state`;
-    this.appProxies.set(this.id, this);
-    this.appEmitter = new Emittery();
-    this.appListener = this.makeAppEventListener(this.id);
-    this.isAddApp = isAddApp;
-    this.initScenes();
-    if ((_a = this.params.options) == null ? void 0 : _a.scenePath) {
-      this.createView();
-    }
-  }
-  initScenes() {
-    var _a;
-    const options = this.params.options;
-    if (options) {
-      this.scenePath = options.scenePath;
-      if (((_a = this.appAttributes) == null ? void 0 : _a.isDynamicPPT) && this.scenePath) {
-        this.scenes = this.manager.displayer.entireScenes()[this.scenePath];
-      } else {
-        this.scenes = options.scenes;
-      }
-    }
-  }
-  get view() {
-    return this.manager.viewManager.getView(this.id);
-  }
-  get isWritable() {
-    var _a;
-    return this.manager.canOperate && !((_a = this.box) == null ? void 0 : _a.readonly);
-  }
-  get attributes() {
-    return this.manager.attributes[this.id];
-  }
-  get appAttributes() {
-    return this.store.getAppAttributes(this.id);
-  }
-  getFullScenePath() {
-    if (this.scenePath) {
-      return get(this.appAttributes, [Fields.FullPath], this.getFullScenePathFromScenes());
-    }
-  }
-  getFullScenePathFromScenes() {
-    const sceneIndex = get(this.appAttributes, ["state", "SceneIndex"], 0);
-    const fullPath = getScenePath(this.manager.room, this.scenePath, sceneIndex);
-    if (fullPath) {
-      this.setFullPath(fullPath);
-    }
-    return fullPath;
-  }
-  setFullPath(path) {
-    this.manager.safeUpdateAttributes(["apps", this.id, Fields.FullPath], path);
-  }
-  async baseInsertApp(skipUpdate = false) {
-    var _a;
-    const params = this.params;
-    if (!params.kind) {
-      throw new Error("[WindowManager]: kind require");
-    }
-    const appImpl = await ((_a = appRegister.appClasses.get(params.kind)) == null ? void 0 : _a());
-    const appParams = appRegister.registered.get(params.kind);
-    if (appImpl) {
-      await this.setupApp(this.id, skipUpdate, appImpl, params.options, appParams == null ? void 0 : appParams.appOptions);
-    } else {
-      throw new Error(`[WindowManager]: app load failed ${params.kind} ${params.src}`);
-    }
-    this.context.updateManagerRect();
-    return {
-      appId: this.id,
-      app: appImpl
-    };
-  }
-  focusApp() {
-    this.focusBox();
-    this.store.setMainViewFocusPath(this.manager.mainView);
-  }
-  get box() {
-    var _a;
-    return (_a = this.boxManager) == null ? void 0 : _a.getBox(this.id);
-  }
-  focusBox() {
-    var _a;
-    (_a = this.boxManager) == null ? void 0 : _a.focusBox({ appId: this.id });
-  }
-  async setupApp(appId, skipUpdate, app, options, appOptions) {
-    var _a;
-    log("setupApp", appId, app, options);
-    if (!this.boxManager) {
-      throw new BoxManagerNotFoundError();
-    }
-    const context2 = new AppContext(this.manager, this.boxManager, appId, this, appOptions);
-    this.appContext = context2;
-    try {
-      emitter.once(`${appId}${Events.WindowCreated}`).then(async () => {
-        var _a2;
-        let boxInitState;
-        if (!skipUpdate) {
-          boxInitState = this.getAppInitState(appId);
-          (_a2 = this.boxManager) == null ? void 0 : _a2.updateBoxState(boxInitState);
-        }
-        this.appEmitter.onAny(this.appListener);
-        this.appAttributesUpdateListener(appId);
-        this.setViewFocusScenePath();
-        setTimeout(async () => {
-          const result = await app.setup(context2);
-          this.appResult = result;
-          appRegister.notifyApp(app.kind, "created", { appId, result });
-          this.afterSetupApp(boxInitState);
-          this.fixMobileSize();
-        }, 50);
-      });
-      (_a = this.boxManager) == null ? void 0 : _a.createBox({
-        appId,
-        app,
-        options,
-        canOperate: this.manager.canOperate,
-        smartPosition: this.isAddApp
-      });
-    } catch (error) {
-      console.error(error);
-      throw new Error(`[WindowManager]: app setup error: ${error.message}`);
-    }
-  }
-  fixMobileSize() {
-    var _a, _b;
-    const box = (_a = this.boxManager) == null ? void 0 : _a.getBox(this.id);
-    if (box) {
-      (_b = this.boxManager) == null ? void 0 : _b.resizeBox({
-        appId: this.id,
-        width: box.intrinsicWidth + 1e-3,
-        height: box.intrinsicHeight + 1e-3,
-        skipUpdate: true
-      });
-    }
-  }
-  afterSetupApp(boxInitState) {
-    var _a;
-    if (boxInitState) {
-      if (!(boxInitState == null ? void 0 : boxInitState.x) || !boxInitState.y) {
-        (_a = this.boxManager) == null ? void 0 : _a.setBoxInitState(this.id);
-      }
-    }
-  }
-  onSeek(time) {
-    var _a;
-    this.appEmitter.emit("seek", time);
-    const boxInitState = this.getAppInitState(this.id);
-    (_a = this.boxManager) == null ? void 0 : _a.updateBoxState(boxInitState);
-  }
-  async onReconnected() {
-    var _a;
-    this.appEmitter.emit("reconnected", void 0);
-    const currentAppState = this.getAppInitState(this.id);
-    await this.destroy(true, false, true);
-    const params = this.params;
-    const appProxy = new AppProxy(params, this.manager, this.id, this.isAddApp);
-    await appProxy.baseInsertApp(true);
-    (_a = this.boxManager) == null ? void 0 : _a.updateBoxState(currentAppState);
-  }
-  emitAppSceneStateChange(sceneState) {
-    this.appEmitter.emit("sceneStateChange", sceneState);
-  }
-  emitAppIsWritableChange() {
-    this.appEmitter.emit("writableChange", this.isWritable);
-  }
-  makeAppEventListener(appId) {
-    return (eventName, data) => {
-      var _a, _b, _c, _d;
-      if (!this.manager.canOperate)
-        return;
-      switch (eventName) {
-        case "setBoxSize": {
-          (_a = this.boxManager) == null ? void 0 : _a.resizeBox({
-            appId,
-            width: data.width,
-            height: data.height,
-            skipUpdate: false
-          });
-          break;
-        }
-        case "setBoxMinSize": {
-          (_b = this.boxManager) == null ? void 0 : _b.setBoxMinSize({
-            appId,
-            minWidth: data.minwidth,
-            minHeight: data.minheight
-          });
-          break;
-        }
-        case "setBoxTitle": {
-          (_c = this.boxManager) == null ? void 0 : _c.setBoxTitle({ appId, title: data.title });
-          break;
-        }
-        case AppEvents.destroy: {
-          if (this.status === "destroyed")
-            return;
-          this.destroy(true, false, true, data == null ? void 0 : data.error);
-          if (data == null ? void 0 : data.error) {
-            console.error(data == null ? void 0 : data.error);
-          }
-          break;
-        }
-        case "focus": {
-          (_d = this.boxManager) == null ? void 0 : _d.focusBox({ appId: this.id });
-          emitter.emit("focus", { appId: this.id });
-          break;
-        }
-      }
-    };
-  }
-  setScenePath() {
-    if (!this.manager.canOperate)
-      return;
-    const fullScenePath = this.getFullScenePath();
-    if (this.manager.room && fullScenePath && this.view) {
-      setScenePath(this.manager.room, fullScenePath);
-    }
-  }
-  setViewFocusScenePath() {
-    const fullPath = this.getFullScenePath();
-    if (fullPath && this.view) {
-      setViewFocusScenePath(this.view, fullPath);
-    }
-  }
-  async createView() {
-    const view = await this.viewManager.createView(this.id);
-    this.setViewFocusScenePath();
-    return view;
-  }
-  async destroy(needCloseBox, cleanAttrs, skipUpdate, error) {
-    var _a, _b, _c, _d;
-    if (this.status === "destroyed")
-      return;
-    this.status = "destroyed";
-    await appRegister.notifyApp(this.kind, "destroy", { appId: this.id });
-    await this.appEmitter.emit("destroy", { error });
-    this.appEmitter.clearListeners();
-    emitter.emit(`destroy-${this.id}`, { error });
-    if (needCloseBox) {
-      (_a = this.boxManager) == null ? void 0 : _a.closeBox(this.id, skipUpdate);
-    }
-    if (cleanAttrs) {
-      this.store.cleanAppAttributes(this.id);
-      if (this.scenePath) {
-        removeScenes(this.manager.room, this.scenePath);
-      }
-    }
-    this.appProxies.delete(this.id);
-    this.viewManager.destroyView(this.id);
-    this.manager.appStatus.delete(this.id);
-    (_b = this.manager.refresher) == null ? void 0 : _b.remove(this.id);
-    (_c = this.manager.refresher) == null ? void 0 : _c.remove(this.stateKey);
-    (_d = this.manager.refresher) == null ? void 0 : _d.remove(`${this.id}-fullPath`);
-  }
-  close() {
-    return this.destroy(true, true, false);
-  }
-}
-class ViewManager {
-  constructor(displayer) {
-    this.displayer = displayer;
-    this.views = new Map();
-  }
-  createView(id) {
-    const view = createView(this.displayer);
-    this.views.set(id, view);
-    return view;
-  }
-  getView(id) {
-    return this.views.get(id);
-  }
-  destroyView(id) {
-    const view = this.views.get(id);
-    if (view) {
-      view.release();
-      this.views.delete(id);
-    }
-  }
-  setViewScenePath(id, scenePath) {
-    const view = this.views.get(id);
-    if (view) {
-      view.focusScenePath = scenePath;
-    }
-  }
-  destroy() {
-    this.views.forEach((view) => {
-      view.release();
-    });
-    this.views.clear();
-  }
-}
-const createView = (displayer) => {
-  const view = displayer.views.createView();
-  setDefaultCameraBound(view);
-  return view;
-};
-const setDefaultCameraBound = (view) => {
-  view.setCameraBound({
-    maxContentMode: () => 10,
-    minContentMode: () => 0.1
-  });
-};
-class MainViewProxy extends Base {
-  constructor(manager) {
-    super(manager);
-    this.started = false;
-    this.mainViewIsAddListener = false;
-    this.viewId = "mainView";
-    this.sideEffectManager = new SideEffectManager();
-    this.cameraReaction = () => {
-      return reaction(() => this.mainViewCamera, (camera) => {
-        if (camera && camera.id !== this.context.uid) {
-          this.moveCameraToContian(this.mainViewSize);
-          this.moveCamera(camera);
-        }
-      }, {
-        fireImmediately: true
-      });
-    };
-    this.sizeChangeHandler = debounce((size2) => {
-      if (size2) {
-        this.moveCameraToContian(size2);
-        this.moveCamera(this.mainViewCamera);
-      }
-    }, 30);
-    this.onCameraUpdatedByDevice = (camera) => {
-      this.store.setMainViewCamera(__spreadProps(__spreadValues({}, camera), { id: this.context.uid }));
-      if (!isEqual(this.mainViewSize, __spreadProps(__spreadValues({}, this.mainView.size), { id: this.context.uid }))) {
-        this.setMainViewSize(this.view.size);
-      }
-    };
-    this.mainViewClickListener = () => {
-      this.mainViewClickHandler();
-    };
-    this.setMainViewSize = debounce((size2) => {
-      this.store.setMainViewSize(__spreadProps(__spreadValues({}, size2), { id: this.context.uid }));
-    }, 50);
-    this.onCameraOrSizeUpdated = () => {
-      callbacks.emit("cameraStateChange", this.cameraState);
-    };
-    this.mainView = this.createMainView();
-    this.moveCameraSizeByAttributes();
-    emitter.once("mainViewMounted").then(() => {
-      this.addMainViewListener();
-      setTimeout(() => {
-        this.start();
-        if (!this.mainViewCamera || !this.mainViewSize) {
-          this.setCameraAndSize();
-        }
-      }, 200);
-    });
-    const playgroundSizeChangeListener = () => {
-      this.sizeChangeHandler(this.mainViewSize);
-    };
-    this.sideEffectManager.add(() => {
-      emitter.on("playgroundSizeChange", playgroundSizeChangeListener);
-      return () => emitter.off("playgroundSizeChange", playgroundSizeChangeListener);
-    });
-  }
-  get mainViewCamera() {
-    return this.store.getMainViewCamera();
-  }
-  get mainViewSize() {
-    return this.store.getMainViewSize();
-  }
-  moveCameraSizeByAttributes() {
-    this.moveCameraToContian(this.mainViewSize);
-    this.moveCamera(this.mainViewCamera);
-  }
-  start() {
-    var _a;
-    if (this.started)
-      return;
-    this.sizeChangeHandler(this.mainViewSize);
-    this.addCameraListener();
-    (_a = this.manager.refresher) == null ? void 0 : _a.add(Fields.MainViewCamera, this.cameraReaction);
-    this.started = true;
-  }
-  setCameraAndSize() {
-    this.store.setMainViewCamera(__spreadProps(__spreadValues({}, this.mainView.camera), { id: this.context.uid }));
-    this.store.setMainViewSize(__spreadProps(__spreadValues({}, this.mainView.size), { id: this.context.uid }));
-  }
-  get view() {
-    return this.mainView;
-  }
-  get cameraState() {
-    return __spreadValues(__spreadValues({}, this.view.camera), this.view.size);
-  }
-  createMainView() {
-    const mainView = createView(this.manager.displayer);
-    const mainViewScenePath = this.store.getMainViewScenePath();
-    if (mainViewScenePath) {
-      setViewFocusScenePath(mainView, mainViewScenePath);
-    }
-    return mainView;
-  }
-  addMainViewListener() {
-    if (this.mainViewIsAddListener)
-      return;
-    if (this.view.divElement) {
-      this.view.divElement.addEventListener("click", this.mainViewClickListener);
-      this.view.divElement.addEventListener("touchend", this.mainViewClickListener);
-      this.mainViewIsAddListener = true;
-    }
-  }
-  removeMainViewListener() {
-    if (this.view.divElement) {
-      this.view.divElement.removeEventListener("click", this.mainViewClickListener);
-      this.view.divElement.removeEventListener("touchend", this.mainViewClickListener);
-    }
-  }
-  async mainViewClickHandler() {
-    if (!this.manager.canOperate)
-      return;
-    this.store.cleanFocus();
-    this.context.blurFocusBox();
-  }
-  addCameraListener() {
-    this.view.callbacks.on("onCameraUpdatedByDevice", this.onCameraUpdatedByDevice);
-    this.view.callbacks.on("onCameraUpdated", this.onCameraOrSizeUpdated);
-    this.view.callbacks.on("onSizeUpdated", this.onCameraOrSizeUpdated);
-  }
-  removeCameraListener() {
-    this.view.callbacks.off("onCameraUpdatedByDevice", this.onCameraUpdatedByDevice);
-    this.view.callbacks.off("onCameraUpdated", this.onCameraOrSizeUpdated);
-    this.view.callbacks.off("onSizeUpdated", this.onCameraOrSizeUpdated);
-  }
-  moveCameraToContian(size2) {
-    if (!isEmpty(size2)) {
-      this.view.moveCameraToContain({
-        width: size2.width,
-        height: size2.height,
-        originX: -size2.width / 2,
-        originY: -size2.height / 2,
-        animationMode: AnimationMode.Immediately
-      });
-      this.scale = this.view.camera.scale;
-    }
-  }
-  moveCamera(camera) {
-    if (!isEmpty(camera)) {
-      if (isEqual(camera, this.view.camera))
-        return;
-      const { centerX, centerY, scale } = camera;
-      const needScale = scale * (this.scale || 1);
-      this.view.moveCamera({
-        centerX,
-        centerY,
-        scale: needScale,
-        animationMode: AnimationMode.Immediately
-      });
-    }
-  }
-  stop() {
-    var _a, _b;
-    this.removeMainViewListener();
-    this.removeCameraListener();
-    (_a = this.manager.refresher) == null ? void 0 : _a.remove(Fields.MainViewCamera);
-    (_b = this.manager.refresher) == null ? void 0 : _b.remove(Fields.MainViewSize);
-    this.started = false;
-  }
-  destroy() {
-    this.stop();
-    this.sideEffectManager.flushAll();
-  }
-}
-class AppManager {
-  constructor(windowManger) {
-    this.windowManger = windowManger;
-    this.appProxies = new Map();
-    this.appStatus = new Map();
-    this.store = store;
-    this.isReplay = this.windowManger.isReplay;
-    this.onAppDelete = (apps) => {
-      const ids = Object.keys(apps);
-      this.appProxies.forEach((appProxy, id) => {
-        if (!ids.includes(id)) {
-          appProxy.destroy(true, false, true);
-        }
-      });
-    };
-    this.displayerStateListener = (state) => {
-      var _a, _b;
-      const sceneState = state.sceneState;
-      if (sceneState) {
-        const scenePath = sceneState.scenePath;
-        this.appProxies.forEach((appProxy) => {
-          if (appProxy.scenePath && scenePath.startsWith(appProxy.scenePath)) {
-            appProxy.emitAppSceneStateChange(sceneState);
-            appProxy.setFullPath(scenePath);
-          }
-        });
-      }
-      if (state.roomMembers) {
-        (_a = this.windowManger.cursorManager) == null ? void 0 : _a.setRoomMembers(state.roomMembers);
-        (_b = this.windowManger.cursorManager) == null ? void 0 : _b.cleanMemberAttributes(state.roomMembers);
-      }
-      this.appProxies.forEach((appProxy) => {
-        appProxy.appEmitter.emit("roomStateChange", state);
-      });
-      emitter.emit("observerIdChange", this.displayer.observerId);
-    };
-    this.displayerWritableListener = (isReadonly) => {
-      var _a, _b;
-      const isWritable = !isReadonly;
-      const isManualWritable = this.windowManger.readonly === void 0 || this.windowManger.readonly === false;
-      if (this.windowManger.readonly === void 0) {
-        (_a = this.boxManager) == null ? void 0 : _a.setReadonly(isReadonly);
-      } else {
-        (_b = this.boxManager) == null ? void 0 : _b.setReadonly(!(isWritable && isManualWritable));
-      }
-      this.appProxies.forEach((appProxy) => {
-        appProxy.emitAppIsWritableChange();
-      });
-      if (isWritable === true) {
-        this.mainView.disableCameraTransform = false;
-        if (this.room && this.room.disableSerialization === true) {
-          this.room.disableSerialization = false;
-        }
-      } else {
-        this.mainView.disableCameraTransform = true;
-      }
-    };
-    this.updateSceneIndex = () => {
-      const scenePath = this.store.getMainViewScenePath();
-      const sceneDir = parseSceneDir(scenePath);
-      const scenes = entireScenes(this.displayer)[sceneDir];
-      if (scenes.length) {
-        const pageName = scenePath.replace(sceneDir, "").replace("/", "");
-        const index = scenes.findIndex((scene) => scene.name === pageName);
-        if (isInteger(index) && index >= 0) {
-          this.safeSetAttributes({ _mainSceneIndex: index });
-        }
-      }
-    };
-    this.boxEventListener = (eventName, payload) => {
-      switch (eventName) {
-        case "move": {
-          this.dispatchInternalEvent(Events.AppMove, payload);
-          this.store.updateAppState(payload.appId, AppAttributes.Position, {
-            x: payload.x,
-            y: payload.y
-          });
-          break;
-        }
-        case "focus": {
-          this.windowManger.safeSetAttributes({ focus: payload.appId });
-          break;
-        }
-        case "resize": {
-          if (payload.width && payload.height) {
-            this.dispatchInternalEvent(Events.AppResize, payload);
-            this.store.updateAppState(payload.appId, AppAttributes.Size, {
-              width: payload.width,
-              height: payload.height
-            });
-          }
-          break;
-        }
-        case "close": {
-          const appProxy = this.appProxies.get(payload.appId);
-          if (appProxy) {
-            appProxy.destroy(false, true, payload.error);
-          }
-          break;
-        }
-        case "boxStateChange": {
-          this.dispatchInternalEvent(Events.AppBoxStateChange, payload);
-          break;
-        }
-      }
-    };
-    this.displayer = windowManger.displayer;
-    this.store.setContext({
-      getAttributes: () => this.attributes,
-      safeSetAttributes: (attributes) => this.safeSetAttributes(attributes),
-      safeUpdateAttributes: (keys, val) => this.safeUpdateAttributes(keys, val)
-    });
-    this.mainViewProxy = new MainViewProxy(this);
-    this.viewManager = new ViewManager(this.displayer);
-    this.appListeners = new AppListeners(this);
-    this.displayer.callbacks.on(this.eventName, this.displayerStateListener);
-    this.appListeners.addListeners();
-    this.refresher = reconnectRefresher;
-    this.refresher.setRoom(this.room);
-    this.refresher.setContext({ emitter });
-    emitter.once("onCreated").then(() => this.onCreated());
-    emitter.on("onReconnected", () => this.onReconnected());
-    if (isPlayer(this.displayer)) {
-      emitter.on("seek", (time) => {
-        this.appProxies.forEach((appProxy) => {
-          appProxy.onSeek(time);
-        });
-        this.attributesUpdateCallback(this.attributes.apps);
-        this.onAppDelete(this.attributes.apps);
-      });
-    }
-  }
-  async onCreated() {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    await this.attributesUpdateCallback(this.attributes.apps);
-    (_a = this.boxManager) == null ? void 0 : _a.updateManagerRect();
-    emitter.onAny(this.boxEventListener);
-    (_b = this.refresher) == null ? void 0 : _b.add("apps", () => {
-      return safeListenPropsUpdated(() => this.attributes.apps, () => {
-        this.attributesUpdateCallback(this.attributes.apps);
-      });
-    });
-    (_c = this.refresher) == null ? void 0 : _c.add("appsClose", () => {
-      return onObjectRemoved(this.attributes.apps, () => {
-        this.onAppDelete(this.attributes.apps);
-      });
-    });
-    (_d = this.refresher) == null ? void 0 : _d.add("maximized", () => {
-      return autorun(() => {
-        var _a2;
-        const maximized = this.attributes.maximized;
-        (_a2 = this.boxManager) == null ? void 0 : _a2.setMaximized(Boolean(maximized));
-      });
-    });
-    (_e = this.refresher) == null ? void 0 : _e.add("minimized", () => {
-      return autorun(() => {
-        var _a2, _b2;
-        const minimized = this.attributes.minimized;
-        if (((_a2 = this.boxManager) == null ? void 0 : _a2.minimized) !== minimized) {
-          if (minimized === true) {
-            (_b2 = this.boxManager) == null ? void 0 : _b2.blurAllBox();
-          }
-          setTimeout(() => {
-            var _a3;
-            (_a3 = this.boxManager) == null ? void 0 : _a3.setMinimized(Boolean(minimized));
-          }, 0);
-        }
-      });
-    });
-    (_f = this.refresher) == null ? void 0 : _f.add("mainViewIndex", () => {
-      return autorun(() => {
-        const mainSceneIndex = get(this.attributes, "_mainSceneIndex");
-        if (mainSceneIndex !== void 0 && this._prevSceneIndex !== mainSceneIndex) {
-          callbacks.emit("mainViewSceneIndexChange", mainSceneIndex);
-          this._prevSceneIndex = mainSceneIndex;
-        }
-      });
-    });
-    (_g = this.refresher) == null ? void 0 : _g.add("focusedChange", () => {
-      return autorun(() => {
-        const focused = get(this.attributes, "focus");
-        if (this._prevFocused !== focused) {
-          callbacks.emit("focusedChange", focused);
-          this._prevFocused = focused;
-        }
-      });
-    });
-    if (!this.attributes.apps || Object.keys(this.attributes.apps).length === 0) {
-      const mainScenePath = this.store.getMainViewScenePath();
-      if (!mainScenePath)
-        return;
-      const sceneState = this.displayer.state.sceneState;
-      if (sceneState.scenePath !== mainScenePath) {
-        setScenePath(this.room, mainScenePath);
-      }
-    }
-    this.displayerWritableListener(!((_h = this.room) == null ? void 0 : _h.isWritable));
-    this.displayer.callbacks.on("onEnableWriteNowChanged", this.displayerWritableListener);
-    this._prevFocused = this.attributes.focus;
-  }
-  async attributesUpdateCallback(apps) {
-    if (apps && WindowManager.container) {
-      const appIds = Object.keys(apps);
-      const appsWithCreatedAt = appIds.map((appId) => {
-        return {
-          id: appId,
-          createdAt: apps[appId].createdAt
-        };
-      });
-      for (const { id } of sortBy(appsWithCreatedAt, "createdAt")) {
-        if (!this.appProxies.has(id) && !this.appStatus.has(id)) {
-          const app = apps[id];
-          pRetry(async () => {
-            this.appStatus.set(id, AppStatus.StartCreate);
-            const appAttributes = this.attributes[id];
-            if (!appAttributes) {
-              throw new Error("appAttributes is undefined");
-            }
-            await this.baseInsertApp({
-              kind: app.kind,
-              options: app.options,
-              isDynamicPPT: app.isDynamicPPT
-            }, id, false);
-            this.focusByAttributes(apps);
-          }, { retries: 3 }).catch((err) => {
-            console.warn(`[WindowManager]: Insert App Error`, err);
-            this.appStatus.delete(id);
-          });
-        }
-      }
-    }
-  }
-  refresh() {
-    this.attributesUpdateCallback(this.attributes.apps);
-  }
-  setBoxManager(boxManager) {
-    this.boxManager = boxManager;
-  }
-  resetMaximized() {
-    var _a;
-    (_a = this.boxManager) == null ? void 0 : _a.setMaximized(Boolean(this.store.getMaximized()));
-  }
-  resetMinimized() {
-    var _a;
-    (_a = this.boxManager) == null ? void 0 : _a.setMinimized(Boolean(this.store.getMinimized()));
-  }
-  bindMainView(divElement, disableCameraTransform) {
-    const mainView = this.mainViewProxy.view;
-    mainView.disableCameraTransform = disableCameraTransform;
-    mainView.divElement = divElement;
-    if (!mainView.focusScenePath) {
-      this.setMainViewFocusPath();
-    }
-    emitter.emit("mainViewMounted");
-  }
-  setMainViewFocusPath(scenePath) {
-    const focusScenePath = scenePath || this.store.getMainViewScenePath();
-    if (focusScenePath) {
-      const view = setViewFocusScenePath(this.mainView, focusScenePath);
-      return (view == null ? void 0 : view.focusScenePath) === focusScenePath;
-    }
-  }
-  async addApp(params, isDynamicPPT) {
-    log("addApp", params);
-    const { appId, needFocus } = await this.beforeAddApp(params, isDynamicPPT);
-    const appProxy = await this.baseInsertApp(params, appId, true, needFocus);
-    this.afterAddApp(appProxy);
-    return appProxy == null ? void 0 : appProxy.id;
-  }
-  async beforeAddApp(params, isDynamicPPT) {
-    var _a, _b;
-    const appId = await genAppId(params.kind);
-    this.appStatus.set(appId, AppStatus.StartCreate);
-    const attrs = (_a = params.attributes) != null ? _a : {};
-    this.safeUpdateAttributes([appId], attrs);
-    this.store.setupAppAttributes(params, appId, isDynamicPPT);
-    const needFocus = !((_b = this.boxManager) == null ? void 0 : _b.minimized);
-    if (needFocus) {
-      this.store.setAppFocus(appId, true);
-    }
-    return { appId, needFocus };
-  }
-  afterAddApp(appProxy) {
-    var _a, _b;
-    if (appProxy && appProxy.box) {
-      const box = appProxy.box;
-      emitter.emit("move", {
-        appId: appProxy.id,
-        x: box == null ? void 0 : box.intrinsicX,
-        y: box == null ? void 0 : box.intrinsicY
-      });
-      this.store.updateAppState(appProxy.id, AppAttributes.ZIndex, box.zIndex);
-    }
-    if ((_a = this.boxManager) == null ? void 0 : _a.minimized) {
-      (_b = this.boxManager) == null ? void 0 : _b.setMinimized(false, false);
-    }
-  }
-  async closeApp(appId) {
-    const appProxy = this.appProxies.get(appId);
-    if (appProxy) {
-      appProxy.destroy(true, true, false);
-    }
-  }
-  async baseInsertApp(params, appId, isAddApp, focus) {
-    if (this.appProxies.has(appId)) {
-      console.warn("[WindowManager]: app duplicate exists and cannot be created again");
-      return;
-    }
-    const appProxy = new AppProxy(params, this, appId, isAddApp);
-    if (appProxy) {
-      await appProxy.baseInsertApp(focus);
-      this.appStatus.delete(appId);
-      return appProxy;
-    } else {
-      this.appStatus.delete(appId);
-      throw new Error("[WindowManger]: initialize AppProxy failed");
-    }
-  }
-  get eventName() {
-    return isRoom(this.displayer) ? "onRoomStateChanged" : "onPlayerStateChanged";
-  }
-  get attributes() {
-    return this.windowManger.attributes;
-  }
-  get canOperate() {
-    return this.windowManger.canOperate;
-  }
-  get room() {
-    return isRoom(this.displayer) ? this.displayer : void 0;
-  }
-  get mainView() {
-    return this.mainViewProxy.view;
-  }
-  get focusApp() {
-    if (this.store.focus) {
-      return this.appProxies.get(this.store.focus);
-    }
-  }
-  safeSetAttributes(attributes) {
-    this.windowManger.safeSetAttributes(attributes);
-  }
-  safeUpdateAttributes(keys, value) {
-    this.windowManger.safeUpdateAttributes(keys, value);
-  }
-  async setMainViewScenePath(scenePath) {
-    if (this.room) {
-      const scenePathType = this.displayer.scenePathType(scenePath);
-      if (scenePathType === ScenePathType.None) {
-        throw new Error(`[WindowManager]: ${scenePath} not valid scene`);
-      } else if (scenePathType === ScenePathType.Page) {
-        await this._setMainViewScenePath(scenePath);
-      } else if (scenePathType === ScenePathType.Dir) {
-        const validScenePath = makeValidScenePath(this.displayer, scenePath);
-        if (validScenePath) {
-          await this._setMainViewScenePath(validScenePath);
-        }
-      }
-    }
-  }
-  async _setMainViewScenePath(scenePath) {
-    const success = this.setMainViewFocusPath(scenePath);
-    if (success) {
-      this.safeSetAttributes({ _mainScenePath: scenePath });
-      this.store.setMainViewFocusPath(this.mainView);
-      this.updateSceneIndex();
-      this.dispatchInternalEvent(Events.SetMainViewScenePath, { nextScenePath: scenePath });
-    }
-  }
-  async setMainViewSceneIndex(index) {
-    if (this.room) {
-      if (this.store.getMainViewSceneIndex() === index)
-        return;
-      const mainViewScenePath = this.store.getMainViewScenePath();
-      if (mainViewScenePath) {
-        const sceneDir = parseSceneDir(mainViewScenePath);
-        const scenePath = makeValidScenePath(this.displayer, sceneDir, index);
-        if (scenePath) {
-          const success = this.setMainViewFocusPath(scenePath);
-          if (success) {
-            this.store.setMainViewScenePath(scenePath);
-            this.safeSetAttributes({ _mainSceneIndex: index });
-          }
-        } else {
-          throw new Error(`[WindowManager]: ${sceneDir}: ${index} not valid index`);
-        }
-      }
-    }
-  }
-  getAppInitPath(appId) {
-    var _a;
-    const attrs = this.store.getAppAttributes(appId);
-    if (attrs) {
-      return (_a = attrs == null ? void 0 : attrs.options) == null ? void 0 : _a.scenePath;
-    }
-  }
-  safeDispatchMagixEvent(event, payload) {
-    if (this.canOperate) {
-      this.displayer.dispatchMagixEvent(event, payload);
-    }
-  }
-  focusByAttributes(apps) {
-    var _a;
-    if (apps && Object.keys(apps).length === ((_a = this.boxManager) == null ? void 0 : _a.boxSize)) {
-      const focusAppId = this.store.focus;
-      if (focusAppId) {
-        this.boxManager.focusBox({ appId: focusAppId });
-      }
-    }
-  }
-  async onReconnected() {
-    const appProxies = Array.from(this.appProxies.values());
-    const reconnected = appProxies.map((appProxy) => {
-      return appProxy.onReconnected();
-    });
-    await Promise.all(reconnected);
-  }
-  notifyContainerRectUpdate(rect) {
-    this.appProxies.forEach((appProxy) => {
-      appProxy.appEmitter.emit("containerRectUpdate", rect);
-    });
-  }
-  dispatchInternalEvent(event, payload) {
-    this.safeDispatchMagixEvent(MagixEventName, {
-      eventName: event,
-      payload
-    });
-  }
-  destroy() {
-    var _a, _b;
-    this.displayer.callbacks.off(this.eventName, this.displayerStateListener);
-    this.displayer.callbacks.off("onEnableWriteNowChanged", this.displayerWritableListener);
-    this.appListeners.removeListeners();
-    emitter.offAny(this.boxEventListener);
-    emitter.clearListeners();
-    if (this.appProxies.size) {
-      this.appProxies.forEach((appProxy) => {
-        appProxy.destroy(true, false, true);
-      });
-    }
-    this.viewManager.destroy();
-    (_a = this.boxManager) == null ? void 0 : _a.destroy();
-    (_b = this.refresher) == null ? void 0 : _b.destroy();
-    this.mainViewProxy.destroy();
-    callbacks.clearListeners();
-    this._prevSceneIndex = void 0;
-  }
-}
-const ResizeObserver = window.ResizeObserver || ResizeObserver$1;
-class ContainerResizeObserver {
-  constructor(emitter2) {
-    this.emitter = emitter2;
-  }
-  static create(container, sizer, wrapper, emitter2) {
-    const containerResizeObserver = new ContainerResizeObserver(emitter2);
-    containerResizeObserver.observePlaygroundSize(container, sizer, wrapper);
-    return containerResizeObserver;
-  }
-  observePlaygroundSize(container, sizer, wrapper) {
-    this.updateSizer(container.getBoundingClientRect(), sizer, wrapper);
-    this.containerResizeObserver = new ResizeObserver((entries) => {
-      var _a;
-      const containerRect = (_a = entries[0]) == null ? void 0 : _a.contentRect;
-      if (containerRect) {
-        this.updateSizer(containerRect, sizer, wrapper);
-        this.emitter.emit("playgroundSizeChange", containerRect);
-      }
-    });
-    this.containerResizeObserver.observe(container);
-  }
-  updateSizer({ width, height }, sizer, wrapper) {
-    if (width && height) {
-      if (height / width > WindowManager.containerSizeRatio) {
-        height = width * WindowManager.containerSizeRatio;
-        sizer.classList.toggle("netless-window-manager-sizer-horizontal", true);
-      } else {
-        width = height / WindowManager.containerSizeRatio;
-        sizer.classList.toggle("netless-window-manager-sizer-horizontal", false);
-      }
-      wrapper.style.width = `${width}px`;
-      wrapper.style.height = `${height}px`;
-    }
-  }
-  disconnect() {
-    var _a;
-    (_a = this.containerResizeObserver) == null ? void 0 : _a.disconnect();
-  }
-}
-const createBoxManager = (manager, callbacks2, emitter2, options) => {
-  return new BoxManager({
-    safeSetAttributes: (attributes) => manager.safeSetAttributes(attributes),
-    getMainView: () => manager.mainView,
-    updateAppState: (...args) => {
-      var _a;
-      return (_a = manager.appManager) == null ? void 0 : _a.store.updateAppState(...args);
-    },
-    canOperate: () => manager.canOperate,
-    notifyContainerRectUpdate: (rect) => {
-      var _a;
-      return (_a = manager.appManager) == null ? void 0 : _a.notifyContainerRectUpdate(rect);
-    },
-    cleanFocus: () => {
-      var _a;
-      return (_a = manager.appManager) == null ? void 0 : _a.store.cleanFocus();
-    },
-    callbacks: callbacks2,
-    emitter: emitter2
-  }, options);
-};
-class BoxManager {
-  constructor(context2, createTeleBoxManagerConfig) {
-    this.context = context2;
-    this.createTeleBoxManagerConfig = createTeleBoxManagerConfig;
-    this.playgroundSizeChangeListener = () => {
-      this.updateManagerRect();
-    };
-    const { emitter: emitter2, callbacks: callbacks2 } = context2;
-    this.teleBoxManager = this.setupBoxManager(createTeleBoxManagerConfig);
-    this.teleBoxManager.events.on(TELE_BOX_MANAGER_EVENT.State, (state) => {
-      if (state) {
-        this.context.callbacks.emit("boxStateChange", state);
-        this.context.emitter.emit("boxStateChange", state);
-      }
-    });
-    this.teleBoxManager.events.on("minimized", (minimized) => {
-      this.context.safeSetAttributes({ minimized });
-      if (minimized) {
-        this.context.cleanFocus();
-        this.blurAllBox();
-      }
-    });
-    this.teleBoxManager.events.on("maximized", (maximized) => {
-      this.context.safeSetAttributes({ maximized });
-    });
-    this.teleBoxManager.events.on("removed", (boxes) => {
-      boxes.forEach((box) => {
-        emitter2.emit("close", { appId: box.id });
-      });
-    });
-    this.teleBoxManager.events.on("intrinsic_move", debounce((box) => {
-      emitter2.emit("move", { appId: box.id, x: box.intrinsicX, y: box.intrinsicY });
-    }, 50));
-    this.teleBoxManager.events.on("intrinsic_resize", debounce((box) => {
-      emitter2.emit("resize", {
-        appId: box.id,
-        width: box.intrinsicWidth,
-        height: box.intrinsicHeight
-      });
-    }, 200));
-    this.teleBoxManager.events.on("focused", (box) => {
-      if (box) {
-        if (this.canOperate) {
-          emitter2.emit("focus", { appId: box.id });
-        } else {
-          this.teleBoxManager.blurBox(box.id);
-        }
-      }
-    });
-    this.teleBoxManager.events.on("dark_mode", (darkMode) => {
-      callbacks2.emit("darkModeChange", darkMode);
-    });
-    this.teleBoxManager.events.on("prefers_color_scheme", (colorScheme) => {
-      callbacks2.emit("prefersColorSchemeChange", colorScheme);
-    });
-    this.teleBoxManager.events.on("z_index", (box) => {
-      this.context.updateAppState(box.id, AppAttributes.ZIndex, box.zIndex);
-    });
-    emitter2.on("playgroundSizeChange", this.playgroundSizeChangeListener);
-  }
-  get mainView() {
-    return this.context.getMainView();
-  }
-  get canOperate() {
-    return this.context.canOperate();
-  }
-  get boxState() {
-    return this.teleBoxManager.state;
-  }
-  get maximized() {
-    return this.teleBoxManager.maximized;
-  }
-  get minimized() {
-    return this.teleBoxManager.minimized;
-  }
-  get darkMode() {
-    return this.teleBoxManager.darkMode;
-  }
-  get prefersColorScheme() {
-    return this.teleBoxManager.prefersColorScheme;
-  }
-  get boxSize() {
-    return this.teleBoxManager.boxes.length;
-  }
-  createBox(params) {
-    var _a, _b, _c;
-    if (!this.teleBoxManager)
-      return;
-    let { minwidth = MIN_WIDTH, minheight = MIN_HEIGHT } = (_a = params.app.config) != null ? _a : {};
-    const { width, height } = (_b = params.app.config) != null ? _b : {};
-    const title = ((_c = params.options) == null ? void 0 : _c.title) || params.appId;
-    const rect = this.teleBoxManager.containerRect;
-    if (minwidth > 1) {
-      minwidth = minwidth / rect.width;
-    }
-    if (minheight > 1) {
-      minheight = minheight / rect.height;
-    }
-    const createBoxConfig = {
-      title,
-      minWidth: minwidth,
-      minHeight: minheight,
-      width,
-      height,
-      id: params.appId
-    };
-    this.teleBoxManager.create(createBoxConfig, params.smartPosition);
-    this.context.emitter.emit(`${params.appId}${Events.WindowCreated}`);
-  }
-  setBoxInitState(appId) {
-    const box = this.teleBoxManager.queryOne({ id: appId });
-    if (box) {
-      if (box.state === TELE_BOX_STATE.Maximized) {
-        this.context.emitter.emit("resize", {
-          appId,
-          x: box.x,
-          y: box.y,
-          width: box.intrinsicWidth,
-          height: box.intrinsicHeight
-        });
-      }
-    }
-  }
-  setupBoxManager(createTeleBoxManagerConfig) {
-    const root = WindowManager.wrapper ? WindowManager.wrapper : document.body;
-    const rect = root.getBoundingClientRect();
-    const initManagerState = {
-      root,
-      containerRect: {
-        x: 0,
-        y: 0,
-        width: rect.width,
-        height: rect.height
-      },
-      fence: false,
-      prefersColorScheme: createTeleBoxManagerConfig == null ? void 0 : createTeleBoxManagerConfig.prefersColorScheme
-    };
-    const manager = new TeleBoxManager(initManagerState);
-    if (this.teleBoxManager) {
-      this.teleBoxManager.destroy();
-    }
-    this.teleBoxManager = manager;
-    const container = (createTeleBoxManagerConfig == null ? void 0 : createTeleBoxManagerConfig.collectorContainer) || WindowManager.wrapper;
-    if (container) {
-      this.setCollectorContainer(container);
-    }
-    return manager;
-  }
-  setCollectorContainer(container) {
-    var _a;
-    const collector = new TeleBoxCollector({
-      styles: (_a = this.createTeleBoxManagerConfig) == null ? void 0 : _a.collectorStyles
-    }).mount(container);
-    this.teleBoxManager.setCollector(collector);
-  }
-  getBox(appId) {
-    return this.teleBoxManager.queryOne({ id: appId });
-  }
-  closeBox(appId, skipUpdate = false) {
-    return this.teleBoxManager.remove(appId, skipUpdate);
-  }
-  boxIsFocus(appId) {
-    const box = this.getBox(appId);
-    return box == null ? void 0 : box.focus;
-  }
-  getFocusBox() {
-    const boxes = this.teleBoxManager.query({ focus: true });
-    return boxes[0];
-  }
-  getTopBox() {
-    const boxes = this.teleBoxManager.query();
-    return maxBy(boxes, "zIndex");
-  }
-  updateBoxState(state) {
-    if (!state)
-      return;
-    const box = this.getBox(state.id);
-    if (box) {
-      this.teleBoxManager.update(box.id, {
-        x: state.x,
-        y: state.y,
-        width: state.width || 0.5,
-        height: state.height || 0.5,
-        zIndex: state.zIndex
-      }, true);
-      setTimeout(() => {
-        if (state.focus) {
-          this.teleBoxManager.focusBox(box.id, true);
-        }
-        if (state.maximized != null) {
-          this.teleBoxManager.setMaximized(Boolean(state.maximized), true);
-        }
-        if (state.minimized != null) {
-          this.teleBoxManager.setMinimized(Boolean(state.minimized), true);
-        }
-      }, 50);
-      this.context.callbacks.emit("boxStateChange", this.teleBoxManager.state);
-    }
-  }
-  updateManagerRect() {
-    var _a;
-    const rect = (_a = this.mainView.divElement) == null ? void 0 : _a.getBoundingClientRect();
-    if (rect && rect.width > 0 && rect.height > 0) {
-      const containerRect = { x: 0, y: 0, width: rect.width, height: rect.height };
-      this.teleBoxManager.setContainerRect(containerRect);
-      this.context.notifyContainerRectUpdate(this.teleBoxManager.containerRect);
-    }
-  }
-  moveBox({ appId, x, y }) {
-    this.teleBoxManager.update(appId, { x, y }, true);
-  }
-  focusBox({ appId }, skipUpdate = true) {
-    this.teleBoxManager.focusBox(appId, skipUpdate);
-  }
-  resizeBox({ appId, width, height, skipUpdate }) {
-    this.teleBoxManager.update(appId, { width, height }, skipUpdate);
-  }
-  setBoxMinSize(params) {
-    this.teleBoxManager.update(params.appId, {
-      minWidth: params.minWidth,
-      minHeight: params.minHeight
-    }, true);
-  }
-  setBoxTitle(params) {
-    this.teleBoxManager.update(params.appId, { title: params.title }, true);
-  }
-  blurAllBox() {
-    this.teleBoxManager.blurAll();
-  }
-  updateAll(config) {
-    this.teleBoxManager.updateAll(config);
-  }
-  setMaximized(maximized) {
-    if (maximized !== this.maximized) {
-      this.teleBoxManager.setMaximized(maximized, true);
-    }
-  }
-  setMinimized(minimized, skipUpdate = true) {
-    this.teleBoxManager.setMinimized(minimized, skipUpdate);
-  }
-  focusTopBox() {
-    const boxes = this.teleBoxManager.query();
-    if (boxes.length >= 1) {
-      const box = this.getTopBox();
-      if (box) {
-        this.focusBox({ appId: box.id }, false);
-      }
-    }
-  }
-  updateBox(id, payload, skipUpdate = true) {
-    this.teleBoxManager.update(id, payload, skipUpdate);
-  }
-  setReadonly(readonly) {
-    this.teleBoxManager.setReadonly(readonly);
-  }
-  setPrefersColorScheme(colorScheme) {
-    this.teleBoxManager.setPrefersColorScheme(colorScheme);
-  }
-  setZIndex(id, zIndex, skipUpdate = true) {
-    this.teleBoxManager.update(id, { zIndex }, skipUpdate);
-  }
-  destroy() {
-    emitter.off("playgroundSizeChange", this.playgroundSizeChangeListener);
-    this.teleBoxManager.destroy();
-  }
-}
-function noop() {
-}
-function run(fn) {
-  return fn();
-}
-function blank_object() {
-  return Object.create(null);
-}
-function run_all(fns) {
-  fns.forEach(run);
-}
-function is_function(thing) {
-  return typeof thing === "function";
-}
-function safe_not_equal(a, b) {
-  return a != a ? b == b : a !== b || (a && typeof a === "object" || typeof a === "function");
-}
-let src_url_equal_anchor;
-function src_url_equal(element_src, url) {
-  if (!src_url_equal_anchor) {
-    src_url_equal_anchor = document.createElement("a");
-  }
-  src_url_equal_anchor.href = url;
-  return element_src === src_url_equal_anchor.href;
-}
-function is_empty(obj) {
-  return Object.keys(obj).length === 0;
-}
-function append(target, node) {
-  target.appendChild(node);
-}
-function insert(target, node, anchor) {
-  target.insertBefore(node, anchor || null);
-}
-function detach(node) {
-  node.parentNode.removeChild(node);
-}
-function element(name) {
-  return document.createElement(name);
-}
-function text$1(data) {
-  return document.createTextNode(data);
-}
-function space() {
-  return text$1(" ");
-}
-function attr(node, attribute, value) {
-  if (value == null)
-    node.removeAttribute(attribute);
-  else if (node.getAttribute(attribute) !== value)
-    node.setAttribute(attribute, value);
-}
-function children(element2) {
-  return Array.from(element2.childNodes);
-}
-function set_data(text2, data) {
-  data = "" + data;
-  if (text2.wholeText !== data)
-    text2.data = data;
-}
-function set_style(node, key, value, important) {
-  if (value === null) {
-    node.style.removeProperty(key);
-  } else {
-    node.style.setProperty(key, value, important ? "important" : "");
-  }
-}
-let current_component;
-function set_current_component(component) {
-  current_component = component;
-}
-const dirty_components = [];
-const binding_callbacks = [];
-const render_callbacks = [];
-const flush_callbacks = [];
-const resolved_promise = Promise.resolve();
-let update_scheduled = false;
-function schedule_update() {
-  if (!update_scheduled) {
-    update_scheduled = true;
-    resolved_promise.then(flush);
-  }
-}
-function add_render_callback(fn) {
-  render_callbacks.push(fn);
-}
-const seen_callbacks = new Set();
-let flushidx = 0;
-function flush() {
-  const saved_component = current_component;
-  do {
-    while (flushidx < dirty_components.length) {
-      const component = dirty_components[flushidx];
-      flushidx++;
-      set_current_component(component);
-      update(component.$$);
-    }
-    set_current_component(null);
-    dirty_components.length = 0;
-    flushidx = 0;
-    while (binding_callbacks.length)
-      binding_callbacks.pop()();
-    for (let i = 0; i < render_callbacks.length; i += 1) {
-      const callback = render_callbacks[i];
-      if (!seen_callbacks.has(callback)) {
-        seen_callbacks.add(callback);
-        callback();
-      }
-    }
-    render_callbacks.length = 0;
-  } while (dirty_components.length);
-  while (flush_callbacks.length) {
-    flush_callbacks.pop()();
-  }
-  update_scheduled = false;
-  seen_callbacks.clear();
-  set_current_component(saved_component);
-}
-function update($$) {
-  if ($$.fragment !== null) {
-    $$.update();
-    run_all($$.before_update);
-    const dirty = $$.dirty;
-    $$.dirty = [-1];
-    $$.fragment && $$.fragment.p($$.ctx, dirty);
-    $$.after_update.forEach(add_render_callback);
-  }
-}
-const outroing = new Set();
-function transition_in(block, local) {
-  if (block && block.i) {
-    outroing.delete(block);
-    block.i(local);
-  }
-}
-function mount_component(component, target, anchor, customElement) {
-  const { fragment, on_mount, on_destroy, after_update } = component.$$;
-  fragment && fragment.m(target, anchor);
-  if (!customElement) {
-    add_render_callback(() => {
-      const new_on_destroy = on_mount.map(run).filter(is_function);
-      if (on_destroy) {
-        on_destroy.push(...new_on_destroy);
-      } else {
-        run_all(new_on_destroy);
-      }
-      component.$$.on_mount = [];
-    });
-  }
-  after_update.forEach(add_render_callback);
-}
-function destroy_component(component, detaching) {
-  const $$ = component.$$;
-  if ($$.fragment !== null) {
-    run_all($$.on_destroy);
-    $$.fragment && $$.fragment.d(detaching);
-    $$.on_destroy = $$.fragment = null;
-    $$.ctx = [];
-  }
-}
-function make_dirty(component, i) {
-  if (component.$$.dirty[0] === -1) {
-    dirty_components.push(component);
-    schedule_update();
-    component.$$.dirty.fill(0);
-  }
-  component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
-}
-function init(component, options, instance2, create_fragment2, not_equal, props, append_styles, dirty = [-1]) {
-  const parent_component = current_component;
-  set_current_component(component);
-  const $$ = component.$$ = {
-    fragment: null,
-    ctx: null,
-    props,
-    update: noop,
-    not_equal,
-    bound: blank_object(),
-    on_mount: [],
-    on_destroy: [],
-    on_disconnect: [],
-    before_update: [],
-    after_update: [],
-    context: new Map(options.context || (parent_component ? parent_component.$$.context : [])),
-    callbacks: blank_object(),
-    dirty,
-    skip_bound: false,
-    root: options.target || parent_component.$$.root
-  };
-  append_styles && append_styles($$.root);
-  let ready = false;
-  $$.ctx = instance2 ? instance2(component, options.props || {}, (i, ret, ...rest) => {
-    const value = rest.length ? rest[0] : ret;
-    if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
-      if (!$$.skip_bound && $$.bound[i])
-        $$.bound[i](value);
-      if (ready)
-        make_dirty(component, i);
-    }
-    return ret;
-  }) : [];
-  $$.update();
-  ready = true;
-  run_all($$.before_update);
-  $$.fragment = create_fragment2 ? create_fragment2($$.ctx) : false;
-  if (options.target) {
-    if (options.hydrate) {
-      const nodes = children(options.target);
-      $$.fragment && $$.fragment.l(nodes);
-      nodes.forEach(detach);
-    } else {
-      $$.fragment && $$.fragment.c();
-    }
-    if (options.intro)
-      transition_in(component.$$.fragment);
-    mount_component(component, options.target, options.anchor, options.customElement);
-    flush();
-  }
-  set_current_component(parent_component);
-}
-class SvelteComponent {
-  $destroy() {
-    destroy_component(this, 1);
-    this.$destroy = noop;
-  }
-  $on(type, callback) {
-    const callbacks2 = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
-    callbacks2.push(callback);
-    return () => {
-      const index = callbacks2.indexOf(callback);
-      if (index !== -1)
-        callbacks2.splice(index, 1);
-    };
-  }
-  $set($$props) {
-    if (this.$$set && !is_empty($$props)) {
-      this.$$.skip_bound = true;
-      this.$$set($$props);
-      this.$$.skip_bound = false;
-    }
-  }
-}
-function create_if_block_1(ctx) {
-  let img;
-  let img_style_value;
-  let img_src_value;
-  return {
-    c() {
-      img = element("img");
-      attr(img, "class", "netless-window-manager-cursor-selector-avatar");
-      attr(img, "style", img_style_value = ctx[15]());
-      if (!src_url_equal(img.src, img_src_value = ctx[7]))
-        attr(img, "src", img_src_value);
-      attr(img, "alt", "avatar");
-    },
-    m(target, anchor) {
-      insert(target, img, anchor);
-    },
-    p(ctx2, dirty) {
-      if (dirty & 128 && !src_url_equal(img.src, img_src_value = ctx2[7])) {
-        attr(img, "src", img_src_value);
-      }
-    },
-    d(detaching) {
-      if (detaching)
-        detach(img);
-    }
-  };
-}
-function create_if_block(ctx) {
-  let span;
-  let t;
-  return {
-    c() {
-      span = element("span");
-      t = text$1(ctx[1]);
-      attr(span, "class", "netless-window-manager-cursor-tag-name");
-      set_style(span, "background-color", ctx[10]);
-    },
-    m(target, anchor) {
-      insert(target, span, anchor);
-      append(span, t);
-    },
-    p(ctx2, dirty) {
-      if (dirty & 2)
-        set_data(t, ctx2[1]);
-      if (dirty & 1024) {
-        set_style(span, "background-color", ctx2[10]);
-      }
-    },
-    d(detaching) {
-      if (detaching)
-        detach(span);
-    }
-  };
-}
-function create_fragment(ctx) {
-  let div3;
-  let div1;
-  let div0;
-  let t0;
-  let span;
-  let t1;
-  let t2;
-  let t3;
-  let div2;
-  let img;
-  let img_class_value;
-  let img_src_value;
-  let if_block0 = ctx[13] && create_if_block_1(ctx);
-  let if_block1 = ctx[14] && create_if_block(ctx);
-  return {
-    c() {
-      div3 = element("div");
-      div1 = element("div");
-      div0 = element("div");
-      if (if_block0)
-        if_block0.c();
-      t0 = space();
-      span = element("span");
-      t1 = text$1(ctx[0]);
-      t2 = space();
-      if (if_block1)
-        if_block1.c();
-      t3 = space();
-      div2 = element("div");
-      img = element("img");
-      set_style(span, "overflow", "hidden");
-      set_style(span, "white-space", "nowrap");
-      set_style(span, "text-overflow", "ellipsis");
-      set_style(span, "max-width", "80px");
-      attr(div0, "class", ctx[8]);
-      set_style(div0, "background-color", ctx[2]);
-      set_style(div0, "color", ctx[9]);
-      set_style(div0, "opacity", ctx[11]);
-      attr(div1, "class", "netless-window-manager-cursor-name");
-      attr(img, "class", img_class_value = "netless-window-manager-cursor-" + ctx[3] + "-image");
-      if (!src_url_equal(img.src, img_src_value = ctx[6]))
-        attr(img, "src", img_src_value);
-      attr(img, "alt", ctx[3]);
-      attr(div2, "class", "cursor-image-wrapper");
-      attr(div3, "class", "netless-window-manager-cursor-mid");
-      set_style(div3, "transform", "translateX(" + ctx[4] + "px) translateY(" + ctx[5] + "px)");
-      set_style(div3, "display", ctx[12]);
-    },
-    m(target, anchor) {
-      insert(target, div3, anchor);
-      append(div3, div1);
-      append(div1, div0);
-      if (if_block0)
-        if_block0.m(div0, null);
-      append(div0, t0);
-      append(div0, span);
-      append(span, t1);
-      append(div0, t2);
-      if (if_block1)
-        if_block1.m(div0, null);
-      append(div3, t3);
-      append(div3, div2);
-      append(div2, img);
-    },
-    p(ctx2, [dirty]) {
-      if (ctx2[13]) {
-        if (if_block0) {
-          if_block0.p(ctx2, dirty);
-        } else {
-          if_block0 = create_if_block_1(ctx2);
-          if_block0.c();
-          if_block0.m(div0, t0);
-        }
-      } else if (if_block0) {
-        if_block0.d(1);
-        if_block0 = null;
-      }
-      if (dirty & 1)
-        set_data(t1, ctx2[0]);
-      if (ctx2[14]) {
-        if (if_block1) {
-          if_block1.p(ctx2, dirty);
-        } else {
-          if_block1 = create_if_block(ctx2);
-          if_block1.c();
-          if_block1.m(div0, null);
-        }
-      } else if (if_block1) {
-        if_block1.d(1);
-        if_block1 = null;
-      }
-      if (dirty & 256) {
-        attr(div0, "class", ctx2[8]);
-      }
-      if (dirty & 4) {
-        set_style(div0, "background-color", ctx2[2]);
-      }
-      if (dirty & 512) {
-        set_style(div0, "color", ctx2[9]);
-      }
-      if (dirty & 2048) {
-        set_style(div0, "opacity", ctx2[11]);
-      }
-      if (dirty & 8 && img_class_value !== (img_class_value = "netless-window-manager-cursor-" + ctx2[3] + "-image")) {
-        attr(img, "class", img_class_value);
-      }
-      if (dirty & 64 && !src_url_equal(img.src, img_src_value = ctx2[6])) {
-        attr(img, "src", img_src_value);
-      }
-      if (dirty & 8) {
-        attr(img, "alt", ctx2[3]);
-      }
-      if (dirty & 48) {
-        set_style(div3, "transform", "translateX(" + ctx2[4] + "px) translateY(" + ctx2[5] + "px)");
-      }
-      if (dirty & 4096) {
-        set_style(div3, "display", ctx2[12]);
-      }
-    },
-    i: noop,
-    o: noop,
-    d(detaching) {
-      if (detaching)
-        detach(div3);
-      if (if_block0)
-        if_block0.d();
-      if (if_block1)
-        if_block1.d();
-    }
-  };
-}
-function instance($$self, $$props, $$invalidate) {
-  let hasName;
-  let hasTagName;
-  let hasAvatar;
-  let display;
-  let { cursorName } = $$props;
-  let { tagName } = $$props;
-  let { backgroundColor } = $$props;
-  let { appliance } = $$props;
-  let { x } = $$props;
-  let { y } = $$props;
-  let { src } = $$props;
-  let { visible } = $$props;
-  let { avatar } = $$props;
-  let { theme } = $$props;
-  let { color } = $$props;
-  let { cursorTagBackgroundColor } = $$props;
-  let { opacity } = $$props;
-  const computedAvatarStyle = () => {
-    return Object.entries({
-      width: (hasName ? 19 : 28) + "px",
-      height: (hasName ? 19 : 28) + "px",
-      position: hasName ? "initial" : "absolute",
-      "border-color": hasName ? "white" : backgroundColor,
-      "margin-right": (hasName ? 4 : 0) + "px"
-    }).map(([key, v]) => `${key}: ${v}`).join(";");
-  };
-  $$self.$$set = ($$props2) => {
-    if ("cursorName" in $$props2)
-      $$invalidate(0, cursorName = $$props2.cursorName);
-    if ("tagName" in $$props2)
-      $$invalidate(1, tagName = $$props2.tagName);
-    if ("backgroundColor" in $$props2)
-      $$invalidate(2, backgroundColor = $$props2.backgroundColor);
-    if ("appliance" in $$props2)
-      $$invalidate(3, appliance = $$props2.appliance);
-    if ("x" in $$props2)
-      $$invalidate(4, x = $$props2.x);
-    if ("y" in $$props2)
-      $$invalidate(5, y = $$props2.y);
-    if ("src" in $$props2)
-      $$invalidate(6, src = $$props2.src);
-    if ("visible" in $$props2)
-      $$invalidate(16, visible = $$props2.visible);
-    if ("avatar" in $$props2)
-      $$invalidate(7, avatar = $$props2.avatar);
-    if ("theme" in $$props2)
-      $$invalidate(8, theme = $$props2.theme);
-    if ("color" in $$props2)
-      $$invalidate(9, color = $$props2.color);
-    if ("cursorTagBackgroundColor" in $$props2)
-      $$invalidate(10, cursorTagBackgroundColor = $$props2.cursorTagBackgroundColor);
-    if ("opacity" in $$props2)
-      $$invalidate(11, opacity = $$props2.opacity);
-  };
-  $$self.$$.update = () => {
-    if ($$self.$$.dirty & 1) {
-      hasName = !isEmpty(cursorName);
-    }
-    if ($$self.$$.dirty & 2) {
-      $$invalidate(14, hasTagName = !isEmpty(tagName));
-    }
-    if ($$self.$$.dirty & 128) {
-      $$invalidate(13, hasAvatar = !isEmpty(avatar));
-    }
-    if ($$self.$$.dirty & 65536) {
-      $$invalidate(12, display = visible ? "initial" : "none");
-    }
-  };
-  return [
-    cursorName,
-    tagName,
-    backgroundColor,
-    appliance,
-    x,
-    y,
-    src,
-    avatar,
-    theme,
-    color,
-    cursorTagBackgroundColor,
-    opacity,
-    display,
-    hasAvatar,
-    hasTagName,
-    computedAvatarStyle,
-    visible
-  ];
-}
-class Cursor$1 extends SvelteComponent {
-  constructor(options) {
-    super();
-    init(this, options, instance, create_fragment, safe_not_equal, {
-      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
-    });
-  }
-}
-var pencil = "data:image/png;base64,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";
-var selector = "data:image/png;base64,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";
-var eraser = "data:image/png;base64,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";
-var shape = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaGFwZS1jdXJzb3I8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNMjAsMjEuNSBDMjAuMjQ1NDU5OSwyMS41IDIwLjQ0OTYwODQsMjEuNjc2ODc1MiAyMC40OTE5NDQzLDIxLjkxMDEyNDQgTDIwLjUsMjIgTDIwLjUsMjcgQzIwLjUsMjcuMjc2MTQyNCAyMC4yNzYxNDI0LDI3LjUgMjAsMjcuNSBDMTkuNzU0NTQwMSwyNy41IDE5LjU1MDM5MTYsMjcuMzIzMTI0OCAxOS41MDgwNTU3LDI3LjA4OTg3NTYgTDE5LjUsMjcgTDE5LjUsMjIgQzE5LjUsMjEuNzIzODU3NiAxOS43MjM4NTc2LDIxLjUgMjAsMjEuNSBaIE0yNywxOS41IEMyNy4yNzYxNDI0LDE5LjUgMjcuNSwxOS43MjM4NTc2IDI3LjUsMjAgQzI3LjUsMjAuMjQ1NDU5OSAyNy4zMjMxMjQ4LDIwLjQ0OTYwODQgMjcuMDg5ODc1NiwyMC40OTE5NDQzIEwyNywyMC41IEwyMiwyMC41IEMyMS43MjM4NTc2LDIwLjUgMjEuNSwyMC4yNzYxNDI0IDIxLjUsMjAgQzIxLjUsMTkuNzU0NTQwMSAyMS42NzY4NzUyLDE5LjU1MDM5MTYgMjEuOTEwMTI0NCwxOS41MDgwNTU3IEwyMiwxOS41IEwyNywxOS41IFogTTE4LDE5LjUgQzE4LjI3NjE0MjQsMTkuNSAxOC41LDE5LjcyMzg1NzYgMTguNSwyMCBDMTguNSwyMC4yNDU0NTk5IDE4LjMyMzEyNDgsMjAuNDQ5NjA4NCAxOC4wODk4NzU2LDIwLjQ5MTk0NDMgTDE4LDIwLjUgTDEzLDIwLjUgQzEyLjcyMzg1NzYsMjAuNSAxMi41LDIwLjI3NjE0MjQgMTIuNSwyMCBDMTIuNSwxOS43NTQ1NDAxIDEyLjY3Njg3NTIsMTkuNTUwMzkxNiAxMi45MTAxMjQ0LDE5LjUwODA1NTcgTDEzLDE5LjUgTDE4LDE5LjUgWiBNMjAsMTIuNSBDMjAuMjQ1NDU5OSwxMi41IDIwLjQ0OTYwODQsMTIuNjc2ODc1MiAyMC40OTE5NDQzLDEyLjkxMDEyNDQgTDIwLjUsMTMgTDIwLjUsMTggQzIwLjUsMTguMjc2MTQyNCAyMC4yNzYxNDI0LDE4LjUgMjAsMTguNSBDMTkuNzU0NTQwMSwxOC41IDE5LjU1MDM5MTYsMTguMzIzMTI0OCAxOS41MDgwNTU3LDE4LjA4OTg3NTYgTDE5LjUsMTggTDE5LjUsMTMgQzE5LjUsMTIuNzIzODU3NiAxOS43MjM4NTc2LDEyLjUgMjAsMTIuNSBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICAgICAgPGZpbHRlciB4PSItNjQuNiUiIHk9Ii01OS41JSIgd2lkdGg9IjIyOS4zJSIgaGVpZ2h0PSIyNDYuMSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci0yIj4KICAgICAgICAgICAgPGZlTW9ycGhvbG9neSByYWRpdXM9IjEiIG9wZXJhdG9yPSJkaWxhdGUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRPdXRlcjEiPjwvZmVNb3JwaG9sb2d5PgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSIyIiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMyIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlR2F1c3NpYW5CbHVyPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW49InNoYWRvd0JsdXJPdXRlcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUNvbXBvc2l0ZT4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgICAwIDAgMCAwIDAgICAwIDAgMCAwIDAgIDAgMCAwIDAuMTYgMCIgdHlwZT0ibWF0cml4IiBpbj0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgIDwvZmlsdGVyPgogICAgPC9kZWZzPgogICAgPGcgaWQ9Iumhtemdoi00IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iV2hpdGVib2FyZC1HdWlkZWxpbmVzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzQ0LjAwMDAwMCwgLTc1MS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9InNoYXBlLWN1cnNvciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQ0LjAwMDAwMCwgNzUxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9ouWkh+S7vS00NCIgZmlsbD0iI0ZGRkZGRiIgb3BhY2l0eT0iMC4wMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGcgaWQ9IuW9oueKtue7k+WQiCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxIiBkPSJNMjAsMjEgQzIwLjQ4NTQxMDMsMjEgMjAuODk4MDg1LDIxLjM0Nzk5OTMgMjAuOTg5OTQ3OSwyMS44NjU0ODc3IEwyMSwyMiBMMjEsMjcgQzIxLDI3LjU1MjI4NDcgMjAuNTUyMjg0NywyOCAyMCwyOCBDMTkuNTE0NTg5NywyOCAxOS4xMDE5MTUsMjcuNjUyMDAwNyAxOS4wMTAwNTIxLDI3LjEzNDUxMjMgTDE5LDI3IEwxOSwyMiBDMTksMjEuNDQ3NzE1MyAxOS40NDc3MTUzLDIxIDIwLDIxIFogTTI3LDE5IEMyNy41NTIyODQ3LDE5IDI4LDE5LjQ0NzcxNTMgMjgsMjAgQzI4LDIwLjQ4NTQxMDMgMjcuNjUyMDAwNywyMC44OTgwODUgMjcuMTM0NTEyMywyMC45ODk5NDc5IEwyNywyMSBMMjIsMjEgQzIxLjQ0NzcxNTMsMjEgMjEsMjAuNTUyMjg0NyAyMSwyMCBDMjEsMTkuNTE0NTg5NyAyMS4zNDc5OTkzLDE5LjEwMTkxNSAyMS44NjU0ODc3LDE5LjAxMDA1MjEgTDIyLDE5IEwyNywxOSBaIE0xOCwxOSBDMTguNTUyMjg0NywxOSAxOSwxOS40NDc3MTUzIDE5LDIwIEMxOSwyMC40ODU0MTAzIDE4LjY1MjAwMDcsMjAuODk4MDg1IDE4LjEzNDUxMjMsMjAuOTg5OTQ3OSBMMTgsMjEgTDEzLDIxIEMxMi40NDc3MTUzLDIxIDEyLDIwLjU1MjI4NDcgMTIsMjAgQzEyLDE5LjUxNDU4OTcgMTIuMzQ3OTk5MywxOS4xMDE5MTUgMTIuODY1NDg3NywxOS4wMTAwNTIxIEwxMywxOSBMMTgsMTkgWiBNMjAsMTIgQzIwLjQ4NTQxMDMsMTIgMjAuODk4MDg1LDEyLjM0Nzk5OTMgMjAuOTg5OTQ3OSwxMi44NjU0ODc3IEwyMSwxMyBMMjEsMTggQzIxLDE4LjU1MjI4NDcgMjAuNTUyMjg0NywxOSAyMCwxOSBDMTkuNTE0NTg5NywxOSAxOS4xMDE5MTUsMTguNjUyMDAwNyAxOS4wMTAwNTIxLDE4LjEzNDUxMjMgTDE5LDE4IEwxOSwxMyBDMTksMTIuNDQ3NzE1MyAxOS40NDc3MTUzLDEyIDIwLDEyIFoiIGZpbGw9IiMyMTIzMjQiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgZmlsbD0iI0ZGRkZGRiIgeD0iMTguNSIgeT0iMTciIHdpZHRoPSIzIiBoZWlnaHQ9IjYiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIGZpbGw9IiNGRkZGRkYiIHg9IjE3IiB5PSIxOC41IiB3aWR0aD0iNiIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjAsMjEuNSBDMjAuMjQ1NDU5OSwyMS41IDIwLjQ0OTYwODQsMjEuNjc2ODc1MiAyMC40OTE5NDQzLDIxLjkxMDEyNDQgTDIwLjUsMjIgTDIwLjUsMjcgQzIwLjUsMjcuMjc2MTQyNCAyMC4yNzYxNDI0LDI3LjUgMjAsMjcuNSBDMTkuNzU0NTQwMSwyNy41IDE5LjU1MDM5MTYsMjcuMzIzMTI0OCAxOS41MDgwNTU3LDI3LjA4OTg3NTYgTDE5LjUsMjcgTDE5LjUsMjIgQzE5LjUsMjEuNzIzODU3NiAxOS43MjM4NTc2LDIxLjUgMjAsMjEuNSBaIE0yNywxOS41IEMyNy4yNzYxNDI0LDE5LjUgMjcuNSwxOS43MjM4NTc2IDI3LjUsMjAgQzI3LjUsMjAuMjQ1NDU5OSAyNy4zMjMxMjQ4LDIwLjQ0OTYwODQgMjcuMDg5ODc1NiwyMC40OTE5NDQzIEwyNywyMC41IEwyMiwyMC41IEMyMS43MjM4NTc2LDIwLjUgMjEuNSwyMC4yNzYxNDI0IDIxLjUsMjAgQzIxLjUsMTkuNzU0NTQwMSAyMS42NzY4NzUyLDE5LjU1MDM5MTYgMjEuOTEwMTI0NCwxOS41MDgwNTU3IEwyMiwxOS41IEwyNywxOS41IFogTTE4LDE5LjUgQzE4LjI3NjE0MjQsMTkuNSAxOC41LDE5LjcyMzg1NzYgMTguNSwyMCBDMTguNSwyMC4yNDU0NTk5IDE4LjMyMzEyNDgsMjAuNDQ5NjA4NCAxOC4wODk4NzU2LDIwLjQ5MTk0NDMgTDE4LDIwLjUgTDEzLDIwLjUgQzEyLjcyMzg1NzYsMjAuNSAxMi41LDIwLjI3NjE0MjQgMTIuNSwyMCBDMTIuNSwxOS43NTQ1NDAxIDEyLjY3Njg3NTIsMTkuNTUwMzkxNiAxMi45MTAxMjQ0LDE5LjUwODA1NTcgTDEzLDE5LjUgTDE4LDE5LjUgWiBNMjAsMTIuNSBDMjAuMjQ1NDU5OSwxMi41IDIwLjQ0OTYwODQsMTIuNjc2ODc1MiAyMC40OTE5NDQzLDEyLjkxMDEyNDQgTDIwLjUsMTMgTDIwLjUsMTggQzIwLjUsMTguMjc2MTQyNCAyMC4yNzYxNDI0LDE4LjUgMjAsMTguNSBDMTkuNzU0NTQwMSwxOC41IDE5LjU1MDM5MTYsMTguMzIzMTI0OCAxOS41MDgwNTU3LDE4LjA4OTg3NTYgTDE5LjUsMTggTDE5LjUsMTMgQzE5LjUsMTIuNzIzODU3NiAxOS43MjM4NTc2LDEyLjUgMjAsMTIuNSBaIiBpZD0i5b2i54q257uT5ZCIIiBmaWxsPSIjMjEyMzI0IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+";
-var text = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDdweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDcgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT50ZXh0LWN1cnNvcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xNiwyNi41IEMxNS43MjM4NTc2LDI2LjUgMTUuNSwyNi4yNzYxNDI0IDE1LjUsMjYgQzE1LjUsMjUuNzU0NTQwMSAxNS42NzY4NzUyLDI1LjU1MDM5MTYgMTUuOTEwMTI0NCwyNS41MDgwNTU3IEwxNiwyNS41IEwxOS41LDI1LjUgTDE5LjUsMTQuNSBMMTYsMTQuNSBDMTUuNzIzODU3NiwxNC41IDE1LjUsMTQuMjc2MTQyNCAxNS41LDE0IEMxNS41LDEzLjc1NDU0MDEgMTUuNjc2ODc1MiwxMy41NTAzOTE2IDE1LjkxMDEyNDQsMTMuNTA4MDU1NyBMMTYsMTMuNSBMMjQsMTMuNSBDMjQuMjc2MTQyNCwxMy41IDI0LjUsMTMuNzIzODU3NiAyNC41LDE0IEMyNC41LDE0LjI0NTQ1OTkgMjQuMzIzMTI0OCwxNC40NDk2MDg0IDI0LjA4OTg3NTYsMTQuNDkxOTQ0MyBMMjQsMTQuNSBMMjAuNSwxNC41IEwyMC41LDI1LjUgTDI0LDI1LjUgQzI0LjI3NjE0MjQsMjUuNSAyNC41LDI1LjcyMzg1NzYgMjQuNSwyNiBDMjQuNSwyNi4yNDU0NTk5IDI0LjMyMzEyNDgsMjYuNDQ5NjA4NCAyNC4wODk4NzU2LDI2LjQ5MTk0NDMgTDI0LDI2LjUgTDE2LDI2LjUgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgICAgIDxmaWx0ZXIgeD0iLTI4NC4wJSIgeT0iLTgxLjUlIiB3aWR0aD0iNjY4LjElIiBoZWlnaHQ9IjI5My45JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTIiPgogICAgICAgICAgICA8ZmVNb3JwaG9sb2d5IHJhZGl1cz0iMSIgb3BlcmF0b3I9ImRpbGF0ZSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSI+PC9mZU1vcnBob2xvZ3k+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMCIgZHk9IjIiIGluPSJzaGFkb3dTcHJlYWRPdXRlcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlT2Zmc2V0PgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiPjwvZmVHYXVzc2lhbkJsdXI+CiAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93Qmx1ck91dGVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4xNiAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0i6aG16Z2iLTQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJXaGl0ZWJvYXJkLUd1aWRlbGluZXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODguMDAwMDAwLCAtNjcyLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0idGV4dC1jdXJzb3IiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5Mi4wMDAwMDAsIDY3Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaLlpIfku70tNDAiIGZpbGw9IiNGRkZGRkYiIG9wYWNpdHk9IjAuMDEiIHg9IjAiIHk9IjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcng9IjIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxnIGlkPSLlvaLnirbnu5PlkIgiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIxIiBmaWx0ZXI9InVybCgjZmlsdGVyLTIpIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMSIgZD0iTTE5LDI1IEwxOSwxNSBMMTYsMTUgQzE1LjQ0NzcxNTMsMTUgMTUsMTQuNTUyMjg0NyAxNSwxNCBDMTUsMTMuNTE0NTg5NyAxNS4zNDc5OTkzLDEzLjEwMTkxNSAxNS44NjU0ODc3LDEzLjAxMDA1MjEgTDE2LDEzIEwyNCwxMyBDMjQuNTUyMjg0NywxMyAyNSwxMy40NDc3MTUzIDI1LDE0IEMyNSwxNC40ODU0MTAzIDI0LjY1MjAwMDcsMTQuODk4MDg1IDI0LjEzNDUxMjMsMTQuOTg5OTQ3OSBMMjQsMTUgTDIxLDE1IEwyMSwyNSBMMjQsMjUgQzI0LjU1MjI4NDcsMjUgMjUsMjUuNDQ3NzE1MyAyNSwyNiBDMjUsMjYuNDg1NDEwMyAyNC42NTIwMDA3LDI2Ljg5ODA4NSAyNC4xMzQ1MTIzLDI2Ljk4OTk0NzkgTDI0LDI3IEwxNiwyNyBDMTUuNDQ3NzE1MywyNyAxNSwyNi41NTIyODQ3IDE1LDI2IEMxNSwyNS41MTQ1ODk3IDE1LjM0Nzk5OTMsMjUuMTAxOTE1IDE1Ljg2NTQ4NzcsMjUuMDEwMDUyMSBMMTYsMjUgTDE5LDI1IFoiIGZpbGw9IiMyMTIzMjQiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=";
-const ApplianceMap = {
-  [ApplianceNames.pencil]: pencil,
-  [ApplianceNames.selector]: selector,
-  [ApplianceNames.eraser]: eraser,
-  [ApplianceNames.shape]: shape,
-  [ApplianceNames.text]: text
-};
-class Cursor extends Base {
-  constructor(manager, addCursorChangeListener, cursors, memberId, cursorManager, wrapper) {
-    super(manager);
-    this.cursors = cursors;
-    this.memberId = memberId;
-    this.cursorManager = cursorManager;
-    this.wrapper = wrapper;
-    this.onCursorChange = (position, state) => {
-      var _a;
-      if (position.type === "main") {
-        const rect = this.cursorManager.wrapperRect;
-        if (this.component && rect) {
-          this.autoHidden();
-          this.moveCursor(position, rect, this.manager.mainView);
-        }
-      } else {
-        const focusView = this.cursorManager.focusView;
-        const viewRect = (_a = focusView == null ? void 0 : focusView.divElement) == null ? void 0 : _a.getBoundingClientRect();
-        const viewCamera = focusView == null ? void 0 : focusView.camera;
-        if (focusView && viewRect && viewCamera && this.component) {
-          this.autoHidden();
-          this.moveCursor(position, viewRect, focusView);
-        }
-      }
-      if (state && state === CursorState.Leave) {
-        this.hide();
-      }
-    };
-    this.setMember();
-    this.createCursor();
-    addCursorChangeListener(this.memberId, this.onCursorChange);
-    this.autoHidden();
-  }
-  moveCursor(cursor, rect, view) {
-    var _a, _b;
-    const { x, y, type } = cursor;
-    const point = view == null ? void 0 : view.screen.convertPointToScreen(x, y);
-    if (point) {
-      let translateX = point.x - 2;
-      let translateY = point.y - 18;
-      if (type === "app") {
-        const wrapperRect = this.cursorManager.wrapperRect;
-        if (wrapperRect) {
-          translateX = translateX + rect.x - wrapperRect.x;
-          translateY = translateY + rect.y - wrapperRect.y;
-        }
-      }
-      if (point.x < 0 || point.x > rect.width || point.y < 0 || point.y > rect.height) {
-        (_a = this.component) == null ? void 0 : _a.$set({ visible: false, x: translateX, y: translateY });
-      } else {
-        (_b = this.component) == null ? void 0 : _b.$set({ visible: true, x: translateX, y: translateY });
-      }
-    }
-  }
-  get memberApplianceName() {
-    var _a, _b;
-    return (_b = (_a = this.member) == null ? void 0 : _a.memberState) == null ? void 0 : _b.currentApplianceName;
-  }
-  get memberColor() {
-    var _a, _b;
-    const rgb = (_b = (_a = this.member) == null ? void 0 : _a.memberState) == null ? void 0 : _b.strokeColor.join(",");
-    return `rgb(${rgb})`;
-  }
-  get payload() {
-    var _a;
-    return (_a = this.member) == null ? void 0 : _a.payload;
-  }
-  get memberCursorName() {
-    var _a, _b;
-    return ((_a = this.payload) == null ? void 0 : _a.nickName) || ((_b = this.payload) == null ? void 0 : _b.cursorName) || this.memberId;
-  }
-  get memberTheme() {
-    var _a;
-    if ((_a = this.payload) == null ? void 0 : _a.theme) {
-      return "netless-window-manager-cursor-inner-mellow";
-    } else {
-      return "netless-window-manager-cursor-inner";
-    }
-  }
-  get memberCursorTextColor() {
-    var _a;
-    return ((_a = this.payload) == null ? void 0 : _a.cursorTextColor) || "#FFFFFF";
-  }
-  get memberCursorTagBackgroundColor() {
-    var _a;
-    return ((_a = this.payload) == null ? void 0 : _a.cursorTagBackgroundColor) || this.memberColor;
-  }
-  get memberAvatar() {
-    var _a;
-    return (_a = this.payload) == null ? void 0 : _a.avatar;
-  }
-  get memberOpacity() {
-    if (!this.memberCursorName && !this.memberAvatar) {
-      return 0;
-    } else {
-      return 1;
-    }
-  }
-  get cursorState() {
-    return get(this.cursors, [this.memberId, Fields.CursorState]);
-  }
-  get cursorPosition() {
-    return get(this.cursors, [this.memberId, Fields.Position]);
-  }
-  autoHidden() {
-    if (this.timer) {
-      clearTimeout(this.timer);
-    }
-    this.timer = window.setTimeout(() => {
-      this.hide();
-      this.store.updateCursorState(this.memberId, CursorState.Leave);
-    }, 1e3 * 10);
-  }
-  async createCursor() {
-    if (this.member && this.wrapper) {
-      this.component = new Cursor$1({
-        target: this.wrapper,
-        props: this.initProps()
-      });
-    }
-  }
-  initProps() {
-    return {
-      x: 0,
-      y: 0,
-      appliance: this.memberApplianceName,
-      avatar: this.memberAvatar,
-      src: this.getIcon(),
-      visible: false,
-      backgroundColor: this.memberColor,
-      cursorName: this.memberCursorName,
-      theme: this.memberTheme,
-      color: this.memberCursorTextColor,
-      cursorTagBackgroundColor: this.memberCursorTagBackgroundColor,
-      opacity: this.memberOpacity
-    };
-  }
-  getIcon() {
-    if (this.member) {
-      const applianceSrc = ApplianceMap[this.memberApplianceName || ApplianceNames.shape];
-      return applianceSrc || ApplianceMap[ApplianceNames.shape];
-    }
-  }
-  setMember() {
-    this.member = this.context.findMemberByUid(this.memberId);
-    this.updateComponent();
-  }
-  updateComponent() {
-    var _a;
-    (_a = this.component) == null ? void 0 : _a.$set(omit(this.initProps(), ["x", "y"]));
-  }
-  destroy() {
-    var _a;
-    if (this.component) {
-      this.component.$destroy();
-    }
-    (_a = this.manager.refresher) == null ? void 0 : _a.remove(this.memberId);
-    this.cursorManager.cursorInstances.delete(this.memberId);
-  }
-  hide() {
-    if (this.component) {
-      this.component.$set({ visible: false });
-    }
-  }
-}
-class CursorManager extends Base {
-  constructor(appManager) {
-    super(appManager);
-    var _a;
-    this.appManager = appManager;
-    this.cursorInstances = new Map();
-    this.sideEffectManager = new SideEffectManager();
-    this.getUids = (members) => {
-      return compact(uniq(members == null ? void 0 : members.map((member) => {
-        var _a2;
-        return (_a2 = member.payload) == null ? void 0 : _a2.uid;
-      })));
-    };
-    this.handleRoomMembersChange = debounce((wrapper2) => {
-      const uids = this.getUids(this.roomMembers);
-      const cursors = Object.keys(this.cursors);
-      if (uids == null ? void 0 : uids.length) {
-        cursors.map((uid) => {
-          if (uids.includes(uid) && !this.cursorInstances.has(uid)) {
-            if (uid === this.context.uid) {
-              return;
-            }
-            const component = new Cursor(this.appManager, this.addCursorChangeListener, this.cursors, uid, this, wrapper2);
-            this.cursorInstances.set(uid, component);
-          }
-        });
-      }
-    }, 100);
-    this.mouseMoveListener = debounce((event) => {
-      this.updateCursor(this.getType(event), event.clientX, event.clientY);
-    }, 5);
-    this.getPoint = (view, clientX, clientY) => {
-      var _a2;
-      const rect = (_a2 = view == null ? void 0 : view.divElement) == null ? void 0 : _a2.getBoundingClientRect();
-      if (rect) {
-        const point = view == null ? void 0 : view.convertToPointInWorld({
-          x: clientX - rect.x,
-          y: clientY - rect.y
-        });
-        return point;
-      }
-    };
-    this.getType = (event) => {
-      var _a2;
-      const target = event.target;
-      const focusApp = this.appManager.focusApp;
-      switch (target.parentElement) {
-        case this.mainViewElement: {
-          return { type: "main" };
-        }
-        case ((_a2 = focusApp == null ? void 0 : focusApp.view) == null ? void 0 : _a2.divElement): {
-          return { type: "app" };
-        }
-        default: {
-          return { type: "main" };
-        }
-      }
-    };
-    this.mouseLeaveListener = () => {
-      this.hideCursor(this.context.uid);
-      this.store.updateCursorState(this.context.uid, CursorState.Leave);
-    };
-    this.addCursorChangeListener = (uid, callback) => {
-      var _a2;
-      (_a2 = this.manager.refresher) == null ? void 0 : _a2.add(uid, () => {
-        const disposer = autorun(() => {
-          const position = get(this.cursors, [uid, Fields.Position]);
-          const state = get(this.cursors, [uid, Fields.CursorState]);
-          if (position) {
-            callback(position, state);
-          }
-        });
-        return disposer;
-      });
-    };
-    this.roomMembers = (_a = this.appManager.room) == null ? void 0 : _a.state.roomMembers;
-    const wrapper = WindowManager.wrapper;
-    if (wrapper) {
-      this.setupWrapper(wrapper);
-    }
-    emitter.on("onReconnected", () => {
-      this.onReconnect();
-    });
-  }
-  setupWrapper(wrapper) {
-    var _a;
-    if ((_a = this.manager.refresher) == null ? void 0 : _a.hasReactor("cursors")) {
-      this.destroy();
-    }
-    this.sideEffectManager.add(() => {
-      wrapper.addEventListener("pointerenter", this.mouseMoveListener);
-      wrapper.addEventListener("pointermove", this.mouseMoveListener);
-      wrapper.addEventListener("pointerleave", this.mouseLeaveListener);
-      return () => {
-        wrapper.removeEventListener("pointerenter", this.mouseMoveListener);
-        wrapper.removeEventListener("pointermove", this.mouseMoveListener);
-        wrapper.removeEventListener("pointerleave", this.mouseLeaveListener);
-      };
-    });
-    this.initCursorAttributes();
-    this.wrapperRect = wrapper.getBoundingClientRect();
-    this.startReaction(wrapper);
-  }
-  setMainViewDivElement(div) {
-    this.mainViewElement = div;
-  }
-  startReaction(wrapper) {
-    var _a;
-    (_a = this.manager.refresher) == null ? void 0 : _a.add("cursors", () => {
-      return onObjectInserted(this.cursors, () => {
-        this.handleRoomMembersChange(wrapper);
-      });
-    });
-  }
-  get cursors() {
-    var _a;
-    return (_a = this.manager.attributes) == null ? void 0 : _a[Fields.Cursors];
-  }
-  get boxState() {
-    return this.store.getBoxState();
-  }
-  get focusView() {
-    var _a;
-    return (_a = this.appManager.focusApp) == null ? void 0 : _a.view;
-  }
-  updateCursor(event, clientX, clientY) {
-    if (this.wrapperRect && this.manager.canOperate) {
-      const view = event.type === "main" ? this.appManager.mainView : this.focusView;
-      const point = this.getPoint(view, clientX, clientY);
-      if (point) {
-        this.setNormalCursorState();
-        this.store.updateCursor(this.context.uid, __spreadValues({
-          x: point.x,
-          y: point.y
-        }, event));
-      }
-    }
-  }
-  initCursorAttributes() {
-    this.store.updateCursor(this.context.uid, {
-      x: 0,
-      y: 0,
-      type: "main"
-    });
-    this.store.updateCursorState(this.context.uid, CursorState.Leave);
-  }
-  setNormalCursorState() {
-    const cursorState = this.store.getCursorState(this.context.uid);
-    if (cursorState !== CursorState.Normal) {
-      this.store.updateCursorState(this.context.uid, CursorState.Normal);
-    }
-  }
-  updateContainerRect() {
-    var _a, _b;
-    this.containerRect = (_a = WindowManager.container) == null ? void 0 : _a.getBoundingClientRect();
-    this.wrapperRect = (_b = WindowManager.wrapper) == null ? void 0 : _b.getBoundingClientRect();
-  }
-  setRoomMembers(members) {
-    this.roomMembers = members;
-    this.cursorInstances.forEach((cursor) => {
-      cursor.setMember();
-    });
-    if (WindowManager.wrapper) {
-      this.handleRoomMembersChange(WindowManager.wrapper);
-    }
-  }
-  deleteCursor(uid) {
-    this.store.cleanCursor(uid);
-    const cursor = this.cursorInstances.get(uid);
-    if (cursor) {
-      cursor.destroy();
-    }
-  }
-  hideCursor(uid) {
-    const cursor = this.cursorInstances.get(uid);
-    if (cursor) {
-      cursor.hide();
-    }
-  }
-  cleanMemberAttributes(members) {
-    const uids = this.getUids(members);
-    const needDeleteIds = [];
-    const cursors = Object.keys(this.cursors);
-    cursors.map((cursorId) => {
-      const index = uids.findIndex((id) => id === cursorId);
-      if (index === -1) {
-        needDeleteIds.push(cursorId);
-      }
-    });
-    needDeleteIds.forEach((uid) => {
-      this.deleteCursor(uid);
-    });
-  }
-  onReconnect() {
-    var _a;
-    if (this.cursorInstances.size) {
-      this.cursorInstances.forEach((cursor) => cursor.destroy());
-      this.cursorInstances.clear();
-    }
-    this.roomMembers = (_a = this.appManager.room) == null ? void 0 : _a.state.roomMembers;
-    if (WindowManager.wrapper) {
-      this.handleRoomMembersChange(WindowManager.wrapper);
-    }
-  }
-  destroy() {
-    var _a;
-    this.sideEffectManager.flushAll();
-    if (this.cursorInstances.size) {
-      this.cursorInstances.forEach((cursor) => {
-        cursor.destroy();
-      });
-      this.cursorInstances.clear();
-    }
-    (_a = this.manager.refresher) == null ? void 0 : _a.remove("cursors");
-  }
-}
-class ReconnectRefresher {
-  constructor(ctx) {
-    this.ctx = ctx;
-    this.reactors = new Map();
-    this.disposers = new Map();
-    this.onPhaseChanged = (phase) => {
-      if (phase === RoomPhase.Connected && this.phase === RoomPhase.Reconnecting) {
-        this.onReconnected();
-      }
-      this.phase = phase;
-    };
-    this.onReconnected = debounce(() => {
-      log("onReconnected refresh reactors");
-      this.releaseDisposers();
-      this.reactors.forEach((func, id) => {
-        if (isFunction(func)) {
-          this.disposers.set(id, func());
-        }
-      });
-      this.ctx.emitter.emit("onReconnected", void 0);
-    }, 3e3);
-  }
-  setRoom(room) {
-    this.room = room;
-    this.phase = room == null ? void 0 : room.phase;
-    room == null ? void 0 : room.callbacks.off("onPhaseChanged", this.onPhaseChanged);
-    room == null ? void 0 : room.callbacks.on("onPhaseChanged", this.onPhaseChanged);
-  }
-  setContext(ctx) {
-    this.ctx = ctx;
-  }
-  releaseDisposers() {
-    this.disposers.forEach((disposer) => {
-      if (isFunction(disposer)) {
-        disposer();
-      }
-    });
-    this.disposers.clear();
-  }
-  add(id, func) {
-    if (isFunction(func)) {
-      this.reactors.set(id, func);
-      this.disposers.set(id, func());
-    }
-  }
-  remove(id) {
-    if (this.reactors.has(id)) {
-      this.reactors.delete(id);
-    }
-    const disposer = this.disposers.get(id);
-    if (disposer) {
-      if (isFunction(disposer)) {
-        disposer();
-      }
-      this.disposers.delete(id);
-    }
-  }
-  hasReactor(id) {
-    return this.reactors.has(id);
-  }
-  destroy() {
-    var _a;
-    (_a = this.room) == null ? void 0 : _a.callbacks.off("onPhaseChanged", this.onPhaseChanged);
-    this.releaseDisposers();
-  }
-}
-const replaceRoomFunction = (room, manager) => {
-  if (isPlayer(room)) {
-    const player = room;
-    const originSeek = player.seekToProgressTime;
-    async function newSeek(time) {
-      const seekResult = await originSeek.call(player, time);
-      if (seekResult === "success") {
-        emitter.emit("seek", time);
-      }
-      return seekResult;
-    }
-    player.seekToProgressTime = newSeek;
-  } else {
-    const descriptor = Object.getOwnPropertyDescriptor(room, "disableCameraTransform");
-    if (descriptor)
-      return;
-    Object.defineProperty(room, "disableCameraTransform", {
-      get() {
-        return manager.mainView.disableCameraTransform;
-      },
-      set(disable) {
-        manager.mainView.disableCameraTransform = disable;
-      }
-    });
-    Object.defineProperty(room, "canUndoSteps", {
-      get() {
-        return manager.mainView.canUndoSteps;
-      }
-    });
-    Object.defineProperty(room, "canRedoSteps", {
-      get() {
-        return manager.mainView.canRedoSteps;
-      }
-    });
-    room.moveCamera = (camera) => manager.mainView.moveCamera(camera);
-    room.moveCameraToContain = (...args) => manager.moveCameraToContain(...args);
-    room.convertToPointInWorld = (...args) => manager.mainView.convertToPointInWorld(...args);
-    room.setCameraBound = (...args) => manager.mainView.setCameraBound(...args);
-    room.scenePreview = (...args) => manager.mainView.scenePreview(...args);
-    room.fillSceneSnapshot = (...args) => manager.mainView.fillSceneSnapshot(...args);
-    room.generateScreenshot = (...args) => manager.mainView.generateScreenshot(...args);
-    room.setMemberState = (...args) => manager.mainView.setMemberState(...args);
-    room.redo = () => manager.mainView.redo();
-    room.undo = () => manager.mainView.undo();
-    room.cleanCurrentScene = () => manager.mainView.cleanCurrentScene();
-  }
-};
-var style$2 = "";
-const setupBuiltin = () => {
-  if (WindowManager.debug) {
-    setOptions({ verbose: true });
-  }
-  WindowManager.register({
-    kind: AppDocsViewer.kind,
-    src: AppDocsViewer
-  });
-  WindowManager.register({
-    kind: AppMediaPlayer.kind,
-    src: AppMediaPlayer
-  });
-};
-const BuiltinApps = {
-  DocsViewer: AppDocsViewer.kind,
-  MediaPlayer: AppMediaPlayer.kind
-};
-const setupWrapper = (root) => {
-  const playground = document.createElement("div");
-  playground.className = "netless-window-manager-playground";
-  const sizer = document.createElement("div");
-  sizer.className = "netless-window-manager-sizer";
-  const wrapper = document.createElement("div");
-  wrapper.className = "netless-window-manager-wrapper";
-  const mainViewElement = document.createElement("div");
-  mainViewElement.className = "netless-window-manager-main-view";
-  playground.appendChild(sizer);
-  sizer.appendChild(wrapper);
-  wrapper.appendChild(mainViewElement);
-  root.appendChild(playground);
-  WindowManager.wrapper = wrapper;
-  return { playground, wrapper, sizer, mainViewElement };
-};
-var style$1 = "";
-var style = "";
-const emitter = new Emittery();
-const callbacks = new Emittery();
-const reconnectRefresher = new ReconnectRefresher({ emitter });
-const _WindowManager = class extends InvisiblePlugin {
-  constructor(context2) {
-    super(context2);
-    this.version = "0.4.0-canary.16";
-    this.emitter = callbacks;
-    this.viewMode = ViewMode.Broadcaster;
-    this.isReplay = isPlayer(this.displayer);
-    _WindowManager.displayer = context2.displayer;
-  }
-  static async mount(params) {
-    const room = params.room;
-    _WindowManager.container = params.container;
-    const containerSizeRatio = params.containerSizeRatio;
-    const debug = params.debug;
-    const cursor = params.cursor;
-    _WindowManager.params = params;
-    this.checkVersion();
-    if (isRoom(room)) {
-      if (room.phase !== RoomPhase.Connected) {
-        throw new Error("[WindowManager]: Room only Connected can be mount");
-      }
-      if (room.phase === RoomPhase.Connected && room.isWritable) {
-        room.disableSerialization = false;
-      }
-    }
-    if (_WindowManager.isCreated) {
-      throw new Error("[WindowManager]: Already created cannot be created again");
-    }
-    let manager = await this.initManager(room);
-    this.debug = Boolean(debug);
-    log("Already insert room", manager);
-    if (isRoom(this.displayer)) {
-      if (!manager) {
-        throw new Error("[WindowManager]: init InvisiblePlugin failed");
-      }
-    } else {
-      await pRetry(async (count) => {
-        manager = await this.initManager(room);
-        if (!manager) {
-          log(`manager is empty. retrying ${count}`);
-          throw new Error();
-        }
-      }, { retries: 10 });
-    }
-    if (containerSizeRatio) {
-      _WindowManager.containerSizeRatio = containerSizeRatio;
-    }
-    await manager.ensureAttributes();
-    manager.appManager = new AppManager(manager);
-    if (cursor) {
-      manager.cursorManager = new CursorManager(manager.appManager);
-    }
-    if (params.container) {
-      manager.bindContainer(params.container);
-    }
-    replaceRoomFunction(room, manager);
-    emitter.emit("onCreated");
-    _WindowManager.isCreated = true;
-    try {
-      await initDb();
-    } catch (error) {
-      console.warn("[WindowManager]: indexedDB open failed");
-      console.log(error);
-    }
-    return manager;
-  }
-  static async initManager(room) {
-    let manager = room.getInvisiblePlugin(_WindowManager.kind);
-    if (!manager) {
-      if (isRoom(room)) {
-        if (room.isWritable === false) {
-          try {
-            await room.setWritable(true);
-          } catch (error) {
-            throw new Error("[WindowManger]: room must be switched to be writable");
-          }
-          manager = await room.createInvisiblePlugin(_WindowManager, {});
-          manager.ensureAttributes();
-          await wait(500);
-          await room.setWritable(false);
-        } else {
-          manager = await room.createInvisiblePlugin(_WindowManager, {});
-        }
-      }
-    }
-    return manager;
-  }
-  static initContainer(manager, container, chessboard, overwriteStyles) {
-    if (!_WindowManager.container) {
-      _WindowManager.container = container;
-    }
-    const { playground, wrapper, sizer, mainViewElement } = setupWrapper(container);
-    _WindowManager.playground = playground;
-    if (chessboard) {
-      sizer.classList.add("netless-window-manager-chess-sizer");
-    }
-    if (overwriteStyles) {
-      const style2 = document.createElement("style");
-      style2.textContent = overwriteStyles;
-      playground.appendChild(style2);
-    }
-    manager.containerResizeObserver = ContainerResizeObserver.create(playground, sizer, wrapper, emitter);
-    _WindowManager.wrapper = wrapper;
-    return mainViewElement;
-  }
-  bindContainer(container) {
-    var _a, _b, _c, _d, _e, _f;
-    if (_WindowManager.isCreated && _WindowManager.container) {
-      if (_WindowManager.container.firstChild) {
-        container.appendChild(_WindowManager.container.firstChild);
-      }
-    } else {
-      if (_WindowManager.params) {
-        const params = _WindowManager.params;
-        const mainViewElement = _WindowManager.initContainer(this, container, params.chessboard, params.overwriteStyles);
-        const boxManager = createBoxManager(this, callbacks, emitter, {
-          collectorContainer: params.collectorContainer,
-          collectorStyles: params.collectorStyles,
-          prefersColorScheme: params.prefersColorScheme
-        });
-        this.boxManager = boxManager;
-        (_a = this.appManager) == null ? void 0 : _a.setBoxManager(boxManager);
-        this.bindMainView(mainViewElement, params.disableCameraTransform);
-        if (_WindowManager.wrapper) {
-          (_b = this.cursorManager) == null ? void 0 : _b.setupWrapper(_WindowManager.wrapper);
-        }
-      }
-    }
-    (_c = this.boxManager) == null ? void 0 : _c.updateManagerRect();
-    (_d = this.appManager) == null ? void 0 : _d.refresh();
-    (_e = this.appManager) == null ? void 0 : _e.resetMaximized();
-    (_f = this.appManager) == null ? void 0 : _f.resetMinimized();
-    _WindowManager.container = container;
-  }
-  bindCollectorContainer(container) {
-    if (_WindowManager.isCreated && this.boxManager) {
-      this.boxManager.setCollectorContainer(container);
-    } else {
-      if (_WindowManager.params) {
-        _WindowManager.params.collectorContainer = container;
-      }
-    }
-  }
-  static register(params) {
-    return appRegister.register(params);
-  }
-  async addApp(params) {
-    var _a, _b, _c;
-    if (this.appManager) {
-      if (!params.kind || typeof params.kind !== "string") {
-        throw new ParamsInvalidError();
-      }
-      const appImpl = await ((_a = appRegister.appClasses.get(params.kind)) == null ? void 0 : _a());
-      if (appImpl && ((_b = appImpl.config) == null ? void 0 : _b.singleton)) {
-        if (this.appManager.appProxies.has(params.kind)) {
-          throw new AppCreateError();
-        }
-      }
-      const isDynamicPPT = this.setupScenePath(params, this.appManager);
-      if (isDynamicPPT === void 0) {
-        return;
-      }
-      if ((_c = params == null ? void 0 : params.options) == null ? void 0 : _c.scenePath) {
-        params.options.scenePath = ensureValidScenePath(params.options.scenePath);
-      }
-      const appId = await this.appManager.addApp(params, Boolean(isDynamicPPT));
-      return appId;
-    } else {
-      throw new AppManagerNotInitError();
-    }
-  }
-  setupScenePath(params, appManager) {
-    var _a, _b, _c;
-    let isDynamicPPT = false;
-    if (params.options) {
-      const { scenePath, scenes } = params.options;
-      if (scenePath) {
-        if (!isValidScenePath(scenePath)) {
-          throw new InvalidScenePath();
-        }
-        const apps = Object.keys(this.apps || {});
-        for (const appId of apps) {
-          const appScenePath = appManager.store.getAppScenePath(appId);
-          if (appScenePath && appScenePath === scenePath) {
-            console.warn(`[WindowManager]: ScenePath ${scenePath} Already opened`);
-            if (this.boxManager) {
-              const topBox = this.boxManager.getTopBox();
-              if (topBox) {
-                this.boxManager.setZIndex(appId, topBox.zIndex + 1, false);
-              }
-            }
-            return;
-          }
-        }
-      }
-      if (scenePath && scenes && scenes.length > 0) {
-        if (this.isDynamicPPT(scenes)) {
-          isDynamicPPT = true;
-          if (!this.displayer.entireScenes()[scenePath]) {
-            (_a = this.room) == null ? void 0 : _a.putScenes(scenePath, scenes);
-          }
-        } else {
-          if (!this.displayer.entireScenes()[scenePath]) {
-            (_b = this.room) == null ? void 0 : _b.putScenes(scenePath, [{ name: scenes[0].name }]);
-          }
-        }
-      }
-      if (scenePath && scenes === void 0) {
-        (_c = this.room) == null ? void 0 : _c.putScenes(scenePath, [{}]);
-      }
-    }
-    return isDynamicPPT;
-  }
-  async setMainViewScenePath(scenePath) {
-    if (this.appManager) {
-      await this.appManager.setMainViewScenePath(scenePath);
-    }
-  }
-  async setMainViewSceneIndex(index) {
-    if (this.appManager) {
-      await this.appManager.setMainViewSceneIndex(index);
-    }
-  }
-  getMainViewScenePath() {
-    var _a;
-    return (_a = this.appManager) == null ? void 0 : _a.store.getMainViewScenePath();
-  }
-  getMainViewSceneIndex() {
-    var _a;
-    return (_a = this.appManager) == null ? void 0 : _a.store.getMainViewSceneIndex();
-  }
-  setReadonly(readonly) {
-    var _a;
-    this.readonly = readonly;
-    (_a = this.boxManager) == null ? void 0 : _a.setReadonly(readonly);
-  }
-  switchMainViewToWriter() {
-    var _a;
-    return (_a = this.appManager) == null ? void 0 : _a.mainViewProxy.mainViewClickHandler();
-  }
-  onAppDestroy(kind, listener) {
-    addEmitterOnceListener(`destroy-${kind}`, listener);
-  }
-  setViewMode(mode) {
-    var _a, _b, _c;
-    if (!this.canOperate)
-      return;
-    if (mode === ViewMode.Broadcaster) {
-      (_a = this.appManager) == null ? void 0 : _a.mainViewProxy.setCameraAndSize();
-      (_b = this.appManager) == null ? void 0 : _b.mainViewProxy.start();
-    }
-    if (mode === ViewMode.Freedom) {
-      (_c = this.appManager) == null ? void 0 : _c.mainViewProxy.stop();
-    }
-    this.viewMode = mode;
-  }
-  get mainView() {
-    if (this.appManager) {
-      return this.appManager.mainViewProxy.view;
-    } else {
-      throw new AppManagerNotInitError();
-    }
-  }
-  get camera() {
-    if (this.appManager) {
-      return this.appManager.mainViewProxy.view.camera;
-    } else {
-      throw new AppManagerNotInitError();
-    }
-  }
-  get cameraState() {
-    if (this.appManager) {
-      return this.appManager.mainViewProxy.cameraState;
-    } else {
-      throw new AppManagerNotInitError();
-    }
-  }
-  get apps() {
-    var _a;
-    return (_a = this.appManager) == null ? void 0 : _a.store.apps();
-  }
-  get boxState() {
-    var _a;
-    if (this.appManager) {
-      return (_a = this.appManager.boxManager) == null ? void 0 : _a.boxState;
-    } else {
-      throw new AppManagerNotInitError();
-    }
-  }
-  get darkMode() {
-    var _a, _b;
-    return Boolean((_b = (_a = this.appManager) == null ? void 0 : _a.boxManager) == null ? void 0 : _b.darkMode);
-  }
-  get prefersColorScheme() {
-    var _a;
-    if (this.appManager) {
-      return (_a = this.appManager.boxManager) == null ? void 0 : _a.prefersColorScheme;
-    } else {
-      throw new AppManagerNotInitError();
-    }
-  }
-  get focused() {
-    return this.attributes.focus;
-  }
-  get mainViewSceneIndex() {
-    var _a;
-    return (_a = this.appManager) == null ? void 0 : _a.store.getMainViewSceneIndex();
-  }
-  get mainViewSceneDir() {
-    var _a;
-    const scenePath = (_a = this.appManager) == null ? void 0 : _a.store.getMainViewScenePath();
-    if (scenePath) {
-      return parseSceneDir(scenePath);
-    } else {
-      throw new Error("[WindowManager]: mainViewSceneDir not found");
-    }
-  }
-  queryAll() {
-    var _a;
-    return Array.from(((_a = this.appManager) == null ? void 0 : _a.appProxies.values()) || []);
-  }
-  queryOne(appId) {
-    var _a;
-    return (_a = this.appManager) == null ? void 0 : _a.appProxies.get(appId);
-  }
-  async closeApp(appId) {
-    var _a;
-    return (_a = this.appManager) == null ? void 0 : _a.closeApp(appId);
-  }
-  moveCamera(camera) {
-    this.mainView.moveCamera(camera);
-  }
-  moveCameraToContain(rectangle) {
-    var _a;
-    this.mainView.moveCameraToContain(rectangle);
-    (_a = this.appManager) == null ? void 0 : _a.dispatchInternalEvent(Events.MoveCameraToContain, rectangle);
-    setTimeout(() => {
-      var _a2;
-      (_a2 = this.appManager) == null ? void 0 : _a2.mainViewProxy.setCameraAndSize();
-    }, 1e3);
-  }
-  convertToPointInWorld(point) {
-    return this.mainView.convertToPointInWorld(point);
-  }
-  setCameraBound(cameraBound) {
-    this.mainView.setCameraBound(cameraBound);
-  }
-  onDestroy() {
-    this._destroy();
-  }
-  destroy() {
-    this._destroy();
-  }
-  _destroy() {
-    var _a, _b, _c, _d;
-    (_a = this.containerResizeObserver) == null ? void 0 : _a.disconnect();
-    (_b = this.appManager) == null ? void 0 : _b.destroy();
-    (_c = this.cursorManager) == null ? void 0 : _c.destroy();
-    _WindowManager.container = void 0;
-    _WindowManager.wrapper = void 0;
-    _WindowManager.isCreated = false;
-    if (_WindowManager.playground) {
-      (_d = _WindowManager.playground.parentNode) == null ? void 0 : _d.removeChild(_WindowManager.playground);
-    }
-    _WindowManager.params = void 0;
-    log("Destroyed");
-  }
-  bindMainView(divElement, disableCameraTransform) {
-    var _a;
-    if (this.appManager) {
-      this.appManager.bindMainView(divElement, Boolean(disableCameraTransform));
-      (_a = this.cursorManager) == null ? void 0 : _a.setMainViewDivElement(divElement);
-    }
-  }
-  get canOperate() {
-    if (isRoom(this.displayer)) {
-      return this.displayer.isWritable && this.displayer.phase === RoomPhase.Connected;
-    } else {
-      return false;
-    }
-  }
-  get room() {
-    return this.displayer;
-  }
-  safeSetAttributes(attributes) {
-    if (this.canOperate) {
-      this.setAttributes(attributes);
-    }
-  }
-  safeUpdateAttributes(keys, value) {
-    if (this.canOperate) {
-      this.updateAttributes(keys, value);
-    }
-  }
-  setPrefersColorScheme(scheme) {
-    var _a, _b;
-    (_b = (_a = this.appManager) == null ? void 0 : _a.boxManager) == null ? void 0 : _b.setPrefersColorScheme(scheme);
-  }
-  isDynamicPPT(scenes) {
-    var _a, _b;
-    const sceneSrc = (_b = (_a = scenes[0]) == null ? void 0 : _a.ppt) == null ? void 0 : _b.src;
-    return sceneSrc == null ? void 0 : sceneSrc.startsWith("pptx://");
-  }
-  static checkVersion() {
-    const version = getVersionNumber(WhiteVersion);
-    if (version < getVersionNumber(REQUIRE_VERSION)) {
-      throw new WhiteWebSDKInvalidError(REQUIRE_VERSION);
-    }
-  }
-  async ensureAttributes() {
-    if (isNull(this.attributes)) {
-      await wait(50);
-    }
-    if (isObject(this.attributes)) {
-      if (!this.attributes[Fields.Apps]) {
-        this.safeSetAttributes({ [Fields.Apps]: {} });
-      }
-      if (!this.attributes[Fields.Cursors]) {
-        this.safeSetAttributes({ [Fields.Cursors]: {} });
-      }
-      const sceneState = this.displayer.state.sceneState;
-      if (!this.attributes["_mainScenePath"]) {
-        this.safeSetAttributes({ _mainScenePath: sceneState.scenePath });
-      }
-      if (!this.attributes["_mainSceneIndex"]) {
-        this.safeSetAttributes({ _mainSceneIndex: sceneState.index });
-      }
-    }
-  }
-};
-let WindowManager = _WindowManager;
-WindowManager.kind = "WindowManager";
-WindowManager.debug = false;
-WindowManager.containerSizeRatio = DEFAULT_CONTAINER_RATIO;
-WindowManager.isCreated = false;
-setupBuiltin();
-export { BuiltinApps, WindowManager, callbacks, emitter, reconnectRefresher };
+var e,t,i=Object.defineProperty,s=Object.defineProperties,a=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,h=(e,t,s)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,c=(e,t)=>{for(var i in t||(t={}))n.call(t,i)&&h(e,i,t[i]);if(r)for(var i of r(t))o.call(t,i)&&h(e,i,t[i]);return e},d=(e,t)=>s(e,a(t));import l from"emittery";import p from"p-retry";import{ResizeObserver as g}from"@juggle/resize-observer";import{debounce as u,isObject as M,has as m,get as w,size as I,mapValues as A,noop as x,pick as C,isEqual as y,isEmpty as b,isInteger as v,sortBy as S,maxBy as N,omit as D,compact as f,uniq as T,isFunction as j,isNull as E}from"lodash";import{TELE_BOX_MANAGER_EVENT as L,TELE_BOX_STATE as z,TeleBoxManager as P,TeleBoxCollector as B}from"@netless/telebox-insider";import{ScenePathType as V,UpdateEventKind as U,listenUpdated as k,unlistenUpdated as O,reaction as R,autorun as Z,toJS as Q,listenDisposed as G,unlistenDisposed as W,AnimationMode as Y,isPlayer as F,isRoom as H,ApplianceNames as X,RoomPhase as J,InvisiblePlugin as K,ViewMode as _,WhiteVersion as q}from"white-web-sdk";import{v4 as $}from"uuid";import{genUID as ee,SideEffectManager as te}from"side-effect-manager";import ie from"@netless/app-docs-viewer";import se,{setOptions as ae}from"@netless/app-media-player";(t=e||(e={})).AppMove="AppMove",t.AppFocus="AppFocus",t.AppResize="AppResize",t.AppBoxStateChange="AppBoxStateChange",t.GetAttributes="GetAttributes",t.UpdateWindowManagerWrapper="UpdateWindowManagerWrapper",t.InitReplay="InitReplay",t.WindowCreated="WindowCreated",t.SetMainViewScenePath="SetMainViewScenePath",t.SetMainViewSceneIndex="SetMainViewSceneIndex",t.SwitchViewsToFreedom="SwitchViewsToFreedom",t.MoveCameraToContain="MoveCameraToContain";var re,ne,oe,he,ce,de,le;(ne=re||(re={})).Size="size",ne.Position="position",ne.SceneIndex="SceneIndex",ne.ZIndex="zIndex",(he=oe||(oe={})).setBoxSize="setBoxSize",he.setBoxMinSize="setBoxMinSize",he.destroy="destroy",(ce||(ce={})).StartCreate="StartCreate",(le=de||(de={})).Leave="leave",le.Normal="normal";const pe=340/720,ge=340/720;let ue,Me;const me=async()=>{ue=await new Promise(((e,t)=>{const i=indexedDB.open("__WindowManagerAppCache",2);i.onerror=e=>{t(e)},i.onupgradeneeded=e=>{const t=e.target.result;t.objectStoreNames.contains("apps")||(Me=t.createObjectStore("apps",{keyPath:"kind"}),Me.createIndex("kind","kind",{unique:!0}))},i.onsuccess=()=>{const t=i.result;e(t)}}))},we=(e,t)=>{var i,s;if(ue)return i=ue,s={kind:e,sourceCode:t},new Promise(((e,t)=>{const a=i.transaction(["apps"],"readwrite").objectStore("apps").add(s);a.onsuccess=()=>e(),a.onerror=()=>t()}))},Ie=async e=>{return ue?await(t=ue,i=e,new Promise(((e,s)=>{const a=t.transaction(["apps"]).objectStore("apps").index("kind").get(i);a.onerror=e=>s(e),a.onsuccess=()=>{a.result?e(a.result):e(null)}}))):null;var t,i};const Ae=async e=>{const t=await Ie(e);if(t)return t.sourceCode;{const t=await async function(e,t){const{timeout:i=1e4}=t,s=new AbortController,a=setTimeout((()=>s.abort()),i),r=await fetch(e,d(c({},t),{signal:s.signal,headers:{"content-type":"text/plain"}}));return clearTimeout(a),r}(e,{timeout:1e4}),i=await t.text();return await we(e,i),i}},xe=(e,t)=>{let i=Function(e+`;return ${t}`)();return void 0===i&&(i=window[t]),i};const Ce=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()=>{let i=await(async(e,t,i)=>{const s=i||"NetlessApp"+t,a=await Ae(e);try{return xe(a,s)}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,xe(a,s)}}})(t,e.kind);if(i)return i.__esModule&&(i=i.default),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 s=this.kindEmitters.get(e);await(null==s?void 0:s.emit(t,i))}createKindEmitter(e){if(!this.kindEmitters.has(e)){const t=new l;this.kindEmitters.set(e,t)}return this.kindEmitters.get(e)}},ye=(e,t)=>{if(e.focusScenePath!==t)return e.focusScenePath=t,e},be=(e,t)=>{e&&e.isWritable&&e.state.sceneState.scenePath!==t&&e.setScenePath(t)};u(((e,t)=>{e.emit("mainViewModeChange",t)}),200);const ve=(e,t,i=0)=>{const s=Se(e)[t];if(!s)return;const a=s[i];if(!a)return;const r=a.name;return"/"===t?`/${r}`:`${t}/${r}`},Se=e=>e.entireScenes(),Ne=e=>{const t=e.split("/");t.pop();let i=t.join("/");return""===i&&(i="/"),i},De=e=>{const t=e.split(".").map((e=>e.padStart(2,"0"))).join("");return parseInt(t)},fe=e=>new Promise((t=>setTimeout(t,e)));class Te{constructor(t){this.manager=t,this.displayer=this.manager.displayer,this.mainMagixEventListener=t=>{if(t.authorId!==this.displayer.observerId){const i=t.payload;switch(i.eventName){case e.AppMove:this.appMoveHandler(i.payload);break;case e.AppResize:this.appResizeHandler(i.payload);break;case e.AppBoxStateChange:this.boxStateChangeHandler(i.payload);break;case e.SetMainViewScenePath:this.setMainViewScenePathHandler(i.payload);break;case e.MoveCameraToContain:this.moveCameraToContainHandler(i.payload)}}},this.appMoveHandler=e=>{var t;null==(t=this.boxManager)||t.moveBox(e)},this.appResizeHandler=e=>{var t,i;null==(t=this.boxManager)||t.resizeBox(Object.assign(e,{skipUpdate:!0})),null==(i=this.manager.room)||i.refreshViewSize()},this.boxStateChangeHandler=e=>{qt.emit("boxStateChange",e)},this.setMainViewScenePathHandler=({nextScenePath:e})=>{ye(this.manager.mainView,e),qt.emit("mainViewScenePathChange",e)},this.moveCameraToContainHandler=e=>{this.manager.mainView.moveCameraToContain(e)}}get boxManager(){return this.manager.boxManager}addListeners(){this.displayer.addMagixEventListener("__WindowManger",this.mainMagixEventListener)}removeListeners(){this.displayer.removeMagixEventListener("__WindowManger",this.mainMagixEventListener)}}class je extends Error{constructor(){super(...arguments),this.message="[WindowManager]: app duplicate exists and cannot be created again"}}class Ee extends Error{constructor(){super(...arguments),this.message="[WindowManager]: AppManager must be initialized"}}class Le extends Error{constructor(e){super(`[WindowManager]: white-web-sdk version must large than ${e}`)}}class ze extends Error{constructor(){super(...arguments),this.message="[WindowManager]: kind must be a valid string"}}class Pe extends Error{constructor(){super(...arguments),this.message="[WindowManager]: box need created"}}class Be extends Error{constructor(){super(...arguments),this.message='[WindowManager]: ScenePath should start with "/"'}}class Ve extends Error{constructor(){super(...arguments),this.message="[WindowManager]: boxManager not found"}}const Ue=e=>(t,i)=>{if(void 0!==t){if(k){const s=t=>{t.map((e=>e.kind)).includes(e)&&i()};return k(t,s),i(),()=>O(t,s)}return R((()=>t),(()=>{i()}),{fireImmediately:!0})}},ke=(e,t,i)=>{let s=null;const a=R(e,(()=>{s&&(s(),s=null);const a=e();M(a)?(s=()=>O(a,t),k(a,t)):null==i||i(a)}),{fireImmediately:!0});return()=>{null==s||s(),a()}},Oe=Ue(U.Removed),Re=Ue(U.Inserted),Ze=Object.keys;function Qe(e){return Boolean(m(e,"__isRef"))}class Ge{constructor(){this.listeners=new Set}get length(){return this.listeners.size}dispatch(e){this.listeners.forEach((t=>t(e)))}addListener(e){this.listeners.add(e)}removeListener(e){this.listeners.delete(e)}}const We="_WM-STORAGE_";class Ye{constructor(e,t,i){if(this._sideEffect=new te,this._destroyed=!1,this._refMap=new WeakMap,this._lastValue=new Map,this.onStateChanged=new Ge,i&&!M(i))throw new Error(`Default state for Storage ${t} is not an object.`);this._context=e,this.id=t||null,this._state={};const s=this._getRawState(this._state);null!==this.id&&this._context.getIsWritable()&&(s!==this._state&&M(s)||(w(this._context.getAttributes(),[We])||this._context.updateAttributes([We],{}),this._context.updateAttributes([We,this.id],this._state)),i&&this.setState(i)),Ze(s).forEach((e=>{if(null!==this.id||e!==We)try{const t=M(s[e])?JSON.parse(JSON.stringify(s[e])):s[e];Qe(t)?(this._state[e]=t.v,M(t.v)&&this._refMap.set(t.v,t)):this._state[e]=t}catch(t){console.error(t)}})),this._sideEffect.addDisposer(ke((()=>null===this.id?e.getAttributes():w(e.getAttributes(),[We,this.id])),this._updateProperties.bind(this),this.destroy.bind(this)))}get state(){return this._destroyed&&console.warn(`Accessing state on destroyed Storage "${this.id}"`),this._state}addStateChangedListener(e){return this.onStateChanged.addListener(e),()=>this.onStateChanged.removeListener(e)}ensureState(e){return this.setState(Ze(e).reduce(((t,i)=>(m(this._state,i)||(t[i]=e[i]),t)),{}))}setState(e){if(this._destroyed)return void console.error(new Error(`Cannot call setState on destroyed Storage "${this.id}".`));if(!this._context.getIsWritable())return void console.error(new Error(`Cannot setState on Storage "${this.id}" without writable access`),e);const t=Ze(e);t.length>0&&t.forEach((t=>{const i=e[t];var s;if(i!==this._state[t])if(void 0===i)this._lastValue.set(t,this._state[t]),delete this._state[t],this._setRawState(t,i);else{this._lastValue.set(t,this._state[t]),this._state[t]=i;let e=i;if(M(i)){let t=this._refMap.get(i);t||(s=i,t={k:ee(),v:s,__isRef:!0},this._refMap.set(i,t)),e=t}this._setRawState(t,e)}}))}emptyStorage(){I(this._state)<=0||(this._destroyed?console.error(new Error(`Cannot empty destroyed Storage "${this.id}".`)):this._context.getIsWritable()?this.setState(A(this._state,x)):console.error(new Error(`Cannot empty Storage "${this.id}" without writable access.`)))}deleteStorage(){if(null===this.id)throw new Error("Cannot delete main Storage");this._context.getIsWritable()?(this.destroy(),this._context.updateAttributes([We,this.id],void 0)):console.error(new Error(`Cannot delete Storage "${this.id}" without writable access.`))}get destroyed(){return this._destroyed}destroy(){this._destroyed=!0,this._sideEffect.flushAll()}_getRawState(e){return null===this.id?w(this._context.getAttributes(),[],e):w(this._context.getAttributes(),[We,this.id],e)}_setRawState(e,t){if(null===this.id){if(e===We)throw new Error('Cannot set attribute internal filed "_WM-STORAGE_"');return this._context.updateAttributes([e],t)}return this._context.updateAttributes([We,this.id,e],t)}_updateProperties(e){var t;if(this._destroyed)console.error(new Error(`Cannot call _updateProperties on destroyed Storage "${this.id}".`));else if(e.length>0){const s={};for(let a=0;a<e.length;a++)try{const i=e[a],r=i.key;if(null===this.id&&r===We)continue;const n=M(i.value)?JSON.parse(JSON.stringify(i.value)):i.value;let o;switch(this._lastValue.has(r)&&(o=this._lastValue.get(r),this._lastValue.delete(r)),i.kind){case 2:m(this._state,r)&&(o=this._state[r],delete this._state[r]),s[r]={oldValue:o};break;default:{let e=n;if(Qe(n)){const{k:i,v:s}=n,a=this._state[r];M(a)&&(null==(t=this._refMap.get(a))?void 0:t.k)===i?e=a:(e=s,M(s)&&this._refMap.set(s,n))}e!==this._state[r]&&(o=this._state[r],this._state[r]=e),s[r]={newValue:e,oldValue:o};break}}}catch(i){console.error(i)}this.onStateChanged.dispatch(s)}}}class Fe{constructor(e,t,i,s,a){this.manager=e,this.boxManager=t,this.appId=i,this.appProxy=s,this.appOptions=a,this.mobxUtils={autorun:Z,reaction:R,toJS:Q},this.objectUtils={listenUpdated:k,unlistenUpdated:O,listenDisposed:G,unlistenDisposed:W},this.store=this.manager.store,this.isReplay=this.manager.isReplay,this.getDisplayer=()=>this.manager.displayer,this.getAttributes=()=>this.appProxy.attributes,this.getScenes=()=>{const e=this.store.getAppAttributes(this.appId);return(null==e?void 0:e.isDynamicPPT)?this.appProxy.scenes:null==e?void 0:e.options.scenes},this.getView=()=>this.appProxy.view,this.getInitScenePath=()=>this.manager.getAppInitPath(this.appId),this.getIsWritable=()=>this.manager.canOperate,this.getBox=()=>{const e=this.boxManager.getBox(this.appId);if(e)return e;throw new Pe},this.getRoom=()=>this.manager.room,this.setAttributes=e=>{this.manager.safeSetAttributes({[this.appId]:e})},this.updateAttributes=(e,t)=>{this.manager.attributes[this.appId]&&this.manager.safeUpdateAttributes([this.appId,...e],t)},this.setScenePath=async e=>{var t;this.appProxy.box&&(this.appProxy.setFullPath(e),null==(t=this.getRoom())||t.setScenePath(e))},this.mountView=e=>{const t=this.getView();t&&(t.divElement=e,setTimeout((()=>{var e;null==(e=this.getRoom())||e.refreshViewSize()}),1e3))},this.getAppOptions=()=>"function"==typeof this.appOptions?this.appOptions():this.appOptions,this.createStorage=(e,t)=>{const i=new Ye(this,e,t);return this.emitter.on("destroy",(()=>{i.destroy()})),i},this.dispatchMagixEvent=this.manager.displayer.dispatchMagixEvent.bind(this.manager.displayer),this.addMagixEventListener=(e,t,i)=>(this.manager.displayer.addMagixEventListener(e,t,i),()=>this.manager.displayer.removeMagixEventListener(e,t)),this.removeMagixEventListener=this.manager.displayer.removeMagixEventListener.bind(this.manager.displayer),this.emitter=s.appEmitter,this.isAddApp=s.isAddApp}get storage(){return this._storage||(this._storage=new Ye(this)),this._storage}}var He,Xe;(Xe=He||(He={})).Apps="apps",Xe.Focus="focus",Xe.State="state",Xe.BoxState="boxState",Xe.MainViewCamera="mainViewCamera",Xe.MainViewSize="mainViewSize",Xe.Broadcaster="broadcaster",Xe.Cursors="cursors",Xe.Position="position",Xe.CursorState="cursorState",Xe.FullPath="fullPath";const Je=new class{constructor(e){this.context=e}setContext(e){this.context=e}get attributes(){return this.context.getAttributes()}apps(){return w(this.attributes,[He.Apps])}get focus(){return w(this.attributes,[He.Focus])}getAppAttributes(e){return w(this.apps(),[e])}getAppState(e){return w(this.apps(),[e,He.State])}getMaximized(){return w(this.attributes,["maximized"])}getMinimized(){return w(this.attributes,["minimized"])}setupAppAttributes(e,t,i){this.attributes.apps||this.context.safeSetAttributes({apps:{}});const s=["scenePath","title"];i||s.push("scenes");const a=C(e.options,s),r={kind:e.kind,options:a,isDynamicPPT:i};"string"==typeof e.src&&(r.src=e.src),r.createdAt=Date.now(),this.context.safeUpdateAttributes([He.Apps,t],r),this.context.safeUpdateAttributes([He.Apps,t,He.State],{[re.Size]:{},[re.Position]:{},[re.SceneIndex]:0})}updateAppState(e,t,i){w(this.attributes,[He.Apps,e,He.State])&&this.context.safeUpdateAttributes([He.Apps,e,He.State,t],i)}cleanAppAttributes(e){this.context.safeUpdateAttributes([He.Apps,e],void 0),this.context.safeSetAttributes({[e]:void 0});this.attributes[He.Focus]===e&&this.cleanFocus()}cleanFocus(){this.context.safeSetAttributes({[He.Focus]:void 0})}getAppSceneIndex(e){var t;return null==(t=this.getAppState(e))?void 0:t[re.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.attributes._mainScenePath}getMainViewSceneIndex(){return this.attributes._mainSceneIndex}getBoxState(){return this.attributes[He.BoxState]}setMainViewScenePath(e){this.context.safeSetAttributes({_mainScenePath:e})}setMainViewSceneIndex(e){this.context.safeSetAttributes({_mainSceneIndex:e})}getMainViewCamera(){return w(this.attributes,[He.MainViewCamera])}getMainViewSize(){return w(this.attributes,[He.MainViewSize])}setMainViewCamera(e){this.context.safeSetAttributes({[He.MainViewCamera]:c({},e)})}setMainViewSize(e){this.context.safeSetAttributes({[He.MainViewSize]:c({},e)})}setAppFocus(e,t){t?this.context.safeSetAttributes({[He.Focus]:e}):this.context.safeSetAttributes({[He.Focus]:void 0})}updateCursor(e,t){w(this.attributes,[He.Cursors])||this.context.safeUpdateAttributes([He.Cursors],{}),w(this.attributes,[He.Cursors,e])||this.context.safeUpdateAttributes([He.Cursors,e],{}),this.context.safeUpdateAttributes([He.Cursors,e,He.Position],t)}updateCursorState(e,t){w(this.attributes,[He.Cursors,e])||this.context.safeUpdateAttributes([He.Cursors,e],{}),this.context.safeUpdateAttributes([He.Cursors,e,He.CursorState],t)}getCursorState(e){return w(this.attributes,[He.Cursors,e,He.CursorState])}cleanCursor(e){this.context.safeUpdateAttributes([He.Cursors,e],void 0)}setMainViewFocusPath(e){const t=this.getMainViewScenePath();t&&ye(e,t)}}({getAttributes:()=>{throw new Error("getAttributes not implemented")},safeSetAttributes:()=>{throw new Error("safeSetAttributes not implemented")},safeUpdateAttributes:()=>{throw new Error("safeUpdateAttributes not implemented")}}),Ke=(...e)=>{ti.debug&&console.log("[WindowManager]:",...e)};class _e{constructor(e){this.manager=e,this.findMember=e=>{var t;const i=null==(t=this.manager.room)?void 0:t.state.roomMembers;return null==i?void 0:i.find((t=>t.memberId===e))},this.findMemberByUid=e=>{var t;const i=null==(t=this.manager.room)?void 0:t.state.roomMembers;return null==i?void 0:i.find((t=>{var i;return(null==(i=t.payload)?void 0:i.uid)===e}))},this.observerId=e.displayer.observerId,_t.on("observerIdChange",(e=>{this.observerId=e}))}get uid(){var e;return(null==(e=this.manager.room)?void 0:e.uid)||""}updateManagerRect(){var e;null==(e=this.manager.boxManager)||e.updateManagerRect()}blurFocusBox(){var e;null==(e=this.manager.boxManager)||e.blurAllBox()}}let qe;class $e{constructor(e){this.manager=e,this.store=Je,this.context=(e=>(qe||(qe=new _e(e)),qe))(this.manager)}}class et extends $e{constructor(e,t,i,s){var a;super(t),this.params=e,this.boxManager=this.manager.boxManager,this.appProxies=this.manager.appProxies,this.viewManager=this.manager.viewManager,this.status="normal",this.getAppInitState=e=>{var t,i;const s=this.store.getAppState(e);if(!s)return;const a=null==s?void 0:s[re.Position],r=this.store.focus,n=null==s?void 0:s[re.Size],o=null==s?void 0:s[re.SceneIndex];let h={maximized:null==(t=this.attributes)?void 0:t.maximized,minimized:null==(i=this.attributes)?void 0:i.minimized,zIndex:null==s?void 0:s.zIndex};return a&&(h=d(c({},h),{id:e,x:a.x,y:a.y})),r===e&&(h=d(c({},h),{focus:!0})),n&&(h=d(c({},h),{width:n.width,height:n.height})),o&&(h=d(c({},h),{sceneIndex:o})),h},this.appAttributesUpdateListener=e=>{var t,i,s;null==(t=this.manager.refresher)||t.add(e,(()=>Z((()=>{const t=this.manager.attributes[e];t&&this.appEmitter.emit("attributesUpdate",t)})))),null==(i=this.manager.refresher)||i.add(this.stateKey,(()=>Z((()=>{var t,i,s;const a=null==(t=this.appAttributes)?void 0:t.state;(null==a?void 0:a.zIndex)>0&&a.zIndex!==(null==(i=this.box)?void 0:i.zIndex)&&(null==(s=this.boxManager)||s.setZIndex(e,a.zIndex))})))),null==(s=this.manager.refresher)||s.add(`${e}-fullPath`,(()=>Z((()=>{var e;const t=null==(e=this.appAttributes)?void 0:e.fullPath;this.setFocusScenePathHandler(t)}))))},this.setFocusScenePathHandler=u((e=>{var t;this.view&&e&&e!==(null==(t=this.view)?void 0:t.focusScenePath)&&ye(this.view,e)}),50),this.kind=e.kind,this.id=i,this.stateKey=`${this.id}_state`,this.appProxies.set(this.id,this),this.appEmitter=new l,this.appListener=this.makeAppEventListener(this.id),this.isAddApp=s,this.initScenes(),(null==(a=this.params.options)?void 0:a.scenePath)&&this.createView()}initScenes(){var e;const t=this.params.options;t&&(this.scenePath=t.scenePath,(null==(e=this.appAttributes)?void 0:e.isDynamicPPT)&&this.scenePath?this.scenes=this.manager.displayer.entireScenes()[this.scenePath]:this.scenes=t.scenes)}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]}get appAttributes(){return this.store.getAppAttributes(this.id)}getFullScenePath(){if(this.scenePath)return w(this.appAttributes,[He.FullPath],this.getFullScenePathFromScenes())}getFullScenePathFromScenes(){const e=w(this.appAttributes,["state","SceneIndex"],0),t=((e,t,i)=>{var s;if(e&&t){const a=null==(s=Se(e)[t])?void 0:s[i];if(a)return`${t}/${a.name}`}})(this.manager.room,this.scenePath,e);return t&&this.setFullPath(t),t}setFullPath(e){this.manager.safeUpdateAttributes(["apps",this.id,He.FullPath],e)}async baseInsertApp(e=!1){var t;const i=this.params;if(!i.kind)throw new Error("[WindowManager]: kind require");const s=await(null==(t=Ce.appClasses.get(i.kind))?void 0:t()),a=Ce.registered.get(i.kind);if(!s)throw new Error(`[WindowManager]: app load failed ${i.kind} ${i.src}`);return await this.setupApp(this.id,e,s,i.options,null==a?void 0:a.appOptions),this.context.updateManagerRect(),{appId:this.id,app:s}}focusApp(){this.focusBox(),this.store.setMainViewFocusPath(this.manager.mainView)}get box(){var e;return null==(e=this.boxManager)?void 0:e.getBox(this.id)}focusBox(){var e;null==(e=this.boxManager)||e.focusBox({appId:this.id})}async setupApp(t,i,s,a,r){var n;if(Ke("setupApp",t,s,a),!this.boxManager)throw new Ve;const o=new Fe(this.manager,this.boxManager,t,this,r);this.appContext=o;try{_t.once(`${t}${e.WindowCreated}`).then((async()=>{var e;let a;i||(a=this.getAppInitState(t),null==(e=this.boxManager)||e.updateBoxState(a)),this.appEmitter.onAny(this.appListener),this.appAttributesUpdateListener(t),this.setViewFocusScenePath(),setTimeout((async()=>{const e=await s.setup(o);this.appResult=e,Ce.notifyApp(s.kind,"created",{appId:t,result:e}),this.afterSetupApp(a),this.fixMobileSize()}),50)})),null==(n=this.boxManager)||n.createBox({appId:t,app:s,options:a,canOperate:this.manager.canOperate,smartPosition:this.isAddApp})}catch(h){throw console.error(h),new Error(`[WindowManager]: app setup error: ${h.message}`)}}fixMobileSize(){var e,t;const i=null==(e=this.boxManager)?void 0:e.getBox(this.id);i&&(null==(t=this.boxManager)||t.resizeBox({appId:this.id,width:i.intrinsicWidth+.001,height:i.intrinsicHeight+.001,skipUpdate:!0}))}afterSetupApp(e){var t;e&&((null==e?void 0:e.x)&&e.y||null==(t=this.boxManager)||t.setBoxInitState(this.id))}onSeek(e){var t;this.appEmitter.emit("seek",e);const i=this.getAppInitState(this.id);null==(t=this.boxManager)||t.updateBoxState(i)}async onReconnected(){var e;this.appEmitter.emit("reconnected",void 0);const t=this.getAppInitState(this.id);await this.destroy(!0,!1,!0);const i=this.params,s=new et(i,this.manager,this.id,this.isAddApp);await s.baseInsertApp(!0),null==(e=this.boxManager)||e.updateBoxState(t)}emitAppSceneStateChange(e){this.appEmitter.emit("sceneStateChange",e)}emitAppIsWritableChange(){this.appEmitter.emit("writableChange",this.isWritable)}makeAppEventListener(e){return(t,i)=>{var s,a,r,n;if(this.manager.canOperate)switch(t){case"setBoxSize":null==(s=this.boxManager)||s.resizeBox({appId:e,width:i.width,height:i.height,skipUpdate:!1});break;case"setBoxMinSize":null==(a=this.boxManager)||a.setBoxMinSize({appId:e,minWidth:i.minwidth,minHeight:i.minheight});break;case"setBoxTitle":null==(r=this.boxManager)||r.setBoxTitle({appId:e,title:i.title});break;case oe.destroy:if("destroyed"===this.status)return;this.destroy(!0,!1,!0,null==i?void 0:i.error),(null==i?void 0:i.error)&&console.error(null==i?void 0:i.error);break;case"focus":null==(n=this.boxManager)||n.focusBox({appId:this.id}),_t.emit("focus",{appId:this.id})}}}setScenePath(){if(!this.manager.canOperate)return;const e=this.getFullScenePath();this.manager.room&&e&&this.view&&be(this.manager.room,e)}setViewFocusScenePath(){const e=this.getFullScenePath();e&&this.view&&ye(this.view,e)}async createView(){const e=await this.viewManager.createView(this.id);return this.setViewFocusScenePath(),e}async destroy(e,t,i,s){var a,r,n,o,h,c;"destroyed"!==this.status&&(this.status="destroyed",await Ce.notifyApp(this.kind,"destroy",{appId:this.id}),await this.appEmitter.emit("destroy",{error:s}),this.appEmitter.clearListeners(),_t.emit(`destroy-${this.id}`,{error:s}),e&&(null==(a=this.boxManager)||a.closeBox(this.id,i)),t&&(this.store.cleanAppAttributes(this.id),this.scenePath&&(h=this.manager.room,c=this.scenePath,h&&h.scenePathType(c)!==V.None&&h.removeScenes(c))),this.appProxies.delete(this.id),this.viewManager.destroyView(this.id),this.manager.appStatus.delete(this.id),null==(r=this.manager.refresher)||r.remove(this.id),null==(n=this.manager.refresher)||n.remove(this.stateKey),null==(o=this.manager.refresher)||o.remove(`${this.id}-fullPath`))}close(){return this.destroy(!0,!0,!1)}}class tt{constructor(e){this.displayer=e,this.views=new Map}createView(e){const t=it(this.displayer);return this.views.set(e,t),t}getView(e){return this.views.get(e)}destroyView(e){const t=this.views.get(e);t&&(t.release(),this.views.delete(e))}setViewScenePath(e,t){const i=this.views.get(e);i&&(i.focusScenePath=t)}destroy(){this.views.forEach((e=>{e.release()})),this.views.clear()}}const it=e=>{const t=e.views.createView();return st(t),t},st=e=>{e.setCameraBound({maxContentMode:()=>10,minContentMode:()=>.1})};class at extends $e{constructor(e){super(e),this.started=!1,this.mainViewIsAddListener=!1,this.viewId="mainView",this.sideEffectManager=new te,this.cameraReaction=()=>R((()=>this.mainViewCamera),(e=>{e&&e.id!==this.context.uid&&(this.moveCameraToContian(this.mainViewSize),this.moveCamera(e))}),{fireImmediately:!0}),this.sizeChangeHandler=u((e=>{e&&(this.moveCameraToContian(e),this.moveCamera(this.mainViewCamera))}),30),this.onCameraUpdatedByDevice=e=>{this.store.setMainViewCamera(d(c({},e),{id:this.context.uid})),y(this.mainViewSize,d(c({},this.mainView.size),{id:this.context.uid}))||this.setMainViewSize(this.view.size)},this.mainViewClickListener=()=>{this.mainViewClickHandler()},this.setMainViewSize=u((e=>{this.store.setMainViewSize(d(c({},e),{id:this.context.uid}))}),50),this.onCameraOrSizeUpdated=()=>{qt.emit("cameraStateChange",this.cameraState)},this.mainView=this.createMainView(),this.moveCameraSizeByAttributes(),_t.once("mainViewMounted").then((()=>{this.addMainViewListener(),setTimeout((()=>{this.start(),this.mainViewCamera&&this.mainViewSize||this.setCameraAndSize()}),200)}));const t=()=>{this.sizeChangeHandler(this.mainViewSize)};this.sideEffectManager.add((()=>(_t.on("playgroundSizeChange",t),()=>_t.off("playgroundSizeChange",t))))}get mainViewCamera(){return this.store.getMainViewCamera()}get mainViewSize(){return this.store.getMainViewSize()}moveCameraSizeByAttributes(){this.moveCameraToContian(this.mainViewSize),this.moveCamera(this.mainViewCamera)}start(){var e;this.started||(this.sizeChangeHandler(this.mainViewSize),this.addCameraListener(),null==(e=this.manager.refresher)||e.add(He.MainViewCamera,this.cameraReaction),this.started=!0)}setCameraAndSize(){this.store.setMainViewCamera(d(c({},this.mainView.camera),{id:this.context.uid})),this.store.setMainViewSize(d(c({},this.mainView.size),{id:this.context.uid}))}get view(){return this.mainView}get cameraState(){return c(c({},this.view.camera),this.view.size)}createMainView(){const e=it(this.manager.displayer),t=this.store.getMainViewScenePath();return t&&ye(e,t),e}addMainViewListener(){this.mainViewIsAddListener||this.view.divElement&&(this.view.divElement.addEventListener("click",this.mainViewClickListener),this.view.divElement.addEventListener("touchend",this.mainViewClickListener),this.mainViewIsAddListener=!0)}removeMainViewListener(){this.view.divElement&&(this.view.divElement.removeEventListener("click",this.mainViewClickListener),this.view.divElement.removeEventListener("touchend",this.mainViewClickListener))}async mainViewClickHandler(){this.manager.canOperate&&(this.store.cleanFocus(),this.context.blurFocusBox())}addCameraListener(){this.view.callbacks.on("onCameraUpdatedByDevice",this.onCameraUpdatedByDevice),this.view.callbacks.on("onCameraUpdated",this.onCameraOrSizeUpdated),this.view.callbacks.on("onSizeUpdated",this.onCameraOrSizeUpdated)}removeCameraListener(){this.view.callbacks.off("onCameraUpdatedByDevice",this.onCameraUpdatedByDevice),this.view.callbacks.off("onCameraUpdated",this.onCameraOrSizeUpdated),this.view.callbacks.off("onSizeUpdated",this.onCameraOrSizeUpdated)}moveCameraToContian(e){b(e)||(this.view.moveCameraToContain({width:e.width,height:e.height,originX:-e.width/2,originY:-e.height/2,animationMode:Y.Immediately}),this.scale=this.view.camera.scale)}moveCamera(e){if(!b(e)){if(y(e,this.view.camera))return;const{centerX:t,centerY:i,scale:s}=e,a=s*(this.scale||1);this.view.moveCamera({centerX:t,centerY:i,scale:a,animationMode:Y.Immediately})}}stop(){var e,t;this.removeMainViewListener(),this.removeCameraListener(),null==(e=this.manager.refresher)||e.remove(He.MainViewCamera),null==(t=this.manager.refresher)||t.remove(He.MainViewSize),this.started=!1}destroy(){this.stop(),this.sideEffectManager.flushAll()}}class rt{constructor(t){this.windowManger=t,this.appProxies=new Map,this.appStatus=new Map,this.store=Je,this.isReplay=this.windowManger.isReplay,this.onAppDelete=e=>{const t=Object.keys(e);this.appProxies.forEach(((e,i)=>{t.includes(i)||e.destroy(!0,!1,!0)}))},this.displayerStateListener=e=>{var t,i;const s=e.sceneState;if(s){const e=s.scenePath;this.appProxies.forEach((t=>{t.scenePath&&e.startsWith(t.scenePath)&&(t.emitAppSceneStateChange(s),t.setFullPath(e))}))}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)})),_t.emit("observerIdChange",this.displayer.observerId)},this.displayerWritableListener=e=>{var t,i;const s=!e,a=void 0===this.windowManger.readonly||!1===this.windowManger.readonly;void 0===this.windowManger.readonly?null==(t=this.boxManager)||t.setReadonly(e):null==(i=this.boxManager)||i.setReadonly(!(s&&a)),this.appProxies.forEach((e=>{e.emitAppIsWritableChange()})),!0===s?(this.mainView.disableCameraTransform=!1,this.room&&!0===this.room.disableSerialization&&(this.room.disableSerialization=!1)):this.mainView.disableCameraTransform=!0},this.updateSceneIndex=()=>{const e=this.store.getMainViewScenePath(),t=Ne(e),i=Se(this.displayer)[t];if(i.length){const s=e.replace(t,"").replace("/",""),a=i.findIndex((e=>e.name===s));v(a)&&a>=0&&this.safeSetAttributes({_mainSceneIndex:a})}},this.boxEventListener=(t,i)=>{switch(t){case"move":this.dispatchInternalEvent(e.AppMove,i),this.store.updateAppState(i.appId,re.Position,{x:i.x,y:i.y});break;case"focus":this.windowManger.safeSetAttributes({focus:i.appId});break;case"resize":i.width&&i.height&&(this.dispatchInternalEvent(e.AppResize,i),this.store.updateAppState(i.appId,re.Size,{width:i.width,height:i.height}));break;case"close":{const e=this.appProxies.get(i.appId);e&&e.destroy(!1,!0,i.error);break}case"boxStateChange":this.dispatchInternalEvent(e.AppBoxStateChange,i)}},this.displayer=t.displayer,this.store.setContext({getAttributes:()=>this.attributes,safeSetAttributes:e=>this.safeSetAttributes(e),safeUpdateAttributes:(e,t)=>this.safeUpdateAttributes(e,t)}),this.mainViewProxy=new at(this),this.viewManager=new tt(this.displayer),this.appListeners=new Te(this),this.displayer.callbacks.on(this.eventName,this.displayerStateListener),this.appListeners.addListeners(),this.refresher=$t,this.refresher.setRoom(this.room),this.refresher.setContext({emitter:_t}),_t.once("onCreated").then((()=>this.onCreated())),_t.on("onReconnected",(()=>this.onReconnected())),F(this.displayer)&&_t.on("seek",(e=>{this.appProxies.forEach((t=>{t.onSeek(e)})),this.attributesUpdateCallback(this.attributes.apps),this.onAppDelete(this.attributes.apps)}))}async onCreated(){var e,t,i,s,a,r,n,o;if(await this.attributesUpdateCallback(this.attributes.apps),null==(e=this.boxManager)||e.updateManagerRect(),_t.onAny(this.boxEventListener),null==(t=this.refresher)||t.add("apps",(()=>ke((()=>this.attributes.apps),(()=>{this.attributesUpdateCallback(this.attributes.apps)})))),null==(i=this.refresher)||i.add("appsClose",(()=>Oe(this.attributes.apps,(()=>{this.onAppDelete(this.attributes.apps)})))),null==(s=this.refresher)||s.add("maximized",(()=>Z((()=>{var e;const t=this.attributes.maximized;null==(e=this.boxManager)||e.setMaximized(Boolean(t))})))),null==(a=this.refresher)||a.add("minimized",(()=>Z((()=>{var e,t;const i=this.attributes.minimized;(null==(e=this.boxManager)?void 0:e.minimized)!==i&&(!0===i&&(null==(t=this.boxManager)||t.blurAllBox()),setTimeout((()=>{var e;null==(e=this.boxManager)||e.setMinimized(Boolean(i))}),0))})))),null==(r=this.refresher)||r.add("mainViewIndex",(()=>Z((()=>{const e=w(this.attributes,"_mainSceneIndex");void 0!==e&&this._prevSceneIndex!==e&&(qt.emit("mainViewSceneIndexChange",e),this._prevSceneIndex=e)})))),null==(n=this.refresher)||n.add("focusedChange",(()=>Z((()=>{const e=w(this.attributes,"focus");this._prevFocused!==e&&(qt.emit("focusedChange",e),this._prevFocused=e)})))),!this.attributes.apps||0===Object.keys(this.attributes.apps).length){const e=this.store.getMainViewScenePath();if(!e)return;this.displayer.state.sceneState.scenePath!==e&&be(this.room,e)}this.displayerWritableListener(!(null==(o=this.room)?void 0:o.isWritable)),this.displayer.callbacks.on("onEnableWriteNowChanged",this.displayerWritableListener),this._prevFocused=this.attributes.focus}async attributesUpdateCallback(e){if(e&&ti.container){const t=Object.keys(e).map((t=>({id:t,createdAt:e[t].createdAt})));for(const{id:i}of S(t,"createdAt"))if(!this.appProxies.has(i)&&!this.appStatus.has(i)){const t=e[i];p((async()=>{this.appStatus.set(i,ce.StartCreate);if(!this.attributes[i])throw new Error("appAttributes is undefined");await this.baseInsertApp({kind:t.kind,options:t.options,isDynamicPPT:t.isDynamicPPT},i,!1),this.focusByAttributes(e)}),{retries:3}).catch((e=>{console.warn("[WindowManager]: Insert App Error",e),this.appStatus.delete(i)}))}}}refresh(){this.attributesUpdateCallback(this.attributes.apps)}setBoxManager(e){this.boxManager=e}resetMaximized(){var e;null==(e=this.boxManager)||e.setMaximized(Boolean(this.store.getMaximized()))}resetMinimized(){var e;null==(e=this.boxManager)||e.setMinimized(Boolean(this.store.getMinimized()))}bindMainView(e,t){const i=this.mainViewProxy.view;i.disableCameraTransform=t,i.divElement=e,i.focusScenePath||this.setMainViewFocusPath(),_t.emit("mainViewMounted")}setMainViewFocusPath(e){const t=e||this.store.getMainViewScenePath();if(t){const e=ye(this.mainView,t);return(null==e?void 0:e.focusScenePath)===t}}async addApp(e,t){Ke("addApp",e);const{appId:i,needFocus:s}=await this.beforeAddApp(e,t),a=await this.baseInsertApp(e,i,!0,s);return this.afterAddApp(a),null==a?void 0:a.id}async beforeAddApp(e,t){var i,s;const a=await(async e=>{var t,i;const s=await(null==(t=Ce.appClasses.get(e))?void 0:t());return s&&(null==(i=s.config)?void 0:i.singleton)?e:`${e}-${$().replace("-","").slice(0,8)}`})(e.kind);this.appStatus.set(a,ce.StartCreate);const r=null!=(i=e.attributes)?i:{};this.safeUpdateAttributes([a],r),this.store.setupAppAttributes(e,a,t);const n=!(null==(s=this.boxManager)?void 0:s.minimized);return n&&this.store.setAppFocus(a,!0),{appId:a,needFocus:n}}afterAddApp(e){var t,i;if(e&&e.box){const t=e.box;_t.emit("move",{appId:e.id,x:null==t?void 0:t.intrinsicX,y:null==t?void 0:t.intrinsicY}),this.store.updateAppState(e.id,re.ZIndex,t.zIndex)}(null==(t=this.boxManager)?void 0:t.minimized)&&(null==(i=this.boxManager)||i.setMinimized(!1,!1))}async closeApp(e){const t=this.appProxies.get(e);t&&t.destroy(!0,!0,!1)}async baseInsertApp(e,t,i,s){if(this.appProxies.has(t))return void console.warn("[WindowManager]: app duplicate exists and cannot be created again");const a=new et(e,this,t,i);if(a)return await a.baseInsertApp(s),this.appStatus.delete(t),a;throw this.appStatus.delete(t),new Error("[WindowManger]: initialize AppProxy failed")}get eventName(){return H(this.displayer)?"onRoomStateChanged":"onPlayerStateChanged"}get attributes(){return this.windowManger.attributes}get canOperate(){return this.windowManger.canOperate}get room(){return H(this.displayer)?this.displayer:void 0}get mainView(){return this.mainViewProxy.view}get focusApp(){if(this.store.focus)return this.appProxies.get(this.store.focus)}safeSetAttributes(e){this.windowManger.safeSetAttributes(e)}safeUpdateAttributes(e,t){this.windowManger.safeUpdateAttributes(e,t)}async setMainViewScenePath(e){if(this.room){const t=this.displayer.scenePathType(e);if(t===V.None)throw new Error(`[WindowManager]: ${e} not valid scene`);if(t===V.Page)await this._setMainViewScenePath(e);else if(t===V.Dir){const t=ve(this.displayer,e);t&&await this._setMainViewScenePath(t)}}}async _setMainViewScenePath(t){this.setMainViewFocusPath(t)&&(this.safeSetAttributes({_mainScenePath:t}),this.store.setMainViewFocusPath(this.mainView),this.updateSceneIndex(),this.dispatchInternalEvent(e.SetMainViewScenePath,{nextScenePath:t}))}async setMainViewSceneIndex(t){if(this.room){if(this.store.getMainViewSceneIndex()===t)return;const i=this.store.getMainViewScenePath();if(i){const s=Ne(i),a=ve(this.displayer,s,t);if(!a)throw new Error(`[WindowManager]: ${s}: ${t} not valid index`);this.setMainViewFocusPath(a)&&(this.store.setMainViewScenePath(a),this.safeSetAttributes({_mainSceneIndex:t}),this.dispatchInternalEvent(e.SetMainViewScenePath,{nextScenePath:a}))}}}getAppInitPath(e){var t;const i=this.store.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){var t;if(e&&Object.keys(e).length===(null==(t=this.boxManager)?void 0:t.boxSize)){const e=this.store.focus;e&&this.boxManager.focusBox({appId:e})}}async onReconnected(){const e=Array.from(this.appProxies.values()).map((e=>e.onReconnected()));await Promise.all(e)}notifyContainerRectUpdate(e){this.appProxies.forEach((t=>{t.appEmitter.emit("containerRectUpdate",e)}))}dispatchInternalEvent(e,t){this.safeDispatchMagixEvent("__WindowManger",{eventName:e,payload:t})}destroy(){var e,t;this.displayer.callbacks.off(this.eventName,this.displayerStateListener),this.displayer.callbacks.off("onEnableWriteNowChanged",this.displayerWritableListener),this.appListeners.removeListeners(),_t.offAny(this.boxEventListener),_t.clearListeners(),this.appProxies.size&&this.appProxies.forEach((e=>{e.destroy(!0,!1,!0)})),this.viewManager.destroy(),null==(e=this.boxManager)||e.destroy(),null==(t=this.refresher)||t.destroy(),this.mainViewProxy.destroy(),qt.clearListeners(),this._prevSceneIndex=void 0}}const nt=window.ResizeObserver||g;class ot{constructor(e){this.emitter=e}static create(e,t,i,s){const a=new ot(s);return a.observePlaygroundSize(e,t,i),a}observePlaygroundSize(e,t,i){this.updateSizer(e.getBoundingClientRect(),t,i),this.containerResizeObserver=new nt((e=>{var s;const a=null==(s=e[0])?void 0:s.contentRect;a&&(this.updateSizer(a,t,i),this.emitter.emit("playgroundSizeChange",a))})),this.containerResizeObserver.observe(e)}updateSizer({width:e,height:t},i,s){e&&t&&(t/e>ti.containerSizeRatio?(t=e*ti.containerSizeRatio,i.classList.toggle("netless-window-manager-sizer-horizontal",!0)):(e=t/ti.containerSizeRatio,i.classList.toggle("netless-window-manager-sizer-horizontal",!1)),s.style.width=`${e}px`,s.style.height=`${t}px`)}disconnect(){var e;null==(e=this.containerResizeObserver)||e.disconnect()}}class ht{constructor(e,t){this.context=e,this.createTeleBoxManagerConfig=t,this.playgroundSizeChangeListener=()=>{this.updateManagerRect()};const{emitter:i,callbacks:s}=e;this.teleBoxManager=this.setupBoxManager(t),this.teleBoxManager.events.on(L.State,(e=>{e&&(this.context.callbacks.emit("boxStateChange",e),this.context.emitter.emit("boxStateChange",e))})),this.teleBoxManager.events.on("minimized",(e=>{this.context.safeSetAttributes({minimized:e}),e&&(this.context.cleanFocus(),this.blurAllBox())})),this.teleBoxManager.events.on("maximized",(e=>{this.context.safeSetAttributes({maximized:e})})),this.teleBoxManager.events.on("removed",(e=>{e.forEach((e=>{i.emit("close",{appId:e.id})}))})),this.teleBoxManager.events.on("intrinsic_move",u((e=>{i.emit("move",{appId:e.id,x:e.intrinsicX,y:e.intrinsicY})}),50)),this.teleBoxManager.events.on("intrinsic_resize",u((e=>{i.emit("resize",{appId:e.id,width:e.intrinsicWidth,height:e.intrinsicHeight})}),200)),this.teleBoxManager.events.on("focused",(e=>{e&&(this.canOperate?i.emit("focus",{appId:e.id}):this.teleBoxManager.blurBox(e.id))})),this.teleBoxManager.events.on("dark_mode",(e=>{s.emit("darkModeChange",e)})),this.teleBoxManager.events.on("prefers_color_scheme",(e=>{s.emit("prefersColorSchemeChange",e)})),this.teleBoxManager.events.on("z_index",(e=>{this.context.updateAppState(e.id,re.ZIndex,e.zIndex)})),i.on("playgroundSizeChange",this.playgroundSizeChangeListener)}get mainView(){return this.context.getMainView()}get canOperate(){return this.context.canOperate()}get boxState(){return this.teleBoxManager.state}get maximized(){return this.teleBoxManager.maximized}get minimized(){return this.teleBoxManager.minimized}get darkMode(){return this.teleBoxManager.darkMode}get prefersColorScheme(){return this.teleBoxManager.prefersColorScheme}get boxSize(){return this.teleBoxManager.boxes.length}createBox(t){var i,s,a;if(!this.teleBoxManager)return;let{minwidth:r=pe,minheight:n=ge}=null!=(i=t.app.config)?i:{};const{width:o,height:h}=null!=(s=t.app.config)?s:{},c=(null==(a=t.options)?void 0:a.title)||t.appId,d=this.teleBoxManager.containerRect;r>1&&(r/=d.width),n>1&&(n/=d.height);const l={title:c,minWidth:r,minHeight:n,width:o,height:h,id:t.appId};this.teleBoxManager.create(l,t.smartPosition),this.context.emitter.emit(`${t.appId}${e.WindowCreated}`)}setBoxInitState(e){const t=this.teleBoxManager.queryOne({id:e});t&&t.state===z.Maximized&&this.context.emitter.emit("resize",{appId:e,x:t.x,y:t.y,width:t.intrinsicWidth,height:t.intrinsicHeight})}setupBoxManager(e){const t=ti.wrapper?ti.wrapper:document.body,i=t.getBoundingClientRect(),s={root:t,containerRect:{x:0,y:0,width:i.width,height:i.height},fence:!1,prefersColorScheme:null==e?void 0:e.prefersColorScheme},a=new P(s);this.teleBoxManager&&this.teleBoxManager.destroy(),this.teleBoxManager=a;const r=(null==e?void 0:e.collectorContainer)||ti.wrapper;return r&&this.setCollectorContainer(r),a}setCollectorContainer(e){var t;const i=new B({styles:null==(t=this.createTeleBoxManagerConfig)?void 0:t.collectorStyles}).mount(e);this.teleBoxManager.setCollector(i)}getBox(e){return this.teleBoxManager.queryOne({id:e})}closeBox(e,t=!1){return this.teleBoxManager.remove(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 N(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,zIndex:e.zIndex},!0),setTimeout((()=>{e.focus&&this.teleBoxManager.focusBox(t.id,!0),null!=e.maximized&&this.teleBoxManager.setMaximized(Boolean(e.maximized),!0),null!=e.minimized&&this.teleBoxManager.setMinimized(Boolean(e.minimized),!0)}),50),this.context.callbacks.emit("boxStateChange",this.teleBoxManager.state))}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.context.notifyContainerRectUpdate(this.teleBoxManager.containerRect)}}moveBox({appId:e,x:t,y:i}){this.teleBoxManager.update(e,{x:t,y:i},!0)}focusBox({appId:e},t=!0){this.teleBoxManager.focusBox(e,t)}resizeBox({appId:e,width:t,height:i,skipUpdate:s}){this.teleBoxManager.update(e,{width:t,height:i},s)}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.blurAll()}updateAll(e){this.teleBoxManager.updateAll(e)}setMaximized(e){e!==this.maximized&&this.teleBoxManager.setMaximized(e,!0)}setMinimized(e,t=!0){this.teleBoxManager.setMinimized(e,t)}focusTopBox(){if(this.teleBoxManager.query().length>=1){const e=this.getTopBox();e&&this.focusBox({appId:e.id},!1)}}updateBox(e,t,i=!0){this.teleBoxManager.update(e,t,i)}setReadonly(e){this.teleBoxManager.setReadonly(e)}setPrefersColorScheme(e){this.teleBoxManager.setPrefersColorScheme(e)}setZIndex(e,t,i=!0){this.teleBoxManager.update(e,{zIndex:t},i)}destroy(){_t.off("playgroundSizeChange",this.playgroundSizeChangeListener),this.teleBoxManager.destroy()}}function ct(){}function dt(e){return e()}function lt(){return Object.create(null)}function pt(e){e.forEach(dt)}function gt(e){return"function"==typeof e}function ut(e,t){return e!=e?t==t:e!==t||e&&"object"==typeof e||"function"==typeof e}let Mt,mt;function wt(e,t){return Mt||(Mt=document.createElement("a")),Mt.href=t,e===Mt.href}function It(e,t){e.appendChild(t)}function At(e,t,i){e.insertBefore(t,i||null)}function xt(e){e.parentNode.removeChild(e)}function Ct(e){return document.createElement(e)}function yt(e){return document.createTextNode(e)}function bt(){return yt(" ")}function vt(e,t,i){null==i?e.removeAttribute(t):e.getAttribute(t)!==i&&e.setAttribute(t,i)}function St(e,t){t=""+t,e.wholeText!==t&&(e.data=t)}function Nt(e,t,i,s){e.style.setProperty(t,i,s?"important":"")}function Dt(e){mt=e}const ft=[],Tt=[],jt=[],Et=[],Lt=Promise.resolve();let zt=!1;function Pt(e){jt.push(e)}let Bt=!1;const Vt=new Set;function Ut(){if(!Bt){Bt=!0;do{for(let e=0;e<ft.length;e+=1){const t=ft[e];Dt(t),kt(t.$$)}for(Dt(null),ft.length=0;Tt.length;)Tt.pop()();for(let e=0;e<jt.length;e+=1){const t=jt[e];Vt.has(t)||(Vt.add(t),t())}jt.length=0}while(ft.length);for(;Et.length;)Et.pop()();zt=!1,Bt=!1,Vt.clear()}}function kt(e){if(null!==e.fragment){e.update(),pt(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(Pt)}}const Ot=new Set;function Rt(e,t){-1===e.$$.dirty[0]&&(ft.push(e),zt||(zt=!0,Lt.then(Ut)),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}function Zt(e,t,i,s,a,r,n,o=[-1]){const h=mt;Dt(e);const c=e.$$={fragment:null,ctx:null,props:r,update:ct,not_equal:a,bound:lt(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(h?h.$$.context:t.context||[]),callbacks:lt(),dirty:o,skip_bound:!1,root:t.target||h.$$.root};n&&n(c.root);let d=!1;if(c.ctx=i?i(e,t.props||{},((t,i,...s)=>{const r=s.length?s[0]:i;return c.ctx&&a(c.ctx[t],c.ctx[t]=r)&&(!c.skip_bound&&c.bound[t]&&c.bound[t](r),d&&Rt(e,t)),i})):[],c.update(),d=!0,pt(c.before_update),c.fragment=!!s&&s(c.ctx),t.target){if(t.hydrate){const e=(g=t.target,Array.from(g.childNodes));c.fragment&&c.fragment.l(e),e.forEach(xt)}else c.fragment&&c.fragment.c();t.intro&&((l=e.$$.fragment)&&l.i&&(Ot.delete(l),l.i(p))),function(e,t,i,s){const{fragment:a,on_mount:r,on_destroy:n,after_update:o}=e.$$;a&&a.m(t,i),s||Pt((()=>{const t=r.map(dt).filter(gt);n?n.push(...t):pt(t),e.$$.on_mount=[]})),o.forEach(Pt)}(e,t.target,t.anchor,t.customElement),Ut()}var l,p,g;Dt(h)}function Qt(e){let t,i,s;return{c(){t=Ct("img"),vt(t,"class","netless-window-manager-cursor-selector-avatar"),vt(t,"style",i=e[15]()),wt(t.src,s=e[7])||vt(t,"src",s),vt(t,"alt","avatar")},m(e,i){At(e,t,i)},p(e,i){128&i&&!wt(t.src,s=e[7])&&vt(t,"src",s)},d(e){e&&xt(t)}}}function Gt(e){let t,i;return{c(){t=Ct("span"),i=yt(e[1]),vt(t,"class","netless-window-manager-cursor-tag-name"),Nt(t,"background-color",e[10])},m(e,s){At(e,t,s),It(t,i)},p(e,s){2&s&&St(i,e[1]),1024&s&&Nt(t,"background-color",e[10])},d(e){e&&xt(t)}}}function Wt(e){let t,i,s,a,r,n,o,h,c,d,l,p,g=e[13]&&Qt(e),u=e[14]&&Gt(e);return{c(){t=Ct("div"),i=Ct("div"),s=Ct("div"),g&&g.c(),a=bt(),r=Ct("span"),n=yt(e[0]),o=bt(),u&&u.c(),h=bt(),c=Ct("div"),d=Ct("img"),Nt(r,"overflow","hidden"),Nt(r,"white-space","nowrap"),Nt(r,"text-overflow","ellipsis"),Nt(r,"max-width","80px"),vt(s,"class",e[8]),Nt(s,"background-color",e[2]),Nt(s,"color",e[9]),Nt(s,"opacity",e[11]),vt(i,"class","netless-window-manager-cursor-name"),vt(d,"class",l="netless-window-manager-cursor-"+e[3]+"-image"),wt(d.src,p=e[6])||vt(d,"src",p),vt(d,"alt",e[3]),vt(c,"class","cursor-image-wrapper"),vt(t,"class","netless-window-manager-cursor-mid"),Nt(t,"transform","translateX("+e[4]+"px) translateY("+e[5]+"px)"),Nt(t,"display",e[12])},m(e,l){At(e,t,l),It(t,i),It(i,s),g&&g.m(s,null),It(s,a),It(s,r),It(r,n),It(s,o),u&&u.m(s,null),It(t,h),It(t,c),It(c,d)},p(e,[i]){e[13]?g?g.p(e,i):(g=Qt(e),g.c(),g.m(s,a)):g&&(g.d(1),g=null),1&i&&St(n,e[0]),e[14]?u?u.p(e,i):(u=Gt(e),u.c(),u.m(s,null)):u&&(u.d(1),u=null),256&i&&vt(s,"class",e[8]),4&i&&Nt(s,"background-color",e[2]),512&i&&Nt(s,"color",e[9]),2048&i&&Nt(s,"opacity",e[11]),8&i&&l!==(l="netless-window-manager-cursor-"+e[3]+"-image")&&vt(d,"class",l),64&i&&!wt(d.src,p=e[6])&&vt(d,"src",p),8&i&&vt(d,"alt",e[3]),48&i&&Nt(t,"transform","translateX("+e[4]+"px) translateY("+e[5]+"px)"),4096&i&&Nt(t,"display",e[12])},i:ct,o:ct,d(e){e&&xt(t),g&&g.d(),u&&u.d()}}}function Yt(e,t,i){let s,a,r,n,{cursorName:o}=t,{tagName:h}=t,{backgroundColor:c}=t,{appliance:d}=t,{x:l}=t,{y:p}=t,{src:g}=t,{visible:u}=t,{avatar:M}=t,{theme:m}=t,{color:w}=t,{cursorTagBackgroundColor:I}=t,{opacity:A}=t;return e.$$set=e=>{"cursorName"in e&&i(0,o=e.cursorName),"tagName"in e&&i(1,h=e.tagName),"backgroundColor"in e&&i(2,c=e.backgroundColor),"appliance"in e&&i(3,d=e.appliance),"x"in e&&i(4,l=e.x),"y"in e&&i(5,p=e.y),"src"in e&&i(6,g=e.src),"visible"in e&&i(16,u=e.visible),"avatar"in e&&i(7,M=e.avatar),"theme"in e&&i(8,m=e.theme),"color"in e&&i(9,w=e.color),"cursorTagBackgroundColor"in e&&i(10,I=e.cursorTagBackgroundColor),"opacity"in e&&i(11,A=e.opacity)},e.$$.update=()=>{1&e.$$.dirty&&(s=!b(o)),2&e.$$.dirty&&i(14,a=!b(h)),128&e.$$.dirty&&i(13,r=!b(M)),65536&e.$$.dirty&&i(12,n=u?"initial":"none")},[o,h,c,d,l,p,g,M,m,w,I,A,n,r,a,()=>Object.entries({width:(s?19:28)+"px",height:(s?19:28)+"px",position:s?"initial":"absolute","border-color":s?"white":c,"margin-right":(s?4:0)+"px"}).map((([e,t])=>`${e}: ${t}`)).join(";"),u]}class Ft extends class{$destroy(){!function(e,t){const i=e.$$;null!==i.fragment&&(pt(i.on_destroy),i.fragment&&i.fragment.d(t),i.on_destroy=i.fragment=null,i.ctx=[])}(this,1),this.$destroy=ct}$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(),Zt(this,e,Yt,Wt,ut,{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 Ht={[X.pencil]:"data:image/png;base64,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",[X.selector]:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAxCAYAAABznEEcAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAZoSURBVHgB7VlLSCRXFL3ljNEhEXTGhMQJmOjCz8ZNVLKICz9xIYhCNi7UgINkGEk2En8hW5cBUQNxo05GAoKikuCAmvGzGMdPcCUGjDPxD/4Vv/3JvWW97luvq7ur+hMZ8MKlqrteNfe8e965970GuLVbC5kpJr53+hjHx9yY3TUxJgLMAQG4ITARfp5T4Mri4uL9q6urnxwOxz/oY5eXl1/Pzs7e195X2FX4jZsIhAK7gx5ps9m6nGj9/f3OtbU1pzAE0318fPwVjYHrrN7R3AjU/wpOBwA9Cmf/9ejoqDMtLU31iooKGdA+ATo4OMiXAEWAHhBAGEApXj4rPAik0vPt7e0vCgoKPH4gMzMTSktLIS8vD2JiYgABvcHMTZyennbHxsaOg3udOJmLzwqEYB0ZgRCZENm4u7e39yQuLq65srISZmZmvP5Ybm4u5OfnQ0lJyXWUCAgzNLS+vt6SnJz8WgvYwV5xSlcRgyVg3ha2Dkxzc3MvfZmVlQW+bGxsDBobGyE7O1u94uJPjIqKqklKSvrbbrfPnp+ff7e8vJwMnlSTKWfJjDKhywJo6wLp0YcZ+dyIUr7s4cOHLsrRlQwBTSBFuzc2NiZYhjjVAIyzZBqEwgCQv0OOM/gNzuiP/ijlDxBRjgClpqa6AF1cXDydmpoaLCws3JcAGYHyC4JMzoKaibKysvienp6FtrY2IA/WCFB5ebkqCHSvARo8Ozt7igIxwIJ2gJ+seFMnDoIyEUV+dHT0G3qWVUr5M043DdAB0m2IKZwAYpgZX+qkywR6NFbuR0iDxmAoZRUQKRxSLTMnJ8eIaqqSeVMnIYUOdu+sq6vrp4f+VCoYo8khZaNs01VRlERUu2/BrWAA7sl2Anink1Ao18JGjyY/PDx8hq1GZqgp5c2mp6chMjLy2b179x7hRzvoqeUUwXIzqq4O5nZsNUaEbIbLqPLTou/s7FTvT05OpsA9sXJG1AVsZDwjutqBIN6gUlWjxod8XRBNKXgsrqpqYZfwEqX9h8TExD7wbFm8LmzxHQ0QHSlXKZVSqFC/hkqlaKapTaGgCQTK7PHW1lb/wsLC86KiokkccoV+qV1tcE0pO7AWxmhTxBszDzqRr66ujqanp2cRpQLNBgUsCh8BwQ54bn5+/s+mpqa+4eHhfS1gb52vwuP0trPjhSZCBtLQ0NA3MDDQQIFYAUHBYhuvzjpVbJr1lZWVP3p7e19UVVXNgHumXYrI4uBx6Yqevz02b0FcRQ8CoBQF3dXVpQLZ3d39C7n+ora29vfJyclDYFnWgFyxK3cxhss/+KoT/N6DVkQpKypFGUCp3Ozo6HgSHx//GLW/BwHsg57zl5pzADajwLn52mPL1ZHPloMoRYPMFL6EhAR18e7s7MxVV1fPsAAp4Avteq7dC/c1+wKI4g+EfGzDM+EYHBw8RDrNiA2QL6upqVGvKJ2/gHu2L1nA5wwEB2YDfSYMO1x/px0cgEc2zBY+eo67u6H29vZ/wU2VC8l58JxKNjDOgojNEp08aFVfX++3l6JMEdDx8fEB0FNIBsDXBc8ArwuW1EkeI1RKdLWmCx+1DhkZGRvR0dFfSsHKxYtnW0iqvJAN9xNm6MR/QO5sfapUSkqKmqW5ubmfwVgyZdpw/vPZl2kUEAinBMSUStG+gwra0NDQSynQKyloIxnlewafjDFLJzLRBJqiFMnqyMgIbG5uDuD996Dnv8iAPOMAPmbcm5lVJwA/vZRMKZGZlpaWVtAvUL4GZMqE1fjRJrUd76LHoX+InlhcXPwZnWW2tra6jjrpiBM3UK/weQr6J+gfodMh9HtwncG7YLA3CMSsLmxx5WuDCt8B7vZeicInTjCWlpb6wc15mfey7oc9E8LElpVmMgb9AXoC+qcTExOPKRu4NlTHs6Q10GfhgfYOvRsJQZ76BWMKuDtaolQs+gfoH6Mn436gDg+e+5BKXUQx/C5Je/a+NpbeiQJPKgUdlNXx/BCBKxVdxW5Q0I3XBqFKRhU4KLtjYawi3csuTKdc4FnIXNvKUJkVEGRG20QZAAUpA5DbaYAQLmQzfzxyk/ffdnCD4NWVnGdE7kQBQvQHC5lVEDxgMaM29lkxGCNLKrDnIbFAMkFmBIaDkHstU41coGZ1TZD5UjReCGUAYbNgdNqoXZB/T67yYbFAMiGML3BhYeH8rb0t9h/zgcTBcTNGiQAAAABJRU5ErkJggg==",[X.eraser]:"data:image/png;base64,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",[X.shape]:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaGFwZS1jdXJzb3I8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNMjAsMjEuNSBDMjAuMjQ1NDU5OSwyMS41IDIwLjQ0OTYwODQsMjEuNjc2ODc1MiAyMC40OTE5NDQzLDIxLjkxMDEyNDQgTDIwLjUsMjIgTDIwLjUsMjcgQzIwLjUsMjcuMjc2MTQyNCAyMC4yNzYxNDI0LDI3LjUgMjAsMjcuNSBDMTkuNzU0NTQwMSwyNy41IDE5LjU1MDM5MTYsMjcuMzIzMTI0OCAxOS41MDgwNTU3LDI3LjA4OTg3NTYgTDE5LjUsMjcgTDE5LjUsMjIgQzE5LjUsMjEuNzIzODU3NiAxOS43MjM4NTc2LDIxLjUgMjAsMjEuNSBaIE0yNywxOS41IEMyNy4yNzYxNDI0LDE5LjUgMjcuNSwxOS43MjM4NTc2IDI3LjUsMjAgQzI3LjUsMjAuMjQ1NDU5OSAyNy4zMjMxMjQ4LDIwLjQ0OTYwODQgMjcuMDg5ODc1NiwyMC40OTE5NDQzIEwyNywyMC41IEwyMiwyMC41IEMyMS43MjM4NTc2LDIwLjUgMjEuNSwyMC4yNzYxNDI0IDIxLjUsMjAgQzIxLjUsMTkuNzU0NTQwMSAyMS42NzY4NzUyLDE5LjU1MDM5MTYgMjEuOTEwMTI0NCwxOS41MDgwNTU3IEwyMiwxOS41IEwyNywxOS41IFogTTE4LDE5LjUgQzE4LjI3NjE0MjQsMTkuNSAxOC41LDE5LjcyMzg1NzYgMTguNSwyMCBDMTguNSwyMC4yNDU0NTk5IDE4LjMyMzEyNDgsMjAuNDQ5NjA4NCAxOC4wODk4NzU2LDIwLjQ5MTk0NDMgTDE4LDIwLjUgTDEzLDIwLjUgQzEyLjcyMzg1NzYsMjAuNSAxMi41LDIwLjI3NjE0MjQgMTIuNSwyMCBDMTIuNSwxOS43NTQ1NDAxIDEyLjY3Njg3NTIsMTkuNTUwMzkxNiAxMi45MTAxMjQ0LDE5LjUwODA1NTcgTDEzLDE5LjUgTDE4LDE5LjUgWiBNMjAsMTIuNSBDMjAuMjQ1NDU5OSwxMi41IDIwLjQ0OTYwODQsMTIuNjc2ODc1MiAyMC40OTE5NDQzLDEyLjkxMDEyNDQgTDIwLjUsMTMgTDIwLjUsMTggQzIwLjUsMTguMjc2MTQyNCAyMC4yNzYxNDI0LDE4LjUgMjAsMTguNSBDMTkuNzU0NTQwMSwxOC41IDE5LjU1MDM5MTYsMTguMzIzMTI0OCAxOS41MDgwNTU3LDE4LjA4OTg3NTYgTDE5LjUsMTggTDE5LjUsMTMgQzE5LjUsMTIuNzIzODU3NiAxOS43MjM4NTc2LDEyLjUgMjAsMTIuNSBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICAgICAgPGZpbHRlciB4PSItNjQuNiUiIHk9Ii01OS41JSIgd2lkdGg9IjIyOS4zJSIgaGVpZ2h0PSIyNDYuMSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci0yIj4KICAgICAgICAgICAgPGZlTW9ycGhvbG9neSByYWRpdXM9IjEiIG9wZXJhdG9yPSJkaWxhdGUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRPdXRlcjEiPjwvZmVNb3JwaG9sb2d5PgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSIyIiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMyIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlR2F1c3NpYW5CbHVyPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW49InNoYWRvd0JsdXJPdXRlcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUNvbXBvc2l0ZT4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgICAwIDAgMCAwIDAgICAwIDAgMCAwIDAgIDAgMCAwIDAuMTYgMCIgdHlwZT0ibWF0cml4IiBpbj0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgIDwvZmlsdGVyPgogICAgPC9kZWZzPgogICAgPGcgaWQ9Iumhtemdoi00IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iV2hpdGVib2FyZC1HdWlkZWxpbmVzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzQ0LjAwMDAwMCwgLTc1MS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9InNoYXBlLWN1cnNvciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQ0LjAwMDAwMCwgNzUxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9ouWkh+S7vS00NCIgZmlsbD0iI0ZGRkZGRiIgb3BhY2l0eT0iMC4wMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGcgaWQ9IuW9oueKtue7k+WQiCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxIiBkPSJNMjAsMjEgQzIwLjQ4NTQxMDMsMjEgMjAuODk4MDg1LDIxLjM0Nzk5OTMgMjAuOTg5OTQ3OSwyMS44NjU0ODc3IEwyMSwyMiBMMjEsMjcgQzIxLDI3LjU1MjI4NDcgMjAuNTUyMjg0NywyOCAyMCwyOCBDMTkuNTE0NTg5NywyOCAxOS4xMDE5MTUsMjcuNjUyMDAwNyAxOS4wMTAwNTIxLDI3LjEzNDUxMjMgTDE5LDI3IEwxOSwyMiBDMTksMjEuNDQ3NzE1MyAxOS40NDc3MTUzLDIxIDIwLDIxIFogTTI3LDE5IEMyNy41NTIyODQ3LDE5IDI4LDE5LjQ0NzcxNTMgMjgsMjAgQzI4LDIwLjQ4NTQxMDMgMjcuNjUyMDAwNywyMC44OTgwODUgMjcuMTM0NTEyMywyMC45ODk5NDc5IEwyNywyMSBMMjIsMjEgQzIxLjQ0NzcxNTMsMjEgMjEsMjAuNTUyMjg0NyAyMSwyMCBDMjEsMTkuNTE0NTg5NyAyMS4zNDc5OTkzLDE5LjEwMTkxNSAyMS44NjU0ODc3LDE5LjAxMDA1MjEgTDIyLDE5IEwyNywxOSBaIE0xOCwxOSBDMTguNTUyMjg0NywxOSAxOSwxOS40NDc3MTUzIDE5LDIwIEMxOSwyMC40ODU0MTAzIDE4LjY1MjAwMDcsMjAuODk4MDg1IDE4LjEzNDUxMjMsMjAuOTg5OTQ3OSBMMTgsMjEgTDEzLDIxIEMxMi40NDc3MTUzLDIxIDEyLDIwLjU1MjI4NDcgMTIsMjAgQzEyLDE5LjUxNDU4OTcgMTIuMzQ3OTk5MywxOS4xMDE5MTUgMTIuODY1NDg3NywxOS4wMTAwNTIxIEwxMywxOSBMMTgsMTkgWiBNMjAsMTIgQzIwLjQ4NTQxMDMsMTIgMjAuODk4MDg1LDEyLjM0Nzk5OTMgMjAuOTg5OTQ3OSwxMi44NjU0ODc3IEwyMSwxMyBMMjEsMTggQzIxLDE4LjU1MjI4NDcgMjAuNTUyMjg0NywxOSAyMCwxOSBDMTkuNTE0NTg5NywxOSAxOS4xMDE5MTUsMTguNjUyMDAwNyAxOS4wMTAwNTIxLDE4LjEzNDUxMjMgTDE5LDE4IEwxOSwxMyBDMTksMTIuNDQ3NzE1MyAxOS40NDc3MTUzLDEyIDIwLDEyIFoiIGZpbGw9IiMyMTIzMjQiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgZmlsbD0iI0ZGRkZGRiIgeD0iMTguNSIgeT0iMTciIHdpZHRoPSIzIiBoZWlnaHQ9IjYiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIGZpbGw9IiNGRkZGRkYiIHg9IjE3IiB5PSIxOC41IiB3aWR0aD0iNiIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjAsMjEuNSBDMjAuMjQ1NDU5OSwyMS41IDIwLjQ0OTYwODQsMjEuNjc2ODc1MiAyMC40OTE5NDQzLDIxLjkxMDEyNDQgTDIwLjUsMjIgTDIwLjUsMjcgQzIwLjUsMjcuMjc2MTQyNCAyMC4yNzYxNDI0LDI3LjUgMjAsMjcuNSBDMTkuNzU0NTQwMSwyNy41IDE5LjU1MDM5MTYsMjcuMzIzMTI0OCAxOS41MDgwNTU3LDI3LjA4OTg3NTYgTDE5LjUsMjcgTDE5LjUsMjIgQzE5LjUsMjEuNzIzODU3NiAxOS43MjM4NTc2LDIxLjUgMjAsMjEuNSBaIE0yNywxOS41IEMyNy4yNzYxNDI0LDE5LjUgMjcuNSwxOS43MjM4NTc2IDI3LjUsMjAgQzI3LjUsMjAuMjQ1NDU5OSAyNy4zMjMxMjQ4LDIwLjQ0OTYwODQgMjcuMDg5ODc1NiwyMC40OTE5NDQzIEwyNywyMC41IEwyMiwyMC41IEMyMS43MjM4NTc2LDIwLjUgMjEuNSwyMC4yNzYxNDI0IDIxLjUsMjAgQzIxLjUsMTkuNzU0NTQwMSAyMS42NzY4NzUyLDE5LjU1MDM5MTYgMjEuOTEwMTI0NCwxOS41MDgwNTU3IEwyMiwxOS41IEwyNywxOS41IFogTTE4LDE5LjUgQzE4LjI3NjE0MjQsMTkuNSAxOC41LDE5LjcyMzg1NzYgMTguNSwyMCBDMTguNSwyMC4yNDU0NTk5IDE4LjMyMzEyNDgsMjAuNDQ5NjA4NCAxOC4wODk4NzU2LDIwLjQ5MTk0NDMgTDE4LDIwLjUgTDEzLDIwLjUgQzEyLjcyMzg1NzYsMjAuNSAxMi41LDIwLjI3NjE0MjQgMTIuNSwyMCBDMTIuNSwxOS43NTQ1NDAxIDEyLjY3Njg3NTIsMTkuNTUwMzkxNiAxMi45MTAxMjQ0LDE5LjUwODA1NTcgTDEzLDE5LjUgTDE4LDE5LjUgWiBNMjAsMTIuNSBDMjAuMjQ1NDU5OSwxMi41IDIwLjQ0OTYwODQsMTIuNjc2ODc1MiAyMC40OTE5NDQzLDEyLjkxMDEyNDQgTDIwLjUsMTMgTDIwLjUsMTggQzIwLjUsMTguMjc2MTQyNCAyMC4yNzYxNDI0LDE4LjUgMjAsMTguNSBDMTkuNzU0NTQwMSwxOC41IDE5LjU1MDM5MTYsMTguMzIzMTI0OCAxOS41MDgwNTU3LDE4LjA4OTg3NTYgTDE5LjUsMTggTDE5LjUsMTMgQzE5LjUsMTIuNzIzODU3NiAxOS43MjM4NTc2LDEyLjUgMjAsMTIuNSBaIiBpZD0i5b2i54q257uT5ZCIIiBmaWxsPSIjMjEyMzI0IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+",[X.text]:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDdweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDcgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT50ZXh0LWN1cnNvcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xNiwyNi41IEMxNS43MjM4NTc2LDI2LjUgMTUuNSwyNi4yNzYxNDI0IDE1LjUsMjYgQzE1LjUsMjUuNzU0NTQwMSAxNS42NzY4NzUyLDI1LjU1MDM5MTYgMTUuOTEwMTI0NCwyNS41MDgwNTU3IEwxNiwyNS41IEwxOS41LDI1LjUgTDE5LjUsMTQuNSBMMTYsMTQuNSBDMTUuNzIzODU3NiwxNC41IDE1LjUsMTQuMjc2MTQyNCAxNS41LDE0IEMxNS41LDEzLjc1NDU0MDEgMTUuNjc2ODc1MiwxMy41NTAzOTE2IDE1LjkxMDEyNDQsMTMuNTA4MDU1NyBMMTYsMTMuNSBMMjQsMTMuNSBDMjQuMjc2MTQyNCwxMy41IDI0LjUsMTMuNzIzODU3NiAyNC41LDE0IEMyNC41LDE0LjI0NTQ1OTkgMjQuMzIzMTI0OCwxNC40NDk2MDg0IDI0LjA4OTg3NTYsMTQuNDkxOTQ0MyBMMjQsMTQuNSBMMjAuNSwxNC41IEwyMC41LDI1LjUgTDI0LDI1LjUgQzI0LjI3NjE0MjQsMjUuNSAyNC41LDI1LjcyMzg1NzYgMjQuNSwyNiBDMjQuNSwyNi4yNDU0NTk5IDI0LjMyMzEyNDgsMjYuNDQ5NjA4NCAyNC4wODk4NzU2LDI2LjQ5MTk0NDMgTDI0LDI2LjUgTDE2LDI2LjUgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgICAgIDxmaWx0ZXIgeD0iLTI4NC4wJSIgeT0iLTgxLjUlIiB3aWR0aD0iNjY4LjElIiBoZWlnaHQ9IjI5My45JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTIiPgogICAgICAgICAgICA8ZmVNb3JwaG9sb2d5IHJhZGl1cz0iMSIgb3BlcmF0b3I9ImRpbGF0ZSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSI+PC9mZU1vcnBob2xvZ3k+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMCIgZHk9IjIiIGluPSJzaGFkb3dTcHJlYWRPdXRlcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlT2Zmc2V0PgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiPjwvZmVHYXVzc2lhbkJsdXI+CiAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93Qmx1ck91dGVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlQ29tcG9zaXRlPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4xNiAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0i6aG16Z2iLTQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJXaGl0ZWJvYXJkLUd1aWRlbGluZXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODguMDAwMDAwLCAtNjcyLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0idGV4dC1jdXJzb3IiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5Mi4wMDAwMDAsIDY3Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaLlpIfku70tNDAiIGZpbGw9IiNGRkZGRkYiIG9wYWNpdHk9IjAuMDEiIHg9IjAiIHk9IjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcng9IjIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxnIGlkPSLlvaLnirbnu5PlkIgiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIxIiBmaWx0ZXI9InVybCgjZmlsdGVyLTIpIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMSIgZD0iTTE5LDI1IEwxOSwxNSBMMTYsMTUgQzE1LjQ0NzcxNTMsMTUgMTUsMTQuNTUyMjg0NyAxNSwxNCBDMTUsMTMuNTE0NTg5NyAxNS4zNDc5OTkzLDEzLjEwMTkxNSAxNS44NjU0ODc3LDEzLjAxMDA1MjEgTDE2LDEzIEwyNCwxMyBDMjQuNTUyMjg0NywxMyAyNSwxMy40NDc3MTUzIDI1LDE0IEMyNSwxNC40ODU0MTAzIDI0LjY1MjAwMDcsMTQuODk4MDg1IDI0LjEzNDUxMjMsMTQuOTg5OTQ3OSBMMjQsMTUgTDIxLDE1IEwyMSwyNSBMMjQsMjUgQzI0LjU1MjI4NDcsMjUgMjUsMjUuNDQ3NzE1MyAyNSwyNiBDMjUsMjYuNDg1NDEwMyAyNC42NTIwMDA3LDI2Ljg5ODA4NSAyNC4xMzQ1MTIzLDI2Ljk4OTk0NzkgTDI0LDI3IEwxNiwyNyBDMTUuNDQ3NzE1MywyNyAxNSwyNi41NTIyODQ3IDE1LDI2IEMxNSwyNS41MTQ1ODk3IDE1LjM0Nzk5OTMsMjUuMTAxOTE1IDE1Ljg2NTQ4NzcsMjUuMDEwMDUyMSBMMTYsMjUgTDE5LDI1IFoiIGZpbGw9IiMyMTIzMjQiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="};class Xt extends $e{constructor(e,t,i,s,a,r){super(e),this.cursors=i,this.memberId=s,this.cursorManager=a,this.wrapper=r,this.onCursorChange=(e,t)=>{var i;if("main"===e.type){const t=this.cursorManager.wrapperRect;this.component&&t&&(this.autoHidden(),this.moveCursor(e,t,this.manager.mainView))}else{const t=this.cursorManager.focusView,s=null==(i=null==t?void 0:t.divElement)?void 0:i.getBoundingClientRect(),a=null==t?void 0:t.camera;t&&s&&a&&this.component&&(this.autoHidden(),this.moveCursor(e,s,t))}t&&t===de.Leave&&this.hide()},this.setMember(),this.createCursor(),t(this.memberId,this.onCursorChange),this.autoHidden()}moveCursor(e,t,i){var s,a;const{x:r,y:n,type:o}=e,h=null==i?void 0:i.screen.convertPointToScreen(r,n);if(h){let e=h.x-2,i=h.y-18;if("app"===o){const s=this.cursorManager.wrapperRect;s&&(e=e+t.x-s.x,i=i+t.y-s.y)}h.x<0||h.x>t.width||h.y<0||h.y>t.height?null==(s=this.component)||s.$set({visible:!1,x:e,y:i}):null==(a=this.component)||a.$set({visible:!0,x:e,y:i})}}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,t;return(null==(e=this.payload)?void 0:e.nickName)||(null==(t=this.payload)?void 0:t.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 w(this.cursors,[this.memberId,He.CursorState])}get cursorPosition(){return w(this.cursors,[this.memberId,He.Position])}autoHidden(){this.timer&&clearTimeout(this.timer),this.timer=window.setTimeout((()=>{this.hide(),this.store.updateCursorState(this.memberId,de.Leave)}),1e4)}async createCursor(){this.member&&this.wrapper&&(this.component=new Ft({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 Ht[this.memberApplianceName||X.shape]||Ht[X.shape]}}setMember(){this.member=this.context.findMemberByUid(this.memberId),this.updateComponent()}updateComponent(){var e;null==(e=this.component)||e.$set(D(this.initProps(),["x","y"]))}destroy(){var e;this.component&&this.component.$destroy(),null==(e=this.manager.refresher)||e.remove(this.memberId),this.cursorManager.cursorInstances.delete(this.memberId)}hide(){this.component&&this.component.$set({visible:!1})}}class Jt extends $e{constructor(e){var t;super(e),this.appManager=e,this.cursorInstances=new Map,this.sideEffectManager=new te,this.getUids=e=>f(T(null==e?void 0:e.map((e=>{var t;return null==(t=e.payload)?void 0:t.uid})))),this.handleRoomMembersChange=u((e=>{const t=this.getUids(this.roomMembers),i=Object.keys(this.cursors);(null==t?void 0:t.length)&&i.map((i=>{if(t.includes(i)&&!this.cursorInstances.has(i)){if(i===this.context.uid)return;const t=new Xt(this.appManager,this.addCursorChangeListener,this.cursors,i,this,e);this.cursorInstances.set(i,t)}}))}),100),this.mouseMoveListener=u((e=>{this.updateCursor(this.getType(e),e.clientX,e.clientY)}),5),this.getPoint=(e,t,i)=>{var s;const a=null==(s=null==e?void 0:e.divElement)?void 0:s.getBoundingClientRect();if(a){return null==e?void 0:e.convertToPointInWorld({x:t-a.x,y:i-a.y})}},this.getType=e=>{var t;const i=e.target,s=this.appManager.focusApp;switch(i.parentElement){case this.mainViewElement:return{type:"main"};case null==(t=null==s?void 0:s.view)?void 0:t.divElement:return{type:"app"};default:return{type:"main"}}},this.mouseLeaveListener=()=>{this.hideCursor(this.context.uid),this.store.updateCursorState(this.context.uid,de.Leave)},this.addCursorChangeListener=(e,t)=>{var i;null==(i=this.manager.refresher)||i.add(e,(()=>Z((()=>{const i=w(this.cursors,[e,He.Position]),s=w(this.cursors,[e,He.CursorState]);i&&t(i,s)}))))},this.roomMembers=null==(t=this.appManager.room)?void 0:t.state.roomMembers;const i=ti.wrapper;i&&this.setupWrapper(i),_t.on("onReconnected",(()=>{this.onReconnect()}))}setupWrapper(e){var t;(null==(t=this.manager.refresher)?void 0:t.hasReactor("cursors"))&&this.destroy(),this.sideEffectManager.add((()=>(e.addEventListener("pointerenter",this.mouseMoveListener),e.addEventListener("pointermove",this.mouseMoveListener),e.addEventListener("pointerleave",this.mouseLeaveListener),()=>{e.removeEventListener("pointerenter",this.mouseMoveListener),e.removeEventListener("pointermove",this.mouseMoveListener),e.removeEventListener("pointerleave",this.mouseLeaveListener)}))),this.initCursorAttributes(),this.wrapperRect=e.getBoundingClientRect(),this.startReaction(e)}setMainViewDivElement(e){this.mainViewElement=e}startReaction(e){var t;null==(t=this.manager.refresher)||t.add("cursors",(()=>Re(this.cursors,(()=>{this.handleRoomMembersChange(e)}))))}get cursors(){var e;return null==(e=this.manager.attributes)?void 0:e[He.Cursors]}get boxState(){return this.store.getBoxState()}get focusView(){var e;return null==(e=this.appManager.focusApp)?void 0:e.view}updateCursor(e,t,i){if(this.wrapperRect&&this.manager.canOperate){const s="main"===e.type?this.appManager.mainView:this.focusView,a=this.getPoint(s,t,i);a&&(this.setNormalCursorState(),this.store.updateCursor(this.context.uid,c({x:a.x,y:a.y},e)))}}initCursorAttributes(){this.store.updateCursor(this.context.uid,{x:0,y:0,type:"main"}),this.store.updateCursorState(this.context.uid,de.Leave)}setNormalCursorState(){this.store.getCursorState(this.context.uid)!==de.Normal&&this.store.updateCursorState(this.context.uid,de.Normal)}updateContainerRect(){var e,t;this.containerRect=null==(e=ti.container)?void 0:e.getBoundingClientRect(),this.wrapperRect=null==(t=ti.wrapper)?void 0:t.getBoundingClientRect()}setRoomMembers(e){this.roomMembers=e,this.cursorInstances.forEach((e=>{e.setMember()})),ti.wrapper&&this.handleRoomMembersChange(ti.wrapper)}deleteCursor(e){this.store.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=this.getUids(e),i=[];Object.keys(this.cursors).map((e=>{-1===t.findIndex((t=>t===e))&&i.push(e)})),i.forEach((e=>{this.deleteCursor(e)}))}onReconnect(){var e;this.cursorInstances.size&&(this.cursorInstances.forEach((e=>e.destroy())),this.cursorInstances.clear()),this.roomMembers=null==(e=this.appManager.room)?void 0:e.state.roomMembers,ti.wrapper&&this.handleRoomMembersChange(ti.wrapper)}destroy(){var e;this.sideEffectManager.flushAll(),this.cursorInstances.size&&(this.cursorInstances.forEach((e=>{e.destroy()})),this.cursorInstances.clear()),null==(e=this.manager.refresher)||e.remove("cursors")}}const Kt={DocsViewer:ie.kind,MediaPlayer:se.kind};const _t=new l,qt=new l,$t=new class{constructor(e){this.ctx=e,this.reactors=new Map,this.disposers=new Map,this.onPhaseChanged=e=>{e===J.Connected&&this.phase===J.Reconnecting&&this.onReconnected(),this.phase=e},this.onReconnected=u((()=>{Ke("onReconnected refresh reactors"),this.releaseDisposers(),this.reactors.forEach(((e,t)=>{j(e)&&this.disposers.set(t,e())})),this.ctx.emitter.emit("onReconnected",void 0)}),3e3)}setRoom(e){this.room=e,this.phase=null==e?void 0:e.phase,null==e||e.callbacks.off("onPhaseChanged",this.onPhaseChanged),null==e||e.callbacks.on("onPhaseChanged",this.onPhaseChanged)}setContext(e){this.ctx=e}releaseDisposers(){this.disposers.forEach((e=>{j(e)&&e()})),this.disposers.clear()}add(e,t){j(t)&&(this.reactors.set(e,t),this.disposers.set(e,t()))}remove(e){this.reactors.has(e)&&this.reactors.delete(e);const t=this.disposers.get(e);t&&(j(t)&&t(),this.disposers.delete(e))}hasReactor(e){return this.reactors.has(e)}destroy(){var e;null==(e=this.room)||e.callbacks.off("onPhaseChanged",this.onPhaseChanged),this.releaseDisposers()}}({emitter:_t}),ei=class extends K{constructor(e){super(e),this.version="0.4.0-canary.17",this.emitter=qt,this.viewMode=_.Broadcaster,this.isReplay=F(this.displayer),ei.displayer=e.displayer}static async mount(e){const t=e.room;ei.container=e.container;const i=e.containerSizeRatio,s=e.debug,a=e.cursor;if(ei.params=e,this.checkVersion(),H(t)){if(t.phase!==J.Connected)throw new Error("[WindowManager]: Room only Connected can be mount");t.phase===J.Connected&&t.isWritable&&(t.disableSerialization=!1)}if(ei.isCreated)throw new Error("[WindowManager]: Already created cannot be created again");let r=await this.initManager(t);if(this.debug=Boolean(s),Ke("Already insert room",r),H(this.displayer)){if(!r)throw new Error("[WindowManager]: init InvisiblePlugin failed")}else await p((async e=>{if(r=await this.initManager(t),!r)throw Ke(`manager is empty. retrying ${e}`),new Error}),{retries:10});i&&(ei.containerSizeRatio=i),await r.ensureAttributes(),r.appManager=new rt(r),a&&(r.cursorManager=new Jt(r.appManager)),e.container&&r.bindContainer(e.container),((e,t)=>{if(F(e)){const t=e,i=t.seekToProgressTime;t.seekToProgressTime=async function(e){const s=await i.call(t,e);return"success"===s&&_t.emit("seek",e),s}}else{if(Object.getOwnPropertyDescriptor(e,"disableCameraTransform"))return;Object.defineProperty(e,"disableCameraTransform",{get:()=>t.mainView.disableCameraTransform,set(e){t.mainView.disableCameraTransform=e}}),Object.defineProperty(e,"canUndoSteps",{get:()=>t.mainView.canUndoSteps}),Object.defineProperty(e,"canRedoSteps",{get:()=>t.mainView.canRedoSteps}),e.moveCamera=e=>t.mainView.moveCamera(e),e.moveCameraToContain=(...e)=>t.moveCameraToContain(...e),e.convertToPointInWorld=(...e)=>t.mainView.convertToPointInWorld(...e),e.setCameraBound=(...e)=>t.mainView.setCameraBound(...e),e.scenePreview=(...e)=>t.mainView.scenePreview(...e),e.fillSceneSnapshot=(...e)=>t.mainView.fillSceneSnapshot(...e),e.generateScreenshot=(...e)=>t.mainView.generateScreenshot(...e),e.setMemberState=(...e)=>t.mainView.setMemberState(...e),e.redo=()=>t.mainView.redo(),e.undo=()=>t.mainView.undo(),e.cleanCurrentScene=()=>t.mainView.cleanCurrentScene()}})(t,r),_t.emit("onCreated"),ei.isCreated=!0;try{await me()}catch(n){console.warn("[WindowManager]: indexedDB open failed"),console.log(n)}return r}static async initManager(e){let t=e.getInvisiblePlugin(ei.kind);if(!t&&H(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(ei,{}),t.ensureAttributes(),await fe(500),await e.setWritable(!1)}else t=await e.createInvisiblePlugin(ei,{});return t}static initContainer(e,t,i,s){ei.container||(ei.container=t);const{playground:a,wrapper:r,sizer:n,mainViewElement:o}=(e=>{const t=document.createElement("div");t.className="netless-window-manager-playground";const i=document.createElement("div");i.className="netless-window-manager-sizer";const s=document.createElement("div");s.className="netless-window-manager-wrapper";const a=document.createElement("div");return a.className="netless-window-manager-main-view",t.appendChild(i),i.appendChild(s),s.appendChild(a),e.appendChild(t),ti.wrapper=s,{playground:t,wrapper:s,sizer:i,mainViewElement:a}})(t);if(ei.playground=a,i&&n.classList.add("netless-window-manager-chess-sizer"),s){const e=document.createElement("style");e.textContent=s,a.appendChild(e)}return e.containerResizeObserver=ot.create(a,n,r,_t),ei.wrapper=r,o}bindContainer(e){var t,i,s,a,r,n,o,h,c,d;if(ei.isCreated&&ei.container)ei.container.firstChild&&e.appendChild(ei.container.firstChild);else if(ei.params){const s=ei.params,a=ei.initContainer(this,e,s.chessboard,s.overwriteStyles),r=(o=this,h=qt,c=_t,d={collectorContainer:s.collectorContainer,collectorStyles:s.collectorStyles,prefersColorScheme:s.prefersColorScheme},new ht({safeSetAttributes:e=>o.safeSetAttributes(e),getMainView:()=>o.mainView,updateAppState:(...e)=>{var t;return null==(t=o.appManager)?void 0:t.store.updateAppState(...e)},canOperate:()=>o.canOperate,notifyContainerRectUpdate:e=>{var t;return null==(t=o.appManager)?void 0:t.notifyContainerRectUpdate(e)},cleanFocus:()=>{var e;return null==(e=o.appManager)?void 0:e.store.cleanFocus()},callbacks:h,emitter:c},d));this.boxManager=r,null==(t=this.appManager)||t.setBoxManager(r),this.bindMainView(a,s.disableCameraTransform),ei.wrapper&&(null==(i=this.cursorManager)||i.setupWrapper(ei.wrapper))}null==(s=this.boxManager)||s.updateManagerRect(),null==(a=this.appManager)||a.refresh(),null==(r=this.appManager)||r.resetMaximized(),null==(n=this.appManager)||n.resetMinimized(),ei.container=e}bindCollectorContainer(e){ei.isCreated&&this.boxManager?this.boxManager.setCollectorContainer(e):ei.params&&(ei.params.collectorContainer=e)}static register(e){return Ce.register(e)}async addApp(e){var t,i,s,a;if(this.appManager){if(!e.kind||"string"!=typeof e.kind)throw new ze;const r=await(null==(t=Ce.appClasses.get(e.kind))?void 0:t());if(r&&(null==(i=r.config)?void 0:i.singleton)&&this.appManager.appProxies.has(e.kind))throw new je;const n=this.setupScenePath(e,this.appManager);if(void 0===n)return;(null==(s=null==e?void 0:e.options)?void 0:s.scenePath)&&(e.options.scenePath=(a=e.options.scenePath).endsWith("/")?a.slice(0,-1):a);return await this.appManager.addApp(e,Boolean(n))}throw new Ee}setupScenePath(e,t){var i,s,a;let r=!1;if(e.options){const{scenePath:n,scenes:o}=e.options;if(n){if(!(e=>e.startsWith("/"))(n))throw new Be;const e=Object.keys(this.apps||{});for(const i of e){const e=t.store.getAppScenePath(i);if(e&&e===n){if(console.warn(`[WindowManager]: ScenePath ${n} Already opened`),this.boxManager){const e=this.boxManager.getTopBox();e&&this.boxManager.setZIndex(i,e.zIndex+1,!1)}return}}}n&&o&&o.length>0&&(this.isDynamicPPT(o)?(r=!0,this.displayer.entireScenes()[n]||null==(i=this.room)||i.putScenes(n,o)):this.displayer.entireScenes()[n]||null==(s=this.room)||s.putScenes(n,[{name:o[0].name}])),n&&void 0===o&&(null==(a=this.room)||a.putScenes(n,[{}]))}return r}async setMainViewScenePath(e){this.appManager&&await this.appManager.setMainViewScenePath(e)}async setMainViewSceneIndex(e){this.appManager&&await this.appManager.setMainViewSceneIndex(e)}getMainViewScenePath(){var e;return null==(e=this.appManager)?void 0:e.store.getMainViewScenePath()}getMainViewSceneIndex(){var e;return null==(e=this.appManager)?void 0:e.store.getMainViewSceneIndex()}setReadonly(e){var t;this.readonly=e,null==(t=this.boxManager)||t.setReadonly(e)}switchMainViewToWriter(){var e;return null==(e=this.appManager)?void 0:e.mainViewProxy.mainViewClickHandler()}onAppDestroy(e,t){((e,t)=>{_t.once(e).then(t)})(`destroy-${e}`,t)}setViewMode(e){var t,i,s;this.canOperate&&(e===_.Broadcaster&&(null==(t=this.appManager)||t.mainViewProxy.setCameraAndSize(),null==(i=this.appManager)||i.mainViewProxy.start()),e===_.Freedom&&(null==(s=this.appManager)||s.mainViewProxy.stop()),this.viewMode=e)}get mainView(){if(this.appManager)return this.appManager.mainViewProxy.view;throw new Ee}get camera(){if(this.appManager)return this.appManager.mainViewProxy.view.camera;throw new Ee}get cameraState(){if(this.appManager)return this.appManager.mainViewProxy.cameraState;throw new Ee}get apps(){var e;return null==(e=this.appManager)?void 0:e.store.apps()}get boxState(){var e;if(this.appManager)return null==(e=this.appManager.boxManager)?void 0:e.boxState;throw new Ee}get darkMode(){var e,t;return Boolean(null==(t=null==(e=this.appManager)?void 0:e.boxManager)?void 0:t.darkMode)}get prefersColorScheme(){var e;if(this.appManager)return null==(e=this.appManager.boxManager)?void 0:e.prefersColorScheme;throw new Ee}get focused(){return this.attributes.focus}get mainViewSceneIndex(){var e;return null==(e=this.appManager)?void 0:e.store.getMainViewSceneIndex()}get mainViewSceneDir(){var e;const t=null==(e=this.appManager)?void 0:e.store.getMainViewScenePath();if(t)return Ne(t);throw new Error("[WindowManager]: mainViewSceneDir not found")}queryAll(){var e;return Array.from((null==(e=this.appManager)?void 0:e.appProxies.values())||[])}queryOne(e){var t;return null==(t=this.appManager)?void 0:t.appProxies.get(e)}async closeApp(e){var t;return null==(t=this.appManager)?void 0:t.closeApp(e)}moveCamera(e){this.mainView.moveCamera(e)}moveCameraToContain(t){var i;this.mainView.moveCameraToContain(t),null==(i=this.appManager)||i.dispatchInternalEvent(e.MoveCameraToContain,t),setTimeout((()=>{var e;null==(e=this.appManager)||e.mainViewProxy.setCameraAndSize()}),1e3)}convertToPointInWorld(e){return this.mainView.convertToPointInWorld(e)}setCameraBound(e){this.mainView.setCameraBound(e)}onDestroy(){this._destroy()}destroy(){this._destroy()}_destroy(){var e,t,i,s;null==(e=this.containerResizeObserver)||e.disconnect(),null==(t=this.appManager)||t.destroy(),null==(i=this.cursorManager)||i.destroy(),ei.container=void 0,ei.wrapper=void 0,ei.isCreated=!1,ei.playground&&(null==(s=ei.playground.parentNode)||s.removeChild(ei.playground)),ei.params=void 0,Ke("Destroyed")}bindMainView(e,t){var i;this.appManager&&(this.appManager.bindMainView(e,Boolean(t)),null==(i=this.cursorManager)||i.setMainViewDivElement(e))}get canOperate(){return!!H(this.displayer)&&(this.displayer.isWritable&&this.displayer.phase===J.Connected)}get room(){return this.displayer}safeSetAttributes(e){this.canOperate&&this.setAttributes(e)}safeUpdateAttributes(e,t){this.canOperate&&this.updateAttributes(e,t)}setPrefersColorScheme(e){var t,i;null==(i=null==(t=this.appManager)?void 0:t.boxManager)||i.setPrefersColorScheme(e)}isDynamicPPT(e){var t,i;const s=null==(i=null==(t=e[0])?void 0:t.ppt)?void 0:i.src;return null==s?void 0:s.startsWith("pptx://")}static checkVersion(){if(De(q)<De("2.16.0"))throw new Le("2.16.0")}async ensureAttributes(){if(E(this.attributes)&&await fe(50),M(this.attributes)){this.attributes[He.Apps]||this.safeSetAttributes({[He.Apps]:{}}),this.attributes[He.Cursors]||this.safeSetAttributes({[He.Cursors]:{}});const e=this.displayer.state.sceneState;this.attributes._mainScenePath||this.safeSetAttributes({_mainScenePath:e.scenePath}),this.attributes._mainSceneIndex||this.safeSetAttributes({_mainSceneIndex:e.index})}}};let ti=ei;ti.kind="WindowManager",ti.debug=!1,ti.containerSizeRatio=9/16,ti.isCreated=!1,ti.debug&&ae({verbose:!0}),ti.register({kind:ie.kind,src:ie}),ti.register({kind:se.kind,src:se});export{Kt as BuiltinApps,ti as WindowManager,qt as callbacks,_t as emitter,$t as reconnectRefresher};
 //# sourceMappingURL=index.es.js.map