@netless/window-manager 1.0.2 → 1.0.3

package/dist/index.mjs

@@ -623,10 +623,10 @@ class BindContainerRoomPhaseInvalidError extends Error {
     this.message = "[WindowManager]: room phase only Connected can be bindContainer";
   }
 }
-const e$3 = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", s$3 = e$3.length, t$4 = Array(20), r$4 = () => {
+const e$3 = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", s$3 = e$3.length, t$3 = Array(20), r$4 = () => {
   for (let r2 = 0; r2 < 20; r2++)
-    t$4[r2] = e$3.charAt(Math.random() * s$3);
-  return t$4.join("");
+    t$3[r2] = e$3.charAt(Math.random() * s$3);
+  return t$3.join("");
 };
 class o$2 {
   constructor() {
@@ -2996,561 +2996,200 @@ class ContainerResizeObserver {
     }
   }
 }
-var react = { exports: {} };
-var react_production_min = {};
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-var getOwnPropertySymbols = Object.getOwnPropertySymbols;
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-var propIsEnumerable = Object.prototype.propertyIsEnumerable;
-function toObject(val) {
-  if (val === null || val === void 0) {
-    throw new TypeError("Object.assign cannot be called with null or undefined");
+var __defProp2 = Object.defineProperty;
+var __defProps2 = Object.defineProperties;
+var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2 = (a2, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp2.call(b2, prop))
+      __defNormalProp2(a2, prop, b2[prop]);
+  if (__getOwnPropSymbols2)
+    for (var prop of __getOwnPropSymbols2(b2)) {
+      if (__propIsEnum2.call(b2, prop))
+        __defNormalProp2(a2, prop, b2[prop]);
+    }
+  return a2;
+};
+var __spreadProps2 = (a2, b2) => __defProps2(a2, __getOwnPropDescs2(b2));
+var eventemitter3 = { exports: {} };
+(function(module) {
+  var has2 = Object.prototype.hasOwnProperty, prefix = "~";
+  function Events2() {
   }
-  return Object(val);
-}
-function shouldUseNative$1() {
-  try {
-    if (!Object.assign) {
-      return false;
+  if (Object.create) {
+    Events2.prototype = /* @__PURE__ */ Object.create(null);
+    if (!new Events2().__proto__)
+      prefix = false;
+  }
+  function EE(fn, context, once) {
+    this.fn = fn;
+    this.context = context;
+    this.once = once || false;
+  }
+  function addListener(emitter, event, fn, context, once) {
+    if (typeof fn !== "function") {
+      throw new TypeError("The listener must be a function");
     }
-    var test1 = new String("abc");
-    test1[5] = "de";
-    if (Object.getOwnPropertyNames(test1)[0] === "5") {
-      return false;
+    var listener = new EE(fn, context || emitter, once), evt = prefix ? prefix + event : event;
+    if (!emitter._events[evt])
+      emitter._events[evt] = listener, emitter._eventsCount++;
+    else if (!emitter._events[evt].fn)
+      emitter._events[evt].push(listener);
+    else
+      emitter._events[evt] = [emitter._events[evt], listener];
+    return emitter;
+  }
+  function clearEvent(emitter, evt) {
+    if (--emitter._eventsCount === 0)
+      emitter._events = new Events2();
+    else
+      delete emitter._events[evt];
+  }
+  function EventEmitter2() {
+    this._events = new Events2();
+    this._eventsCount = 0;
+  }
+  EventEmitter2.prototype.eventNames = function eventNames() {
+    var names = [], events2, name;
+    if (this._eventsCount === 0)
+      return names;
+    for (name in events2 = this._events) {
+      if (has2.call(events2, name))
+        names.push(prefix ? name.slice(1) : name);
     }
-    var test2 = {};
-    for (var i2 = 0; i2 < 10; i2++) {
-      test2["_" + String.fromCharCode(i2)] = i2;
+    if (Object.getOwnPropertySymbols) {
+      return names.concat(Object.getOwnPropertySymbols(events2));
     }
-    var order2 = Object.getOwnPropertyNames(test2).map(function(n2) {
-      return test2[n2];
-    });
-    if (order2.join("") !== "0123456789") {
-      return false;
+    return names;
+  };
+  EventEmitter2.prototype.listeners = function listeners(event) {
+    var evt = prefix ? prefix + event : event, handlers = this._events[evt];
+    if (!handlers)
+      return [];
+    if (handlers.fn)
+      return [handlers.fn];
+    for (var i2 = 0, l2 = handlers.length, ee2 = new Array(l2); i2 < l2; i2++) {
+      ee2[i2] = handlers[i2].fn;
     }
-    var test3 = {};
-    "abcdefghijklmnopqrst".split("").forEach(function(letter) {
-      test3[letter] = letter;
-    });
-    if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
+    return ee2;
+  };
+  EventEmitter2.prototype.listenerCount = function listenerCount(event) {
+    var evt = prefix ? prefix + event : event, listeners = this._events[evt];
+    if (!listeners)
+      return 0;
+    if (listeners.fn)
+      return 1;
+    return listeners.length;
+  };
+  EventEmitter2.prototype.emit = function emit(event, a1, a2, a3, a4, a5) {
+    var evt = prefix ? prefix + event : event;
+    if (!this._events[evt])
       return false;
+    var listeners = this._events[evt], len = arguments.length, args, i2;
+    if (listeners.fn) {
+      if (listeners.once)
+        this.removeListener(event, listeners.fn, void 0, true);
+      switch (len) {
+        case 1:
+          return listeners.fn.call(listeners.context), true;
+        case 2:
+          return listeners.fn.call(listeners.context, a1), true;
+        case 3:
+          return listeners.fn.call(listeners.context, a1, a2), true;
+        case 4:
+          return listeners.fn.call(listeners.context, a1, a2, a3), true;
+        case 5:
+          return listeners.fn.call(listeners.context, a1, a2, a3, a4), true;
+        case 6:
+          return listeners.fn.call(listeners.context, a1, a2, a3, a4, a5), true;
+      }
+      for (i2 = 1, args = new Array(len - 1); i2 < len; i2++) {
+        args[i2 - 1] = arguments[i2];
+      }
+      listeners.fn.apply(listeners.context, args);
+    } else {
+      var length = listeners.length, j2;
+      for (i2 = 0; i2 < length; i2++) {
+        if (listeners[i2].once)
+          this.removeListener(event, listeners[i2].fn, void 0, true);
+        switch (len) {
+          case 1:
+            listeners[i2].fn.call(listeners[i2].context);
+            break;
+          case 2:
+            listeners[i2].fn.call(listeners[i2].context, a1);
+            break;
+          case 3:
+            listeners[i2].fn.call(listeners[i2].context, a1, a2);
+            break;
+          case 4:
+            listeners[i2].fn.call(listeners[i2].context, a1, a2, a3);
+            break;
+          default:
+            if (!args)
+              for (j2 = 1, args = new Array(len - 1); j2 < len; j2++) {
+                args[j2 - 1] = arguments[j2];
+              }
+            listeners[i2].fn.apply(listeners[i2].context, args);
+        }
+      }
     }
     return true;
-  } catch (err) {
-    return false;
-  }
-}
-var objectAssign = shouldUseNative$1() ? Object.assign : function(target, source) {
-  var from;
-  var to = toObject(target);
-  var symbols;
-  for (var s2 = 1; s2 < arguments.length; s2++) {
-    from = Object(arguments[s2]);
-    for (var key in from) {
-      if (hasOwnProperty.call(from, key)) {
-        to[key] = from[key];
-      }
+  };
+  EventEmitter2.prototype.on = function on(event, fn, context) {
+    return addListener(this, event, fn, context, false);
+  };
+  EventEmitter2.prototype.once = function once(event, fn, context) {
+    return addListener(this, event, fn, context, true);
+  };
+  EventEmitter2.prototype.removeListener = function removeListener(event, fn, context, once) {
+    var evt = prefix ? prefix + event : event;
+    if (!this._events[evt])
+      return this;
+    if (!fn) {
+      clearEvent(this, evt);
+      return this;
     }
-    if (getOwnPropertySymbols) {
-      symbols = getOwnPropertySymbols(from);
-      for (var i2 = 0; i2 < symbols.length; i2++) {
-        if (propIsEnumerable.call(from, symbols[i2])) {
-          to[symbols[i2]] = from[symbols[i2]];
+    var listeners = this._events[evt];
+    if (listeners.fn) {
+      if (listeners.fn === fn && (!once || listeners.once) && (!context || listeners.context === context)) {
+        clearEvent(this, evt);
+      }
+    } else {
+      for (var i2 = 0, events2 = [], length = listeners.length; i2 < length; i2++) {
+        if (listeners[i2].fn !== fn || once && !listeners[i2].once || context && listeners[i2].context !== context) {
+          events2.push(listeners[i2]);
         }
       }
+      if (events2.length)
+        this._events[evt] = events2.length === 1 ? events2[0] : events2;
+      else
+        clearEvent(this, evt);
+    }
+    return this;
+  };
+  EventEmitter2.prototype.removeAllListeners = function removeAllListeners(event) {
+    var evt;
+    if (event) {
+      evt = prefix ? prefix + event : event;
+      if (this._events[evt])
+        clearEvent(this, evt);
+    } else {
+      this._events = new Events2();
+      this._eventsCount = 0;
     }
-  }
-  return to;
-};
-/** @license React v16.14.0
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var l$1 = objectAssign, n$2 = typeof Symbol === "function" && Symbol.for, p = n$2 ? Symbol.for("react.element") : 60103, q$1 = n$2 ? Symbol.for("react.portal") : 60106, r$3 = n$2 ? Symbol.for("react.fragment") : 60107, t$3 = n$2 ? Symbol.for("react.strict_mode") : 60108, u$2 = n$2 ? Symbol.for("react.profiler") : 60114, v$2 = n$2 ? Symbol.for("react.provider") : 60109, w$1 = n$2 ? Symbol.for("react.context") : 60110, x$1 = n$2 ? Symbol.for("react.forward_ref") : 60112, y$1 = n$2 ? Symbol.for("react.suspense") : 60113, z$1 = n$2 ? Symbol.for("react.memo") : 60115, A$1 = n$2 ? Symbol.for("react.lazy") : 60116, B$1 = typeof Symbol === "function" && Symbol.iterator;
-function C$2(a2) {
-  for (var b2 = "https://reactjs.org/docs/error-decoder.html?invariant=" + a2, c2 = 1; c2 < arguments.length; c2++)
-    b2 += "&args[]=" + encodeURIComponent(arguments[c2]);
-  return "Minified React error #" + a2 + "; visit " + b2 + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
-}
-var D$1 = { isMounted: function() {
-  return false;
-}, enqueueForceUpdate: function() {
-}, enqueueReplaceState: function() {
-}, enqueueSetState: function() {
-} }, E$2 = {};
-function F$2(a2, b2, c2) {
-  this.props = a2;
-  this.context = b2;
-  this.refs = E$2;
-  this.updater = c2 || D$1;
-}
-F$2.prototype.isReactComponent = {};
-F$2.prototype.setState = function(a2, b2) {
-  if (typeof a2 !== "object" && typeof a2 !== "function" && a2 != null)
-    throw Error(C$2(85));
-  this.updater.enqueueSetState(this, a2, b2, "setState");
-};
-F$2.prototype.forceUpdate = function(a2) {
-  this.updater.enqueueForceUpdate(this, a2, "forceUpdate");
-};
-function G$2() {
-}
-G$2.prototype = F$2.prototype;
-function H$2(a2, b2, c2) {
-  this.props = a2;
-  this.context = b2;
-  this.refs = E$2;
-  this.updater = c2 || D$1;
-}
-var I$2 = H$2.prototype = new G$2();
-I$2.constructor = H$2;
-l$1(I$2, F$2.prototype);
-I$2.isPureReactComponent = true;
-var J$2 = { current: null }, K$2 = Object.prototype.hasOwnProperty, L$2 = { key: true, ref: true, __self: true, __source: true };
-function M$2(a2, b2, c2) {
-  var e2, d2 = {}, g2 = null, k2 = null;
-  if (b2 != null)
-    for (e2 in b2.ref !== void 0 && (k2 = b2.ref), b2.key !== void 0 && (g2 = "" + b2.key), b2)
-      K$2.call(b2, e2) && !L$2.hasOwnProperty(e2) && (d2[e2] = b2[e2]);
-  var f2 = arguments.length - 2;
-  if (f2 === 1)
-    d2.children = c2;
-  else if (1 < f2) {
-    for (var h2 = Array(f2), m2 = 0; m2 < f2; m2++)
-      h2[m2] = arguments[m2 + 2];
-    d2.children = h2;
-  }
-  if (a2 && a2.defaultProps)
-    for (e2 in f2 = a2.defaultProps, f2)
-      d2[e2] === void 0 && (d2[e2] = f2[e2]);
-  return { $$typeof: p, type: a2, key: g2, ref: k2, props: d2, _owner: J$2.current };
-}
-function N$2(a2, b2) {
-  return { $$typeof: p, type: a2.type, key: b2, ref: a2.ref, props: a2.props, _owner: a2._owner };
-}
-function O$2(a2) {
-  return typeof a2 === "object" && a2 !== null && a2.$$typeof === p;
-}
-function escape(a2) {
-  var b2 = { "=": "=0", ":": "=2" };
-  return "$" + ("" + a2).replace(/[=:]/g, function(a3) {
-    return b2[a3];
-  });
-}
-var P$2 = /\/+/g, Q$2 = [];
-function R$2(a2, b2, c2, e2) {
-  if (Q$2.length) {
-    var d2 = Q$2.pop();
-    d2.result = a2;
-    d2.keyPrefix = b2;
-    d2.func = c2;
-    d2.context = e2;
-    d2.count = 0;
-    return d2;
-  }
-  return { result: a2, keyPrefix: b2, func: c2, context: e2, count: 0 };
-}
-function S$2(a2) {
-  a2.result = null;
-  a2.keyPrefix = null;
-  a2.func = null;
-  a2.context = null;
-  a2.count = 0;
-  10 > Q$2.length && Q$2.push(a2);
-}
-function T$2(a2, b2, c2, e2) {
-  var d2 = typeof a2;
-  if (d2 === "undefined" || d2 === "boolean")
-    a2 = null;
-  var g2 = false;
-  if (a2 === null)
-    g2 = true;
-  else
-    switch (d2) {
-      case "string":
-      case "number":
-        g2 = true;
-        break;
-      case "object":
-        switch (a2.$$typeof) {
-          case p:
-          case q$1:
-            g2 = true;
-        }
-    }
-  if (g2)
-    return c2(e2, a2, b2 === "" ? "." + U$2(a2, 0) : b2), 1;
-  g2 = 0;
-  b2 = b2 === "" ? "." : b2 + ":";
-  if (Array.isArray(a2))
-    for (var k2 = 0; k2 < a2.length; k2++) {
-      d2 = a2[k2];
-      var f2 = b2 + U$2(d2, k2);
-      g2 += T$2(d2, f2, c2, e2);
-    }
-  else if (a2 === null || typeof a2 !== "object" ? f2 = null : (f2 = B$1 && a2[B$1] || a2["@@iterator"], f2 = typeof f2 === "function" ? f2 : null), typeof f2 === "function")
-    for (a2 = f2.call(a2), k2 = 0; !(d2 = a2.next()).done; )
-      d2 = d2.value, f2 = b2 + U$2(d2, k2++), g2 += T$2(d2, f2, c2, e2);
-  else if (d2 === "object")
-    throw c2 = "" + a2, Error(C$2(31, c2 === "[object Object]" ? "object with keys {" + Object.keys(a2).join(", ") + "}" : c2, ""));
-  return g2;
-}
-function V$2(a2, b2, c2) {
-  return a2 == null ? 0 : T$2(a2, "", b2, c2);
-}
-function U$2(a2, b2) {
-  return typeof a2 === "object" && a2 !== null && a2.key != null ? escape(a2.key) : b2.toString(36);
-}
-function W$2(a2, b2) {
-  a2.func.call(a2.context, b2, a2.count++);
-}
-function aa$1(a2, b2, c2) {
-  var e2 = a2.result, d2 = a2.keyPrefix;
-  a2 = a2.func.call(a2.context, b2, a2.count++);
-  Array.isArray(a2) ? X$2(a2, e2, c2, function(a3) {
-    return a3;
-  }) : a2 != null && (O$2(a2) && (a2 = N$2(a2, d2 + (!a2.key || b2 && b2.key === a2.key ? "" : ("" + a2.key).replace(P$2, "$&/") + "/") + c2)), e2.push(a2));
-}
-function X$2(a2, b2, c2, e2, d2) {
-  var g2 = "";
-  c2 != null && (g2 = ("" + c2).replace(P$2, "$&/") + "/");
-  b2 = R$2(b2, g2, e2, d2);
-  V$2(a2, aa$1, b2);
-  S$2(b2);
-}
-var Y$2 = { current: null };
-function Z$2() {
-  var a2 = Y$2.current;
-  if (a2 === null)
-    throw Error(C$2(321));
-  return a2;
-}
-var ba$1 = { ReactCurrentDispatcher: Y$2, ReactCurrentBatchConfig: { suspense: null }, ReactCurrentOwner: J$2, IsSomeRendererActing: { current: false }, assign: l$1 };
-react_production_min.Children = { map: function(a2, b2, c2) {
-  if (a2 == null)
-    return a2;
-  var e2 = [];
-  X$2(a2, e2, null, b2, c2);
-  return e2;
-}, forEach: function(a2, b2, c2) {
-  if (a2 == null)
-    return a2;
-  b2 = R$2(null, null, b2, c2);
-  V$2(a2, W$2, b2);
-  S$2(b2);
-}, count: function(a2) {
-  return V$2(a2, function() {
-    return null;
-  }, null);
-}, toArray: function(a2) {
-  var b2 = [];
-  X$2(a2, b2, null, function(a3) {
-    return a3;
-  });
-  return b2;
-}, only: function(a2) {
-  if (!O$2(a2))
-    throw Error(C$2(143));
-  return a2;
-} };
-react_production_min.Component = F$2;
-react_production_min.Fragment = r$3;
-react_production_min.Profiler = u$2;
-react_production_min.PureComponent = H$2;
-react_production_min.StrictMode = t$3;
-react_production_min.Suspense = y$1;
-react_production_min.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ba$1;
-react_production_min.cloneElement = function(a2, b2, c2) {
-  if (a2 === null || a2 === void 0)
-    throw Error(C$2(267, a2));
-  var e2 = l$1({}, a2.props), d2 = a2.key, g2 = a2.ref, k2 = a2._owner;
-  if (b2 != null) {
-    b2.ref !== void 0 && (g2 = b2.ref, k2 = J$2.current);
-    b2.key !== void 0 && (d2 = "" + b2.key);
-    if (a2.type && a2.type.defaultProps)
-      var f2 = a2.type.defaultProps;
-    for (h2 in b2)
-      K$2.call(b2, h2) && !L$2.hasOwnProperty(h2) && (e2[h2] = b2[h2] === void 0 && f2 !== void 0 ? f2[h2] : b2[h2]);
-  }
-  var h2 = arguments.length - 2;
-  if (h2 === 1)
-    e2.children = c2;
-  else if (1 < h2) {
-    f2 = Array(h2);
-    for (var m2 = 0; m2 < h2; m2++)
-      f2[m2] = arguments[m2 + 2];
-    e2.children = f2;
-  }
-  return {
-    $$typeof: p,
-    type: a2.type,
-    key: d2,
-    ref: g2,
-    props: e2,
-    _owner: k2
-  };
-};
-react_production_min.createContext = function(a2, b2) {
-  b2 === void 0 && (b2 = null);
-  a2 = { $$typeof: w$1, _calculateChangedBits: b2, _currentValue: a2, _currentValue2: a2, _threadCount: 0, Provider: null, Consumer: null };
-  a2.Provider = { $$typeof: v$2, _context: a2 };
-  return a2.Consumer = a2;
-};
-react_production_min.createElement = M$2;
-react_production_min.createFactory = function(a2) {
-  var b2 = M$2.bind(null, a2);
-  b2.type = a2;
-  return b2;
-};
-react_production_min.createRef = function() {
-  return { current: null };
-};
-react_production_min.forwardRef = function(a2) {
-  return { $$typeof: x$1, render: a2 };
-};
-react_production_min.isValidElement = O$2;
-react_production_min.lazy = function(a2) {
-  return { $$typeof: A$1, _ctor: a2, _status: -1, _result: null };
-};
-react_production_min.memo = function(a2, b2) {
-  return { $$typeof: z$1, type: a2, compare: b2 === void 0 ? null : b2 };
-};
-react_production_min.useCallback = function(a2, b2) {
-  return Z$2().useCallback(a2, b2);
-};
-react_production_min.useContext = function(a2, b2) {
-  return Z$2().useContext(a2, b2);
-};
-react_production_min.useDebugValue = function() {
-};
-react_production_min.useEffect = function(a2, b2) {
-  return Z$2().useEffect(a2, b2);
-};
-react_production_min.useImperativeHandle = function(a2, b2, c2) {
-  return Z$2().useImperativeHandle(a2, b2, c2);
-};
-react_production_min.useLayoutEffect = function(a2, b2) {
-  return Z$2().useLayoutEffect(a2, b2);
-};
-react_production_min.useMemo = function(a2, b2) {
-  return Z$2().useMemo(a2, b2);
-};
-react_production_min.useReducer = function(a2, b2, c2) {
-  return Z$2().useReducer(a2, b2, c2);
-};
-react_production_min.useRef = function(a2) {
-  return Z$2().useRef(a2);
-};
-react_production_min.useState = function(a2) {
-  return Z$2().useState(a2);
-};
-react_production_min.version = "16.14.0";
-{
-  react.exports = react_production_min;
-}
-var l = react.exports;
-var __defProp2 = Object.defineProperty;
-var __defProps2 = Object.defineProperties;
-var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
-var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues2 = (a2, b2) => {
-  for (var prop in b2 || (b2 = {}))
-    if (__hasOwnProp2.call(b2, prop))
-      __defNormalProp2(a2, prop, b2[prop]);
-  if (__getOwnPropSymbols2)
-    for (var prop of __getOwnPropSymbols2(b2)) {
-      if (__propIsEnum2.call(b2, prop))
-        __defNormalProp2(a2, prop, b2[prop]);
-    }
-  return a2;
-};
-var __spreadProps2 = (a2, b2) => __defProps2(a2, __getOwnPropDescs2(b2));
-var eventemitter3 = { exports: {} };
-(function(module) {
-  var has2 = Object.prototype.hasOwnProperty, prefix = "~";
-  function Events2() {
-  }
-  if (Object.create) {
-    Events2.prototype = /* @__PURE__ */ Object.create(null);
-    if (!new Events2().__proto__)
-      prefix = false;
-  }
-  function EE(fn, context, once) {
-    this.fn = fn;
-    this.context = context;
-    this.once = once || false;
-  }
-  function addListener(emitter, event, fn, context, once) {
-    if (typeof fn !== "function") {
-      throw new TypeError("The listener must be a function");
-    }
-    var listener = new EE(fn, context || emitter, once), evt = prefix ? prefix + event : event;
-    if (!emitter._events[evt])
-      emitter._events[evt] = listener, emitter._eventsCount++;
-    else if (!emitter._events[evt].fn)
-      emitter._events[evt].push(listener);
-    else
-      emitter._events[evt] = [emitter._events[evt], listener];
-    return emitter;
-  }
-  function clearEvent(emitter, evt) {
-    if (--emitter._eventsCount === 0)
-      emitter._events = new Events2();
-    else
-      delete emitter._events[evt];
-  }
-  function EventEmitter2() {
-    this._events = new Events2();
-    this._eventsCount = 0;
-  }
-  EventEmitter2.prototype.eventNames = function eventNames() {
-    var names = [], events2, name;
-    if (this._eventsCount === 0)
-      return names;
-    for (name in events2 = this._events) {
-      if (has2.call(events2, name))
-        names.push(prefix ? name.slice(1) : name);
-    }
-    if (Object.getOwnPropertySymbols) {
-      return names.concat(Object.getOwnPropertySymbols(events2));
-    }
-    return names;
-  };
-  EventEmitter2.prototype.listeners = function listeners(event) {
-    var evt = prefix ? prefix + event : event, handlers = this._events[evt];
-    if (!handlers)
-      return [];
-    if (handlers.fn)
-      return [handlers.fn];
-    for (var i2 = 0, l2 = handlers.length, ee2 = new Array(l2); i2 < l2; i2++) {
-      ee2[i2] = handlers[i2].fn;
-    }
-    return ee2;
-  };
-  EventEmitter2.prototype.listenerCount = function listenerCount(event) {
-    var evt = prefix ? prefix + event : event, listeners = this._events[evt];
-    if (!listeners)
-      return 0;
-    if (listeners.fn)
-      return 1;
-    return listeners.length;
-  };
-  EventEmitter2.prototype.emit = function emit(event, a1, a2, a3, a4, a5) {
-    var evt = prefix ? prefix + event : event;
-    if (!this._events[evt])
-      return false;
-    var listeners = this._events[evt], len = arguments.length, args, i2;
-    if (listeners.fn) {
-      if (listeners.once)
-        this.removeListener(event, listeners.fn, void 0, true);
-      switch (len) {
-        case 1:
-          return listeners.fn.call(listeners.context), true;
-        case 2:
-          return listeners.fn.call(listeners.context, a1), true;
-        case 3:
-          return listeners.fn.call(listeners.context, a1, a2), true;
-        case 4:
-          return listeners.fn.call(listeners.context, a1, a2, a3), true;
-        case 5:
-          return listeners.fn.call(listeners.context, a1, a2, a3, a4), true;
-        case 6:
-          return listeners.fn.call(listeners.context, a1, a2, a3, a4, a5), true;
-      }
-      for (i2 = 1, args = new Array(len - 1); i2 < len; i2++) {
-        args[i2 - 1] = arguments[i2];
-      }
-      listeners.fn.apply(listeners.context, args);
-    } else {
-      var length = listeners.length, j2;
-      for (i2 = 0; i2 < length; i2++) {
-        if (listeners[i2].once)
-          this.removeListener(event, listeners[i2].fn, void 0, true);
-        switch (len) {
-          case 1:
-            listeners[i2].fn.call(listeners[i2].context);
-            break;
-          case 2:
-            listeners[i2].fn.call(listeners[i2].context, a1);
-            break;
-          case 3:
-            listeners[i2].fn.call(listeners[i2].context, a1, a2);
-            break;
-          case 4:
-            listeners[i2].fn.call(listeners[i2].context, a1, a2, a3);
-            break;
-          default:
-            if (!args)
-              for (j2 = 1, args = new Array(len - 1); j2 < len; j2++) {
-                args[j2 - 1] = arguments[j2];
-              }
-            listeners[i2].fn.apply(listeners[i2].context, args);
-        }
-      }
-    }
-    return true;
-  };
-  EventEmitter2.prototype.on = function on(event, fn, context) {
-    return addListener(this, event, fn, context, false);
-  };
-  EventEmitter2.prototype.once = function once(event, fn, context) {
-    return addListener(this, event, fn, context, true);
-  };
-  EventEmitter2.prototype.removeListener = function removeListener(event, fn, context, once) {
-    var evt = prefix ? prefix + event : event;
-    if (!this._events[evt])
-      return this;
-    if (!fn) {
-      clearEvent(this, evt);
-      return this;
-    }
-    var listeners = this._events[evt];
-    if (listeners.fn) {
-      if (listeners.fn === fn && (!once || listeners.once) && (!context || listeners.context === context)) {
-        clearEvent(this, evt);
-      }
-    } else {
-      for (var i2 = 0, events2 = [], length = listeners.length; i2 < length; i2++) {
-        if (listeners[i2].fn !== fn || once && !listeners[i2].once || context && listeners[i2].context !== context) {
-          events2.push(listeners[i2]);
-        }
-      }
-      if (events2.length)
-        this._events[evt] = events2.length === 1 ? events2[0] : events2;
-      else
-        clearEvent(this, evt);
-    }
-    return this;
-  };
-  EventEmitter2.prototype.removeAllListeners = function removeAllListeners(event) {
-    var evt;
-    if (event) {
-      evt = prefix ? prefix + event : event;
-      if (this._events[evt])
-        clearEvent(this, evt);
-    } else {
-      this._events = new Events2();
-      this._eventsCount = 0;
-    }
-    return this;
-  };
-  EventEmitter2.prototype.off = EventEmitter2.prototype.removeListener;
-  EventEmitter2.prototype.addListener = EventEmitter2.prototype.on;
-  EventEmitter2.prefixed = prefix;
-  EventEmitter2.EventEmitter = EventEmitter2;
-  {
-    module.exports = EventEmitter2;
+    return this;
+  };
+  EventEmitter2.prototype.off = EventEmitter2.prototype.removeListener;
+  EventEmitter2.prototype.addListener = EventEmitter2.prototype.on;
+  EventEmitter2.prefixed = prefix;
+  EventEmitter2.EventEmitter = EventEmitter2;
+  {
+    module.exports = EventEmitter2;
   }
 })(eventemitter3);
 var EventEmitter = eventemitter3.exports;
@@ -4422,10 +4061,10 @@ var shallowequal = function shallowEqual(objA, objB, compare, compareContext) {
   }
   return true;
 };
-const e$1 = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", s$1 = e$1.length, t$1 = Array(20), r$1$1 = () => {
+const e$1 = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", s$1 = e$1.length, t$1$1 = Array(20), r$1$1 = () => {
   for (let r2 = 0; r2 < 20; r2++)
-    t$1[r2] = e$1.charAt(Math.random() * s$1);
-  return t$1.join("");
+    t$1$1[r2] = e$1.charAt(Math.random() * s$1);
+  return t$1$1.join("");
 };
 class o$1 {
   constructor() {
@@ -4480,7 +4119,7 @@ class o$1 {
 var e$2 = Object.defineProperty, s$2 = (typeof require != "undefined" && require, (s2, r2, t2) => (((s3, r3, t3) => {
   r3 in s3 ? e$2(s3, r3, { enumerable: true, configurable: true, writable: true, value: t3 }) : s3[r3] = t3;
 })(s2, typeof r2 != "symbol" ? r2 + "" : r2, t2), t2));
-class r$2 {
+class r$3 {
   constructor(e2, r2) {
     s$2(this, "_value"), s$2(this, "_beforeDestroys"), s$2(this, "_subscribers"), this._value = e2, r2 && (this.compare = r2);
   }
@@ -4503,7 +4142,7 @@ class r$2 {
     return e2(this._value, void 0, s2), r2;
   }
   derive(e2, s2, t2) {
-    const i2 = new r$2(e2(this.value, void 0, t2), s2), o2 = this.reaction((s3, r2, t3) => {
+    const i2 = new r$3(e2(this.value, void 0, t2), s2), o2 = this.reaction((s3, r2, t3) => {
       i2.setValue(e2(s3, r2, t3));
     });
     return i2.addBeforeDestroy(o2), i2;
@@ -4522,7 +4161,7 @@ class r$2 {
 }
 function t$2(e2, s2, t2, i2) {
   let o2 = e2.map((e3) => e3.value);
-  const u2 = new r$2(s2(o2, void 0, i2), t2);
+  const u2 = new r$3(s2(o2, void 0, i2), t2);
   return e2.forEach((e3, r2) => {
     const t3 = e3.reaction((e4, t4, i3) => {
       const c2 = o2.slice();
@@ -4535,10 +4174,10 @@ function t$2(e2, s2, t2, i2) {
 }
 function i$1(e2, s2) {
   Object.keys(s2).forEach((r2) => {
-    u$1(e2, r2, s2[r2]);
+    u$2(e2, r2, s2[r2]);
   });
 }
-function u$1(e2, s2, r2) {
+function u$2(e2, s2, r2) {
   var t2;
   return Object.defineProperties(e2, { [s2]: { get: () => r2.value }, [`_${s2}$`]: { value: r2 }, [`set${t2 = s2, t2[0].toUpperCase() + t2.slice(1)}`]: { value: (e3, s3) => r2.setValue(e3, s3) } }), e2;
 }
@@ -4551,7 +4190,7 @@ function c(e2) {
       e2.remove(r2);
     }), s3;
   };
-  return { bindSideEffect: s2, combine: (e3, r2, i2, o2) => s2(t$2(e3, r2, i2, o2)), createVal: (e3, t2) => s2(new r$2(e3, t2)) };
+  return { bindSideEffect: s2, combine: (e3, r2, i2, o2) => s2(t$2(e3, r2, i2, o2)), createVal: (e3, t2) => s2(new r$3(e3, t2)) };
 }
 var TELE_BOX_COLOR_SCHEME;
 (function(TELE_BOX_COLOR_SCHEME2) {
@@ -4909,6 +4548,11 @@ class TeleBox {
     const containerRect$ = createVal(containerRect, shallowequal);
     const collectorRect$ = createVal(collectorRect, shallowequal);
     const title$ = createVal(title);
+    title$.reaction((title2, _2, skipUpdate) => {
+      if (!skipUpdate) {
+        this.titleBar.setTitle(title2);
+      }
+    });
     const visible$ = createVal(visible);
     visible$.reaction((visible2, _2, skipUpdate) => {
       if (!skipUpdate && !visible2) {
@@ -5313,7 +4957,11 @@ class TeleBox {
       });
     });
     this._renderSideEffect.add(() => this._visible$.subscribe((visible) => {
-      this.$box.style.display = visible ? "block" : "none";
+      if (visible) {
+        this.$box.style.removeProperty("display");
+      } else {
+        this.$box.style.display = "none";
+      }
     }));
     this._renderSideEffect.add(() => this._zIndex$.subscribe((zIndex) => {
       this.$box.style.zIndex = String(zIndex);
@@ -6186,7 +5834,7 @@ class TeleBoxManager {
     this.removeAll(skipUpdate);
     Object.keys(this).forEach((key) => {
       const value = this[key];
-      if (value instanceof r$2) {
+      if (value instanceof r$3) {
         value.destroy();
       }
     });
@@ -9249,7 +8897,7 @@ const onExit = (element2, entry, settings, instance2) => {
   safeCallback(settings.callback_exit, element2, entry, instance2);
 };
 const tagsWithNativeLazy = ["IMG", "IFRAME", "VIDEO"];
-const shouldUseNative = (settings) => settings.use_native && "loading" in HTMLImageElement.prototype;
+const shouldUseNative$1 = (settings) => settings.use_native && "loading" in HTMLImageElement.prototype;
 const loadAllNative = (elements, settings, instance2) => {
   elements.forEach((element2) => {
     if (tagsWithNativeLazy.indexOf(element2.tagName) === -1) {
@@ -9277,7 +8925,7 @@ const updateObserver = (observer, elementsToObserve) => {
   observeElements(observer, elementsToObserve);
 };
 const setObserver = (settings, instance2) => {
-  if (!supportsIntersectionObserver || shouldUseNative(settings)) {
+  if (!supportsIntersectionObserver || shouldUseNative$1(settings)) {
     return;
   }
   instance2._observer = new IntersectionObserver((entries) => {
@@ -9330,7 +8978,7 @@ LazyLoad.prototype = {
       this.loadAll(elementsToLoad);
       return;
     }
-    if (shouldUseNative(settings)) {
+    if (shouldUseNative$1(settings)) {
       loadAllNative(elementsToLoad, settings, this);
       return;
     }
@@ -10682,50 +10330,411 @@ function setupStaticDocsViewer(context, whiteboardView, box, pages) {
     index: docsViewer.viewer.pageIndex,
     length: pages.length
   });
-  context.emitter.on("attributesUpdate", (attributes) => {
-    if (attributes) {
-      if (attributes.pageScrollTop != null) {
-        docsViewer.syncPageScrollTop(attributes.pageScrollTop);
-      }
+  context.emitter.on("attributesUpdate", (attributes) => {
+    if (attributes) {
+      if (attributes.pageScrollTop != null) {
+        docsViewer.syncPageScrollTop(attributes.pageScrollTop);
+      }
+    }
+  });
+  context.emitter.on("writableChange", (isWritable) => {
+    docsViewer.setReadonly(!isWritable);
+    whiteboardView.disableCameraTransform = !isWritable;
+  });
+}
+function setupDynamicDocsViewer(context, whiteboardView, box, pages) {
+  whiteboardView.disableCameraTransform = true;
+  const docsViewer = new DynamicDocsViewer({
+    context,
+    whiteboardView,
+    box,
+    pages
+  }).mount();
+  docsViewer.viewer.onPageIndexChanged = (index2) => {
+    context.dispatchAppEvent("pageStateChange", { index: index2, length: pages.length });
+  };
+  context.dispatchAppEvent("pageStateChange", {
+    index: docsViewer.getPageIndex(),
+    length: pages.length
+  });
+  context.mountView(docsViewer.$whiteboardView);
+  if (context.isAddApp) {
+    whiteboardView.callbacks.once("onSizeUpdated", ({ width: contentWidth, height: contentHeight }) => {
+      if (pages.length > 0 && box.state !== "maximized") {
+        const { width: pageWidth, height: pageHeight } = pages[0];
+        const preferHeight = pageHeight / pageWidth * contentWidth;
+        const diff = preferHeight - contentHeight;
+        if (diff !== 0 && context.getIsWritable()) {
+          context.emitter.emit("setBoxSize", {
+            width: box.width,
+            height: box.height + diff / box.containerRect.height
+          });
+        }
+      }
+    });
+  }
+}
+var react = { exports: {} };
+var react_production_min = {};
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+function toObject(val) {
+  if (val === null || val === void 0) {
+    throw new TypeError("Object.assign cannot be called with null or undefined");
+  }
+  return Object(val);
+}
+function shouldUseNative() {
+  try {
+    if (!Object.assign) {
+      return false;
+    }
+    var test1 = new String("abc");
+    test1[5] = "de";
+    if (Object.getOwnPropertyNames(test1)[0] === "5") {
+      return false;
+    }
+    var test2 = {};
+    for (var i2 = 0; i2 < 10; i2++) {
+      test2["_" + String.fromCharCode(i2)] = i2;
+    }
+    var order2 = Object.getOwnPropertyNames(test2).map(function(n2) {
+      return test2[n2];
+    });
+    if (order2.join("") !== "0123456789") {
+      return false;
+    }
+    var test3 = {};
+    "abcdefghijklmnopqrst".split("").forEach(function(letter) {
+      test3[letter] = letter;
+    });
+    if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
+      return false;
+    }
+    return true;
+  } catch (err) {
+    return false;
+  }
+}
+var objectAssign = shouldUseNative() ? Object.assign : function(target, source) {
+  var from;
+  var to = toObject(target);
+  var symbols;
+  for (var s2 = 1; s2 < arguments.length; s2++) {
+    from = Object(arguments[s2]);
+    for (var key in from) {
+      if (hasOwnProperty.call(from, key)) {
+        to[key] = from[key];
+      }
+    }
+    if (getOwnPropertySymbols) {
+      symbols = getOwnPropertySymbols(from);
+      for (var i2 = 0; i2 < symbols.length; i2++) {
+        if (propIsEnumerable.call(from, symbols[i2])) {
+          to[symbols[i2]] = from[symbols[i2]];
+        }
+      }
+    }
+  }
+  return to;
+};
+/** @license React v16.14.0
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var l$1 = objectAssign, n$2 = typeof Symbol === "function" && Symbol.for, p = n$2 ? Symbol.for("react.element") : 60103, q$1 = n$2 ? Symbol.for("react.portal") : 60106, r$2 = n$2 ? Symbol.for("react.fragment") : 60107, t$1 = n$2 ? Symbol.for("react.strict_mode") : 60108, u$1 = n$2 ? Symbol.for("react.profiler") : 60114, v$2 = n$2 ? Symbol.for("react.provider") : 60109, w$1 = n$2 ? Symbol.for("react.context") : 60110, x$1 = n$2 ? Symbol.for("react.forward_ref") : 60112, y$1 = n$2 ? Symbol.for("react.suspense") : 60113, z$1 = n$2 ? Symbol.for("react.memo") : 60115, A$1 = n$2 ? Symbol.for("react.lazy") : 60116, B$1 = typeof Symbol === "function" && Symbol.iterator;
+function C$2(a2) {
+  for (var b2 = "https://reactjs.org/docs/error-decoder.html?invariant=" + a2, c2 = 1; c2 < arguments.length; c2++)
+    b2 += "&args[]=" + encodeURIComponent(arguments[c2]);
+  return "Minified React error #" + a2 + "; visit " + b2 + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
+}
+var D$1 = { isMounted: function() {
+  return false;
+}, enqueueForceUpdate: function() {
+}, enqueueReplaceState: function() {
+}, enqueueSetState: function() {
+} }, E$2 = {};
+function F$2(a2, b2, c2) {
+  this.props = a2;
+  this.context = b2;
+  this.refs = E$2;
+  this.updater = c2 || D$1;
+}
+F$2.prototype.isReactComponent = {};
+F$2.prototype.setState = function(a2, b2) {
+  if (typeof a2 !== "object" && typeof a2 !== "function" && a2 != null)
+    throw Error(C$2(85));
+  this.updater.enqueueSetState(this, a2, b2, "setState");
+};
+F$2.prototype.forceUpdate = function(a2) {
+  this.updater.enqueueForceUpdate(this, a2, "forceUpdate");
+};
+function G$2() {
+}
+G$2.prototype = F$2.prototype;
+function H$2(a2, b2, c2) {
+  this.props = a2;
+  this.context = b2;
+  this.refs = E$2;
+  this.updater = c2 || D$1;
+}
+var I$2 = H$2.prototype = new G$2();
+I$2.constructor = H$2;
+l$1(I$2, F$2.prototype);
+I$2.isPureReactComponent = true;
+var J$2 = { current: null }, K$2 = Object.prototype.hasOwnProperty, L$2 = { key: true, ref: true, __self: true, __source: true };
+function M$2(a2, b2, c2) {
+  var e2, d2 = {}, g2 = null, k2 = null;
+  if (b2 != null)
+    for (e2 in b2.ref !== void 0 && (k2 = b2.ref), b2.key !== void 0 && (g2 = "" + b2.key), b2)
+      K$2.call(b2, e2) && !L$2.hasOwnProperty(e2) && (d2[e2] = b2[e2]);
+  var f2 = arguments.length - 2;
+  if (f2 === 1)
+    d2.children = c2;
+  else if (1 < f2) {
+    for (var h2 = Array(f2), m2 = 0; m2 < f2; m2++)
+      h2[m2] = arguments[m2 + 2];
+    d2.children = h2;
+  }
+  if (a2 && a2.defaultProps)
+    for (e2 in f2 = a2.defaultProps, f2)
+      d2[e2] === void 0 && (d2[e2] = f2[e2]);
+  return { $$typeof: p, type: a2, key: g2, ref: k2, props: d2, _owner: J$2.current };
+}
+function N$2(a2, b2) {
+  return { $$typeof: p, type: a2.type, key: b2, ref: a2.ref, props: a2.props, _owner: a2._owner };
+}
+function O$2(a2) {
+  return typeof a2 === "object" && a2 !== null && a2.$$typeof === p;
+}
+function escape(a2) {
+  var b2 = { "=": "=0", ":": "=2" };
+  return "$" + ("" + a2).replace(/[=:]/g, function(a3) {
+    return b2[a3];
+  });
+}
+var P$2 = /\/+/g, Q$2 = [];
+function R$2(a2, b2, c2, e2) {
+  if (Q$2.length) {
+    var d2 = Q$2.pop();
+    d2.result = a2;
+    d2.keyPrefix = b2;
+    d2.func = c2;
+    d2.context = e2;
+    d2.count = 0;
+    return d2;
+  }
+  return { result: a2, keyPrefix: b2, func: c2, context: e2, count: 0 };
+}
+function S$2(a2) {
+  a2.result = null;
+  a2.keyPrefix = null;
+  a2.func = null;
+  a2.context = null;
+  a2.count = 0;
+  10 > Q$2.length && Q$2.push(a2);
+}
+function T$2(a2, b2, c2, e2) {
+  var d2 = typeof a2;
+  if (d2 === "undefined" || d2 === "boolean")
+    a2 = null;
+  var g2 = false;
+  if (a2 === null)
+    g2 = true;
+  else
+    switch (d2) {
+      case "string":
+      case "number":
+        g2 = true;
+        break;
+      case "object":
+        switch (a2.$$typeof) {
+          case p:
+          case q$1:
+            g2 = true;
+        }
     }
-  });
-  context.emitter.on("writableChange", (isWritable) => {
-    docsViewer.setReadonly(!isWritable);
-    whiteboardView.disableCameraTransform = !isWritable;
-  });
+  if (g2)
+    return c2(e2, a2, b2 === "" ? "." + U$2(a2, 0) : b2), 1;
+  g2 = 0;
+  b2 = b2 === "" ? "." : b2 + ":";
+  if (Array.isArray(a2))
+    for (var k2 = 0; k2 < a2.length; k2++) {
+      d2 = a2[k2];
+      var f2 = b2 + U$2(d2, k2);
+      g2 += T$2(d2, f2, c2, e2);
+    }
+  else if (a2 === null || typeof a2 !== "object" ? f2 = null : (f2 = B$1 && a2[B$1] || a2["@@iterator"], f2 = typeof f2 === "function" ? f2 : null), typeof f2 === "function")
+    for (a2 = f2.call(a2), k2 = 0; !(d2 = a2.next()).done; )
+      d2 = d2.value, f2 = b2 + U$2(d2, k2++), g2 += T$2(d2, f2, c2, e2);
+  else if (d2 === "object")
+    throw c2 = "" + a2, Error(C$2(31, c2 === "[object Object]" ? "object with keys {" + Object.keys(a2).join(", ") + "}" : c2, ""));
+  return g2;
 }
-function setupDynamicDocsViewer(context, whiteboardView, box, pages) {
-  whiteboardView.disableCameraTransform = true;
-  const docsViewer = new DynamicDocsViewer({
-    context,
-    whiteboardView,
-    box,
-    pages
-  }).mount();
-  docsViewer.viewer.onPageIndexChanged = (index2) => {
-    context.dispatchAppEvent("pageStateChange", { index: index2, length: pages.length });
-  };
-  context.dispatchAppEvent("pageStateChange", {
-    index: docsViewer.getPageIndex(),
-    length: pages.length
+function V$2(a2, b2, c2) {
+  return a2 == null ? 0 : T$2(a2, "", b2, c2);
+}
+function U$2(a2, b2) {
+  return typeof a2 === "object" && a2 !== null && a2.key != null ? escape(a2.key) : b2.toString(36);
+}
+function W$2(a2, b2) {
+  a2.func.call(a2.context, b2, a2.count++);
+}
+function aa$1(a2, b2, c2) {
+  var e2 = a2.result, d2 = a2.keyPrefix;
+  a2 = a2.func.call(a2.context, b2, a2.count++);
+  Array.isArray(a2) ? X$2(a2, e2, c2, function(a3) {
+    return a3;
+  }) : a2 != null && (O$2(a2) && (a2 = N$2(a2, d2 + (!a2.key || b2 && b2.key === a2.key ? "" : ("" + a2.key).replace(P$2, "$&/") + "/") + c2)), e2.push(a2));
+}
+function X$2(a2, b2, c2, e2, d2) {
+  var g2 = "";
+  c2 != null && (g2 = ("" + c2).replace(P$2, "$&/") + "/");
+  b2 = R$2(b2, g2, e2, d2);
+  V$2(a2, aa$1, b2);
+  S$2(b2);
+}
+var Y$2 = { current: null };
+function Z$2() {
+  var a2 = Y$2.current;
+  if (a2 === null)
+    throw Error(C$2(321));
+  return a2;
+}
+var ba$1 = { ReactCurrentDispatcher: Y$2, ReactCurrentBatchConfig: { suspense: null }, ReactCurrentOwner: J$2, IsSomeRendererActing: { current: false }, assign: l$1 };
+react_production_min.Children = { map: function(a2, b2, c2) {
+  if (a2 == null)
+    return a2;
+  var e2 = [];
+  X$2(a2, e2, null, b2, c2);
+  return e2;
+}, forEach: function(a2, b2, c2) {
+  if (a2 == null)
+    return a2;
+  b2 = R$2(null, null, b2, c2);
+  V$2(a2, W$2, b2);
+  S$2(b2);
+}, count: function(a2) {
+  return V$2(a2, function() {
+    return null;
+  }, null);
+}, toArray: function(a2) {
+  var b2 = [];
+  X$2(a2, b2, null, function(a3) {
+    return a3;
   });
-  context.mountView(docsViewer.$whiteboardView);
-  if (context.isAddApp) {
-    whiteboardView.callbacks.once("onSizeUpdated", ({ width: contentWidth, height: contentHeight }) => {
-      if (pages.length > 0 && box.state !== "maximized") {
-        const { width: pageWidth, height: pageHeight } = pages[0];
-        const preferHeight = pageHeight / pageWidth * contentWidth;
-        const diff = preferHeight - contentHeight;
-        if (diff !== 0 && context.getIsWritable()) {
-          context.emitter.emit("setBoxSize", {
-            width: box.width,
-            height: box.height + diff / box.containerRect.height
-          });
-        }
-      }
-    });
+  return b2;
+}, only: function(a2) {
+  if (!O$2(a2))
+    throw Error(C$2(143));
+  return a2;
+} };
+react_production_min.Component = F$2;
+react_production_min.Fragment = r$2;
+react_production_min.Profiler = u$1;
+react_production_min.PureComponent = H$2;
+react_production_min.StrictMode = t$1;
+react_production_min.Suspense = y$1;
+react_production_min.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ba$1;
+react_production_min.cloneElement = function(a2, b2, c2) {
+  if (a2 === null || a2 === void 0)
+    throw Error(C$2(267, a2));
+  var e2 = l$1({}, a2.props), d2 = a2.key, g2 = a2.ref, k2 = a2._owner;
+  if (b2 != null) {
+    b2.ref !== void 0 && (g2 = b2.ref, k2 = J$2.current);
+    b2.key !== void 0 && (d2 = "" + b2.key);
+    if (a2.type && a2.type.defaultProps)
+      var f2 = a2.type.defaultProps;
+    for (h2 in b2)
+      K$2.call(b2, h2) && !L$2.hasOwnProperty(h2) && (e2[h2] = b2[h2] === void 0 && f2 !== void 0 ? f2[h2] : b2[h2]);
+  }
+  var h2 = arguments.length - 2;
+  if (h2 === 1)
+    e2.children = c2;
+  else if (1 < h2) {
+    f2 = Array(h2);
+    for (var m2 = 0; m2 < h2; m2++)
+      f2[m2] = arguments[m2 + 2];
+    e2.children = f2;
   }
+  return {
+    $$typeof: p,
+    type: a2.type,
+    key: d2,
+    ref: g2,
+    props: e2,
+    _owner: k2
+  };
+};
+react_production_min.createContext = function(a2, b2) {
+  b2 === void 0 && (b2 = null);
+  a2 = { $$typeof: w$1, _calculateChangedBits: b2, _currentValue: a2, _currentValue2: a2, _threadCount: 0, Provider: null, Consumer: null };
+  a2.Provider = { $$typeof: v$2, _context: a2 };
+  return a2.Consumer = a2;
+};
+react_production_min.createElement = M$2;
+react_production_min.createFactory = function(a2) {
+  var b2 = M$2.bind(null, a2);
+  b2.type = a2;
+  return b2;
+};
+react_production_min.createRef = function() {
+  return { current: null };
+};
+react_production_min.forwardRef = function(a2) {
+  return { $$typeof: x$1, render: a2 };
+};
+react_production_min.isValidElement = O$2;
+react_production_min.lazy = function(a2) {
+  return { $$typeof: A$1, _ctor: a2, _status: -1, _result: null };
+};
+react_production_min.memo = function(a2, b2) {
+  return { $$typeof: z$1, type: a2, compare: b2 === void 0 ? null : b2 };
+};
+react_production_min.useCallback = function(a2, b2) {
+  return Z$2().useCallback(a2, b2);
+};
+react_production_min.useContext = function(a2, b2) {
+  return Z$2().useContext(a2, b2);
+};
+react_production_min.useDebugValue = function() {
+};
+react_production_min.useEffect = function(a2, b2) {
+  return Z$2().useEffect(a2, b2);
+};
+react_production_min.useImperativeHandle = function(a2, b2, c2) {
+  return Z$2().useImperativeHandle(a2, b2, c2);
+};
+react_production_min.useLayoutEffect = function(a2, b2) {
+  return Z$2().useLayoutEffect(a2, b2);
+};
+react_production_min.useMemo = function(a2, b2) {
+  return Z$2().useMemo(a2, b2);
+};
+react_production_min.useReducer = function(a2, b2, c2) {
+  return Z$2().useReducer(a2, b2, c2);
+};
+react_production_min.useRef = function(a2) {
+  return Z$2().useRef(a2);
+};
+react_production_min.useState = function(a2) {
+  return Z$2().useState(a2);
+};
+react_production_min.version = "16.14.0";
+{
+  react.exports = react_production_min;
 }
+var l = react.exports;
 var reactDom = { exports: {} };
 var reactDom_production_min = {};
 var scheduler = { exports: {} };
@@ -17899,15 +17908,15 @@ const reconnectRefresher = new ReconnectRefresher({ emitter: internalEmitter });
 const _WindowManager = class extends InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "1.0.2";
-    this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.28", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.52" }, "devDependencies": { "@hyrious/dts": "^0.2.2", "@netless/app-docs-viewer": "^0.2.18", "@netless/app-media-player": "0.1.4", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/uuid": "^8.3.1", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.1", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "jspdf": "^2.5.1", "less": "^4.1.1", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "side-effect-manager": "0.1.5", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.9.9", "vitest": "^0.14.1", "white-web-sdk": "2.16.52" } };
+    this.version = "1.0.3";
+    this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.31", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.52" }, "devDependencies": { "@hyrious/dts": "^0.2.2", "@netless/app-docs-viewer": "^0.2.18", "@netless/app-media-player": "0.1.4", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/uuid": "^8.3.1", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.1", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "jspdf": "^2.5.1", "less": "^4.1.1", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "side-effect-manager": "0.1.5", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.9.9", "vitest": "^0.14.1", "white-web-sdk": "2.16.52" } };
     this.emitter = callbacks$1;
     this.viewMode = ViewMode.Broadcaster;
     this.isReplay = isPlayer(this.displayer);
     this._cursorUIDs = [];
     this.containerSizeRatio = _WindowManager.containerSizeRatio;
     _WindowManager.displayer = context.displayer;
-    window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.28", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.52" }, "devDependencies": { "@hyrious/dts": "^0.2.2", "@netless/app-docs-viewer": "^0.2.18", "@netless/app-media-player": "0.1.4", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/uuid": "^8.3.1", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.1", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "jspdf": "^2.5.1", "less": "^4.1.1", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "side-effect-manager": "0.1.5", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.9.9", "vitest": "^0.14.1", "white-web-sdk": "2.16.52" } };
+    window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.31", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.52" }, "devDependencies": { "@hyrious/dts": "^0.2.2", "@netless/app-docs-viewer": "^0.2.18", "@netless/app-media-player": "0.1.4", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/uuid": "^8.3.1", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.1", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "jspdf": "^2.5.1", "less": "^4.1.1", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "side-effect-manager": "0.1.5", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.9.9", "vitest": "^0.14.1", "white-web-sdk": "2.16.52" } };
   }
   static onCreate(manager) {
     _WindowManager._resolve(manager);