@netless/window-manager 1.0.7-beta.6 → 1.0.7-beta.8

package/dist/index.mjs

@@ -1174,6 +1174,7 @@ class AppContext {
     });
   }
 }
+AppContext.kind = "AppContext";
 class AppPageStateImpl {
   constructor(params) {
     this.params = params;
@@ -2394,6 +2395,8 @@ var TELE_BOX_EVENT = /* @__PURE__ */ ((TELE_BOX_EVENT2) => {
   TELE_BOX_EVENT2["Destroyed"] = "destroyed";
   TELE_BOX_EVENT2["BoxStatus"] = "box_status";
   TELE_BOX_EVENT2["LastNotMinimizedBoxStatus"] = "last_not_minimized_box_status";
+  TELE_BOX_EVENT2["ForceTop"] = "force_top";
+  TELE_BOX_EVENT2["ForceNormal"] = "force_normal";
   return TELE_BOX_EVENT2;
 })(TELE_BOX_EVENT || {});
 var TELE_BOX_DELEGATE_EVENT = /* @__PURE__ */ ((TELE_BOX_DELEGATE_EVENT2) => {
@@ -2448,7 +2451,9 @@ class DefaultTitleBar {
     onDragStart,
     namespace = "telebox",
     state = TELE_BOX_STATE.Normal,
-    boxStatus
+    boxStatus,
+    forceTop = false,
+    forceNormal = false
   } = {}) {
     this.$btns = [];
     this.sideEffect = new o$1();
@@ -2522,7 +2527,14 @@ class DefaultTitleBar {
     this.title = title;
     this.state = state;
     this.boxStatus = boxStatus;
-    this.buttons = buttons || [
+    this.forceTop = forceTop;
+    this.forceNormal = forceNormal;
+    this.buttons = buttons || (forceNormal ? [
+      {
+        type: TELE_BOX_DELEGATE_EVENT.Close,
+        iconClassName: this.wrapClassName("titlebar-icon-close")
+      }
+    ] : [
       {
         type: TELE_BOX_DELEGATE_EVENT.Minimize,
         iconClassName: this.wrapClassName("titlebar-icon-minimize")
@@ -2536,7 +2548,7 @@ class DefaultTitleBar {
         type: TELE_BOX_DELEGATE_EVENT.Close,
         iconClassName: this.wrapClassName("titlebar-icon-close")
       }
-    ];
+    ]);
     this.$dragArea = this.renderDragArea();
   }
   setTitle(title) {
@@ -2709,7 +2721,10 @@ class TeleBox {
     },
     collectorRect,
     boxStatus,
-    lastNotMinimizedBoxStatus
+    lastNotMinimizedBoxStatus,
+    forceTop = false,
+    forceNormal = false,
+    isDragContent = false
   } = {}) {
     this._renderSideEffect = new o$1();
     this.handleTrackStart = (ev) => {
@@ -2776,6 +2791,19 @@ class TeleBox {
     });
     const containerRect$ = createVal(containerRect, shallowequal);
     const collectorRect$ = createVal(collectorRect, shallowequal);
+    const forceTop$ = createVal(forceTop);
+    forceTop$.reaction((forceTop2, _2, skipUpdate) => {
+      if (!skipUpdate) {
+        this.events.emit(TELE_BOX_EVENT.ForceTop, forceTop2 || false);
+      }
+    });
+    const forceNormal$ = createVal(forceNormal);
+    forceNormal$.reaction((forceNormal2, _2, skipUpdate) => {
+      if (!skipUpdate) {
+        this.events.emit(TELE_BOX_EVENT.ForceNormal, forceNormal2 || false);
+      }
+    });
+    const isDragContent$ = createVal(isDragContent);
     const title$ = createVal(title);
     title$.reaction((title2, _2, skipUpdate) => {
       if (!skipUpdate) {
@@ -2953,6 +2981,8 @@ class TeleBox {
       title: title$.value,
       namespace: this.namespace,
       boxStatus: boxStatus$.value,
+      forceTop: forceTop$.value,
+      forceNormal: forceNormal$.value,
       onDragStart: (event) => {
         var _a;
         return (_a = this._handleTrackStart) == null ? void 0 : _a.call(this, event);
@@ -3016,7 +3046,10 @@ class TeleBox {
       maximized: maximized$,
       $userContent: $userContent$,
       $userFooter: $userFooter$,
-      $userStyles: $userStyles$
+      $userStyles: $userStyles$,
+      forceTop: forceTop$,
+      forceNormal: forceNormal$,
+      isDragContent: isDragContent$
     };
     i$1(this, valConfig);
     this._state$ = state$;
@@ -3353,6 +3386,9 @@ class TeleBox {
     const $content = document.createElement("div");
     $content.className = this.wrapClassName("content") + " tele-fancy-scrollbar";
     this.$content = $content;
+    if (this.isDragContent) {
+      this.$content.appendChild(this.titleBar.$dragArea);
+    }
     this._renderSideEffect.add(() => {
       let last$userStyles;
       return this._$userStyles$.subscribe(($userStyles) => {
@@ -3781,6 +3817,7 @@ class TeleBoxCollector {
     return `${this.namespace}-${className}`;
   }
 }
+TeleBoxCollector.kind = "TeleBoxCollector";
 var TELE_BOX_MANAGER_EVENT = /* @__PURE__ */ ((TELE_BOX_MANAGER_EVENT2) => {
   TELE_BOX_MANAGER_EVENT2["Focused"] = "focused";
   TELE_BOX_MANAGER_EVENT2["Blurred"] = "blurred";
@@ -3828,7 +3865,7 @@ class MaxTitleBar extends DefaultTitleBar {
     if (this.getBoxesStatus) {
       const boxesStatus = this.getBoxesStatus();
       if (boxesStatus) {
-        return this.boxes.filter((box) => boxesStatus && boxesStatus.get(box.id) === TELE_BOX_STATE.Maximized);
+        return this.boxes.filter((box) => boxesStatus && boxesStatus.get(box.id) === TELE_BOX_STATE.Maximized && !box.forceTop);
       }
     }
     return [];
@@ -4169,6 +4206,9 @@ class TeleBoxManager {
       if (boxes.length > 0) {
         let currentTopBox = void 0;
         const topBox = boxes.reduce((topBox2, box) => {
+          if (box.forceTop) {
+            return topBox2;
+          }
           if (box.boxStatus && box.boxStatus === TELE_BOX_STATE.Minimized) {
             return topBox2;
           }
@@ -4519,6 +4559,21 @@ class TeleBoxManager {
   get topBox() {
     return this.topBox$.value;
   }
+  get forceTopBoxes() {
+    return this.boxes.find((box) => box.forceTop);
+  }
+  get maxForceTopBox() {
+    return this.boxes.reduce((maxTopBox, box) => {
+      var _a;
+      if (box.forceTop && box.zIndex > ((_a = maxTopBox == null ? void 0 : maxTopBox.zIndex) != null ? _a : 0)) {
+        return box;
+      }
+      return maxTopBox;
+    }, void 0);
+  }
+  get forceNormalBoxes() {
+    return this.boxes.find((box) => box.forceNormal);
+  }
   get darkMode() {
     return this._darkMode$.value;
   }
@@ -4605,7 +4660,7 @@ class TeleBoxManager {
       var _a;
       const boxStatus = this.boxesStatus$.get(box.id);
       if (boxStatus) {
-        if (boxStatus !== TELE_BOX_STATE.Minimized && box.zIndex > ((_a = newTopBox == null ? void 0 : newTopBox.zIndex) != null ? _a : 0)) {
+        if (boxStatus !== TELE_BOX_STATE.Minimized && !this.isForceTop(box) && box.zIndex > ((_a = newTopBox == null ? void 0 : newTopBox.zIndex) != null ? _a : 0)) {
           newTopBox = box;
         }
         box.setBoxStatus(boxStatus, skipUpdate);
@@ -4789,7 +4844,7 @@ class TeleBoxManager {
       return this.getUnabledBoxesStatusZIndex();
     }
     return this.boxes.reduce((maxZIndex, box) => {
-      if (box.boxStatus && box.boxStatus === TELE_BOX_STATE.Maximized) {
+      if (box.boxStatus && box.boxStatus === TELE_BOX_STATE.Maximized && !this.isForceTop(box)) {
         return Math.max(maxZIndex, box.zIndex);
       }
       return maxZIndex;
@@ -4800,15 +4855,32 @@ class TeleBoxManager {
       return this.getUnabledBoxesStatusZIndex();
     }
     return this.boxes.reduce((maxZIndex, box) => {
-      if (box.boxStatus && box.boxStatus === TELE_BOX_STATE.Normal) {
+      if (box.boxStatus && box.boxStatus === TELE_BOX_STATE.Normal && !this.isForceTop(box)) {
         return Math.max(maxZIndex, box.zIndex);
       }
       return maxZIndex;
     }, 299);
   }
+  getMaxForceTopBoxZIndex() {
+    if (!this.useBoxesStatus) {
+      return this.getUnabledBoxesStatusZIndex();
+    }
+    return this.boxes.reduce((maxZIndex, box) => {
+      if (box.boxStatus && this.isForceTop(box)) {
+        return Math.max(maxZIndex, box.zIndex);
+      }
+      return maxZIndex;
+    }, 699);
+  }
+  isForceNormal(box) {
+    return box._forceNormal$.value;
+  }
+  isForceTop(box) {
+    return box._forceTop$.value;
+  }
   create(config = {}, smartPosition = true) {
     const box = new TeleBox({
-      zIndex: this.getMaxNormalBoxZIndex() + 1,
+      zIndex: config.forceTop ? this.getMaxForceTopBoxZIndex() + 1 : this.getMaxNormalBoxZIndex() + 1,
       ...smartPosition ? this.smartPosition(config) : config,
       darkMode: this.darkMode,
       prefersColorScheme: this.prefersColorScheme,
@@ -4836,13 +4908,16 @@ class TeleBoxManager {
     }
     box._delegateEvents.on(TELE_BOX_DELEGATE_EVENT.Maximize, () => {
       if (this.useBoxesStatus && box.boxStatus) {
+        if (box._forceNormal$.value) {
+          return;
+        }
         if (box.boxStatus === TELE_BOX_STATE.Maximized) {
           this.setBox(box.id, {
             status: TELE_BOX_STATE.Normal,
             zIndex: this.getMaxNormalBoxZIndex() + 1
           }, false);
         } else {
-          [...this.boxes].filter((box2) => box2.boxStatus === TELE_BOX_STATE.Normal).sort((a2, b2) => a2.zIndex - b2.zIndex).forEach((box2) => {
+          [...this.boxes].filter((box2) => box2.boxStatus === TELE_BOX_STATE.Normal && !this.isForceNormal(box2)).sort((a2, b2) => a2.zIndex - b2.zIndex).forEach((box2) => {
             if (box2.boxStatus === TELE_BOX_STATE.Normal) {
               this.setBox(box2.id, {
                 status: TELE_BOX_STATE.Maximized,
@@ -4858,6 +4933,9 @@ class TeleBoxManager {
     });
     box._delegateEvents.on(TELE_BOX_DELEGATE_EVENT.Minimize, () => {
       if (box.boxStatus && this.useBoxesStatus) {
+        if (box._forceNormal$.value) {
+          return;
+        }
         if (box.focus) {
           this.blurBox(box);
         }
@@ -4907,6 +4985,9 @@ class TeleBoxManager {
       if (this.boxes.length > 0) {
         let currentTopBox = void 0;
         const topBox = this.boxes.reduce((topBox2, box2) => {
+          if (this.isForceTop(box2)) {
+            return topBox2;
+          }
           if (box2.boxStatus && box2.boxStatus === TELE_BOX_STATE.Minimized) {
             return topBox2;
           }
@@ -5136,13 +5217,27 @@ class TeleBoxManager {
         lastNotMinimizedBoxStatus: config.lastNotMinimizedBoxStatus
       }, skipUpdate);
     }
+    if (config.forceTop != null) {
+      box.setForceTop(config.forceTop, skipUpdate);
+    }
+    if (config.forceNormal != null) {
+      box.setForceNormal(config.forceNormal, skipUpdate);
+    }
   }
   smartPosition(config = {}) {
     let { x: x2, y: y2 } = config;
     const { width = 0.5, height = 0.5 } = config;
     if (x2 == null) {
       let vx = 20;
-      if (this.topBox) {
+      if (config.forceTop) {
+        const forceTopBox = this.maxForceTopBox || this.topBox;
+        if (forceTopBox) {
+          vx = forceTopBox.intrinsicX * this.containerRect.width + 20;
+          if (vx > this.containerRect.width - width * this.containerRect.width) {
+            vx = 20;
+          }
+        }
+      } else if (this.topBox) {
         vx = this.topBox.intrinsicX * this.containerRect.width + 20;
         if (vx > this.containerRect.width - width * this.containerRect.width) {
           vx = 20;
@@ -5156,7 +5251,15 @@ class TeleBoxManager {
     }
     if (y2 == null) {
       let vy = 20;
-      if (this.topBox) {
+      if (config.forceTop) {
+        const forceTopBox = this.maxForceTopBox || this.topBox;
+        if (forceTopBox) {
+          vy = forceTopBox.intrinsicY * this.containerRect.height + 20;
+          if (vy > this.containerRect.height - height * this.containerRect.height) {
+            vy = 20;
+          }
+        }
+      } else if (this.topBox) {
         vy = this.topBox.intrinsicY * this.containerRect.height + 20;
         if (vy > this.containerRect.height - height * this.containerRect.height) {
           vy = 20;
@@ -5221,6 +5324,7 @@ class TeleBoxManager {
     return;
   }
 }
+TeleBoxManager.kind = "TeleBoxManager";
 const createBoxManager = (manager, callbacks2, emitter, boxEmitter2, options) => {
   const BoxManagerClass = getExtendClass$1(BoxManager, WindowManager.extendClass);
   return new BoxManagerClass(
@@ -5408,7 +5512,10 @@ class BoxManager {
       width,
       height,
       id: params.appId,
-      boxStatus: params.boxStatus
+      boxStatus: params.boxStatus,
+      forceTop: params.forceTop,
+      forceNormal: params.forceNormal,
+      isDragContent: params.isDragContent
     };
     this.teleBoxManager.create(createBoxConfig, params.smartPosition);
     this.context.emitter.emit(`${params.appId}${Events.WindowCreated}`);
@@ -5505,7 +5612,10 @@ class BoxManager {
           height: state.height || 0.5,
           zIndex: state.zIndex,
           boxStatus: state.boxStatus,
-          lastNotMinimizedBoxStatus: state.lastNotMinimizedBoxStatus
+          lastNotMinimizedBoxStatus: state.lastNotMinimizedBoxStatus,
+          forceTop: state.forceTop,
+          forceNormal: state.forceNormal,
+          isDragContent: state.isDragContent
         },
         true
       );
@@ -5593,6 +5703,7 @@ class BoxManager {
     this.teleBoxManager.destroy();
   }
 }
+BoxManager.kind = "BoxManager";
 const log = (...args) => {
   if (WindowManager.debug) {
     console.log(`[WindowManager]:`, ...args);
@@ -6858,26 +6969,31 @@ class CursorManager {
     }
   }
 }
+CursorManager.kind = "CursorManager";
 function getExtendClass$1(baseClass, extendClass) {
-  switch (baseClass.name) {
-    case "AppManager":
-      return (extendClass == null ? void 0 : extendClass.AppManager) || AppManager;
-    case "BoxManager":
-      return (extendClass == null ? void 0 : extendClass.BoxManager) || BoxManager;
-    case "AttributesDelegate":
-      return (extendClass == null ? void 0 : extendClass.AttributesDelegate) || AttributesDelegate;
-    case "CursorManager":
-      return (extendClass == null ? void 0 : extendClass.CursorManager) || CursorManager;
-    case "AppProxy":
-      return (extendClass == null ? void 0 : extendClass.AppProxy) || AppProxy;
-    case "AppContext":
-      return (extendClass == null ? void 0 : extendClass.AppContext) || AppContext;
-    case "TeleBoxManager":
-      return (extendClass == null ? void 0 : extendClass.TeleBoxManager) || TeleBoxManager;
-    case "TeleBoxCollector":
-      return (extendClass == null ? void 0 : extendClass.TeleBoxCollector) || TeleBoxCollector;
-    default:
-      return baseClass;
+  if (baseClass.kind && extendClass && Object.keys(extendClass).includes(baseClass.kind)) {
+    switch (baseClass.kind) {
+      case "AppManager":
+        return (extendClass == null ? void 0 : extendClass.AppManager) || AppManager;
+      case "BoxManager":
+        return (extendClass == null ? void 0 : extendClass.BoxManager) || BoxManager;
+      case "AttributesDelegate":
+        return (extendClass == null ? void 0 : extendClass.AttributesDelegate) || AttributesDelegate;
+      case "CursorManager":
+        return (extendClass == null ? void 0 : extendClass.CursorManager) || CursorManager;
+      case "AppProxy":
+        return (extendClass == null ? void 0 : extendClass.AppProxy) || AppProxy;
+      case "AppContext":
+        return (extendClass == null ? void 0 : extendClass.AppContext) || AppContext;
+      case "TeleBoxManager":
+        return (extendClass == null ? void 0 : extendClass.TeleBoxManager) || TeleBoxManager;
+      case "TeleBoxCollector":
+        return (extendClass == null ? void 0 : extendClass.TeleBoxCollector) || TeleBoxCollector;
+      default:
+        return baseClass;
+    }
+  } else {
+    return baseClass;
   }
 }
 var Fields = /* @__PURE__ */ ((Fields2) => {
@@ -6973,7 +7089,14 @@ class AttributesDelegate {
       attrNames.push("scenes");
     }
     const options = pick(params.options, attrNames);
-    const attrs = { kind: params.kind, options, isDynamicPPT };
+    const attrs = {
+      kind: params.kind,
+      options,
+      isDynamicPPT,
+      forceTop: params.forceTop,
+      forceNormal: params.forceNormal,
+      isDragContent: params.isDragContent
+    };
     if (typeof params.src === "string") {
       attrs.src = params.src;
     }
@@ -7088,6 +7211,7 @@ class AttributesDelegate {
     }
   }
 }
+AttributesDelegate.kind = "AttributesDelegate";
 const createAttributesDelegate = (extendClass, context = {
   getAttributes: () => {
     throw new Error("getAttributes not implemented");
@@ -7117,7 +7241,7 @@ const calculateNextIndex = (index2, pageState) => {
   return nextIndex;
 };
 const boxEmitter = new Emittery();
-class AppProxy {
+const _AppProxy = class {
   constructor(params, manager, appId, isAddApp) {
     var _a;
     this.params = params;
@@ -7140,6 +7264,7 @@ class AppProxy {
       const minimized = (_b = this.attributes) == null ? void 0 : _b["minimized"];
       const boxStatus = (_c = this.store.getBoxStatus(id2)) != null ? _c : void 0;
       const lastNotMinimizedBoxStatus = (_d = this.store.getLastNotMinimizedBoxStatus(id2)) != null ? _d : void 0;
+      const { forceTop, forceNormal, isDragContent } = this.store.getAppAttributes(id2);
       const zIndex = attrs == null ? void 0 : attrs.zIndex;
       let payload = { maximized, minimized, zIndex };
       if (position) {
@@ -7160,6 +7285,15 @@ class AppProxy {
       if (lastNotMinimizedBoxStatus) {
         payload = { ...payload, lastNotMinimizedBoxStatus };
       }
+      if (forceTop) {
+        payload = { ...payload, forceTop };
+      }
+      if (forceNormal) {
+        payload = { ...payload, forceNormal };
+      }
+      if (isDragContent) {
+        payload = { ...payload, isDragContent };
+      }
       return payload;
     };
     this.appAttributesUpdateListener = (appId2) => {
@@ -7284,7 +7418,10 @@ class AppProxy {
         appImpl,
         params.options,
         appParams == null ? void 0 : appParams.appOptions,
-        this.manager.useBoxesStatus ? TELE_BOX_STATE.Normal : void 0
+        this.manager.useBoxesStatus ? TELE_BOX_STATE.Normal : void 0,
+        params.forceTop,
+        params.forceNormal,
+        params.isDragContent
       );
     } else {
       throw new Error(`[WindowManager]: app load failed ${params.kind} ${params.src}`);
@@ -7299,9 +7436,9 @@ class AppProxy {
     var _a;
     return (_a = this.boxManager) == null ? void 0 : _a.getBox(this.id);
   }
-  async setupApp(appId, skipUpdate, app, options, appOptions, boxStatus) {
+  async setupApp(appId, skipUpdate, app, options, appOptions, boxStatus, forceTop, forceNormal, isDragContent) {
     var _a;
-    log("setupApp", appId, app, options, boxStatus);
+    log("setupApp", appId, app, options, boxStatus, forceTop, forceNormal, isDragContent);
     if (!this.boxManager) {
       throw new BoxManagerNotFoundError();
     }
@@ -7342,7 +7479,10 @@ class AppProxy {
         options,
         canOperate: this.manager.canOperate,
         smartPosition: this.isAddApp,
-        boxStatus
+        boxStatus,
+        forceTop,
+        forceNormal,
+        isDragContent
       });
       if (this.isAddApp && this.box) {
         if (boxStatus) {
@@ -7399,7 +7539,7 @@ class AppProxy {
     const currentAppState = this.getAppInitState(this.id);
     await this.destroy(true, false, true);
     const params = this.params;
-    const AppProxyClass = getExtendClass$1(AppProxy, WindowManager.extendClass);
+    const AppProxyClass = getExtendClass$1(_AppProxy, WindowManager.extendClass);
     const appProxy = new AppProxyClass(params, this.manager, this.id, this.isAddApp);
     await appProxy.baseInsertApp(true);
     (_a = this.boxManager) == null ? void 0 : _a.updateBoxState(currentAppState);
@@ -7560,7 +7700,9 @@ class AppProxy {
   close() {
     return this.destroy(true, true, false);
   }
-}
+};
+let AppProxy = _AppProxy;
+AppProxy.kind = "AppProxy";
 class ViewManager {
   constructor(displayer) {
     this.displayer = displayer;
@@ -8480,7 +8622,10 @@ class AppManager {
                 {
                   kind: app.kind,
                   options: app.options,
-                  isDynamicPPT: app.isDynamicPPT
+                  isDynamicPPT: app.isDynamicPPT,
+                  forceNormal: app.forceNormal,
+                  forceTop: app.forceTop,
+                  isDragContent: app.isDragContent
                 },
                 id2,
                 false
@@ -8713,6 +8858,7 @@ class AppManager {
     this._focusAppCreatedResolve = void 0;
   }
 }
+AppManager.kind = "AppManager";
 const ResizeObserver$2 = window.ResizeObserver || ResizeObserver$3;
 class ContainerResizeObserver {
   constructor(emitter) {
@@ -19469,40 +19615,44 @@ class ExtendPluginManager {
   }
 }
 function getExtendClass(baseClass, extendClass) {
-  switch (baseClass.name) {
-    case "AppManager":
-      return (extendClass == null ? void 0 : extendClass.AppManager) || AppManager;
-    case "BoxManager":
-      return (extendClass == null ? void 0 : extendClass.BoxManager) || BoxManager;
-    case "AttributesDelegate":
-      return (extendClass == null ? void 0 : extendClass.AttributesDelegate) || AttributesDelegate;
-    case "CursorManager":
-      return (extendClass == null ? void 0 : extendClass.CursorManager) || CursorManager;
-    case "AppProxy":
-      return (extendClass == null ? void 0 : extendClass.AppProxy) || AppProxy;
-    case "AppContext":
-      return (extendClass == null ? void 0 : extendClass.AppContext) || AppContext;
-    case "TeleBoxManager":
-      return (extendClass == null ? void 0 : extendClass.TeleBoxManager) || TeleBoxManager;
-    case "TeleBoxCollector":
-      return (extendClass == null ? void 0 : extendClass.TeleBoxCollector) || TeleBoxCollector;
-    default:
-      return baseClass;
+  if (baseClass.kind && extendClass && Object.keys(extendClass).includes(baseClass.kind)) {
+    switch (baseClass.kind) {
+      case "AppManager":
+        return (extendClass == null ? void 0 : extendClass.AppManager) || AppManager;
+      case "BoxManager":
+        return (extendClass == null ? void 0 : extendClass.BoxManager) || BoxManager;
+      case "AttributesDelegate":
+        return (extendClass == null ? void 0 : extendClass.AttributesDelegate) || AttributesDelegate;
+      case "CursorManager":
+        return (extendClass == null ? void 0 : extendClass.CursorManager) || CursorManager;
+      case "AppProxy":
+        return (extendClass == null ? void 0 : extendClass.AppProxy) || AppProxy;
+      case "AppContext":
+        return (extendClass == null ? void 0 : extendClass.AppContext) || AppContext;
+      case "TeleBoxManager":
+        return (extendClass == null ? void 0 : extendClass.TeleBoxManager) || TeleBoxManager;
+      case "TeleBoxCollector":
+        return (extendClass == null ? void 0 : extendClass.TeleBoxCollector) || TeleBoxCollector;
+      default:
+        return baseClass;
+    }
+  } else {
+    return baseClass;
   }
 }
 const reconnectRefresher = new ReconnectRefresher({ emitter: internalEmitter });
 const _WindowManager = class extends InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "1.0.7-beta.6";
-    this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.3.0-beta.10", "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.19", "@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.30", "@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.7-beta.8";
+    this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.3.0-beta.14", "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.19", "@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.30", "@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.3.0-beta.10", "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.19", "@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.30", "@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.3.0-beta.14", "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.19", "@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.30", "@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);