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

package/dist/main.mjs

@@ -358,9 +358,9 @@ Ie.wrap = function(e) {
     return e(Ie(arguments));
   };
 };
-var X = It, Z = he, Ve = Object.hasOwnProperty, Ue = /* @__PURE__ */ Object.create(null);
-for (var de in X)
-  Ve.call(X, de) && (Ue[X[de]] = de);
+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 = {
   to: {},
   get: {}
@@ -386,8 +386,8 @@ A.get.rgb = function(e) {
   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;
   if (a = e.match(s)) {
     for (h = a[2], a = a[1], l = 0; l < 3; l++) {
-      var c = l * 2;
-      o[l] = parseInt(a.slice(c, c + 2), 16);
+      var b = l * 2;
+      o[l] = parseInt(a.slice(b, b + 2), 16);
     }
     h && (o[3] = parseInt(h, 16) / 255);
   } else if (a = e.match(t)) {
@@ -403,17 +403,17 @@ A.get.rgb = function(e) {
       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]));
   } else
-    return (a = e.match(i)) ? a[1] === "transparent" ? [0, 0, 0, 0] : Ve.call(X, a[1]) ? (o = X[a[1]], o[3] = 1, o) : null : null;
+    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;
   for (l = 0; l < 3; l++)
-    o[l] = P(o[l], 0, 255);
-  return o[3] = P(o[3], 0, 1), o;
+    o[l] = D(o[l], 0, 255);
+  return o[3] = D(o[3], 0, 1), o;
 };
 A.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 = P(parseFloat(s[2]), 0, 100), o = P(parseFloat(s[3]), 0, 100), a = P(isNaN(r) ? 1 : r, 0, 1);
+    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];
   }
   return null;
@@ -423,7 +423,7 @@ A.get.hwb = function(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 = P(parseFloat(s[2]), 0, 100), o = P(parseFloat(s[3]), 0, 100), a = P(isNaN(r) ? 1 : r, 0, 1);
+    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];
   }
   return null;
