@netless/window-manager 1.0.7-beta.5 → 1.0.7-beta.7

package/dist/index.mjs

@@ -2394,6 +2394,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 +2450,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 +2526,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 +2547,7 @@ class DefaultTitleBar {
         type: TELE_BOX_DELEGATE_EVENT.Close,
         iconClassName: this.wrapClassName("titlebar-icon-close")
       }
-    ];
+    ]);
     this.$dragArea = this.renderDragArea();
   }
   setTitle(title) {
@@ -2709,7 +2720,10 @@ class TeleBox {
     },
     collectorRect,
     boxStatus,
-    lastNotMinimizedBoxStatus
+    lastNotMinimizedBoxStatus,
+    forceTop = false,
+    forceNormal = false,
+    isDragContent = false
   } = {}) {
     this._renderSideEffect = new o$1();
     this.handleTrackStart = (ev) => {
@@ -2776,6 +2790,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 +2980,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 +3045,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 +3385,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) => {
@@ -3828,7 +3863,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 +4204,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 +4557,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 +4658,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 +4842,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 +4853,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 +4906,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 +4931,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 +4983,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 +5215,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 +5249,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;
@@ -5408,7 +5509,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}`);
@@ -5433,18 +5537,12 @@ class BoxManager {
     this.context.callbacks.emit("onBoxesStatusChange", map);
     this.context.emitter.emit("boxesStatusChange", map);
   }
-  setBoxStatus(appId, status) {
-    this.teleBoxManager.update(appId, { boxStatus: status }, true);
-  }
   setLastNotMinimizedBoxesStatus(status) {
     const map = new Map(Object.entries(status != null ? status : {}));
     this.teleBoxManager.setLastNotMinimizedBoxesStatus(map, true);
     this.context.callbacks.emit("onLastNotMinimizedBoxesStatusChange", map);
     this.context.emitter.emit("lastNotMinimizedBoxesStatusChange", map);
   }
-  setLastNotMinimizedBoxStatus(appId, status) {
-    this.teleBoxManager.update(appId, { lastNotMinimizedBoxStatus: status }, true);
-  }
   setupBoxManager(createTeleBoxManagerConfig) {
     const root = WindowManager.wrapper ? WindowManager.wrapper : document.body;
     const rect = root.getBoundingClientRect();
@@ -5511,7 +5609,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
       );
@@ -6979,7 +7080,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;
     }
@@ -7146,6 +7254,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) {
@@ -7166,6 +7275,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) => {
@@ -7290,7 +7408,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}`);
@@ -7305,9 +7426,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();
     }
@@ -7348,7 +7469,10 @@ class AppProxy {
         options,
         canOperate: this.manager.canOperate,
         smartPosition: this.isAddApp,
-        boxStatus
+        boxStatus,
+        forceTop,
+        forceNormal,
+        isDragContent
       });
       if (this.isAddApp && this.box) {
         if (boxStatus) {
@@ -8486,7 +8610,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
@@ -19500,15 +19627,15 @@ const reconnectRefresher = new ReconnectRefresher({ emitter: internalEmitter });
 const _WindowManager = class extends InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "1.0.7-beta.5";
-    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.7";
+    this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.3.0-beta.13", "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.13", "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);
@@ -19925,13 +20052,13 @@ const _WindowManager = class extends InvisiblePlugin {
     var _a;
     if (!this.canOperate)
       return;
-    (_a = this.boxManager) == null ? void 0 : _a.setBoxStatus(boxId, boxStatus);
+    (_a = this.appManager) == null ? void 0 : _a.store.setBoxStatus(boxId, boxStatus);
   }
   setLastNotMinimizedBoxStatus(boxId, lastNotMinimizedBoxStatus) {
     var _a;
     if (!this.canOperate)
       return;
-    (_a = this.boxManager) == null ? void 0 : _a.setLastNotMinimizedBoxStatus(boxId, lastNotMinimizedBoxStatus);
+    (_a = this.appManager) == null ? void 0 : _a.store.setLastNotMinimizedBoxStatus(boxId, lastNotMinimizedBoxStatus);
   }
   setFullscreen(fullscreen) {
     var _a;