@prose-reader/core 1.164.0 → 1.166.0

package/dist/index.js

@@ -167,7 +167,7 @@ const getBase64FromBlob = (data) => {
   return new Promise((resolve) => {
     reader.addEventListener(
       `load`,
-      function() {
+      () => {
         resolve(reader.result);
       },
       false
@@ -196,13 +196,14 @@ let SettingsManager$2 = class SettingsManager extends SettingsManagerOverload {
   }
 };
 const getAttributeValueFromString = (string, key) => {
-  const regExp = new RegExp(key + `\\s*=\\s*([0-9.]+)`, `i`);
+  const regExp = new RegExp(`${key}\\s*=\\s*([0-9.]+)`, `i`);
   const match = string.match(regExp) || [];
   const firstMatch = match[1] || `0`;
-  return match && parseFloat(firstMatch) || 0;
+  return match && Number.parseFloat(firstMatch) || 0;
 };
 const injectCSS = (frameElement, id, style, prepend) => {
-  if (frameElement && frameElement.contentDocument && frameElement.contentDocument.head) {
+  var _a;
+  if ((_a = frameElement == null ? void 0 : frameElement.contentDocument) == null ? void 0 : _a.head) {
     const userStyle = frameElement.contentDocument.createElement(`style`);
     userStyle.id = id;
     userStyle.innerHTML = style;
@@ -214,7 +215,8 @@ const injectCSS = (frameElement, id, style, prepend) => {
   }
 };
 const removeCSS = (frameElement, id) => {
-  if (frameElement && frameElement.contentDocument && frameElement.contentDocument.head) {
+  var _a;
+  if ((_a = frameElement == null ? void 0 : frameElement.contentDocument) == null ? void 0 : _a.head) {
     const styleElement = frameElement.contentDocument.getElementById(id);
     if (styleElement) {
       styleElement.remove();
@@ -227,7 +229,7 @@ const upsertCSSToFrame = (frameElement, id, style, prepend) => {
   injectCSS(frameElement, id, style, prepend);
 };
 const getFrameViewportInfo = (frame) => {
-  if (frame && (frame == null ? void 0 : frame.contentDocument)) {
+  if (frame == null ? void 0 : frame.contentDocument) {
     const doc = frame.contentDocument;
     const viewportMetaElement = doc.querySelector(`meta[name='viewport']`);
     if (viewportMetaElement) {
@@ -241,9 +243,8 @@ const getFrameViewportInfo = (frame) => {
             width,
             height
           };
-        } else {
-          return { hasViewport: true };
         }
+        return { hasViewport: true };
       }
     }
   }
@@ -427,9 +428,9 @@ const createMovingSafePan$ = (reader) => {
       );
     })
   );
-  const resetLockViewportFree$ = createResetLock$(
-    reader.viewportFree$
-  ).pipe(take$1(1));
+  const resetLockViewportFree$ = createResetLock$(reader.viewportFree$).pipe(
+    take$1(1)
+  );
   const pageTurnMode$ = reader.settings.values$.pipe(
     map(() => reader.settings.values.computedPageTurnMode),
     distinctUntilChanged()
@@ -478,13 +479,9 @@ let SettingsManager$1 = class SettingsManager2 extends SettingsManagerOverload {
   }
   getCleanedParentInputSettings(settings) {
     const {
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       layoutAutoResize,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       pageHorizontalMargin,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       pageVerticalMargin,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       layoutLayerTransition,
       ...rest
     } = settings;
@@ -668,7 +665,7 @@ const time = (name, targetDuration = 0) => {
   };
 };
 const createReport = (namespace) => ({
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  // biome-ignore lint/suspicious/noExplicitAny: <explanation>
   log: (...data) => {
     var _a;
     if ((_a = getWindow()) == null ? void 0 : _a.__PROSE_READER_DEBUG) {
@@ -676,7 +673,7 @@ const createReport = (namespace) => ({
       else console.log(wrap(ROOT_NAMESPACE), ...data);
     }
   },
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  // biome-ignore lint/suspicious/noExplicitAny: <explanation>
   warn: (...data) => {
     var _a;
     if ((_a = getWindow()) == null ? void 0 : _a.__PROSE_READER_DEBUG) {
@@ -685,6 +682,7 @@ const createReport = (namespace) => ({
       else console.warn(wrap(ROOT_NAMESPACE), ...data);
     }
   },
+  // biome-ignore lint/suspicious/noExplicitAny: <explanation>
   info: (...data) => {
     var _a;
     if ((_a = getWindow()) == null ? void 0 : _a.__PROSE_READER_DEBUG) {
@@ -703,7 +701,7 @@ const createReport = (namespace) => ({
     console,
     wrap(`${ROOT_NAMESPACE}`)
   ),
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  // biome-ignore lint/suspicious/noExplicitAny: <explanation>
   error: (...data) => {
     console.error(...data);
   },
@@ -720,14 +718,14 @@ const createReport = (namespace) => ({
       }
     }
   },
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  measurePerformance: (name, targetDuration = 10, functionToMeasure, { disable } = {}) => {
+  // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+  measurePerformance: (name, targetDuration, functionToMeasure, { disable } = {}) => {
     var _a;
     if (disable || !((_a = getWindow()) == null ? void 0 : _a.__PROSE_READER_DEBUG)) return functionToMeasure;
     return (...args) => {
       const t0 = performance.now();
       const response = functionToMeasure(...args);
-      if (response && response.then) {
+      if (response == null ? void 0 : response.then) {
         return response.then((res) => {
           const t12 = performance.now();
           Report.logMetric({ name, duration: t12 - t0 }, targetDuration);
@@ -846,13 +844,12 @@ const getNavigationForRightSinglePage = ({
     return navigationResolver.getAdjustedPositionWithSafeEdge(
       pageTurnDirection === `horizontal` ? { x: position.x + context.getPageSize().width, y: 0 } : { y: position.y + context.getPageSize().height, x: 0 }
     );
-  } else {
-    const readingOrderPosition = spineLocator.getSpinePositionFromSpineItemPosition({
-      spineItemPosition: spineItemNavigationForRightPage,
-      spineItem
-    });
-    return readingOrderPosition;
   }
+  const readingOrderPosition = spineLocator.getSpinePositionFromSpineItemPosition({
+    spineItemPosition: spineItemNavigationForRightPage,
+    spineItem
+  });
+  return readingOrderPosition;
 };
 const getNavigationForRightOrBottomPage = ({
   position,
@@ -959,13 +956,12 @@ const getNavigationForLeftSinglePage = ({
     return navigationResolver.getAdjustedPositionWithSafeEdge(
       pageTurnDirection === `horizontal` ? { x: position.x - context.getPageSize().width, y: 0 } : { y: position.y - context.getPageSize().height, x: 0 }
     );
-  } else {
-    const readingOrderPosition = spineLocator.getSpinePositionFromSpineItemPosition({
-      spineItemPosition: spineItemNavigation,
-      spineItem
-    });
-    return readingOrderPosition;
   }
+  const readingOrderPosition = spineLocator.getSpinePositionFromSpineItemPosition({
+    spineItemPosition: spineItemNavigation,
+    spineItem
+  });
+  return readingOrderPosition;
 };
 const getNavigationForLeftOrTopPage = ({
   position,
@@ -1402,10 +1398,8 @@ const getChaptersInfo = (reader) => {
   if (!manifest) return {};
   return items.reduce(
     (acc, { item }) => {
-      return {
-        ...acc,
-        [item.id]: buildChapterInfoFromSpineItem(manifest, item)
-      };
+      acc[item.id] = buildChapterInfoFromSpineItem(manifest, item);
+      return acc;
     },
     {}
   );
@@ -2122,13 +2116,14 @@ const pointerEvents$1 = [
   // `touchend` as const,
 ];
 const isHtmlElement = (element) => {
-  return typeof element === `object` && !!element && `nodeType` in element && (element == null ? void 0 : element.nodeType) === Node.ELEMENT_NODE;
+  return typeof element === "object" && !!element && `nodeType` in element && (element == null ? void 0 : element.nodeType) === Node.ELEMENT_NODE;
 };
 function createRangeOrCaretFromPoint(doc, startX, startY) {
   if (`caretPositionFromPoint` in doc) {
     return doc.caretPositionFromPoint(startX, startY);
-  } else if ("caretRangeFromPoint" in doc && // @ts-expect-error limited availability
-  typeof doc.caretRangeFromPoint !== `undefined`) {
+  }
+  if ("caretRangeFromPoint" in doc && // @ts-expect-error limited availability
+  typeof doc.caretRangeFromPoint !== "undefined") {
     return doc.caretRangeFromPoint(startX, startY);
   }
 }
@@ -2231,7 +2226,7 @@ const isPointerEvent = (event) => {
       return true;
     }
   }
-  if ((event == null ? void 0 : event.view) && ((_e = event == null ? void 0 : event.view) == null ? void 0 : _e.window)) {
+  if ((_e = event == null ? void 0 : event.view) == null ? void 0 : _e.window) {
     const eventView = event == null ? void 0 : event.view;
     if (eventView.PointerEvent && event instanceof eventView.PointerEvent) {
       return true;
@@ -2251,7 +2246,7 @@ const isMouseEvent = (event) => {
       return event instanceof eventView.MouseEvent;
     }
   }
-  if ((event == null ? void 0 : event.view) && ((_e = event == null ? void 0 : event.view) == null ? void 0 : _e.window)) {
+  if ((_e = event == null ? void 0 : event.view) == null ? void 0 : _e.window) {
     const eventView = event == null ? void 0 : event.view;
     if (eventView.MouseEvent) {
       return event instanceof eventView.MouseEvent;
@@ -2267,7 +2262,7 @@ const isTouchEvent = (event) => {
       return event instanceof eventView.TouchEvent;
     }
   }
-  if ((event == null ? void 0 : event.view) && ((_e = event == null ? void 0 : event.view) == null ? void 0 : _e.window)) {
+  if ((_e = event == null ? void 0 : event.view) == null ? void 0 : _e.window) {
     const eventView = event == null ? void 0 : event.view;
     if (eventView.TouchEvent) {
       return event instanceof eventView.TouchEvent;
@@ -2401,10 +2396,9 @@ const createSpineItemLocator = ({
     });
     if (isUsingVerticalWriting) {
       return getPageFromOffset(position.y, pageHeight, numberOfPages);
-    } else {
-      const pageIndex = getPageFromOffset(offset, pageWidth, numberOfPages);
-      return pageIndex;
     }
+    const pageIndex = getPageFromOffset(offset, pageWidth, numberOfPages);
+    return pageIndex;
   };
   const getSpineItemPositionFromNode = (node, offset, spineItem) => {
     var _a;
@@ -2795,7 +2789,8 @@ function matchAll(str, regExp, add) {
 function closest(a, n) {
   let minDiff;
   let closest2;
-  let i, diff;
+  let i;
+  let diff;
   for (i = 0; i < a.length; i++) {
     diff = Math.abs(a[i] - n);
     if (!i || diff < minDiff) {
@@ -2810,7 +2805,8 @@ function calcSiblingCount(nodes, n, offset) {
   let lastWasElement;
   let prevOffset = 0;
   let firstNode = true;
-  let i, node;
+  let i;
+  let node;
   for (i = 0; i < nodes.length; i++) {
     node = nodes[i];
     if (node.nodeType === ELEMENT_NODE) {
@@ -2823,9 +2819,8 @@ function calcSiblingCount(nodes, n, offset) {
       if (n === node) {
         if (node.tagName.toLowerCase() === `img`) {
           return { count, offset };
-        } else {
-          return { count };
         }
+        return { count };
       }
       prevOffset = 0;
       lastWasElement = true;
@@ -2846,8 +2841,8 @@ function calcSiblingCount(nodes, n, offset) {
   throw new Error(`The specified node was not found in the array of siblings`);
 }
 function compareTemporal(a, b) {
-  const isA = typeof a === `number`;
-  const isB = typeof b === `number`;
+  const isA = typeof a === "number";
+  const isB = typeof b === "number";
   if (!isA && !isB) return 0;
   if (!isA && isB) return -1;
   if (isA && !isB) return 1;
@@ -2883,7 +2878,9 @@ const _CfiHandler = class _CfiHandler {
     if (!m) throw new Error(`Not a valid CFI`);
     if (m.length < 2) return;
     str = m[1] || ``;
-    let parsed, offset, newDoc;
+    let parsed;
+    let offset;
+    let newDoc;
     let subParts = [];
     let sawComma = 0;
     while (str.length) {
@@ -2954,7 +2951,10 @@ const _CfiHandler = class _CfiHandler {
         parts = this.parts;
       }
     }
-    let i, j, part, subpart;
+    let i;
+    let j;
+    let part;
+    let subpart;
     for (i = 0; i < parts.length; i++) {
       part = parts[i];
       for (j = 0; j < part.length - 1; j++) {
@@ -2971,7 +2971,7 @@ const _CfiHandler = class _CfiHandler {
     let o;
     while (node.parentNode) {
       o = calcSiblingCount(node.parentNode.childNodes, node, offset);
-      if (!cfi && o.offset) cfi = `:` + o.offset;
+      if (!cfi && o.offset) cfi = `:${o.offset}`;
       cfi = // @ts-ignore
       `/` + o.count + (node.id ? `[` + cfiEscape(node.id) + `]` : ``) + cfi;
       node = node.parentNode;
@@ -2990,19 +2990,21 @@ const _CfiHandler = class _CfiHandler {
       cfi = this.generatePart(node, offset, extra);
     }
     if (extra) cfi += extra;
-    return `epubcfi(` + cfi + `)`;
+    return `epubcfi(${cfi})`;
   }
   static toParsed(cfi) {
     if (cfi.isRange) {
       return cfi.getFrom();
-    } else {
-      return cfi.get();
     }
+    return cfi.get();
   }
   // Takes two CFI paths and compares them
   static comparePath(a, b) {
     const max = Math.max(a.length, b.length);
-    let i, cA, cB, diff;
+    let i;
+    let cA;
+    let cB;
+    let diff;
     for (i = 0; i < max; i++) {
       cA = a[i];
       cB = b[i];
@@ -3039,7 +3041,10 @@ const _CfiHandler = class _CfiHandler {
   // Takes two parsed path parts (assuming path is split on '!') and compares them.
   static compareParts(a, b) {
     const max = Math.max(a.length, b.length);
-    let i, cA, cB, diff;
+    let i;
+    let cA;
+    let cB;
+    let diff;
     for (i = 0; i < max; i++) {
       cA = a[i];
       cB = b[i];
@@ -3111,7 +3116,7 @@ const _CfiHandler = class _CfiHandler {
     if (!loc) return;
     const m = loc.trim().match(/^(.*);s=([ba])$/);
     if (!m || m.length < 3) {
-      if (typeof o.textLocationAssertion === `object`) {
+      if (typeof o.textLocationAssertion === "object") {
         o.textLocationAssertion.post = loc;
       } else {
         o.textLocationAssertion = loc;
@@ -3119,7 +3124,7 @@ const _CfiHandler = class _CfiHandler {
       return;
     }
     if (m[1]) {
-      if (typeof o.textLocationAssertion === `object`) {
+      if (typeof o.textLocationAssertion === "object") {
         o.textLocationAssertion.post = m[1];
       } else {
         o.textLocationAssertion = m[1];
@@ -3136,10 +3141,10 @@ const _CfiHandler = class _CfiHandler {
     const m = range.trim().match(/^([\d\.]+):([\d\.]+)$/);
     if (!m || m.length < 3) return void 0;
     const o = {
-      x: parseInt(m[1]),
-      y: parseInt(m[2])
+      x: Number.parseInt(m[1]),
+      y: Number.parseInt(m[2])
     };
-    if (typeof o.x !== `number` || typeof o.y !== `number`) {
+    if (typeof o.x !== "number" || typeof o.y !== "number") {
       return void 0;
     }
     return o;
@@ -3150,7 +3155,8 @@ const _CfiHandler = class _CfiHandler {
     let f;
     let state;
     let prevState;
-    let cur, escape;
+    let cur;
+    let escape;
     let seenColon = false;
     let seenSlash = false;
     let i;
@@ -3221,12 +3227,11 @@ const _CfiHandler = class _CfiHandler {
           }
           escape = false;
           continue;
-        } else {
-          prevState = state;
-          state = null;
-          if (f && seenColon) o.spatial = this.parseSpatialRange(f);
-          f = null;
         }
+        prevState = state;
+        state = null;
+        if (f && seenColon) o.spatial = this.parseSpatialRange(f);
+        f = null;
       }
       if (state === `~`) {
         if (cur.match(isNumber) || cur === `.`) {
@@ -3258,23 +3263,22 @@ const _CfiHandler = class _CfiHandler {
         if (cur === `/`) {
           if (seenSlash) {
             break;
-          } else {
-            seenSlash = true;
-            prevState = state;
-            state = cur;
-            escape = false;
-            continue;
           }
+          seenSlash = true;
+          prevState = state;
+          state = cur;
+          escape = false;
+          continue;
         }
         if (cur === `:` || cur === `~` || cur === `@`) {
           if (this.opts.stricter) {
             if (cur === `:` && // @ts-ignore
-            (typeof o.temporal !== `undefined` || // @ts-ignore
-            typeof o.spatial !== `undefined`)) {
+            (typeof o.temporal !== "undefined" || // @ts-ignore
+            typeof o.spatial !== "undefined")) {
               break;
             }
             if ((cur === `~` || cur === `@`) && // @ts-ignore
-            typeof o.offset !== `undefined`) {
+            typeof o.offset !== "undefined") {
               break;
             }
           }
@@ -3352,7 +3356,8 @@ const _CfiHandler = class _CfiHandler {
     }
     let cfiCount = 0;
     let lastChild;
-    let i, child;
+    let i;
+    let child;
     for (i = 0; i < children.length; i++) {
       child = children[i];
       switch (child == null ? void 0 : child.nodeType) {
@@ -3431,12 +3436,12 @@ const _CfiHandler = class _CfiHandler {
   correctOffset(dom, node, offset, assertion) {
     let curNode = node;
     let matchStr;
-    if (typeof assertion === `string`) {
+    if (typeof assertion === "string") {
       matchStr = this.decodeEntities(dom, assertion);
     } else {
       assertion.pre = this.decodeEntities(dom, assertion.pre);
       assertion.post = this.decodeEntities(dom, assertion.post);
-      matchStr = assertion.pre + `.` + assertion.post;
+      matchStr = `${assertion.pre}.${assertion.post}`;
     }
     if (!this.isTextNode(node)) {
       return { node, offset: 0 };
@@ -3553,7 +3558,7 @@ const _CfiHandler = class _CfiHandler {
       throw new Error(`index is out of bounds`);
     }
     const subparts = this.parts[index];
-    if (!subparts) throw new Error(`Missing CFI part for index: ` + index);
+    if (!subparts) throw new Error(`Missing CFI part for index: ${index}`);
     const o = this.resolveNode(index, subparts, dom, opts);
     let node = o.node;
     const tagName = node.tagName.toLowerCase();
@@ -3569,19 +3574,19 @@ const _CfiHandler = class _CfiHandler {
     }
     if (tagName === `iframe` || tagName === `embed`) {
       const src = node.getAttribute(`src`);
-      if (!src) throw new Error(tagName + ` element is missing 'src' attribute`);
+      if (!src) throw new Error(`${tagName} element is missing 'src' attribute`);
       return src;
     }
-    if (tagName === `object`) {
+    if (tagName === "object") {
       const data = node.getAttribute(`data`);
       if (!data)
-        throw new Error(tagName + ` element is missing 'data' attribute`);
+        throw new Error(`${tagName} element is missing 'data' attribute`);
       return data;
     }
     if (tagName === `image` || tagName === `use`) {
       const href = node.getAttribute(`xlink:href`);
       if (!href)
-        throw new Error(tagName + ` element is missing 'xlink:href' attribute`);
+        throw new Error(`${tagName} element is missing 'xlink:href' attribute`);
       return href;
     }
     throw new Error(`No URI found`);
@@ -3592,7 +3597,7 @@ const _CfiHandler = class _CfiHandler {
   resolveLocation(dom, parts) {
     const index = parts.length - 1;
     const subparts = parts[index];
-    if (!subparts) throw new Error(`Missing CFI part for index: ` + index);
+    if (!subparts) throw new Error(`Missing CFI part for index: ${index}`);
     const o = this.resolveNode(index, subparts, dom);
     const lastPart = this.deepClone(subparts[subparts.length - 1]);
     delete lastPart.nodeIndex;
@@ -3650,12 +3655,12 @@ const parseCfi = (cfi) => {
   const [itemIndex] = ((_a = cfi.match(/\|(\[prose\~anchor[^\]]*\])+/gi)) == null ? void 0 : _a.map((s) => s.replace(/\|\[prose\~anchor\~/, ``).replace(/\]/, ``))) || [];
   const [offset] = ((_b = cfi.match(/\|(\[prose\~offset[^\]]*\])+/gi)) == null ? void 0 : _b.map((s) => s.replace(/\|\[prose\~offset\~/, ``).replace(/\]/, ``))) || [];
   const cleanedCfi = cfi.replace(/\|(\[prose\~[^\]]*\~[^\]]*\])+/gi, ``);
-  const foundOffset = parseInt(offset || ``);
-  const foundItemIndex = parseInt(itemIndex || ``);
+  const foundOffset = Number.parseInt(offset || ``);
+  const foundItemIndex = Number.parseInt(itemIndex || ``);
   return {
     cleanedCfi,
-    itemIndex: isNaN(foundItemIndex) ? void 0 : foundItemIndex,
-    offset: isNaN(foundOffset) ? void 0 : foundOffset
+    itemIndex: Number.isNaN(foundItemIndex) ? void 0 : foundItemIndex,
+    offset: Number.isNaN(foundOffset) ? void 0 : foundOffset
   };
 };
 const resolveCfi = ({
@@ -3711,19 +3716,18 @@ const createNavigationResolver = ({
     }) || {};
     if (!spineItem) {
       Report.warn(NAMESPACE$4, `unable to detect item id from cfi ${cfi}`);
-    } else {
-      const spineItemNavigation = node ? spineItemNavigator.getNavigationFromNode(spineItem, node, offset) : { x: 0, y: 0 };
-      const readingPosition = locator.getSpinePositionFromSpineItemPosition({
-        spineItemPosition: spineItemNavigation,
-        spineItem
-      });
-      return getAdjustedPositionForSpread({
-        position: readingPosition,
-        pageSizeWidth: context.getPageSize().width,
-        visibleAreaRectWidth: context.state.visibleAreaRect.width
-      });
+      return void 0;
     }
-    return void 0;
+    const spineItemNavigation = node ? spineItemNavigator.getNavigationFromNode(spineItem, node, offset) : { x: 0, y: 0 };
+    const readingPosition = locator.getSpinePositionFromSpineItemPosition({
+      spineItemPosition: spineItemNavigation,
+      spineItem
+    });
+    return getAdjustedPositionForSpread({
+      position: readingPosition,
+      pageSizeWidth: context.getPageSize().width,
+      visibleAreaRectWidth: context.state.visibleAreaRect.width
+    });
   };
   const getNavigationForLastPage = (spineItem) => {
     const spineItemNavigation = spineItemNavigator.getNavigationForLastPage(spineItem);
@@ -3934,8 +3938,7 @@ class ViewportNavigator extends DestroyableClass {
                 currentEvent.shouldAnimate ? delay(1, animationFrameScheduler) : identity,
                 tap$1((data) => {
                   const element2 = this.viewportElement$.getValue();
-                  const noAdjustmentNeeded = false;
-                  if (data.shouldAnimate && !noAdjustmentNeeded) {
+                  if (data.shouldAnimate && true) {
                     if (pageTurnAnimation === `fade`) {
                       element2.style.setProperty(
                         `transition`,
@@ -4369,21 +4372,19 @@ const getOrGuessDirection = ({
   if (settings.values.computedPageTurnDirection === "vertical") {
     if (navigation.position.y > previousNavigation.position.y) {
       return "forward";
-    } else {
-      if (navigation.position.y === previousNavigation.position.y && previousNavigation.directionFromLastNavigation !== "backward") {
-        return "forward";
-      }
-      return "backward";
     }
-  }
-  if (Math.abs(navigation.position.x) > Math.abs(previousNavigation.position.x)) {
-    return "forward";
-  } else {
-    if (navigation.position.x === previousNavigation.position.x && previousNavigation.directionFromLastNavigation !== "backward") {
+    if (navigation.position.y === previousNavigation.position.y && previousNavigation.directionFromLastNavigation !== "backward") {
       return "forward";
     }
     return "backward";
   }
+  if (Math.abs(navigation.position.x) > Math.abs(previousNavigation.position.x)) {
+    return "forward";
+  }
+  if (navigation.position.x === previousNavigation.position.x && previousNavigation.directionFromLastNavigation !== "backward") {
+    return "forward";
+  }
+  return "backward";
 };
 const withDirection = ({
   context,
@@ -5210,6 +5211,7 @@ class HookManager {
         return result ?? of(void 0);
       };
       const fnResult = hook.runFn({
+        // biome-ignore lint/suspicious/noExplicitAny: <explanation>
         ...params,
         destroy$: destroySubject.asObservable(),
         destroy
@@ -5831,10 +5833,10 @@ class SpineItemsManager extends DestroyableClass {
     this.items$ = this.orderedSpineItemsSubject.asObservable();
   }
   get(indexOrId) {
-    if (typeof indexOrId === `number`) {
+    if (typeof indexOrId === "number") {
       return this.orderedSpineItemsSubject.value[indexOrId];
     }
-    if (typeof indexOrId === `string`) {
+    if (typeof indexOrId === "string") {
       return this.orderedSpineItemsSubject.value.find(
         ({ item }) => item.id === indexOrId
       );
@@ -5887,9 +5889,8 @@ const getSpineItemFromPosition = ({
     const isWithinXAxis = position.x >= left && position.x < right;
     if (settings.values.computedPageTurnDirection === `horizontal`) {
       return isWithinXAxis;
-    } else {
-      return isWithinXAxis && position.y >= top && position.y < bottom;
     }
+    return isWithinXAxis && position.y >= top && position.y < bottom;
   });
   if (position.x === 0 && !spineItem) {
     return spineItemsManager.items[0];
@@ -6144,7 +6145,7 @@ const createSpineLocator = ({
     });
   };
   const getSpineItemPageIndexFromNode = (node, offset, spineItemOrIndex) => {
-    if (typeof spineItemOrIndex === `number`) {
+    if (typeof spineItemOrIndex === "number") {
       const spineItem = spineItemsManager.get(spineItemOrIndex);
       return spineItem ? spineItemLocator.getSpineItemPageIndexFromNode(
         node,
@@ -6967,10 +6968,10 @@ const createDatabase = (db) => {
   const put = (key, data) => {
     return new Promise((resolve, reject) => {
       const transaction = db.transaction([`store`], `readwrite`);
-      transaction.onerror = function(event) {
+      transaction.onerror = (event) => {
         reject(event);
       };
-      transaction.oncomplete = function() {
+      transaction.oncomplete = () => {
         resolve();
       };
       const objectStore = transaction.objectStore(`store`);
@@ -6995,7 +6996,7 @@ const createDatabase = (db) => {
         }
         resolve(value);
       };
-      transaction.onerror = function() {
+      transaction.onerror = () => {
         reject(request.error);
       };
     });
@@ -7005,13 +7006,13 @@ const createDatabase = (db) => {
       const transaction = db.transaction([`store`], `readwrite`);
       const objectStore = transaction.objectStore(`store`);
       const request = objectStore.delete(key);
-      transaction.onerror = function() {
+      transaction.onerror = () => {
         reject(request.error);
       };
-      transaction.oncomplete = function() {
+      transaction.oncomplete = () => {
         resolve();
       };
-      transaction.onabort = function() {
+      transaction.onabort = () => {
         var _a;
         const err = request.error ? request.error : (_a = request.transaction) == null ? void 0 : _a.error;
         reject(err);
@@ -7021,7 +7022,7 @@ const createDatabase = (db) => {
   const keys = () => {
     return new Promise((resolve, reject) => {
       const transaction = db.transaction([`store`], `readonly`);
-      transaction.onerror = function(event) {
+      transaction.onerror = (event) => {
         reject(event);
       };
       const objectStore = transaction.objectStore(`store`);
@@ -7051,10 +7052,10 @@ const createDatabase = (db) => {
 const openDatabase = async (name) => {
   return new Promise((resolve, reject) => {
     const request = window.indexedDB.open(name);
-    request.onerror = function(event) {
+    request.onerror = (event) => {
       reject(event);
     };
-    request.onsuccess = function() {
+    request.onsuccess = () => {
       resolve(createDatabase(request.result));
     };
     request.onupgradeneeded = () => {
@@ -7067,12 +7068,11 @@ const createResourcesManager = (context) => {
   const cache$ = new Subject();
   const retrieveItem = (itemIndexOrId) => {
     var _a, _b;
-    if (typeof itemIndexOrId === `string` || typeof itemIndexOrId === `object`) {
-      const id = typeof itemIndexOrId === `object` ? itemIndexOrId.id : void 0;
+    if (typeof itemIndexOrId === "string" || typeof itemIndexOrId === "object") {
+      const id = typeof itemIndexOrId === "object" ? itemIndexOrId.id : itemIndexOrId;
       return (_a = context.manifest) == null ? void 0 : _a.spineItems.find((entry) => entry.id === id);
-    } else {
-      return (_b = context.manifest) == null ? void 0 : _b.spineItems[itemIndexOrId];
     }
+    return (_b = context.manifest) == null ? void 0 : _b.spineItems[itemIndexOrId];
   };
   const get = async (itemIndexOrId, fetchResource) => {
     const item = retrieveItem(itemIndexOrId);
@@ -7176,7 +7176,8 @@ class ImageRenderer extends DocumentRenderer {
         imgElement.style.userSelect = `none`;
         if (responseOrUrl instanceof URL) {
           return of(responseOrUrl.href);
-        } else if (responseOrUrl instanceof Response) {
+        }
+        if (responseOrUrl instanceof Response) {
           return from(responseOrUrl.blob()).pipe(
             map$1((blob) => {
               return URL.createObjectURL(blob);
@@ -7382,15 +7383,14 @@ const progressionEnhancer = (next) => (options) => {
           (currentPosition.y - top + context.state.visibleAreaRect.height) / height
         )
       );
-    } else {
-      return Math.max(
-        0,
-        Math.min(
-          1,
-          (currentPosition.x - left + context.state.visibleAreaRect.width) / width
-        )
-      );
     }
+    return Math.max(
+      0,
+      Math.min(
+        1,
+        (currentPosition.x - left + context.state.visibleAreaRect.width) / width
+      )
+    );
   };
   return {
     ...reader,
@@ -7508,20 +7508,17 @@ const loadingEnhancer = (next) => (options) => {
       const alreadyExistingElement = element.querySelector(
         `.${CONTAINER_HTML_PREFIX}`
       );
-      if (alreadyExistingElement instanceof HTMLElement)
-        return {
-          ...acc,
-          [item.id]: alreadyExistingElement
-        };
+      if (alreadyExistingElement instanceof HTMLElement) {
+        acc[item.id] = alreadyExistingElement;
+        return acc;
+      }
       const loadingElementContainer = loadingElementCreate({
         container: createLoadingElementContainer(element, reader.context),
         item
       });
       element.appendChild(loadingElementContainer);
-      return {
-        ...acc,
-        [item.id]: loadingElementContainer
-      };
+      acc[item.id] = loadingElementContainer;
+      return acc;
     }, {})
   );
   const updateEntriesLayout$ = (entries) => combineLatest([reader.layout$, reader.theme.$.theme$]).pipe(
@@ -7761,7 +7758,7 @@ const getIntrinsicDimensionsFromBase64Img = (data) => new Promise((resolve, reje
   image.onerror = reject;
 });
 const createHtmlPageFromResource = async (resourceResponse, item) => {
-  if (typeof resourceResponse === `string`) return resourceResponse;
+  if (typeof resourceResponse === "string") return resourceResponse;
   const contentType = parseContentType(resourceResponse.headers.get(`Content-Type`) || ``) || detectMimeTypeFromName(item.href);
   if ([`image/jpg`, `image/jpeg`, `image/png`, `image/webp`].some(
     (mime) => mime === contentType
@@ -7826,28 +7823,27 @@ const attachFrameSrc = ({
           ))) {
             frameElement == null ? void 0 : frameElement.setAttribute(`src`, item.href);
             return of(frameElement);
-          } else {
-            const resourceResponse$ = resource instanceof URL ? from(resourcesHandler.fetchResource()) : resource instanceof Response ? of(resource) : EMPTY;
-            return resourceResponse$.pipe(
-              filter$1((response) => response instanceof Response),
-              switchMap$1((response) => from(getHtmlFromResource(response))),
-              tap$1((htmlDoc) => {
-                if (htmlDoc) {
-                  const blob = new Blob([htmlDoc], { type: "text/html" });
-                  const blobURL = URL.createObjectURL(blob);
-                  frameElement == null ? void 0 : frameElement.setAttribute(`src`, blobURL);
-                }
-              }),
-              map$1(() => frameElement),
-              catchError((e) => {
-                Report.error(
-                  `Error while trying to fetch or load resource for item ${item.id}`
-                );
-                console.error(e);
-                return of(frameElement);
-              })
-            );
           }
+          const resourceResponse$ = resource instanceof URL ? from(resourcesHandler.fetchResource()) : resource instanceof Response ? of(resource) : EMPTY;
+          return resourceResponse$.pipe(
+            filter$1((response) => response instanceof Response),
+            switchMap$1((response) => from(getHtmlFromResource(response))),
+            tap$1((htmlDoc) => {
+              if (htmlDoc) {
+                const blob = new Blob([htmlDoc], { type: "text/html" });
+                const blobURL = URL.createObjectURL(blob);
+                frameElement == null ? void 0 : frameElement.setAttribute(`src`, blobURL);
+              }
+            }),
+            map$1(() => frameElement),
+            catchError((e) => {
+              Report.error(
+                `Error while trying to fetch or load resource for item ${item.id}`
+              );
+              console.error(e);
+              return of(frameElement);
+            })
+          );
         })
       );
     })
@@ -8268,13 +8264,10 @@ const renderReflowable = ({
         `prose-reader-html-renderer-framce-css`,
         buildStyleForViewportFrame()
       );
-      staticLayout(
-        frameElement,
-        {
-          width: viewportDimensions.width ?? 1,
-          height: viewportDimensions.height ?? 1
-        }
-      );
+      staticLayout(frameElement, {
+        width: viewportDimensions.width ?? 1,
+        height: viewportDimensions.height ?? 1
+      });
       frameElement == null ? void 0 : frameElement.style.setProperty(`position`, `absolute`);
       frameElement == null ? void 0 : frameElement.style.setProperty(`top`, `50%`);
       frameElement == null ? void 0 : frameElement.style.setProperty(
@@ -8304,23 +8297,17 @@ const renderReflowable = ({
           frameElement.contentDocument.documentElement.scrollHeight / pageHeight
         );
         contentHeight = pages * pageHeight;
-        staticLayout(
-          frameElement,
-          {
-            width: minimumWidth,
-            height: contentHeight
-          }
-        );
+        staticLayout(frameElement, {
+          width: minimumWidth,
+          height: contentHeight
+        });
       } else if ((manifest == null ? void 0 : manifest.renditionFlow) === `scrolled-continuous`) {
         contentHeight = frameElement.contentDocument.body.scrollHeight;
         newLatestContentHeightWhenLoaded = contentHeight;
-        staticLayout(
-          frameElement,
-          {
-            width: minimumWidth,
-            height: contentHeight
-          }
-        );
+        staticLayout(frameElement, {
+          width: minimumWidth,
+          height: contentHeight
+        });
       } else {
         const pages = Math.ceil(
           frameElement.contentDocument.documentElement.scrollWidth / pageWidth
@@ -8330,13 +8317,10 @@ const renderReflowable = ({
         } else {
           contentWidth = pages * pageWidth;
         }
-        staticLayout(
-          frameElement,
-          {
-            width: contentWidth,
-            height: contentHeight
-          }
-        );
+        staticLayout(frameElement, {
+          width: contentWidth,
+          height: contentHeight
+        });
       }
     }
     const isFillingAllScreen = contentWidth % minimumWidth === 0;
@@ -8717,9 +8701,8 @@ const trackSpineItemSelection = (spineItem) => spineItem.loaded$.pipe(
               type: "change",
               selection
             };
-          } else {
-            return void 0;
           }
+          return void 0;
         })
       ),
       selectionTracker.selectionOver$.pipe(