npm - @netless/window-manager - Versions diffs - 0.4.49 → 0.4.51 - Mend

@netless/window-manager 0.4.49 → 0.4.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/index.es.js CHANGED Viewed

@@ -2681,6 +2681,9 @@ class AppManager {
     });
     this.mainViewProxy.onReconnect();
     await Promise.all(reconnected);
+    if (this.callbacksNode) {
+      this.onSceneChange(this.callbacksNode);
+    }
   }
   notifyContainerRectUpdate(rect) {
     this.appProxies.forEach((appProxy) => {
@@ -2879,7 +2882,7 @@ var objectAssign = shouldUseNative$1() ? Object.assign : function(target, source
  * 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 = n$2 ? Symbol.for("react.portal") : 60106, r$4 = n$2 ? Symbol.for("react.fragment") : 60107, t$3 = n$2 ? Symbol.for("react.strict_mode") : 60108, u$3 = 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;
+var l$1 = objectAssign, n$3 = typeof Symbol === "function" && Symbol.for, p = n$3 ? Symbol.for("react.element") : 60103, q = n$3 ? Symbol.for("react.portal") : 60106, r$4 = n$3 ? Symbol.for("react.fragment") : 60107, t$3 = n$3 ? Symbol.for("react.strict_mode") : 60108, u$3 = n$3 ? Symbol.for("react.profiler") : 60114, v$2 = n$3 ? Symbol.for("react.provider") : 60109, w$1 = n$3 ? Symbol.for("react.context") : 60110, x$1 = n$3 ? Symbol.for("react.forward_ref") : 60112, y$1 = n$3 ? Symbol.for("react.suspense") : 60113, z$1 = n$3 ? Symbol.for("react.memo") : 60115, A$1 = n$3 ? 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]);
@@ -4232,7 +4235,7 @@ const e$1$1 = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmn
     t$1$1[r2] = e$1$1.charAt(Math.random() * s$1$1);
   return t$1$1.join("");
 };
-class o$2 {
+class o$1 {
   constructor() {
     this.disposers = /* @__PURE__ */ new Map();
   }
@@ -4338,7 +4341,7 @@ function t$2(e2, s2, t2, i2) {
     u2.addBeforeDestroy(t3);
   }), u2;
 }
-function i$1(e2, s2) {
+function i$2(e2, s2) {
   Object.keys(s2).forEach((r2) => {
     u$2(e2, r2, s2[r2]);
   });
@@ -4443,7 +4446,7 @@ class DefaultTitleBar {
     state = TELE_BOX_STATE.Normal
   } = {}) {
     this.$btns = [];
-    this.sideEffect = new o$2();
+    this.sideEffect = new o$1();
     this.lastTitleBarClick = {
       timestamp: 0,
       clientX: -100,
@@ -4665,12 +4668,12 @@ class TeleBox {
     },
     collectorRect
   } = {}) {
-    this._renderSideEffect = new o$2();
+    this._renderSideEffect = new o$1();
     this.handleTrackStart = (ev) => {
       var _a;
       return (_a = this._handleTrackStart) == null ? void 0 : _a.call(this, ev);
     };
-    this._sideEffect = new o$2();
+    this._sideEffect = new o$1();
     this._valSideEffectBinder = c(this._sideEffect);
     const { combine, createVal } = this._valSideEffectBinder;
     this.id = id2;
@@ -4906,7 +4909,7 @@ class TeleBox {
       $userFooter: $userFooter$,
       $userStyles: $userStyles$
     };
-    i$1(this, valConfig);
+    i$2(this, valConfig);
     this._state$ = state$;
     this._minSize$ = minSize$;
     this._size$ = size$;
@@ -5630,7 +5633,7 @@ class TeleBoxManager {
     readonly = false
   } = {}) {
     this.events = new EventEmitter();
-    this._sideEffect = new o$2();
+    this._sideEffect = new o$1();
     const { combine, createVal } = c(this._sideEffect);
     this.root = root;
     this.namespace = namespace;
@@ -5826,7 +5829,7 @@ class TeleBoxManager {
       minimized: minimized$,
       maximized: maximized$
     };
-    i$1(this, valConfig);
+    i$2(this, valConfig);
     this._state$ = state$;
     this.root.appendChild(this.maxTitleBar.render());
   }
@@ -7586,7 +7589,7 @@ var __spreadValues2 = (a2, b2) => {
   return a2;
 };
 var __spreadProps2 = (a2, b2) => __defProps2(a2, __getOwnPropDescs2(b2));
-var styles = ".netless-app-docs-viewer-content{position:relative;height:100%;overflow:hidden}.netless-app-docs-viewer-preview-mask{display:none;position:absolute;z-index:200;top:0;left:0;width:100%;height:100%}.netless-app-docs-viewer-preview{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:300;top:0;left:0;width:33%;max-width:200px;height:100%;padding-top:10px;transform:translate(-100%);background:rgba(237,237,240,.9);box-shadow:inset -1px 0 #0000001c;transition:transform .4s}.netless-app-docs-viewer-preview-active .netless-app-docs-viewer-preview-mask{display:block}.netless-app-docs-viewer-preview-active .netless-app-docs-viewer-preview{transform:translate(0)}.netless-app-docs-viewer-preview-page{position:relative;display:block;width:55%;margin-bottom:10px;font-size:0;color:transparent;outline:none;border:7px solid transparent;border-radius:4px;transition:border-color .3s;user-select:none}.netless-app-docs-viewer-preview-page:hover,.netless-app-docs-viewer-preview-page.netless-app-docs-viewer-preview-page-active{border-color:#444e601a}.netless-app-docs-viewer-preview-page>img{width:100%;height:auto;box-sizing:border-box;border:1px solid rgba(0,0,0,.5);border-radius:1px;background-color:#fff;box-shadow:0 2px 8px #0000004d}.netless-app-docs-viewer-preview-page-name{position:absolute;top:1px;left:-10px;transform:translate(-100%);text-align:right;font-size:12px;color:#5f5f5f;user-select:none}.netless-app-docs-viewer-footer{box-sizing:border-box;height:26px;display:flex;align-items:center;padding:0 16px;border-top:1px solid #eeeef7;color:#191919}.netless-app-docs-viewer-float-footer{width:100%;min-height:26px;position:absolute;left:0;bottom:0;z-index:2000;background:rgba(249,249,252,.9);transition:opacity .4s}.netless-app-docs-viewer-footer-btn{box-sizing:border-box;width:26px;height:26px;font-size:0;margin:0;padding:3px;border:none;border-radius:1px;outline:none;color:currentColor;background:transparent;transition:background .4s;cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-docs-viewer-footer-btn:hover{background:rgba(237,237,240,.9)}@media (hover: none){.netless-app-docs-viewer-footer-btn:hover{background:transparent!important}}.netless-app-docs-viewer-footer-btn>svg{width:100%;height:100%}.netless-app-docs-viewer-footer-btn>svg:nth-of-type(2){display:none}.netless-app-docs-viewer-footer-btn.netless-app-docs-viewer-footer-btn-playing>svg:nth-of-type(1){display:none}.netless-app-docs-viewer-footer-btn.netless-app-docs-viewer-footer-btn-playing>svg:nth-of-type(2){display:initial}.netless-app-docs-viewer-footer-btn~.netless-app-docs-viewer-footer-btn{margin-left:15px}.netless-app-docs-viewer-page-jumps{flex:1;display:flex;justify-content:center;align-items:center}.netless-app-docs-viewer-page-number{margin-left:auto;font-size:13px;user-select:none;white-space:nowrap;word-break:keep-all}.netless-app-docs-viewer-page-number-input{border:none;outline:none;width:3em;margin:0;padding:0 2px;text-align:right;font-size:13px;line-height:1;font-weight:400;font-family:inherit;border-radius:2px;color:currentColor;background:transparent;transition:background .4s;user-select:text;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-docs-viewer-page-number-input:hover,.netless-app-docs-viewer-page-number-input:focus,.netless-app-docs-viewer-page-number-input:active{background:#fff;box-shadow:#63636333 0 2px 8px}.netless-app-docs-viewer-readonly .netless-app-docs-viewer-footer-btn{cursor:not-allowed}.netless-app-docs-viewer-readonly .netless-app-docs-viewer-footer-btn:hover{background:transparent}.netless-app-docs-viewer-readonly .netless-app-docs-viewer-page-number-input{cursor:not-allowed}.netless-app-docs-viewer-readonly .netless-app-docs-viewer-page-number-input:hover,.netless-app-docs-viewer-readonly .netless-app-docs-viewer-page-number-input:focus,.netless-app-docs-viewer-readonly .netless-app-docs-viewer-page-number-input:active{background:transparent;box-shadow:none}.netless-app-docs-viewer-readonly .netless-app-docs-viewer-page-number-input:disabled{color:inherit}.netless-app-docs-viewer-readonly.netless-app-docs-viewer-float-footer{display:none}.telebox-color-scheme-dark .netless-app-docs-viewer-page-number-input{color:#a6a6a8}.telebox-color-scheme-dark .netless-app-docs-viewer-page-number-input:active,.telebox-color-scheme-dark .netless-app-docs-viewer-page-number-input:focus,.telebox-color-scheme-dark .netless-app-docs-viewer-page-number-input:hover{color:#222}.telebox-color-scheme-dark .netless-app-docs-viewer-footer{color:#a6a6a8;background:#2d2d33;border-top:none}.telebox-color-scheme-dark .netless-app-docs-viewer-footer-btn:hover{background:#212126}.telebox-color-scheme-dark .netless-app-docs-viewer-preview{background:rgba(50,50,50,.9)}.netless-app-docs-viewer-static-scrollbar{position:absolute;top:0;right:0;z-index:2147483647;width:8px;min-height:30px;margin:0;padding:0;border:none;outline:none;border-radius:4px;background:rgba(68,78,96,.4);box-shadow:1px 1px 8px #ffffffb3;opacity:0;transition:background .4s,opacity .4s 3s,transform .2s;user-select:none}.netless-app-docs-viewer-static-scrollbar.netless-app-docs-viewer-static-scrollbar-dragging{background:rgba(68,78,96,.6);opacity:1;transition:background .4s,opacity .4s 3s!important}.netless-app-docs-viewer-static-scrollbar:hover,.netless-app-docs-viewer-static-scrollbar:focus{background:rgba(68,78,96,.5)}.netless-app-docs-viewer-static-scrollbar:active{background:rgba(68,78,96,.6)}.netless-app-docs-viewer-content:hover .netless-app-docs-viewer-static-scrollbar{opacity:1;transition:background .4s,opacity .4s,transform .2s}.netless-app-docs-viewer-readonly .netless-app-docs-viewer-static-scrollbar{display:none}.netless-app-docs-viewer-static-pages:hover .netless-app-docs-viewer-static-scrollbar{opacity:1;transition:background .4s,opacity .4s,transform .2s}.page-renderer-pages-container{position:relative;overflow:hidden}.page-renderer-page{position:absolute;top:0;left:0;background-position:center;background-size:cover;background-repeat:no-repeat}.page-renderer-pages-container.is-hwa .page-renderer-page{will-change:transform}.page-renderer-page-img{display:block;width:100%;height:auto;user-select:none}.netless-app-docs-viewer-static-pages{overflow:hidden;position:relative;height:100%;user-select:none}.netless-app-docs-viewer-static-page{display:block;width:100%;height:auto;user-select:none}.netless-app-docs-viewer-static-wb-view,.netless-app-docs-viewer-dynamic-wb-view{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;overflow:hidden}.netless-app-docs-viewer-dynamic-wb-view .cursor-clicker .ppt-event-source{cursor:pointer}\n";
+var styles = /* @__PURE__ */ (() => ".netless-app-docs-viewer-content{position:relative;height:100%;overflow:hidden}.netless-app-docs-viewer-preview-mask{display:none;position:absolute;z-index:200;top:0;left:0;width:100%;height:100%}.netless-app-docs-viewer-preview{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:300;top:0;left:0;width:33%;max-width:200px;height:100%;padding-top:10px;transform:translate(-100%);background:rgba(237,237,240,.9);box-shadow:inset -1px 0 #0000001c;transition:transform .4s}.netless-app-docs-viewer-preview-active .netless-app-docs-viewer-preview-mask{display:block}.netless-app-docs-viewer-preview-active .netless-app-docs-viewer-preview{transform:translate(0)}.netless-app-docs-viewer-preview-page{position:relative;display:block;width:55%;margin-bottom:10px;font-size:0;color:transparent;outline:none;border:7px solid transparent;border-radius:4px;transition:border-color .3s;user-select:none}.netless-app-docs-viewer-preview-page:hover,.netless-app-docs-viewer-preview-page.netless-app-docs-viewer-preview-page-active{border-color:#444e601a}.netless-app-docs-viewer-preview-page>img{width:100%;height:auto;box-sizing:border-box;border:1px solid rgba(0,0,0,.5);border-radius:1px;background-color:#fff;box-shadow:0 2px 8px #0000004d}.netless-app-docs-viewer-preview-page-name{position:absolute;top:1px;left:-10px;transform:translate(-100%);text-align:right;font-size:12px;color:#5f5f5f;user-select:none}.netless-app-docs-viewer-footer{box-sizing:border-box;height:26px;display:flex;align-items:center;padding:0 16px;border-top:1px solid #eeeef7;color:#191919}.netless-app-docs-viewer-float-footer{width:100%;min-height:26px;position:absolute;left:0;bottom:0;z-index:2000;background:rgba(249,249,252,.9);transition:opacity .4s}.netless-app-docs-viewer-footer-btn{box-sizing:border-box;width:26px;height:26px;font-size:0;margin:0;padding:3px;border:none;border-radius:1px;outline:none;color:currentColor;background:transparent;transition:background .4s;cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-docs-viewer-footer-btn:hover{background:rgba(237,237,240,.9)}@media (hover: none){.netless-app-docs-viewer-footer-btn:hover{background:transparent!important}}.netless-app-docs-viewer-footer-btn>svg{width:100%;height:100%}.netless-app-docs-viewer-footer-btn>svg:nth-of-type(2){display:none}.netless-app-docs-viewer-footer-btn.netless-app-docs-viewer-footer-btn-playing>svg:nth-of-type(1){display:none}.netless-app-docs-viewer-footer-btn.netless-app-docs-viewer-footer-btn-playing>svg:nth-of-type(2){display:initial}.netless-app-docs-viewer-footer-btn~.netless-app-docs-viewer-footer-btn{margin-left:15px}.netless-app-docs-viewer-page-jumps{flex:1;display:flex;justify-content:center;align-items:center}.netless-app-docs-viewer-page-number{margin-left:auto;font-size:13px;user-select:none;white-space:nowrap;word-break:keep-all}.netless-app-docs-viewer-page-number-input{border:none;outline:none;width:3em;margin:0;padding:0 2px;text-align:right;font-size:13px;line-height:1;font-weight:400;font-family:inherit;border-radius:2px;color:currentColor;background:transparent;transition:background .4s;user-select:text;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-docs-viewer-page-number-input:hover,.netless-app-docs-viewer-page-number-input:focus,.netless-app-docs-viewer-page-number-input:active{background:#fff;box-shadow:#63636333 0 2px 8px}.netless-app-docs-viewer-readonly .netless-app-docs-viewer-footer-btn{cursor:not-allowed}.netless-app-docs-viewer-readonly .netless-app-docs-viewer-footer-btn:hover{background:transparent}.netless-app-docs-viewer-readonly .netless-app-docs-viewer-page-number-input{cursor:not-allowed}.netless-app-docs-viewer-readonly .netless-app-docs-viewer-page-number-input:hover,.netless-app-docs-viewer-readonly .netless-app-docs-viewer-page-number-input:focus,.netless-app-docs-viewer-readonly .netless-app-docs-viewer-page-number-input:active{background:transparent;box-shadow:none}.netless-app-docs-viewer-readonly .netless-app-docs-viewer-page-number-input:disabled{color:inherit}.netless-app-docs-viewer-readonly.netless-app-docs-viewer-float-footer{display:none}.telebox-color-scheme-dark .netless-app-docs-viewer-page-number-input{color:#a6a6a8}.telebox-color-scheme-dark .netless-app-docs-viewer-page-number-input:active,.telebox-color-scheme-dark .netless-app-docs-viewer-page-number-input:focus,.telebox-color-scheme-dark .netless-app-docs-viewer-page-number-input:hover{color:#222}.telebox-color-scheme-dark .netless-app-docs-viewer-footer{color:#a6a6a8;background:#2d2d33;border-top:none}.telebox-color-scheme-dark .netless-app-docs-viewer-footer-btn:hover{background:#212126}.telebox-color-scheme-dark .netless-app-docs-viewer-preview{background:rgba(50,50,50,.9)}.netless-app-docs-viewer-static-scrollbar{position:absolute;top:0;right:0;z-index:2147483647;width:8px;min-height:30px;margin:0;padding:0;border:none;outline:none;border-radius:4px;background:rgba(68,78,96,.4);box-shadow:1px 1px 8px #ffffffb3;opacity:0;transition:background .4s,opacity .4s 3s,transform .2s;user-select:none}.netless-app-docs-viewer-static-scrollbar.netless-app-docs-viewer-static-scrollbar-dragging{background:rgba(68,78,96,.6);opacity:1;transition:background .4s,opacity .4s 3s!important}.netless-app-docs-viewer-static-scrollbar:hover,.netless-app-docs-viewer-static-scrollbar:focus{background:rgba(68,78,96,.5)}.netless-app-docs-viewer-static-scrollbar:active{background:rgba(68,78,96,.6)}.netless-app-docs-viewer-content:hover .netless-app-docs-viewer-static-scrollbar{opacity:1;transition:background .4s,opacity .4s,transform .2s}.netless-app-docs-viewer-readonly .netless-app-docs-viewer-static-scrollbar{display:none}.netless-app-docs-viewer-static-pages:hover .netless-app-docs-viewer-static-scrollbar{opacity:1;transition:background .4s,opacity .4s,transform .2s}.page-renderer-pages-container{position:relative;overflow:hidden}.page-renderer-page{position:absolute;top:0;left:0;background-position:center;background-size:cover;background-repeat:no-repeat}.page-renderer-pages-container.is-hwa .page-renderer-page{will-change:transform}.page-renderer-page-img{display:block;width:100%;height:auto;user-select:none}.netless-app-docs-viewer-static-pages{overflow:hidden;position:relative;height:100%;user-select:none}.netless-app-docs-viewer-static-page{display:block;width:100%;height:auto;user-select:none}.netless-app-docs-viewer-static-wb-view,.netless-app-docs-viewer-dynamic-wb-view{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;overflow:hidden}.netless-app-docs-viewer-dynamic-wb-view .cursor-clicker .ppt-event-source{cursor:pointer}\n")();
 const copyProperty = (to, from, property, ignoreNonConfigurable) => {
   if (property === "length" || property === "prototype") {
     return;
@@ -7692,59 +7695,63 @@ const debounceFn = (inputFunction, options = {}) => {
   };
   return debouncedFunction;
 };
-const e$1 = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", s$1 = e$1.length, t$1 = Array(20), r$2 = () => {
-  for (let r2 = 0; r2 < 20; r2++)
-    t$1[r2] = e$1.charAt(Math.random() * s$1);
+const s$1 = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", e$1 = s$1.length, t$1 = Array(20), i$1 = () => {
+  for (let i2 = 0; i2 < 20; i2++)
+    t$1[i2] = s$1.charAt(Math.random() * e$1);
   return t$1.join("");
 };
-class o$1 {
+function r$2(s2) {
+  try {
+    return s2();
+  } catch (e2) {
+    console.error(e2);
+  }
+}
+class n$2 {
   constructor() {
     this.disposers = /* @__PURE__ */ new Map();
   }
-  add(e2, s2 = r$2()) {
-    return this.flush(s2), this.disposers.set(s2, e2()), s2;
+  addDisposer(s2, e2 = this.genUID()) {
+    return this.flush(e2), this.disposers.set(e2, Array.isArray(s2) ? () => s2.forEach(r$2) : s2), e2;
   }
-  addDisposer(e2, s2 = r$2()) {
-    return this.flush(s2), this.disposers.set(s2, e2), s2;
+  add(s2, e2 = this.genUID()) {
+    return this.addDisposer(s2(), e2);
   }
-  addEventListener(e2, s2, t2, o2, i2 = r$2()) {
-    return this.add(() => (e2.addEventListener(s2, t2, o2), () => e2.removeEventListener(s2, t2, o2)), i2), i2;
+  addEventListener(s2, e2, t2, i2, r2 = this.genUID()) {
+    return s2.addEventListener(e2, t2, i2), this.addDisposer(() => s2.removeEventListener(e2, t2, i2), r2), r2;
   }
-  setTimeout(e2, s2, t2 = r$2()) {
-    return this.add(() => {
-      const r2 = window.setTimeout(() => {
-        this.remove(t2), e2();
-      }, s2);
-      return () => window.clearTimeout(r2);
-    }, t2);
+  setTimeout(s2, e2, t2 = this.genUID()) {
+    const i2 = window.setTimeout(() => {
+      this.remove(t2), s2();
+    }, e2);
+    return this.addDisposer(() => window.clearTimeout(i2), t2);
   }
-  setInterval(e2, s2, t2 = r$2()) {
-    return this.add(() => {
-      const t3 = window.setInterval(e2, s2);
-      return () => window.clearInterval(t3);
-    }, t2);
+  setInterval(s2, e2, t2 = this.genUID()) {
+    const i2 = window.setInterval(s2, e2);
+    return this.addDisposer(() => window.clearInterval(i2), t2);
   }
-  remove(e2) {
-    const s2 = this.disposers.get(e2);
-    return this.disposers.delete(e2), s2;
+  remove(s2) {
+    const e2 = this.disposers.get(s2);
+    return this.disposers.delete(s2), e2;
   }
-  flush(e2) {
-    const s2 = this.remove(e2);
-    if (s2)
+  flush(s2) {
+    const e2 = this.remove(s2);
+    if (e2)
       try {
-        s2();
+        e2();
       } catch (t2) {
         console.error(t2);
       }
   }
   flushAll() {
-    this.disposers.forEach((e2) => {
-      try {
-        e2();
-      } catch (s2) {
-        console.error(s2);
-      }
-    }), this.disposers.clear();
+    this.disposers.forEach(r$2), this.disposers.clear();
+  }
+  genUID() {
+    let s2;
+    do {
+      s2 = i$1();
+    } while (this.disposers.has(s2));
+    return s2;
   }
 }
 var resizeObservers = [];
@@ -8329,6 +8336,7 @@ const defaultSettings = {
   data_bg_hidpi: "bg-hidpi",
   data_bg_multi: "bg-multi",
   data_bg_multi_hidpi: "bg-multi-hidpi",
+  data_bg_set: "bg-set",
   data_poster: "poster",
   class_applied: "applied",
   class_loading: "loading",
@@ -8347,7 +8355,8 @@ const defaultSettings = {
   callback_error: null,
   callback_finish: null,
   callback_cancel: null,
-  use_native: false
+  use_native: false,
+  restore_on_error: false
 };
 const getExtendedSettings = (customSettings) => {
   return Object.assign({}, defaultSettings, customSettings);
@@ -8619,6 +8628,20 @@ const setMultiBackground = (element2, settings, instance2) => {
   element2.style.backgroundImage = bgDataValue;
   manageApplied(element2, settings, instance2);
 };
+const setImgsetBackground = (element2, settings, instance2) => {
+  const bgImgSetDataValue = getData(element2, settings.data_bg_set);
+  if (!bgImgSetDataValue) {
+    return;
+  }
+  const imgSetValues = bgImgSetDataValue.split("|");
+  let bgImageValues = imgSetValues.map((value) => `image-set(${value})`);
+  element2.style.backgroundImage = bgImageValues.join();
+  if (element2.style.backgroundImage === "") {
+    bgImageValues = imgSetValues.map((value) => `-webkit-image-set(${value})`);
+    element2.style.backgroundImage = bgImageValues.join();
+  }
+  manageApplied(element2, settings, instance2);
+};
 const setSourcesFunctions = {
   IMG: setSourcesImg,
   IFRAME: setSourcesIframe,
@@ -8699,6 +8722,8 @@ const errorHandler = (event, element2, settings, instance2) => {
   addClass(element2, settings.class_error);
   setStatus(element2, statusError);
   safeCallback(settings.callback_error, element2, instance2);
+  if (settings.restore_on_error)
+    restoreOriginalAttrs(element2, attrsSrcSrcsetSizes);
   if (!goingNative)
     checkFinish(settings, instance2);
 };
@@ -8723,6 +8748,7 @@ const loadBackground = (element2, settings, instance2) => {
   saveOriginalBackgroundStyle(element2);
   setBackground(element2, settings, instance2);
   setMultiBackground(element2, settings, instance2);
+  setImgsetBackground(element2, settings, instance2);
 };
 const loadRegular = (element2, settings, instance2) => {
   addOneShotEventListeners(element2, settings, instance2);
@@ -8889,9 +8915,16 @@ const setOnlineCheck = (settings, instance2) => {
   if (!runningOnBrowser) {
     return;
   }
-  window.addEventListener("online", () => {
+  instance2._onlineHandler = () => {
     retryLazyLoad(settings, instance2);
-  });
+  };
+  window.addEventListener("online", instance2._onlineHandler);
+};
+const resetOnlineCheck = (instance2) => {
+  if (!runningOnBrowser) {
+    return;
+  }
+  window.removeEventListener("online", instance2._onlineHandler);
 };
 const LazyLoad = function(customSettings, elements) {
   const settings = getExtendedSettings(customSettings);
@@ -8920,11 +8953,13 @@ LazyLoad.prototype = {
     if (this._observer) {
       this._observer.disconnect();
     }
+    resetOnlineCheck(this);
     queryElements(this._settings).forEach((element2) => {
       deleteOriginalAttrs(element2);
     });
     delete this._observer;
     delete this._settings;
+    delete this._onlineHandler;
     delete this.loadingCount;
     delete this.toLoadCount;
   },
@@ -8959,7 +8994,7 @@ class DocsViewer {
     this.namespace = "netless-app-docs-viewer";
     this.isShowPreview = false;
     this.isSmallBox = false;
-    this.sideEffect = new o$1();
+    this.sideEffect = new n$2();
     if (pages.length <= 0) {
       throw new Error("[DocsViewer] Empty pages.");
     }
@@ -9514,7 +9549,7 @@ class PageRenderer {
 const SCROLLBAR_DEFAULT_MIN_HEIGHT = 30;
 class ScrollBar {
   constructor(config) {
-    this.sideEffect = new o$1();
+    this.sideEffect = new n$2();
     this.pagesScrollTop = config.pagesScrollTop || 0;
     this.containerWidth = config.containerWidth || 1;
     this.containerHeight = config.containerHeight || 1;
@@ -9641,17 +9676,68 @@ class StaticDocsViewer {
     pages,
     pageScrollTop = 0,
     mountWhiteboard,
-    onUserScroll
+    onUserScroll,
+    baseScenePath,
+    appId
   }) {
-    this.sideEffect = new o$1();
+    this.sideEffect = new n$2();
     this.userScrolling = false;
     this.onNewPageIndex = (index2) => {
       this.scrollToPage(index2);
     };
+    this.toPdf = async () => {
+      const whiteSnapshotCanvas = document.createElement("canvas");
+      const whiteCtx = whiteSnapshotCanvas.getContext("2d");
+      if (!whiteCtx || !this.baseScenePath) {
+        this.reportProgress(100, null);
+        return;
+      }
+      const scenePath = `${this.baseScenePath}/1`;
+      const firstPage = this.pages[0];
+      const { jsPDF } = await import("jspdf");
+      const pdf = new jsPDF({
+        format: [firstPage.width, firstPage.height],
+        orientation: firstPage.width > firstPage.height ? "l" : "p",
+        compress: true
+      });
+      for (const [index2, page] of this.pages.entries()) {
+        const { width, height, src } = page;
+        whiteSnapshotCanvas.width = width;
+        whiteSnapshotCanvas.height = height;
+        const orientation = width > height ? "l" : "p";
+        if (index2 > 0) {
+          pdf.addPage([width, height], orientation);
+        }
+        const pdfPageSrc = await this.getBase64FromUrl(src);
+        const img = document.createElement("img");
+        img.src = pdfPageSrc;
+        await new Promise((resolve) => img.onload = resolve);
+        whiteCtx.drawImage(img, 0, 0);
+        const pdfPageBase64 = whiteSnapshotCanvas.toDataURL("image/jpeg", 0.6);
+        whiteCtx.clearRect(0, 0, width, height);
+        this.whiteboardView.screenshotToCanvas(whiteCtx, scenePath, width, height, {
+          centerX: width / 2,
+          centerY: height / 2 + index2 * height,
+          scale: 1
+        });
+        const snapshot = whiteSnapshotCanvas.toDataURL("image/png");
+        pdf.addImage(pdfPageBase64, "JPEG", 0, 0, width, height, "", "FAST");
+        pdf.addImage(snapshot, "PNG", 0, 0, width, height, "", "FAST");
+        whiteCtx.clearRect(0, 0, width, height);
+        const progress = Math.ceil((index2 + 1) / this.pages.length * 100);
+        if (progress < 100) {
+          this.reportProgress(Math.ceil((index2 + 1) / this.pages.length * 100), null);
+        }
+      }
+      const dataUrl = pdf.output("arraybuffer");
+      this.reportProgress(100, { pdf: dataUrl, title: this.box.title });
+    };
     this.whiteboardView = whiteboardView;
     this.readonly = readonly;
     this.box = box;
     this.pages = pages;
+    this.baseScenePath = baseScenePath;
+    this.appId = appId;
     this.mountWhiteboard = mountWhiteboard;
     this._onUserScroll = onUserScroll;
     const debouncedOnUserScroll = this.debounce(() => {
@@ -9715,6 +9801,17 @@ class StaticDocsViewer {
         this.pageScrollTo(this.pageRenderer.pagesScrollTop);
       }
     }, 100);
+    this.sideEffect.add(() => {
+      const handleDownloadPdf = (evt) => {
+        if (evt.data.type === "@netless/_request_save_pdf_" && evt.data.appId === this.appId) {
+          this.toPdf().catch(() => this.reportProgress(100, null));
+        }
+      };
+      window.addEventListener("message", handleDownloadPdf);
+      return () => {
+        window.removeEventListener("message", handleDownloadPdf);
+      };
+    });
     return this;
   }
   unmount() {
@@ -9908,10 +10005,30 @@ class StaticDocsViewer {
   wrapClassName(className) {
     return "netless-app-docs-viewer-static-" + className;
   }
+  async getBase64FromUrl(url) {
+    const data = await fetch(url);
+    const blob = await data.blob();
+    return new Promise((resolve) => {
+      const reader = new FileReader();
+      reader.readAsDataURL(blob);
+      reader.onloadend = () => {
+        const base64data = reader.result;
+        resolve(base64data);
+      };
+    });
+  }
+  reportProgress(progress, result) {
+    window.postMessage({
+      type: "@netless/_result_save_pdf_",
+      appId: this.appId,
+      progress,
+      result
+    });
+  }
 }
 class DynamicDocsViewer {
   constructor({ context, whiteboardView, box, pages }) {
-    this.sideEffect = new o$1();
+    this.sideEffect = new n$2();
     this.onPlayPPT = () => {
       const room = this.context.getRoom();
       if (room) {
@@ -10136,7 +10253,9 @@ function setupStaticDocsViewer(context, whiteboardView, box, pages) {
       if (((_a2 = context.getAttributes()) == null ? void 0 : _a2.pageScrollTop) !== pageScrollTop && !box.readonly) {
         context.updateAttributes(["pageScrollTop"], pageScrollTop);
       }
-    }
+    },
+    baseScenePath: context.getInitScenePath(),
+    appId: context.appId
   }).mount();
   context.emitter.on("attributesUpdate", (attributes) => {
     if (attributes) {
@@ -16736,14 +16855,14 @@ const reconnectRefresher = new ReconnectRefresher({ emitter });
 const _WindowManager = class extends InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "0.4.49";
-    this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.27", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "side-effect-manager": "^0.1.5", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^0.2.9", "@netless/app-media-player": "0.1.0-beta.5", "@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", "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", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.5.3", "vitest": "^0.14.1", "white-web-sdk": "2.16.33" } };
+    this.version = "0.4.51";
+    this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.27", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "side-effect-manager": "^0.1.5", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^0.2.11", "@netless/app-media-player": "0.1.0-beta.5", "@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", "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", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.5.3", "vitest": "^0.14.1", "white-web-sdk": "2.16.33" } };
     this.emitter = callbacks$1;
     this.viewMode = ViewMode.Broadcaster;
     this.isReplay = isPlayer(this.displayer);
     this.containerSizeRatio = _WindowManager.containerSizeRatio;
     _WindowManager.displayer = context.displayer;
-    window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.27", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "side-effect-manager": "^0.1.5", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^0.2.9", "@netless/app-media-player": "0.1.0-beta.5", "@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", "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", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.5.3", "vitest": "^0.14.1", "white-web-sdk": "2.16.33" } };
+    window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.27", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "side-effect-manager": "^0.1.5", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^0.2.11", "@netless/app-media-player": "0.1.0-beta.5", "@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", "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", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.5.3", "vitest": "^0.14.1", "white-web-sdk": "2.16.33" } };
   }
   static async mount(params) {
     const room = params.room;