react-book-reader 1.0.1 → 1.1.1

package/lib/fb2-DCqZtzQ5.js

@@ -0,0 +1,258 @@
+const q = (d) => d ? d.replace(/[\t\n\f\r ]+/g, " ").replace(/^[\t\n\f\r ]+/, "").replace(/[\t\n\f\r ]+$/, "") : "", u = (d) => q(d?.textContent), S = {
+  XLINK: "http://www.w3.org/1999/xlink",
+  EPUB: "http://www.idpf.org/2007/ops"
+}, T = {
+  XML: "application/xml",
+  XHTML: "application/xhtml+xml"
+}, l = {
+  strong: ["strong", "self"],
+  emphasis: ["em", "self"],
+  style: ["span", "self"],
+  a: "anchor",
+  strikethrough: ["s", "self"],
+  sub: ["sub", "self"],
+  sup: ["sup", "self"],
+  code: ["code", "self"],
+  image: "image"
+}, k = {
+  tr: ["tr", {
+    th: ["th", l, ["colspan", "rowspan", "align", "valign"]],
+    td: ["td", l, ["colspan", "rowspan", "align", "valign"]]
+  }, ["align"]]
+}, B = {
+  epigraph: ["blockquote"],
+  subtitle: ["h2", l],
+  "text-author": ["p", l],
+  date: ["p", l],
+  stanza: "stanza"
+}, L = {
+  title: ["header", {
+    p: ["h1", l],
+    "empty-line": ["br"]
+  }],
+  epigraph: ["blockquote", "self"],
+  image: "image",
+  annotation: ["aside"],
+  section: ["section", "self"],
+  p: ["p", l],
+  poem: ["blockquote", B],
+  subtitle: ["h2", l],
+  cite: ["blockquote", "self"],
+  "empty-line": ["br"],
+  table: ["table", k],
+  "text-author": ["p", l]
+};
+B.epigraph.push(L);
+const E = {
+  image: "image",
+  title: ["section", {
+    p: ["h1", l],
+    "empty-line": ["br"]
+  }],
+  epigraph: ["section", L],
+  section: ["section", L]
+};
+class D {
+  constructor(t) {
+    this.fb2 = t, this.doc = document.implementation.createDocument(S.XHTML, "html"), this.bins = new Map(Array.from(
+      this.fb2.getElementsByTagName("binary"),
+      (n) => [n.id, n]
+    ));
+  }
+  getImageSrc(t) {
+    const n = t.getAttributeNS(S.XLINK, "href");
+    if (!n) return "data:,";
+    const [, a] = n.split("#");
+    if (!a) return n;
+    const s = this.bins.get(a);
+    return s ? `data:${s.getAttribute("content-type")};base64,${s.textContent}` : n;
+  }
+  image(t) {
+    const n = this.doc.createElement("img");
+    return n.alt = t.getAttribute("alt"), n.title = t.getAttribute("title"), n.setAttribute("src", this.getImageSrc(t)), n;
+  }
+  anchor(t) {
+    const n = this.convert(t, { a: ["a", l] });
+    return n.setAttribute("href", t.getAttributeNS(S.XLINK, "href")), t.getAttribute("type") === "note" && n.setAttributeNS(S.EPUB, "epub:type", "noteref"), n;
+  }
+  stanza(t) {
+    const n = this.convert(t, {
+      stanza: ["p", {
+        title: ["header", {
+          p: ["strong", l],
+          "empty-line": ["br"]
+        }],
+        subtitle: ["p", l]
+      }]
+    });
+    for (const a of t.children) a.nodeName === "v" && (n.append(this.doc.createTextNode(a.textContent)), n.append(this.doc.createElement("br")));
+    return n;
+  }
+  convert(t, n) {
+    if (t.nodeType === 3) return this.doc.createTextNode(t.textContent);
+    if (t.nodeType === 4) return this.doc.createCDATASection(t.textContent);
+    if (t.nodeType === 8) return this.doc.createComment(t.textContent);
+    const a = n?.[t.nodeName];
+    if (!a) return null;
+    if (typeof a == "string") return this[a](t);
+    const [s, p, m] = a, f = this.doc.createElement(s);
+    if (t.id && (f.id = t.id), f.classList.add(t.nodeName), Array.isArray(m)) for (const g of m) {
+      const A = t.getAttribute(g);
+      A && f.setAttribute(g, A);
+    }
+    const w = p === "self" ? n : p;
+    let y = t.firstChild;
+    for (; y; ) {
+      const g = this.convert(y, w);
+      g && f.append(g), y = y.nextSibling;
+    }
+    return f;
+  }
+}
+const $ = async (d) => {
+  const t = await d.arrayBuffer(), n = new TextDecoder("utf-8").decode(t), a = new DOMParser(), s = a.parseFromString(n, T.XML), p = s.xmlEncoding || n.match(/^<\?xml\s+version\s*=\s*["']1.\d+"\s+encoding\s*=\s*["']([A-Za-z0-9._-]*)["']/)?.[1];
+  if (p && p.toLowerCase() !== "utf-8") {
+    const m = new TextDecoder(p).decode(t);
+    return a.parseFromString(m, T.XML);
+  }
+  return s;
+}, O = URL.createObjectURL(new Blob([`
+@namespace epub "http://www.idpf.org/2007/ops";
+body > img, section > img {
+    display: block;
+    margin: auto;
+}
+.title h1 {
+    text-align: center;
+}
+body > section > .title, body.notesBodyType > .title {
+    margin: 3em 0;
+}
+body.notesBodyType > section .title h1 {
+    text-align: start;
+}
+body.notesBodyType > section .title {
+    margin: 1em 0;
+}
+p {
+    text-indent: 1em;
+    margin: 0;
+}
+:not(p) + p, p:first-child {
+    text-indent: 0;
+}
+.poem p {
+    text-indent: 0;
+    margin: 1em 0;
+}
+.text-author, .date {
+    text-align: end;
+}
+.text-author:before {
+    content: "—";
+}
+table {
+    border-collapse: collapse;
+}
+td, th {
+    padding: .25em;
+}
+a[epub|type~="noteref"] {
+    font-size: .75em;
+    vertical-align: super;
+}
+body:not(.notesBodyType) > .title, body:not(.notesBodyType) > .epigraph {
+    margin: 3em 0;
+}
+`], { type: "text/css" })), X = (d) => `<?xml version="1.0" encoding="utf-8"?>
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head><link href="${O}" rel="stylesheet" type="text/css"/></head>
+    <body>${d}</body>
+</html>`, C = "data-foliate-id", z = async (d) => {
+  const t = {}, n = await $(d), a = new D(n), s = (e) => n.querySelector(e), p = (e) => [...n.querySelectorAll(e)], m = (e) => {
+    const o = u(e.querySelector("nickname"));
+    if (o) return o;
+    const r = u(e.querySelector("first-name")), i = u(e.querySelector("middle-name")), c = u(e.querySelector("last-name")), h = [r, i, c].filter((b) => b).join(" "), x = c ? [c, [r, i].filter((b) => b).join(" ")].join(", ") : null;
+    return { name: h, sortAs: x };
+  }, f = (e) => e?.getAttribute("value") ?? u(e), w = s("title-info annotation");
+  if (t.metadata = {
+    title: u(s("title-info book-title")),
+    identifier: u(s("document-info id")),
+    language: u(s("title-info lang")),
+    author: p("title-info author").map(m),
+    translator: p("title-info translator").map(m),
+    contributor: p("document-info author").map(m).concat(p("document-info program-used").map(u)).map((e) => Object.assign(
+      typeof e == "string" ? { name: e } : e,
+      { role: "bkp" }
+    )),
+    publisher: u(s("publish-info publisher")),
+    published: f(s("title-info date")),
+    modified: f(s("document-info date")),
+    description: w ? a.convert(
+      w,
+      { annotation: ["div", L] }
+    ).innerHTML : null,
+    subject: p("title-info genre").map(u)
+  }, s("coverpage image")) {
+    const e = a.getImageSrc(s("coverpage image"));
+    t.getCover = () => fetch(e).then((o) => o.blob());
+  } else t.getCover = () => null;
+  const y = Array.from(n.querySelectorAll("body"), (e) => {
+    const o = a.convert(e, { body: ["body", E] });
+    return [Array.from(o.children, (r) => {
+      const i = [r, ...r.querySelectorAll("[id]")].map((c) => c.id);
+      return { el: r, ids: i };
+    }), o];
+  }), g = [], A = y[0][0].map(({ el: e, ids: o }) => {
+    const r = Array.from(
+      e.querySelectorAll(":scope > section > .title"),
+      (i, c) => (i.setAttribute(C, c), { title: u(i), index: c })
+    );
+    return { ids: o, titles: r, el: e };
+  }).concat(y.slice(1).map(([e, o]) => {
+    const r = e.map((i) => i.ids).flat();
+    return o.classList.add("notesBodyType"), { ids: r, el: o, linear: "no" };
+  })).map(({ ids: e, titles: o, el: r, linear: i }) => {
+    const c = X(r.outerHTML), h = new Blob([c], { type: T.XHTML }), x = URL.createObjectURL(h);
+    g.push(x);
+    const b = q(
+      r.querySelector(".title, .subtitle, p")?.textContent ?? (r.classList.contains("title") ? r.textContent : "")
+    );
+    return {
+      ids: e,
+      title: b,
+      titles: o,
+      load: () => x,
+      createDocument: () => new DOMParser().parseFromString(c, T.XHTML),
+      // doo't count image data as it'd skew the size too much
+      size: h.size - Array.from(
+        r.querySelectorAll("[src]"),
+        (v) => v.getAttribute("src")?.length ?? 0
+      ).reduce((v, N) => v + N, 0),
+      linear: i
+    };
+  }), M = /* @__PURE__ */ new Map();
+  return t.sections = A.map((e, o) => {
+    const { ids: r, load: i, createDocument: c, size: h, linear: x } = e;
+    for (const b of r) b && M.set(b, o);
+    return { id: o, load: i, createDocument: c, size: h, linear: x };
+  }), t.toc = A.map(({ title: e, titles: o }, r) => {
+    const i = r.toString();
+    return {
+      label: e,
+      href: i,
+      subitems: o?.length ? o.map(({ title: c, index: h }) => ({
+        label: c,
+        href: `${i}#${h}`
+      })) : null
+    };
+  }).filter((e) => e), t.resolveHref = (e) => {
+    const [o, r] = e.split("#");
+    return o ? { index: Number(o), anchor: (i) => i.querySelector(`[${C}="${r}"]`) } : { index: M.get(r), anchor: (i) => i.getElementById(r) };
+  }, t.splitTOCHref = (e) => e?.split("#")?.map((o) => Number(o)) ?? [], t.getTOCFragment = (e, o) => e.querySelector(`[${C}="${o}"]`), t.destroy = () => {
+    for (const e of g) URL.revokeObjectURL(e);
+  }, t;
+};
+export {
+  z as makeFB2
+};

package/lib/fflate-CExlDunL.js

@@ -0,0 +1,139 @@
+var t = Uint8Array, M = Uint16Array, sr = Int32Array, nr = new t([0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 2, 2, 2, 2, 3, 3, 3, 3, 4, 4, 4, 4, 5, 5, 5, 5, 0, 0, 0, 0]), ar = new t([0, 0, 0, 0, 1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 7, 8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 0, 0]), hr = new t([16, 17, 18, 0, 8, 7, 9, 6, 10, 5, 11, 4, 12, 3, 13, 2, 14, 1, 15]), er = function(n, r) {
+  for (var a = new M(31), i = 0; i < 31; ++i) a[i] = r += 1 << n[i - 1];
+  var o = new sr(a[30]);
+  for (i = 1; i < 30; ++i) for (var b = a[i]; b < a[i + 1]; ++b) o[b] = b - a[i] << 5 | i;
+  return { b: a, r: o };
+}, ir = er(nr, 2), or = ir.b, yr = ir.r;
+or[28] = 258, yr[258] = 28;
+for (var gr = er(ar, 0).b, vr = new M(32768), v = 0; v < 32768; ++v) {
+  var m = (43690 & v) >> 1 | (21845 & v) << 1;
+  m = (61680 & (m = (52428 & m) >> 2 | (13107 & m) << 2)) >> 4 | (3855 & m) << 4, vr[v] = ((65280 & m) >> 8 | (255 & m) << 8) >> 1;
+}
+var S = function(n, r, a) {
+  for (var i = n.length, o = 0, b = new M(r); o < i; ++o) n[o] && ++b[n[o] - 1];
+  var g, w = new M(r);
+  for (o = 1; o < r; ++o) w[o] = w[o - 1] + b[o - 1] << 1;
+  {
+    g = new M(1 << r);
+    var x = 15 - r;
+    for (o = 0; o < i; ++o) if (n[o]) for (var E = o << 4 | n[o], h = r - n[o], e = w[n[o] - 1]++ << h, f = e | (1 << h) - 1; e <= f; ++e) g[vr[e] >> x] = E;
+  }
+  return g;
+}, K = new t(288);
+for (v = 0; v < 144; ++v) K[v] = 8;
+for (v = 144; v < 256; ++v) K[v] = 9;
+for (v = 256; v < 280; ++v) K[v] = 7;
+for (v = 280; v < 288; ++v) K[v] = 8;
+var fr = new t(32);
+for (v = 0; v < 32; ++v) fr[v] = 5;
+var wr = S(K, 9), pr = S(fr, 5), G = function(n) {
+  for (var r = n[0], a = 1; a < n.length; ++a) n[a] > r && (r = n[a]);
+  return r;
+}, u = function(n, r, a) {
+  var i = r / 8 | 0;
+  return (n[i] | n[i + 1] << 8) >> (7 & r) & a;
+}, Z = function(n, r) {
+  var a = r / 8 | 0;
+  return (n[a] | n[a + 1] << 8 | n[a + 2] << 16) >> (7 & r);
+}, kr = ["unexpected EOF", "invalid block type", "invalid length/literal", "invalid distance", "stream finished", "no stream handler", , "no callback", "invalid UTF-8 data", "extra field too long", "date not in range 1980-2099", "filename too long", "stream finishing", "invalid zip data"], c = function(n, r, a) {
+  var i = new Error(r || kr[n]);
+  if (i.code = n, Error.captureStackTrace && Error.captureStackTrace(i, c), !a) throw i;
+  return i;
+}, mr = function(n, r, a, i) {
+  var o = n.length, b = i ? i.length : 0;
+  if (!o || r.f && !r.l) return a || new t(0);
+  var g = !a, w = g || r.i != 2, x = r.i;
+  g && (a = new t(3 * o));
+  var E = function(z) {
+    var Y = a.length;
+    if (z > Y) {
+      var k = new t(Math.max(2 * Y, z));
+      k.set(a), a = k;
+    }
+  }, h = r.f || 0, e = r.p || 0, f = r.b || 0, p = r.l, L = r.d, T = r.m, A = r.n, q = 8 * o;
+  do {
+    if (!p) {
+      h = u(n, e, 1);
+      var B = u(n, e + 1, 3);
+      if (e += 3, !B) {
+        var I = n[(s = 4 + ((e + 7) / 8 | 0)) - 4] | n[s - 3] << 8, J = s + I;
+        if (J > o) {
+          x && c(0);
+          break;
+        }
+        w && E(f + I), a.set(n.subarray(s, J), f), r.b = f += I, r.p = e = 8 * J, r.f = h;
+        continue;
+      }
+      if (B == 1) p = wr, L = pr, T = 9, A = 5;
+      else if (B == 2) {
+        var O = u(n, e, 31) + 257, R = u(n, e + 10, 15) + 4, C = O + u(n, e + 5, 31) + 1;
+        e += 14;
+        for (var U = new t(C), P = new t(19), l = 0; l < R; ++l) P[hr[l]] = u(n, e + 3 * l, 7);
+        e += 3 * R;
+        var Q = G(P), tr = (1 << Q) - 1, lr = S(P, Q);
+        for (l = 0; l < C; ) {
+          var s, $ = lr[u(n, e, tr)];
+          if (e += 15 & $, (s = $ >> 4) < 16) U[l++] = s;
+          else {
+            var D = 0, X = 0;
+            for (s == 16 ? (X = 3 + u(n, e, 3), e += 2, D = U[l - 1]) : s == 17 ? (X = 3 + u(n, e, 7), e += 3) : s == 18 && (X = 11 + u(n, e, 127), e += 7); X--; ) U[l++] = D;
+          }
+        }
+        var W = U.subarray(0, O), y = U.subarray(O);
+        T = G(W), A = G(y), p = S(W, T), L = S(y, A);
+      } else c(1);
+      if (e > q) {
+        x && c(0);
+        break;
+      }
+    }
+    w && E(f + 131072);
+    for (var ur = (1 << T) - 1, cr = (1 << A) - 1, V = e; ; V = e) {
+      var d = (D = p[Z(n, e) & ur]) >> 4;
+      if ((e += 15 & D) > q) {
+        x && c(0);
+        break;
+      }
+      if (D || c(2), d < 256) a[f++] = d;
+      else {
+        if (d == 256) {
+          V = e, p = null;
+          break;
+        }
+        var N = d - 254;
+        if (d > 264) {
+          var F = nr[l = d - 257];
+          N = u(n, e, (1 << F) - 1) + or[l], e += F;
+        }
+        var _ = L[Z(n, e) & cr], j = _ >> 4;
+        if (_ || c(3), e += 15 & _, y = gr[j], j > 3 && (F = ar[j], y += Z(n, e) & (1 << F) - 1, e += F), e > q) {
+          x && c(0);
+          break;
+        }
+        w && E(f + 131072);
+        var H = f + N;
+        if (f < y) {
+          var rr = b - y, br = Math.min(y, H);
+          for (rr + f < 0 && c(3); f < br; ++f) a[f] = i[rr + f];
+        }
+        for (; f < H; ++f) a[f] = a[f - y];
+      }
+    }
+    r.l = p, r.p = V, r.b = f, r.f = h, p && (h = 1, r.m = T, r.d = L, r.n = A);
+  } while (!h);
+  return f != a.length && g ? (function(z, Y, k) {
+    return (k == null || k > z.length) && (k = z.length), new t(z.subarray(Y, k));
+  })(a, 0, f) : a.subarray(0, f);
+}, xr = new t(0);
+function zr(n, r) {
+  return mr(n.subarray((a = n, i = r && r.dictionary, ((15 & a[0]) != 8 || a[0] >> 4 > 7 || (a[0] << 8 | a[1]) % 31) && c(6, "invalid zlib data"), (a[1] >> 5 & 1) == +!i && c(6, "invalid zlib data: " + (32 & a[1] ? "need" : "unexpected") + " dictionary"), 2 + (a[1] >> 3 & 4)), -4), { i: 2 }, r && r.out, r && r.dictionary);
+  var a, i;
+}
+var dr = typeof TextDecoder < "u" && new TextDecoder();
+try {
+  dr.decode(xr, { stream: !0 });
+} catch {
+}
+export {
+  zr as unzlibSync
+};

package/lib/fixed-layout-CMyaX9h8.js

@@ -0,0 +1,195 @@
+const y = (d) => d?.split(/[,;\s]/)?.filter((t) => t)?.map((t) => t.split("=").map((i) => i.trim())), S = (d, t) => {
+  if (d.documentElement.localName === "svg") {
+    const [, , n, h] = d.documentElement.getAttribute("viewBox")?.split(/\s/) ?? [];
+    return { width: n, height: h };
+  }
+  const i = y(d.querySelector('meta[name="viewport"]')?.getAttribute("content"));
+  if (i) return Object.fromEntries(i);
+  if (typeof t == "string") return y(t);
+  if (t?.width && t.height) return t;
+  const e = d.querySelector("img");
+  return e ? { width: e.naturalWidth, height: e.naturalHeight } : (console.warn(new Error("Missing viewport properties")), { width: 1e3, height: 2e3 });
+};
+class k extends HTMLElement {
+  static observedAttributes = ["zoom"];
+  #a = this.attachShadow({ mode: "closed" });
+  #f = new ResizeObserver(() => this.#e());
+  #i;
+  #h = -1;
+  defaultViewport;
+  spread;
+  #l = !1;
+  #s;
+  #r;
+  #t;
+  #n;
+  #o;
+  constructor() {
+    super();
+    const t = new CSSStyleSheet();
+    this.#a.adoptedStyleSheets = [t], t.replaceSync(`:host {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            overflow: auto;
+        }`), this.#f.observe(this);
+  }
+  attributeChangedCallback(t, i, e) {
+    t === "zoom" && (this.#o = e !== "fit-width" && e !== "fit-page" ? parseFloat(e) : e, this.#e());
+  }
+  async #c({ index: t, src: i }) {
+    const e = typeof i == "string", n = e ? i : i?.src, h = e ? null : i?.onZoom, r = document.createElement("div");
+    r.setAttribute("dir", "ltr");
+    const o = document.createElement("iframe");
+    return r.append(o), Object.assign(o.style, {
+      border: "0",
+      display: "none",
+      overflow: "hidden"
+    }), o.setAttribute("sandbox", "allow-same-origin allow-scripts"), o.setAttribute("scrolling", "no"), o.setAttribute("part", "filter"), this.#a.append(r), n ? new Promise((s) => {
+      o.addEventListener("load", () => {
+        const c = o.contentDocument;
+        this.dispatchEvent(new CustomEvent("load", { detail: { doc: c, index: t } }));
+        const { width: a, height: l } = S(c, this.defaultViewport);
+        s({
+          element: r,
+          iframe: o,
+          width: parseFloat(a),
+          height: parseFloat(l),
+          onZoom: h
+        });
+      }, { once: !0 }), o.src = n;
+    }) : { blank: !0, element: r, iframe: o };
+  }
+  #e(t = this.#n) {
+    if (!t) return;
+    const i = this.#s ?? {}, e = this.#t ?? this.#r ?? {}, n = t === "left" ? i : e, { width: h, height: r } = this.getBoundingClientRect(), o = this.spread !== "both" && this.spread !== "portrait" && r > h;
+    this.#l = o;
+    const s = i.width ?? e.width ?? 0, c = i.height ?? e.height ?? 0, a = typeof this.#o == "number" && !isNaN(this.#o) ? this.#o : (this.#o === "fit-width" ? o || this.#t ? h / (n.width ?? s) : h / ((i.width ?? s) + (e.width ?? s)) : o || this.#t ? Math.min(
+      h / (n.width ?? s),
+      r / (n.height ?? c)
+    ) : Math.min(
+      h / ((i.width ?? s) + (e.width ?? s)),
+      r / Math.max(
+        i.height ?? c,
+        e.height ?? c
+      )
+    )) || 1, l = (g) => {
+      let { element: p, iframe: u, width: m, height: w, blank: x, onZoom: f } = g;
+      if (!u) return;
+      f && f({ doc: g.iframe.contentDocument, scale: a });
+      const b = f ? a : 1;
+      Object.assign(u.style, {
+        width: `${m * b}px`,
+        height: `${w * b}px`,
+        transform: f ? "none" : `scale(${a})`,
+        transformOrigin: "top left",
+        display: x ? "none" : "block"
+      }), Object.assign(p.style, {
+        width: `${(m ?? s) * a}px`,
+        height: `${(w ?? c) * a}px`,
+        overflow: "hidden",
+        display: "block",
+        flexShrink: "0",
+        marginBlock: "auto"
+      }), o && g !== n && (p.style.display = "none");
+    };
+    this.#t ? l(this.#t) : (l(i), l(e));
+  }
+  async #g({ left: t, right: i, center: e, side: n }) {
+    this.#a.replaceChildren(), this.#s = null, this.#r = null, this.#t = null, e ? (this.#t = await this.#c(e), this.#n = "center", this.#e()) : (this.#s = await this.#c(t), this.#r = await this.#c(i), this.#n = this.#s.blank ? "right" : this.#r.blank ? "left" : n, this.#e());
+  }
+  #p() {
+    if (!(this.#t || this.#s?.blank) && this.#l && this.#s?.element?.style?.display === "none")
+      return this.#n = "left", this.#e(), this.#d("page"), !0;
+  }
+  #u() {
+    if (!(this.#t || this.#r?.blank) && this.#l && this.#r?.element?.style?.display === "none")
+      return this.#n = "right", this.#e(), this.#d("page"), !0;
+  }
+  open(t) {
+    this.book = t;
+    const { rendition: i } = t;
+    this.spread = i?.spread, this.defaultViewport = i?.viewport;
+    const e = t.dir === "rtl", n = !e;
+    this.rtl = e, i?.spread === "none" ? this.#i = t.sections.map((h) => ({ center: h })) : this.#i = t.sections.reduce((h, r, o) => {
+      const s = h[h.length - 1], { pageSpread: c } = r, a = () => {
+        const l = {};
+        return h.push(l), l;
+      };
+      if (c === "center") {
+        const l = s.left || s.right ? a() : s;
+        l.center = r;
+      } else if (c === "left") {
+        const l = s.center || s.left || n && o ? a() : s;
+        l.left = r;
+      } else if (c === "right") {
+        const l = s.center || s.right || e && o ? a() : s;
+        l.right = r;
+      } else n ? s.center || s.right ? a().left = r : s.left || !o ? s.right = r : s.left = r : s.center || s.left ? a().right = r : s.right || !o ? s.left = r : s.right = r;
+      return h;
+    }, [{}]);
+  }
+  get index() {
+    const t = this.#i[this.#h], i = t?.center ?? (this.#n === "left" ? t.left ?? t.right : t.right ?? t.left);
+    return this.book.sections.indexOf(i);
+  }
+  #d(t) {
+    this.dispatchEvent(new CustomEvent("relocate", { detail: { reason: t, range: null, index: this.index, fraction: 0, size: 1 } }));
+  }
+  getSpreadOf(t) {
+    const i = this.#i;
+    for (let e = 0; e < i.length; e++) {
+      const { left: n, right: h, center: r } = i[e];
+      if (n === t) return { index: e, side: "left" };
+      if (h === t) return { index: e, side: "right" };
+      if (r === t) return { index: e, side: "center" };
+    }
+  }
+  async goToSpread(t, i, e) {
+    if (t < 0 || t > this.#i.length - 1) return;
+    if (t === this.#h) {
+      this.#e(i);
+      return;
+    }
+    this.#h = t;
+    const n = this.#i[t];
+    if (n.center) {
+      const h = this.book.sections.indexOf(n.center), r = await n.center?.load?.();
+      await this.#g({ center: { index: h, src: r } });
+    } else {
+      const h = this.book.sections.indexOf(n.left), r = this.book.sections.indexOf(n.right), o = await n.left?.load?.(), s = await n.right?.load?.(), c = { index: h, src: o }, a = { index: r, src: s };
+      await this.#g({ left: c, right: a, side: i });
+    }
+    this.#d(e);
+  }
+  async select(t) {
+    await this.goTo(t);
+  }
+  async goTo(t) {
+    const { book: i } = this, e = await t, n = i.sections[e.index];
+    if (!n) return;
+    const { index: h, side: r } = this.getSpreadOf(n);
+    await this.goToSpread(h, r);
+  }
+  async next() {
+    if (!(this.rtl ? this.#p() : this.#u())) return this.goToSpread(this.#h + 1, this.rtl ? "right" : "left", "page");
+  }
+  async prev() {
+    if (!(this.rtl ? this.#u() : this.#p())) return this.goToSpread(this.#h - 1, this.rtl ? "left" : "right", "page");
+  }
+  getContents() {
+    return Array.from(this.#a.querySelectorAll("iframe"), (t) => ({
+      doc: t.contentDocument
+      // TODO: index, overlayer
+    }));
+  }
+  destroy() {
+    this.#f.unobserve(this);
+  }
+}
+customElements.define("foliate-fxl", k);
+export {
+  k as FixedLayout
+};