@netless/app-slide 0.3.0-canary.11 → 0.3.0-canary.13

package/dist/main.mjs

@@ -1,6 +1,188 @@
-import { Slide as ae } from "@netless/slide";
-import { Slide as Ys } from "@netless/slide";
-var Ce = { exports: {} }, ut = {
+var vt = Object.defineProperty;
+var mt = (e, t, s) => t in e ? vt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var u = (e, t, s) => (mt(e, typeof t != "symbol" ? t + "" : t, s), s);
+import { Slide as ce } from "@netless/slide";
+import { Slide as lr } from "@netless/slide";
+const wt = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", _t = 87, yt = 20, Se = [], kt = () => {
+  for (let e = 0; e < yt; e++)
+    Se[e] = wt.charAt(Math.random() * _t);
+  return Se.join("");
+};
+function Ne(e) {
+  try {
+    return e();
+  } catch (t) {
+    console.error(t);
+  }
+}
+class Me {
+  constructor() {
+    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) ? St(t) : t), s;
+  }
+  add(t, s = this.genUID()) {
+    const r = t();
+    return r ? this.addDisposer(r, s) : s;
+  }
+  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 o = window.setTimeout(() => {
+      this.remove(r), t();
+    }, s);
+    return this.addDisposer(() => window.clearTimeout(o), r);
+  }
+  setInterval(t, s, r = this.genUID()) {
+    const o = window.setInterval(t, s);
+    return this.addDisposer(() => window.clearInterval(o), r);
+  }
+  remove(t) {
+    const s = this.disposers.get(t);
+    return this.disposers.delete(t), s;
+  }
+  flush(t) {
+    const s = this.remove(t);
+    s && s();
+  }
+  flushAll() {
+    this.disposers.forEach(Ne), this.disposers.clear();
+  }
+  genUID() {
+    let t;
+    do
+      t = kt();
+    while (this.disposers.has(t));
+    return t;
+  }
+}
+function St(e) {
+  return () => e.forEach(Ne);
+}
+const H = "netless-app-slide", Pe = "https://convertcdn.netless.link/dynamicConvert";
+class xt {
+  constructor() {
+    u(this, "threshold", 2);
+    u(this, "_map", /* @__PURE__ */ new Map());
+    u(this, "_queue", []);
+  }
+  set(t, s) {
+    return this._map.set(t, s), this._queue.includes(t) || this._queue.unshift(t), this._refresh(), () => {
+      this.delete(t);
+    };
+  }
+  delete(t) {
+    this._map.delete(t), this._queue = this._queue.filter((s) => s !== t), this._refresh();
+  }
+  focus(t) {
+    const s = this._queue.indexOf(t);
+    s >= 0 && this._queue.splice(s, 1), this._queue.unshift(t), this._refresh();
+  }
+  _refresh() {
+    let t;
+    this._queue.forEach((s, r) => {
+      !(t = this._map.get(s)) || (r < this.threshold ? t.unfreeze() : t.freeze());
+    });
+  }
+}
+const Te = new xt(), tr = function(t) {
+  t.on("focus", (s) => {
+    Te.focus(s.appId);
+  });
+};
+class Et {
+  constructor() {
+    this.a = /* @__PURE__ */ new Map(), this.b = /* @__PURE__ */ new Set();
+  }
+  emit(t, s) {
+    const r = this.a.get(t);
+    if (r)
+      for (const o of r)
+        try {
+          o(s);
+        } catch (i) {
+          console.error(i);
+        }
+  }
+  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 o of this.b)
+        o.e(t);
+    return () => {
+      this.off(t, s);
+    };
+  }
+  once(t, s) {
+    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 o = this.a.get(t);
+    if (o) {
+      const i = o.delete(
+        ((r = this.c) == null ? void 0 : r.get(s)) || s
+      );
+      if (o.size <= 0) {
+        this.a.delete(t);
+        for (const a of this.b)
+          a.d(t);
+      }
+      return i;
+    }
+    return !1;
+  }
+  clear(t) {
+    var s;
+    t ? (s = this.a.get(t)) == null || s.clear() : this.a.clear();
+  }
+  count(t) {
+    var s;
+    if (t)
+      return ((s = this.a.get(t)) == null ? void 0 : s.size) || 0;
+    {
+      let r = 0;
+      for (const o of this.a.values())
+        r += o.size;
+      return r;
+    }
+  }
+  remit(t, s) {
+    var r;
+    let o;
+    const i = {
+      e: (a) => {
+        if (a === t)
+          try {
+            o = s(this);
+          } catch (n) {
+            console.error(n);
+          }
+      },
+      d: (a) => {
+        if (o && (!a || a === t))
+          try {
+            o();
+          } catch (n) {
+            console.error(n);
+          }
+      }
+    };
+    return this.b.add(i), (r = this.a.get(t)) != null && r.size && i.e(t), () => {
+      this.b.delete(i), i.d();
+    };
+  }
+  destroy() {
+    this.clear();
+    for (const t of this.b)
+      t.d();
+    this.b.clear();
+  }
+}
+var Fe = { exports: {} }, It = {
   aliceblue: [240, 248, 255],
   antiquewhite: [250, 235, 215],
   aqua: [0, 255, 255],
@@ -149,181 +331,312 @@ var Ce = { exports: {} }, ut = {
   whitesmoke: [245, 245, 245],
   yellow: [255, 255, 0],
   yellowgreen: [154, 205, 50]
-}, Ie = { exports: {} }, pt = function(t) {
+}, De = { exports: {} }, Ct = 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");
-}, ht = pt, gt = Array.prototype.concat, ft = Array.prototype.slice, _e = Ie.exports = function(t) {
+}, $t = Ct, Lt = Array.prototype.concat, At = Array.prototype.slice, xe = De.exports = function(t) {
   for (var s = [], r = 0, o = t.length; r < o; r++) {
-    var l = t[r];
-    ht(l) ? s = gt.call(s, ft.call(l)) : s.push(l);
+    var i = t[r];
+    $t(i) ? s = Lt.call(s, At.call(i)) : s.push(i);
   }
   return s;
 };
-_e.wrap = function(e) {
+xe.wrap = function(e) {
   return function() {
-    return e(_e(arguments));
+    return e(xe(arguments));
   };
 };
-var G = ut, Z = Ie.exports, Ae = Object.hasOwnProperty, $e = /* @__PURE__ */ Object.create(null);
-for (var ne in G)
-  Ae.call(G, ne) && ($e[G[ne]] = ne);
-var _ = Ce.exports = {
+var Z = It, X = De.exports, Re = Object.hasOwnProperty, Ve = /* @__PURE__ */ Object.create(null);
+for (var le in Z)
+  Re.call(Z, le) && (Ve[Z[le]] = le);
+var y = Fe.exports = {
   to: {},
   get: {}
 };
-_.get = function(e) {
+y.get = function(e) {
   var t = e.substring(0, 3).toLowerCase(), s, r;
   switch (t) {
     case "hsl":
-      s = _.get.hsl(e), r = "hsl";
+      s = y.get.hsl(e), r = "hsl";
       break;
     case "hwb":
-      s = _.get.hwb(e), r = "hwb";
+      s = y.get.hwb(e), r = "hwb";
       break;
     default:
-      s = _.get.rgb(e), r = "rgb";
+      s = y.get.rgb(e), r = "rgb";
       break;
   }
   return s ? { model: r, value: s } : null;
 };
-_.get.rgb = function(e) {
+y.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*)?\)$/, o = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/, l = /^(\w+)$/, i = [0, 0, 0, 1], a, n, d;
-  if (a = e.match(s)) {
-    for (d = a[2], a = a[1], n = 0; n < 3; n++) {
-      var u = n * 2;
-      i[n] = parseInt(a.slice(u, u + 2), 16);
+  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+)$/, a = [0, 0, 0, 1], n, l, p;
+  if (n = e.match(s)) {
+    for (p = n[2], n = n[1], l = 0; l < 3; l++) {
+      var c = l * 2;
+      a[l] = parseInt(n.slice(c, c + 2), 16);
     }
-    d && (i[3] = parseInt(d, 16) / 255);
-  } else if (a = e.match(t)) {
-    for (a = a[1], d = a[3], n = 0; n < 3; n++)
-      i[n] = parseInt(a[n] + a[n], 16);
-    d && (i[3] = parseInt(d + d, 16) / 255);
-  } else if (a = e.match(r)) {
-    for (n = 0; n < 3; n++)
-      i[n] = parseInt(a[n + 1], 0);
-    a[4] && (a[5] ? i[3] = parseFloat(a[4]) * 0.01 : i[3] = parseFloat(a[4]));
-  } else if (a = e.match(o)) {
-    for (n = 0; n < 3; n++)
-      i[n] = Math.round(parseFloat(a[n + 1]) * 2.55);
-    a[4] && (a[5] ? i[3] = parseFloat(a[4]) * 0.01 : i[3] = parseFloat(a[4]));
+    p && (a[3] = parseInt(p, 16) / 255);
+  } else if (n = e.match(t)) {
+    for (n = n[1], p = n[3], l = 0; l < 3; l++)
+      a[l] = parseInt(n[l] + n[l], 16);
+    p && (a[3] = parseInt(p + p, 16) / 255);
+  } else if (n = e.match(r)) {
+    for (l = 0; l < 3; l++)
+      a[l] = parseInt(n[l + 1], 0);
+    n[4] && (n[5] ? a[3] = parseFloat(n[4]) * 0.01 : a[3] = parseFloat(n[4]));
+  } else if (n = e.match(o)) {
+    for (l = 0; l < 3; l++)
+      a[l] = Math.round(parseFloat(n[l + 1]) * 2.55);
+    n[4] && (n[5] ? a[3] = parseFloat(n[4]) * 0.01 : a[3] = parseFloat(n[4]));
   } else
-    return (a = e.match(l)) ? a[1] === "transparent" ? [0, 0, 0, 0] : Ae.call(G, a[1]) ? (i = G[a[1]], i[3] = 1, i) : null : null;
-  for (n = 0; n < 3; n++)
-    i[n] = L(i[n], 0, 255);
-  return i[3] = L(i[3], 0, 1), i;
+    return (n = e.match(i)) ? n[1] === "transparent" ? [0, 0, 0, 0] : Re.call(Z, n[1]) ? (a = Z[n[1]], a[3] = 1, a) : null : null;
+  for (l = 0; l < 3; l++)
+    a[l] = N(a[l], 0, 255);
+  return a[3] = N(a[3], 0, 1), a;
 };
-_.get.hsl = function(e) {
+y.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]), o = (parseFloat(s[1]) % 360 + 360) % 360, l = L(parseFloat(s[2]), 0, 100), i = L(parseFloat(s[3]), 0, 100), a = L(isNaN(r) ? 1 : r, 0, 1);
-    return [o, l, i, a];
+    var r = parseFloat(s[4]), o = (parseFloat(s[1]) % 360 + 360) % 360, i = N(parseFloat(s[2]), 0, 100), a = N(parseFloat(s[3]), 0, 100), n = N(isNaN(r) ? 1 : r, 0, 1);
+    return [o, i, a, n];
   }
   return null;
 };
