@netless/app-slide 0.3.0-canary.19 → 0.3.0-canary.20

package/dist/main.mjs

@@ -1,8 +1,11 @@
+var yt = Object.defineProperty;
+var kt = (e, t, s) => t in e ? yt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var u = (e, t, s) => (kt(e, typeof t != "symbol" ? t + "" : t, s), s);
 import { Slide as ue } from "@netless/slide";
-import { Slide as hr } from "@netless/slide";
-const _t = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", yt = 87, kt = 20, Ae = [], St = () => {
-  for (let e = 0; e < kt; e++)
-    Ae[e] = _t.charAt(Math.random() * yt);
+import { Slide as mr } from "@netless/slide";
+const St = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", xt = 87, Et = 20, Ae = [], Ct = () => {
+  for (let e = 0; e < Et; e++)
+    Ae[e] = St.charAt(Math.random() * xt);
   return Ae.join("");
 };
 function Pe(e) {
@@ -17,24 +20,24 @@ class De {
     this.push = this.addDisposer, this.disposers = /* @__PURE__ */ new Map();
   }
   addDisposer(t, s = this.genUID()) {
-    return this.flush(s), this.disposers.set(s, Array.isArray(t) ? xt(t) : t), s;
+    return this.flush(s), this.disposers.set(s, Array.isArray(t) ? At(t) : t), s;
   }
   add(t, s = this.genUID()) {
     const r = t();
     return r ? this.addDisposer(r, s) : s;
   }
-  addEventListener(t, s, r, n, i = this.genUID()) {
-    return t.addEventListener(s, r, n), this.addDisposer(() => t.removeEventListener(s, r, n), i), i;
+  addEventListener(t, s, r, o, i = this.genUID()) {
+    return t.addEventListener(s, r, o), this.addDisposer(() => t.removeEventListener(s, r, o), i), i;
   }
   setTimeout(t, s, r = this.genUID()) {
-    const n = window.setTimeout(() => {
+    const o = window.setTimeout(() => {
       this.remove(r), t();
     }, s);
-    return this.addDisposer(() => window.clearTimeout(n), r);
+    return this.addDisposer(() => window.clearTimeout(o), r);
   }
   setInterval(t, s, r = this.genUID()) {
-    const n = window.setInterval(t, s);
-    return this.addDisposer(() => window.clearInterval(n), r);
+    const o = window.setInterval(t, s);
+    return this.addDisposer(() => window.clearInterval(o), r);
   }
   remove(t) {
     const s = this.disposers.get(t);
@@ -50,18 +53,21 @@ class De {
   genUID() {
     let t;
     do
-      t = St();
+      t = Ct();
     while (this.disposers.has(t));
     return t;
   }
 }
-function xt(e) {
+function At(e) {
   return () => e.forEach(Pe);
 }
-const O = "netless-app-slide", Fe = "https://convertcdn.netless.link/dynamicConvert";
-class Et {
+const D = "netless-app-slide", Fe = "https://convertcdn.netless.link/dynamicConvert";
+class It {
   constructor() {
-    this.threshold = 2, this._map = /* @__PURE__ */ new Map(), this._box = /* @__PURE__ */ new Map(), this._queue = [];
+    u(this, "threshold", 2);
+    u(this, "_map", /* @__PURE__ */ new Map());
+    u(this, "_box", /* @__PURE__ */ new Map());
+    u(this, "_queue", []);
   }
   set(t, s, r) {
     return this._map.set(t, s), this._box.set(t, r), this._queue.includes(t) || this._queue.unshift(t), this._refresh(), () => {
@@ -78,29 +84,29 @@ class Et {
   _refresh() {
     let t;
     this._queue.sort((s, r) => {
-      var o, a;
-      const n = ((o = this._box.get(s)) == null ? void 0 : o.zIndex) ?? 0, i = ((a = this._box.get(r)) == null ? void 0 : a.zIndex) ?? 0;
-      return -(n - i);
+      var n, a;
+      const o = ((n = this._box.get(s)) == null ? void 0 : n.zIndex) ?? 0, i = ((a = this._box.get(r)) == null ? void 0 : a.zIndex) ?? 0;
+      return -(o - i);
     }), this._queue.forEach((s, r) => {
       (t = this._map.get(s)) && (r < this.threshold ? t.unfreeze() : t.freeze());
     });
   }
 }
-const Re = new Et(), ir = function(t) {
+const Re = new It(), dr = function(t) {
   t.on("focus", (s) => {
     Re.focus(s.appId);
   });
 };
-class Ct {
+class zt {
   constructor() {
     this.a = /* @__PURE__ */ new Map(), this.b = /* @__PURE__ */ new Set();
   }
   emit(t, s) {
     const r = this.a.get(t);
     if (r)
-      for (const n of r)
+      for (const o of r)
         try {
-          n(s);
+          o(s);
         } catch (i) {
           console.error(i);
         }
@@ -108,27 +114,27 @@ class Ct {
   on(t, s) {
     let r = this.a.get(t);
     if (r || (r = /* @__PURE__ */ new Set(), this.a.set(t, r)), r.add(s), r.size === 1)
-      for (const n of this.b)
-        n.e(t);
+      for (const o of this.b)
+        o.e(t);
     return () => {
       this.off(t, s);
     };
   }
   once(t, s) {
-    const r = (n) => (this.off(t, s), s(n));
+    const r = (o) => (this.off(t, s), s(o));
     return this.c = this.c || /* @__PURE__ */ new WeakMap(), this.c.set(s, r), this.on(t, r);
   }
   off(t, s) {
     var r;
-    const n = this.a.get(t);
-    if (n) {
-      const i = n.delete(
+    const o = this.a.get(t);
+    if (o) {
+      const i = o.delete(
         ((r = this.c) == null ? void 0 : r.get(s)) || s
       );
-      if (n.size <= 0) {
+      if (o.size <= 0) {
         this.a.delete(t);
-        for (const o of this.b)
-          o.d(t);
+        for (const n of this.b)
+          n.d(t);
       }
       return i;
     }
@@ -144,27 +150,27 @@ class Ct {
       return ((s = this.a.get(t)) == null ? void 0 : s.size) || 0;
     {
       let r = 0;
-      for (const n of this.a.values())
-        r += n.size;
+      for (const o of this.a.values())
+        r += o.size;
       return r;
     }
   }
   remit(t, s) {
     var r;
-    let n;
+    let o;
     const i = {
-      e: (o) => {
-        if (o === t)
+      e: (n) => {
+        if (n === t)
           try {
-            n = s(this);
+            o = s(this);
           } catch (a) {
             console.error(a);
           }
       },
-      d: (o) => {
-        if (n && (!o || o === t))
+      d: (n) => {
+        if (o && (!n || n === t))
           try {
-            n();
+            o();
           } catch (a) {
             console.error(a);
           }
@@ -181,14 +187,14 @@ class Ct {
     this.b.clear();
   }
 }
-var pe = {}, At = {
+var pe = {}, $t = {
   get exports() {
     return pe;
   },
   set exports(e) {
     pe = e;
   }
-}, It = {
+}, Lt = {
   aliceblue: [240, 248, 255],
   antiquewhite: [250, 235, 215],
   aqua: [0, 255, 255],
@@ -337,19 +343,19 @@ var pe = {}, At = {
   whitesmoke: [245, 245, 245],
   yellow: [255, 255, 0],
   yellowgreen: [154, 205, 50]
-}, he = {}, zt = {
+}, he = {}, Mt = {
   get exports() {
     return he;
   },
   set exports(e) {
     he = e;
   }
-}, Lt = function(t) {
+}, Nt = function(t) {
   return !t || typeof t == "string" ? !1 : t instanceof Array || Array.isArray(t) || t.length >= 0 && (t.splice instanceof Function || Object.getOwnPropertyDescriptor(t, t.length - 1) && t.constructor.name !== "String");
-}, $t = Lt, Mt = Array.prototype.concat, Nt = Array.prototype.slice, Ie = zt.exports = function(t) {
-  for (var s = [], r = 0, n = t.length; r < n; r++) {
+}, Ot = Nt, Tt = Array.prototype.concat, Pt = Array.prototype.slice, Ie = Mt.exports = function(t) {
+  for (var s = [], r = 0, o = t.length; r < o; r++) {
     var i = t[r];
-    $t(i) ? s = Mt.call(s, Nt.call(i)) : s.push(i);
+    Ot(i) ? s = Tt.call(s, Pt.call(i)) : s.push(i);
   }
   return s;
 };
@@ -358,138 +364,138 @@ Ie.wrap = function(e) {
     return e(Ie(arguments));
   };
 };
-var J = It, Z = he, Ve = Object.hasOwnProperty, Ue = /* @__PURE__ */ Object.create(null);
-for (var de in J)
-  Ve.call(J, de) && (Ue[J[de]] = de);
-var A = At.exports = {
+var Z = Lt, Q = he, Ve = Object.hasOwnProperty, Ue = /* @__PURE__ */ Object.create(null);
+for (var de in Z)
+  Ve.call(Z, de) && (Ue[Z[de]] = de);
+var C = $t.exports = {
   to: {},
   get: {}
 };
-A.get = function(e) {
+C.get = function(e) {
   var t = e.substring(0, 3).toLowerCase(), s, r;
   switch (t) {
     case "hsl":
-      s = A.get.hsl(e), r = "hsl";
+      s = C.get.hsl(e), r = "hsl";
       break;
     case "hwb":
-      s = A.get.hwb(e), r = "hwb";
+      s = C.get.hwb(e), r = "hwb";
       break;
     default:
-      s = A.get.rgb(e), r = "rgb";
+      s = C.get.rgb(e), r = "rgb";
       break;
   }
   return s ? { model: r, value: s } : null;
 };
-A.get.rgb = function(e) {
+C.get.rgb = function(e) {
   if (!e)
     return null;
-  var t = /^#([a-f0-9]{3,4})$/i, s = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i, r = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/, n = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/, i = /^(\w+)$/, o = [0, 0, 0, 1], a, l, h;
+  var t = /^#([a-f0-9]{3,4})$/i, s = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i, r = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/, o = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/, i = /^(\w+)$/, n = [0, 0, 0, 1], a, l, d;
   if (a = e.match(s)) {
-    for (h = a[2], a = a[1], l = 0; l < 3; l++) {
+    for (d = a[2], a = a[1], l = 0; l < 3; l++) {
       var b = l * 2;
-      o[l] = parseInt(a.slice(b, b + 2), 16);
+      n[l] = parseInt(a.slice(b, b + 2), 16);
     }
-    h && (o[3] = parseInt(h, 16) / 255);
+    d && (n[3] = parseInt(d, 16) / 255);
   } else if (a = e.match(t)) {
-    for (a = a[1], h = a[3], l = 0; l < 3; l++)
-      o[l] = parseInt(a[l] + a[l], 16);
-    h && (o[3] = parseInt(h + h, 16) / 255);
+    for (a = a[1], d = a[3], l = 0; l < 3; l++)
+      n[l] = parseInt(a[l] + a[l], 16);
+    d && (n[3] = parseInt(d + d, 16) / 255);
   } else if (a = e.match(r)) {
     for (l = 0; l < 3; l++)
-      o[l] = parseInt(a[l + 1], 0);
-    a[4] && (a[5] ? o[3] = parseFloat(a[4]) * 0.01 : o[3] = parseFloat(a[4]));
-  } else if (a = e.match(n)) {
+      n[l] = parseInt(a[l + 1], 0);
+    a[4] && (a[5] ? n[3] = parseFloat(a[4]) * 0.01 : n[3] = parseFloat(a[4]));
+  } else if (a = e.match(o)) {
     for (l = 0; l < 3; l++)
-      o[l] = Math.round(parseFloat(a[l + 1]) * 2.55);
-    a[4] && (a[5] ? o[3] = parseFloat(a[4]) * 0.01 : o[3] = parseFloat(a[4]));
+      n[l] = Math.round(parseFloat(a[l + 1]) * 2.55);
+    a[4] && (a[5] ? n[3] = parseFloat(a[4]) * 0.01 : n[3] = parseFloat(a[4]));
   } else
-    return (a = e.match(i)) ? a[1] === "transparent" ? [0, 0, 0, 0] : Ve.call(J, a[1]) ? (o = J[a[1]], o[3] = 1, o) : null : null;
+    return (a = e.match(i)) ? a[1] === "transparent" ? [0, 0, 0, 0] : Ve.call(Z, a[1]) ? (n = Z[a[1]], n[3] = 1, n) : null : null;
   for (l = 0; l < 3; l++)
-    o[l] = D(o[l], 0, 255);
-  return o[3] = D(o[3], 0, 1), o;
+    n[l] = R(n[l], 0, 255);
+  return n[3] = R(n[3], 0, 1), n;
 };
-A.get.hsl = function(e) {
+C.get.hsl = function(e) {
   if (!e)
     return null;
   var t = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/, s = e.match(t);
   if (s) {
-    var r = parseFloat(s[4]), n = (parseFloat(s[1]) % 360 + 360) % 360, i = D(parseFloat(s[2]), 0, 100), o = D(parseFloat(s[3]), 0, 100), a = D(isNaN(r) ? 1 : r, 0, 1);
-    return [n, i, o, a];
+    var r = parseFloat(s[4]), o = (parseFloat(s[1]) % 360 + 360) % 360, i = R(parseFloat(s[2]), 0, 100), n = R(parseFloat(s[3]), 0, 100), a = R(isNaN(r) ? 1 : r, 0, 1);
+    return [o, i, n, a];
   }
   return null;
 };
-A.get.hwb = function(e) {
+C.get.hwb = function(e) {
   if (!e)
     return null;
   var t = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/, s = e.match(t);
   if (s) {
-    var r = parseFloat(s[4]), n = (parseFloat(s[1]) % 360 + 360) % 360, i = D(parseFloat(s[2]), 0, 100), o = D(parseFloat(s[3]), 0, 100), a = D(isNaN(r) ? 1 : r, 0, 1);
-    return [n, i, o, a];
+    var r = parseFloat(s[4]), o = (parseFloat(s[1]) % 360 + 360) % 360, i = R(parseFloat(s[2]), 0, 100), n = R(parseFloat(s[3]), 0, 100), a = R(isNaN(r) ? 1 : r, 0, 1);
+    return [o, i, n, a];
   }
   return null;
 };
-A.to.hex = function() {
-  var e = Z(arguments);
-  return "#" + se(e[0]) + se(e[1]) + se(e[2]) + (e[3] < 1 ? se(Math.round(e[3] * 255)) : "");
+C.to.hex = function() {
+  var e = Q(arguments);
+  return "#" + re(e[0]) + re(e[1]) + re(e[2]) + (e[3] < 1 ? re(Math.round(e[3] * 255)) : "");
 };
-A.to.rgb = function() {
-  var e = Z(arguments);
+C.to.rgb = function() {
+  var e = Q(arguments);
   return e.length < 4 || e[3] === 1 ? "rgb(" + Math.round(e[0]) + ", " + Math.round(e[1]) + ", " + Math.round(e[2]) + ")" : "rgba(" + Math.round(e[0]) + ", " + Math.round(e[1]) + ", " + Math.round(e[2]) + ", " + e[3] + ")";
 };
-A.to.rgb.percent = function() {
-  var e = Z(arguments), t = Math.round(e[0] / 255 * 100), s = Math.round(e[1] / 255 * 100), r = Math.round(e[2] / 255 * 100);
+C.to.rgb.percent = function() {
+  var e = Q(arguments), t = Math.round(e[0] / 255 * 100), s = Math.round(e[1] / 255 * 100), r = Math.round(e[2] / 255 * 100);
   return e.length < 4 || e[3] === 1 ? "rgb(" + t + "%, " + s + "%, " + r + "%)" : "rgba(" + t + "%, " + s + "%, " + r + "%, " + e[3] + ")";
 };
-A.to.hsl = function() {
-  var e = Z(arguments);
+C.to.hsl = function() {
+  var e = Q(arguments);
   return e.length < 4 || e[3] === 1 ? "hsl(" + e[0] + ", " + e[1] + "%, " + e[2] + "%)" : "hsla(" + e[0] + ", " + e[1] + "%, " + e[2] + "%, " + e[3] + ")";
 };
-A.to.hwb = function() {
-  var e = Z(arguments), t = "";
+C.to.hwb = function() {
+  var e = Q(arguments), t = "";
   return e.length >= 4 && e[3] !== 1 && (t = ", " + e[3]), "hwb(" + e[0] + ", " + e[1] + "%, " + e[2] + "%" + t + ")";
 };
-A.to.keyword = function(e) {
+C.to.keyword = function(e) {
   return Ue[e.slice(0, 3)];
 };
-function D(e, t, s) {
+function R(e, t, s) {
   return Math.min(Math.max(t, e), s);
 }
-function se(e) {
+function re(e) {
   var t = Math.round(e).toString(16).toUpperCase();
   return t.length < 2 ? "0" + t : t;
 }
-function j() {
+function G() {
 }
-function re(e) {
+function oe(e) {
   return document.createElement(e);
 }
-function m(e, t) {
-  const s = re(e);
-  return Tt(s, t), s;
+function y(e, t) {
+  const s = oe(e);
+  return Dt(s, t), s;
 }
-function B(e, t) {
+function q(e, t) {
   return e.appendChild(t);
 }
-function v(e) {
-  return `${O}-${e}`;
+function _(e) {
+  return `${D}-${e}`;
 }
-function Tt(e, t) {
-  e.className = v(t);
+function Dt(e, t) {
+  e.className = _(t);
 }
-function Ot(e) {
+function Ft(e) {
   return e.endsWith("/") ? e.slice(0, -1) : e;
 }
 function ze(e, t) {
   if (typeof e == "object" && e !== null)
     return e[t];
 }
-function Le() {
+function $e() {
   let e;
   return [new Promise((s) => {
     e = s;
   }), e];
 }
-function Pt(e) {
+function Rt(e) {
   const t = e.room, s = e.displayer;
   return t ? () => t.calibrationTimestamp : s ? () => s.beginTimestamp + s.progressTime : () => Date.now();
 }
@@ -497,41 +503,41 @@ function Be(e) {
   try {
     let t = window.getComputedStyle(e).backgroundColor;
     if (t !== "rgba(0, 0, 0, 0)" && t !== "transparent")
-      return t = Dt(t), console.log("[Slide] guess bg color:", t), t;
+      return t = Vt(t), console.log("[Slide] guess bg color:", t), t;
     if (e.parentElement)
       return Be(e.parentElement);
   } catch {
   }
   return "#ffffff";
 }
-function Dt(e) {
+function Vt(e) {
   const t = pe.get(e);
   if (t && t.model === "rgb") {
-    const s = t.value, n = (((Math.round(s[0]) & 255) << 16) + ((Math.round(s[1]) & 255) << 8) + (Math.round(s[2]) & 255)).toString(16);
-    return "#" + "000000".substring(n.length) + n;
+    const s = t.value, o = (((Math.round(s[0]) & 255) << 16) + ((Math.round(s[1]) & 255) << 8) + (Math.round(s[2]) & 255)).toString(16);
+    return "#" + "000000".substring(o.length) + o;
   } else
     return e;
 }
-function He(e, t) {
-  return `${Ot(t || Fe)}/${e}`;
+function qe(e, t) {
+  return `${Ft(t || Fe)}/${e}`;
 }
-async function Ft({ taskId: e, url: t }) {
-  const s = He(e, t), r = `${s}/preview/1.png`, n = `${s}/jsonOutput/slide-1.json`, i = new Promise((a) => {
+async function Ut({ taskId: e, url: t }) {
+  const s = qe(e, t), r = `${s}/preview/1.png`, o = `${s}/jsonOutput/slide-1.json`, i = new Promise((a) => {
     const l = new Image();
     l.onload = () => a(l), l.onerror = () => a(null), l.src = r;
-  }), o = fetch(n).then((a) => a.json());
-  return { preview: await i, slide: await o };
+  }), n = fetch(o).then((a) => a.json());
+  return { preview: await i, slide: await n };
 }
-function Rt(e) {
+function Bt(e) {
   if (typeof document < "u") {
     const t = () => e(document.visibilityState === "visible");
     return document.addEventListener("visibilitychange", t), () => document.removeEventListener("visibilitychange", t);
   }
-  return j;
+  return G;
 }
-const Vt = `.netless-app-slide-tele-fancy-scrollbar{overscroll-behavior:contain;overflow:auto;overflow-y:scroll;overflow-y:overlay;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-width:auto}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar{height:8px;width:8px}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-track{background-color:transparent}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb{background-color:#444e601a;background-color:transparent;border-radius:4px;transition:background-color .4s}.netless-app-slide-tele-fancy-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#444e601a}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#444e6033}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:active{background-color:#444e6033}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:vertical{min-height:50px}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:horizontal{min-width:50px}.netless-app-slide-content{position:relative;height:100%;overflow:hidden}.netless-app-slide-slide{width:100%;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-mask{display:none;position:absolute;z-index:10200;top:0;left:0;width:100%;height:100%}.netless-app-slide-preview{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:10300;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;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-active .netless-app-slide-preview-mask{display:block}.netless-app-slide-preview-active .netless-app-slide-preview{transform:translate(0)}.netless-app-slide-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;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-page:hover,.netless-app-slide-preview-page.netless-app-slide-preview-page-active{border-color:#444e601a}.netless-app-slide-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-slide-preview-page-name{position:absolute;top:1px;left:-10px;transform:translate(-100%);text-align:right;font-size:12px;color:#5f5f5f;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-overlay{display:flex;align-items:center;justify-content:center;position:absolute;z-index:10100;top:0;left:0;width:100%;height:100%;background:rgba(255,0,0,.25);transition:opacity .3s;opacity:0;pointer-events:none}.netless-app-slide-footer{box-sizing:border-box;height:26px;display:flex;align-items:center;padding:0 16px;border-top:1px solid #eeeef7;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.netless-app-slide-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-slide-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;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-footer-btn:hover{background:rgba(237,237,240,.9)}@media (hover: none){.netless-app-slide-footer-btn:hover{background:transparent!important}}.netless-app-slide-footer-btn>svg{width:100%;height:100%}.netless-app-slide-footer-btn>svg:nth-of-type(2){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(1){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(2){display:initial}.netless-app-slide-footer-btn~.netless-app-slide-footer-btn{margin-left:15px}.netless-app-slide-page-jumps{flex:1;display:flex;justify-content:center;align-items:center}.netless-app-slide-page-number{display:flex;align-items:center;height:26px;margin-left:auto;font-size:13px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;word-break:keep-all;font-variant-numeric:tabular-nums}.netless-app-slide-page-number-input{border:none;outline:none;width:3em;margin:0;padding:0 .5em 0 2px;text-align:right;font-size:13px;line-height:1;font-weight:400;font-family:inherit;border-radius:2px;color:currentColor;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background:transparent;transition:background .4s;font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-page-number-input:hover,.netless-app-slide-page-number-input:focus,.netless-app-slide-page-number-input:active{user-select:text;background:#fff;box-shadow:#63636333 0 2px 8px}.netless-app-slide-readonly .netless-app-slide-footer-btn{cursor:not-allowed}.netless-app-slide-readonly .netless-app-slide-footer-btn:hover{background:transparent}.netless-app-slide-readonly .netless-app-slide-page-number-input{cursor:not-allowed}.netless-app-slide-readonly .netless-app-slide-page-number-input:hover,.netless-app-slide-readonly .netless-app-slide-page-number-input:focus,.netless-app-slide-readonly .netless-app-slide-page-number-input:active{background:transparent;box-shadow:none}.netless-app-slide-readonly .netless-app-slide-page-number-input:disabled{color:inherit}.netless-app-slide-readonly.netless-app-slide-float-footer{display:none}.telebox-color-scheme-dark .netless-app-slide-page-number-input:active,.telebox-color-scheme-dark .netless-app-slide-page-number-input:focus,.telebox-color-scheme-dark .netless-app-slide-page-number-input:hover{color:currentColor;background:#25282e}.telebox-color-scheme-dark .netless-app-slide-footer{border-top:none}.telebox-color-scheme-dark .netless-app-slide-footer-btn:hover{background:#212126}.telebox-color-scheme-dark .netless-app-slide-preview{background:rgba(50,50,50,.9)}.netless-app-slide-preview-wrapper{width:100%;height:100%;overflow:hidden;display:flex;flex-flow:column nowrap}.netless-app-slide-preview-wrapper .netless-app-slide-content{flex:1}.netless-app-slide-preview-wrapper .netless-app-slide-footer{flex-shrink:0}
+const qt = `.netless-app-slide-tele-fancy-scrollbar{overscroll-behavior:contain;overflow:auto;overflow-y:scroll;overflow-y:overlay;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-width:auto}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar{height:8px;width:8px}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-track{background-color:transparent}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb{background-color:#444e601a;background-color:transparent;border-radius:4px;transition:background-color .4s}.netless-app-slide-tele-fancy-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#444e601a}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#444e6033}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:active{background-color:#444e6033}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:vertical{min-height:50px}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:horizontal{min-width:50px}.netless-app-slide-content{position:relative;height:100%;overflow:hidden}.netless-app-slide-slide{width:100%;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-mask{display:none;position:absolute;z-index:10200;top:0;left:0;width:100%;height:100%}.netless-app-slide-preview{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:10300;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;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-active .netless-app-slide-preview-mask{display:block}.netless-app-slide-preview-active .netless-app-slide-preview{transform:translate(0)}.netless-app-slide-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;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-page:hover,.netless-app-slide-preview-page.netless-app-slide-preview-page-active{border-color:#444e601a}.netless-app-slide-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-slide-preview-page-name{position:absolute;top:1px;left:-10px;transform:translate(-100%);text-align:right;font-size:12px;color:#5f5f5f;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-overlay{display:flex;align-items:center;justify-content:center;position:absolute;z-index:10100;top:0;left:0;width:100%;height:100%;padding:10px;box-sizing:border-box;background:rgba(255,0,0,.25);transition:opacity .3s;opacity:0;pointer-events:none}.netless-app-slide-footer{box-sizing:border-box;height:26px;display:flex;align-items:center;padding:0 16px;border-top:1px solid #eeeef7;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.netless-app-slide-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-slide-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;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-footer-btn:hover{background:rgba(237,237,240,.9)}@media (hover: none){.netless-app-slide-footer-btn:hover{background:transparent!important}}.netless-app-slide-footer-btn>svg{width:100%;height:100%}.netless-app-slide-footer-btn>svg:nth-of-type(2){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(1){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(2){display:initial}.netless-app-slide-footer-btn~.netless-app-slide-footer-btn{margin-left:15px}.netless-app-slide-page-jumps{flex:1;display:flex;justify-content:center;align-items:center}.netless-app-slide-page-number{display:flex;align-items:center;height:26px;margin-left:auto;font-size:13px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;word-break:keep-all;font-variant-numeric:tabular-nums}.netless-app-slide-page-number-input{border:none;outline:none;width:3em;margin:0;padding:0 .5em 0 2px;text-align:right;font-size:13px;line-height:1;font-weight:400;border-radius:2px;color:currentColor;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background:transparent;transition:background .4s;font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-page-number-input:hover,.netless-app-slide-page-number-input:focus,.netless-app-slide-page-number-input:active{user-select:text;background:#fff;box-shadow:#63636333 0 2px 8px}.netless-app-slide-readonly .netless-app-slide-footer-btn{cursor:not-allowed}.netless-app-slide-readonly .netless-app-slide-footer-btn:hover{background:transparent}.netless-app-slide-readonly .netless-app-slide-page-number-input{cursor:not-allowed}.netless-app-slide-readonly .netless-app-slide-page-number-input:hover,.netless-app-slide-readonly .netless-app-slide-page-number-input:focus,.netless-app-slide-readonly .netless-app-slide-page-number-input:active{background:transparent;box-shadow:none}.netless-app-slide-readonly .netless-app-slide-page-number-input:disabled{color:inherit}.netless-app-slide-readonly.netless-app-slide-float-footer,.netless-app-slide-wb-view-hidden{display:none}.telebox-color-scheme-dark .netless-app-slide-page-number-input:active,.telebox-color-scheme-dark .netless-app-slide-page-number-input:focus,.telebox-color-scheme-dark .netless-app-slide-page-number-input:hover{color:currentColor;background:#25282e}.telebox-color-scheme-dark .netless-app-slide-footer{border-top:none}.telebox-color-scheme-dark .netless-app-slide-footer-btn:hover{background:#212126}.telebox-color-scheme-dark .netless-app-slide-preview{background:rgba(50,50,50,.9)}.netless-app-slide-preview-wrapper{width:100%;height:100%;overflow:hidden;display:flex;flex-flow:column nowrap}.netless-app-slide-preview-wrapper .netless-app-slide-content{flex:1}.netless-app-slide-preview-wrapper .netless-app-slide-footer{flex-shrink:0}
 `;
-function Ut(e) {
+function Ht(e) {
   const t = "http://www.w3.org/2000/svg", s = document.createElementNS(t, "svg");
   s.setAttribute("class", `${e}-footer-icon-sidebar`), s.setAttribute("viewBox", "0 0 64 64");
   const r = document.createElementNS(t, "path");
@@ -540,7 +546,7 @@ function Ut(e) {
     "M50 8H14c-3.309 0-6 2.691-6 6v36c0 3.309 2.691 6 6 6h36c3.309 0 6-2.691 6-6V14c0-3.309-2.691-6-6-6zM12 50V14c0-1.103.897-2 2-2h8v40h-8c-1.103 0-2-.897-2-2zm40 0c0 1.103-.897 2-2 2H26V12h24c1.103 0 2 .897 2 2z"
   ), s.appendChild(r), s;
 }
-function Bt(e) {
+function jt(e) {
   const t = "http://www.w3.org/2000/svg", s = document.createElementNS(t, "svg");
   s.setAttribute("class", `${e}-footer-icon-arrow-left`), s.setAttribute("viewBox", "0 0 500 500");
   const r = document.createElementNS(t, "path");
@@ -549,7 +555,7 @@ function Bt(e) {
     "M177.81 249.959L337.473 90.295c2.722-2.865 2.651-7.378-.143-10.1-2.793-2.65-7.163-2.65-9.956 0l-164.75 164.75c-2.793 2.793-2.793 7.306 0 10.1l164.75 164.75c2.865 2.722 7.378 2.65 10.099-.143 2.651-2.794 2.651-7.163 0-9.957L177.809 249.959z"
   ), s.appendChild(r), s;
 }
-function Ht(e) {
+function Gt(e) {
   const t = "http://www.w3.org/2000/svg", s = document.createElementNS(t, "svg");
   s.setAttribute("class", `${e}-footer-icon-play`), s.setAttribute("viewBox", "0 0 500 500");
   const r = document.createElementNS(t, "path");
@@ -558,7 +564,7 @@ function Ht(e) {
     "M418.158 257.419L174.663 413.33c-6.017 3.919-15.708 3.772-21.291-.29-2.791-2.018-4.295-4.483-4.295-7.084V94.109c0-5.65 6.883-10.289 15.271-10.289 4.298 0 8.391 1.307 11.181 3.332l242.629 155.484c6.016 3.917 6.451 10.292.649 14.491-.216.154-.432.154-.649.292zM170.621 391.288l223.116-141.301L170.71 107.753l-.089 283.535z"
   ), s.appendChild(r), s;
 }
-function qt(e) {
+function Wt(e) {
   const t = "http://www.w3.org/2000/svg", s = document.createElementNS(t, "svg");
   s.setAttribute("class", `${e}-footer-icon-pause`), s.setAttribute("viewBox", "0 0 500 500");
   const r = document.createElementNS(t, "path");
@@ -567,7 +573,7 @@ function qt(e) {
     "M312.491 78.261c0-6.159 4.893-11.213 11.04-11.213 6.158 0 11.211 5.054 11.211 11.213v343.478c0 6.159-5.053 11.213-11.211 11.213-6.147 0-11.04-5.054-11.04-11.213V78.261zM165.257 78.261c0-6.159 4.893-11.213 11.04-11.213 6.158 0 11.211 5.054 11.211 11.213v343.478c0 6.159-5.053 11.213-11.211 11.213-6.147 0-11.04-5.054-11.04-11.213V78.261z"
   ), s.appendChild(r), s;
 }
-function jt(e) {
+function Jt(e) {
   const t = "http://www.w3.org/2000/svg", s = document.createElementNS(t, "svg");
   s.setAttribute("class", `${e}-footer-icon-arrow-right`), s.setAttribute("viewBox", "0 0 500 500");
   const r = document.createElementNS(t, "path");
@@ -576,7 +582,7 @@ function jt(e) {
     "M322.19 250.041L162.527 409.705c-2.722 2.865-2.651 7.378.143 10.1 2.793 2.65 7.163 2.65 9.956 0l164.75-164.75c2.793-2.793 2.793-7.306 0-10.1l-164.75-164.75c-2.865-2.722-7.378-2.65-10.099.143-2.651 2.794-2.651 7.163 0 9.957l159.664 159.736z"
   ), s.appendChild(r), s;
 }
-function Gt(e) {
+function Xt(e) {
   const t = "http://www.w3.org/2000/svg", s = document.createElementNS(t, "svg");
   s.setAttribute("class", `${e}-footer-icon-save`), s.setAttribute("viewBox", "0 0 448 512");
   const r = document.createElementNS(t, "path");
@@ -585,7 +591,7 @@ function Gt(e) {
     "M224 256c-35.2 0-64 28.8-64 64c0 35.2 28.8 64 64 64c35.2 0 64-28.8 64-64C288 284.8 259.2 256 224 256zM433.1 129.1l-83.9-83.9C341.1 37.06 328.8 32 316.1 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V163.9C448 151.2 442.9 138.9 433.1 129.1zM128 80h144V160H128V80zM400 416c0 8.836-7.164 16-16 16H64c-8.836 0-16-7.164-16-16V96c0-8.838 7.164-16 16-16h16v104c0 13.25 10.75 24 24 24h192C309.3 208 320 197.3 320 184V83.88l78.25 78.25C399.4 163.2 400 164.8 400 166.3V416z"
   ), s.appendChild(r), s;
 }
-function Wt(e) {
+function Zt(e) {
   const t = "http://www.w3.org/2000/svg", s = document.createElementNS(t, "svg");
   s.setAttribute("class", `${e}-footer-icon-spinner`), s.setAttribute("viewBox", "0 0 512 512");
   const r = document.createElementNS(t, "path");
@@ -593,96 +599,96 @@ function Wt(e) {
     "d",
     "M304 48c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zm0 416c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM48 304c26.5 0 48-21.5 48-48s-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48zm464-48c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM142.9 437c18.7-18.7 18.7-49.1 0-67.9s-49.1-18.7-67.9 0s-18.7 49.1 0 67.9s49.1 18.7 67.9 0zm0-294.2c18.7-18.7 18.7-49.1 0-67.9S93.7 56.2 75 75s-18.7 49.1 0 67.9s49.1 18.7 67.9 0zM369.1 437c18.7 18.7 49.1 18.7 67.9 0s18.7-49.1 0-67.9s-49.1-18.7-67.9 0s-18.7 49.1 0 67.9z"
   );
-  const n = document.createElementNS(t, "animateTransform");
-  n.setAttribute("attributeName", "transform"), n.setAttribute("attributeType", "xml"), n.setAttribute("type", "rotate"), n.setAttribute("from", "0 256 256"), n.setAttribute("to", "360 256 256"), n.setAttribute("begin", "0s"), n.setAttribute("dur", "2s"), n.setAttribute("fill", "freeze"), n.setAttribute("repeatCount", "indefinite"), r.appendChild(n);
+  const o = document.createElementNS(t, "animateTransform");
+  o.setAttribute("attributeName", "transform"), o.setAttribute("attributeType", "xml"), o.setAttribute("type", "rotate"), o.setAttribute("from", "0 256 256"), o.setAttribute("to", "360 256 256"), o.setAttribute("begin", "0s"), o.setAttribute("dur", "2s"), o.setAttribute("fill", "freeze"), o.setAttribute("repeatCount", "indefinite"), r.appendChild(o);
   const i = document.createElementNS(t, "text");
   return i.setAttribute("x", "125"), i.setAttribute("y", "345"), i.setAttribute("data-id", "progress"), i.style.fontSize = "246px", i.textContent = "20", s.appendChild(i), s.appendChild(r), s;
 }
-function Xt() {
-  let e = j;
-  const t = (p) => {
-    e = p;
+function Kt() {
+  let e = G;
+  const t = (h) => {
+    e = h;
   };
-  let s = j;
-  const r = (p) => {
-    s = p;
+  let s = G;
+  const r = (h) => {
+    s = h;
   };
-  let n = j;
-  const i = (p) => {
-    n = p;
+  let o = G;
+  const i = (h) => {
+    o = h;
   };
-  let o = !1, a = !1, l = 0, h = 0;
-  const b = m("div", "footer"), c = m("button", "btn-sidebar");
-  c.classList.add(v("footer-btn")), c.appendChild(Ut(O)), c.onclick = function() {
-    o || s();
-  }, c.style.display = "none", b.appendChild(c);
-  const d = m("div", "page-jumps"), f = m("button", "btn-page-back");
-  f.classList.add(v("footer-btn")), f.appendChild(Bt(O)), f.onclick = function() {
-    o || e(l - 1);
-  }, d.appendChild(f);
-  const u = m("button", "btn-page-play");
-  u.classList.add(v("footer-btn")), u.appendChild(Ht(O)), u.appendChild(qt(O));
-  let k = 0;
-  u.onclick = function() {
-    o || (u.classList.add(v("footer-btn-playing")), n(), clearTimeout(k), k = window.setTimeout(() => {
-      u.classList.remove(v("footer-btn-playing"));
+  let n = !1, a = !1, l = 0, d = 0;
+  const b = y("div", "footer"), g = y("button", "btn-sidebar");
+  g.classList.add(_("footer-btn")), g.appendChild(Ht(D)), g.onclick = function() {
+    n || s();
+  }, g.style.display = "none", b.appendChild(g);
+  const m = y("div", "page-jumps"), c = y("button", "btn-page-back");
+  c.classList.add(_("footer-btn")), c.appendChild(jt(D)), c.onclick = function() {
+    n || e(l - 1);
+  }, m.appendChild(c);
+  const f = y("button", "btn-page-play");
+  f.classList.add(_("footer-btn")), f.appendChild(Gt(D)), f.appendChild(Wt(D));
+  let E = 0;
+  f.onclick = function() {
+    n || (f.classList.add(_("footer-btn-playing")), o(), clearTimeout(E), E = window.setTimeout(() => {
+      f.classList.remove(_("footer-btn-playing"));
     }, 500));
-  }, d.appendChild(u);
-  const S = m("button", "btn-page-next");
-  S.classList.add(v("footer-btn")), S.appendChild(jt(O)), S.onclick = function() {
-    o || e(l + 1);
-  }, d.appendChild(S);
-  const N = m("div", "page-number"), I = m("input", "page-number-input");
-  I.value = String(l + 1), I.onchange = function() {
-    o || I.value && e(Number(I.value) - 1);
+  }, m.appendChild(f);
+  const $ = y("button", "btn-page-next");
+  $.classList.add(_("footer-btn")), $.appendChild(Jt(D)), $.onclick = function() {
+    n || e(l + 1);
+  }, m.appendChild($);
+  const A = y("div", "page-number"), v = y("input", "page-number-input");
+  v.value = String(l + 1), v.onchange = function() {
+    n || v.value && e(Number(v.value) - 1);
   };
-  const g = m("span", "total-page");
-  g.textContent = " / ", N.appendChild(I), N.appendChild(g), b.appendChild(d), b.appendChild(N);
-  const w = v("readonly");
-  let z = j;
-  const L = (p) => {
-    z = p;
-  }, C = (p) => {
-    if (p < 99) {
-      _.style.display = "block", x.style.display = "none";
-      const te = _.querySelector("[data-id]");
-      te && (te.textContent = p.toString().padStart(2, "0"));
+  const p = y("span", "total-page");
+  p.textContent = " / ", A.appendChild(v), A.appendChild(p), b.appendChild(m), b.appendChild(A);
+  const w = _("readonly");
+  let k = G;
+  const S = (h) => {
+    k = h;
+  }, I = (h) => {
+    if (h < 99) {
+      z.style.display = "block", M.style.display = "none";
+      const se = z.querySelector("[data-id]");
+      se && (se.textContent = h.toString().padStart(2, "0"));
     } else
-      _.style.display = "none", x.style.display = "block";
-  }, x = Gt(O), _ = Wt(O);
-  _.style.display = "none";
-  const $ = m("button", "footer-btn");
-  $.appendChild(x), $.onclick = function() {
-    z(C);
-  }, $.appendChild(_);
-  function y(p) {
-    o !== p && (o = p, b.classList.toggle(w, o), I.disabled = o);
+      z.style.display = "none", M.style.display = "block";
+  }, M = Xt(D), z = Zt(D);
+  z.style.display = "none";
+  const T = y("button", "footer-btn");
+  T.appendChild(M), T.onclick = function() {
+    k(I);
+  }, T.appendChild(z);
+  function P(h) {
+    n !== h && (n = h, b.classList.toggle(w, n), v.disabled = n);
   }
-  function U(p) {
-    a !== p && (a = p, c.style.display = a ? "" : "none");
+  function vt(h) {
+    a !== h && (a = h, g.style.display = a ? "" : "none");
   }
-  function ce(p, te = !1) {
-    (te || l !== p) && (l = p, I.value = String(l + 1));
+  function wt(h, se = !1) {
+    (se || l !== h) && (l = h, v.value = String(l + 1));
   }
-  function wt(p) {
-    h !== p && (h = p, g.textContent = ` / ${h}`);
+  function _t(h) {
+    d !== h && (d = h, p.textContent = ` / ${d}`);
   }
   return {
     $footer: b,
-    $pageNumberInput: I,
-    set_readonly: y,
-    set_sidebar: U,
-    set_page_index: ce,
-    set_page_count: wt,
+    $pageNumberInput: v,
+    set_readonly: P,
+    set_sidebar: vt,
+    set_page_index: wt,
+    set_page_count: _t,
     on_new_page_index: t,
     on_toggle_preview: r,
     on_play: i,
-    on_save_to_pdf: L
+    on_save_to_pdf: S
   };
 }
-const R = typeof window < "u", qe = R && !("onscroll" in window) || typeof navigator < "u" && /(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent), je = R && "IntersectionObserver" in window, Ge = R && "classList" in document.createElement("p"), We = R && window.devicePixelRatio > 1, Jt = {
+const U = typeof window < "u", He = U && !("onscroll" in window) || typeof navigator < "u" && /(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent), je = U && "IntersectionObserver" in window, Ge = U && "classList" in document.createElement("p"), We = U && window.devicePixelRatio > 1, Qt = {
   elements_selector: ".lazy",
-  container: qe || R ? document : null,
+  container: He || U ? document : null,
   threshold: 300,
   thresholds: null,
   data_src: "src",
@@ -713,30 +719,30 @@ const R = typeof window < "u", qe = R && !("onscroll" in window) || typeof navig
   callback_cancel: null,
   use_native: !1,
   restore_on_error: !1
-}, Xe = (e) => Object.assign({}, Jt, e), $e = function(e, t) {
+}, Je = (e) => Object.assign({}, Qt, e), Le = function(e, t) {
   let s;
-  const r = "LazyLoad::Initialized", n = new e(t);
+  const r = "LazyLoad::Initialized", o = new e(t);
   try {
-    s = new CustomEvent(r, { detail: { instance: n } });
+    s = new CustomEvent(r, { detail: { instance: o } });
   } catch {
-    s = document.createEvent("CustomEvent"), s.initCustomEvent(r, !1, !1, { instance: n });
+    s = document.createEvent("CustomEvent"), s.initCustomEvent(r, !1, !1, { instance: o });
   }
   window.dispatchEvent(s);
 }, Yt = (e, t) => {
   if (t)
     if (!t.length)
-      $e(e, t);
+      Le(e, t);
     else
       for (let s = 0, r; r = t[s]; s += 1)
-        $e(e, r);
-}, T = "src", ge = "srcset", be = "sizes", Je = "poster", K = "llOriginalAttrs", Ye = "data", me = "loading", Ze = "loaded", Ke = "applied", Zt = "entered", ve = "error", Qe = "native", et = "data-", tt = "ll-status", E = (e, t) => e.getAttribute(et + t), Kt = (e, t, s) => {
+        Le(e, r);
+}, O = "src", ge = "srcset", be = "sizes", Xe = "poster", Y = "llOriginalAttrs", Ze = "data", me = "loading", Ke = "loaded", Qe = "applied", es = "entered", ve = "error", Ye = "native", et = "data-", tt = "ll-status", x = (e, t) => e.getAttribute(et + t), ts = (e, t, s) => {
   var r = et + t;
   if (s === null) {
     e.removeAttribute(r);
     return;
   }
   e.setAttribute(r, s);
-}, Q = (e) => E(e, tt), q = (e, t) => Kt(e, tt, t), ne = (e) => q(e, null), we = (e) => Q(e) === null, Qt = (e) => Q(e) === me, es = (e) => Q(e) === ve, _e = (e) => Q(e) === Qe, ts = [me, Ze, Ke, ve], ss = (e) => ts.indexOf(Q(e)) >= 0, V = (e, t, s, r) => {
+}, ee = (e) => x(e, tt), j = (e, t) => ts(e, tt, t), ae = (e) => j(e, null), we = (e) => ee(e) === null, ss = (e) => ee(e) === me, rs = (e) => ee(e) === ve, _e = (e) => ee(e) === Ye, os = [me, Ke, Qe, ve], ns = (e) => os.indexOf(ee(e)) >= 0, B = (e, t, s, r) => {
   if (e) {
     if (r !== void 0) {
       e(t, s, r);
@@ -748,38 +754,38 @@ const R = typeof window < "u", qe = R && !("onscroll" in window) || typeof navig
     }
     e(t);
   }
-}, X = (e, t) => {
+}, J = (e, t) => {
   if (Ge) {
     e.classList.add(t);
     return;
   }
   e.className += (e.className ? " " : "") + t;
-}, M = (e, t) => {
+}, L = (e, t) => {
   if (Ge) {
     e.classList.remove(t);
     return;
   }
   e.className = e.className.replace(new RegExp("(^|\\s+)" + t + "(\\s+|$)"), " ").replace(/^\s+/, "").replace(/\s+$/, "");
-}, rs = (e) => {
+}, as = (e) => {
   e.llTempImage = document.createElement("IMG");
-}, os = (e) => {
+}, is = (e) => {
   delete e.llTempImage;
 }, st = (e) => e.llTempImage, ie = (e, t) => {
   if (!t)
     return;
   const s = t._observer;
   s && s.unobserve(e);
-}, ns = (e) => {
+}, ls = (e) => {
   e.disconnect();
-}, is = (e, t, s) => {
+}, cs = (e, t, s) => {
   t.unobserve_entered && ie(e, s);
 }, ye = (e, t) => {
   e && (e.loadingCount += t);
-}, as = (e) => {
+}, ds = (e) => {
   e && (e.toLoadCount -= 1);
 }, rt = (e, t) => {
   e && (e.toLoadCount = t);
-}, ls = (e) => e.loadingCount > 0, cs = (e) => e.toLoadCount > 0, ot = (e) => {
+}, us = (e) => e.loadingCount > 0, ps = (e) => e.toLoadCount > 0, ot = (e) => {
   let t = [];
   for (let s = 0, r; r = e.children[s]; s += 1)
     r.tagName === "SOURCE" && t.push(r);
@@ -791,84 +797,84 @@ const R = typeof window < "u", qe = R && !("onscroll" in window) || typeof navig
   ot(s).forEach(t);
 }, nt = (e, t) => {
   ot(e).forEach(t);
-}, ae = [T], it = [T, Je], Y = [T, ge, be], at = [Ye], le = (e) => !!e[K], lt = (e) => e[K], ct = (e) => delete e[K], G = (e, t) => {
-  if (le(e))
+}, le = [O], at = [O, Xe], K = [O, ge, be], it = [Ze], ce = (e) => !!e[Y], lt = (e) => e[Y], ct = (e) => delete e[Y], W = (e, t) => {
+  if (ce(e))
     return;
   const s = {};
   t.forEach((r) => {
     s[r] = e.getAttribute(r);
-  }), e[K] = s;
-}, ds = (e) => {
-  le(e) || (e[K] = { backgroundImage: e.style.backgroundImage });
-}, us = (e, t, s) => {
+  }), e[Y] = s;
+}, hs = (e) => {
+  ce(e) || (e[Y] = { backgroundImage: e.style.backgroundImage });
+}, fs = (e, t, s) => {
   if (!s) {
     e.removeAttribute(t);
     return;
   }
   e.setAttribute(t, s);
 }, H = (e, t) => {
-  if (!le(e))
+  if (!ce(e))
     return;
   const s = lt(e);
   t.forEach((r) => {
-    us(e, r, s[r]);
+    fs(e, r, s[r]);
   });
-}, ps = (e) => {
-  if (!le(e))
+}, gs = (e) => {
+  if (!ce(e))
     return;
   const t = lt(e);
   e.style.backgroundImage = t.backgroundImage;
 }, dt = (e, t, s) => {
-  X(e, t.class_applied), q(e, Ke), s && (t.unobserve_completed && ie(e, t), V(t.callback_applied, e, s));
+  J(e, t.class_applied), j(e, Qe), s && (t.unobserve_completed && ie(e, t), B(t.callback_applied, e, s));
 }, ut = (e, t, s) => {
-  X(e, t.class_loading), q(e, me), s && (ye(s, 1), V(t.callback_loading, e, s));
-}, F = (e, t, s) => {
+  J(e, t.class_loading), j(e, me), s && (ye(s, 1), B(t.callback_loading, e, s));
+}, V = (e, t, s) => {
   s && e.setAttribute(t, s);
 }, Me = (e, t) => {
-  F(e, be, E(e, t.data_sizes)), F(e, ge, E(e, t.data_srcset)), F(e, T, E(e, t.data_src));
-}, hs = (e, t) => {
+  V(e, be, x(e, t.data_sizes)), V(e, ge, x(e, t.data_srcset)), V(e, O, x(e, t.data_src));
+}, bs = (e, t) => {
   ke(e, (s) => {
-    G(s, Y), Me(s, t);
-  }), G(e, Y), Me(e, t);
-}, fs = (e, t) => {
-  G(e, ae), F(e, T, E(e, t.data_src));
-}, gs = (e, t) => {
+    W(s, K), Me(s, t);
+  }), W(e, K), Me(e, t);
+}, ms = (e, t) => {
+  W(e, le), V(e, O, x(e, t.data_src));
+}, vs = (e, t) => {
   nt(e, (s) => {
-    G(s, ae), F(s, T, E(s, t.data_src));
-  }), G(e, it), F(e, Je, E(e, t.data_poster)), F(e, T, E(e, t.data_src)), e.load();
-}, bs = (e, t) => {
-  G(e, at), F(e, Ye, E(e, t.data_src));
-}, ms = (e, t, s) => {
-  const r = E(e, t.data_bg), n = E(e, t.data_bg_hidpi), i = We && n ? n : r;
-  i && (e.style.backgroundImage = `url("${i}")`, st(e).setAttribute(T, i), ut(e, t, s));
-}, vs = (e, t, s) => {
-  const r = E(e, t.data_bg_multi), n = E(e, t.data_bg_multi_hidpi), i = We && n ? n : r;
+    W(s, le), V(s, O, x(s, t.data_src));
+  }), W(e, at), V(e, Xe, x(e, t.data_poster)), V(e, O, x(e, t.data_src)), e.load();
+}, ws = (e, t) => {
+  W(e, it), V(e, Ze, x(e, t.data_src));
+}, _s = (e, t, s) => {
+  const r = x(e, t.data_bg), o = x(e, t.data_bg_hidpi), i = We && o ? o : r;
+  i && (e.style.backgroundImage = `url("${i}")`, st(e).setAttribute(O, i), ut(e, t, s));
+}, ys = (e, t, s) => {
+  const r = x(e, t.data_bg_multi), o = x(e, t.data_bg_multi_hidpi), i = We && o ? o : r;
   i && (e.style.backgroundImage = i, dt(e, t, s));
-}, ws = (e, t, s) => {
-  const r = E(e, t.data_bg_set);
+}, ks = (e, t, s) => {
+  const r = x(e, t.data_bg_set);
   if (!r)
     return;
-  const n = r.split("|");
-  let i = n.map((o) => `image-set(${o})`);
-  e.style.backgroundImage = i.join(), e.style.backgroundImage === "" && (i = n.map((o) => `-webkit-image-set(${o})`), e.style.backgroundImage = i.join()), dt(e, t, s);
+  const o = r.split("|");
+  let i = o.map((n) => `image-set(${n})`);
+  e.style.backgroundImage = i.join(), e.style.backgroundImage === "" && (i = o.map((n) => `-webkit-image-set(${n})`), e.style.backgroundImage = i.join()), dt(e, t, s);
 }, pt = {
-  IMG: hs,
-  IFRAME: fs,
-  VIDEO: gs,
-  OBJECT: bs
-}, _s = (e, t) => {
+  IMG: bs,
+  IFRAME: ms,
+  VIDEO: vs,
+  OBJECT: ws
+}, Ss = (e, t) => {
   const s = pt[e.tagName];
   s && s(e, t);
-}, ys = (e, t, s) => {
+}, xs = (e, t, s) => {
   const r = pt[e.tagName];
   r && (r(e, t), ut(e, t, s));
-}, ks = ["IMG", "IFRAME", "VIDEO", "OBJECT"], Ss = (e) => ks.indexOf(e.tagName) > -1, ht = (e, t) => {
-  t && !ls(t) && !cs(t) && V(e.callback_finish, t);
+}, Es = ["IMG", "IFRAME", "VIDEO", "OBJECT"], Cs = (e) => Es.indexOf(e.tagName) > -1, ht = (e, t) => {
+  t && !us(t) && !ps(t) && B(e.callback_finish, t);
 }, Ne = (e, t, s) => {
   e.addEventListener(t, s), e.llEvLisnrs[t] = s;
-}, xs = (e, t, s) => {
+}, As = (e, t, s) => {
   e.removeEventListener(t, s);
-}, Se = (e) => !!e.llEvLisnrs, Es = (e, t, s) => {
+}, Se = (e) => !!e.llEvLisnrs, Is = (e, t, s) => {
   Se(e) || (e.llEvLisnrs = {});
   const r = e.tagName === "VIDEO" ? "loadeddata" : "load";
   Ne(e, r, t), Ne(e, "error", s);
@@ -878,320 +884,338 @@ const R = typeof window < "u", qe = R && !("onscroll" in window) || typeof navig
   const t = e.llEvLisnrs;
   for (let s in t) {
     const r = t[s];
-    xs(e, s, r);
+    As(e, s, r);
   }
   delete e.llEvLisnrs;
 }, ft = (e, t, s) => {
-  os(e), ye(s, -1), as(s), M(e, t.class_loading), t.unobserve_completed && ie(e, s);
-}, Cs = (e, t, s, r) => {
-  const n = _e(t);
-  ft(t, s, r), X(t, s.class_loaded), q(t, Ze), V(s.callback_loaded, t, r), n || ht(s, r);
-}, As = (e, t, s, r) => {
-  const n = _e(t);
-  ft(t, s, r), X(t, s.class_error), q(t, ve), V(s.callback_error, t, r), s.restore_on_error && H(t, Y), n || ht(s, r);
+  is(e), ye(s, -1), ds(s), L(e, t.class_loading), t.unobserve_completed && ie(e, s);
+}, zs = (e, t, s, r) => {
+  const o = _e(t);
+  ft(t, s, r), J(t, s.class_loaded), j(t, Ke), B(s.callback_loaded, t, r), o || ht(s, r);
+}, $s = (e, t, s, r) => {
+  const o = _e(t);
+  ft(t, s, r), J(t, s.class_error), j(t, ve), B(s.callback_error, t, r), s.restore_on_error && H(t, K), o || ht(s, r);
 }, xe = (e, t, s) => {
   const r = st(e) || e;
   if (Se(r))
     return;
-  Es(r, (o) => {
-    Cs(o, e, t, s), fe(r);
-  }, (o) => {
-    As(o, e, t, s), fe(r);
+  Is(r, (n) => {
+    zs(n, e, t, s), fe(r);
+  }, (n) => {
+    $s(n, e, t, s), fe(r);
   });
-}, Is = (e, t, s) => {
-  rs(e), xe(e, t, s), ds(e), ms(e, t, s), vs(e, t, s), ws(e, t, s);
-}, zs = (e, t, s) => {
-  xe(e, t, s), ys(e, t, s);
-}, Ee = (e, t, s) => {
-  Ss(e) ? zs(e, t, s) : Is(e, t, s);
 }, Ls = (e, t, s) => {
-  e.setAttribute("loading", "lazy"), xe(e, t, s), _s(e, t), q(e, Qe);
-}, Te = (e) => {
-  e.removeAttribute(T), e.removeAttribute(ge), e.removeAttribute(be);
-}, $s = (e) => {
+  as(e), xe(e, t, s), hs(e), _s(e, t, s), ys(e, t, s), ks(e, t, s);
+}, Ms = (e, t, s) => {
+  xe(e, t, s), xs(e, t, s);
+}, Ee = (e, t, s) => {
+  Cs(e) ? Ms(e, t, s) : Ls(e, t, s);
+}, Ns = (e, t, s) => {
+  e.setAttribute("loading", "lazy"), xe(e, t, s), Ss(e, t), j(e, Ye);
+}, Oe = (e) => {
+  e.removeAttribute(O), e.removeAttribute(ge), e.removeAttribute(be);
+}, Os = (e) => {
   ke(e, (t) => {
-    Te(t);
-  }), Te(e);
+    Oe(t);
+  }), Oe(e);
 }, gt = (e) => {
   ke(e, (t) => {
-    H(t, Y);
-  }), H(e, Y);
-}, Ms = (e) => {
-  nt(e, (t) => {
-    H(t, ae);
-  }), H(e, it), e.load();
-}, Ns = (e) => {
-  H(e, ae);
+    H(t, K);
+  }), H(e, K);
 }, Ts = (e) => {
-  H(e, at);
-}, Os = {
-  IMG: gt,
-  IFRAME: Ns,
-  VIDEO: Ms,
-  OBJECT: Ts
+  nt(e, (t) => {
+    H(t, le);
+  }), H(e, at), e.load();
 }, Ps = (e) => {
-  const t = Os[e.tagName];
+  H(e, le);
+}, Ds = (e) => {
+  H(e, it);
+}, Fs = {
+  IMG: gt,
+  IFRAME: Ps,
+  VIDEO: Ts,
+  OBJECT: Ds
+}, Rs = (e) => {
+  const t = Fs[e.tagName];
   if (!t) {
-    ps(e);
+    gs(e);
     return;
   }
   t(e);
-}, Ds = (e, t) => {
-  we(e) || _e(e) || (M(e, t.class_entered), M(e, t.class_exited), M(e, t.class_applied), M(e, t.class_loading), M(e, t.class_loaded), M(e, t.class_error));
-}, Fs = (e, t) => {
-  Ps(e), Ds(e, t), ne(e), ct(e);
-}, Rs = (e, t, s, r) => {
-  s.cancel_on_exit && Qt(e) && e.tagName === "IMG" && (fe(e), $s(e), gt(e), M(e, s.class_loading), ye(r, -1), ne(e), V(s.callback_cancel, e, t, r));
-}, Vs = (e, t, s, r) => {
-  const n = ss(e);
-  q(e, Zt), X(e, s.class_entered), M(e, s.class_exited), is(e, s, r), V(s.callback_enter, e, t, r), !n && Ee(e, s, r);
-}, Us = (e, t, s, r) => {
-  we(e) || (X(e, s.class_exited), Rs(e, t, s, r), V(s.callback_exit, e, t, r));
-}, Bs = ["IMG", "IFRAME", "VIDEO"], bt = (e) => e.use_native && "loading" in HTMLImageElement.prototype, Hs = (e, t, s) => {
+}, Vs = (e, t) => {
+  we(e) || _e(e) || (L(e, t.class_entered), L(e, t.class_exited), L(e, t.class_applied), L(e, t.class_loading), L(e, t.class_loaded), L(e, t.class_error));
+}, Us = (e, t) => {
+  Rs(e), Vs(e, t), ae(e), ct(e);
+}, Bs = (e, t, s, r) => {
+  s.cancel_on_exit && ss(e) && e.tagName === "IMG" && (fe(e), Os(e), gt(e), L(e, s.class_loading), ye(r, -1), ae(e), B(s.callback_cancel, e, t, r));
+}, qs = (e, t, s, r) => {
+  const o = ns(e);
+  j(e, es), J(e, s.class_entered), L(e, s.class_exited), cs(e, s, r), B(s.callback_enter, e, t, r), !o && Ee(e, s, r);
+}, Hs = (e, t, s, r) => {
+  we(e) || (J(e, s.class_exited), Bs(e, t, s, r), B(s.callback_exit, e, t, r));
+}, js = ["IMG", "IFRAME", "VIDEO"], bt = (e) => e.use_native && "loading" in HTMLImageElement.prototype, Gs = (e, t, s) => {
   e.forEach((r) => {
-    Bs.indexOf(r.tagName) !== -1 && Ls(r, t, s);
+    js.indexOf(r.tagName) !== -1 && Ns(r, t, s);
   }), rt(s, 0);
-}, qs = (e) => e.isIntersecting || e.intersectionRatio > 0, js = (e) => ({
+}, Ws = (e) => e.isIntersecting || e.intersectionRatio > 0, Js = (e) => ({
   root: e.container === document ? null : e.container,
   rootMargin: e.thresholds || e.threshold + "px"
-}), Gs = (e, t, s) => {
+}), Xs = (e, t, s) => {
   e.forEach(
-    (r) => qs(r) ? Vs(r.target, r, t, s) : Us(r.target, r, t, s)
+    (r) => Ws(r) ? qs(r.target, r, t, s) : Hs(r.target, r, t, s)
   );
-}, Ws = (e, t) => {
+}, Zs = (e, t) => {
   t.forEach((s) => {
     e.observe(s);
   });
-}, Xs = (e, t) => {
-  ns(e), Ws(e, t);
-}, Js = (e, t) => {
+}, Ks = (e, t) => {
+  ls(e), Zs(e, t);
+}, Qs = (e, t) => {
   !je || bt(e) || (t._observer = new IntersectionObserver((s) => {
-    Gs(s, e, t);
-  }, js(e)));
-}, mt = (e) => Array.prototype.slice.call(e), oe = (e) => e.container.querySelectorAll(e.elements_selector), Ys = (e) => mt(e).filter(we), Zs = (e) => es(e), Ks = (e) => mt(e).filter(Zs), Oe = (e, t) => Ys(e || oe(t)), Qs = (e, t) => {
-  Ks(oe(e)).forEach((r) => {
-    M(r, e.class_error), ne(r);
+    Xs(s, e, t);
+  }, Js(e)));
+}, mt = (e) => Array.prototype.slice.call(e), ne = (e) => e.container.querySelectorAll(e.elements_selector), Ys = (e) => mt(e).filter(we), er = (e) => rs(e), tr = (e) => mt(e).filter(er), Te = (e, t) => Ys(e || ne(t)), sr = (e, t) => {
+  tr(ne(e)).forEach((r) => {
+    L(r, e.class_error), ae(r);
   }), t.update();
-}, er = (e, t) => {
-  R && (t._onlineHandler = () => {
-    Qs(e, t);
+}, rr = (e, t) => {
+  U && (t._onlineHandler = () => {
+    sr(e, t);
   }, window.addEventListener("online", t._onlineHandler));
-}, tr = (e) => {
-  R && window.removeEventListener("online", e._onlineHandler);
-}, ee = function(e, t) {
-  const s = Xe(e);
-  this._settings = s, this.loadingCount = 0, Js(s, this), er(s, this), this.update(t);
+}, or = (e) => {
+  U && window.removeEventListener("online", e._onlineHandler);
+}, te = function(e, t) {
+  const s = Je(e);
+  this._settings = s, this.loadingCount = 0, Qs(s, this), rr(s, this), this.update(t);
 };
-ee.prototype = {
+te.prototype = {
   update: function(e) {
-    const t = this._settings, s = Oe(e, t);
-    if (rt(this, s.length), qe || !je) {
+    const t = this._settings, s = Te(e, t);
+    if (rt(this, s.length), He || !je) {
       this.loadAll(s);
       return;
     }
     if (bt(t)) {
-      Hs(s, t, this);
+      Gs(s, t, this);
       return;
     }
-    Xs(this._observer, s);
+    Ks(this._observer, s);
   },
   destroy: function() {
-    this._observer && this._observer.disconnect(), tr(this), oe(this._settings).forEach((e) => {
+    this._observer && this._observer.disconnect(), or(this), ne(this._settings).forEach((e) => {
       ct(e);
     }), delete this._observer, delete this._settings, delete this._onlineHandler, delete this.loadingCount, delete this.toLoadCount;
   },
   loadAll: function(e) {
     const t = this._settings;
-    Oe(e, t).forEach((r) => {
+    Te(e, t).forEach((r) => {
       ie(r, this), Ee(r, t, this);
     });
   },
   restoreAll: function() {
     const e = this._settings;
-    oe(e).forEach((t) => {
-      Fs(t, e);
+    ne(e).forEach((t) => {
+      Us(t, e);
     });
   }
 };
-ee.load = (e, t) => {
-  const s = Xe(t);
+te.load = (e, t) => {
+  const s = Je(t);
   Ee(e, s);
 };
-ee.resetStatus = (e) => {
-  ne(e);
+te.resetStatus = (e) => {
+  ae(e);
 };
-R && Yt(ee, window.lazyLoadOptions);
-function sr() {
-  let e = j;
-  const t = (g) => {
-    e = g;
+U && Yt(te, window.lazyLoadOptions);
+function nr() {
+  let e = G;
+  const t = (p) => {
+    e = p;
   };
-  let s = !1, r = !1, n = !1, i = [], o = 0;
-  const a = v("readonly"), l = v("preview-active"), h = m("div", "content"), b = m("div", "preview-mask");
+  let s = !1, r = !1, o = !1, i = [], n = 0;
+  const a = _("readonly"), l = _("preview-active"), d = y("div", "content"), b = y("div", "preview-mask");
   b.onclick = function(w) {
-    r || w.target === b && u(!1);
-  }, B(h, b);
-  const c = m("div", "preview");
-  c.classList.add(v("tele-fancy-scrollbar")), c.onclick = function(w) {
-    var L;
+    r || w.target === b && f(!1);
+  }, q(d, b);
+  const g = y("div", "preview");
+  g.classList.add(_("tele-fancy-scrollbar")), g.onclick = function(w) {
+    var S;
     if (r)
       return;
-    const z = (L = w.target.dataset) == null ? void 0 : L.pageIndex;
-    z && (w.preventDefault(), w.stopPropagation(), w.stopImmediatePropagation(), e(Number(z)), u(!1));
-  }, B(h, c);
-  let d;
-  function f(g) {
-    r !== g && (r = g, h.classList.toggle(a, r));
-  }
-  function u(g) {
-    n !== g && (n = g, h.classList.toggle(l, n), n && !d && (d = new ee({
-      container: c,
-      elements_selector: `.${v("preview-page>img")}`
+    const k = (S = w.target.dataset) == null ? void 0 : S.pageIndex;
+    k && (w.preventDefault(), w.stopPropagation(), w.stopImmediatePropagation(), e(Number(k)), f(!1));
+  }, q(d, g);
+  let m;
+  function c(p) {
+    r !== p && (r = p, d.classList.toggle(a, r));
+  }
+  function f(p) {
+    o !== p && (o = p, d.classList.toggle(l, o), o && !m && (m = new te({
+      container: g,
+      elements_selector: `.${_("preview-page>img")}`
     })));
   }
-  function k(g) {
-    if (i !== g) {
-      i = g;
-      const w = v("preview-page"), z = v("preview-page-name");
-      i.forEach((L, C) => {
-        const x = String(C), _ = re("a");
-        _.className = w + " " + v(`preview-page-${C}`), _.href = "#", _.dataset.pageIndex = x;
-        const $ = re("span");
-        $.className = z, $.textContent = String(C + 1), $.dataset.pageIndex = x;
-        const y = re("img");
-        y.width = L.width, y.height = L.height, y.alt = `page-${C}`, y.dataset.src = L.thumbnail, y.dataset.pageIndex = x, B(_, y), B(_, $), B(c, _);
-      }), s || d == null || d.update();
+  function E(p) {
+    if (i !== p) {
+      i = p;
+      const w = _("preview-page"), k = _("preview-page-name");
+      i.forEach((S, I) => {
+        const M = String(I), z = oe("a");
+        z.className = w + " " + _(`preview-page-${I}`), z.href = "#", z.dataset.pageIndex = M;
+        const T = oe("span");
+        T.className = k, T.textContent = String(I + 1), T.dataset.pageIndex = M;
+        const P = oe("img");
+        P.width = S.width, P.height = S.height, P.alt = `page-${I}`, P.dataset.src = S.thumbnail, P.dataset.pageIndex = M, q(z, P), q(z, T), q(g, z);
+      }), s || m == null || m.update();
     }
   }
-  function S(g, w = !1) {
-    if (w || o !== g) {
-      o = g;
-      const z = c.querySelector(
-        `.${v(`preview-page-${o}`)}`
+  function $(p, w = !1) {
+    if (w || n !== p) {
+      n = p;
+      const k = g.querySelector(
+        `.${_(`preview-page-${n}`)}`
       );
-      z && c.scrollTo({ top: z.offsetTop - 16 });
+      k && g.scrollTo({ top: k.offsetTop - 16 });
     }
   }
-  function N() {
-    s = !0, d == null || d.destroy();
+  function A() {
+    s = !0, m == null || m.destroy();
   }
-  function I() {
-    return n;
+  function v() {
+    return o;
   }
   return {
-    $content: h,
-    $preview: c,
-    set_readonly: f,
-    set_active: u,
-    get_active: I,
-    set_pages: k,
+    $content: d,
+    $preview: g,
+    set_readonly: c,
+    set_active: f,
+    get_active: v,
+    set_pages: E,
     on_new_page_index: t,
-    set_page_index: S,
-    destroy: N
+    set_page_index: $,
+    destroy: A
   };
 }
-const vt = class {
-  constructor(e) {
-    this.sideEffect = new De(), this.events = new Ct(), this.$slide = m("div", "slide"), this.$overlay = m("div", "overlay"), this.sidebar = sr(), this.footer = Xt(), this._getWhiteSnapshot = null, this._slideTitle = "", this._ready = !1, this._slideCount = 0, this._destroyed = !1, this._isFrozen = !1, this._cachedIsFrozen = !1, this.onPlay = () => {
+const Ce = class {
+  constructor(t) {
+    u(this, "sideEffect", new De());
+    u(this, "events", new zt());
+    u(this, "$slide", y("div", "slide"));
+    u(this, "$overlay", y("div", "overlay"));
+    u(this, "sidebar", nr());
+    u(this, "footer", Kt());
+    u(this, "$content");
+    u(this, "$footer");
+    u(this, "slide");
+    u(this, "_slideTitle", "");
+    u(this, "_getWhiteSnapshot", null);
+    u(this, "_readyPromise");
+    u(this, "_infoPromise");
+    u(this, "_ready", !1);
+    u(this, "_slideCount", 0);
+    u(this, "_destroyed", !1);
+    u(this, "_isFrozen", !1);
+    u(this, "_cachedIsFrozen", !1);
+    u(this, "onPlay", () => {
       this.slide.nextStep();
-    }, this.onNewPageIndex = (o) => {
-      this._ready && o >= 0 && o < this._slideCount ? this.slide.renderSlide(o + 1) : this.setPage(this.slide.slideState.currentSlideIndex);
-    }, this.onTogglePreview = () => {
+    });
+    u(this, "onNewPageIndex", (t) => {
+      this._ready && t >= 0 && t < this._slideCount ? this.slide.renderSlide(t + 1) : this.setPage(this.slide.slideState.currentSlideIndex);
+    });
+    u(this, "onTogglePreview", () => {
       this.sidebar.set_active(!this.sidebar.get_active());
-    }, this.toPdf = async (o) => {
-      const l = document.createElement("canvas"), h = l.getContext("2d"), { slideCount: b, width: c, height: d } = this.slide;
-      let f = Math.floor(c), u = Math.floor(d);
-      f > 1920 && (f = 1920, u = Math.floor(d * f / c)), u > 1920 && (u = 1920, f = Math.floor(c * u / d)), l.width = f, l.height = u;
-      const k = document.createElement("canvas");
-      k.width = c, k.height = d;
-      const S = k.getContext("2d");
-      if (!S || !this._getWhiteSnapshot || !h)
+    });
+    u(this, "toPdf", async (t) => {
+      const r = document.createElement("canvas"), o = r.getContext("2d"), { slideCount: i, width: n, height: a } = this.slide;
+      let l = Math.floor(n), d = Math.floor(a);
+      l > 1920 && (l = 1920, d = Math.floor(a * l / n)), d > 1920 && (d = 1920, l = Math.floor(n * d / a)), r.width = l, r.height = d;
+      const b = document.createElement("canvas");
+      b.width = n, b.height = a;
+      const g = b.getContext("2d");
+      if (!g || !this._getWhiteSnapshot || !o)
         return null;
-      const N = f > u ? "l" : "p", { jsPDF: I } = await import("jspdf"), g = new I({
-        format: [f, u],
-        orientation: N,
+      const m = l > d ? "l" : "p", { jsPDF: c } = await import("jspdf"), f = new c({
+        format: [l, d],
+        orientation: m,
         compress: !0
       });
-      for (let x = 1; x <= b; x++) {
-        const _ = await this.slide.snapshotWithTimingEnd(x);
-        if (_) {
-          const y = document.createElement("img");
-          y.src = _, await new Promise((U) => y.onload = U), h.drawImage(y, 0, 0, f, u);
+      for (let p = 1; p <= i; p++) {
+        const w = await this.slide.snapshotWithTimingEnd(p);
+        if (w) {
+          const S = document.createElement("img");
+          S.src = w, await new Promise((I) => S.onload = I), o.drawImage(S, 0, 0, l, d);
         }
-        S.clearRect(0, 0, c, d), this._getWhiteSnapshot(x, k, S);
+        g.clearRect(0, 0, n, a), this._getWhiteSnapshot(p, b, g);
         try {
-          const y = k.toDataURL("image/png"), U = document.createElement("img");
-          U.src = y, await new Promise((ce) => U.onload = ce), h.drawImage(U, 0, 0, f, u);
+          const S = b.toDataURL("image/png"), I = document.createElement("img");
+          I.src = S, await new Promise((M) => I.onload = M), o.drawImage(I, 0, 0, l, d);
         } catch {
         }
-        const $ = l.toDataURL("image/jpeg", 0.6);
-        x > 1 && g.addPage(), g.addImage($, "JPEG", 0, 0, f, u, "", "FAST"), h.clearRect(0, 0, f, u), o(Math.ceil(x / b * 100));
+        const k = r.toDataURL("image/jpeg", 0.6);
+        p > 1 && f.addPage(), f.addImage(k, "JPEG", 0, 0, l, d, "", "FAST"), o.clearRect(0, 0, l, d), t(Math.ceil(p / i * 100));
       }
-      const w = g.output("arraybuffer"), z = new Blob([w]), L = URL.createObjectURL(z), C = document.createElement("a");
-      C.setAttribute("href", L), C.setAttribute("download", `${this._slideTitle || "snapshot"}.pdf`), C.style.display = "none", document.body.appendChild(C), C.click(), document.body.removeChild(C), window.postMessage({ type: "@app-slide/_download_pdf_", buf: w });
-    }, this.$content = this.sidebar.$content, this.$footer = this.footer.$footer, B(this.$content, this.$slide), B(this.$content, this.$overlay), this.sidebar.on_new_page_index(this.onNewPageIndex), this.footer.on_new_page_index(this.onNewPageIndex), this.footer.on_toggle_preview(this.onTogglePreview), this.footer.on_play(this.onPlay), this.footer.on_save_to_pdf(this.toPdf), this.sideEffect.push(this.sidebar.destroy), this.sideEffect.push(() => this.slide.destroy()), this.sideEffect.push(() => {
+      const E = f.output("arraybuffer"), $ = new Blob([E]), A = URL.createObjectURL($), v = document.createElement("a");
+      v.setAttribute("href", A), v.setAttribute("download", `${this._slideTitle || "snapshot"}.pdf`), v.style.display = "none", document.body.appendChild(v), v.click(), document.body.removeChild(v), window.postMessage({ type: "@app-slide/_download_pdf_", buf: E });
+    });
+    this.$content = this.sidebar.$content, this.$footer = this.footer.$footer, q(this.$content, this.$slide), q(this.$content, this.$overlay), this.sidebar.on_new_page_index(this.onNewPageIndex), this.footer.on_new_page_index(this.onNewPageIndex), this.footer.on_toggle_preview(this.onTogglePreview), this.footer.on_play(this.onPlay), this.footer.on_save_to_pdf(this.toPdf), this.sideEffect.push(this.sidebar.destroy), this.sideEffect.push(() => this.slide.destroy()), this.sideEffect.push(() => {
       this.$content.parentElement && this.$content.remove(), this.$footer.parentElement && this.$footer.remove(), this.$slide.parentElement && this.$slide.remove();
     }), this.sideEffect.push(
-      Rt((o) => {
-        this._destroyed || (o ? this._cachedIsFrozen || this.unfreeze() : (this._cachedIsFrozen = this._isFrozen, this.freeze()));
+      Bt((a) => {
+        this._destroyed || (a ? this._cachedIsFrozen || this.unfreeze() : (this._cachedIsFrozen = this._isFrozen, this.freeze()));
       })
     );
-    const [t, s] = Le();
-    this._infoPromise = t, vt.fetchSlideInfo(e).then(({ preview: o, slide: a }) => {
+    const [s, r] = $e();
+    this._infoPromise = s, Ce.fetchSlideInfo(t).then(({ preview: a, slide: l }) => {
       if (!this._destroyed) {
-        if (this._slideCount = a.slideCount, o) {
-          const { taskId: l, url: h } = e, { slideCount: b } = a, { width: c, height: d } = o, f = He(l, h), u = Array.from({ length: b }, (k, S) => ({
-            width: c,
-            height: d,
-            thumbnail: `${f}/preview/${S + 1}.png`
+        if (this._slideCount = l.slideCount, a) {
+          const { taskId: d, url: b } = t, { slideCount: g } = l, { width: m, height: c } = a, f = qe(d, b), E = Array.from({ length: g }, ($, A) => ({
+            width: m,
+            height: c,
+            thumbnail: `${f}/preview/${A + 1}.png`
           }));
-          this.sidebar.set_pages(u), this.footer.set_sidebar(!0);
+          this.sidebar.set_pages(E), this.footer.set_sidebar(!0);
         }
-        this.footer.set_page_count(a.slideCount), s(a);
+        this.footer.set_page_count(l.slideCount), r(l);
       }
-    }).catch((o) => {
-      console.log("[Slide] fetch slide info error"), console.error(o), this.events.emit("prepareError", o);
+    }).catch((a) => {
+      console.log("[Slide] fetch slide info error"), console.error(a), this.events.emit("prepareError", a);
     });
-    const [n, i] = Le();
-    this._readyPromise = n, this.slide = new ue({
+    const [i, n] = $e();
+    this._readyPromise = i, this.slide = new ue({
       anchor: this.$slide,
       mode: "local",
       interactive: !0,
       enableGlobalClick: !0,
       useLocalCache: !0,
-      ...e
-    }), this.slide.setResource(e.taskId, e.url || Fe), this.slide.on("slideChange", (o) => {
-      this._destroyed || this.setPage(o);
-    }), this.slide.on("renderEnd", () => {
-      this._ready ? this.$overlay.style.opacity = "" : setTimeout(() => {
-        this._ready = !0, i();
+      ...t
+    }), this.slide.setResource(t.taskId, t.url || Fe), this.slide.on("renderStart", () => {
+      this._destroyed || this.events.emit("renderStart");
+    }), this.slide.on("slideChange", (a) => {
+      this._destroyed || (this.setPage(a), this.$overlay.style.opacity = "", this.events.emit("renderEnd"));
+    }), this.slide.once("renderEnd", () => {
+      this._ready || setTimeout(() => {
+        this._ready = !0, n();
       }, 1e3);
-    }), this.slide.on("renderError", (o) => {
-      this._destroyed || o.error && (console.error(o.error), this.$overlay.textContent = `Error on slide.index=${o.index}: ${o.error.message}`, this.$overlay.style.opacity = "1", this.events.emit("renderError", o));
+    }), this.slide.on("renderError", (a) => {
+      this._destroyed || a.error && (console.error(a.error), this.$overlay.textContent = `Error on slide.index=${a.index}: ${a.error.message}`, this.$overlay.style.opacity = "1", this.events.emit("renderError", a));
     }), this.ready(() => {
       this._isFrozen && this.freeze();
     });
   }
-  prepare(e) {
-    return this._infoPromise.then(e);
-  }
-  attachWhiteSnapshot(e) {
-    this._getWhiteSnapshot = e;
+  prepare(t) {
+    return this._infoPromise.then(t);
   }
-  setSlideTitle(e) {
-    this._slideTitle = e;
-  }
-  ready(e) {
-    return this._readyPromise.then(e);
+  ready(t) {
+    return this._readyPromise.then(t);
   }
   destroy() {
     this._destroyed = !0, this.sideEffect.flushAll();
   }
-  setReadonly(e) {
-    this.slide.setInteractive(!e), this.sidebar.set_readonly(e), this.footer.set_readonly(e);
+  setReadonly(t) {
+    this.slide.setInteractive(!t), this.sidebar.set_readonly(t), this.footer.set_readonly(t);
   }
-  setPage(e) {
-    this.sidebar.set_page_index(e - 1, !0), this.footer.set_page_index(e - 1, !0);
+  setPage(t) {
+    this.sidebar.set_page_index(t - 1, !0), this.footer.set_page_index(t - 1, !0);
   }
   freeze() {
     this._destroyed || (this._isFrozen = !0, this._ready && (this.slide.frozen(), this.events.emit("freeze")));
@@ -1200,53 +1224,40 @@ const vt = class {
     this._destroyed || (this._isFrozen = !1, this._ready && (this.slide.release(), this.events.emit("unfreeze")));
   }
 };
-let W = vt;
-W.styles = Vt;
-W.fetchSlideInfo = Ft;
-function rr(e) {
+let F = Ce;
+u(F, "styles", qt), u(F, "fetchSlideInfo", Ut);
+function ar(e) {
   return e.displayer.logger;
 }
-const P = class {
-  constructor(e) {
-    this.context = e, this.info = (t) => {
-      P.roomLogger && this.context ? P.roomLogger.info(t + ` (${this.context.appId})`) : this.context ? console.debug(t + ` (${this.context.appId})`) : console.debug(t);
-    }, e && (P.active.add(e.appId), P.roomLogger = rr(e));
+const N = class {
+  constructor(t) {
+    u(this, "info", (t) => {
+      N.roomLogger && this.context ? N.roomLogger.info(t + ` (${this.context.appId})`) : this.context ? console.debug(t + ` (${this.context.appId})`) : console.debug(t);
+    });
+    this.context = t, t && (N.active.add(t.appId), N.roomLogger = ar(t));
   }
   destroy() {
-    this.context && P.active.delete(this.context.appId), P.active.size === 0 && (P.roomLogger = null);
+    this.context && N.active.delete(this.context.appId), N.active.size === 0 && (N.roomLogger = null);
   }
 };
-let Ce = P;
-Ce.active = /* @__PURE__ */ new Set();
-Ce.roomLogger = null;
-function or({ context: e, storage: t, viewer: s, sideEffect: r, logger: n }) {
-  const i = n.info.bind(n);
-  let o = null;
-  s.prepare(({ width: c, height: d, slideCount: f }) => {
-    e.destroyed || (c && e.box.setStageRatio(d / c), o = e.createWhiteBoardView({ size: f }), o.setBaseRect({ width: c, height: d }), s.setSlideTitle(e.box.title), s.attachWhiteSnapshot(
-      (u, k, S) => {
-        if (!o)
-          return null;
-        const N = o.pageState.pages[u - 1];
-        k.width = o.view.size.width, k.height = o.view.size.height, o.view.screenshotToCanvas(
-          S,
-          N,
-          o.view.size.width,
-          o.view.size.height,
-          {
-            centerX: 0,
-            centerY: 0,
-            scale: o.view.camera.scale
-          }
-        );
-      }
-    ), h());
+let X = N;
+u(X, "active", /* @__PURE__ */ new Set()), u(X, "roomLogger", null);
+function ir({ context: e, storage: t, viewer: s, sideEffect: r, logger: o }) {
+  const i = o.info.bind(o);
+  let n = null;
+  s.prepare(({ width: c, height: f, slideCount: E }) => {
+    e.destroyed || (c && e.box.setStageRatio(f / c), n = e.createWhiteBoardView({ size: E }), n.setBaseRect({ width: c, height: f }), s._slideTitle = e.box.title, s._getWhiteSnapshot = ($, A, v) => {
+      if (!n)
+        return null;
+      const p = n.pageState.pages[$ - 1], { width: w, height: k } = n.view.size;
+      A.width = w, A.height = k, n.view.screenshotToCanvas(v, p, w, k, n.view.camera);
+    }, d());
   });
   const { slide: a } = s;
   function l(c = t.state.state) {
     return JSON.stringify(c);
   }
-  function h() {
+  function d() {
     if (t.state.state)
       i("[Slide] restore " + l()), a.setSlideState(t.state.state);
     else if (e.isAddApp)
@@ -1254,13 +1265,13 @@ function or({ context: e, storage: t, viewer: s, sideEffect: r, logger: n }) {
     else {
       i("[Slide] wait for restore");
       const c = r.add(() => {
-        const f = setInterval(() => {
+        const E = setInterval(() => {
           t.state.state || (i("[Slide] timeout"), a.renderSlide(1));
         }, 15e3);
-        return () => clearInterval(f);
-      }), d = r.push(
+        return () => clearInterval(E);
+      }), f = r.push(
         t.on("stateChanged", () => {
-          t.state.state && (i("[Slide] restore " + l()), a.setSlideState(t.state.state), r.flush(d), r.flush(c));
+          t.state.state && (i("[Slide] restore " + l()), a.setSlideState(t.state.state), r.flush(f), r.flush(c));
         })
       );
     }
@@ -1278,47 +1289,55 @@ function or({ context: e, storage: t, viewer: s, sideEffect: r, logger: n }) {
       { fireSelfEventAfterCommit: !0 }
     )
   ), a.on("slideChange", (c) => {
-    e.isWritable && o && (i("[Slide] page to " + c), o.jumpPage(c - 1));
-  }), s.setReadonly(!e.isWritable), r.push(
-    e.emitter.on("writableChange", (c) => {
-      s.setReadonly(!c);
-    })
-  );
-  const b = (c) => {
+    e.isWritable && n && (i("[Slide] page to " + c), n.jumpPage(c - 1));
+  });
+  function b() {
+    n && n.view.divElement && n.view.divElement.classList.add(_("wb-view-hidden"));
+  }
+  function g() {
+    n && n.view.divElement && n.view.divElement.classList.remove(_("wb-view-hidden"));
+  }
+  s.setReadonly(!e.isWritable), r.push([
+    e.emitter.on("writableChange", () => s.setReadonly(!e.isWritable)),
+    s.events.on("renderStart", b),
+    s.events.on("renderEnd", g)
+  ]);
+  const m = (c) => {
     if (!c)
       return !1;
-    const d = c.tagName;
-    return d === "INPUT" || d === "TEXTAREA" || d === "SELECT";
+    const f = c.tagName;
+    return f === "INPUT" || f === "TEXTAREA" || f === "SELECT";
   };
   r.addEventListener(window, "keydown", (c) => {
-    e.box.focus && !e.box.readonly && !b(c.target) && ((c.key === "ArrowUp" || c.key === "ArrowLeft") && s.slide.prevStep(), (c.key === "ArrowRight" || c.key === "ArrowDown") && s.slide.nextStep());
+    !c || c.target.className === "telebox-quarantine-outer" || e.box.focus && !e.box.readonly && !m(c.target) && ((c.key === "ArrowUp" || c.key === "ArrowLeft") && s.slide.prevStep(), (c.key === "ArrowRight" || c.key === "ArrowDown") && s.slide.nextStep());
   });
 }
-function ar(e) {
-  const { container: t, ...s } = e, r = m("div", "preview-wrapper"), n = new W(s);
-  return r.appendChild(document.createElement("style")).textContent = W.styles, r.appendChild(n.$content), r.appendChild(n.$footer), t.appendChild(r), n.prepare(() => n.slide.renderSlide(1)), n;
+function ur(e) {
+  const { container: t, ...s } = e, r = y("div", "preview-wrapper"), o = new F(s);
+  return r.appendChild(document.createElement("style")).textContent = F.styles, r.appendChild(o.$content), r.appendChild(o.$footer), t.appendChild(r), o.prepare(() => o.slide.renderSlide(1)), o;
 }
-const lr = /* @__PURE__ */ ue.usePlugin.bind(ue), cr = "0.3.0-canary.19", dr = {
+const pr = /* @__PURE__ */ ue.usePlugin.bind(ue), hr = "0.3.0-canary.20", fr = {
   kind: "Slide",
+  config: { enableShadowDOM: !1 },
   setup(e) {
-    console.log("[Slide] setup @ 0.3.0-canary.19 (" + e.appId + ")");
-    const t = new Ce(e);
-    if (t.info("[Slide] setup @ 0.3.0-canary.19"), !e.attributes.taskId)
+    console.log("[Slide] setup @ 0.3.0-canary.20 (" + e.appId + ")");
+    const t = new X(e);
+    if (t.info("[Slide] setup @ 0.3.0-canary.20"), !e.attributes.taskId)
       throw new Error("[Slide] no taskId");
-    const s = e.createStorage("slide", e.attributes), r = e.getAppOptions() || {}, n = r.renderOptions || {}, i = new De(), o = new W({
+    const s = e.createStorage("slide", e.attributes), r = e.getAppOptions() || {}, o = r.renderOptions || {}, i = new De(), n = new F({
       interactive: !0,
       mode: "interactive",
       enableGlobalClick: !0,
-      timestamp: Pt(e),
+      timestamp: Rt(e),
       logger: r.logger || t,
       renderOptions: {
-        minFPS: n.minFPS || 25,
-        maxFPS: n.maxFPS || 30,
-        autoFPS: n.autoFPS ?? !0,
-        autoResolution: n.autoResolution ?? !0,
-        resolution: n.resolution,
-        maxResolutionLevel: n.maxResolutionLevel,
-        transactionBgColor: n.transactionBgColor || Be(e.box.$content)
+        minFPS: o.minFPS || 25,
+        maxFPS: o.maxFPS || 30,
+        autoFPS: o.autoFPS ?? !0,
+        autoResolution: o.autoResolution ?? !0,
+        resolution: o.resolution,
+        maxResolutionLevel: o.maxResolutionLevel,
+        transactionBgColor: o.transactionBgColor || Be(e.box.$content)
       },
       rtcAudio: r.rtcAudio,
       useLocalCache: r.useLocalCache,
@@ -1329,30 +1348,30 @@ const lr = /* @__PURE__ */ ue.usePlugin.bind(ue), cr = "0.3.0-canary.19", dr = {
       taskId: s.state.taskId,
       url: s.state.url
     });
-    return Object.assign(o, { context: e, logger: t }), i.push(Re.set(e.appId, o, e.box)), i.push(o.events.on("freeze", () => t.info("[Slide] freeze"))), i.push(o.events.on("unfreeze", () => t.info("[Slide] unfreeze"))), i.push(
-      o.events.on(
+    return Object.assign(n, { context: e, logger: t }), i.push(Re.set(e.appId, n, e.box)), i.push(n.events.on("freeze", () => t.info("[Slide] freeze"))), i.push(n.events.on("unfreeze", () => t.info("[Slide] unfreeze"))), i.push(
+      n.events.on(
         "prepareError",
         (a) => t.info("[Slide] fetch slide info failed: " + a.message)
       )
     ), i.push(
-      o.events.on(
+      n.events.on(
         "renderError",
         ({ error: a, index: l }) => t.info(`[Slide] render failed [${l}]: ${a.message}`)
       )
-    ), e.box.mountStyles(W.styles), e.box.mountStage(o.$slide), e.box.mountFooter(o.$footer), e.box.mountContent(o.$content), i.push(() => o.destroy()), or({ context: e, storage: s, viewer: o, sideEffect: i, logger: t }), e.emitter.on("destroy", () => {
+    ), e.box.mountStyles(F.styles), e.box.mountStage(n.$slide), e.box.mountFooter(n.$footer), e.box.mountContent(n.$content), i.push(() => n.destroy()), ir({ context: e, storage: s, viewer: n, sideEffect: i, logger: t }), e.emitter.on("destroy", () => {
       t.info("[Slide] destroy"), t.destroy(), i.flushAll();
-    }), o;
+    }), n;
   }
 };
 export {
   Fe as DefaultUrl,
-  hr as Slide,
-  W as SlideViewer,
-  ir as addHooks,
-  dr as default,
-  ar as previewSlide,
+  mr as Slide,
+  F as SlideViewer,
+  dr as addHooks,
+  fr as default,
+  ur as previewSlide,
   Re as refrigerator,
-  lr as usePlugin,
-  cr as version
+  pr as usePlugin,
+  hr as version
 };
 //# sourceMappingURL=main.mjs.map