@netless/app-slide 0.3.0-canary.2 → 0.3.0-canary.21

package/dist/main.mjs

@@ -0,0 +1,1406 @@
+var At = Object.defineProperty;
+var It = (e, t, s) => t in e ? At(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var d = (e, t, s) => (It(e, typeof t != "symbol" ? t + "" : t, s), s);
+import { Slide as pe } from "@netless/slide";
+import { Slide as Ir } from "@netless/slide";
+var $t = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", zt = 87, Lt = 20, $e = [], Nt = () => {
+  for (let e = 0; e < Lt; e++)
+    $e[e] = $t.charAt(Math.random() * zt);
+  return $e.join("");
+};
+function Fe(e) {
+  try {
+    return e();
+  } catch (t) {
+    console.error(t);
+  }
+}
+var Ve = class {
+  constructor() {
+    this.push = this.addDisposer, this.disposers = /* @__PURE__ */ new Map();
+  }
+  addDisposer(e, t = this.genUID()) {
+    return this.flush(t), this.disposers.set(
+      t,
+      Array.isArray(e) ? Mt(e) : e
+    ), t;
+  }
+  add(e, t = this.genUID()) {
+    const s = e();
+    return s ? this.addDisposer(s, t) : t;
+  }
+  addEventListener(e, t, s, r, n = this.genUID()) {
+    return e.addEventListener(t, s, r), this.addDisposer(
+      () => e.removeEventListener(t, s, r),
+      n
+    ), n;
+  }
+  setTimeout(e, t, s = this.genUID()) {
+    const r = window.setTimeout(() => {
+      this.remove(s), e();
+    }, t);
+    return this.addDisposer(() => window.clearTimeout(r), s);
+  }
+  setInterval(e, t, s = this.genUID()) {
+    const r = window.setInterval(e, t);
+    return this.addDisposer(() => window.clearInterval(r), s);
+  }
+  remove(e) {
+    const t = this.disposers.get(e);
+    return this.disposers.delete(e), t;
+  }
+  flush(e) {
+    const t = this.remove(e);
+    t && t();
+  }
+  flushAll() {
+    this.disposers.forEach(Fe), this.disposers.clear();
+  }
+  genUID() {
+    let e;
+    do
+      e = Nt();
+    while (this.disposers.has(e));
+    return e;
+  }
+};
+function Mt(e) {
+  return () => e.forEach(Fe);
+}
+const D = "netless-app-slide", Ue = "https://convertcdn.netless.link/dynamicConvert";
+class Tt {
+  constructor() {
+    d(this, "threshold", 2);
+    d(this, "_map", /* @__PURE__ */ new Map());
+    d(this, "_box", /* @__PURE__ */ new Map());
+    d(this, "_queue", []);
+  }
+  set(t, s, r) {
+    return this._map.set(t, s), this._box.set(t, r), this._queue.includes(t) || this._queue.unshift(t), this._refresh(), () => {
+      this.delete(t);
+    };
+  }
+  delete(t) {
+    this._map.delete(t), this._box.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.sort((s, r) => {
+      var o, a;
+      const n = ((o = this._box.get(s)) == null ? void 0 : o.zIndex) ?? 0, i = ((a = this._box.get(r)) == null ? void 0 : a.zIndex) ?? 0;
+      return -(n - i);
+    }), this._queue.forEach((s, r) => {
+      (t = this._map.get(s)) && (r < this.threshold ? t.unfreeze() : t.freeze());
+    });
+  }
+}
+const Be = new Tt(), yr = function(t) {
+  t.on("focus", (s) => {
+    Be.focus(s.appId);
+  });
+};
+var T = Symbol.for("$ ANY_EVENT $"), be = (e, t) => {
+  try {
+    return e(t);
+  } catch (s) {
+    console.error(s);
+  }
+}, Ot = () => {
+}, qe = (e, t) => {
+  e.a = be(e.c, t) || Ot;
+}, Pt = (e, t) => {
+  for (const s of e)
+    s.a || (s.b === T || t.count(s.b) > 0 || t.count(T) > 0) && qe(s, t);
+}, He = (e) => {
+  e.a && (be(e.a), e.a = null);
+}, ze = (e, t) => {
+  for (const s of e)
+    s.a && (s.b === T ? t.count() <= 0 : t.count(T) <= 0 && t.count(s.b) <= 0) && He(s);
+}, je = (e) => {
+  try {
+    e();
+  } catch (t) {
+    console.error(t);
+  }
+}, Rt = (e) => {
+  const t = () => {
+    e && (je(e), e = null), t.abortable();
+  };
+  return t.dispose = t, t.abortable = Dt, t;
+};
+function Dt(e) {
+  this._o && je(this._o), this._o = e;
+}
+var Ft = class {
+  constructor() {
+    d(this, "ANY_EVENT", T);
+    d(this, "_l", /* @__PURE__ */ new Map());
+    d(this, "_r");
+    d(this, "_o");
+  }
+  emit(e, t) {
+    const s = this._l.get(e);
+    if (s)
+      for (const r of s)
+        be(r, t);
+    e !== T && this.count(T) && this.emit(T, {
+      event: e,
+      data: t
+    });
+  }
+  on(e, t) {
+    let s = this._l.get(e);
+    return s || (s = /* @__PURE__ */ new Set(), this._l.set(e, s)), s.add(t), this._r && s.size === 1 && Pt(
+      this._r,
+      this
+    ), () => {
+      this.off(e, t);
+    };
+  }
+  once(e, t) {
+    const s = Rt(() => this.off(e, r)), r = (n) => (s(), t(n));
+    return (this._o || (this._o = /* @__PURE__ */ new WeakMap())).set(
+      t,
+      r
+    ), this.on(e, r), s;
+  }
+  off(e, t) {
+    var r;
+    const s = this._l.get(e);
+    if (s) {
+      let n = s.delete(t);
+      const i = (r = this._o) == null ? void 0 : r.get(t);
+      return i && (n = s.delete(i) || n), s.size <= 0 && (this._l.delete(e), this._r && ze(this._r, this)), n;
+    }
+    return !1;
+  }
+  clear(e) {
+    var t;
+    e ? (t = this._l.get(e)) == null || t.clear() : this._l.clear(), this._r && ze(this._r, this);
+  }
+  count(e) {
+    var t;
+    if (e)
+      return ((t = this._l.get(e)) == null ? void 0 : t.size) || 0;
+    {
+      let s = 0;
+      for (const r of this._l.values())
+        s += r.size;
+      return s;
+    }
+  }
+  remit(e, t) {
+    const s = {
+      c: t,
+      b: e
+    };
+    return (this._r || (this._r = /* @__PURE__ */ new Set())).add(
+      s
+    ), (this.count(e) > 0 || this.count(T) > 0) && qe(s, this), () => {
+      var r;
+      (r = this._r) == null || r.delete(s), He(s);
+    };
+  }
+  dispose() {
+    var e;
+    this.clear(), (e = this._r) == null || e.clear();
+  }
+}, Vt = class extends Ft {
+  constructor() {
+    super();
+    d(this, "emit", super.emit);
+    d(this, "remit", super.remit);
+  }
+}, he = {}, Ut = {
+  get exports() {
+    return he;
+  },
+  set exports(e) {
+    he = e;
+  }
+}, Bt = {
+  aliceblue: [240, 248, 255],
+  antiquewhite: [250, 235, 215],
+  aqua: [0, 255, 255],
+  aquamarine: [127, 255, 212],
+  azure: [240, 255, 255],
+  beige: [245, 245, 220],
+  bisque: [255, 228, 196],
+  black: [0, 0, 0],
+  blanchedalmond: [255, 235, 205],
+  blue: [0, 0, 255],
+  blueviolet: [138, 43, 226],
+  brown: [165, 42, 42],
+  burlywood: [222, 184, 135],
+  cadetblue: [95, 158, 160],
+  chartreuse: [127, 255, 0],
+  chocolate: [210, 105, 30],
+  coral: [255, 127, 80],
+  cornflowerblue: [100, 149, 237],
+  cornsilk: [255, 248, 220],
+  crimson: [220, 20, 60],
+  cyan: [0, 255, 255],
+  darkblue: [0, 0, 139],
+  darkcyan: [0, 139, 139],
+  darkgoldenrod: [184, 134, 11],
+  darkgray: [169, 169, 169],
+  darkgreen: [0, 100, 0],
+  darkgrey: [169, 169, 169],
+  darkkhaki: [189, 183, 107],
+  darkmagenta: [139, 0, 139],
+  darkolivegreen: [85, 107, 47],
+  darkorange: [255, 140, 0],
+  darkorchid: [153, 50, 204],
+  darkred: [139, 0, 0],
+  darksalmon: [233, 150, 122],
+  darkseagreen: [143, 188, 143],
+  darkslateblue: [72, 61, 139],
+  darkslategray: [47, 79, 79],
+  darkslategrey: [47, 79, 79],
+  darkturquoise: [0, 206, 209],
+  darkviolet: [148, 0, 211],
+  deeppink: [255, 20, 147],
+  deepskyblue: [0, 191, 255],
+  dimgray: [105, 105, 105],
+  dimgrey: [105, 105, 105],
+  dodgerblue: [30, 144, 255],
+  firebrick: [178, 34, 34],
+  floralwhite: [255, 250, 240],
+  forestgreen: [34, 139, 34],
+  fuchsia: [255, 0, 255],
+  gainsboro: [220, 220, 220],
+  ghostwhite: [248, 248, 255],
+  gold: [255, 215, 0],
+  goldenrod: [218, 165, 32],
+  gray: [128, 128, 128],
+  green: [0, 128, 0],
+  greenyellow: [173, 255, 47],
+  grey: [128, 128, 128],
+  honeydew: [240, 255, 240],
+  hotpink: [255, 105, 180],
+  indianred: [205, 92, 92],
+  indigo: [75, 0, 130],
+  ivory: [255, 255, 240],
+  khaki: [240, 230, 140],
+  lavender: [230, 230, 250],
+  lavenderblush: [255, 240, 245],
+  lawngreen: [124, 252, 0],
+  lemonchiffon: [255, 250, 205],
+  lightblue: [173, 216, 230],
+  lightcoral: [240, 128, 128],
+  lightcyan: [224, 255, 255],
+  lightgoldenrodyellow: [250, 250, 210],
+  lightgray: [211, 211, 211],
+  lightgreen: [144, 238, 144],
+  lightgrey: [211, 211, 211],
+  lightpink: [255, 182, 193],
+  lightsalmon: [255, 160, 122],
+  lightseagreen: [32, 178, 170],
+  lightskyblue: [135, 206, 250],
+  lightslategray: [119, 136, 153],
+  lightslategrey: [119, 136, 153],
+  lightsteelblue: [176, 196, 222],
+  lightyellow: [255, 255, 224],
+  lime: [0, 255, 0],
+  limegreen: [50, 205, 50],
+  linen: [250, 240, 230],
+  magenta: [255, 0, 255],
+  maroon: [128, 0, 0],
+  mediumaquamarine: [102, 205, 170],
+  mediumblue: [0, 0, 205],
+  mediumorchid: [186, 85, 211],
+  mediumpurple: [147, 112, 219],
+  mediumseagreen: [60, 179, 113],
+  mediumslateblue: [123, 104, 238],
+  mediumspringgreen: [0, 250, 154],
+  mediumturquoise: [72, 209, 204],
+  mediumvioletred: [199, 21, 133],
+  midnightblue: [25, 25, 112],
+  mintcream: [245, 255, 250],
+  mistyrose: [255, 228, 225],
+  moccasin: [255, 228, 181],
+  navajowhite: [255, 222, 173],
+  navy: [0, 0, 128],
+  oldlace: [253, 245, 230],
+  olive: [128, 128, 0],
+  olivedrab: [107, 142, 35],
+  orange: [255, 165, 0],
+  orangered: [255, 69, 0],
+  orchid: [218, 112, 214],
+  palegoldenrod: [238, 232, 170],
+  palegreen: [152, 251, 152],
+  paleturquoise: [175, 238, 238],
+  palevioletred: [219, 112, 147],
+  papayawhip: [255, 239, 213],
+  peachpuff: [255, 218, 185],
+  peru: [205, 133, 63],
+  pink: [255, 192, 203],
+  plum: [221, 160, 221],
+  powderblue: [176, 224, 230],
+  purple: [128, 0, 128],
+  rebeccapurple: [102, 51, 153],
+  red: [255, 0, 0],
+  rosybrown: [188, 143, 143],
+  royalblue: [65, 105, 225],
+  saddlebrown: [139, 69, 19],
+  salmon: [250, 128, 114],
+  sandybrown: [244, 164, 96],
+  seagreen: [46, 139, 87],
+  seashell: [255, 245, 238],
+  sienna: [160, 82, 45],
+  silver: [192, 192, 192],
+  skyblue: [135, 206, 235],
+  slateblue: [106, 90, 205],
+  slategray: [112, 128, 144],
+  slategrey: [112, 128, 144],
+  snow: [255, 250, 250],
+  springgreen: [0, 255, 127],
+  steelblue: [70, 130, 180],
+  tan: [210, 180, 140],
+  teal: [0, 128, 128],
+  thistle: [216, 191, 216],
+  tomato: [255, 99, 71],
+  turquoise: [64, 224, 208],
+  violet: [238, 130, 238],
+  wheat: [245, 222, 179],
+  white: [255, 255, 255],
+  whitesmoke: [245, 245, 245],
+  yellow: [255, 255, 0],
+  yellowgreen: [154, 205, 50]
+}, fe = {}, qt = {
+  get exports() {
+    return fe;
+  },
+  set exports(e) {
+    fe = e;
+  }
+}, Ht = 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");
+}, jt = Ht, Gt = Array.prototype.concat, Wt = Array.prototype.slice, Le = qt.exports = function(t) {
+  for (var s = [], r = 0, n = t.length; r < n; r++) {
+    var i = t[r];
+    jt(i) ? s = Gt.call(s, Wt.call(i)) : s.push(i);
+  }
+  return s;
+};
+Le.wrap = function(e) {
+  return function() {
+    return e(Le(arguments));
+  };
+};
+var Z = Bt, Q = fe, Ge = Object.hasOwnProperty, We = /* @__PURE__ */ Object.create(null);
+for (var ue in Z)
+  Ge.call(Z, ue) && (We[Z[ue]] = ue);
+var C = Ut.exports = {
+  to: {},
+  get: {}
+};
+C.get = function(e) {
+  var t = e.substring(0, 3).toLowerCase(), s, r;
+  switch (t) {
+    case "hsl":
+      s = C.get.hsl(e), r = "hsl";
+      break;
+    case "hwb":
+      s = C.get.hwb(e), r = "hwb";
+      break;
+    default:
+      s = C.get.rgb(e), r = "rgb";
+      break;
+  }
+  return s ? { model: r, value: s } : null;
+};
+C.get.rgb = function(e) {
+  if (!e)
+    return null;
+  var t = /^#([a-f0-9]{3,4})$/i, s = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i, r = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/, n = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/, i = /^(\w+)$/, o = [0, 0, 0, 1], a, l, u;
+  if (a = e.match(s)) {
+    for (u = a[2], a = a[1], l = 0; l < 3; l++) {
+      var b = l * 2;
+      o[l] = parseInt(a.slice(b, b + 2), 16);
+    }
+    u && (o[3] = parseInt(u, 16) / 255);
+  } else if (a = e.match(t)) {
+    for (a = a[1], u = a[3], l = 0; l < 3; l++)
+      o[l] = parseInt(a[l] + a[l], 16);
+    u && (o[3] = parseInt(u + u, 16) / 255);
+  } else if (a = e.match(r)) {
+    for (l = 0; l < 3; l++)
+      o[l] = parseInt(a[l + 1], 0);
+    a[4] && (a[5] ? o[3] = parseFloat(a[4]) * 0.01 : o[3] = parseFloat(a[4]));
+  } else if (a = e.match(n)) {
+    for (l = 0; l < 3; l++)
+      o[l] = Math.round(parseFloat(a[l + 1]) * 2.55);
+    a[4] && (a[5] ? o[3] = parseFloat(a[4]) * 0.01 : o[3] = parseFloat(a[4]));
+  } else
+    return (a = e.match(i)) ? a[1] === "transparent" ? [0, 0, 0, 0] : Ge.call(Z, a[1]) ? (o = Z[a[1]], o[3] = 1, o) : null : null;
+  for (l = 0; l < 3; l++)
+    o[l] = V(o[l], 0, 255);
+  return o[3] = V(o[3], 0, 1), o;
+};
+C.get.hsl = function(e) {
+  if (!e)
+    return null;
+  var t = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/, s = e.match(t);
+  if (s) {
+    var r = parseFloat(s[4]), n = (parseFloat(s[1]) % 360 + 360) % 360, i = V(parseFloat(s[2]), 0, 100), o = V(parseFloat(s[3]), 0, 100), a = V(isNaN(r) ? 1 : r, 0, 1);
+    return [n, i, o, a];
+  }
+  return null;
+};
+C.get.hwb = function(e) {
+  if (!e)
+    return null;
+  var t = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/, s = e.match(t);
+  if (s) {
+    var r = parseFloat(s[4]), n = (parseFloat(s[1]) % 360 + 360) % 360, i = V(parseFloat(s[2]), 0, 100), o = V(parseFloat(s[3]), 0, 100), a = V(isNaN(r) ? 1 : r, 0, 1);
+    return [n, i, o, a];
+  }
+  return null;
+};
+C.to.hex = function() {
+  var e = Q(arguments);
+  return "#" + oe(e[0]) + oe(e[1]) + oe(e[2]) + (e[3] < 1 ? oe(Math.round(e[3] * 255)) : "");
+};
+C.to.rgb = function() {
+  var e = Q(arguments);
+  return e.length < 4 || e[3] === 1 ? "rgb(" + Math.round(e[0]) + ", " + Math.round(e[1]) + ", " + Math.round(e[2]) + ")" : "rgba(" + Math.round(e[0]) + ", " + Math.round(e[1]) + ", " + Math.round(e[2]) + ", " + e[3] + ")";
+};
+C.to.rgb.percent = function() {
+  var e = Q(arguments), t = Math.round(e[0] / 255 * 100), s = Math.round(e[1] / 255 * 100), r = Math.round(e[2] / 255 * 100);
+  return e.length < 4 || e[3] === 1 ? "rgb(" + t + "%, " + s + "%, " + r + "%)" : "rgba(" + t + "%, " + s + "%, " + r + "%, " + e[3] + ")";
+};
+C.to.hsl = function() {
+  var e = Q(arguments);
+  return e.length < 4 || e[3] === 1 ? "hsl(" + e[0] + ", " + e[1] + "%, " + e[2] + "%)" : "hsla(" + e[0] + ", " + e[1] + "%, " + e[2] + "%, " + e[3] + ")";
+};
+C.to.hwb = function() {
+  var e = Q(arguments), t = "";
+  return e.length >= 4 && e[3] !== 1 && (t = ", " + e[3]), "hwb(" + e[0] + ", " + e[1] + "%, " + e[2] + "%" + t + ")";
+};
+C.to.keyword = function(e) {
+  return We[e.slice(0, 3)];
+};
+function V(e, t, s) {
+  return Math.min(Math.max(t, e), s);
+}
+function oe(e) {
+  var t = Math.round(e).toString(16).toUpperCase();
+  return t.length < 2 ? "0" + t : t;
+}
+function W() {
+}
+function ne(e) {
+  return document.createElement(e);
+}
+function y(e, t) {
+  const s = ne(e);
+  return Jt(s, t), s;
+}
+function H(e, t) {
+  return e.appendChild(t);
+}
+function _(e) {
+  return `${D}-${e}`;
+}
+function Jt(e, t) {
+  e.className = _(t);
+}
+function Xt(e) {
+  return e.endsWith("/") ? e.slice(0, -1) : e;
+}
+function Ne(e, t) {
+  if (typeof e == "object" && e !== null)
+    return e[t];
+}
+function Me() {
+  let e;
+  return [new Promise((s) => {
+    e = s;
+  }), e];
+}
+function Yt(e) {
+  const t = e.room, s = e.displayer;
+  return t ? () => t.calibrationTimestamp : s ? () => s.beginTimestamp + s.progressTime : () => Date.now();
+}
+function Je(e) {
+  try {
+    let t = window.getComputedStyle(e).backgroundColor;
+    if (t !== "rgba(0, 0, 0, 0)" && t !== "transparent")
+      return t = Zt(t), console.log("[Slide] guess bg color:", t), t;
+    if (e.parentElement)
+      return Je(e.parentElement);
+  } catch {
+  }
+  return "#ffffff";
+}
+function Zt(e) {
+  const t = he.get(e);
+  if (t && t.model === "rgb") {
+    const s = t.value, n = (((Math.round(s[0]) & 255) << 16) + ((Math.round(s[1]) & 255) << 8) + (Math.round(s[2]) & 255)).toString(16);
+    return "#" + "000000".substring(n.length) + n;
+  } else
+    return e;
+}
+function Xe(e, t) {
+  return `${Xt(t || Ue)}/${e}`;
+}
+async function Kt({ taskId: e, url: t }) {
+  const s = Xe(e, t), r = `${s}/preview/1.png`, n = `${s}/jsonOutput/slide-1.json`, i = new Promise((a) => {
+    const l = new Image();
+    l.onload = () => a(l), l.onerror = () => a(null), l.src = r;
+  }), o = fetch(n).then((a) => a.json());
+  return { preview: await i, slide: await o };
+}
+function Qt(e) {
+  if (typeof document < "u") {
+    const t = () => e(document.visibilityState === "visible");
+    return document.addEventListener("visibilitychange", t), () => document.removeEventListener("visibilitychange", t);
+  }
+  return W;
+}
+const es = `.netless-app-slide-tele-fancy-scrollbar{overscroll-behavior:contain;overflow:auto;overflow-y:scroll;overflow-y:overlay;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-width:auto}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar{height:8px;width:8px}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-track{background-color:transparent}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb{background-color:#444e601a;background-color:transparent;border-radius:4px;transition:background-color .4s}.netless-app-slide-tele-fancy-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#444e601a}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#444e6033}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:active{background-color:#444e6033}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:vertical{min-height:50px}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:horizontal{min-width:50px}.netless-app-slide-content{position:relative;height:100%;overflow:hidden}.netless-app-slide-slide{width:100%;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-mask{display:none;position:absolute;z-index:10200;top:0;left:0;width:100%;height:100%}.netless-app-slide-preview{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:10300;top:0;left:0;width:33%;max-width:200px;height:100%;padding-top:10px;transform:translate(-100%);background:rgba(237,237,240,.9);box-shadow:inset -1px 0 #0000001c;transition:transform .4s;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-active .netless-app-slide-preview-mask{display:block}.netless-app-slide-preview-active .netless-app-slide-preview{transform:translate(0)}.netless-app-slide-preview-page{position:relative;display:block;width:55%;margin-bottom:10px;font-size:0;color:transparent;outline:none;border:7px solid transparent;border-radius:4px;transition:border-color .3s;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-page:hover,.netless-app-slide-preview-page.netless-app-slide-preview-page-active{border-color:#444e601a}.netless-app-slide-preview-page>img{width:100%;height:auto;box-sizing:border-box;border:1px solid rgba(0,0,0,.5);border-radius:1px;background-color:#fff;box-shadow:0 2px 8px #0000004d}.netless-app-slide-preview-page-name{position:absolute;top:1px;left:-10px;transform:translate(-100%);text-align:right;font-size:12px;color:#5f5f5f;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-overlay{display:flex;align-items:center;justify-content:center;position:absolute;z-index:10100;top:0;left:0;width:100%;height:100%;padding:10px;box-sizing:border-box;background:rgba(255,0,0,.25);transition:opacity .3s;opacity:0;pointer-events:none}.netless-app-slide-footer{box-sizing:border-box;height:26px;display:flex;align-items:center;padding:0 16px;border-top:1px solid #eeeef7;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.netless-app-slide-float-footer{width:100%;min-height:26px;position:absolute;left:0;bottom:0;z-index:2000;background:rgba(249,249,252,.9);transition:opacity .4s}.netless-app-slide-footer-btn{box-sizing:border-box;width:26px;height:26px;font-size:0;margin:0;padding:3px;border:none;border-radius:1px;outline:none;color:currentColor;background:transparent;transition:background .4s;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-footer-btn:hover{background:rgba(237,237,240,.9)}@media (hover: none){.netless-app-slide-footer-btn:hover{background:transparent!important}}.netless-app-slide-footer-btn>svg{width:100%;height:100%}.netless-app-slide-footer-btn>svg:nth-of-type(2){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(1){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(2){display:initial}.netless-app-slide-footer-btn~.netless-app-slide-footer-btn{margin-left:15px}.netless-app-slide-page-jumps{flex:1;display:flex;justify-content:center;align-items:center}.netless-app-slide-page-number{display:flex;align-items:center;height:26px;margin-left:auto;font-size:13px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;word-break:keep-all;font-variant-numeric:tabular-nums}.netless-app-slide-page-number-input{border:none;outline:none;width:3em;margin:0;padding:0 .5em 0 2px;text-align:right;font-size:13px;line-height:1;font-weight:400;border-radius:2px;color:currentColor;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background:transparent;transition:background .4s;font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-page-number-input:hover,.netless-app-slide-page-number-input:focus,.netless-app-slide-page-number-input:active{user-select:text;background:#fff;box-shadow:#63636333 0 2px 8px}.netless-app-slide-readonly .netless-app-slide-footer-btn{cursor:not-allowed}.netless-app-slide-readonly .netless-app-slide-footer-btn:hover{background:transparent}.netless-app-slide-readonly .netless-app-slide-page-number-input{cursor:not-allowed}.netless-app-slide-readonly .netless-app-slide-page-number-input:hover,.netless-app-slide-readonly .netless-app-slide-page-number-input:focus,.netless-app-slide-readonly .netless-app-slide-page-number-input:active{background:transparent;box-shadow:none}.netless-app-slide-readonly .netless-app-slide-page-number-input:disabled{color:inherit}.netless-app-slide-readonly.netless-app-slide-float-footer,.netless-app-slide-wb-view-hidden{display:none}.telebox-color-scheme-dark .netless-app-slide-page-number-input:active,.telebox-color-scheme-dark .netless-app-slide-page-number-input:focus,.telebox-color-scheme-dark .netless-app-slide-page-number-input:hover{color:currentColor;background:#25282e}.telebox-color-scheme-dark .netless-app-slide-footer{border-top:none}.telebox-color-scheme-dark .netless-app-slide-footer-btn:hover{background:#212126}.telebox-color-scheme-dark .netless-app-slide-preview{background:rgba(50,50,50,.9)}.netless-app-slide-preview-wrapper{width:100%;height:100%;overflow:hidden;display:flex;flex-flow:column nowrap}.netless-app-slide-preview-wrapper .netless-app-slide-content{flex:1}.netless-app-slide-preview-wrapper .netless-app-slide-footer{flex-shrink:0}
+`;
+function ts(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 ss(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 rs(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 os(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 ns(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 as(e) {
+  const t = "http://www.w3.org/2000/svg", s = document.createElementNS(t, "svg");
+  s.setAttribute("class", `${e}-footer-icon-save`), s.setAttribute("viewBox", "0 0 448 512");
+  const r = document.createElementNS(t, "path");
+  return r.setAttribute("fill", "currentColor"), r.setAttribute(
+    "d",
+    "M224 256c-35.2 0-64 28.8-64 64c0 35.2 28.8 64 64 64c35.2 0 64-28.8 64-64C288 284.8 259.2 256 224 256zM433.1 129.1l-83.9-83.9C341.1 37.06 328.8 32 316.1 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V163.9C448 151.2 442.9 138.9 433.1 129.1zM128 80h144V160H128V80zM400 416c0 8.836-7.164 16-16 16H64c-8.836 0-16-7.164-16-16V96c0-8.838 7.164-16 16-16h16v104c0 13.25 10.75 24 24 24h192C309.3 208 320 197.3 320 184V83.88l78.25 78.25C399.4 163.2 400 164.8 400 166.3V416z"
+  ), s.appendChild(r), s;
+}
+function is(e) {
+  const t = "http://www.w3.org/2000/svg", s = document.createElementNS(t, "svg");
+  s.setAttribute("class", `${e}-footer-icon-spinner`), s.setAttribute("viewBox", "0 0 512 512");
+  const r = document.createElementNS(t, "path");
+  r.setAttribute("fill", "currentColor"), r.setAttribute(
+    "d",
+    "M304 48c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zm0 416c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM48 304c26.5 0 48-21.5 48-48s-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48zm464-48c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM142.9 437c18.7-18.7 18.7-49.1 0-67.9s-49.1-18.7-67.9 0s-18.7 49.1 0 67.9s49.1 18.7 67.9 0zm0-294.2c18.7-18.7 18.7-49.1 0-67.9S93.7 56.2 75 75s-18.7 49.1 0 67.9s49.1 18.7 67.9 0zM369.1 437c18.7 18.7 49.1 18.7 67.9 0s18.7-49.1 0-67.9s-49.1-18.7-67.9 0s-18.7 49.1 0 67.9z"
+  );
+  const n = document.createElementNS(t, "animateTransform");
+  n.setAttribute("attributeName", "transform"), n.setAttribute("attributeType", "xml"), n.setAttribute("type", "rotate"), n.setAttribute("from", "0 256 256"), n.setAttribute("to", "360 256 256"), n.setAttribute("begin", "0s"), n.setAttribute("dur", "2s"), n.setAttribute("fill", "freeze"), n.setAttribute("repeatCount", "indefinite"), r.appendChild(n);
+  const 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 ls() {
+  let e = W;
+  const t = (h) => {
+    e = h;
+  };
+  let s = W;
+  const r = (h) => {
+    s = h;
+  };
+  let n = W;
+  const i = (h) => {
+    n = h;
+  };
+  let o = !1, a = !1, l = 0, u = 0;
+  const b = y("div", "footer"), g = y("button", "btn-sidebar");
+  g.classList.add(_("footer-btn")), g.appendChild(ts(D)), g.onclick = function() {
+    o || s();
+  }, g.style.display = "none", b.appendChild(g);
+  const m = y("div", "page-jumps"), c = y("button", "btn-page-back");
+  c.classList.add(_("footer-btn")), c.appendChild(ss(D)), c.onclick = function() {
+    o || e(l - 1);
+  }, m.appendChild(c);
+  const f = y("button", "btn-page-play");
+  f.classList.add(_("footer-btn")), f.appendChild(rs(D)), f.appendChild(os(D));
+  let E = 0;
+  f.onclick = function() {
+    o || (f.classList.add(_("footer-btn-playing")), n(), clearTimeout(E), E = window.setTimeout(() => {
+      f.classList.remove(_("footer-btn-playing"));
+    }, 500));
+  }, m.appendChild(f);
+  const z = y("button", "btn-page-next");
+  z.classList.add(_("footer-btn")), z.appendChild(ns(D)), z.onclick = function() {
+    o || e(l + 1);
+  }, m.appendChild(z);
+  const A = y("div", "page-number"), v = y("input", "page-number-input");
+  v.value = String(l + 1), v.onchange = function() {
+    o || v.value && e(Number(v.value) - 1);
+  };
+  const p = y("span", "total-page");
+  p.textContent = " / ", A.appendChild(v), A.appendChild(p), b.appendChild(m), b.appendChild(A);
+  const w = _("readonly");
+  let k = W;
+  const S = (h) => {
+    k = h;
+  }, I = (h) => {
+    if (h < 99) {
+      $.style.display = "block", N.style.display = "none";
+      const re = $.querySelector("[data-id]");
+      re && (re.textContent = h.toString().padStart(2, "0"));
+    } else
+      $.style.display = "none", N.style.display = "block";
+  }, N = as(D), $ = is(D);
+  $.style.display = "none";
+  const P = y("button", "footer-btn");
+  P.appendChild(N), P.onclick = function() {
+    k(I);
+  }, P.appendChild($);
+  function R(h) {
+    o !== h && (o = h, b.classList.toggle(w, o), v.disabled = o);
+  }
+  function xt(h) {
+    a !== h && (a = h, g.style.display = a ? "" : "none");
+  }
+  function Et(h, re = !1) {
+    (re || l !== h) && (l = h, v.value = String(l + 1));
+  }
+  function Ct(h) {
+    u !== h && (u = h, p.textContent = ` / ${u}`);
+  }
+  return {
+    $footer: b,
+    $pageNumberInput: v,
+    set_readonly: R,
+    set_sidebar: xt,
+    set_page_index: Et,
+    set_page_count: Ct,
+    on_new_page_index: t,
+    on_toggle_preview: r,
+    on_play: i,
+    on_save_to_pdf: S
+  };
+}
+const B = typeof window < "u", Ye = B && !("onscroll" in window) || typeof navigator < "u" && /(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent), Ze = B && "IntersectionObserver" in window, Ke = B && "classList" in document.createElement("p"), Qe = B && window.devicePixelRatio > 1, cs = {
+  elements_selector: ".lazy",
+  container: Ye || B ? document : null,
+  threshold: 300,
+  thresholds: null,
+  data_src: "src",
+  data_srcset: "srcset",
+  data_sizes: "sizes",
+  data_bg: "bg",
+  data_bg_hidpi: "bg-hidpi",
+  data_bg_multi: "bg-multi",
+  data_bg_multi_hidpi: "bg-multi-hidpi",
+  data_bg_set: "bg-set",
+  data_poster: "poster",
+  class_applied: "applied",
+  class_loading: "loading",
+  class_loaded: "loaded",
+  class_error: "error",
+  class_entered: "entered",
+  class_exited: "exited",
+  unobserve_completed: !0,
+  unobserve_entered: !1,
+  cancel_on_exit: !0,
+  callback_enter: null,
+  callback_exit: null,
+  callback_applied: null,
+  callback_loading: null,
+  callback_loaded: null,
+  callback_error: null,
+  callback_finish: null,
+  callback_cancel: null,
+  use_native: !1,
+  restore_on_error: !1
+}, et = (e) => Object.assign({}, cs, e), Te = function(e, t) {
+  let s;
+  const r = "LazyLoad::Initialized", n = new e(t);
+  try {
+    s = new CustomEvent(r, { detail: { instance: n } });
+  } catch {
+    s = document.createEvent("CustomEvent"), s.initCustomEvent(r, !1, !1, { instance: n });
+  }
+  window.dispatchEvent(s);
+}, ds = (e, t) => {
+  if (t)
+    if (!t.length)
+      Te(e, t);
+    else
+      for (let s = 0, r; r = t[s]; s += 1)
+        Te(e, r);
+}, O = "src", me = "srcset", ve = "sizes", tt = "poster", ee = "llOriginalAttrs", st = "data", we = "loading", rt = "loaded", ot = "applied", us = "entered", _e = "error", nt = "native", at = "data-", it = "ll-status", x = (e, t) => e.getAttribute(at + t), ps = (e, t, s) => {
+  const r = at + t;
+  if (s === null) {
+    e.removeAttribute(r);
+    return;
+  }
+  e.setAttribute(r, s);
+}, te = (e) => x(e, it), G = (e, t) => ps(e, it, t), ie = (e) => G(e, null), ye = (e) => te(e) === null, hs = (e) => te(e) === we, fs = (e) => te(e) === _e, ke = (e) => te(e) === nt, gs = [we, rt, ot, _e], bs = (e) => gs.indexOf(te(e)) >= 0, q = (e, t, s, r) => {
+  if (!(!e || typeof e != "function")) {
+    if (r !== void 0) {
+      e(t, s, r);
+      return;
+    }
+    if (s !== void 0) {
+      e(t, s);
+      return;
+    }
+    e(t);
+  }
+}, X = (e, t) => {
+  if (Ke) {
+    e.classList.add(t);
+    return;
+  }
+  e.className += (e.className ? " " : "") + t;
+}, L = (e, t) => {
+  if (Ke) {
+    e.classList.remove(t);
+    return;
+  }
+  e.className = e.className.replace(new RegExp("(^|\\s+)" + t + "(\\s+|$)"), " ").replace(/^\s+/, "").replace(/\s+$/, "");
+}, ms = (e) => {
+  e.llTempImage = document.createElement("IMG");
+}, vs = (e) => {
+  delete e.llTempImage;
+}, lt = (e) => e.llTempImage, le = (e, t) => {
+  if (!t)
+    return;
+  const s = t._observer;
+  s && s.unobserve(e);
+}, ws = (e) => {
+  e.disconnect();
+}, _s = (e, t, s) => {
+  t.unobserve_entered && le(e, s);
+}, Se = (e, t) => {
+  e && (e.loadingCount += t);
+}, ys = (e) => {
+  e && (e.toLoadCount -= 1);
+}, ct = (e, t) => {
+  e && (e.toLoadCount = t);
+}, ks = (e) => e.loadingCount > 0, Ss = (e) => e.toLoadCount > 0, dt = (e) => {
+  let t = [];
+  for (let s = 0, r; r = e.children[s]; s += 1)
+    r.tagName === "SOURCE" && t.push(r);
+  return t;
+}, xe = (e, t) => {
+  const s = e.parentNode;
+  if (!s || s.tagName !== "PICTURE")
+    return;
+  dt(s).forEach(t);
+}, ut = (e, t) => {
+  dt(e).forEach(t);
+}, ce = [O], pt = [O, tt], K = [O, me, ve], ht = [st], de = (e) => !!e[ee], ft = (e) => e[ee], gt = (e) => delete e[ee], J = (e, t) => {
+  if (de(e))
+    return;
+  const s = {};
+  t.forEach((r) => {
+    s[r] = e.getAttribute(r);
+  }), e[ee] = s;
+}, xs = (e) => {
+  de(e) || (e[ee] = { backgroundImage: e.style.backgroundImage });
+}, Es = (e, t, s) => {
+  if (!s) {
+    e.removeAttribute(t);
+    return;
+  }
+  e.setAttribute(t, s);
+}, j = (e, t) => {
+  if (!de(e))
+    return;
+  const s = ft(e);
+  t.forEach((r) => {
+    Es(e, r, s[r]);
+  });
+}, Cs = (e) => {
+  if (!de(e))
+    return;
+  const t = ft(e);
+  e.style.backgroundImage = t.backgroundImage;
+}, bt = (e, t, s) => {
+  X(e, t.class_applied), G(e, ot), s && (t.unobserve_completed && le(e, t), q(t.callback_applied, e, s));
+}, mt = (e, t, s) => {
+  X(e, t.class_loading), G(e, we), s && (Se(s, 1), q(t.callback_loading, e, s));
+}, U = (e, t, s) => {
+  s && e.setAttribute(t, s);
+}, Oe = (e, t) => {
+  U(e, ve, x(e, t.data_sizes)), U(e, me, x(e, t.data_srcset)), U(e, O, x(e, t.data_src));
+}, As = (e, t) => {
+  xe(e, (s) => {
+    J(s, K), Oe(s, t);
+  }), J(e, K), Oe(e, t);
+}, Is = (e, t) => {
+  J(e, ce), U(e, O, x(e, t.data_src));
+}, $s = (e, t) => {
+  ut(e, (s) => {
+    J(s, ce), U(s, O, x(s, t.data_src));
+  }), J(e, pt), U(e, tt, x(e, t.data_poster)), U(e, O, x(e, t.data_src)), e.load();
+}, zs = (e, t) => {
+  J(e, ht), U(e, st, x(e, t.data_src));
+}, Ls = (e, t, s) => {
+  const r = x(e, t.data_bg), n = x(e, t.data_bg_hidpi), i = Qe && n ? n : r;
+  i && (e.style.backgroundImage = `url("${i}")`, lt(e).setAttribute(O, i), mt(e, t, s));
+}, Ns = (e, t, s) => {
+  const r = x(e, t.data_bg_multi), n = x(e, t.data_bg_multi_hidpi), i = Qe && n ? n : r;
+  i && (e.style.backgroundImage = i, bt(e, t, s));
+}, Ms = (e, t, s) => {
+  const r = x(e, t.data_bg_set);
+  if (!r)
+    return;
+  const n = r.split("|");
+  let i = n.map((o) => `image-set(${o})`);
+  e.style.backgroundImage = i.join(), e.style.backgroundImage === "" && (i = n.map((o) => `-webkit-image-set(${o})`), e.style.backgroundImage = i.join()), bt(e, t, s);
+}, vt = {
+  IMG: As,
+  IFRAME: Is,
+  VIDEO: $s,
+  OBJECT: zs
+}, Ts = (e, t) => {
+  const s = vt[e.tagName];
+  s && s(e, t);
+}, Os = (e, t, s) => {
+  const r = vt[e.tagName];
+  r && (r(e, t), mt(e, t, s));
+}, Ps = ["IMG", "IFRAME", "VIDEO", "OBJECT"], Rs = (e) => Ps.indexOf(e.tagName) > -1, wt = (e, t) => {
+  t && !ks(t) && !Ss(t) && q(e.callback_finish, t);
+}, Pe = (e, t, s) => {
+  e.addEventListener(t, s), e.llEvLisnrs[t] = s;
+}, Ds = (e, t, s) => {
+  e.removeEventListener(t, s);
+}, Ee = (e) => !!e.llEvLisnrs, Fs = (e, t, s) => {
+  Ee(e) || (e.llEvLisnrs = {});
+  const r = e.tagName === "VIDEO" ? "loadeddata" : "load";
+  Pe(e, r, t), Pe(e, "error", s);
+}, ge = (e) => {
+  if (!Ee(e))
+    return;
+  const t = e.llEvLisnrs;
+  for (let s in t) {
+    const r = t[s];
+    Ds(e, s, r);
+  }
+  delete e.llEvLisnrs;
+}, _t = (e, t, s) => {
+  vs(e), Se(s, -1), ys(s), L(e, t.class_loading), t.unobserve_completed && le(e, s);
+}, Vs = (e, t, s, r) => {
+  const n = ke(t);
+  _t(t, s, r), X(t, s.class_loaded), G(t, rt), q(s.callback_loaded, t, r), n || wt(s, r);
+}, Us = (e, t, s, r) => {
+  const n = ke(t);
+  _t(t, s, r), X(t, s.class_error), G(t, _e), q(s.callback_error, t, r), s.restore_on_error && j(t, K), n || wt(s, r);
+}, Ce = (e, t, s) => {
+  const r = lt(e) || e;
+  if (Ee(r))
+    return;
+  Fs(r, (o) => {
+    Vs(o, e, t, s), ge(r);
+  }, (o) => {
+    Us(o, e, t, s), ge(r);
+  });
+}, Bs = (e, t, s) => {
+  ms(e), Ce(e, t, s), xs(e), Ls(e, t, s), Ns(e, t, s), Ms(e, t, s);
+}, qs = (e, t, s) => {
+  Ce(e, t, s), Os(e, t, s);
+}, Ae = (e, t, s) => {
+  Rs(e) ? qs(e, t, s) : Bs(e, t, s);
+}, Hs = (e, t, s) => {
+  e.setAttribute("loading", "lazy"), Ce(e, t, s), Ts(e, t), G(e, nt);
+}, Re = (e) => {
+  e.removeAttribute(O), e.removeAttribute(me), e.removeAttribute(ve);
+}, js = (e) => {
+  xe(e, (t) => {
+    Re(t);
+  }), Re(e);
+}, yt = (e) => {
+  xe(e, (t) => {
+    j(t, K);
+  }), j(e, K);
+}, Gs = (e) => {
+  ut(e, (t) => {
+    j(t, ce);
+  }), j(e, pt), e.load();
+}, Ws = (e) => {
+  j(e, ce);
+}, Js = (e) => {
+  j(e, ht);
+}, Xs = {
+  IMG: yt,
+  IFRAME: Ws,
+  VIDEO: Gs,
+  OBJECT: Js
+}, Ys = (e) => {
+  const t = Xs[e.tagName];
+  if (!t) {
+    Cs(e);
+    return;
+  }
+  t(e);
+}, Zs = (e, t) => {
+  ye(e) || ke(e) || (L(e, t.class_entered), L(e, t.class_exited), L(e, t.class_applied), L(e, t.class_loading), L(e, t.class_loaded), L(e, t.class_error));
+}, Ks = (e, t) => {
+  Ys(e), Zs(e, t), ie(e), gt(e);
+}, Qs = (e, t, s, r) => {
+  s.cancel_on_exit && hs(e) && e.tagName === "IMG" && (ge(e), js(e), yt(e), L(e, s.class_loading), Se(r, -1), ie(e), q(s.callback_cancel, e, t, r));
+}, er = (e, t, s, r) => {
+  const n = bs(e);
+  G(e, us), X(e, s.class_entered), L(e, s.class_exited), _s(e, s, r), q(s.callback_enter, e, t, r), !n && Ae(e, s, r);
+}, tr = (e, t, s, r) => {
+  ye(e) || (X(e, s.class_exited), Qs(e, t, s, r), q(s.callback_exit, e, t, r));
+}, sr = ["IMG", "IFRAME", "VIDEO"], kt = (e) => e.use_native && "loading" in HTMLImageElement.prototype, rr = (e, t, s) => {
+  e.forEach((r) => {
+    sr.indexOf(r.tagName) !== -1 && Hs(r, t, s);
+  }), ct(s, 0);
+}, or = (e) => e.isIntersecting || e.intersectionRatio > 0, nr = (e) => ({
+  root: e.container === document ? null : e.container,
+  rootMargin: e.thresholds || e.threshold + "px"
+}), ar = (e, t, s) => {
+  e.forEach(
+    (r) => or(r) ? er(r.target, r, t, s) : tr(r.target, r, t, s)
+  );
+}, ir = (e, t) => {
+  t.forEach((s) => {
+    e.observe(s);
+  });
+}, lr = (e, t) => {
+  ws(e), ir(e, t);
+}, cr = (e, t) => {
+  !Ze || kt(e) || (t._observer = new IntersectionObserver((s) => {
+    ar(s, e, t);
+  }, nr(e)));
+}, St = (e) => Array.prototype.slice.call(e), ae = (e) => e.container.querySelectorAll(e.elements_selector), dr = (e) => St(e).filter(ye), ur = (e) => fs(e), pr = (e) => St(e).filter(ur), De = (e, t) => dr(e || ae(t)), hr = (e, t) => {
+  pr(ae(e)).forEach((r) => {
+    L(r, e.class_error), ie(r);
+  }), t.update();
+}, fr = (e, t) => {
+  B && (t._onlineHandler = () => {
+    hr(e, t);
+  }, window.addEventListener("online", t._onlineHandler));
+}, gr = (e) => {
+  B && window.removeEventListener("online", e._onlineHandler);
+}, se = function(e, t) {
+  const s = et(e);
+  this._settings = s, this.loadingCount = 0, cr(s, this), fr(s, this), this.update(t);
+};
+se.prototype = {
+  update: function(e) {
+    const t = this._settings, s = De(e, t);
+    if (ct(this, s.length), Ye || !Ze) {
+      this.loadAll(s);
+      return;
+    }
+    if (kt(t)) {
+      rr(s, t, this);
+      return;
+    }
+    lr(this._observer, s);
+  },
+  destroy: function() {
+    this._observer && this._observer.disconnect(), gr(this), ae(this._settings).forEach((e) => {
+      gt(e);
+    }), delete this._observer, delete this._settings, delete this._onlineHandler, delete this.loadingCount, delete this.toLoadCount;
+  },
+  loadAll: function(e) {
+    const t = this._settings;
+    De(e, t).forEach((r) => {
+      le(r, this), Ae(r, t, this);
+    });
+  },
+  restoreAll: function() {
+    const e = this._settings;
+    ae(e).forEach((t) => {
+      Ks(t, e);
+    });
+  }
+};
+se.load = (e, t) => {
+  const s = et(t);
+  Ae(e, s);
+};
+se.resetStatus = (e) => {
+  ie(e);
+};
+B && ds(se, window.lazyLoadOptions);
+function br() {
+  let e = W;
+  const t = (p) => {
+    e = p;
+  };
+  let s = !1, r = !1, n = !1, i = [], o = 0;
+  const a = _("readonly"), l = _("preview-active"), u = y("div", "content"), b = y("div", "preview-mask");
+  b.onclick = function(w) {
+    r || w.target === b && f(!1);
+  }, H(u, b);
+  const g = y("div", "preview");
+  g.classList.add(_("tele-fancy-scrollbar")), g.onclick = function(w) {
+    var S;
+    if (r)
+      return;
+    const k = (S = w.target.dataset) == null ? void 0 : S.pageIndex;
+    k && (w.preventDefault(), w.stopPropagation(), w.stopImmediatePropagation(), e(Number(k)), f(!1));
+  }, H(u, g);
+  let m;
+  function c(p) {
+    r !== p && (r = p, u.classList.toggle(a, r));
+  }
+  function f(p) {
+    n !== p && (n = p, u.classList.toggle(l, n), n && !m && (m = new se({
+      container: g,
+      elements_selector: `.${_("preview-page>img")}`
+    })));
+  }
+  function E(p) {
+    if (i !== p) {
+      i = p;
+      const w = _("preview-page"), k = _("preview-page-name");
+      i.forEach((S, I) => {
+        const N = String(I), $ = ne("a");
+        $.className = w + " " + _(`preview-page-${I}`), $.href = "#", $.dataset.pageIndex = N;
+        const P = ne("span");
+        P.className = k, P.textContent = String(I + 1), P.dataset.pageIndex = N;
+        const R = ne("img");
+        R.width = S.width, R.height = S.height, R.alt = `page-${I}`, R.dataset.src = S.thumbnail, R.dataset.pageIndex = N, H($, R), H($, P), H(g, $);
+      }), s || m == null || m.update();
+    }
+  }
+  function z(p, w = !1) {
+    if (w || o !== p) {
+      o = p;
+      const k = g.querySelector(
+        `.${_(`preview-page-${o}`)}`
+      );
+      k && g.scrollTo({ top: k.offsetTop - 16 });
+    }
+  }
+  function A() {
+    s = !0, m == null || m.destroy();
+  }
+  function v() {
+    return n;
+  }
+  return {
+    $content: u,
+    $preview: g,
+    set_readonly: c,
+    set_active: f,
+    get_active: v,
+    set_pages: E,
+    on_new_page_index: t,
+    set_page_index: z,
+    destroy: A
+  };
+}
+const Ie = class {
+  constructor(t) {
+    d(this, "sideEffect", new Ve());
+    d(this, "events", new Vt());
+    d(this, "$slide", y("div", "slide"));
+    d(this, "$overlay", y("div", "overlay"));
+    d(this, "sidebar", br());
+    d(this, "footer", ls());
+    d(this, "$content");
+    d(this, "$footer");
+    d(this, "slide");
+    d(this, "_slideTitle", "");
+    d(this, "_getWhiteSnapshot", null);
+    d(this, "_readyPromise");
+    d(this, "_infoPromise");
+    d(this, "_ready", !1);
+    d(this, "_slideCount", 0);
+    d(this, "_destroyed", !1);
+    d(this, "_isFrozen", !1);
+    d(this, "_cachedIsFrozen", !1);
+    d(this, "onPlay", () => {
+      this.slide.nextStep();
+    });
+    d(this, "onNewPageIndex", (t) => {
+      this._ready && t >= 0 && t < this._slideCount ? this.slide.renderSlide(t + 1) : this.setPage(this.slide.slideState.currentSlideIndex);
+    });
+    d(this, "onTogglePreview", () => {
+      this.sidebar.set_active(!this.sidebar.get_active());
+    });
+    d(this, "toPdf", async (t) => {
+      const r = document.createElement("canvas"), n = r.getContext("2d"), { slideCount: i, width: o, height: a } = this.slide;
+      let l = Math.floor(o), u = Math.floor(a);
+      l > 1920 && (l = 1920, u = Math.floor(a * l / o)), u > 1920 && (u = 1920, l = Math.floor(o * u / a)), r.width = l, r.height = u;
+      const b = document.createElement("canvas");
+      b.width = o, b.height = a;
+      const g = b.getContext("2d");
+      if (!g || !this._getWhiteSnapshot || !n)
+        return null;
+      const m = l > u ? "l" : "p", { jsPDF: c } = await import("jspdf"), f = new c({
+        format: [l, u],
+        orientation: m,
+        compress: !0
+      });
+      for (let p = 1; p <= i; p++) {
+        const w = await this.slide.snapshotWithTimingEnd(p);
+        if (w) {
+          const S = document.createElement("img");
+          S.src = w, await new Promise((I) => S.onload = I), n.drawImage(S, 0, 0, l, u);
+        }
+        g.clearRect(0, 0, o, a), this._getWhiteSnapshot(p, b, g);
+        try {
+          const S = b.toDataURL("image/png"), I = document.createElement("img");
+          I.src = S, await new Promise((N) => I.onload = N), n.drawImage(I, 0, 0, l, u);
+        } catch {
+        }
+        const k = r.toDataURL("image/jpeg", 0.6);
+        p > 1 && f.addPage(), f.addImage(k, "JPEG", 0, 0, l, u, "", "FAST"), n.clearRect(0, 0, l, u), t(Math.ceil(p / i * 100));
+      }
+      const E = f.output("arraybuffer"), z = new Blob([E]), A = URL.createObjectURL(z), v = document.createElement("a");
+      v.setAttribute("href", A), v.setAttribute("download", `${this._slideTitle || "snapshot"}.pdf`), v.style.display = "none", document.body.appendChild(v), v.click(), document.body.removeChild(v), window.postMessage({ type: "@app-slide/_download_pdf_", buf: E });
+    });
+    this.$content = this.sidebar.$content, this.$footer = this.footer.$footer, H(this.$content, this.$slide), H(this.$content, this.$overlay), this.sidebar.on_new_page_index(this.onNewPageIndex), this.footer.on_new_page_index(this.onNewPageIndex), this.footer.on_toggle_preview(this.onTogglePreview), this.footer.on_play(this.onPlay), this.footer.on_save_to_pdf(this.toPdf), this.sideEffect.push(this.sidebar.destroy), this.sideEffect.push(() => this.slide.destroy()), this.sideEffect.push(() => {
+      this.$content.parentElement && this.$content.remove(), this.$footer.parentElement && this.$footer.remove(), this.$slide.parentElement && this.$slide.remove();
+    }), this.sideEffect.push(
+      Qt((a) => {
+        this._destroyed || (a ? this._cachedIsFrozen || this.unfreeze() : (this._cachedIsFrozen = this._isFrozen, this.freeze()));
+      })
+    );
+    const [s, r] = Me();
+    this._infoPromise = s, Ie.fetchSlideInfo(t).then(({ preview: a, slide: l }) => {
+      if (!this._destroyed) {
+        if (this._slideCount = l.slideCount, a) {
+          const { taskId: u, url: b } = t, { slideCount: g } = l, { width: m, height: c } = a, f = Xe(u, b), E = Array.from({ length: g }, (z, A) => ({
+            width: m,
+            height: c,
+            thumbnail: `${f}/preview/${A + 1}.png`
+          }));
+          this.sidebar.set_pages(E), this.footer.set_sidebar(!0);
+        }
+        this.footer.set_page_count(l.slideCount), r(l);
+      }
+    }).catch((a) => {
+      console.log("[Slide] fetch slide info error"), console.error(a), this.events.emit("prepareError", a);
+    });
+    const [i, o] = Me();
+    this._readyPromise = i, this.slide = new pe({
+      anchor: this.$slide,
+      mode: "local",
+      interactive: !0,
+      enableGlobalClick: !0,
+      useLocalCache: !0,
+      ...t
+    }), this.slide.setResource(t.taskId, t.url || Ue), this.slide.on("renderStart", () => {
+      this._destroyed || this.events.emit("renderStart");
+    }), this.slide.on("slideChange", (a) => {
+      this._destroyed || (this.setPage(a), this.$overlay.style.opacity = "", this.events.emit("renderEnd"));
+    }), this.slide.once("renderEnd", () => {
+      this._ready || setTimeout(() => {
+        this._ready = !0, o();
+      }, 1e3);
+    }), this.slide.on("renderError", (a) => {
+      this._destroyed || a.error && (console.error(a.error), this.$overlay.textContent = `Error on slide.index=${a.index}: ${a.error.message}`, this.$overlay.style.opacity = "1", this.events.emit("renderError", a));
+    }), this.ready(() => {
+      this._isFrozen && this.freeze();
+    });
+  }
+  prepare(t) {
+    return this._infoPromise.then(t);
+  }
+  ready(t) {
+    return this._readyPromise.then(t);
+  }
+  destroy() {
+    this._destroyed = !0, this.sideEffect.flushAll();
+  }
+  setReadonly(t) {
+    this.slide.setInteractive(!t), this.sidebar.set_readonly(t), this.footer.set_readonly(t);
+  }
+  setPage(t) {
+    this.sidebar.set_page_index(t - 1, !0), this.footer.set_page_index(t - 1, !0);
+  }
+  freeze() {
+    this._destroyed || (this._isFrozen = !0, this._ready && (this.slide.frozen(), this.events.emit("freeze")));
+  }
+  unfreeze() {
+    this._destroyed || (this._isFrozen = !1, this._ready && (this.slide.release(), this.events.emit("unfreeze")));
+  }
+};
+let F = Ie;
+d(F, "styles", es), d(F, "fetchSlideInfo", Kt);
+function mr(e) {
+  return e.displayer.logger;
+}
+const M = class {
+  constructor(t) {
+    d(this, "info", (t) => {
+      M.roomLogger && this.context ? M.roomLogger.info(t + ` (${this.context.appId})`) : this.context ? console.debug(t + ` (${this.context.appId})`) : console.debug(t);
+    });
+    this.context = t, t && (M.active.add(t.appId), M.roomLogger = mr(t));
+  }
+  destroy() {
+    this.context && M.active.delete(this.context.appId), M.active.size === 0 && (M.roomLogger = null);
+  }
+};
+let Y = M;
+d(Y, "active", /* @__PURE__ */ new Set()), d(Y, "roomLogger", null);
+function vr({ context: e, storage: t, viewer: s, sideEffect: r, logger: n }) {
+  const i = n.info.bind(n);
+  let o = null;
+  s.prepare(({ width: c, height: f, slideCount: E }) => {
+    e.destroyed || (c && e.box.setStageRatio(f / c), o = e.createWhiteBoardView({ size: E }), o.setBaseRect({ width: c, height: f }), s._slideTitle = e.box.title, s._getWhiteSnapshot = (z, A, v) => {
+      if (!o)
+        return null;
+      const p = o.pageState.pages[z - 1], { width: w, height: k } = o.view.size;
+      A.width = w, A.height = k, o.view.screenshotToCanvas(v, p, w, k, o.view.camera);
+    }, u());
+  });
+  const { slide: a } = s;
+  function l(c = t.state.state) {
+    return JSON.stringify(c);
+  }
+  function u() {
+    if (t.state.state)
+      i("[Slide] restore " + l()), a.setSlideState(t.state.state);
+    else if (e.isAddApp)
+      i("[Slide] kick start"), a.renderSlide(1);
+    else {
+      i("[Slide] wait for restore");
+      const c = r.add(() => {
+        const E = setInterval(() => {
+          t.state.state || (i("[Slide] timeout"), a.renderSlide(1));
+        }, 15e3);
+        return () => clearInterval(E);
+      }), f = r.push(
+        t.on("stateChanged", () => {
+          t.state.state && (i("[Slide] restore " + l()), a.setSlideState(t.state.state), r.flush(f), r.flush(c));
+        })
+      );
+    }
+  }
+  a.on("stateChange", () => {
+    t.isWritable && t.setState({ state: a.slideState });
+  }), a.on("syncDispatch", (c) => {
+    e.isWritable && (i("[Slide] dispatch " + l(Ne(c, "uuid"))), e.dispatchMagixEvent("syncDispatch", c));
+  }), r.push(
+    e.addMagixEventListener(
+      "syncDispatch",
+      ({ payload: c }) => {
+        i("[Slide] receive " + l(Ne(c, "uuid"))), a.emit("syncReceive", c);
+      },
+      { fireSelfEventAfterCommit: !0 }
+    )
+  ), a.on("slideChange", (c) => {
+    e.isWritable && o && (i("[Slide] page to " + c), o.jumpPage(c - 1));
+  });
+  function b() {
+    o && o.view.divElement && o.view.divElement.classList.add(_("wb-view-hidden"));
+  }
+  function g() {
+    o && o.view.divElement && o.view.divElement.classList.remove(_("wb-view-hidden"));
+  }
+  s.setReadonly(!e.isWritable), r.push([
+    e.emitter.on("writableChange", () => s.setReadonly(!e.isWritable)),
+    s.events.on("renderStart", b),
+    s.events.on("renderEnd", g)
+  ]);
+  const m = (c) => {
+    if (!c)
+      return !1;
+    const f = c.tagName;
+    return f === "INPUT" || f === "TEXTAREA" || f === "SELECT";
+  };
+  r.addEventListener(window, "keydown", (c) => {
+    !c || c.target.className === "telebox-quarantine-outer" || e.box.focus && !e.box.readonly && !m(c.target) && ((c.key === "ArrowUp" || c.key === "ArrowLeft") && s.slide.prevStep(), (c.key === "ArrowRight" || c.key === "ArrowDown") && s.slide.nextStep());
+  });
+}
+function kr(e) {
+  const { container: t, ...s } = e, r = y("div", "preview-wrapper"), n = new F(s);
+  return r.appendChild(document.createElement("style")).textContent = F.styles, r.appendChild(n.$content), r.appendChild(n.$footer), t.appendChild(r), n.prepare(() => n.slide.renderSlide(1)), n;
+}
+const Sr = /* @__PURE__ */ pe.usePlugin.bind(pe), xr = "0.3.0-canary.21", Er = {
+  kind: "Slide",
+  config: { enableShadowDOM: !1 },
+  setup(e) {
+    console.log("[Slide] setup @ 0.3.0-canary.21 (" + e.appId + ")");
+    const t = new Y(e);
+    if (t.info("[Slide] setup @ 0.3.0-canary.21"), !e.attributes.taskId)
+      throw new Error("[Slide] no taskId");
+    const s = e.createStorage("slide", e.attributes), r = e.getAppOptions() || {}, n = r.renderOptions || {}, i = new Ve(), o = new F({
+      interactive: !0,
+      mode: "interactive",
+      enableGlobalClick: !0,
+      timestamp: Yt(e),
+      logger: r.logger || t,
+      whiteTracker: e.displayer.tracker,
+      renderOptions: {
+        minFPS: n.minFPS || 25,
+        maxFPS: n.maxFPS || 30,
+        autoFPS: n.autoFPS ?? !0,
+        autoResolution: n.autoResolution ?? !0,
+        resolution: n.resolution,
+        maxResolutionLevel: n.maxResolutionLevel,
+        transactionBgColor: n.transactionBgColor || Je(e.box.$content)
+      },
+      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 Object.assign(o, { context: e, logger: t }), i.push(Be.set(e.appId, o, e.box)), i.push(o.events.on("freeze", () => t.info("[Slide] freeze"))), i.push(o.events.on("unfreeze", () => t.info("[Slide] unfreeze"))), i.push(
+      o.events.on(
+        "prepareError",
+        (a) => t.info("[Slide] fetch slide info failed: " + a.message)
+      )
+    ), i.push(
+      o.events.on(
+        "renderError",
+        ({ error: a, index: l }) => t.info(`[Slide] render failed [${l}]: ${a.message}`)
+      )
+    ), e.box.mountStyles(F.styles), e.box.mountStage(o.$slide), e.box.mountFooter(o.$footer), e.box.mountContent(o.$content), i.push(() => o.destroy()), vr({ context: e, storage: s, viewer: o, sideEffect: i, logger: t }), e.emitter.on("destroy", () => {
+      t.info("[Slide] destroy"), t.destroy(), i.flushAll();
+    }), o;
+  }
+};
+export {
+  Ue as DefaultUrl,
+  Ir as Slide,
+  F as SlideViewer,
+  yr as addHooks,
+  Er as default,
+  kr as previewSlide,
+  Be as refrigerator,
+  Sr as usePlugin,
+  xr as version
+};
+//# sourceMappingURL=main.mjs.map