@netless/app-slide 0.3.0-canary.3 → 0.3.0-canary.6

package/dist/main.mjs

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