react-book-reader 1.0.0 → 1.1.0

package/lib/view-C6hqGjnD.js

@@ -0,0 +1,774 @@
+const K = (n, t) => n.map((e, s, i) => t(e, s, i) ? s : null).filter((e) => e != null), B = (n, t) => [-1, ...t, n.length].reduce(({ xs: e, a: s }, i) => ({ xs: e?.concat([n.slice(s + 1, i)]) ?? [], a: i }), {}).xs, G = (n, t) => n.slice(0, -1).concat([n[n.length - 1].concat(t[0])]).concat(t.slice(1)), C = /\d/, x = /^epubcfi\((.*)\)$/, N = (n) => n.replace(/[\^[\](),;=]/g, "^$&"), $ = (n) => x.test(n) ? n : `epubcfi(${n})`, q = (n) => n.match(x)?.[1] ?? n, X = (n) => (...t) => `epubcfi(${n(...t.map((e) => e.match(x)?.[1] ?? e))})`, Q = X((...n) => n.join("!")), Y = (n) => {
+  const t = [];
+  let e, s, i = "";
+  const o = (a) => (t.push(a), e = null, i = ""), r = (a) => (i += a, s = !1);
+  for (const a of Array.from(n.trim()).concat("")) {
+    if (a === "^" && !s) {
+      s = !0;
+      continue;
+    }
+    if (e === "!") o(["!"]);
+    else if (e === ",") o([","]);
+    else if (e === "/" || e === ":")
+      if (C.test(a)) {
+        r(a);
+        continue;
+      } else o([e, parseInt(i)]);
+    else if (e === "~")
+      if (C.test(a) || a === ".") {
+        r(a);
+        continue;
+      } else o(["~", parseFloat(i)]);
+    else if (e === "@") {
+      if (a === ":") {
+        o(["@", parseFloat(i)]), e = "@";
+        continue;
+      }
+      if (C.test(a) || a === ".") {
+        r(a);
+        continue;
+      } else o(["@", parseFloat(i)]);
+    } else if (e === "[") {
+      a === ";" && !s ? (o(["[", i]), e = ";") : a === "," && !s ? (o(["[", i]), e = "[") : a === "]" && !s ? o(["[", i]) : r(a);
+      continue;
+    } else if (e?.startsWith(";")) {
+      a === "=" && !s ? (e = `;${i}`, i = "") : a === ";" && !s ? (o([e, i]), e = ";") : a === "]" && !s ? o([e, i]) : r(a);
+      continue;
+    }
+    (a === "/" || a === ":" || a === "~" || a === "@" || a === "[" || a === "!" || a === ",") && (e = a);
+  }
+  return t;
+}, M = (n, t) => K(n, ([e]) => e === t), tt = (n) => {
+  const t = [];
+  let e;
+  for (const [s, i] of n) {
+    if (s === "/") t.push({ index: i });
+    else {
+      const o = t[t.length - 1];
+      if (s === ":") o.offset = i;
+      else if (s === "~") o.temporal = i;
+      else if (s === "@") o.spatial = (o.spatial ?? []).concat(i);
+      else if (s === ";s") o.side = i;
+      else if (s === "[")
+        if (e === "/" && i) o.id = i;
+        else {
+          o.text = (o.text ?? []).concat(i);
+          continue;
+        }
+    }
+    e = s;
+  }
+  return t;
+}, k = (n) => B(n, M(n, "!")).map(tt), b = (n) => {
+  const t = Y(q(n)), e = M(t, ",");
+  if (!e.length) return k(t);
+  const [s, i, o] = B(t, e).map(k);
+  return { parent: s, start: i, end: o };
+}, et = ({ index: n, id: t, offset: e, temporal: s, spatial: i, text: o, side: r }) => {
+  const a = r ? `;s=${r}` : "";
+  return `/${n}` + (t ? `[${N(t)}${a}]` : "") + (e != null && n % 2 ? `:${e}` : "") + (s ? `~${s}` : "") + (i ? `@${i.join(":")}` : "") + (o || !t && r ? "[" + (o?.map(N)?.join(",") ?? "") + a + "]" : "");
+}, W = (n) => n.parent ? [n.parent, n.start, n.end].map(W).join(",") : n.map((t) => t.map(et).join("")).join("!"), E = (n) => $(W(n)), m = (n, t) => typeof n == "string" ? E(m(b(n), t)) : n.parent ? G(n.parent, n[t ? "end" : "start"]) : n, st = (n, t) => {
+  typeof n == "string" && (n = b(n)), typeof t == "string" && (t = b(t)), n = m(n), t = m(t, !0);
+  const e = n[n.length - 1], s = t[t.length - 1], i = [], o = [], r = [];
+  let a = !0;
+  const h = Math.max(e.length, s.length);
+  for (let l = 0; l < h; l++) {
+    const d = e[l], f = s[l];
+    a &&= d?.index === f?.index && !d?.offset && !f?.offset, a ? i.push(d) : (d && o.push(d), f && r.push(f));
+  }
+  const c = n.slice(0, -1).concat([i]);
+  return E({ parent: c, start: [o], end: [r] });
+}, F = ({ nodeType: n }) => n === 3 || n === 4, v = ({ nodeType: n }) => n === 1, D = (n, t) => {
+  const e = Array.from(n.childNodes).filter((s) => F(s) || v(s));
+  return t ? e.map((s) => {
+    const i = t(s);
+    return i === NodeFilter.FILTER_REJECT ? null : i === NodeFilter.FILTER_SKIP ? D(s, t) : s;
+  }).flat().filter((s) => s) : e;
+}, I = (n, t) => {
+  const e = D(n, t).reduce((s, i) => {
+    let o = s[s.length - 1];
+    return o ? F(i) ? Array.isArray(o) ? o.push(i) : F(o) ? s[s.length - 1] = [o, i] : s.push(i) : v(o) ? s.push(null, i) : s.push(i) : s.push(i), s;
+  }, []);
+  return v(e[0]) && e.unshift("first"), v(e[e.length - 1]) && e.push("last"), e.unshift("before"), e.push("after"), e;
+}, S = (n, t, e) => {
+  const { id: s } = t[t.length - 1];
+  if (s) {
+    const r = n.ownerDocument.getElementById(s);
+    if (r) return { node: r, offset: 0 };
+  }
+  for (const { index: r } of t) {
+    const a = n ? I(n, e)[r] : null;
+    if (a === "first") return { node: n.firstChild ?? n };
+    if (a === "last") return { node: n.lastChild ?? n };
+    if (a === "before") return { node: n, before: !0 };
+    if (a === "after") return { node: n, after: !0 };
+    n = a;
+  }
+  const { offset: i } = t[t.length - 1];
+  if (!Array.isArray(n)) return { node: n, offset: i };
+  let o = 0;
+  for (const r of n) {
+    const { length: a } = r.nodeValue;
+    if (o + a >= i) return { node: r, offset: i - o };
+    o += a;
+  }
+}, A = (n, t, e) => {
+  const { parentNode: s, id: i } = n, o = I(s, e), r = o.findIndex((c) => Array.isArray(c) ? c.some((l) => l === n) : c === n), a = o[r];
+  if (Array.isArray(a)) {
+    let c = 0;
+    for (const l of a)
+      if (l === n) {
+        c += t;
+        break;
+      } else c += l.nodeValue.length;
+    t = c;
+  }
+  const h = { id: i, index: r, offset: t };
+  return (s !== n.ownerDocument.documentElement ? A(s, null, e).concat(h) : [h]).filter((c) => c.index !== -1);
+}, nt = (n, t) => {
+  const { startContainer: e, startOffset: s, endContainer: i, endOffset: o } = n, r = A(e, s, t);
+  if (n.collapsed) return E([r]);
+  const a = A(i, o, t);
+  return st([r], [a]);
+}, it = (n, t, e) => {
+  const s = m(t), i = m(t, !0), o = n.documentElement, r = S(o, s[0], e), a = S(o, i[0], e), h = n.createRange();
+  return r.before ? h.setStartBefore(r.node) : r.after ? h.setStartAfter(r.node) : h.setStart(r.node, r.offset), a.before ? h.setEndBefore(a.node) : a.after ? h.setEndAfter(a.node) : h.setEnd(a.node, a.offset), h;
+}, At = (n) => {
+  const t = [], { parentNode: e } = n[0], s = A(e);
+  for (const [i, o] of I(e).entries()) {
+    const r = n[t.length];
+    o === r && t.push(E([s.concat({ id: r.id, index: i })]));
+  }
+  return t;
+}, xt = (n, t) => S(n.documentElement, m(t)).node, z = {
+  fromIndex: (n) => $(`/6/${(n + 1) * 2}`),
+  toIndex: (n) => n?.at(-1).index / 2 - 1
+}, ot = (n) => {
+  let t = 0;
+  const e = (s) => {
+    if (s.id = t++, s.subitems) for (const i of s.subitems) e(i);
+  };
+  for (const s of n) e(s);
+  return n;
+}, j = (n) => n.map((t) => t.subitems?.length ? [t, j(t.subitems)].flat() : t).flat();
+class L {
+  async init({ toc: t, ids: e, splitHref: s, getFragment: i }) {
+    ot(t);
+    const o = j(t), r = /* @__PURE__ */ new Map();
+    for (const [h, c] of o.entries()) {
+      const [l, d] = await s(c?.href) ?? [], f = { fragment: d, item: c };
+      r.has(l) ? r.get(l).items.push(f) : r.set(l, { prev: o[h - 1], items: [f] });
+    }
+    const a = /* @__PURE__ */ new Map();
+    for (const [h, c] of e.entries())
+      r.has(c) ? a.set(c, r.get(c)) : a.set(c, a.get(e[h - 1]));
+    this.ids = e, this.map = a, this.getFragment = i;
+  }
+  getProgress(t, e) {
+    if (!this.ids) return;
+    const s = this.ids[t], i = this.map.get(s);
+    if (!i) return null;
+    const { prev: o, items: r } = i;
+    if (!r) return o;
+    if (!e || r.length === 1 && !r[0].fragment) return r[0].item;
+    const a = e.startContainer.getRootNode();
+    for (const [h, { fragment: c }] of r.entries()) {
+      const l = this.getFragment(a, c);
+      if (l && e.comparePoint(l, 0) > 0)
+        return r[h - 1]?.item ?? o;
+    }
+    return r[r.length - 1].item;
+  }
+}
+class rt {
+  constructor(t, e, s) {
+    this.sizes = t.map((i) => i.linear != "no" && i.size > 0 ? i.size : 0), this.sizePerLoc = e, this.sizePerTimeUnit = s, this.sizeTotal = this.sizes.reduce((i, o) => i + o, 0), this.sectionFractions = this.#e();
+  }
+  #e() {
+    const { sizeTotal: t } = this, e = [0];
+    let s = 0;
+    for (const i of this.sizes) e.push((s += i) / t);
+    return e;
+  }
+  // get progress given index of and fractions within a section
+  getProgress(t, e, s = 0) {
+    const { sizes: i, sizePerLoc: o, sizePerTimeUnit: r, sizeTotal: a } = this, h = i[t] ?? 0, l = i.slice(0, t).reduce((p, w) => p + w, 0) + e * h, d = l + s * h, f = a - l, u = (1 - e) * h;
+    return {
+      fraction: d / a,
+      section: {
+        current: t,
+        total: i.length
+      },
+      location: {
+        current: Math.floor(l / o),
+        next: Math.floor(d / o),
+        total: Math.ceil(a / o)
+      },
+      time: {
+        section: u / r,
+        total: f / r
+      }
+    };
+  }
+  // the inverse of `getProgress`
+  // get index of and fraction in section based on total fraction
+  getSection(t) {
+    if (t <= 0) return [0, 0];
+    if (t >= 1) return [this.sizes.length - 1, 1];
+    t = t + Number.EPSILON;
+    const { sizeTotal: e } = this;
+    let s = this.sectionFractions.findIndex((o) => o > t) - 1;
+    if (s < 0) return [0, 0];
+    for (; !this.sizes[s]; ) s++;
+    const i = (t - this.sectionFractions[s]) / (this.sizes[s] / e);
+    return [s, i];
+  }
+}
+const g = (n) => document.createElementNS("http://www.w3.org/2000/svg", n);
+class R {
+  #e = g("svg");
+  #t = /* @__PURE__ */ new Map();
+  constructor() {
+    Object.assign(this.#e.style, {
+      position: "absolute",
+      top: "0",
+      left: "0",
+      width: "100%",
+      height: "100%",
+      pointerEvents: "none"
+    });
+  }
+  get element() {
+    return this.#e;
+  }
+  add(t, e, s, i) {
+    this.#t.has(t) && this.remove(t), typeof e == "function" && (e = e(this.#e.getRootNode()));
+    const o = e.getClientRects(), r = s(o, i);
+    this.#e.append(r), this.#t.set(t, { range: e, draw: s, options: i, element: r, rects: o });
+  }
+  remove(t) {
+    this.#t.has(t) && (this.#e.removeChild(this.#t.get(t).element), this.#t.delete(t));
+  }
+  redraw() {
+    for (const t of this.#t.values()) {
+      const { range: e, draw: s, options: i, element: o } = t;
+      this.#e.removeChild(o);
+      const r = e.getClientRects(), a = s(r, i);
+      this.#e.append(a), t.element = a, t.rects = r;
+    }
+  }
+  hitTest({ x: t, y: e }) {
+    const s = Array.from(this.#t.entries());
+    for (let i = s.length - 1; i >= 0; i--) {
+      const [o, r] = s[i];
+      for (const { left: a, top: h, right: c, bottom: l } of r.rects)
+        if (h <= e && a <= t && l > e && c > t)
+          return [o, r.range];
+    }
+    return [];
+  }
+  static underline(t, e = {}) {
+    const { color: s = "red", width: i = 2, writingMode: o } = e, r = g("g");
+    if (r.setAttribute("fill", s), o === "vertical-rl" || o === "vertical-lr")
+      for (const { right: a, top: h, height: c } of t) {
+        const l = g("rect");
+        l.setAttribute("x", a - i), l.setAttribute("y", h), l.setAttribute("height", c), l.setAttribute("width", i), r.append(l);
+      }
+    else for (const { left: a, bottom: h, width: c } of t) {
+      const l = g("rect");
+      l.setAttribute("x", a), l.setAttribute("y", h - i), l.setAttribute("height", i), l.setAttribute("width", c), r.append(l);
+    }
+    return r;
+  }
+  static strikethrough(t, e = {}) {
+    const { color: s = "red", width: i = 2, writingMode: o } = e, r = g("g");
+    if (r.setAttribute("fill", s), o === "vertical-rl" || o === "vertical-lr")
+      for (const { right: a, left: h, top: c, height: l } of t) {
+        const d = g("rect");
+        d.setAttribute("x", (a + h) / 2), d.setAttribute("y", c), d.setAttribute("height", l), d.setAttribute("width", i), r.append(d);
+      }
+    else for (const { left: a, top: h, bottom: c, width: l } of t) {
+      const d = g("rect");
+      d.setAttribute("x", a), d.setAttribute("y", (h + c) / 2), d.setAttribute("height", i), d.setAttribute("width", l), r.append(d);
+    }
+    return r;
+  }
+  static squiggly(t, e = {}) {
+    const { color: s = "red", width: i = 2, writingMode: o } = e, r = g("g");
+    r.setAttribute("fill", "none"), r.setAttribute("stroke", s), r.setAttribute("stroke-width", i);
+    const a = i * 1.5;
+    if (o === "vertical-rl" || o === "vertical-lr")
+      for (const { right: h, top: c, height: l } of t) {
+        const d = g("path"), f = Math.round(l / a / 1.5), u = l / f, p = Array.from(
+          { length: f },
+          (w, T) => `l${T % 2 ? -a : a} ${u}`
+        ).join("");
+        d.setAttribute("d", `M${h} ${c}${p}`), r.append(d);
+      }
+    else for (const { left: h, bottom: c, width: l } of t) {
+      const d = g("path"), f = Math.round(l / a / 1.5), u = l / f, p = Array.from(
+        { length: f },
+        (w, T) => `l${u} ${T % 2 ? a : -a}`
+      ).join("");
+      d.setAttribute("d", `M${h} ${c}${p}`), r.append(d);
+    }
+    return r;
+  }
+  static highlight(t, e = {}) {
+    const { color: s = "red" } = e, i = g("g");
+    i.setAttribute("fill", s), i.style.opacity = "var(--overlayer-highlight-opacity, .3)", i.style.mixBlendMode = "var(--overlayer-highlight-blend-mode, normal)";
+    for (const { left: o, top: r, height: a, width: h } of t) {
+      const c = g("rect");
+      c.setAttribute("x", o), c.setAttribute("y", r), c.setAttribute("height", a), c.setAttribute("width", h), i.append(c);
+    }
+    return i;
+  }
+  static outline(t, e = {}) {
+    const { color: s = "red", width: i = 3, radius: o = 3 } = e, r = g("g");
+    r.setAttribute("fill", "none"), r.setAttribute("stroke", s), r.setAttribute("stroke-width", i);
+    for (const { left: a, top: h, height: c, width: l } of t) {
+      const d = g("rect");
+      d.setAttribute("x", a), d.setAttribute("y", h), d.setAttribute("height", c), d.setAttribute("width", l), d.setAttribute("rx", o), r.append(d);
+    }
+    return r;
+  }
+  // make an exact copy of an image in the overlay
+  // one can then apply filters to the entire element, without affecting them;
+  // it's a bit silly and probably better to just invert images twice
+  // (though the color will be off in that case if you do heu-rotate)
+  static copyImage([t], e = {}) {
+    const { src: s } = e, i = g("image"), { left: o, top: r, height: a, width: h } = t;
+    return i.setAttribute("href", s), i.setAttribute("x", o), i.setAttribute("y", r), i.setAttribute("height", a), i.setAttribute("width", h), i;
+  }
+}
+const at = (n, t) => {
+  const e = [];
+  for (let s = t.currentNode; s; s = t.nextNode()) {
+    const i = n.comparePoint(s, 0);
+    if (i === 0) e.push(s);
+    else if (i > 0) break;
+  }
+  return e;
+}, ct = (n, t) => {
+  const e = [];
+  for (let s = t.nextNode(); s; s = t.nextNode())
+    e.push(s);
+  return e;
+}, lt = NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_CDATA_SECTION, ht = (n) => {
+  if (n.nodeType === 1) {
+    const t = n.tagName.toLowerCase();
+    return t === "script" || t === "style" ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_SKIP;
+  }
+  return NodeFilter.FILTER_ACCEPT;
+}, O = function* (n, t, e) {
+  const s = n.commonAncestorContainer ?? n.body ?? n, i = document.createTreeWalker(s, lt, { acceptNode: e || ht }), r = (n.commonAncestorContainer ? at : ct)(n, i), a = r.map((c) => c.nodeValue), h = (c, l, d, f) => {
+    const u = document.createRange();
+    return u.setStart(r[c], l), u.setEnd(r[d], f), u;
+  };
+  for (const c of t(a, h)) yield c;
+}, y = "foliate-search:", dt = async (n) => {
+  const t = new Uint8Array(await n.slice(0, 4).arrayBuffer());
+  return t[0] === 80 && t[1] === 75 && t[2] === 3 && t[3] === 4;
+}, ut = async (n) => {
+  const t = new Uint8Array(await n.slice(0, 5).arrayBuffer());
+  return t[0] === 37 && t[1] === 80 && t[2] === 68 && t[3] === 70 && t[4] === 45;
+}, ft = ({ name: n, type: t }) => t === "application/vnd.comicbook+zip" || n.endsWith(".cbz"), gt = ({ name: n, type: t }) => t === "application/x-fictionbook+xml" || n.endsWith(".fb2"), pt = ({ name: n, type: t }) => t === "application/x-zip-compressed-fb2" || n.endsWith(".fb2.zip") || n.endsWith(".fbz"), mt = async (n) => {
+  const { configure: t, ZipReader: e, BlobReader: s, TextWriter: i, BlobWriter: o } = await import("./zip-Bw0cufIw.js");
+  t({ useWebWorkers: !1 });
+  const a = await new e(new s(n)).getEntries(), h = new Map(a.map((u) => [u.filename, u])), c = (u) => (p, ...w) => h.has(p) ? u(h.get(p), ...w) : null, l = c((u) => u.getData(new i())), d = c((u, p) => u.getData(new o(p)));
+  return { entries: a, loadText: l, loadBlob: d, getSize: (u) => h.get(u)?.uncompressedSize ?? 0 };
+}, _ = async (n) => n.isFile ? n : (await Promise.all(Array.from(
+  await new Promise((t, e) => n.createReader().readEntries((s) => t(s), (s) => e(s))),
+  _
+))).flat(), wt = async (n) => {
+  const t = await _(n), e = await Promise.all(
+    t.map((l) => new Promise((d, f) => l.file(
+      (u) => d([u, l.fullPath]),
+      (u) => f(u)
+    )))
+  ), s = new Map(e.map(([l, d]) => [d.replace(n.fullPath + "/", ""), l])), i = new TextDecoder(), o = (l) => l ? i.decode(l) : null, r = (l) => s.get(l)?.arrayBuffer() ?? null;
+  return { loadText: async (l) => o(await r(l)), loadBlob: (l) => s.get(l), getSize: (l) => s.get(l)?.size ?? 0 };
+};
+class H extends Error {
+}
+class U extends Error {
+}
+class V extends Error {
+}
+const yt = async (n) => {
+  const t = await fetch(n);
+  if (!t.ok) throw new H(
+    `${t.status} ${t.statusText}`,
+    { cause: t }
+  );
+  return new File([await t.blob()], new URL(t.url).pathname);
+}, Z = async (n) => {
+  typeof n == "string" && (n = await yt(n));
+  let t;
+  if (n.isDirectory) {
+    const e = await wt(n), { EPUB: s } = await import("./epub-CiyU4mPz.js");
+    t = await new s(e).init();
+  } else if (n.size) if (await dt(n)) {
+    const e = await mt(n);
+    if (ft(n)) {
+      const { makeComicBook: s } = await import("./comic-book-D8f_Cc7Q.js");
+      t = s(e, n);
+    } else if (pt(n)) {
+      const { makeFB2: s } = await import("./fb2-DCqZtzQ5.js"), { entries: i } = e, o = i.find((a) => a.filename.endsWith(".fb2")), r = await e.loadBlob((o ?? i[0]).filename);
+      t = await s(r);
+    } else {
+      const { EPUB: s } = await import("./epub-CiyU4mPz.js");
+      t = await new s(e).init();
+    }
+  } else if (await ut(n)) {
+    const { makePDF: e } = await import("./pdf-BboyxV4m.js");
+    t = await e(n);
+  } else {
+    const { isMOBI: e, MOBI: s } = await import("./mobi-CikMBloG.js");
+    if (await e(n)) {
+      const i = await import("./fflate-CExlDunL.js");
+      t = await new s({ unzlib: i.unzlibSync }).open(n);
+    } else if (gt(n)) {
+      const { makeFB2: i } = await import("./fb2-DCqZtzQ5.js");
+      t = await i(n);
+    }
+  }
+  else throw new U("File not found");
+  if (!t) throw new V("File type not supported");
+  return t;
+};
+class P {
+  #e;
+  #t;
+  #n;
+  #s;
+  constructor(t, e, s = {}) {
+    this.#t = t, this.#n = e, this.#s = s, this.#s.hidden && this.hide(), this.#t.addEventListener("mousemove", ({ screenX: i, screenY: o }) => {
+      i === this.#s.x && o === this.#s.y || (this.#s.x = i, this.#s.y = o, this.show(), this.#e && clearTimeout(this.#e), e() && (this.#e = setTimeout(this.hide.bind(this), 1e3)));
+    }, !1);
+  }
+  cloneFor(t) {
+    return new P(t, this.#n, this.#s);
+  }
+  hide() {
+    this.#t.style.cursor = "none", this.#s.hidden = !0;
+  }
+  show() {
+    this.#t.style.removeProperty("cursor"), this.#s.hidden = !1;
+  }
+}
+class vt extends EventTarget {
+  #e = [];
+  #t = -1;
+  pushState(t) {
+    const e = this.#e[this.#t];
+    e === t || e?.fraction && e.fraction === t.fraction || (this.#e[++this.#t] = t, this.#e.length = this.#t + 1, this.dispatchEvent(new Event("index-change")));
+  }
+  replaceState(t) {
+    const e = this.#t;
+    this.#e[e] = t;
+  }
+  back() {
+    const t = this.#t;
+    if (t <= 0) return;
+    const e = { state: this.#e[t - 1] };
+    this.#t = t - 1, this.dispatchEvent(new CustomEvent("popstate", { detail: e })), this.dispatchEvent(new Event("index-change"));
+  }
+  forward() {
+    const t = this.#t;
+    if (t >= this.#e.length - 1) return;
+    const e = { state: this.#e[t + 1] };
+    this.#t = t + 1, this.dispatchEvent(new CustomEvent("popstate", { detail: e })), this.dispatchEvent(new Event("index-change"));
+  }
+  get canGoBack() {
+    return this.#t > 0;
+  }
+  get canGoForward() {
+    return this.#t < this.#e.length - 1;
+  }
+  clear() {
+    this.#e = [], this.#t = -1;
+  }
+}
+const bt = (n) => {
+  if (!n) return {};
+  try {
+    const t = Intl.getCanonicalLocales(n)[0], e = new Intl.Locale(t), s = ["zh", "ja", "kr"].includes(e.language), i = (e.getTextInfo?.() ?? e.textInfo)?.direction;
+    return { canonical: t, locale: e, isCJK: s, direction: i };
+  } catch (t) {
+    return console.warn(t), {};
+  }
+};
+class J extends HTMLElement {
+  #e = this.attachShadow({ mode: "closed" });
+  #t;
+  #n;
+  #s;
+  #o = /* @__PURE__ */ new Map();
+  #a = new P(this, () => this.hasAttribute("autohide-cursor"));
+  isFixedLayout = !1;
+  lastLocation;
+  history = new vt();
+  constructor() {
+    super(), this.history.addEventListener("popstate", ({ detail: t }) => {
+      const e = this.resolveNavigation(t.state);
+      this.renderer.goTo(e);
+    });
+  }
+  async open(t) {
+    if ((typeof t == "string" || typeof t.arrayBuffer == "function" || t.isDirectory) && (t = await Z(t)), this.book = t, this.language = bt(t.metadata?.language), t.splitTOCHref && t.getTOCFragment) {
+      const e = t.sections.map((o) => o.id);
+      this.#t = new rt(t.sections, 1500, 1600);
+      const s = t.splitTOCHref.bind(t), i = t.getTOCFragment.bind(t);
+      this.#n = new L(), await this.#n.init({
+        toc: t.toc ?? [],
+        ids: e,
+        splitHref: s,
+        getFragment: i
+      }), this.#s = new L(), await this.#s.init({
+        toc: t.pageList ?? [],
+        ids: e,
+        splitHref: s,
+        getFragment: i
+      });
+    }
+    if (this.isFixedLayout = this.book.rendition?.layout === "pre-paginated", this.isFixedLayout ? (await import("./fixed-layout-CMyaX9h8.js"), this.renderer = document.createElement("foliate-fxl")) : (await import("./paginator-CpnI4Urk.js"), this.renderer = document.createElement("foliate-paginator")), this.renderer.setAttribute("exportparts", "head,foot,filter"), this.renderer.addEventListener("load", (e) => this.#l(e.detail)), this.renderer.addEventListener("relocate", (e) => this.#c(e.detail)), this.renderer.addEventListener("create-overlayer", (e) => e.detail.attach(this.#d(e.detail))), this.renderer.open(t), this.#e.append(this.renderer), t.sections.some((e) => e.mediaOverlay)) {
+      const e = t.media.activeClass, s = t.media.playbackActiveClass;
+      this.mediaOverlay = t.getMediaOverlay();
+      let i;
+      this.mediaOverlay.addEventListener("highlight", (o) => {
+        const r = this.resolveNavigation(o.detail.text);
+        this.renderer.goTo(r).then(() => {
+          const { doc: a } = this.renderer.getContents().find((c) => c.index = r.index), h = r.anchor(a);
+          h.classList.add(e), s && h.ownerDocument.documentElement.classList.add(s), i = new WeakRef(h);
+        });
+      }), this.mediaOverlay.addEventListener("unhighlight", () => {
+        const o = i?.deref();
+        o && (o.classList.remove(e), s && o.ownerDocument.documentElement.classList.remove(s));
+      });
+    }
+  }
+  close() {
+    this.renderer?.destroy(), this.renderer?.remove(), this.#t = null, this.#n = null, this.#s = null, this.#o = /* @__PURE__ */ new Map(), this.lastLocation = null, this.history.clear(), this.tts = null, this.mediaOverlay = null;
+  }
+  goToTextStart() {
+    return this.goTo(this.book.landmarks?.find((t) => t.type.includes("bodymatter") || t.type.includes("text"))?.href ?? this.book.sections.findIndex((t) => t.linear !== "no"));
+  }
+  async init({ lastLocation: t, showTextStart: e }) {
+    const s = t ? this.resolveNavigation(t) : null;
+    s ? (await this.renderer.goTo(s), this.history.pushState(t)) : e ? await this.goToTextStart() : (this.history.pushState(0), await this.next());
+  }
+  #i(t, e, s) {
+    return this.dispatchEvent(new CustomEvent(t, { detail: e, cancelable: s }));
+  }
+  #c({ reason: t, range: e, index: s, fraction: i, size: o }) {
+    const r = this.#t?.getProgress(s, i, o) ?? {}, a = this.#n?.getProgress(s, e), h = this.#s?.getProgress(s, e), c = this.getCFI(s, e);
+    this.lastLocation = { ...r, tocItem: a, pageItem: h, cfi: c, range: e }, (t === "snap" || t === "page" || t === "scroll") && this.history.replaceState(c), this.#i("relocate", this.lastLocation);
+  }
+  #l({ doc: t, index: e }) {
+    t.documentElement.lang ||= this.language.canonical ?? "", this.language.isCJK || (t.documentElement.dir ||= this.language.direction ?? ""), this.#h(t, e), this.#a.cloneFor(t.documentElement), this.#i("load", { doc: t, index: e });
+  }
+  #h(t, e) {
+    const { book: s } = this, i = s.sections[e];
+    t.addEventListener("click", (o) => {
+      const r = o.target.closest("a[href]");
+      if (!r) return;
+      o.preventDefault();
+      const a = r.getAttribute("href"), h = i?.resolveHref?.(a) ?? a;
+      s?.isExternal?.(h) ? Promise.resolve(this.#i("external-link", { a: r, href: h }, !0)).then((c) => c ? globalThis.open(h, "_blank") : null).catch((c) => console.error(c)) : Promise.resolve(this.#i("link", { a: r, href: h }, !0)).then((c) => c ? this.goTo(h) : null).catch((c) => console.error(c));
+    });
+  }
+  async addAnnotation(t, e) {
+    const { value: s } = t;
+    if (s.startsWith(y)) {
+      const h = s.replace(y, ""), { index: c, anchor: l } = await this.resolveNavigation(h), d = this.#r(c);
+      if (d) {
+        const { overlayer: f, doc: u } = d;
+        if (e) {
+          f.remove(s);
+          return;
+        }
+        const p = u ? l(u) : l;
+        f.add(s, p, R.outline);
+      }
+      return;
+    }
+    const { index: i, anchor: o } = await this.resolveNavigation(s), r = this.#r(i);
+    if (r) {
+      const { overlayer: h, doc: c } = r;
+      if (h.remove(s), !e) {
+        const l = c ? o(c) : o, d = (f, u) => h.add(s, l, f, u);
+        this.#i("draw-annotation", { draw: d, annotation: t, doc: c, range: l });
+      }
+    }
+    const a = this.#n.getProgress(i)?.label ?? "";
+    return { index: i, label: a };
+  }
+  deleteAnnotation(t) {
+    return this.addAnnotation(t, !0);
+  }
+  #r(t) {
+    return this.renderer.getContents().find((e) => e.index === t && e.overlayer);
+  }
+  #d({ doc: t, index: e }) {
+    const s = new R();
+    t.addEventListener("click", (o) => {
+      const [r, a] = s.hitTest(o);
+      r && !r.startsWith(y) && this.#i("show-annotation", { value: r, index: e, range: a });
+    }, !1);
+    const i = this.#o.get(e);
+    if (i) for (const o of i) this.addAnnotation(o);
+    return this.#i("create-overlay", { index: e }), s;
+  }
+  async showAnnotation(t) {
+    const { value: e } = t, s = await this.goTo(e);
+    if (s) {
+      const { index: i, anchor: o } = s, { doc: r } = this.#r(i), a = o(r);
+      this.#i("show-annotation", { value: e, index: i, range: a });
+    }
+  }
+  getCFI(t, e) {
+    const s = this.book.sections[t].cfi ?? z.fromIndex(t);
+    return e ? Q(s, nt(e)) : s;
+  }
+  resolveCFI(t) {
+    if (this.book.resolveCFI)
+      return this.book.resolveCFI(t);
+    {
+      const e = b(t);
+      return { index: z.toIndex((e.parent ?? e).shift()), anchor: (o) => it(o, e) };
+    }
+  }
+  resolveNavigation(t) {
+    try {
+      if (typeof t == "number") return { index: t };
+      if (typeof t.fraction == "number") {
+        const [e, s] = this.#t.getSection(t.fraction);
+        return { index: e, anchor: s };
+      }
+      return x.test(t) ? this.resolveCFI(t) : this.book.resolveHref(t);
+    } catch (e) {
+      console.error(e), console.error(`Could not resolve target ${t}`);
+    }
+  }
+  async goTo(t) {
+    const e = this.resolveNavigation(t);
+    try {
+      return await this.renderer.goTo(e), this.history.pushState(t), e;
+    } catch (s) {
+      console.error(s), console.error(`Could not go to ${t}`);
+    }
+  }
+  async goToFraction(t) {
+    const [e, s] = this.#t.getSection(t);
+    await this.renderer.goTo({ index: e, anchor: s }), this.history.pushState({ fraction: t });
+  }
+  async select(t) {
+    try {
+      const e = await this.resolveNavigation(t);
+      await this.renderer.goTo({ ...e, select: !0 }), this.history.pushState(t);
+    } catch (e) {
+      console.error(e), console.error(`Could not go to ${t}`);
+    }
+  }
+  deselect() {
+    for (const { doc: t } of this.renderer.getContents())
+      t.defaultView.getSelection().removeAllRanges();
+  }
+  getSectionFractions() {
+    return (this.#t?.sectionFractions ?? []).map((t) => t + Number.EPSILON);
+  }
+  getProgressOf(t, e) {
+    const s = this.#n?.getProgress(t, e), i = this.#s?.getProgress(t, e);
+    return { tocItem: s, pageItem: i };
+  }
+  async getTOCItemOf(t) {
+    try {
+      const { index: e, anchor: s } = await this.resolveNavigation(t), i = await this.book.sections[e].createDocument(), o = s(i), r = o instanceof Range, a = r ? o : i.createRange();
+      return r || a.selectNodeContents(o), this.#n.getProgress(e, a);
+    } catch (e) {
+      console.error(e), console.error(`Could not get ${t}`);
+    }
+  }
+  async prev(t) {
+    await this.renderer.prev(t);
+  }
+  async next(t) {
+    await this.renderer.next(t);
+  }
+  goLeft() {
+    return this.book.dir === "rtl" ? this.next() : this.prev();
+  }
+  goRight() {
+    return this.book.dir === "rtl" ? this.prev() : this.next();
+  }
+  async *#u(t, e, s) {
+    const i = await this.book.sections[s].createDocument();
+    for (const { range: o, excerpt: r } of t(i, e))
+      yield { cfi: this.getCFI(s, o), excerpt: r };
+  }
+  async *#f(t, e) {
+    const { sections: s } = this.book;
+    for (const [i, { createDocument: o }] of s.entries()) {
+      if (!o) continue;
+      const r = await o(), a = Array.from(t(r, e), ({ range: c, excerpt: l }) => ({ cfi: this.getCFI(i, c), excerpt: l }));
+      yield { progress: (i + 1) / s.length }, a.length && (yield { index: i, subitems: a });
+    }
+  }
+  async *search(t) {
+    this.clearSearch();
+    const { searchMatcher: e } = await import("./search-aqQXTfxz.js"), { query: s, index: i } = t, o = e(
+      O,
+      { defaultLocale: this.language, ...t }
+    ), r = i != null ? this.#u(o, s, i) : this.#f(o, s), a = [];
+    this.#o.set(i, a);
+    for await (const h of r)
+      if (h.subitems) {
+        const c = h.subitems.map(({ cfi: l }) => ({ value: y + l }));
+        this.#o.set(h.index, c);
+        for (const l of c) this.addAnnotation(l);
+        yield {
+          label: this.#n.getProgress(h.index)?.label ?? "",
+          subitems: h.subitems
+        };
+      } else {
+        if (h.cfi) {
+          const c = { value: y + h.cfi };
+          a.push(c), this.addAnnotation(c);
+        }
+        yield h;
+      }
+    yield "done";
+  }
+  clearSearch() {
+    for (const t of this.#o.values())
+      for (const e of t) this.deleteAnnotation(e);
+    this.#o.clear();
+  }
+  async initTTS(t = "word", e) {
+    const s = this.renderer.getContents()[0].doc;
+    if (this.tts && this.tts.doc === s) return;
+    const { TTS: i } = await import("./tts-UQB-k9b_.js");
+    this.tts = new i(s, O, e || ((o) => this.renderer.scrollToAnchor(o, !0)), t);
+  }
+  startMediaOverlay() {
+    const { index: t } = this.renderer.getContents()[0];
+    return this.mediaOverlay.start(t);
+  }
+}
+customElements.define("foliate-view", J);
+const Et = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  NotFoundError: U,
+  ResponseError: H,
+  UnsupportedTypeError: V,
+  View: J,
+  makeBook: Z
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  it as a,
+  At as f,
+  b as p,
+  xt as t,
+  Et as v
+};