presenter 0.9.4 → 0.10.0

package/dist/export-browser.mjs

@@ -0,0 +1,2231 @@
+const tt = "presenter.navigator.state", D = {
+  open: !1,
+  visibility: {
+    slides: !0,
+    current: !0,
+    next: !0,
+    notes: !1
+  }
+};
+function et() {
+  return typeof document > "u" ? !1 : Array.from(document.scripts).some((t) => t.src.includes("/@vite/client"));
+}
+function $t() {
+  return et() ? nt().open : !1;
+}
+function Wt() {
+  Ct({
+    ...nt(),
+    open: !0
+  });
+}
+function St() {
+  var t;
+  (t = it()) == null || t.removeItem(tt);
+}
+function nt() {
+  var t, e, n, r, i;
+  if (!et())
+    return D;
+  try {
+    const o = (t = it()) == null ? void 0 : t.getItem(tt);
+    if (o == null)
+      return D;
+    const s = JSON.parse(o);
+    return {
+      open: typeof s.open == "boolean" ? s.open : D.open,
+      visibility: {
+        slides: typeof ((e = s.visibility) == null ? void 0 : e.slides) == "boolean" ? s.visibility.slides : D.visibility.slides,
+        current: typeof ((n = s.visibility) == null ? void 0 : n.current) == "boolean" ? s.visibility.current : D.visibility.current,
+        next: typeof ((r = s.visibility) == null ? void 0 : r.next) == "boolean" ? s.visibility.next : D.visibility.next,
+        notes: typeof ((i = s.visibility) == null ? void 0 : i.notes) == "boolean" ? s.visibility.notes : D.visibility.notes
+      }
+    };
+  } catch {
+    return D;
+  }
+}
+function Ct(t) {
+  var e;
+  et() && ((e = it()) == null || e.setItem(tt, JSON.stringify(t)));
+}
+function it() {
+  try {
+    return window.sessionStorage;
+  } catch {
+    return null;
+  }
+}
+function Ut(t = null) {
+  return {
+    objects: [],
+    animations: [],
+    extras: [],
+    description: null,
+    isAllKey: !1,
+    isEndKey: !0,
+    isStartKey: !1,
+    notes: null,
+    shortcut: null,
+    title: "",
+    ...t
+  };
+}
+function Tt(t) {
+  return t.altKey || t.ctrlKey || t.metaKey || t.shiftKey;
+}
+function lt(t) {
+  var r, i;
+  if (t === null)
+    return !1;
+  const e = t, n = (r = e.tagName) == null ? void 0 : r.toLowerCase();
+  return n === "input" || n === "textarea" || n === "select" || n === "button" || e.isContentEditable ? !0 : (((i = e.closest) == null ? void 0 : i.call(e, "[contenteditable=''], [contenteditable='true']")) ?? null) !== null;
+}
+function Gt(t) {
+  var r;
+  const { slides: e } = t, n = {
+    // First build of first slide
+    s: { slideIndex: 0, buildIndex: 0 },
+    // First build of current slide
+    c: { slideIndex: null, buildIndex: 0 },
+    // Last build of last slide
+    e: {
+      slideIndex: e.length - 1,
+      buildIndex: ((r = e[e.length - 1]) == null ? void 0 : r.animations.length) ?? 0
+    }
+  };
+  for (let i = 0; i < e.length; i++) {
+    const o = e[i];
+    if (o === void 0)
+      continue;
+    const s = o.shortcut;
+    J(n, s, i, 0);
+    for (let a = 0; a < o.animations.length; a++) {
+      const c = o.animations[a];
+      if (c !== void 0)
+        if (Array.isArray(c))
+          for (const l of c)
+            J(n, l.shortcut, i, a + 1);
+        else
+          J(n, c.shortcut, i, a + 1);
+    }
+  }
+  return n;
+}
+function J(t, e, n, r) {
+  if (e !== null)
+    if (Array.isArray(e))
+      for (const i of e)
+        t[i] = { slideIndex: n, buildIndex: r };
+    else
+      t[e] = { slideIndex: n, buildIndex: r };
+}
+function ct(t, e) {
+  const n = t[e];
+  return n !== void 0 ? n : isNaN(Number(e)) ? null : { slideIndex: Number(e) - 1, buildIndex: 0 };
+}
+function It(t, e, n, { onNext: r, onPrevious: i, onRenderSlide: o, onShowNavigator: s }, { focusOnPointerDown: a = !1, keyEventTarget: c = e, signal: l } = {}) {
+  n.shortcuts = Gt(t);
+  const d = l === void 0 ? void 0 : { signal: l };
+  a && (e.hasAttribute("tabindex") || (e.tabIndex = -1), e.addEventListener(
+    "pointerdown",
+    (h) => {
+      lt(h.target) || e.focus({ preventScroll: !0 });
+    },
+    d
+  )), e.addEventListener(
+    "mousemove",
+    () => {
+      e.style.cursor = "auto";
+    },
+    d
+  ), c.addEventListener(
+    "keyup",
+    (h) => {
+      const u = h;
+      if (lt(u.target))
+        return;
+      if (u.code === "Escape") {
+        n.textCommand = null;
+        return;
+      }
+      if (u.code === "ArrowRight" || u.code === "Space") {
+        r(u.shiftKey);
+        return;
+      }
+      if (u.code === "ArrowLeft") {
+        i(u.shiftKey);
+        return;
+      }
+      const p = Kt(u);
+      if (p !== null) {
+        const g = ct(
+          n.shortcuts,
+          p
+        );
+        n.textCommand = null, g !== null && (u.preventDefault(), o(g.slideIndex, g.buildIndex));
+        return;
+      }
+      if (n.textCommand !== null) {
+        if (u.code === "Enter") {
+          const g = n.textCommand;
+          n.textCommand = null;
+          const m = ct(
+            n.shortcuts,
+            g
+          );
+          m !== null && o(m.slideIndex, m.buildIndex);
+          return;
+        } else u.code === "Backspace" ? n.textCommand = n.textCommand.slice(0, -1) : n.textCommand += u.key;
+        return;
+      }
+      if (u.key === "g") {
+        n.textCommand = "";
+        return;
+      }
+      if (u.key === "`" && !Tt(u)) {
+        s();
+        return;
+      }
+    },
+    d
+  );
+}
+function Kt(t) {
+  return !t.altKey || t.ctrlKey || t.metaKey || t.shiftKey ? null : t.code.startsWith("Key") && t.code.length === 4 ? t.code.slice(3).toLowerCase() : t.code.startsWith("Digit") && t.code.length === 6 ? t.code.slice(5) : t.code.startsWith("Numpad") && t.code.length === 7 ? t.code.slice(6) : null;
+}
+function Yt(t, e) {
+  for (let n = Math.min(e, t.animations.length); n >= 0; n--) {
+    const r = Xt(t, n);
+    if (r !== null)
+      return r;
+  }
+  return null;
+}
+function Xt(t, e) {
+  if (e === 0)
+    return t.notes;
+  const n = t.animations[e - 1];
+  return n === void 0 ? null : Jt(n);
+}
+function Jt(t) {
+  if (!Array.isArray(t))
+    return t.notes;
+  const e = t.map(({ notes: n }) => n).filter((n) => n !== null);
+  return e.length > 0 ? e.join(`
+
+`) : null;
+}
+let f = null, G = null, V = null;
+const dt = "__presenterNavigatorInstanceId";
+let Et = {
+  width: 700,
+  height: 680,
+  left: 20,
+  top: 50
+};
+function qt({
+  presentation: t,
+  shortcutState: e,
+  onNavigateToSlide: n,
+  onRenderSlide: r,
+  onNext: i,
+  onPrevious: o,
+  forceRefresh: s = !1
+}) {
+  if (f !== null && !f.closed && (K(f), !s))
+    return f.focus(), G;
+  if ((f === null || f.closed) && (f = window.open("", "Navigator", ne())), f === null)
+    return console.error("Failed to open navigator window."), null;
+  V == null || V();
+  const a = ie(f), c = new AbortController();
+  V = () => c.abort();
+  const l = Qt(
+    t,
+    n,
+    i,
+    a.isActive
+  );
+  return G = l, Wt(), f.document.title = t.title, f.document.body.replaceChildren(l.element), It(
+    t,
+    l.element,
+    e,
+    {
+      onNext: (d) => {
+        a.isActive() && i(d);
+      },
+      onPrevious: (d) => {
+        a.isActive() && o(d);
+      },
+      onRenderSlide: (d, h) => {
+        a.isActive() && r(d, h);
+      },
+      onShowNavigator: () => {
+        a.isActive() && Z();
+      }
+    },
+    {
+      keyEventTarget: f,
+      signal: c.signal
+    }
+  ), f.addEventListener("resize", () => K(f), {
+    signal: c.signal
+  }), f.addEventListener(
+    "beforeunload",
+    () => {
+      K(f), St();
+    },
+    {
+      signal: c.signal
+    }
+  ), f.addEventListener(
+    "keyup",
+    (d) => {
+      a.isActive() && (d.key === "Escape" || d.key === "`" && !Tt(d)) && Z();
+    },
+    {
+      signal: c.signal
+    }
+  ), G;
+}
+function Qt(t, e, n, r = () => !0) {
+  const i = (f == null ? void 0 : f.document) ?? document, o = i.createElement("div");
+  o.style.boxSizing = "border-box", o.style.display = "grid", o.style.gridTemplateColumns = "260px 1fr", o.style.gap = "18px", o.style.height = "100vh", o.style.overflow = "hidden", o.style.padding = "18px", o.style.fontFamily = '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', o.style.backgroundColor = "#f5f6f8", o.style.color = "#1f2937", i.body.style.margin = "0", i.body.style.overflow = "hidden";
+  const s = i.createElement("div");
+  s.style.display = "flex", s.style.flexDirection = "column", s.style.gap = "8px", s.style.minHeight = "0", s.style.overflowY = "auto", s.style.paddingRight = "4px";
+  const a = i.createElement("div");
+  a.style.display = "flex", a.style.flexDirection = "column", a.style.gap = "14px", a.style.minHeight = "0", a.style.minWidth = "0", a.style.overflow = "hidden";
+  const c = i.createElement("div");
+  c.style.display = "flex", c.style.gap = "14px", c.style.alignItems = "center", c.style.flexWrap = "wrap", c.style.fontSize = "13px", c.style.color = "#4b5563";
+  const l = i.createElement("div");
+  l.style.display = "flex", l.style.gap = "14px", l.style.flex = "1 1 auto", l.style.minHeight = "0", l.style.minWidth = "0", l.style.overflow = "hidden";
+  const d = ht("Current", t), h = ht("Next", t), u = Zt(), p = nt();
+  h.container.style.cursor = "pointer", h.container.addEventListener("click", () => {
+    r() && n();
+  });
+  const g = t.slides.map((y, N) => {
+    const E = te(y, N);
+    return E.style.cursor = "pointer", E.addEventListener("click", (B) => {
+      r() && (B.shiftKey && Z(), e(N));
+    }), s.appendChild(E), E;
+  }), m = U("Slides", s, p.visibility.slides), w = U(
+    "Current",
+    d.container,
+    p.visibility.current
+  ), O = U(
+    "Next",
+    h.container,
+    p.visibility.next
+  ), v = U(
+    "Notes",
+    u.container,
+    p.visibility.notes
+  ), b = () => {
+    const y = w.input.checked && O.input.checked && C();
+    o.style.gridTemplateColumns = m.input.checked ? "260px 1fr" : "1fr", l.style.flexDirection = y ? "column" : "row", d.container.style.flex = "1 1 0", h.container.style.flex = "1 1 0", requestAnimationFrame(() => {
+      d.resize(), h.resize();
+    }), Ct({
+      ...p,
+      open: !0,
+      visibility: {
+        slides: m.input.checked,
+        current: w.input.checked,
+        next: O.input.checked,
+        notes: v.input.checked
+      }
+    });
+  };
+  m.input.addEventListener("change", b), w.input.addEventListener("change", b), O.input.addEventListener("change", b), v.input.addEventListener("change", b), f == null || f.addEventListener("resize", b), c.appendChild(m.element), c.appendChild(w.element), c.appendChild(O.element), c.appendChild(v.element), l.appendChild(d.container), l.appendChild(h.container), a.appendChild(c), a.appendChild(l), a.appendChild(u.container), o.appendChild(s), o.appendChild(a);
+  function S(y, N, E, B) {
+    r() && (g.forEach((_, _t) => {
+      const X = _t === y;
+      _.style.backgroundColor = X ? "#dbeafe" : "#ffffff", _.style.borderColor = X ? "#60a5fa" : "#e5e7eb", _.style.color = X ? "#1e3a8a" : "#1f2937";
+    }), d.label.textContent = ut(t, y, N), h.label.textContent = ut(t, E, B), u.content.textContent = Yt(t.slides[y] ?? Ut(), N) ?? "", ee(g[y], s), b());
+  }
+  function C() {
+    const y = f;
+    if (y === null)
+      return !1;
+    const N = m.input.checked ? 278 : 0, E = y.innerWidth - 36 - N, B = y.innerHeight - 36 - c.offsetHeight - 14;
+    return E <= 0 || B <= 0 ? !1 : E / B < 1.1;
+  }
+  return {
+    element: o,
+    currentCanvas: d.canvas,
+    nextCanvas: h.canvas,
+    currentLabel: d.label,
+    nextLabel: h.label,
+    isOpen: () => f !== null && !f.closed,
+    update: S
+  };
+}
+function Zt() {
+  const t = (f == null ? void 0 : f.document) ?? document, e = t.createElement("div");
+  e.style.display = "flex", e.style.flex = "0 1 180px", e.style.flexDirection = "column", e.style.minHeight = "100px", e.style.maxHeight = "30vh", e.style.overflow = "hidden", e.style.backgroundColor = "#ffffff", e.style.border = "1px solid #e5e7eb", e.style.borderRadius = "6px", e.style.boxShadow = "0 1px 2px rgba(15, 23, 42, 0.06)";
+  const n = t.createElement("div");
+  n.textContent = "Notes", n.style.padding = "10px 12px 6px", n.style.fontSize = "12px", n.style.fontWeight = "700", n.style.textTransform = "uppercase", n.style.color = "#6b7280";
+  const r = t.createElement("div");
+  return r.style.flex = "1 1 auto", r.style.minHeight = "0", r.style.overflowY = "auto", r.style.padding = "4px 12px 12px", r.style.fontSize = "16px", r.style.lineHeight = "1.5", r.style.whiteSpace = "pre-wrap", e.appendChild(n), e.appendChild(r), { container: e, content: r };
+}
+function te(t, e) {
+  const n = (f == null ? void 0 : f.document) ?? document, r = n.createElement("div");
+  r.style.display = "flex", r.style.alignItems = "center", r.style.gap = "10px", r.style.padding = "8px 10px", r.style.backgroundColor = "#ffffff", r.style.border = "1px solid #e5e7eb", r.style.borderRadius = "6px", r.style.boxShadow = "0 1px 2px rgba(15, 23, 42, 0.06)", r.style.fontSize = "14px", r.style.lineHeight = "1", r.style.userSelect = "none";
+  const i = n.createElement("div");
+  i.textContent = `${e + 1}`, i.style.minWidth = "24px", i.style.fontWeight = "700", i.style.color = "#6b7280";
+  const o = n.createElement("div");
+  return o.textContent = t.title.length > 0 ? t.title : `Slide ${e + 1}`, o.style.overflow = "hidden", o.style.textOverflow = "ellipsis", o.style.whiteSpace = "nowrap", r.appendChild(i), r.appendChild(o), r;
+}
+function ht(t, e) {
+  var d;
+  const n = (f == null ? void 0 : f.document) ?? document, r = n.createElement("div");
+  r.style.display = "flex", r.style.alignItems = "center", r.style.flexDirection = "column", r.style.minHeight = "0", r.style.minWidth = "0";
+  const i = n.createElement("div");
+  i.textContent = t, i.style.marginBottom = "4px", i.style.fontSize = "12px", i.style.fontWeight = "700", i.style.textAlign = "center", i.style.textTransform = "uppercase", i.style.color = "#6b7280";
+  const o = n.createElement("div");
+  o.style.marginBottom = "6px", o.style.fontSize = "14px", o.style.fontWeight = "600", o.style.textAlign = "center";
+  const s = n.createElement("div");
+  s.style.flex = "1 1 auto", s.style.display = "flex", s.style.alignItems = "flex-start", s.style.justifyContent = "center", s.style.minHeight = "0", s.style.width = "100%", s.style.overflow = "hidden";
+  const a = n.createElement("canvas");
+  a.style.display = "block", a.style.width = "0", a.style.height = "0";
+  function c() {
+    const h = s.clientWidth, u = s.clientHeight;
+    if (h <= 0 || u <= 0)
+      return;
+    const p = e.size.width / e.size.height, g = Math.min(h, u * p), m = g / p;
+    a.style.width = `${g}px`, a.style.height = `${m}px`;
+  }
+  const l = (d = n.defaultView) == null ? void 0 : d.ResizeObserver;
+  return l !== void 0 && new l(c).observe(s), f == null || f.addEventListener("resize", c), s.appendChild(a), r.appendChild(i), r.appendChild(o), r.appendChild(s), { container: r, label: o, canvas: a, resize: c };
+}
+function U(t, e, n) {
+  const r = (f == null ? void 0 : f.document) ?? document, i = e.style.display || "block", o = r.createElement("label");
+  o.style.display = "inline-flex", o.style.alignItems = "center", o.style.gap = "6px", o.style.userSelect = "none";
+  const s = r.createElement("input");
+  return s.type = "checkbox", s.checked = n, e.style.display = n ? i : "none", s.addEventListener("change", () => {
+    e.style.display = s.checked ? i : "none";
+  }), o.appendChild(s), o.appendChild(r.createTextNode(t)), { element: o, input: s };
+}
+function ut(t, e, n) {
+  if (e === null)
+    return "End of presentation";
+  const r = t.slides[e];
+  return r === void 0 ? "No slide" : `Slide ${e + 1} of ${t.slides.length}, Build ${n + 1} of ${r.animations.length + 1}`;
+}
+function ee(t, e) {
+  if (t === void 0)
+    return;
+  const n = t.offsetTop, r = n + t.offsetHeight, i = e.scrollTop, o = i + e.clientHeight;
+  (n < i || r > o) && t.scrollIntoView({ block: "nearest" });
+}
+function Z() {
+  K(f), St(), V == null || V(), f == null || f.close(), f = null, G = null, V = null;
+}
+function ne() {
+  const { width: t, height: e, left: n, top: r } = Et;
+  return `width=${t},height=${e},left=${n},top=${r}`;
+}
+function K(t) {
+  t === null || t.closed || (Et = {
+    width: t.outerWidth,
+    height: t.outerHeight,
+    left: t.screenX,
+    top: t.screenY
+  });
+}
+function ie(t) {
+  var r;
+  const e = typeof ((r = globalThis.crypto) == null ? void 0 : r.randomUUID) == "function" ? globalThis.crypto.randomUUID() : `${Date.now()}-${Math.random()}`, n = t;
+  return n[dt] = e, {
+    isActive: () => !t.closed && n[dt] === e
+  };
+}
+function P(t, e = 0, n = 0, r = 1) {
+  if (typeof t == "string") {
+    const i = t.replace("#", ""), o = parseInt(i, 16);
+    return isNaN(o) ? (console.warn("Invalid hex color format:", t), ft) : i.length === 6 ? {
+      red: o >> 16 & 255,
+      green: o >> 8 & 255,
+      blue: o & 255,
+      alpha: 1
+    } : i.length === 8 ? {
+      red: o >> 24 & 255,
+      green: o >> 16 & 255,
+      blue: o >> 8 & 255,
+      alpha: (o & 255) / 255
+    } : (console.warn("Invalid hex color format:", t), ft);
+  } else if (typeof t == "number")
+    return {
+      red: t,
+      green: e ?? 0,
+      blue: n ?? 0,
+      alpha: r ?? 1
+    };
+  return {
+    red: 0,
+    green: 0,
+    blue: 0,
+    alpha: 1,
+    ...t
+  };
+}
+P.BLACK = P(0, 0, 0);
+P.BLUE = P(0, 0, 255);
+P.GREEN = P(0, 255, 0);
+P.RED = P(255, 0, 0);
+P.TRANSPARENT = P(0, 0, 0, 0);
+P.WHITE = P(255, 255, 255);
+const ft = { red: 0, green: 0, blue: 0, alpha: 1 };
+function I(t = null) {
+  return {
+    height: 0,
+    width: 0,
+    ...t
+  };
+}
+const oe = I({ width: 0, height: 0 });
+function At(t = null) {
+  return {
+    backgroundColor: P.WHITE,
+    slides: [],
+    title: "Presentation",
+    size: I({ width: 3840, height: 2160 }),
+    resources: {
+      images: {}
+    },
+    ...t
+  };
+}
+const $ = {
+  /** Represents an animated change in an object's properties. */
+  ANIMATE: "Animate",
+  /** Represents a pause in the animation timeline. */
+  PAUSE: "Pause",
+  /** Represents an immediate update to an object's properties without animation. */
+  UPDATE: "Update"
+};
+function L(t, e) {
+  throw new Error("Unexpected value: " + t);
+}
+function Pt(t) {
+  const e = Array.isArray(t) ? t : [t];
+  let n = 0, r = 0;
+  for (const i of e)
+    switch (i.type) {
+      case $.PAUSE:
+        n += i.duration;
+        break;
+      case $.ANIMATE:
+        r = Math.max(r, n + i.delay + i.duration), i.block && (n += i.delay + i.duration);
+        break;
+      case $.UPDATE:
+        break;
+      default:
+        L(i);
+    }
+  return r;
+}
+function Ot(t, e = null) {
+  return t.alpha * (e ?? 1);
+}
+function ot(t, e = null) {
+  const { red: n, green: r, blue: i } = t, o = Ot(t, e);
+  return `rgba(${n}, ${r}, ${i}, ${o})`;
+}
+function Nt(t) {
+  return t === document.body;
+}
+function re(t, e) {
+  const n = document.createElement("div");
+  if (n.style.width = "100%", n.style.aspectRatio = `${t.size.width} / ${t.size.height}`, n.style.position = "relative", Nt(e)) {
+    n.style.top = "50%", n.style.transform = "translateY(-50%)", n.style.marginLeft = "auto", n.style.marginRight = "auto", n.style.overflowY = "clip", document.title = t.title, document.documentElement.style.height = "100%", document.body.style.margin = "0", document.body.style.height = "100%", document.body.style.width = "100%", document.body.style.backgroundColor = "#000000";
+    const r = t.size.height / t.size.width;
+    pt(n, r), window.matchMedia(`(min-aspect-ratio: ${t.size.width} / ${t.size.height})`).addEventListener("change", () => pt(n, r));
+  }
+  return n;
+}
+function pt(t, e) {
+  window.innerHeight / window.innerWidth > e ? (t.style.width = "100%", t.style.height = "auto") : (t.style.width = "auto", t.style.height = "100%");
+}
+function Y(t) {
+  const e = [], n = t;
+  for (const r of ["objects", "meshes", "nodes", "materials"]) {
+    const i = n[r];
+    Array.isArray(i) && e.push(...se(i));
+  }
+  return e;
+}
+function se(t) {
+  return t.filter(
+    (e) => typeof e == "object" && e !== null && "objectType" in e
+  );
+}
+function Bt(t) {
+  const e = {};
+  function n(i) {
+    i != null && i.length > 0 && (e[i] = i);
+  }
+  function r(i) {
+    const o = i;
+    n(o.imagePath), n(o.fallbackImagePath);
+    for (const s of Y(i))
+      r(s);
+  }
+  for (const i of t.slides)
+    for (const o of i.objects)
+      r(o);
+  return e;
+}
+const ae = {
+  check: (t) => typeof t == "object" && t !== null && typeof t.red == "number" && typeof t.green == "number" && typeof t.blue == "number" && typeof t.alpha == "number",
+  interpolate: (t, e, n) => ({
+    red: Math.round(t.red + (e.red - t.red) * n),
+    green: Math.round(t.green + (e.green - t.green) * n),
+    blue: Math.round(t.blue + (e.blue - t.blue) * n),
+    alpha: t.alpha + (e.alpha - t.alpha) * n
+  })
+}, le = {
+  check: (t) => !0,
+  interpolate: (t, e) => e
+}, ce = {
+  check: (t) => typeof t == "number",
+  interpolate: (t, e, n) => t + (e - t) * n
+}, gt = [
+  ce,
+  ae,
+  le
+];
+function de(t, e, n, r = null) {
+  if (n === 0)
+    return t;
+  if (n === 1)
+    return { ...t, ...e };
+  const i = r != null ? [...r, ...gt] : gt, o = {};
+  for (const s in e) {
+    const a = t[s], c = e[s];
+    for (const l of i)
+      if (l.check(a, s) && l.check(c, s)) {
+        o[s] = l.interpolate(
+          a,
+          c,
+          n
+        );
+        break;
+      }
+  }
+  return { ...t, ...o };
+}
+function yt(t, e, n = null) {
+  if (e === null)
+    return;
+  const r = Array.isArray(e) ? e : [e];
+  let i = 0;
+  for (const o of r) {
+    if (n !== null && i > n)
+      break;
+    switch (o.type) {
+      case $.ANIMATE: {
+        const s = t.get(o.object);
+        if (s === void 0)
+          break;
+        const a = n !== null ? n - i : null, c = Math.max(
+          Math.min(
+            a !== null ? (a - o.delay) / o.duration : 1,
+            1
+          ),
+          0
+        );
+        t.set(o.object, {
+          ...s,
+          ...de(
+            s,
+            o.props,
+            o.easing(c),
+            o.interpolators
+          )
+        }), o.block && (i += o.delay + o.duration);
+        break;
+      }
+      case $.UPDATE: {
+        const s = t.get(o.object);
+        if (s === void 0)
+          break;
+        t.set(o.object, {
+          ...s,
+          ...o.props
+        });
+        break;
+      }
+      case $.PAUSE:
+        i += o.duration;
+        break;
+      default:
+        L(o);
+    }
+  }
+}
+function mt({
+  slide: t,
+  buildIndex: e,
+  buildTime: n
+}) {
+  const r = /* @__PURE__ */ new Map();
+  function i(s) {
+    r.set(s, s);
+    for (const a of Y(s))
+      i(a);
+  }
+  for (const s of t.objects)
+    i(s);
+  const o = n === null ? e : e - 1;
+  for (let s = 0; s < o; s++) {
+    const a = t.animations[s] ?? null;
+    yt(r, a);
+  }
+  if (n !== null && e > 0) {
+    const s = t.animations[e - 1] ?? null;
+    yt(r, s, n);
+  }
+  return r;
+}
+const T = {
+  ARROW: "Arrow",
+  CIRCLE: "Circle",
+  GROUP: "Group",
+  IMAGE: "Image",
+  LINE: "Line",
+  MASK: "Mask",
+  PATH: "Path",
+  POLYGON: "Polygon",
+  RECTANGLE: "Rectangle",
+  SLIDE_OBJECT: "SlideObject",
+  SPOTLIGHT: "Spotlight",
+  SVG: "SVG",
+  TEXT: "Text"
+};
+function Rt(t) {
+  const e = {};
+  function n(r) {
+    if (r.objectType === T.SVG) {
+      const o = r.svg;
+      o !== void 0 && o.length > 0 && (e[o] = o);
+    }
+    const i = Y(r);
+    for (const o of i)
+      n(o);
+  }
+  for (const r of t.slides)
+    for (const i of r.objects)
+      n(i);
+  return e;
+}
+const z = "presenterState";
+function he(t, e) {
+  const n = localStorage.getItem(z);
+  if (n === null)
+    return null;
+  if (e === null)
+    return localStorage.removeItem(z), null;
+  let r;
+  try {
+    r = JSON.parse(n);
+  } catch (l) {
+    return console.error("Failed to parse presentation state from localStorage:", l), localStorage.removeItem(z), null;
+  }
+  const { title: i, timestamp: o } = r;
+  let { slideIndex: s, buildIndex: a } = r;
+  if (typeof i != "string" || typeof s != "number" || typeof a != "number" || typeof o != "number" || i !== t.title || Date.now() - o > 1e3 * 60 * e)
+    return localStorage.removeItem(z), null;
+  s > t.slides.length - 1 && (s = t.slides.length - 1, a = 0);
+  const c = t.slides[s];
+  return c === void 0 ? (localStorage.removeItem(z), null) : (a > c.animations.length && (a = c.animations.length), {
+    title: i,
+    slideIndex: s,
+    buildIndex: a
+  });
+}
+function xt({ title: t, slideIndex: e, buildIndex: n }) {
+  localStorage.setItem(
+    z,
+    JSON.stringify({ title: t, slideIndex: e, buildIndex: n, timestamp: Date.now() })
+  );
+}
+const bt = Object.freeze({
+  accessibleDescriptionElement: null,
+  canvas: null,
+  extrasContainer: null,
+  mountedExtrasCleanups: [],
+  slideIndex: 0,
+  buildIndex: 0,
+  currentAnimationId: null,
+  imageById: {},
+  shortcutState: {
+    textCommand: null,
+    shortcuts: {}
+  }
+}), A = {
+  Browser: "browser",
+  Node: "node"
+};
+function Lt(t) {
+  return typeof t == "string" ? [[{ text: t }]] : t.map((e) => e.map((n) => typeof n == "string" ? { text: n } : n));
+}
+function ue(t) {
+  const e = document.createElement("div");
+  return e.setAttribute("role", "status"), e.setAttribute("aria-label", t), e.setAttribute("aria-atomic", "true"), Object.assign(e.style, {
+    position: "absolute",
+    width: "1px",
+    height: "1px",
+    overflow: "hidden",
+    clipPath: "inset(50%)",
+    whiteSpace: "nowrap"
+  }), e;
+}
+function fe(t, e) {
+  const n = t.description ? [t.description] : [];
+  function r(i, o) {
+    const s = e.get(i);
+    if (s === void 0)
+      return;
+    const a = o * s.opacity;
+    if (!pe(s, a))
+      return;
+    const c = ge(s);
+    c && n.push(c);
+    for (const l of Y(i))
+      r(l, a);
+  }
+  for (const i of t.objects)
+    r(i, 1);
+  return n.join(`
+`);
+}
+function pe(t, e) {
+  return e !== 0 && (!("drawn" in t) || t.drawn !== 0);
+}
+function ge(t) {
+  return t.description !== null ? t.description : ye(t) ? me(t) : null;
+}
+function ye(t) {
+  return t.objectType === T.TEXT;
+}
+function me(t) {
+  let e = t.length;
+  return Lt(t.text).map(
+    (n) => n.map((r) => {
+      if (e === null)
+        return r.text;
+      if (e <= 0)
+        return "";
+      const i = r.text.slice(0, e);
+      return e -= i.length, i;
+    }).join("")
+  ).join(`
+`);
+}
+function xe(t, e) {
+  t.textContent !== e && (t.textContent = e);
+}
+function be(t, e) {
+  e.context.clearRect(0, 0, t.width, t.height);
+}
+function kt(t) {
+  const e = document.createElement("canvas");
+  return e.setAttribute("width", t.width.toString()), e.setAttribute("height", t.height.toString()), e.setAttribute("aria-hidden", "true"), e.style.position = "absolute", e.style.width = "100%", e;
+}
+const F = {
+  Browser: "browser",
+  Node: "node"
+};
+function we(t) {
+  const e = new Path2D(t);
+  return {
+    type: F.Browser,
+    path: e
+  };
+}
+function ve(t) {
+  const { drawn: e, startX: n, startY: r, endX: i, endY: o, arrowheadSize: s, isArrowheadFilled: a, isDrawnFromCenter: c } = t, l = { x: n, y: r }, d = { x: i, y: o }, h = Math.atan2(d.y - l.y, d.x - l.x), u = { x: l.x + (d.x - l.x) / 2, y: l.y + (d.y - l.y) / 2 }, p = d.x - l.x, g = d.y - l.y, w = Math.hypot(p, g) * e, O = Math.cos(h), v = Math.sin(h), b = c ? { x: u.x - O * w / 2, y: u.y - v * w / 2 } : l, S = c ? { x: u.x + O * w / 2, y: u.y + v * w / 2 } : { x: l.x + O * w, y: l.y + v * w }, C = a ? Math.PI / 6 : Math.PI / 4.5, y = w < s * 2 ? w / 2 : s, N = {
+    x: S.x - y * Math.cos(h - C),
+    y: S.y - y * Math.sin(h - C)
+  }, E = {
+    x: S.x - y * Math.cos(h + C),
+    y: S.y - y * Math.sin(h + C)
+  }, B = {
+    x: b.x + y * Math.cos(h - C),
+    y: b.y + y * Math.sin(h - C)
+  }, _ = {
+    x: b.x + y * Math.cos(h + C),
+    y: b.y + y * Math.sin(h + C)
+  };
+  return {
+    arrowPoints: [b, S],
+    arrowheadPoints: [N, S, E],
+    doubledArrowheadPoints: [B, b, _]
+  };
+}
+function rt(t, e = null) {
+  const { red: n, green: r, blue: i } = t, o = n << 16 | r << 8 | i, s = Math.round(Ot(t, e) * 255);
+  return `#${o.toString(16).padStart(6, "0")}${s !== 255 ? s.toString(16).padStart(2, "0") : ""}`;
+}
+function H({
+  ctx: t,
+  color: e,
+  drawn: n = null,
+  isDrawnFromCenter: r = !1,
+  isRounded: i = !1,
+  opacity: o = null,
+  path: s,
+  pathLength: a = null,
+  width: c
+}) {
+  if (!(c === 0 || n === 0)) {
+    if (n !== null && a !== null && n !== 1) {
+      const l = a + (i ? c : 0), d = a * n;
+      if (!r)
+        t.context.setLineDash([d, l - d]), t.context.lineDashOffset = 0;
+      else {
+        const h = l - d;
+        t.context.setLineDash([d, h]), t.context.lineDashOffset = -h / 2;
+      }
+    } else
+      t.context.setLineDash([]), t.context.lineDashOffset = 0;
+    if (t.context.lineWidth = c, t.context.strokeStyle = rt(e, o), t.context.lineCap = i ? "round" : "butt", s === void 0) {
+      t.context.stroke();
+      return;
+    }
+    switch (t.type) {
+      case A.Browser:
+        s.type === F.Browser ? t.context.stroke(s.path) : console.warn("Attempted to use Node Path2D in Browser Canvas context");
+        break;
+      case A.Node:
+        s.type === F.Node ? t.context.stroke(s.path) : console.warn("Attempted to use Browser Path2D in Node Canvas context");
+        break;
+      default:
+        L(t);
+    }
+  }
+}
+function j({ ctx: t, path: e, color: n, opacity: r = null }) {
+  if (t.context.fillStyle = ot(n, r), e === void 0) {
+    t.context.fill();
+    return;
+  }
+  switch (t.type) {
+    case A.Browser:
+      e.type === F.Browser ? t.context.fill(e.path) : console.warn("Attempted to use Node Path2D in Browser Canvas context");
+      break;
+    case A.Node:
+      e.type === F.Node ? t.context.fill(e.path) : console.warn("Attempted to use Browser Path2D in Node Canvas context");
+      break;
+    default:
+      L(t);
+  }
+}
+function q(t, e) {
+  const n = e(), r = t[0];
+  if (r === void 0)
+    return { path: n, length: 0 };
+  n.path.moveTo(r.x, r.y);
+  let i = 0;
+  for (let o = 1; o < t.length; o++) {
+    const s = t[o], a = t[o - 1];
+    if (s === void 0 || a === void 0)
+      continue;
+    const c = s.x - a.x, l = s.y - a.y;
+    i += Math.hypot(c, l), n.path.lineTo(s.x, s.y);
+  }
+  return { path: n, length: i };
+}
+const Se = ({
+  ctx: t,
+  object: e,
+  opacity: n,
+  createPath2D: r
+}) => {
+  const i = e.opacity * n;
+  if (i === 0 || e.drawn === 0)
+    return;
+  const { arrowPoints: o, arrowheadPoints: s, doubledArrowheadPoints: a } = ve(e), { path: c } = q(o, r), { path: l } = q(s, r);
+  if (H({
+    color: e.color,
+    ctx: t,
+    path: c,
+    opacity: i,
+    width: e.width
+  }), e.isArrowheadFilled && (l.path.closePath(), j({
+    ctx: t,
+    path: l,
+    color: e.color,
+    opacity: i
+  })), H({
+    color: e.color,
+    ctx: t,
+    path: l,
+    opacity: i,
+    width: e.width
+  }), e.isArrowheadDoubled) {
+    const { path: d } = q(
+      a,
+      r
+    );
+    e.isArrowheadFilled && (d.path.closePath(), j({
+      ctx: t,
+      path: d,
+      color: e.color,
+      opacity: i
+    })), H({
+      color: e.color,
+      ctx: t,
+      path: d,
+      opacity: i,
+      width: e.width
+    });
+  }
+};
+function Ce(t, e) {
+  const n = t.radius - t.strokeWidth / 2;
+  if (n <= 0)
+    return;
+  const r = e(), i = -Math.PI / 2;
+  return r.path.arc(t.x, t.y, n, i, i + 2 * Math.PI), r;
+}
+function Te(t, e) {
+  const n = e(), r = -Math.PI / 2;
+  n.path.arc(t.x, t.y, t.radius, r, r + 2 * Math.PI);
+  const i = 2 * Math.PI * t.radius;
+  return { path: n, length: i };
+}
+function Mt(t, e) {
+  switch (t.type) {
+    case A.Browser:
+      e.type === F.Browser ? t.context.clip(e.path) : console.warn("Attempted to use Node Path2D in Browser Canvas context");
+      break;
+    case A.Node:
+      e.type === F.Node ? t.context.clip(e.path) : console.warn("Attempted to use Browser Path2D in Node Canvas context");
+      break;
+    default:
+      L(t);
+  }
+}
+const Ie = ({
+  ctx: t,
+  object: e,
+  opacity: n,
+  createPath2D: r
+}) => {
+  const i = e.opacity * n;
+  if (i === 0 || e.drawn === 0 && e.fillColor.alpha === 0)
+    return;
+  const { path: o, length: s } = Te(e, r);
+  if (i < 1 && e.strokeWidth > 0) {
+    const a = Ce(e, r);
+    a !== void 0 && (t.context.save(), Mt(t, a), j({ ctx: t, path: o, color: e.fillColor, opacity: i }), t.context.restore());
+  } else
+    j({ ctx: t, path: o, color: e.fillColor, opacity: i });
+  H({
+    color: e.strokeColor,
+    ctx: t,
+    drawn: e.drawn,
+    path: o,
+    pathLength: s,
+    opacity: i,
+    width: e.strokeWidth
+  });
+};
+function x(t = null) {
+  return {
+    x: 0,
+    y: 0,
+    ...t
+  };
+}
+const Ee = x(), M = {
+  TOP_LEFT: "TopLeft",
+  TOP: "Top",
+  TOP_RIGHT: "TopRight",
+  LEFT: "Left",
+  CENTER: "Center",
+  RIGHT: "Right",
+  BOTTOM_LEFT: "BottomLeft",
+  BOTTOM: "Bottom",
+  BOTTOM_RIGHT: "BottomRight"
+};
+function R(t = null) {
+  return {
+    origin: Ee,
+    size: oe,
+    ...t
+  };
+}
+R();
+function k(t, e, n) {
+  const { x: r, y: i } = t, { width: o, height: s } = n;
+  switch (e) {
+    case M.TOP_LEFT:
+      return R({
+        origin: x({ x: r, y: i }),
+        size: n
+      });
+    case M.TOP:
+      return R({
+        origin: x({ x: r - o / 2, y: i }),
+        size: n
+      });
+    case M.TOP_RIGHT:
+      return R({
+        origin: x({ x: r - o, y: i }),
+        size: n
+      });
+    case M.LEFT:
+      return R({
+        origin: x({ x: r, y: i - s / 2 }),
+        size: n
+      });
+    case M.CENTER:
+      return R({
+        origin: x({ x: r - o / 2, y: i - s / 2 }),
+        size: n
+      });
+    case M.RIGHT:
+      return R({
+        origin: x({ x: r - o, y: i - s / 2 }),
+        size: n
+      });
+    case M.BOTTOM_LEFT:
+      return R({
+        origin: x({ x: r, y: i - s }),
+        size: n
+      });
+    case M.BOTTOM:
+      return R({
+        origin: x({ x: r - o / 2, y: i - s }),
+        size: n
+      });
+    case M.BOTTOM_RIGHT:
+      return R({
+        origin: x({ x: r - o, y: i - s }),
+        size: n
+      });
+    default:
+      L(e);
+  }
+}
+const Ae = ({
+  ctx: t,
+  object: e,
+  renderObject: n,
+  opacity: r
+}) => {
+  const i = e.scale * e.scaleX, o = e.scale * e.scaleY, s = k(
+    x({ x: e.x, y: e.y }),
+    e.anchor,
+    I({
+      width: e.width * Math.abs(i),
+      height: e.height * Math.abs(o)
+    })
+  ), { rotation: a, rotateOriginX: c, rotateOriginY: l, skewOriginX: d, skewOriginY: h, skewX: u, skewY: p } = e;
+  if (!(i === 0 || o === 0)) {
+    t.context.save(), t.context.translate(s.origin.x, s.origin.y), t.context.scale(i, o), t.context.translate(c, l), t.context.rotate(a * Math.PI / 180), t.context.translate(-c, -l), t.context.translate(d, h), t.context.transform(
+      1,
+      Math.tan(p * Math.PI / 180),
+      Math.tan(u * Math.PI / 180),
+      1,
+      0,
+      0
+    ), t.context.translate(-d, -h);
+    for (const g of e.objects)
+      n(g, r * e.opacity);
+    e.previewColor !== null && (t.context.fillStyle = rt(e.previewColor), t.context.fillRect(0, 0, e.width, e.height)), e.rotateOriginPreviewSize > 0 && (t.context.fillStyle = "red", t.context.beginPath(), t.context.arc(c, l, e.rotateOriginPreviewSize, 0, 2 * Math.PI), t.context.fill()), e.skewOriginPreviewSize > 0 && (t.context.fillStyle = "blue", t.context.beginPath(), t.context.arc(d, h, e.skewOriginPreviewSize, 0, 2 * Math.PI), t.context.fill()), t.context.restore();
+  }
+};
+function st(t, e, n, r, i = 0) {
+  const o = r();
+  o.path.moveTo(t.x + n, t.y), o.path.lineTo(t.x + e.width - n, t.y), o.path.arcTo(
+    t.x + e.width,
+    t.y,
+    t.x + e.width,
+    t.y + n,
+    n
+  ), o.path.lineTo(t.x + e.width, t.y + e.height - n), o.path.arcTo(
+    t.x + e.width,
+    t.y + e.height,
+    t.x + e.width - n,
+    t.y + e.height,
+    n
+  ), o.path.lineTo(t.x + n, t.y + e.height), o.path.arcTo(
+    t.x,
+    t.y + e.height,
+    t.x,
+    t.y + e.height - n,
+    n
+  ), o.path.lineTo(t.x, t.y + n), o.path.arcTo(t.x, t.y, t.x + n, t.y, n), i > 0 && o.path.lineTo(t.x + n + i, t.y);
+  const s = 2 * (e.width + e.height - 4 * n) + 2 * Math.PI * n + i;
+  return { path: o, length: s };
+}
+const W = {
+  Browser: "browser",
+  Node: "node"
+}, Pe = ({
+  ctx: t,
+  imageById: e,
+  object: n,
+  opacity: r,
+  createPath2D: i
+}) => {
+  const o = k(
+    x({ x: n.x, y: n.y }),
+    n.anchor,
+    I({ width: n.width, height: n.height })
+  ), s = n.imageId != null && n.imageId.length > 0 ? n.imageId : n.imagePath;
+  if (s == null)
+    return;
+  const a = e[s];
+  if (a !== void 0) {
+    if (t.context.save(), n.cornerRadius > 0) {
+      const c = st(
+        o.origin,
+        o.size,
+        n.cornerRadius,
+        i
+      );
+      switch (t.type) {
+        case A.Browser:
+          c.path.type === F.Browser ? t.context.clip(c.path.path) : console.warn("Attempted to use Node Path2D in Browser Canvas context");
+          break;
+        case A.Node:
+          c.path.type === F.Node ? t.context.clip(c.path.path) : console.warn("Attempted to use Browser Path2D in Node Canvas context");
+          break;
+        default:
+          L(t);
+      }
+    }
+    switch (t.context.globalAlpha = r * n.opacity, t.context.imageSmoothingEnabled = n.smooth, t.type) {
+      case A.Browser:
+        a.type === W.Browser ? t.context.drawImage(
+          a.image,
+          o.origin.x,
+          o.origin.y,
+          o.size.width,
+          o.size.height
+        ) : console.warn("Attempted to use Node Image in Browser Canvas context");
+        break;
+      case A.Node:
+        a.type === W.Node ? t.context.drawImage(
+          a.image,
+          o.origin.x,
+          o.origin.y,
+          o.size.width,
+          o.size.height
+        ) : console.warn("Attempted to use Browser Image in Node Canvas context");
+        break;
+      default:
+        L(t);
+    }
+    t.context.restore();
+  }
+};
+function Oe(t, e) {
+  const n = e();
+  n.path.moveTo(t.startX, t.startY), n.path.lineTo(t.endX, t.endY);
+  const r = Math.hypot(t.endX - t.startX, t.endY - t.startY);
+  return { path: n, length: r };
+}
+const Ne = ({
+  ctx: t,
+  object: e,
+  opacity: n,
+  createPath2D: r
+}) => {
+  const i = e.opacity * n;
+  if (i === 0 || e.drawn === 0)
+    return;
+  const { path: o, length: s } = Oe(e, r);
+  H({
+    color: e.color,
+    ctx: t,
+    drawn: e.drawn,
+    isDrawnFromCenter: e.isDrawnFromCenter,
+    isRounded: e.isRounded,
+    path: o,
+    pathLength: s,
+    opacity: i,
+    width: e.width
+  });
+}, Be = ({
+  ctx: t,
+  object: e,
+  opacity: n,
+  renderObject: r
+}) => {
+  t.context.save();
+  const i = k(
+    x({ x: e.x, y: e.y }),
+    e.anchor,
+    I({ width: e.width, height: e.height })
+  );
+  e.preview && (t.context.lineWidth = 4, t.context.strokeStyle = rt(P.RED), t.context.rect(i.origin.x, i.origin.y, i.size.width, i.size.height), t.context.stroke()), t.context.beginPath(), t.context.rect(i.origin.x, i.origin.y, i.size.width, i.size.height), t.context.closePath(), t.context.clip();
+  for (const o of e.objects)
+    r(o, n * e.opacity);
+  t.context.restore();
+}, Re = ({
+  ctx: t,
+  object: e,
+  opacity: n,
+  createPath2D: r
+}) => {
+  const i = e.opacity * n;
+  if (i === 0 || e.drawn === 0 && e.fillColor.alpha === 0)
+    return;
+  const { origin: o } = k(
+    x({ x: e.x, y: e.y }),
+    e.anchor,
+    I({ width: e.width, height: e.height })
+  ), s = r(e.path);
+  t.context.save(), t.context.translate(o.x, o.y), t.context.scale(e.width / e.viewboxWidth, e.height / e.viewboxHeight), j({
+    ctx: t,
+    path: s,
+    color: e.fillColor,
+    opacity: i
+  }), H({
+    color: e.strokeColor,
+    ctx: t,
+    drawn: e.drawn,
+    isRounded: e.isRounded,
+    path: s,
+    pathLength: e.pathLength,
+    opacity: i,
+    width: e.strokeWidth
+  }), t.context.restore();
+};
+function Le(t, e) {
+  const n = e(), r = t.points, i = r[0];
+  if (i === void 0)
+    return { path: n, length: 0 };
+  n.path.moveTo(i.x, i.y);
+  let o = 0, s = i;
+  for (let c = 1; c < r.length; c++) {
+    const l = r[c];
+    if (l === void 0)
+      continue;
+    n.path.lineTo(l.x, l.y);
+    const d = Math.hypot(l.x - s.x, l.y - s.y);
+    o += d, s = l;
+  }
+  n.path.closePath();
+  const a = Math.hypot(
+    i.x - s.x,
+    i.y - s.y
+  );
+  return o += a, { path: n, length: o };
+}
+const ke = ({
+  ctx: t,
+  object: e,
+  opacity: n,
+  createPath2D: r
+}) => {
+  const i = e.opacity * n;
+  if (i === 0 || e.drawn === 0 && e.fillColor.alpha === 0)
+    return;
+  const { path: o, length: s } = Le(e, r);
+  j({
+    ctx: t,
+    path: o,
+    color: e.fillColor,
+    opacity: i
+  }), H({
+    color: e.strokeColor,
+    ctx: t,
+    drawn: e.drawn,
+    path: o,
+    pathLength: s,
+    opacity: i,
+    width: e.strokeWidth
+  });
+};
+function Me(t, e) {
+  const n = t.strokeWidth / 2, { origin: r, size: i } = k(
+    x({ x: t.x, y: t.y }),
+    t.anchor,
+    I({ width: t.width, height: t.height })
+  ), o = i.width - t.strokeWidth, s = i.height - t.strokeWidth;
+  if (o <= 0 || s <= 0)
+    return;
+  const a = x({ x: r.x + n, y: r.y + n }), c = I({ width: o, height: s }), l = Math.max(
+    0,
+    Math.min(t.cornerRadius - n, Math.min(o, s) / 2)
+  );
+  if (l > 0)
+    return st(a, c, l, e).path;
+  const d = e();
+  return d.path.moveTo(a.x, a.y), d.path.lineTo(a.x + o, a.y), d.path.lineTo(a.x + o, a.y + s), d.path.lineTo(a.x, a.y + s), d.path.closePath(), d;
+}
+function Fe(t, e) {
+  const { origin: n, size: r } = k(
+    x({ x: t.x, y: t.y }),
+    t.anchor,
+    I({ width: t.width, height: t.height })
+  ), i = Math.max(
+    0,
+    Math.min(t.cornerRadius, Math.min(r.width, r.height) / 2)
+  ), o = Math.min(t.strokeWidth * 2, r.width - i);
+  if (i > 0)
+    return st(n, r, i, e, o);
+  {
+    const s = e();
+    s.path.moveTo(n.x, n.y), s.path.lineTo(n.x + r.width, n.y), s.path.lineTo(n.x + r.width, n.y + r.height), s.path.lineTo(n.x, n.y + r.height), s.path.lineTo(n.x, n.y), s.path.lineTo(n.x + o, n.y);
+    const a = 2 * (r.width + r.height) + o;
+    return { path: s, length: a };
+  }
+}
+const je = ({
+  ctx: t,
+  object: e,
+  opacity: n,
+  createPath2D: r
+}) => {
+  const i = e.opacity * n;
+  if (i === 0 || e.drawn === 0 && e.fillColor.alpha === 0)
+    return;
+  const { path: o, length: s } = Fe(e, r);
+  if (i < 1 && e.strokeWidth > 0) {
+    const a = Me(e, r);
+    a !== void 0 && (t.context.save(), Mt(t, a), j({ ctx: t, path: o, color: e.fillColor, opacity: i }), t.context.restore());
+  } else
+    j({ ctx: t, path: o, color: e.fillColor, opacity: i });
+  H({
+    color: e.strokeColor,
+    ctx: t,
+    drawn: e.drawn,
+    path: o,
+    pathLength: s,
+    opacity: i,
+    width: e.strokeWidth
+  });
+};
+function De(t) {
+  const { origin: e, size: n } = k(
+    x({ x: t.x, y: t.y }),
+    t.anchor,
+    I({ width: t.width, height: t.height })
+  );
+  return {
+    origin: e,
+    size: n,
+    cornerRadius: Math.max(
+      0,
+      Math.min(t.cornerRadius, Math.min(n.width, n.height) / 2)
+    )
+  };
+}
+function ze(t, e, n, r = {
+  origin: x({ x: 0, y: 0 }),
+  size: e
+}) {
+  const i = n(), { origin: o, size: s, cornerRadius: a } = De(t), { origin: c, size: l } = r;
+  return i.path.moveTo(c.x, c.y), i.path.lineTo(c.x + l.width, c.y), i.path.lineTo(c.x + l.width, c.y + l.height), i.path.lineTo(c.x, c.y + l.height), i.path.lineTo(c.x, c.y), a === 0 ? (i.path.moveTo(o.x, o.y), i.path.lineTo(o.x, o.y + s.height), i.path.lineTo(o.x + s.width, o.y + s.height), i.path.lineTo(o.x + s.width, o.y), i.path.lineTo(o.x, o.y), i) : (i.path.moveTo(o.x + a, o.y), i.path.arcTo(o.x, o.y, o.x, o.y + a, a), i.path.lineTo(o.x, o.y + s.height - a), i.path.arcTo(
+    o.x,
+    o.y + s.height,
+    o.x + a,
+    o.y + s.height,
+    a
+  ), i.path.lineTo(o.x + s.width - a, o.y + s.height), i.path.arcTo(
+    o.x + s.width,
+    o.y + s.height,
+    o.x + s.width,
+    o.y + s.height - a,
+    a
+  ), i.path.lineTo(o.x + s.width, o.y + a), i.path.arcTo(
+    o.x + s.width,
+    o.y,
+    o.x + s.width - a,
+    o.y,
+    a
+  ), i.path.lineTo(o.x + a, o.y), i);
+}
+const Ve = ({
+  createPath2D: t,
+  ctx: e,
+  object: n,
+  opacity: r,
+  renderScale: i,
+  slideSize: o
+}) => {
+  const s = n.opacity * r;
+  if (s === 0 || n.color.alpha === 0)
+    return;
+  const a = I({
+    width: o.width / i,
+    height: o.height / i
+  }), c = x({
+    x: (o.width - a.width) / 2,
+    y: (o.height - a.height) / 2
+  }), l = ze(n, o, t, {
+    origin: c,
+    size: a
+  });
+  j({ ctx: e, path: l, color: n.color, opacity: s });
+}, He = ({
+  ctx: t,
+  imageById: e,
+  object: n,
+  opacity: r
+}) => {
+  const i = n.opacity * r;
+  if (i === 0 || !n.svg)
+    return;
+  const o = e[n.svg];
+  if (o === void 0)
+    return;
+  const s = k(
+    x({ x: n.x, y: n.y }),
+    n.anchor,
+    I({ width: n.width, height: n.height })
+  );
+  switch (t.context.save(), t.context.globalAlpha = i, t.type) {
+    case A.Browser:
+      o.type === W.Browser && t.context.drawImage(
+        o.image,
+        s.origin.x,
+        s.origin.y,
+        s.size.width,
+        s.size.height
+      );
+      break;
+    case A.Node:
+      o.type === W.Node && t.context.drawImage(
+        o.image,
+        s.origin.x,
+        s.origin.y,
+        s.size.width,
+        s.size.height
+      );
+      break;
+    default:
+      L(t);
+  }
+  t.context.restore();
+}, Q = {
+  LEFT: "left",
+  CENTER: "center",
+  RIGHT: "right"
+};
+function _e(t) {
+  return {
+    color: t.color,
+    fontFamily: t.fontFamily,
+    fontSize: t.fontSize,
+    fontStyle: t.fontStyle,
+    fontWeight: t.fontWeight,
+    ligatures: t.ligatures,
+    subscript: t.subscript,
+    superscript: t.superscript
+  };
+}
+function $e(t) {
+  const e = Math.max(...t.map((r) => r.bottom), 0), n = Math.max(...t.map((r) => r.top), 0);
+  return {
+    bottom: e,
+    height: n + e,
+    lineAdvance: Math.max(...t.map((r) => r.lineAdvance), 0),
+    top: n,
+    width: t.reduce((r, i) => r + i.width, 0)
+  };
+}
+function We(t, e = 1) {
+  const n = t.map($e);
+  if (n.length === 0)
+    return {
+      baselines: [],
+      size: I()
+    };
+  let r = 0, i, o = 0, s = 0;
+  const a = [];
+  for (const l of n) {
+    const h = (l.lineAdvance * e - l.height) / 2, u = l.top + h;
+    i === void 0 ? r = u : r += i + u, a.push(r), o = Math.min(o, r - l.top), s = Math.max(s, r + l.bottom), i = l.bottom + h;
+  }
+  const c = -o;
+  return {
+    baselines: a.map((l) => l + c),
+    size: I({
+      height: s - o,
+      width: Math.max(...n.map((l) => l.width), 0)
+    })
+  };
+}
+const Ue = 0.7, Ge = 0.3;
+function Ft(t) {
+  const e = t.superscript, n = t.subscript && !e;
+  return !e && !n ? {
+    baselineShift: 0,
+    fontSize: t.fontSize,
+    isSubscript: !1,
+    isSuperscript: !1
+  } : {
+    baselineShift: t.fontSize * Ge * (e ? -1 : 1),
+    fontSize: t.fontSize * Ue,
+    isSubscript: n,
+    isSuperscript: e
+  };
+}
+function wt(t, e = 0) {
+  return t ?? e;
+}
+function Ke(t) {
+  const e = wt(
+    t.fontBoundingBoxAscent,
+    t.actualBoundingBoxAscent
+  ), n = wt(
+    t.fontBoundingBoxDescent,
+    t.actualBoundingBoxDescent
+  );
+  return {
+    bottom: n,
+    height: e + n,
+    top: e,
+    width: t.width
+  };
+}
+function jt(t, e, n = 1) {
+  const r = Ft(e);
+  t.context.fillStyle = ot(e.color, n), t.context.font = `${e.fontStyle} ${e.fontWeight} ${r.fontSize}px ${e.fontFamily}`, t.type === A.Browser ? t.context.textRendering = e.ligatures ? "optimizeLegibility" : "optimizeSpeed" : t.context.fontVariant = e.ligatures ? "common-ligatures" : "no-common-ligatures";
+}
+function Ye(t, e, n) {
+  const r = [];
+  for (const i of t) {
+    const o = [], s = i.length === 0 ? [{ text: "" }] : i;
+    for (const a of s) {
+      const { text: c, ...l } = a, d = { ...e, ...l };
+      jt(n, d);
+      const h = n.context.measureText(c), u = Ke(h), { baselineShift: p } = Ft(d), g = Math.max(0, u.top - p), m = Math.max(0, u.bottom + p);
+      o.push({
+        ...u,
+        baselineShift: p,
+        bottom: m,
+        height: g + m,
+        lineAdvance: d.fontSize,
+        top: g
+      });
+    }
+    r.push(o);
+  }
+  return r;
+}
+const Xe = ({ ctx: t, object: e, opacity: n }) => {
+  const r = e.opacity * n;
+  if (r === 0)
+    return;
+  const { length: i } = e, o = Lt(e.text), s = _e(e), a = Ye(o, s, t), c = We(a, e.lineSpacing), l = k(x({ x: e.x, y: e.y }), e.anchor, c.size);
+  let d = l.origin.x, h = 0;
+  for (let u = 0; u < o.length; u++) {
+    const p = o[u], g = a[u], m = c.baselines[u];
+    if (p == null || g == null || m == null) {
+      console.error("Could not determine text units or sizes for line");
+      continue;
+    }
+    const w = g.reduce((v, b) => v + b.width, 0);
+    switch (e.alignment) {
+      case Q.LEFT:
+        d = l.origin.x;
+        break;
+      case Q.CENTER:
+        d = l.origin.x + (l.size.width - w) / 2;
+        break;
+      case Q.RIGHT:
+        d = l.origin.x + (l.size.width - w);
+        break;
+      default:
+        L(e.alignment);
+        break;
+    }
+    const O = l.origin.y + m;
+    for (let v = 0; v < p.length && !(i !== null && h >= i); v++) {
+      const b = p[v], S = g[v];
+      if (b == null || S == null) {
+        console.error("Could not determine text unit or size for unit");
+        continue;
+      }
+      const { text: C, ...y } = b;
+      let N;
+      if (i !== null && h + C.length > i) {
+        const _ = i - h;
+        N = C.slice(0, _);
+      }
+      const E = N ?? C;
+      h += E.length;
+      const B = { ...s, ...y };
+      jt(t, B, r), t.context.fillText(E, d, O + S.baselineShift), d += S.width;
+    }
+  }
+}, Je = {
+  [T.ARROW]: Se,
+  [T.CIRCLE]: Ie,
+  [T.GROUP]: Ae,
+  [T.IMAGE]: Pe,
+  [T.LINE]: Ne,
+  [T.MASK]: Be,
+  [T.PATH]: Re,
+  [T.POLYGON]: ke,
+  [T.RECTANGLE]: je,
+  [T.SLIDE_OBJECT]: () => {
+  },
+  [T.SPOTLIGHT]: Ve,
+  [T.SVG]: He,
+  [T.TEXT]: Xe
+};
+function qe(t) {
+  const e = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  return e.setAttribute("viewBox", `0 0 ${t.width} ${t.height}`), e.style.backgroundColor = "transparent", e.style.position = "absolute", e.style.width = "100%", e;
+}
+function Qe(t, e) {
+  if (t === null)
+    return null;
+  const n = k(
+    x({ x: e.x, y: e.y }),
+    e.anchor,
+    I({ width: e.width, height: e.height })
+  ), r = document.createElementNS("http://www.w3.org/2000/svg", "foreignObject");
+  r.setAttribute("x", n.origin.x.toString()), r.setAttribute("y", n.origin.y.toString()), r.setAttribute("width", e.width.toString()), r.setAttribute("height", e.height.toString());
+  const i = e.content;
+  i !== null && r.appendChild(i), t.appendChild(r);
+  let o = null;
+  if (e.setup !== null) {
+    const s = e.setup(r);
+    s !== void 0 && (o = s);
+  }
+  return () => {
+    o !== null && o(), t.removeChild(r);
+  };
+}
+async function Dt(t) {
+  if (Object.keys(t).length === 0)
+    return {};
+  const e = {}, n = (i) => new Promise((o, s) => {
+    const a = new Image();
+    if (a.onload = () => o(a), a.onerror = (l) => s(l), i.includes("</svg>")) {
+      const l = i.replace(/<\?xml[^?]*\?>\s*/g, ""), d = new Blob([l], { type: "image/svg+xml;charset=utf-8" }), h = URL.createObjectURL(d);
+      a.src = h;
+    } else
+      a.src = i;
+  }), r = Object.entries(t).map(async ([i, o]) => {
+    const s = await n(o);
+    e[i] = {
+      type: W.Browser,
+      image: s
+    };
+  });
+  try {
+    await Promise.all(r);
+  } catch (i) {
+    console.error("Error loading images:", i);
+  }
+  return e;
+}
+const vt = "presenterPendingVariables:";
+function Ze(t) {
+  const e = en();
+  e !== null && e.setItem(tn(), JSON.stringify({ values: t }));
+}
+function tn() {
+  return typeof window > "u" ? vt : `${vt}${window.location.origin}${window.location.pathname}`;
+}
+function en() {
+  try {
+    return typeof sessionStorage > "u" ? null : sessionStorage;
+  } catch {
+    return null;
+  }
+}
+const nn = 0, at = /* @__PURE__ */ new Map();
+let zt = /* @__PURE__ */ new Map();
+function Vt() {
+  return Array.from(at.values());
+}
+function Ht(t) {
+  const e = at.get(t);
+  return e === void 0 ? nn : zt.get(e.id) ?? e.default;
+}
+function on(t, e) {
+  const n = at.get(t);
+  if (n === void 0)
+    return e;
+  const r = rn(e, n);
+  return zt.set(n.id, r), r;
+}
+function rn(t, e) {
+  return sn(t, e.min, e.max);
+}
+function sn(t, e, n) {
+  return Math.max(e, Math.min(n, t));
+}
+function an({
+  onCommit: t,
+  onPreview: e
+}) {
+  const n = Vt();
+  if (n.length === 0)
+    return null;
+  const r = document.createElement("div");
+  Object.assign(r.style, {
+    position: "absolute",
+    right: "16px",
+    bottom: "16px",
+    zIndex: "20",
+    display: "flex",
+    flexDirection: "column",
+    gap: "8px",
+    width: "min(360px, calc(100% - 32px))",
+    padding: "10px",
+    boxSizing: "border-box",
+    border: "1px solid rgba(255, 255, 255, 0.18)",
+    borderRadius: "8px",
+    background: "rgba(16, 18, 22, 0.82)",
+    color: "#ffffff",
+    fontFamily: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    fontSize: "12px",
+    lineHeight: "1.25",
+    pointerEvents: "auto",
+    boxShadow: "0 12px 36px rgba(0, 0, 0, 0.28)",
+    backdropFilter: "blur(10px)"
+  });
+  for (const i of n)
+    r.appendChild(ln(i, e, t));
+  return r;
+}
+function ln(t, e, n) {
+  const r = document.createElement("div");
+  r.dataset.presenterVariableId = t.id, r.dataset.presenterVariableName = t.name, Object.assign(r.style, {
+    display: "grid",
+    gridTemplateColumns: "72px minmax(0, 1fr) 74px",
+    alignItems: "center",
+    gap: "8px"
+  });
+  const i = document.createElement("div");
+  i.textContent = t.name, i.title = t.name, Object.assign(i.style, {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    color: "rgba(255, 255, 255, 0.86)",
+    fontWeight: "600"
+  });
+  const o = document.createElement("input");
+  o.type = "range", o.min = t.min.toString(), o.max = t.max.toString(), o.step = t.increment.toString(), Object.assign(o.style, {
+    width: "100%",
+    minWidth: "0",
+    accentColor: "#8bc7ff"
+  });
+  const s = document.createElement("input");
+  s.type = "number", s.min = t.min.toString(), s.max = t.max.toString(), s.step = t.increment.toString(), Object.assign(s.style, {
+    width: "100%",
+    boxSizing: "border-box",
+    border: "1px solid rgba(255, 255, 255, 0.24)",
+    borderRadius: "6px",
+    padding: "4px 6px",
+    background: "rgba(255, 255, 255, 0.1)",
+    color: "#ffffff",
+    font: "inherit"
+  });
+  let a = Ht(t.id);
+  const c = (h) => {
+    const u = cn(h);
+    o.value = u, s.value = u;
+  }, l = (h) => {
+    Number.isFinite(h) && (a = e(t.id, h), c(a));
+  }, d = (h) => {
+    Number.isFinite(h) && (h !== a && l(h), n());
+  };
+  return o.addEventListener("input", () => l(o.valueAsNumber)), o.addEventListener("change", () => d(o.valueAsNumber)), s.addEventListener("change", () => d(s.valueAsNumber)), c(a), r.appendChild(i), r.appendChild(o), r.appendChild(s), r;
+}
+function cn(t) {
+  return Number.isInteger(t) ? t.toString() : parseFloat(t.toFixed(6)).toString();
+}
+function dn({ container: t, onCommit: e }) {
+  const n = an({
+    onPreview: (r, i) => {
+      const o = on(r, i);
+      return Ze(hn()), o;
+    },
+    onCommit: e
+  });
+  n !== null && t.appendChild(n);
+}
+function hn() {
+  const t = {};
+  for (const e of Vt())
+    t[e.id] = Ht(e.id);
+  return t;
+}
+class un {
+  constructor(e) {
+    this.navigator = null;
+    const { objectRenderers: n, scale: r = 1, ...i } = e;
+    this.props = {
+      presentation: At(),
+      element: document.body,
+      objectRenderers: {
+        ...Je,
+        ...n
+      },
+      cacheDurationMinutes: 15,
+      scale: fn(r),
+      ...i
+    }, this.state = { ...bt };
+  }
+  /** Starts the presentation. */
+  async present() {
+    const { presentation: e, element: n, scale: r } = this.props;
+    this.hideCursor();
+    const i = ue(e.title), o = kt(e.size), s = qe(e.size);
+    s.style.transformOrigin = "center center", s.style.transform = `scale(${r})`, this.state = {
+      ...bt,
+      accessibleDescriptionElement: i,
+      imageById: await Dt({
+        ...Bt(e),
+        ...e.resources.images,
+        ...Rt(e)
+      }),
+      canvas: o,
+      extrasContainer: s
+    };
+    const a = re(e, n), c = Nt(n), l = (u, p) => {
+      this.state.shortcutState.shortcuts.b = {
+        slideIndex: this.state.slideIndex,
+        buildIndex: this.state.buildIndex
+      }, this.renderSlide(u ?? this.state.slideIndex, p);
+    }, d = (u = !1) => {
+      c && (this.navigator = qt({
+        presentation: e,
+        shortcutState: this.state.shortcutState,
+        onNavigateToSlide: (p) => this.renderSlide(p),
+        onRenderSlide: l,
+        onNext: (p) => this.next(p),
+        onPrevious: (p) => this.previous(p),
+        forceRefresh: u
+      }), this.updateNavigator());
+    };
+    It(
+      e,
+      a,
+      this.state.shortcutState,
+      {
+        onNext: (u) => this.next(u),
+        onPrevious: (u) => this.previous(u),
+        onRenderSlide: l,
+        onShowNavigator: () => d()
+      },
+      {
+        focusOnPointerDown: !c,
+        keyEventTarget: c ? window : a
+      }
+    ), n.replaceChildren(), a.appendChild(i), a.appendChild(o), a.appendChild(s), dn({
+      container: a,
+      onCommit: () => this.reloadAfterVariableChange()
+    }), n.appendChild(a);
+    const h = he(e, this.props.cacheDurationMinutes);
+    h !== null ? this.renderSlide(h.slideIndex, h.buildIndex) : this.renderSlide(0), $t() && d(!0);
+  }
+  reloadAfterVariableChange() {
+    const { presentation: e } = this.props;
+    this.state.currentAnimationId !== null && (cancelAnimationFrame(this.state.currentAnimationId), this.state.currentAnimationId = null), xt({
+      title: e.title,
+      slideIndex: this.state.slideIndex,
+      buildIndex: this.state.buildIndex
+    }), window.location.reload();
+  }
+  renderSlide(e, n = 0, r = null) {
+    const { presentation: i } = this.props, { canvas: o } = this.state, s = this.state.slideIndex !== e;
+    this.state.slideIndex = e, this.state.buildIndex = n, r === null && xt({ title: i.title, slideIndex: e, buildIndex: n });
+    const a = i.slides[e];
+    if (!(a === void 0 || o === null)) {
+      if (s || this.state.mountedExtrasCleanups.length === 0 && a.extras.length > 0) {
+        for (const c of this.state.mountedExtrasCleanups)
+          c();
+        this.state.mountedExtrasCleanups = [];
+        for (const c of a.extras) {
+          const l = Qe(this.state.extrasContainer, c);
+          l !== null && this.state.mountedExtrasCleanups.push(l);
+        }
+      }
+      if (this.renderCanvas(o, e, n, r, this.props.scale), r === null) {
+        if (this.state.accessibleDescriptionElement !== null) {
+          const c = mt({ slide: a, buildIndex: n, buildTime: r });
+          xe(
+            this.state.accessibleDescriptionElement,
+            fe(a, c)
+          );
+        }
+        this.updateNavigator();
+      }
+    }
+  }
+  renderCanvas(e, n, r = 0, i = null, o = 1) {
+    const { objectRenderers: s, presentation: a } = this.props, { imageById: c } = this.state;
+    e.width = a.size.width, e.height = a.size.height;
+    const l = e.getContext("2d");
+    if (l === null)
+      return;
+    const d = {
+      type: A.Browser,
+      context: l
+    };
+    be(e, d);
+    const h = a.slides[n];
+    if (h === void 0)
+      return;
+    const u = mt({
+      slide: h,
+      buildIndex: r,
+      buildTime: i
+    });
+    d.context.fillStyle = ot(a.backgroundColor), d.context.fillRect(0, 0, e.width, e.height);
+    function p(m, w, O = d) {
+      const v = s[m.objectType], b = u.get(m);
+      v === void 0 || b === void 0 || v({
+        ctx: O,
+        originalObject: m,
+        imageById: c,
+        object: b,
+        opacity: w,
+        renderScale: o,
+        renderObject: (S, C, y = O) => p(S, C, y),
+        getCurrentObject: (S) => u.get(S),
+        createPath2D: we,
+        slideSize: a.size
+      });
+    }
+    const g = o !== 1;
+    g && (d.context.save(), d.context.translate(
+      e.width * (1 - o) / 2,
+      e.height * (1 - o) / 2
+    ), d.context.scale(o, o));
+    for (const m of h.objects)
+      p(m, 1);
+    g && d.context.restore();
+  }
+  updateNavigator() {
+    const { navigator: e } = this;
+    if (e === null)
+      return;
+    if (!e.isOpen()) {
+      this.navigator = null;
+      return;
+    }
+    const { slideIndex: n, buildIndex: r } = this.state, i = this.getNextSlideBuild(n, r);
+    e.update(n, r, i.slideIndex, i.buildIndex), this.renderCanvas(e.currentCanvas, n, r), i.slideIndex === null ? this.renderEndCanvas(e.nextCanvas) : this.renderCanvas(e.nextCanvas, i.slideIndex, i.buildIndex);
+  }
+  getNextSlideBuild(e, n) {
+    const { presentation: r } = this.props, i = r.slides[e];
+    return i === void 0 ? { slideIndex: e, buildIndex: n } : n < i.animations.length ? { slideIndex: e, buildIndex: n + 1 } : e + 1 < r.slides.length ? { slideIndex: e + 1, buildIndex: 0 } : { slideIndex: null, buildIndex: 0 };
+  }
+  renderEndCanvas(e) {
+    const { presentation: n } = this.props;
+    e.width = n.size.width, e.height = n.size.height;
+    const r = e.getContext("2d");
+    r !== null && (r.fillStyle = "#000000", r.fillRect(0, 0, e.width, e.height));
+  }
+  next(e = !1) {
+    const { presentation: n } = this.props, { currentAnimationId: r, slideIndex: i, buildIndex: o } = this.state;
+    this.hideCursor(), r !== null && cancelAnimationFrame(r);
+    const s = n.slides[i];
+    if (s === void 0)
+      return;
+    const a = s.animations[o];
+    if (a !== void 0 && !e) {
+      const c = performance.now(), l = Pt(a), d = (h) => {
+        const u = h - c;
+        u < l ? (this.renderSlide(i, o + 1, u), this.state.currentAnimationId = requestAnimationFrame(d)) : this.renderSlide(i, o + 1, null);
+      };
+      this.state.currentAnimationId = requestAnimationFrame(d);
+    } else i + 1 < n.slides.length && this.renderSlide(i + 1);
+  }
+  previous(e = !1) {
+    const { currentAnimationId: n, slideIndex: r, buildIndex: i } = this.state;
+    if (this.hideCursor(), n !== null && cancelAnimationFrame(n), i > 0)
+      e ? this.renderSlide(r, 0) : this.renderSlide(r, i - 1);
+    else if (r > 0) {
+      const o = this.props.presentation.slides[r - 1], s = e ? 0 : (o == null ? void 0 : o.animations.length) ?? 0;
+      this.renderSlide(r - 1, s);
+    } else
+      this.renderSlide(0, 0);
+  }
+  hasNext() {
+    const { presentation: e } = this.props, { slideIndex: n, buildIndex: r } = this.state, i = e.slides[n];
+    return i === void 0 ? !1 : i.animations[r] !== void 0 ? !0 : n + 1 < e.slides.length;
+  }
+  hasPrevious() {
+    const { slideIndex: e, buildIndex: n } = this.state;
+    return n > 0 || e > 0;
+  }
+  hideCursor() {
+    var e, n;
+    this.props.element.style.cursor = "none", (n = (e = this.state.canvas) == null ? void 0 : e.parentElement) == null || n.style.setProperty("cursor", "none");
+  }
+}
+function fn(t) {
+  return t <= 0 || t > 1 ? (console.warn(
+    `BrowserCanvasRenderer scale must be positive and no greater than 1. Received ${t}; using 1 instead.`
+  ), 1) : t;
+}
+function pn(t) {
+  const e = [];
+  if (t.isAllKey) {
+    for (let n = 0; n <= t.animations.length; n++)
+      e.push(n);
+    return e;
+  }
+  return t.isStartKey && e.push(0), t.animations.forEach((n, r) => {
+    Array.isArray(n) ? n.some((i) => i.isKey) && e.push(r + 1) : n.isKey && e.push(r + 1);
+  }), t.isEndKey && e[e.length - 1] !== t.animations.length && e.push(t.animations.length), e;
+}
+function* gn({
+  presentation: t,
+  isAnimatedExport: e,
+  animationHoldFrames: n,
+  framesPerSecond: r
+}) {
+  let i = 0;
+  for (let o = 0; o < t.slides.length; o++) {
+    const s = t.slides[o];
+    if (s !== void 0)
+      if (e) {
+        for (let a = 0; a < n; a++)
+          yield { imageIndex: i++, slideIndex: o, buildIndex: 0, buildTime: null };
+        for (let a = 0; a < s.animations.length; a++) {
+          const c = s.animations[a];
+          if (c === void 0)
+            continue;
+          const l = Pt(c), d = Math.ceil(l / 1e3 * r);
+          for (let h = 0; h < d; h++)
+            yield {
+              imageIndex: i++,
+              slideIndex: o,
+              buildIndex: a + 1,
+              buildTime: h * (l / d)
+            };
+          for (let h = 0; h < n; h++)
+            yield {
+              imageIndex: i++,
+              slideIndex: o,
+              buildIndex: a + 1,
+              buildTime: null
+            };
+        }
+      } else {
+        const a = pn(s);
+        for (const c of a)
+          yield { imageIndex: i++, slideIndex: o, buildIndex: c, buildTime: null };
+      }
+  }
+}
+class Sn {
+  constructor(e) {
+    const { imageFormat: n = "png", ...r } = e;
+    this.props = {
+      presentation: At(),
+      imageFormat: n,
+      imageQuality: void 0,
+      animationHoldFrames: 1,
+      framesPerSecond: 30,
+      isAnimatedExport: !1,
+      getFilenameForImage: (i) => `${i.toString().padStart(4, "0")}.${n}`,
+      logFrequency: 0,
+      objectRenderers: {},
+      onRenderImage: () => {
+      },
+      renderScale: 1,
+      resourcePathPrefix: "",
+      waitForFonts: !0,
+      ...r
+    };
+  }
+  async render(e = 0) {
+    vn();
+    const { presentation: n } = this.props, r = await Dt(
+      xn(
+        {
+          ...Bt(n),
+          ...n.resources.images,
+          ...Rt(n)
+        },
+        this.props.resourcePathPrefix
+      )
+    );
+    this.props.waitForFonts && await document.fonts.ready;
+    const i = kt(n.size), o = new un({
+      presentation: n,
+      objectRenderers: this.props.objectRenderers,
+      scale: this.props.renderScale,
+      element: document.createElement("div")
+    });
+    o.state = {
+      ...o.state,
+      imageById: r
+    };
+    for (const s of gn(this.props))
+      s.imageIndex < e || await this.renderFrame(o, i, s);
+  }
+  async renderFrame(e, n, r) {
+    const { getFilenameForImage: i, imageFormat: o, imageQuality: s, logFrequency: a, onRenderImage: c } = this.props;
+    e.renderCanvas(
+      n,
+      r.slideIndex,
+      r.buildIndex,
+      r.buildTime,
+      this.props.renderScale
+    );
+    const l = await yn(n, mn(o), s), d = i(r.imageIndex), h = {
+      ...r,
+      blob: l,
+      filename: d
+    };
+    await c(h), a > 0 && r.imageIndex % a === 0 && console.log(`Rendered image ${r.imageIndex}: ${d}`);
+  }
+}
+function yn(t, e, n) {
+  return new Promise((r, i) => {
+    t.toBlob(
+      (o) => {
+        if (o === null) {
+          i(new Error("Unable to encode browser image export frame."));
+          return;
+        }
+        r(o);
+      },
+      e,
+      n
+    );
+  });
+}
+function mn(t) {
+  switch (t) {
+    case "jpeg":
+      return "image/jpeg";
+    case "webp":
+      return "image/webp";
+    case "png":
+      return "image/png";
+  }
+}
+function xn(t, e) {
+  if (e === "")
+    return t;
+  const n = {};
+  for (const [r, i] of Object.entries(t))
+    n[r] = bn(i) ? wn(e, i) : i;
+  return n;
+}
+function bn(t) {
+  return !t.includes("</svg>") && !t.startsWith("/") && !t.startsWith("data:") && !t.startsWith("blob:") && !/^[a-z][a-z0-9+.-]*:\/\//i.test(t);
+}
+function wn(t, e) {
+  return `${t.replace(/\/$/, "")}/${e.replace(/^\//, "")}`;
+}
+function vn() {
+  if (typeof document > "u")
+    throw new Error("BrowserImageRenderer must run in a browser environment.");
+}
+export {
+  Sn as BrowserImageRenderer
+};
+//# sourceMappingURL=export-browser.mjs.map