@@ -451,7 +451,7 @@ A.to.hwb = function() {
 A.to.keyword = function(e) {
   return Ue[e.slice(0, 3)];
 };
-function P(e, t, s) {
+function D(e, t, s) {
   return Math.min(Math.max(t, e), s);
 }
 function se(e) {
@@ -465,7 +465,7 @@ function re(e) {
 }
 function m(e, t) {
   const s = re(e);
-  return Ot(s, t), s;
+  return Tt(s, t), s;
 }
 function B(e, t) {
   return e.appendChild(t);
@@ -473,10 +473,10 @@ function B(e, t) {
 function v(e) {
   return `${O}-${e}`;
 }
-function Ot(e, t) {
+function Tt(e, t) {
   e.className = v(t);
 }
-function Tt(e) {
+function Ot(e) {
   return e.endsWith("/") ? e.slice(0, -1) : e;
 }
 function ze(e, t) {
@@ -513,7 +513,7 @@ function Dt(e) {
     return e;
 }
 function He(e, t) {
-  return `${Tt(t || Fe)}/${e}`;
+  return `${Ot(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) => {
@@ -598,7 +598,7 @@ function Wt(e) {
   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 Jt() {
+function Xt() {
   let e = j;
   const t = (p) => {
     e = p;
@@ -612,54 +612,54 @@ function Jt() {
     n = p;
   };
   let o = !1, a = !1, l = 0, h = 0;
-  const c = m("div", "footer"), d = m("button", "btn-sidebar");
-  d.classList.add(v("footer-btn")), d.appendChild(Ut(O)), d.onclick = function() {
+  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();
-  }, d.style.display = "none", c.appendChild(d);
-  const f = m("div", "page-jumps"), b = m("button", "btn-page-back");
-  b.classList.add(v("footer-btn")), b.appendChild(Bt(O)), b.onclick = function() {
+  }, 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);
-  }, f.appendChild(b);
+  }, 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 E = 0;
+  let k = 0;
   u.onclick = function() {
-    o || (u.classList.add(v("footer-btn-playing")), n(), clearTimeout(E), E = window.setTimeout(() => {
+    o || (u.classList.add(v("footer-btn-playing")), n(), clearTimeout(k), k = window.setTimeout(() => {
       u.classList.remove(v("footer-btn-playing"));
     }, 500));
-  }, f.appendChild(u);
-  const k = m("button", "btn-page-next");
-  k.classList.add(v("footer-btn")), k.appendChild(jt(O)), k.onclick = function() {
+  }, 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);
-  }, f.appendChild(k);
-  const V = m("div", "page-number"), I = m("input", "page-number-input");
+  }, 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);
   };
   const g = m("span", "total-page");
-  g.textContent = " / ", V.appendChild(I), V.appendChild(g), c.appendChild(f), c.appendChild(V);
+  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", S.style.display = "none";
+      _.style.display = "block", x.style.display = "none";
       const te = _.querySelector("[data-id]");
       te && (te.textContent = p.toString().padStart(2, "0"));
     } else
-      _.style.display = "none", S.style.display = "block";
-  }, S = Gt(O), _ = Wt(O);
+      _.style.display = "none", x.style.display = "block";
+  }, x = Gt(O), _ = Wt(O);
   _.style.display = "none";
   const $ = m("button", "footer-btn");
-  $.appendChild(S), $.onclick = function() {
+  $.appendChild(x), $.onclick = function() {
     z(C);
   }, $.appendChild(_);
   function y(p) {
-    o !== p && (o = p, c.classList.toggle(w, o), I.disabled = o);
+    o !== p && (o = p, b.classList.toggle(w, o), I.disabled = o);
   }
   function U(p) {
-    a !== p && (a = p, d.style.display = a ? "" : "none");
+    a !== p && (a = p, c.style.display = a ? "" : "none");
   }
   function ce(p, te = !1) {
     (te || l !== p) && (l = p, I.value = String(l + 1));
@@ -668,7 +668,7 @@ function Jt() {
     h !== p && (h = p, g.textContent = ` / ${h}`);
   }
   return {
-    $footer: c,
+    $footer: b,
     $pageNumberInput: I,
     set_readonly: y,
     set_sidebar: U,
@@ -680,9 +680,9 @@ function Jt() {
     on_save_to_pdf: L
   };
 }
-const F = typeof window < "u", qe = F && !("onscroll" in window) || typeof navigator < "u" && /(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent), je = F && "IntersectionObserver" in window, Ge = F && "classList" in document.createElement("p"), We = F && window.devicePixelRatio > 1, Xt = {
+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 = {
   elements_selector: ".lazy",
-  container: qe || F ? document : null,
+  container: qe || R ? document : null,
   threshold: 300,
   thresholds: null,
   data_src: "src",
@@ -713,7 +713,7 @@ const F = typeof window < "u", qe = F && !("onscroll" in window) || typeof navig
   callback_cancel: null,
   use_native: !1,
   restore_on_error: !1
-}, Je = (e) => Object.assign({}, Xt, e), $e = function(e, t) {
+}, Xe = (e) => Object.assign({}, Jt, e), $e = function(e, t) {
   let s;
   const r = "LazyLoad::Initialized", n = new e(t);
   try {
@@ -729,14 +729,14 @@ const F = typeof window < "u", qe = F && !("onscroll" in window) || typeof navig
     else
       for (let s = 0, r; r = t[s]; s += 1)
         $e(e, r);
-}, N = "src", ge = "srcset", be = "sizes", Xe = "poster", K = "llOriginalAttrs", Ye = "data", me = "loading", Ze = "loaded", Ke = "applied", Zt = "entered", ve = "error", Qe = "native", et = "data-", tt = "ll-status", x = (e, t) => e.getAttribute(et + t), Kt = (e, t, s) => {
+}, 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) => {
   var r = et + t;
   if (s === null) {
     e.removeAttribute(r);
     return;
   }
   e.setAttribute(r, s);
-}, Q = (e) => x(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, R = (e, t, s, r) => {
+}, 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) => {
   if (e) {
     if (r !== void 0) {
       e(t, s, r);
@@ -748,7 +748,7 @@ const F = typeof window < "u", qe = F && !("onscroll" in window) || typeof navig
     }
     e(t);
   }
-}, J = (e, t) => {
+}, X = (e, t) => {
   if (Ge) {
     e.classList.add(t);
     return;
@@ -791,7 +791,7 @@ const F = typeof window < "u", qe = F && !("onscroll" in window) || typeof navig
   ot(s).forEach(t);
 }, nt = (e, t) => {
   ot(e).forEach(t);
-}, ae = [N], it = [N, Xe], Y = [N, ge, be], at = [Ye], le = (e) => !!e[K], lt = (e) => e[K], ct = (e) => delete e[K], G = (e, 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))
     return;
   const s = {};
@@ -819,33 +819,33 @@ const F = typeof window < "u", qe = F && !("onscroll" in window) || typeof navig
   const t = lt(e);
   e.style.backgroundImage = t.backgroundImage;
 }, dt = (e, t, s) => {
-  J(e, t.class_applied), q(e, Ke), s && (t.unobserve_completed && ie(e, t), R(t.callback_applied, e, s));
+  X(e, t.class_applied), q(e, Ke), s && (t.unobserve_completed && ie(e, t), V(t.callback_applied, e, s));
 }, ut = (e, t, s) => {
-  J(e, t.class_loading), q(e, me), s && (ye(s, 1), R(t.callback_loading, e, s));
-}, D = (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) => {
   s && e.setAttribute(t, s);
 }, Me = (e, t) => {
-  D(e, be, x(e, t.data_sizes)), D(e, ge, x(e, t.data_srcset)), D(e, N, x(e, t.data_src));
+  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) => {
   ke(e, (s) => {
     G(s, Y), Me(s, t);
   }), G(e, Y), Me(e, t);
 }, fs = (e, t) => {
-  G(e, ae), D(e, N, x(e, t.data_src));
+  G(e, ae), F(e, T, E(e, t.data_src));
 }, gs = (e, t) => {
   nt(e, (s) => {
-    G(s, ae), D(s, N, x(s, t.data_src));
-  }), G(e, it), D(e, Xe, x(e, t.data_poster)), D(e, N, x(e, t.data_src)), e.load();
+    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), D(e, Ye, x(e, t.data_src));
+  G(e, at), F(e, Ye, E(e, t.data_src));
 }, ms = (e, t, s) => {
-  const r = x(e, t.data_bg), n = x(e, t.data_bg_hidpi), i = We && n ? n : r;
-  i && (e.style.backgroundImage = `url("${i}")`, st(e).setAttribute(N, i), ut(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 = x(e, t.data_bg_multi), n = x(e, t.data_bg_multi_hidpi), i = We && n ? n : r;
+  const r = E(e, t.data_bg_multi), n = E(e, t.data_bg_multi_hidpi), i = We && n ? n : r;
   i && (e.style.backgroundImage = i, dt(e, t, s));
 }, ws = (e, t, s) => {
-  const r = x(e, t.data_bg_set);
+  const r = E(e, t.data_bg_set);
   if (!r)
     return;
   const n = r.split("|");
@@ -863,7 +863,7 @@ const F = typeof window < "u", qe = F && !("onscroll" in window) || typeof navig
   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) && R(e.callback_finish, t);
+  t && !ls(t) && !cs(t) && V(e.callback_finish, t);
 }, Ne = (e, t, s) => {
   e.addEventListener(t, s), e.llEvLisnrs[t] = s;
 }, xs = (e, t, s) => {
@@ -885,10 +885,10 @@ const F = typeof window < "u", qe = F && !("onscroll" in window) || typeof navig
   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), J(t, s.class_loaded), q(t, Ze), R(s.callback_loaded, t, r), n || ht(s, r);
+  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), J(t, s.class_error), q(t, ve), R(s.callback_error, t, r), s.restore_on_error && H(t, Y), n || ht(s, r);
+  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);
 }, xe = (e, t, s) => {
   const r = st(e) || e;
   if (Se(r))
@@ -906,12 +906,12 @@ const F = typeof window < "u", qe = F && !("onscroll" in window) || typeof navig
   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);
-}, Oe = (e) => {
-  e.removeAttribute(N), e.removeAttribute(ge), e.removeAttribute(be);
+}, Te = (e) => {
+  e.removeAttribute(T), e.removeAttribute(ge), e.removeAttribute(be);
 }, $s = (e) => {
   ke(e, (t) => {
-    Oe(t);
-  }), Oe(e);
+    Te(t);
+  }), Te(e);
 }, gt = (e) => {
   ke(e, (t) => {
     H(t, Y);
@@ -922,15 +922,15 @@ const F = typeof window < "u", qe = F && !("onscroll" in window) || typeof navig
   }), H(e, it), e.load();
 }, Ns = (e) => {
   H(e, ae);
-}, Os = (e) => {
+}, Ts = (e) => {
   H(e, at);
-}, Ts = {
+}, Os = {
   IMG: gt,
   IFRAME: Ns,
   VIDEO: Ms,
-  OBJECT: Os
+  OBJECT: Ts
 }, Ps = (e) => {
-  const t = Ts[e.tagName];
+  const t = Os[e.tagName];
   if (!t) {
     ps(e);
     return;
@@ -941,12 +941,12 @@ const F = typeof window < "u", qe = F && !("onscroll" in window) || typeof navig
 }, 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), R(s.callback_cancel, e, t, 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), J(e, s.class_entered), M(e, s.class_exited), is(e, s, r), R(s.callback_enter, e, t, r), !n && Ee(e, s, r);
+  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) || (J(e, s.class_exited), Rs(e, t, s, r), R(s.callback_exit, e, t, 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) => {
   e.forEach((r) => {
     Bs.indexOf(r.tagName) !== -1 && Ls(r, t, s);
@@ -962,29 +962,29 @@ const F = typeof window < "u", qe = F && !("onscroll" in window) || typeof navig
   t.forEach((s) => {
     e.observe(s);
   });
-}, Js = (e, t) => {
-  ns(e), Ws(e, t);
 }, Xs = (e, t) => {
+  ns(e), Ws(e, t);
+}, Js = (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), Te = (e, t) => Ys(e || oe(t)), Qs = (e, t) => {
+}, 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);
   }), t.update();
 }, er = (e, t) => {
-  F && (t._onlineHandler = () => {
+  R && (t._onlineHandler = () => {
     Qs(e, t);
   }, window.addEventListener("online", t._onlineHandler));
 }, tr = (e) => {
-  F && window.removeEventListener("online", e._onlineHandler);
+  R && window.removeEventListener("online", e._onlineHandler);
 }, ee = function(e, t) {
-  const s = Je(e);
-  this._settings = s, this.loadingCount = 0, Xs(s, this), er(s, this), this.update(t);
+  const s = Xe(e);
+  this._settings = s, this.loadingCount = 0, Js(s, this), er(s, this), this.update(t);
 };
 ee.prototype = {
   update: function(e) {
-    const t = this._settings, s = Te(e, t);
+    const t = this._settings, s = Oe(e, t);
     if (rt(this, s.length), qe || !je) {
       this.loadAll(s);
       return;
@@ -993,7 +993,7 @@ ee.prototype = {
       Hs(s, t, this);
       return;
     }
-    Js(this._observer, s);
+    Xs(this._observer, s);
   },
   destroy: function() {
     this._observer && this._observer.disconnect(), tr(this), oe(this._settings).forEach((e) => {
@@ -1002,7 +1002,7 @@ ee.prototype = {
   },
   loadAll: function(e) {
     const t = this._settings;
-    Te(e, t).forEach((r) => {
+    Oe(e, t).forEach((r) => {
       ie(r, this), Ee(r, t, this);
     });
   },
@@ -1014,118 +1014,118 @@ ee.prototype = {
   }
 };
 ee.load = (e, t) => {
-  const s = Je(t);
+  const s = Xe(t);
   Ee(e, s);
 };
 ee.resetStatus = (e) => {
   ne(e);
 };
-F && Yt(ee, window.lazyLoadOptions);
+R && Yt(ee, window.lazyLoadOptions);
 function sr() {
   let e = j;
   const t = (g) => {
     e = g;
   };
   let s = !1, r = !1, n = !1, i = [], o = 0;
-  const a = v("readonly"), l = v("preview-active"), h = m("div", "content"), c = m("div", "preview-mask");
-  c.onclick = function(w) {
-    r || w.target === c && u(!1);
-  }, B(h, c);
-  const d = m("div", "preview");
-  d.classList.add(v("tele-fancy-scrollbar")), d.onclick = function(w) {
+  const a = v("readonly"), l = v("preview-active"), h = m("div", "content"), b = m("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;
     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, d);
-  let f;
-  function b(g) {
+  }, 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 && !f && (f = new ee({
-      container: d,
+    n !== g && (n = g, h.classList.toggle(l, n), n && !d && (d = new ee({
+      container: c,
       elements_selector: `.${v("preview-page>img")}`
     })));
   }
-  function E(g) {
+  function k(g) {
     if (i !== g) {
       i = g;
       const w = v("preview-page"), z = v("preview-page-name");
       i.forEach((L, C) => {
-        const S = String(C), _ = re("a");
-        _.className = w + " " + v(`preview-page-${C}`), _.href = "#", _.dataset.pageIndex = S;
+        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 = S;
+        $.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 = S, B(_, y), B(_, $), B(d, _);
-      }), s || f == null || f.update();
+        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 k(g, w = !1) {
+  function S(g, w = !1) {
     if (w || o !== g) {
       o = g;
-      const z = d.querySelector(
+      const z = c.querySelector(
         `.${v(`preview-page-${o}`)}`
       );
-      z && d.scrollTo({ top: z.offsetTop - 16 });
+      z && c.scrollTo({ top: z.offsetTop - 16 });
     }
   }
-  function V() {
-    s = !0, f == null || f.destroy();
+  function N() {
+    s = !0, d == null || d.destroy();
   }
   function I() {
     return n;
   }
   return {
     $content: h,
-    $preview: d,
-    set_readonly: b,
+    $preview: c,
+    set_readonly: f,
     set_active: u,
     get_active: I,
-    set_pages: E,
+    set_pages: k,
     on_new_page_index: t,
-    set_page_index: k,
-    destroy: V
+    set_page_index: S,
+    destroy: N
   };
 }
 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 = Jt(), this._getWhiteSnapshot = null, this._slideTitle = "", this._ready = !1, this._slideCount = 0, this._destroyed = !1, this._isFrozen = !1, this._cachedIsFrozen = !1, this.onPlay = () => {
+    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 = () => {
       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 = () => {
       this.sidebar.set_active(!this.sidebar.get_active());
     }, this.toPdf = async (o) => {
-      const l = document.createElement("canvas"), h = l.getContext("2d"), { slideCount: c, width: d, height: f } = this.slide;
-      let b = Math.floor(d), u = Math.floor(f);
-      b > 1920 && (b = 1920, u = Math.floor(f * b / d)), u > 1920 && (u = 1920, b = Math.floor(d * u / f)), l.width = b, l.height = u;
-      const E = document.createElement("canvas");
-      E.width = d, E.height = f;
-      const k = E.getContext("2d");
-      if (!k || !this._getWhiteSnapshot || !h)
+      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)
         return null;
-      const V = b > u ? "l" : "p", { jsPDF: I } = await import("jspdf"), g = new I({
-        format: [b, u],
-        orientation: V,
+      const N = f > u ? "l" : "p", { jsPDF: I } = await import("jspdf"), g = new I({
+        format: [f, u],
+        orientation: N,
         compress: !0
       });
-      for (let S = 1; S <= c; S++) {
-        const _ = await this.slide.snapshotWithTimingEnd(S);
+      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, b, u);
+          y.src = _, await new Promise((U) => y.onload = U), h.drawImage(y, 0, 0, f, u);
         }
-        k.clearRect(0, 0, d, f), this._getWhiteSnapshot(S, E, k);
+        S.clearRect(0, 0, c, d), this._getWhiteSnapshot(x, k, S);
         try {
-          const y = E.toDataURL("image/png"), U = document.createElement("img");
-          U.src = y, await new Promise((ce) => U.onload = ce), h.drawImage(U, 0, 0, b, u);
+          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);
         } catch {
         }
         const $ = l.toDataURL("image/jpeg", 0.6);
-        S > 1 && g.addPage(), g.addImage($, "JPEG", 0, 0, b, u, "", "FAST"), h.clearRect(0, 0, b, u), o(Math.ceil(S / c * 100));
+        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 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 });
@@ -1140,10 +1140,10 @@ const vt = class {
     this._infoPromise = t, vt.fetchSlideInfo(e).then(({ preview: o, slide: a }) => {
       if (!this._destroyed) {
         if (this._slideCount = a.slideCount, o) {
-          const { taskId: l, url: h } = e, { slideCount: c } = a, { width: d, height: f } = o, b = He(l, h), u = Array.from({ length: c }, (E, k) => ({
-            width: d,
-            height: f,
-            thumbnail: `${b}/preview/${k + 1}.png`
+          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`
           }));
           this.sidebar.set_pages(u), this.footer.set_sidebar(!0);
         }
@@ -1206,17 +1206,17 @@ W.fetchSlideInfo = Ft;
 function rr(e) {
   return e.displayer.logger;
 }
-const T = class {
+const P = class {
   constructor(e) {
     this.context = e, this.info = (t) => {
-      T.roomLogger && this.context ? T.roomLogger.info(t + ` (${this.context.appId})`) : this.context ? console.debug(t + ` (${this.context.appId})`) : console.debug(t);
-    }, e && (T.active.add(e.appId), T.roomLogger = rr(e));
+      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));
   }
   destroy() {
-    this.context && T.active.delete(this.context.appId), T.active.size === 0 && (T.roomLogger = null);
+    this.context && P.active.delete(this.context.appId), P.active.size === 0 && (P.roomLogger = null);
   }
 };
-let Ce = T;
+let Ce = P;
 Ce.active = /* @__PURE__ */ new Set();
 Ce.roomLogger = null;
 function or({ context: e, storage: t, viewer: s, sideEffect: r, logger: n }) {
@@ -1224,13 +1224,13 @@ function or({ context: e, storage: t, viewer: s, sideEffect: r, logger: 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(
-      (b, u, E) => {
+      (u, k, S) => {
         if (!o)
           return null;
-        const k = o.pageState.pages[b - 1];
-        u.width = o.view.size.width, u.height = o.view.size.height, o.view.screenshotToCanvas(
-          E,
-          k,
+        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,
           {
@@ -1283,20 +1283,27 @@ function or({ context: e, storage: t, viewer: s, sideEffect: r, logger: n }) {
     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());
+  );
+  const b = (c) => {
+    if (!c)
+      return !1;
+    const d = c.tagName;
+    return d === "INPUT" || d === "TEXTAREA" || d === "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());
   });
 }
 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;
 }
-const lr = /* @__PURE__ */ ue.usePlugin.bind(ue), cr = "0.3.0-canary.17", dr = {
+const lr = /* @__PURE__ */ ue.usePlugin.bind(ue), cr = "0.3.0-canary.19", dr = {
   kind: "Slide",
   setup(e) {
-    console.log("[Slide] setup @ 0.3.0-canary.17 (" + e.appId + ")");
+    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.17"), !e.attributes.taskId)
+    if (t.info("[Slide] setup @ 0.3.0-canary.19"), !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({
       interactive: !0,