-_.get.hwb = function(e) {
+y.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]), o = (parseFloat(s[1]) % 360 + 360) % 360, l = L(parseFloat(s[2]), 0, 100), i = L(parseFloat(s[3]), 0, 100), a = L(isNaN(r) ? 1 : r, 0, 1);
-    return [o, l, i, a];
+    var r = parseFloat(s[4]), o = (parseFloat(s[1]) % 360 + 360) % 360, i = N(parseFloat(s[2]), 0, 100), a = N(parseFloat(s[3]), 0, 100), n = N(isNaN(r) ? 1 : r, 0, 1);
+    return [o, i, a, n];
   }
   return null;
 };
-_.to.hex = function() {
-  var e = Z(arguments);
-  return "#" + Y(e[0]) + Y(e[1]) + Y(e[2]) + (e[3] < 1 ? Y(Math.round(e[3] * 255)) : "");
+y.to.hex = function() {
+  var e = X(arguments);
+  return "#" + se(e[0]) + se(e[1]) + se(e[2]) + (e[3] < 1 ? se(Math.round(e[3] * 255)) : "");
 };
-_.to.rgb = function() {
-  var e = Z(arguments);
+y.to.rgb = function() {
+  var e = X(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] + ")";
 };
-_.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);
+y.to.rgb.percent = function() {
+  var e = X(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] + ")";
 };
-_.to.hsl = function() {
-  var e = Z(arguments);
+y.to.hsl = function() {
+  var e = X(arguments);
   return e.length < 4 || e[3] === 1 ? "hsl(" + e[0] + ", " + e[1] + "%, " + e[2] + "%)" : "hsla(" + e[0] + ", " + e[1] + "%, " + e[2] + "%, " + e[3] + ")";
 };
-_.to.hwb = function() {
-  var e = Z(arguments), t = "";
+y.to.hwb = function() {
+  var e = X(arguments), t = "";
   return e.length >= 4 && e[3] !== 1 && (t = ", " + e[3]), "hwb(" + e[0] + ", " + e[1] + "%, " + e[2] + "%" + t + ")";
 };
-_.to.keyword = function(e) {
-  return $e[e.slice(0, 3)];
+y.to.keyword = function(e) {
+  return Ve[e.slice(0, 3)];
 };
-function L(e, t, s) {
+function N(e, t, s) {
   return Math.min(Math.max(t, e), s);
 }
-function Y(e) {
+function se(e) {
   var t = Math.round(e).toString(16).toUpperCase();
   return t.length < 2 ? "0" + t : t;
 }
-const bt = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", vt = 87, mt = 20, we = [], _t = () => {
-  for (let e = 0; e < mt; e++)
-    we[e] = bt.charAt(Math.random() * vt);
-  return we.join("");
-};
-function Le(e) {
+function K() {
+}
+function g(e) {
+  return document.createElement(e);
+}
+function Ee(e, t) {
+  const s = g(e);
+  return _(s, t), s;
+}
+function F(e, t) {
+  return e.appendChild(t);
+}
+function b(e) {
+  return `${H}-${e}`;
+}
+function _(e, t) {
+  e.className = b(t);
+}
+function zt(e) {
+  return e.endsWith("/") ? e.slice(0, -1) : e;
+}
+function Ie(e, t) {
+  if (typeof e == "object" && e !== null)
+    return e[t];
+}
+function Ce() {
+  let e;
+  return [new Promise((s) => {
+    e = s;
+  }), e];
+}
+function Ot(e) {
+  const t = e.room, s = e.displayer;
+  return t ? () => t.calibrationTimestamp : s ? () => s.beginTimestamp + s.progressTime : () => Date.now();
+}
+function Ue(e) {
   try {
-    return e();
-  } catch (t) {
-    console.error(t);
+    let t = window.getComputedStyle(e).backgroundColor;
+    if (t !== "rgba(0, 0, 0, 0)" && t !== "transparent")
+      return t = Nt(t), console.log("[Slide] guess bg color:", t), t;
+    if (e.parentElement)
+      return Ue(e.parentElement);
+  } catch {
   }
+  return "#ffffff";
 }
-class ze {
-  constructor() {
-    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) ? wt(t) : t), s;
-  }
-  add(t, s = this.genUID()) {
-    const r = t();
-    return r ? this.addDisposer(r, s) : s;
-  }
-  addEventListener(t, s, r, o, l = this.genUID()) {
-    return t.addEventListener(s, r, o), this.addDisposer(() => t.removeEventListener(s, r, o), l), l;
-  }
-  setTimeout(t, s, r = this.genUID()) {
-    const o = window.setTimeout(() => {
-      this.remove(r), t();
-    }, s);
-    return this.addDisposer(() => window.clearTimeout(o), r);
-  }
-  setInterval(t, s, r = this.genUID()) {
-    const o = window.setInterval(t, s);
-    return this.addDisposer(() => window.clearInterval(o), r);
+function Nt(e) {
+  const t = Fe.exports.get(e);
+  if (t && t.model === "rgb") {
+    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 qe(e, t) {
+  return `${zt(t || Pe)}/${e}`;
+}
+async function Mt({ taskId: e, url: t }) {
+  const s = qe(e, t), r = `${s}/preview/1.png`, o = `${s}/jsonOutput/slide-1.json`, i = new Promise((n) => {
+    const l = new Image();
+    l.onload = () => n(l), l.onerror = () => n(null), l.src = r;
+  }), a = fetch(o).then((n) => n.json());
+  return { preview: await i, slide: await a };
+}
+function Pt(e) {
+  if (typeof document < "u") {
+    const t = () => e(document.visibilityState === "visible");
+    return document.addEventListener("visibilitychange", t), () => document.removeEventListener("visibilitychange", t);
   }
-  remove(t) {
-    const s = this.disposers.get(t);
-    return this.disposers.delete(t), s;
+  return K;
+}
+const Tt = `.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}
+`;
+function Ft(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");
+  return r.setAttribute("fill", "currentColor"), r.setAttribute(
+    "d",
+    "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 Dt(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");
+  return r.setAttribute("fill", "currentColor"), r.setAttribute(
+    "d",
+    "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 Rt(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");
+  return r.setAttribute("fill", "currentColor"), r.setAttribute(
+    "d",
+    "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 Vt(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");
+  return r.setAttribute("fill", "currentColor"), r.setAttribute(
+    "d",
+    "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 Ut(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");
+  return r.setAttribute("fill", "currentColor"), r.setAttribute(
+    "d",
+    "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 qt() {
+  let e = K;
+  const t = (d) => {
+    e = d;
+  };
+  let s = K;
+  const r = (d) => {
+    s = d;
+  };
+  let o = K;
+  const i = (d) => {
+    o = d;
+  };
+  let a = !1, n = !1, l = 0, p = 0;
+  const c = g("div");
+  _(c, "footer");
+  const h = g("button");
+  _(h, "btn-sidebar"), h.classList.add(b("footer-btn")), h.appendChild(Ft(H)), h.onclick = function() {
+    a || s();
+  }, h.style.display = "none", c.appendChild(h);
+  const v = g("div");
+  _(v, "page-jumps");
+  const E = g("button");
+  _(E, "btn-page-back"), E.classList.add(b("footer-btn")), E.appendChild(Dt(H)), E.onclick = function() {
+    a || e(l - 1);
+  }, v.appendChild(E);
+  const m = g("button");
+  _(m, "btn-page-play"), m.classList.add(b("footer-btn")), m.appendChild(Rt(H)), m.appendChild(Vt(H));
+  let V = 0;
+  m.onclick = function() {
+    a || (m.classList.add(b("footer-btn-playing")), o(), clearTimeout(V), V = setTimeout(() => {
+      m.classList.remove(b("footer-btn-playing"));
+    }, 500));
+  }, v.appendChild(m);
+  const L = g("button");
+  _(L, "btn-page-next"), L.classList.add(b("footer-btn")), L.appendChild(Ut(H)), L.onclick = function() {
+    a || e(l + 1);
+  }, v.appendChild(L);
+  const A = g("div");
+  _(A, "page-number");
+  const S = g("input");
+  _(S, "page-number-input"), S.value = String(l + 1), S.onchange = function() {
+    a || S.value && e(Number(S.value) - 1);
+  };
+  const f = g("span");
+  _(f, "total-page"), f.textContent = " / ", A.appendChild(S), A.appendChild(f), c.appendChild(v), c.appendChild(A);
+  const k = b("readonly");
+  function I(d) {
+    a !== d && (a = d, c.classList.toggle(k, a), S.disabled = a);
   }
-  flush(t) {
-    const s = this.remove(t);
-    s && s();
+  function z(d) {
+    n !== d && (n = d, h.style.display = n ? "" : "none");
   }
-  flushAll() {
-    this.disposers.forEach(Le), this.disposers.clear();
+  function U(d, q = !1) {
+    (q || l !== d) && (l = d, S.value = String(l + 1));
   }
-  genUID() {
-    let t;
-    do
-      t = _t();
-    while (this.disposers.has(t));
-    return t;
+  function W(d) {
+    p !== d && (p = d, f.textContent = ` / ${p}`);
   }
+  return {
+    $footer: c,
+    $pageNumberInput: S,
+    set_readonly: I,
+    set_sidebar: z,
+    set_page_index: U,
+    set_page_count: W,
+    on_new_page_index: t,
+    on_toggle_preview: r,
+    on_play: i
+  };
 }
-function wt(e) {
-  return () => e.forEach(Le);
-}
-const N = typeof window < "u", Ne = N && !("onscroll" in window) || typeof navigator < "u" && /(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent), Oe = N && "IntersectionObserver" in window, De = N && "classList" in document.createElement("p"), Me = N && window.devicePixelRatio > 1, yt = {
+const P = typeof window < "u", Be = P && !("onscroll" in window) || typeof navigator < "u" && /(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent), He = P && "IntersectionObserver" in window, je = P && "classList" in document.createElement("p"), Ge = P && window.devicePixelRatio > 1, Bt = {
   elements_selector: ".lazy",
-  container: Ne || N ? document : null,
+  container: Be || P ? document : null,
   threshold: 300,
   thresholds: null,
   data_src: "src",
@@ -354,7 +667,7 @@ const N = typeof window < "u", Ne = N && !("onscroll" in window) || typeof navig
   callback_cancel: null,
   use_native: !1,
   restore_on_error: !1
-}, Te = (e) => Object.assign({}, yt, e), ye = function(e, t) {
+}, We = (e) => Object.assign({}, Bt, e), $e = function(e, t) {
   let s;
   const r = "LazyLoad::Initialized", o = new e(t);
   try {
@@ -363,21 +676,21 @@ const N = typeof window < "u", Ne = N && !("onscroll" in window) || typeof navig
     s = document.createEvent("CustomEvent"), s.initCustomEvent(r, !1, !1, { instance: o });
   }
   window.dispatchEvent(s);
-}, kt = (e, t) => {
+}, Ht = (e, t) => {
   if (!!t)
     if (!t.length)
-      ye(e, t);
+      $e(e, t);
     else
       for (let s = 0, r; r = t[s]; s += 1)
-        ye(e, r);
-}, C = "src", le = "srcset", ce = "sizes", Fe = "poster", K = "llOriginalAttrs", Pe = "data", de = "loading", Re = "loaded", Ve = "applied", St = "entered", ue = "error", Ue = "native", qe = "data-", Be = "ll-status", m = (e, t) => e.getAttribute(qe + t), xt = (e, t, s) => {
-  var r = qe + t;
+        $e(e, r);
+}, $ = "src", ue = "srcset", pe = "sizes", Je = "poster", Y = "llOriginalAttrs", Ze = "data", he = "loading", Ke = "loaded", Qe = "applied", jt = "entered", fe = "error", Xe = "native", Ye = "data-", et = "ll-status", w = (e, t) => e.getAttribute(Ye + t), Gt = (e, t, s) => {
+  var r = Ye + t;
   if (s === null) {
     e.removeAttribute(r);
     return;
   }
   e.setAttribute(r, s);
-}, Q = (e) => m(e, Be), T = (e, t) => xt(e, Be, t), te = (e) => T(e, null), pe = (e) => Q(e) === null, Et = (e) => Q(e) === de, Ct = (e) => Q(e) === ue, he = (e) => Q(e) === Ue, It = [de, Re, Ve, ue], At = (e) => It.indexOf(Q(e)) >= 0, O = (e, t, s, r) => {
+}, ee = (e) => w(e, et), R = (e, t) => Gt(e, et, t), oe = (e) => R(e, null), ge = (e) => ee(e) === null, Wt = (e) => ee(e) === he, Jt = (e) => ee(e) === fe, be = (e) => ee(e) === Xe, Zt = [he, Ke, Qe, fe], Kt = (e) => Zt.indexOf(ee(e)) >= 0, T = (e, t, s, r) => {
   if (!!e) {
     if (r !== void 0) {
       e(t, s, r);
@@ -389,541 +702,416 @@ const N = typeof window < "u", Ne = N && !("onscroll" in window) || typeof navig
     }
     e(t);
   }
-}, H = (e, t) => {
-  if (De) {
+}, G = (e, t) => {
+  if (je) {
     e.classList.add(t);
     return;
   }
   e.className += (e.className ? " " : "") + t;
-}, S = (e, t) => {
-  if (De) {
+}, x = (e, t) => {
+  if (je) {
     e.classList.remove(t);
     return;
   }
   e.className = e.className.replace(new RegExp("(^|\\s+)" + t + "(\\s+|$)"), " ").replace(/^\s+/, "").replace(/\s+$/, "");
-}, $t = (e) => {
+}, Qt = (e) => {
   e.llTempImage = document.createElement("IMG");
-}, Lt = (e) => {
+}, Xt = (e) => {
   delete e.llTempImage;
-}, He = (e) => e.llTempImage, se = (e, t) => {
+}, tt = (e) => e.llTempImage, ne = (e, t) => {
   if (!t)
     return;
   const s = t._observer;
   !s || s.unobserve(e);
-}, zt = (e) => {
+}, Yt = (e) => {
   e.disconnect();
-}, Nt = (e, t, s) => {
-  t.unobserve_entered && se(e, s);
-}, ge = (e, t) => {
+}, es = (e, t, s) => {
+  t.unobserve_entered && ne(e, s);
+}, ve = (e, t) => {
   !e || (e.loadingCount += t);
-}, Ot = (e) => {
+}, ts = (e) => {
   !e || (e.toLoadCount -= 1);
-}, je = (e, t) => {
+}, st = (e, t) => {
   !e || (e.toLoadCount = t);
-}, Dt = (e) => e.loadingCount > 0, Mt = (e) => e.toLoadCount > 0, Ge = (e) => {
+}, ss = (e) => e.loadingCount > 0, rs = (e) => e.toLoadCount > 0, rt = (e) => {
   let t = [];
   for (let s = 0, r; r = e.children[s]; s += 1)
     r.tagName === "SOURCE" && t.push(r);
   return t;
-}, fe = (e, t) => {
+}, me = (e, t) => {
   const s = e.parentNode;
   if (!s || s.tagName !== "PICTURE")
     return;
-  Ge(s).forEach(t);
-}, We = (e, t) => {
-  Ge(e).forEach(t);
-}, re = [C], Je = [C, Fe], J = [C, le, ce], Ze = [Pe], oe = (e) => !!e[K], Ke = (e) => e[K], Qe = (e) => delete e[K], q = (e, t) => {
-  if (oe(e))
+  rt(s).forEach(t);
+}, ot = (e, t) => {
+  rt(e).forEach(t);
+}, ae = [$], nt = [$, Je], Q = [$, ue, pe], at = [Ze], ie = (e) => !!e[Y], it = (e) => e[Y], lt = (e) => delete e[Y], j = (e, t) => {
+  if (ie(e))
     return;
   const s = {};
   t.forEach((r) => {
     s[r] = e.getAttribute(r);
-  }), e[K] = s;
-}, Tt = (e) => {
-  oe(e) || (e[K] = { backgroundImage: e.style.backgroundImage });
-}, Ft = (e, t, s) => {
+  }), e[Y] = s;
+}, os = (e) => {
+  ie(e) || (e[Y] = { backgroundImage: e.style.backgroundImage });
+}, ns = (e, t, s) => {
   if (!s) {
     e.removeAttribute(t);
     return;
   }
   e.setAttribute(t, s);
-}, M = (e, t) => {
-  if (!oe(e))
+}, D = (e, t) => {
+  if (!ie(e))
     return;
-  const s = Ke(e);
+  const s = it(e);
   t.forEach((r) => {
-    Ft(e, r, s[r]);
+    ns(e, r, s[r]);
   });
-}, Pt = (e) => {
-  if (!oe(e))
+}, as = (e) => {
+  if (!ie(e))
     return;
-  const t = Ke(e);
+  const t = it(e);
   e.style.backgroundImage = t.backgroundImage;
-}, Xe = (e, t, s) => {
-  H(e, t.class_applied), T(e, Ve), s && (t.unobserve_completed && se(e, t), O(t.callback_applied, e, s));
-}, Ye = (e, t, s) => {
-  H(e, t.class_loading), T(e, de), s && (ge(s, 1), O(t.callback_loading, e, s));
-}, z = (e, t, s) => {
+}, ct = (e, t, s) => {
+  G(e, t.class_applied), R(e, Qe), s && (t.unobserve_completed && ne(e, t), T(t.callback_applied, e, s));
+}, dt = (e, t, s) => {
+  G(e, t.class_loading), R(e, he), s && (ve(s, 1), T(t.callback_loading, e, s));
+}, M = (e, t, s) => {
   !s || e.setAttribute(t, s);
-}, ke = (e, t) => {
-  z(e, ce, m(e, t.data_sizes)), z(e, le, m(e, t.data_srcset)), z(e, C, m(e, t.data_src));
-}, Rt = (e, t) => {
-  fe(e, (s) => {
-    q(s, J), ke(s, t);
-  }), q(e, J), ke(e, t);
-}, Vt = (e, t) => {
-  q(e, re), z(e, C, m(e, t.data_src));
-}, Ut = (e, t) => {
-  We(e, (s) => {
-    q(s, re), z(s, C, m(s, t.data_src));
-  }), q(e, Je), z(e, Fe, m(e, t.data_poster)), z(e, C, m(e, t.data_src)), e.load();
-}, qt = (e, t) => {
-  q(e, Ze), z(e, Pe, m(e, t.data_src));
-}, Bt = (e, t, s) => {
-  const r = m(e, t.data_bg), o = m(e, t.data_bg_hidpi), l = Me && o ? o : r;
-  !l || (e.style.backgroundImage = `url("${l}")`, He(e).setAttribute(C, l), Ye(e, t, s));
-}, Ht = (e, t, s) => {
-  const r = m(e, t.data_bg_multi), o = m(e, t.data_bg_multi_hidpi), l = Me && o ? o : r;
-  !l || (e.style.backgroundImage = l, Xe(e, t, s));
-}, jt = (e, t, s) => {
-  const r = m(e, t.data_bg_set);
+}, Le = (e, t) => {
+  M(e, pe, w(e, t.data_sizes)), M(e, ue, w(e, t.data_srcset)), M(e, $, w(e, t.data_src));
+}, is = (e, t) => {
+  me(e, (s) => {
+    j(s, Q), Le(s, t);
+  }), j(e, Q), Le(e, t);
+}, ls = (e, t) => {
+  j(e, ae), M(e, $, w(e, t.data_src));
+}, cs = (e, t) => {
+  ot(e, (s) => {
+    j(s, ae), M(s, $, w(s, t.data_src));
+  }), j(e, nt), M(e, Je, w(e, t.data_poster)), M(e, $, w(e, t.data_src)), e.load();
+}, ds = (e, t) => {
+  j(e, at), M(e, Ze, w(e, t.data_src));
+}, us = (e, t, s) => {
+  const r = w(e, t.data_bg), o = w(e, t.data_bg_hidpi), i = Ge && o ? o : r;
+  !i || (e.style.backgroundImage = `url("${i}")`, tt(e).setAttribute($, i), dt(e, t, s));
+}, ps = (e, t, s) => {
+  const r = w(e, t.data_bg_multi), o = w(e, t.data_bg_multi_hidpi), i = Ge && o ? o : r;
+  !i || (e.style.backgroundImage = i, ct(e, t, s));
+}, hs = (e, t, s) => {
+  const r = w(e, t.data_bg_set);
   if (!r)
     return;
   const o = r.split("|");
-  let l = o.map((i) => `image-set(${i})`);
-  e.style.backgroundImage = l.join(), e.style.backgroundImage === "" && (l = o.map((i) => `-webkit-image-set(${i})`), e.style.backgroundImage = l.join()), Xe(e, t, s);
-}, et = {
-  IMG: Rt,
-  IFRAME: Vt,
-  VIDEO: Ut,
-  OBJECT: qt
-}, Gt = (e, t) => {
-  const s = et[e.tagName];
+  let i = o.map((a) => `image-set(${a})`);
+  e.style.backgroundImage = i.join(), e.style.backgroundImage === "" && (i = o.map((a) => `-webkit-image-set(${a})`), e.style.backgroundImage = i.join()), ct(e, t, s);
+}, ut = {
+  IMG: is,
+  IFRAME: ls,
+  VIDEO: cs,
+  OBJECT: ds
+}, fs = (e, t) => {
+  const s = ut[e.tagName];
   !s || s(e, t);
-}, Wt = (e, t, s) => {
-  const r = et[e.tagName];
-  !r || (r(e, t), Ye(e, t, s));
-}, Jt = ["IMG", "IFRAME", "VIDEO", "OBJECT"], Zt = (e) => Jt.indexOf(e.tagName) > -1, tt = (e, t) => {
-  t && !Dt(t) && !Mt(t) && O(e.callback_finish, t);
-}, Se = (e, t, s) => {
+}, gs = (e, t, s) => {
+  const r = ut[e.tagName];
+  !r || (r(e, t), dt(e, t, s));
+}, bs = ["IMG", "IFRAME", "VIDEO", "OBJECT"], vs = (e) => bs.indexOf(e.tagName) > -1, pt = (e, t) => {
+  t && !ss(t) && !rs(t) && T(e.callback_finish, t);
+}, Ae = (e, t, s) => {
   e.addEventListener(t, s), e.llEvLisnrs[t] = s;
-}, Kt = (e, t, s) => {
+}, ms = (e, t, s) => {
   e.removeEventListener(t, s);
-}, be = (e) => !!e.llEvLisnrs, Qt = (e, t, s) => {
-  be(e) || (e.llEvLisnrs = {});
+}, we = (e) => !!e.llEvLisnrs, ws = (e, t, s) => {
+  we(e) || (e.llEvLisnrs = {});
   const r = e.tagName === "VIDEO" ? "loadeddata" : "load";
-  Se(e, r, t), Se(e, "error", s);
-}, ie = (e) => {
-  if (!be(e))
+  Ae(e, r, t), Ae(e, "error", s);
+}, de = (e) => {
+  if (!we(e))
     return;
   const t = e.llEvLisnrs;
   for (let s in t) {
     const r = t[s];
-    Kt(e, s, r);
+    ms(e, s, r);
   }
   delete e.llEvLisnrs;
-}, st = (e, t, s) => {
-  Lt(e), ge(s, -1), Ot(s), S(e, t.class_loading), t.unobserve_completed && se(e, s);
-}, Xt = (e, t, s, r) => {
-  const o = he(t);
-  st(t, s, r), H(t, s.class_loaded), T(t, Re), O(s.callback_loaded, t, r), o || tt(s, r);
-}, Yt = (e, t, s, r) => {
-  const o = he(t);
-  st(t, s, r), H(t, s.class_error), T(t, ue), O(s.callback_error, t, r), s.restore_on_error && M(t, J), o || tt(s, r);
-}, ve = (e, t, s) => {
-  const r = He(e) || e;
-  if (be(r))
+}, ht = (e, t, s) => {
+  Xt(e), ve(s, -1), ts(s), x(e, t.class_loading), t.unobserve_completed && ne(e, s);
+}, _s = (e, t, s, r) => {
+  const o = be(t);
+  ht(t, s, r), G(t, s.class_loaded), R(t, Ke), T(s.callback_loaded, t, r), o || pt(s, r);
+}, ys = (e, t, s, r) => {
+  const o = be(t);
+  ht(t, s, r), G(t, s.class_error), R(t, fe), T(s.callback_error, t, r), s.restore_on_error && D(t, Q), o || pt(s, r);
+}, _e = (e, t, s) => {
+  const r = tt(e) || e;
+  if (we(r))
     return;
-  Qt(r, (i) => {
-    Xt(i, e, t, s), ie(r);
-  }, (i) => {
-    Yt(i, e, t, s), ie(r);
+  ws(r, (a) => {
+    _s(a, e, t, s), de(r);
+  }, (a) => {
+    ys(a, e, t, s), de(r);
   });
-}, es = (e, t, s) => {
-  $t(e), ve(e, t, s), Tt(e), Bt(e, t, s), Ht(e, t, s), jt(e, t, s);
-}, ts = (e, t, s) => {
-  ve(e, t, s), Wt(e, t, s);
-}, me = (e, t, s) => {
-  Zt(e) ? ts(e, t, s) : es(e, t, s);
-}, ss = (e, t, s) => {
-  e.setAttribute("loading", "lazy"), ve(e, t, s), Gt(e, t), T(e, Ue);
-}, xe = (e) => {
-  e.removeAttribute(C), e.removeAttribute(le), e.removeAttribute(ce);
-}, rs = (e) => {
-  fe(e, (t) => {
-    xe(t);
-  }), xe(e);
-}, rt = (e) => {
-  fe(e, (t) => {
-    M(t, J);
-  }), M(e, J);
-}, os = (e) => {
-  We(e, (t) => {
-    M(t, re);
-  }), M(e, Je), e.load();
-}, ns = (e) => {
-  M(e, re);
-}, as = (e) => {
-  M(e, Ze);
-}, is = {
-  IMG: rt,
-  IFRAME: ns,
-  VIDEO: os,
-  OBJECT: as
-}, ls = (e) => {
-  const t = is[e.tagName];
+}, ks = (e, t, s) => {
+  Qt(e), _e(e, t, s), os(e), us(e, t, s), ps(e, t, s), hs(e, t, s);
+}, Ss = (e, t, s) => {
+  _e(e, t, s), gs(e, t, s);
+}, ye = (e, t, s) => {
+  vs(e) ? Ss(e, t, s) : ks(e, t, s);
+}, xs = (e, t, s) => {
+  e.setAttribute("loading", "lazy"), _e(e, t, s), fs(e, t), R(e, Xe);
+}, ze = (e) => {
+  e.removeAttribute($), e.removeAttribute(ue), e.removeAttribute(pe);
+}, Es = (e) => {
+  me(e, (t) => {
+    ze(t);
+  }), ze(e);
+}, ft = (e) => {
+  me(e, (t) => {
+    D(t, Q);
+  }), D(e, Q);
+}, Is = (e) => {
+  ot(e, (t) => {
+    D(t, ae);
+  }), D(e, nt), e.load();
+}, Cs = (e) => {
+  D(e, ae);
+}, $s = (e) => {
+  D(e, at);
+}, Ls = {
+  IMG: ft,
+  IFRAME: Cs,
+  VIDEO: Is,
+  OBJECT: $s
+}, As = (e) => {
+  const t = Ls[e.tagName];
   if (!t) {
-    Pt(e);
+    as(e);
     return;
   }
   t(e);
-}, cs = (e, t) => {
-  pe(e) || he(e) || (S(e, t.class_entered), S(e, t.class_exited), S(e, t.class_applied), S(e, t.class_loading), S(e, t.class_loaded), S(e, t.class_error));
-}, ds = (e, t) => {
-  ls(e), cs(e, t), te(e), Qe(e);
-}, us = (e, t, s, r) => {
-  !s.cancel_on_exit || !Et(e) || e.tagName === "IMG" && (ie(e), rs(e), rt(e), S(e, s.class_loading), ge(r, -1), te(e), O(s.callback_cancel, e, t, r));
-}, ps = (e, t, s, r) => {
-  const o = At(e);
-  T(e, St), H(e, s.class_entered), S(e, s.class_exited), Nt(e, s, r), O(s.callback_enter, e, t, r), !o && me(e, s, r);
-}, hs = (e, t, s, r) => {
-  pe(e) || (H(e, s.class_exited), us(e, t, s, r), O(s.callback_exit, e, t, r));
-}, gs = ["IMG", "IFRAME", "VIDEO"], ot = (e) => e.use_native && "loading" in HTMLImageElement.prototype, fs = (e, t, s) => {
+}, zs = (e, t) => {
+  ge(e) || be(e) || (x(e, t.class_entered), x(e, t.class_exited), x(e, t.class_applied), x(e, t.class_loading), x(e, t.class_loaded), x(e, t.class_error));
+}, Os = (e, t) => {
+  As(e), zs(e, t), oe(e), lt(e);
+}, Ns = (e, t, s, r) => {
+  !s.cancel_on_exit || !Wt(e) || e.tagName === "IMG" && (de(e), Es(e), ft(e), x(e, s.class_loading), ve(r, -1), oe(e), T(s.callback_cancel, e, t, r));
+}, Ms = (e, t, s, r) => {
+  const o = Kt(e);
+  R(e, jt), G(e, s.class_entered), x(e, s.class_exited), es(e, s, r), T(s.callback_enter, e, t, r), !o && ye(e, s, r);
+}, Ps = (e, t, s, r) => {
+  ge(e) || (G(e, s.class_exited), Ns(e, t, s, r), T(s.callback_exit, e, t, r));
+}, Ts = ["IMG", "IFRAME", "VIDEO"], gt = (e) => e.use_native && "loading" in HTMLImageElement.prototype, Fs = (e, t, s) => {
   e.forEach((r) => {
-    gs.indexOf(r.tagName) !== -1 && ss(r, t, s);
-  }), je(s, 0);
-}, bs = (e) => e.isIntersecting || e.intersectionRatio > 0, vs = (e) => ({
+    Ts.indexOf(r.tagName) !== -1 && xs(r, t, s);
+  }), st(s, 0);
+}, Ds = (e) => e.isIntersecting || e.intersectionRatio > 0, Rs = (e) => ({
   root: e.container === document ? null : e.container,
   rootMargin: e.thresholds || e.threshold + "px"
-}), ms = (e, t, s) => {
-  e.forEach((r) => bs(r) ? ps(r.target, r, t, s) : hs(r.target, r, t, s));
-}, _s = (e, t) => {
+}), Vs = (e, t, s) => {
+  e.forEach(
+    (r) => Ds(r) ? Ms(r.target, r, t, s) : Ps(r.target, r, t, s)
+  );
+}, Us = (e, t) => {
   t.forEach((s) => {
     e.observe(s);
   });
-}, ws = (e, t) => {
-  zt(e), _s(e, t);
-}, ys = (e, t) => {
-  !Oe || ot(e) || (t._observer = new IntersectionObserver((s) => {
-    ms(s, e, t);
-  }, vs(e)));
-}, nt = (e) => Array.prototype.slice.call(e), ee = (e) => e.container.querySelectorAll(e.elements_selector), ks = (e) => nt(e).filter(pe), Ss = (e) => Ct(e), xs = (e) => nt(e).filter(Ss), Ee = (e, t) => ks(e || ee(t)), Es = (e, t) => {
-  xs(ee(e)).forEach((r) => {
-    S(r, e.class_error), te(r);
+}, qs = (e, t) => {
+  Yt(e), Us(e, t);
+}, Bs = (e, t) => {
+  !He || gt(e) || (t._observer = new IntersectionObserver((s) => {
+    Vs(s, e, t);
+  }, Rs(e)));
+}, bt = (e) => Array.prototype.slice.call(e), re = (e) => e.container.querySelectorAll(e.elements_selector), Hs = (e) => bt(e).filter(ge), js = (e) => Jt(e), Gs = (e) => bt(e).filter(js), Oe = (e, t) => Hs(e || re(t)), Ws = (e, t) => {
+  Gs(re(e)).forEach((r) => {
+    x(r, e.class_error), oe(r);
   }), t.update();
-}, Cs = (e, t) => {
-  !N || (t._onlineHandler = () => {
-    Es(e, t);
+}, Js = (e, t) => {
+  !P || (t._onlineHandler = () => {
+    Ws(e, t);
   }, window.addEventListener("online", t._onlineHandler));
-}, Is = (e) => {
-  !N || window.removeEventListener("online", e._onlineHandler);
-}, X = function(e, t) {
-  const s = Te(e);
-  this._settings = s, this.loadingCount = 0, ys(s, this), Cs(s, this), this.update(t);
+}, Zs = (e) => {
+  !P || window.removeEventListener("online", e._onlineHandler);
+}, te = function(e, t) {
+  const s = We(e);
+  this._settings = s, this.loadingCount = 0, Bs(s, this), Js(s, this), this.update(t);
 };
-X.prototype = {
+te.prototype = {
   update: function(e) {
-    const t = this._settings, s = Ee(e, t);
-    if (je(this, s.length), Ne || !Oe) {
+    const t = this._settings, s = Oe(e, t);
+    if (st(this, s.length), Be || !He) {
       this.loadAll(s);
       return;
     }
-    if (ot(t)) {
-      fs(s, t, this);
+    if (gt(t)) {
+      Fs(s, t, this);
       return;
     }
-    ws(this._observer, s);
+    qs(this._observer, s);
   },
   destroy: function() {
-    this._observer && this._observer.disconnect(), Is(this), ee(this._settings).forEach((e) => {
-      Qe(e);
+    this._observer && this._observer.disconnect(), Zs(this), re(this._settings).forEach((e) => {
+      lt(e);
     }), delete this._observer, delete this._settings, delete this._onlineHandler, delete this.loadingCount, delete this.toLoadCount;
   },
   loadAll: function(e) {
     const t = this._settings;
-    Ee(e, t).forEach((r) => {
-      se(r, this), me(r, t, this);
+    Oe(e, t).forEach((r) => {
+      ne(r, this), ye(r, t, this);
     });
   },
   restoreAll: function() {
     const e = this._settings;
-    ee(e).forEach((t) => {
-      ds(t, e);
+    re(e).forEach((t) => {
+      Os(t, e);
     });
   }
 };
-X.load = (e, t) => {
-  const s = Te(t);
-  me(e, s);
+te.load = (e, t) => {
+  const s = We(t);
+  ye(e, s);
 };
-X.resetStatus = (e) => {
-  te(e);
+te.resetStatus = (e) => {
+  oe(e);
 };
-N && kt(X, window.lazyLoadOptions);
-const U = "netless-app-slide", at = "https://convertcdn.netless.link/dynamicConvert";
-function W() {
-}
-const As = `.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}
-`;
-function $s(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");
-  return r.setAttribute("fill", "currentColor"), r.setAttribute("d", "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 Ls(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");
-  return r.setAttribute("fill", "currentColor"), r.setAttribute("d", "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 zs(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");
-  return r.setAttribute("fill", "currentColor"), r.setAttribute("d", "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 Ns(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");
-  return r.setAttribute("fill", "currentColor"), r.setAttribute("d", "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 Os(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");
-  return r.setAttribute("fill", "currentColor"), r.setAttribute("d", "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 g(e) {
-  return document.createElement(e);
-}
-function D(e, t) {
-  return e.appendChild(t);
-}
-function f(e) {
-  return `${U}-${e}`;
-}
-function v(e, t) {
-  e.className = f(t);
-}
-function Ds(e) {
-  return e.endsWith("/") ? e.slice(0, -1) : e;
-}
-async function it({ taskId: e, url: t }) {
-  const s = lt(e, t), r = `${s}/preview/1.png`, o = `${s}/jsonOutput/slide-1.json`, l = new Promise((a) => {
-    const n = new Image();
-    n.onload = () => a(n), n.onerror = () => a(null), n.src = r;
-  }), i = fetch(o).then((a) => a.json());
-  return { preview: await l, slide: await i };
-}
-function lt(e, t) {
-  return `${Ds(t || at)}/${e}`;
-}
-function Ms() {
-  let e = W;
-  const t = (p) => {
-    e = p;
+P && Ht(te, window.lazyLoadOptions);
+function Ks() {
+  let e = K;
+  const t = (f) => {
+    e = f;
   };
-  let s = !1, r = !1, o = !1, l = [], i = 0;
-  const a = f("readonly"), n = f("preview-active"), d = g("div");
-  v(d, "content");
-  const u = g("div");
-  v(u, "preview-mask"), u.onclick = function(w) {
-    r || w.target === u && b(!1);
-  }, D(d, u);
+  let s = !1, r = !1, o = !1, i = [], a = 0;
+  const n = b("readonly"), l = b("preview-active"), p = g("div");
+  _(p, "content");
+  const c = g("div");
+  _(c, "preview-mask"), c.onclick = function(k) {
+    r || k.target === c && m(!1);
+  }, F(p, c);
   const h = g("div");
-  v(h, "preview"), h.classList.add(f("tele-fancy-scrollbar")), h.onclick = function(w) {
-    var $;
+  _(h, "preview"), h.classList.add(b("tele-fancy-scrollbar")), h.onclick = function(k) {
+    var z;
     if (r)
       return;
-    const E = ($ = w.target.dataset) == null ? void 0 : $.pageIndex;
-    E && (w.preventDefault(), w.stopPropagation(), w.stopImmediatePropagation(), e(Number(E)), b(!1));
-  }, D(d, h);
-  const k = new X({
+    const I = (z = k.target.dataset) == null ? void 0 : z.pageIndex;
+    I && (k.preventDefault(), k.stopPropagation(), k.stopImmediatePropagation(), e(Number(I)), m(!1));
+  }, F(p, h);
+  const v = new te({
     container: h,
-    elements_selector: `.${f("preview-page>img")}`
+    elements_selector: `.${b("preview-page>img")}`
   });
-  function x(p) {
-    r !== p && (r = p, d.classList.toggle(a, r));
+  function E(f) {
+    r !== f && (r = f, p.classList.toggle(n, r));
   }
-  function b(p) {
-    o !== p && (o = p, d.classList.toggle(n, o));
+  function m(f) {
+    o !== f && (o = f, p.classList.toggle(l, o));
   }
-  function F(p) {
-    if (l !== p) {
-      l = p;
-      const w = f("preview-page"), E = f("preview-page-name");
-      l.forEach(($, P) => {
-        const j = String(P), c = g("a");
-        c.className = w + " " + f(`preview-page-${P}`), c.href = "#", c.dataset.pageIndex = j;
-        const R = g("span");
-        R.className = E, R.textContent = String(P + 1), R.dataset.pageIndex = j;
-        const V = g("img");
-        V.width = $.width, V.height = $.height, V.src = $.thumbnail, V.alt = `page-${P}`, V.dataset.pageIndex = j, D(c, V), D(c, R), D(h, c);
-      }), s || k.update();
+  function V(f) {
+    if (i !== f) {
+      i = f;
+      const k = b("preview-page"), I = b("preview-page-name");
+      i.forEach((z, U) => {
+        const W = String(U), d = g("a");
+        d.className = k + " " + b(`preview-page-${U}`), d.href = "#", d.dataset.pageIndex = W;
+        const q = g("span");
+        q.className = I, q.textContent = String(U + 1), q.dataset.pageIndex = W;
+        const B = g("img");
+        B.width = z.width, B.height = z.height, B.src = z.thumbnail, B.alt = `page-${U}`, B.dataset.pageIndex = W, F(d, B), F(d, q), F(h, d);
+      }), s || v.update();
     }
   }
-  function I(p, w = !1) {
-    if (w || i !== p) {
-      i = p;
-      const E = h.querySelector(`.${f(`preview-page-${i}`)}`);
-      E && h.scrollTo({ top: E.offsetTop - 16 });
+  function L(f, k = !1) {
+    if (k || a !== f) {
+      a = f;
+      const I = h.querySelector(
+        `.${b(`preview-page-${a}`)}`
+      );
+      I && h.scrollTo({ top: I.offsetTop - 16 });
     }
   }
   function A() {
-    s = !0, k.destroy();
+    s = !0, v.destroy();
   }
-  function y() {
+  function S() {
     return o;
   }
   return {
-    $content: d,
+    $content: p,
     $preview: h,
-    set_readonly: x,
-    set_active: b,
-    get_active: y,
-    set_pages: F,
-    on_new_page_index: t,
-    set_page_index: I,
-    destroy: A
-  };
-}
-function Ts() {
-  let e = W;
-  const t = (c) => {
-    e = c;
-  };
-  let s = W;
-  const r = (c) => {
-    s = c;
-  };
-  let o = W;
-  const l = (c) => {
-    o = c;
-  };
-  let i = !1, a = !1, n = 0, d = 0;
-  const u = g("div");
-  v(u, "footer");
-  const h = g("button");
-  v(h, "btn-sidebar"), h.classList.add(f("footer-btn")), h.appendChild($s(U)), h.onclick = function() {
-    i || s();
-  }, h.style.display = "none", u.appendChild(h);
-  const k = g("div");
-  v(k, "page-jumps");
-  const x = g("button");
-  v(x, "btn-page-back"), x.classList.add(f("footer-btn")), x.appendChild(Ls(U)), x.onclick = function() {
-    i || e(n - 1);
-  }, k.appendChild(x);
-  const b = g("button");
-  v(b, "btn-page-play"), b.classList.add(f("footer-btn")), b.appendChild(zs(U)), b.appendChild(Ns(U));
-  let F = 0;
-  b.onclick = function() {
-    i || (b.classList.add(f("footer-btn-playing")), o(), clearTimeout(F), F = setTimeout(() => {
-      b.classList.remove(f("footer-btn-playing"));
-    }, 500));
-  }, k.appendChild(b);
-  const I = g("button");
-  v(I, "btn-page-next"), I.classList.add(f("footer-btn")), I.appendChild(Os(U)), I.onclick = function() {
-    i || e(n + 1);
-  }, k.appendChild(I);
-  const A = g("div");
-  v(A, "page-number");
-  const y = g("input");
-  v(y, "page-number-input"), y.value = String(n + 1), y.onchange = function() {
-    i || y.value && e(Number(y.value) - 1);
-  };
-  const p = g("span");
-  v(p, "total-page"), p.textContent = " / ", A.appendChild(y), A.appendChild(p), u.appendChild(k), u.appendChild(A);
-  const w = f("readonly");
-  function E(c) {
-    i !== c && (i = c, u.classList.toggle(w, i), y.disabled = i);
-  }
-  function $(c) {
-    a !== c && (a = c, h.style.display = a ? "" : "none");
-  }
-  function P(c, R = !1) {
-    (R || n !== c) && (n = c, y.value = String(n + 1));
-  }
-  function j(c) {
-    d !== c && (d = c, p.textContent = ` / ${d}`);
-  }
-  return {
-    $footer: u,
-    $pageNumberInput: y,
     set_readonly: E,
-    set_sidebar: $,
-    set_page_index: P,
-    set_page_count: j,
+    set_active: m,
+    get_active: S,
+    set_pages: V,
     on_new_page_index: t,
-    on_toggle_preview: r,
-    on_play: l
+    set_page_index: L,
+    destroy: A
   };
 }
-function Fs() {
-  const e = g("div");
-  return v(e, "slide"), e;
-}
-function Ps(e) {
-  if (typeof document < "u") {
-    const t = () => e(document.visibilityState === "visible");
-    return document.addEventListener("visibilitychange", t), () => document.removeEventListener("visibilitychange", t);
-  }
-  return W;
-}
-class B {
+const ke = class {
   constructor(t) {
-    this.sideEffect = new ze(), this.$slide = Fs(), this.sidebar = Ms(), this.footer = Ts(), this._ready = !1, this._slideCount = 0, this._destroyed = !1, this._isFrozen = !1, this.$content = this.sidebar.$content, this.$footer = this.footer.$footer, D(this.$content, this.$slide), this.$overlay = g("div"), v(this.$overlay, "overlay"), D(this.$content, this.$overlay);
-    let s;
-    this._readyPromise = new Promise((a) => {
-      s = a;
+    u(this, "sideEffect", new Me());
+    u(this, "events", new Et());
+    u(this, "$slide", Ee("div", "slide"));
+    u(this, "$overlay", Ee("div", "overlay"));
+    u(this, "sidebar", Ks());
+    u(this, "footer", qt());
+    u(this, "$content");
+    u(this, "$footer");
+    u(this, "slide");
+    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();
     });
-    const r = (a) => {
-      this._ready && a >= 0 && a < this._slideCount ? this.slide.renderSlide(a + 1) : this.setPage(this.slide.slideState.currentSlideIndex);
-    };
-    this.sidebar.on_new_page_index(r), this.footer.on_new_page_index(r), this.footer.on_toggle_preview(() => {
+    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.footer.on_play(() => {
-      this.slide.nextStep();
-    }), this.sideEffect.addDisposer(this.sidebar.destroy), this.sideEffect.addDisposer(() => this.slide.destroy()), this.sideEffect.addDisposer(() => {
+    });
+    this.$content = this.sidebar.$content, this.$footer = this.footer.$footer, F(this.$content, this.$slide), F(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.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(
+      Pt((n) => {
+        this._destroyed || (n ? this._cachedIsFrozen || this.unfreeze() : (this._cachedIsFrozen = this._isFrozen, this.freeze()));
+      })
+    );
+    const [s, r] = Ce();
+    this._infoPromise = s, ke.fetchSlideInfo(t).then(({ preview: n, slide: l }) => {
+      if (!this._destroyed) {
+        if (this._slideCount = l.slideCount, n) {
+          const { taskId: p, url: c } = t, { slideCount: h } = l, { width: v, height: E } = n, m = qe(p, c), V = Array.from({ length: h }, (L, A) => ({
+            width: v,
+            height: E,
+            thumbnail: `${m}/preview/${A + 1}.png`
+          }));
+          this.sidebar.set_pages(V), this.footer.set_sidebar(!0);
+        }
+        this.footer.set_page_count(l.slideCount), r(l);
+      }
+    }).catch((n) => {
+      console.log("[Slide] fetch slide info error"), console.error(n), this.events.emit("prepareError", n);
     });
-    let o = !1;
-    this.sideEffect.addDisposer(Ps((a) => {
-      this._destroyed || (a ? o || this.unfreeze() : (o = this._isFrozen, this.freeze()));
-    })), this.slide = new ae({
+    const [i, a] = Ce();
+    this._readyPromise = i, this.slide = new ce({
       anchor: this.$slide,
       mode: "local",
       interactive: !0,
       enableGlobalClick: !0,
       useLocalCache: !0,
       ...t
-    }), this.slide.setResource(t.taskId, t.url || at);
-    let l;
-    this._infoPromise = new Promise((a) => {
-      l = a;
-    }), this.slide.on("slideChange", (a) => {
-      this._destroyed || this.setPage(a);
+    }), this.slide.setResource(t.taskId, t.url || Pe), this.slide.on("slideChange", (n) => {
+      this._destroyed || this.setPage(n);
     }), this.slide.on("renderEnd", () => {
       this._ready ? this.$overlay.style.opacity = "" : setTimeout(() => {
-        this._ready = !0, s();
+        this._ready = !0, a();
       }, 1e3);
-    }), this.slide.on("renderError", ({ error: a, index: n }) => {
-      this._destroyed || a && (console.error(a), this.$overlay.textContent = `Error on slide[index=${n}]: ${a.message}`, this.$overlay.style.opacity = "1");
-    }), it(t).then(({ preview: a, slide: n }) => {
-      if (!this._destroyed) {
-        if (this._slideCount = n.slideCount, a) {
-          const { taskId: d, url: u } = t, { slideCount: h } = n, { width: k, height: x } = a, b = lt(d, u), F = Array.from({ length: h }, (I, A) => ({
-            width: k,
-            height: x,
-            thumbnail: `${b}/preview/${A + 1}.png`
-          }));
-          this.sidebar.set_pages(F), this.footer.set_sidebar(!0);
-        }
-        this.footer.set_page_count(n.slideCount), l(n);
-      }
-    }).catch((a) => {
-      console.log("[Slide] fetch slide info error"), console.error(a);
+    }), this.slide.on("renderError", (n) => {
+      this._destroyed || n.error && (console.error(n.error), this.$overlay.textContent = `Error on slide.index=${n.index}: ${n.error.message}`, this.$overlay.style.opacity = "1", this.events.emit("renderError", n));
     }), this.ready(() => {
       this._isFrozen && this.freeze();
     });
@@ -944,161 +1132,143 @@ class B {
     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._destroyed || (this._isFrozen = !0, this._ready && (this.slide.frozen(), this.events.emit("freeze")));
   }
   unfreeze() {
-    this._destroyed || (this._isFrozen = !1, this._ready && this.slide.release());
+    this._destroyed || (this._isFrozen = !1, this._ready && (this.slide.release(), this.events.emit("unfreeze")));
   }
+};
+let O = ke;
+u(O, "styles", Tt), u(O, "fetchSlideInfo", Mt);
+function Qs(e) {
+  return e.displayer.logger;
 }
-B.styles = As;
-B.fetchSlideInfo = it;
-class Rs {
-  constructor() {
-    this.threshold = 2, this._map = /* @__PURE__ */ new Map(), this._queue = [];
-  }
-  set(t, s) {
-    return this._map.set(t, s), this._queue.includes(t) || this._queue.unshift(t), this._refresh(), () => {
-      this.delete(t);
-    };
+const C = class {
+  constructor(t) {
+    u(this, "info", (t) => {
+      C.roomLogger && this.context ? C.roomLogger.info(t + ` (${this.context.appId})`) : this.context ? console.debug(t + ` (${this.context.appId})`) : console.debug(t);
+    });
+    this.context = t, t && (C.active.add(t.appId), C.roomLogger = Qs(t));
   }
-  delete(t) {
-    this._map.delete(t), this._queue = this._queue.filter((s) => s !== t), this._refresh();
+  destroy() {
+    this.context && C.active.delete(this.context.appId), C.active.size === 0 && (C.roomLogger = null);
   }
-  focus(t) {
-    const s = this._queue.indexOf(t);
-    s >= 0 && this._queue.splice(s, 1), this._queue.unshift(t), this._refresh();
+};
+let J = C;
+u(J, "active", /* @__PURE__ */ new Set()), u(J, "roomLogger", null);
+function Xs({ context: e, storage: t, viewer: s, sideEffect: r, logger: o }) {
+  const i = o.info.bind(o);
+  let a = null;
+  s.prepare(({ width: c, height: h, slideCount: v }) => {
+    e.destroyed || (c && e.box.setStageRatio(h / c), a = e.createWhiteBoardView({ size: v }), a.setBaseRect({ width: c, height: h }), p());
+  });
+  const { slide: n } = s;
+  function l(c = t.state.state) {
+    return JSON.stringify(c);
   }
-  _refresh() {
-    let t;
-    this._queue.forEach((s, r) => {
-      !(t = this._map.get(s)) || (r < this.threshold ? t.unfreeze() : t.freeze());
-    });
+  function p() {
+    if (t.state.state)
+      i("[Slide] restore " + l()), n.setSlideState(t.state.state);
+    else if (e.isAddApp)
+      i("[Slide] kick start"), n.renderSlide(1);
+    else {
+      i("[Slide] wait for restore");
+      const c = r.add(() => {
+        const v = setInterval(() => {
+          t.state.state || (i("[Slide] timeout"), n.renderSlide(1));
+        }, 15e3);
+        return () => clearInterval(v);
+      }), h = r.push(
+        t.on("stateChanged", () => {
+          t.state.state && (i("[Slide] restore " + l()), n.setSlideState(t.state.state), r.flush(h), r.flush(c));
+        })
+      );
+    }
   }
-}
-const ct = new Rs(), Gs = function(t) {
-  t.on("focus", (s) => {
-    ct.focus(s.appId);
+  n.on("stateChange", () => {
+    e.isWritable && t.setState({ state: n.slideState });
+  }), n.on("syncDispatch", (c) => {
+    e.isWritable && (i("[Slide] dispatch " + l(Ie(c, "uuid"))), e.dispatchMagixEvent("syncDispatch", c));
+  }), r.push(
+    e.addMagixEventListener(
+      "syncDispatch",
+      ({ payload: c }) => {
+        i("[Slide] receive " + l(Ie(c, "uuid"))), n.emit("syncReceive", c);
+      },
+      { fireSelfEventAfterCommit: !0 }
+    )
+  ), n.on("slideChange", (c) => {
+    e.isWritable && a && (i("[Slide] page to " + c), a.jumpPage(c - 1));
+  }), s.setReadonly(!e.isWritable), r.push(
+    e.emitter.on("writableChange", (c) => {
+      s.setReadonly(!c);
+    })
+  ), r.addEventListener(window, "keydown", (c) => {
+    e.box.focus && ((c.key === "ArrowUp" || c.key === "ArrowLeft") && s.slide.prevStep(), (c.key === "ArrowRight" || c.key === "ArrowDown") && s.slide.nextStep());
   });
-}, Ws = /* @__PURE__ */ ae.usePlugin.bind(ae), Js = "0.3.0-canary.11", Zs = {
+}
+function sr(e) {
+  const { container: t, ...s } = e, r = document.createElement("div");
+  r.className = "netless-app-slide-preview-wrapper";
+  const o = new O(s);
+  return r.appendChild(document.createElement("style")).textContent = O.styles, r.appendChild(o.$content), r.appendChild(o.$footer), t.appendChild(r), o.prepare(() => o.slide.renderSlide(1)), o;
+}
+const rr = /* @__PURE__ */ ce.usePlugin.bind(ce), or = "0.3.0-canary.13", nr = {
   kind: "Slide",
   setup(e) {
-    var i, a;
-    if (console.log("[Slide] setup @ 0.3.0-canary.11"), !e.storage.state.taskId)
+    var n, l;
+    console.log("[Slide] setup @ 0.3.0-canary.13 (" + e.appId + ")");
+    const t = new J(e);
+    if (t.info("[Slide] setup @ 0.3.0-canary.13"), !e.attributes.taskId)
       throw new Error("[Slide] no taskId");
-    const t = e.getAppOptions() || {}, s = t.renderOptions || {}, r = Us(e, t.debug);
-    r.info("[Slide] setup @ 0.3.0-canary.11");
-    const o = new ze(), l = new B({
+    const s = e.createStorage("slide", e.attributes), r = e.getAppOptions() || {}, o = r.renderOptions || {}, i = new Me(), a = new O({
       interactive: !0,
       mode: "interactive",
-      resize: !0,
       enableGlobalClick: !0,
-      timestamp: Vs(e),
-      logger: t.logger || r,
+      timestamp: Ot(e),
+      logger: r.logger || t,
       renderOptions: {
-        minFPS: s.minFPS || 25,
-        maxFPS: s.maxFPS || 30,
-        autoFPS: (i = s.autoFPS) != null ? i : !0,
-        autoResolution: (a = s.autoResolution) != null ? a : !0,
-        resolution: s.resolution,
-        maxResolutionLevel: s.maxResolutionLevel,
-        transactionBgColor: s.transactionBgColor || dt(e.box.$content)
+        minFPS: o.minFPS || 25,
+        maxFPS: o.maxFPS || 30,
+        autoFPS: (n = o.autoFPS) != null ? n : !0,
+        autoResolution: (l = o.autoResolution) != null ? l : !0,
+        resolution: o.resolution,
+        maxResolutionLevel: o.maxResolutionLevel,
+        transactionBgColor: o.transactionBgColor || Ue(e.box.$content)
       },
-      rtcAudio: t.rtcAudio,
-      useLocalCache: t.useLocalCache,
-      resourceTimeout: t.resourceTimeout,
-      loaderDelegate: t.loaderDelegate,
-      navigatorDelegate: t.navigatorDelegate,
-      fixedFrameSize: t.fixedFrameSize,
-      taskId: e.storage.state.taskId,
-      url: e.storage.state.url
+      rtcAudio: r.rtcAudio,
+      useLocalCache: r.useLocalCache,
+      resourceTimeout: r.resourceTimeout,
+      loaderDelegate: r.loaderDelegate,
+      navigatorDelegate: r.navigatorDelegate,
+      fixedFrameSize: r.fixedFrameSize,
+      taskId: s.state.taskId,
+      url: s.state.url
     });
-    return l.context = e, o.addDisposer(ct.set(e.appId, l)), e.box.mountStyles(B.styles), e.box.mountStage(l.$slide), e.box.mountFooter(l.$footer), e.box.mountContent(l.$content), o.addDisposer(() => l.destroy()), Hs({ context: e, viewer: l, sideEffect: o, logger: r }), Bs(e, () => {
-      r.info("[Slide] destroy"), o.flushAll();
-    }), l;
+    return Object.assign(a, { context: e, logger: t }), i.push(Te.set(e.appId, a)), i.push(a.events.on("freeze", () => t.info("[Slide] freeze"))), i.push(a.events.on("unfreeze", () => t.info("[Slide] unfreeze"))), i.push(
+      a.events.on(
+        "prepareError",
+        (p) => t.info("[Slide] fetch slide info failed: " + p.message)
+      )
+    ), i.push(
+      a.events.on(
+        "renderError",
+        ({ error: p, index: c }) => t.info(`[Slide] render failed [${c}]: ${p.message}`)
+      )
+    ), e.box.mountStyles(O.styles), e.box.mountStage(a.$slide), e.box.mountFooter(a.$footer), e.box.mountContent(a.$content), i.push(() => a.destroy()), Xs({ context: e, storage: s, viewer: a, sideEffect: i, logger: t }), e.emitter.on("destroy", () => {
+      t.info("[Slide] destroy"), t.destroy(), i.flushAll();
+    }), a;
   }
 };
-function Ks(e) {
-  const { container: t, ...s } = e, r = document.createElement("div");
-  r.className = "netless-app-slide-preview-wrapper";
-  const o = new B(s);
-  return r.appendChild(document.createElement("style")).textContent = B.styles, r.appendChild(o.$content), r.appendChild(o.$footer), t.appendChild(r), o.prepare(() => o.slide.renderSlide(1)), o;
-}
-function Vs(e) {
-  const t = e.room, s = e.displayer;
-  return t ? () => t.calibrationTimestamp : s ? () => s.beginTimestamp + s.progressTime : () => Date.now();
-}
-function Us(e, t) {
-  return e.displayer.logger;
-}
-function dt(e) {
-  try {
-    let t = window.getComputedStyle(e).backgroundColor;
-    if (t !== "rgba(0, 0, 0, 0)" && t !== "transparent")
-      return t = qs(t), console.log("[Slide] guess bg color:", t), t;
-    if (e.parentElement)
-      return dt(e.parentElement);
-  } catch {
-  }
-  return "#ffffff";
-}
-function qs(e) {
-  const t = Ce.exports.get(e);
-  if (t && t.model === "rgb") {
-    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 Bs(e, t) {
-  e.emitter.on("destroy", t);
-}
-function Hs({ context: e, viewer: t, sideEffect: s, logger: r }) {
-  const o = r.info.bind(r);
-  let l = null;
-  t.prepare(({ width: n, height: d, slideCount: u }) => {
-    e.destroyed || (n && e.box.setStageRatio(d / n), l = e.createWhiteBoardView({ size: u }), l.setBaseRect({ width: n, height: d }), a());
-  });
-  const { slide: i } = t;
-  function a() {
-    if (e.storage.state.state)
-      o("[Slide] restore", { ...e.storage.state.state }), i.setSlideState(e.storage.state.state);
-    else if (e.isAddApp)
-      o("[Slide] kick start"), i.renderSlide(1);
-    else {
-      o("[Slide] wait for restore");
-      const n = s.add(() => {
-        const u = setInterval(() => {
-          e.storage.state.state || (o("[Slide] timeout"), i.renderSlide(1));
-        }, 15e3);
-        return () => clearInterval(u);
-      }), d = s.addDisposer(e.storage.addStateChangedListener(() => {
-        e.storage.state.state && (o("[Slide] restore", { ...e.storage.state.state }), i.setSlideState(e.storage.state.state), s.flush(d), s.flush(n));
-      }));
-    }
-  }
-  i.on("stateChange", () => {
-    e.isWritable && (o("[Slide] save state", { ...i.slideState }), e.storage.setState({ state: i.slideState }));
-  }), i.on("syncDispatch", (n) => {
-    e.isWritable && (o("[Slide] dispatch", { ...n }), e.dispatchMagixEvent("syncDispatch", n));
-  }), s.addDisposer(e.addMagixEventListener("syncDispatch", ({ payload: n }) => {
-    o("[Slide] receive", { ...n }), i.emit("syncReceive", n);
-  }, { fireSelfEventAfterCommit: !0 })), i.on("slideChange", (n) => {
-    e.isWritable && l && (o("[Slide] page to", n), l.jumpPage(n - 1));
-  }), t.setReadonly(!e.isWritable), s.addDisposer(e.emitter.on("writableChange", (n) => {
-    t.setReadonly(!n);
-  })), s.addEventListener(window, "keydown", (n) => {
-    e.box.focus && ((n.key === "ArrowUp" || n.key === "ArrowLeft") && t.slide.prevStep(), (n.key === "ArrowRight" || n.key === "ArrowDown") && t.slide.nextStep());
-  });
-}
 export {
-  at as DefaultUrl,
-  Ys as Slide,
-  B as SlideViewer,
-  Gs as addHooks,
-  Zs as default,
-  Ks as previewSlide,
-  ct as refrigerator,
-  Ws as usePlugin,
-  Js as version
+  Pe as DefaultUrl,
+  lr as Slide,
+  O as SlideViewer,
+  tr as addHooks,
+  nr as default,
+  sr as previewSlide,
+  Te as refrigerator,
+  rr as usePlugin,
+  or as version
 };
 //# sourceMappingURL=main.mjs.map