@edrlab/thorium-web 1.0.0-beta.2 → 1.0.0-beta.4

package/LICENSE

@@ -1,6 +1,6 @@
 BSD 3-Clause License
 
-Copyright (c) 2024, Readium
+Copyright (c) 2024, EDRLab (European Digital Reading Lab)
 
 Redistribution and use in source and binary forms, with or without
 modification, are permitted provided that the following conditions are met:

package/dist/{ThSettingsWrapper-De4qvjsh.d.mts → ThSettingsWrapper-CA2_0nQz.d.mts}

@@ -67,7 +67,7 @@ interface ThCollapsibleActionsBarProps extends ThActionsBarProps {
 declare const ThCollapsibleActionsBar: ({ ref, id, items, prefs, breakpoint, compounds, ...props }: ThCollapsibleActionsBarProps) => react_jsx_runtime.JSX.Element;
 
 interface ThMenuItemProps extends MenuItemProps {
-    ref?: React__default.Ref<HTMLLIElement>;
+    ref?: React__default.Ref<HTMLDivElement>;
     id: string;
     SVGIcon?: React__default.ComponentType<React__default.SVGProps<SVGElement>>;
     label: string;

package/dist/{actionsReducer-e808e6V_.d.mts → actionsReducer-D4Mphfuv.d.mts}

@@ -1,5 +1,5 @@
 import * as _reduxjs_toolkit from '@reduxjs/toolkit';
-import { c as ThDockingKeys } from './enums-DxbWWvn7.mjs';
+import { a as ThDockingKeys } from './enums-DqGQ66r1.mjs';
 
 type PrimitiveType = number | string | boolean;
 /** Object types that should never be mapped */

package/dist/chunk-BNPR6V7V.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/Hooks/useBreakpoints.ts","../src/core/Hooks/useReducedMotion.ts","../src/core/Hooks/useReducedTransparency.ts","../src/core/Hooks/useForcedColors.ts","../src/core/Hooks/useMonochrome.ts"],"names":["useState","useEffect"],"mappings":"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","file":"chunk-BNPR6V7V.mjs","sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useState } from \"react\";\n\nimport { ThBreakpoints } from \"@/preferences/models/enums\";\n\nimport { useMediaQuery } from \"./useMediaQuery\";\n\ntype ThBreakpointRange = {\n  min: number | null,\n  max: number | null\n}\n\ntype ThBreakpointRanges = { [key in ThBreakpoints]: ThBreakpointRange | null; }\n\nexport type BreakpointsMap<T> = {\n  [key in ThBreakpoints]?: T\n};\n\nexport type ThBreakpointsObject = { [key in ThBreakpoints]: boolean | null } & { current: string | null } & { ranges: ThBreakpointRanges }\n\nexport const useBreakpoints = (map: BreakpointsMap<number | null>, onChange?: (breakpoint: ThBreakpoints | null) => void): ThBreakpointsObject => {\n  const [currentBreakpoint, setCurrentBreakpoint] = useState<ThBreakpoints | null>(null);\n\n  const makeMediaString = (range: ThBreakpointRange | null) => {\n    if (!range || (!range.min && !range.max)) return null;\n  \n    let mediaString = \"screen\"\n    if (range.min) {\n      mediaString += ` and (min-width: ${ range.min }px)`;\n    }\n    if (range.max) {\n      mediaString += ` and (max-width: ${ range.max }px)`\n    }\n    return mediaString;\n  };\n\n  const initRanges = (prefs: BreakpointsMap<number | null>) => {\n    const breakpointRanges: ThBreakpointRanges = {\n      [ThBreakpoints.compact]: null,\n      [ThBreakpoints.medium]: null,\n      [ThBreakpoints.expanded]: null,\n      [ThBreakpoints.large]: null,\n      [ThBreakpoints.xLarge]: null\n    };\n  \n    let prev: null | number = null;\n    \n    Object.entries(prefs).forEach(([ key, value ]) => {\n      if (value && !isNaN(value)) {\n        const max = value;\n        const min = prev ? prev + 1 : null;\n        Object.defineProperty(breakpointRanges, key, {\n          value: {\n            min: min,\n            max: max\n          }\n        });\n        prev = value;\n      } else if (!value && key === ThBreakpoints.xLarge && prev) {\n        Object.defineProperty(breakpointRanges, key, {\n          value: {\n            min: prev + 1,\n            max: null\n          }\n        });\n      }\n    });\n\n    return breakpointRanges;\n  };\n\n  const ranges = useMemo(() => initRanges(map), [map]);\n\n  const compactMedia = makeMediaString(ranges[ThBreakpoints.compact]);\n  const mediumMedia = makeMediaString(ranges[ThBreakpoints.medium]);\n  const expandedMedia = makeMediaString(ranges[ThBreakpoints.expanded]);\n  const largeMedia = makeMediaString(ranges[ThBreakpoints.large]);\n  const xLargeMedia = makeMediaString(ranges[ThBreakpoints.xLarge]);\n\n  const compactMatches = useMediaQuery(compactMedia);\n  const mediumMatches = useMediaQuery(mediumMedia);\n  const expandedMatches = useMediaQuery(expandedMedia);\n  const largeMatches = useMediaQuery(largeMedia);\n  const xLargeMatches = useMediaQuery(xLargeMedia);\n\n  useEffect(() => {\n    let newBreakpoint = currentBreakpoint;\n\n    if (compactMatches) {\n      newBreakpoint = ThBreakpoints.compact;\n    } else if (mediumMatches) {\n      newBreakpoint = ThBreakpoints.medium;\n    } else if (expandedMatches) {\n      newBreakpoint = ThBreakpoints.expanded;\n    } else if (largeMatches) {\n      newBreakpoint = ThBreakpoints.large;\n    } else if (xLargeMatches) {\n      newBreakpoint = ThBreakpoints.xLarge;\n    }\n\n    setCurrentBreakpoint(newBreakpoint);\n    onChange && onChange(newBreakpoint);\n  }, [currentBreakpoint, compactMatches, mediumMatches, expandedMatches, largeMatches, xLargeMatches, onChange]);\n\n  return {\n    [ThBreakpoints.compact]: compactMatches,\n    [ThBreakpoints.medium]: mediumMatches,\n    [ThBreakpoints.expanded]: expandedMatches,\n    [ThBreakpoints.large]: largeMatches,\n    [ThBreakpoints.xLarge]: xLargeMatches,\n    current: currentBreakpoint,\n    ranges: ranges\n  };\n};","\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useMediaQuery } from \"./useMediaQuery\";\n\nexport const useReducedMotion = (onChange?: (reducedMotion: boolean) => void) => {\n  const [reducedMotion, setReducedMotion] = useState(false);\n\n  const prefersReducedMotion = useMediaQuery(\"(prefers-reduced-motion: reduce)\");\n\n  useEffect(() => {\n    setReducedMotion(prefersReducedMotion);\n    onChange && onChange(prefersReducedMotion);\n  }, [prefersReducedMotion, onChange]);\n\n  return reducedMotion;\n}","\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useMediaQuery } from \"./useMediaQuery\";\n\nexport const useReducedTransparency = (onChange?: (reducedTransparency: boolean) => void) => {\n  const [reducedTransparency, setReducedTransparency] = useState(false);\n\n  const prefersReducedTransparency = useMediaQuery(\"(prefers-reduced-transparency: reduce)\");\n\n  useEffect(() => {\n    setReducedTransparency(prefersReducedTransparency);\n    onChange && onChange(prefersReducedTransparency);\n  }, [prefersReducedTransparency, onChange]);\n\n  return reducedTransparency;\n}","\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useMediaQuery } from \"./useMediaQuery\";\n\nexport const useForcedColors = (onChange?: (forcedColors: boolean) => void) => {\n  const [colors, setForcedColors] = useState(false);\n\n  const forcedColors = useMediaQuery(\"(forced-colors: active)\");\n\n  useEffect(() => {\n    setForcedColors(forcedColors);\n    onChange && onChange(forcedColors);\n  }, [forcedColors, onChange]);\n\n  return colors;\n}","\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useMediaQuery } from \"./useMediaQuery\";\n\nexport const useMonochrome = (onChange?: (isMonochrome: boolean) => void) => {\n  const [isMonochrome, setMonochrome] = useState(false);\n\n  const monochrome = useMediaQuery(\"(monochrome)\");\n\n  useEffect(() => {\n    setMonochrome(monochrome);\n    onChange && onChange(monochrome);\n  }, [monochrome, onChange]);\n\n  return isMonochrome;\n}"]}
+{"version":3,"sources":["../src/core/Hooks/useBreakpoints.ts","../src/core/Hooks/useReducedMotion.ts","../src/core/Hooks/useReducedTransparency.ts","../src/core/Hooks/useForcedColors.ts","../src/core/Hooks/useMonochrome.ts"],"names":["useState","useEffect"],"mappings":"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","file":"chunk-BNPR6V7V.mjs","sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useState } from \"react\";\n\nimport { ThBreakpoints } from \"@/preferences/models/enums\";\n\nimport { useMediaQuery } from \"./useMediaQuery\";\n\ntype ThBreakpointRange = {\n  min: number | null,\n  max: number | null\n}\n\ntype ThBreakpointRanges = { [key in ThBreakpoints]: ThBreakpointRange | null; }\n\nexport type BreakpointsMap<T> = {\n  [key in ThBreakpoints]?: T\n};\n\nexport type ThBreakpointsObject = { [key in ThBreakpoints]: boolean | null } & { current: string | null } & { ranges: ThBreakpointRanges }\n\nexport const useBreakpoints = (map: BreakpointsMap<number | null>, onChange?: (breakpoint: ThBreakpoints | null) => void): ThBreakpointsObject => {\n  const [currentBreakpoint, setCurrentBreakpoint] = useState<ThBreakpoints | null>(null);\n\n  const makeMediaString = (range: ThBreakpointRange | null) => {\n    if (!range || (!range.min && !range.max)) return null;\n  \n    let mediaString = \"screen\"\n    if (range.min) {\n      mediaString += ` and (min-width: ${ range.min }px)`;\n    }\n    if (range.max) {\n      mediaString += ` and (max-width: ${ range.max }px)`\n    }\n    return mediaString;\n  };\n\n  const initRanges = (prefs: BreakpointsMap<number | null>) => {\n    const breakpointRanges: ThBreakpointRanges = {\n      [ThBreakpoints.compact]: null,\n      [ThBreakpoints.medium]: null,\n      [ThBreakpoints.expanded]: null,\n      [ThBreakpoints.large]: null,\n      [ThBreakpoints.xLarge]: null\n    };\n  \n    let prev: null | number = null;\n    \n    Object.entries(prefs).forEach(([ key, value ]) => {\n      if (value && !isNaN(value)) {\n        const max = value;\n        const min = prev ? prev + 1 : null;\n        Object.defineProperty(breakpointRanges, key, {\n          value: {\n            min: min,\n            max: max\n          }\n        });\n        prev = value;\n      } else if (!value && key === ThBreakpoints.xLarge && prev) {\n        Object.defineProperty(breakpointRanges, key, {\n          value: {\n            min: prev + 1,\n            max: null\n          }\n        });\n      }\n    });\n\n    return breakpointRanges;\n  };\n\n  const ranges = useMemo(() => initRanges(map), [map]);\n\n  const compactMedia = makeMediaString(ranges[ThBreakpoints.compact]);\n  const mediumMedia = makeMediaString(ranges[ThBreakpoints.medium]);\n  const expandedMedia = makeMediaString(ranges[ThBreakpoints.expanded]);\n  const largeMedia = makeMediaString(ranges[ThBreakpoints.large]);\n  const xLargeMedia = makeMediaString(ranges[ThBreakpoints.xLarge]);\n\n  const compactMatches = useMediaQuery(compactMedia);\n  const mediumMatches = useMediaQuery(mediumMedia);\n  const expandedMatches = useMediaQuery(expandedMedia);\n  const largeMatches = useMediaQuery(largeMedia);\n  const xLargeMatches = useMediaQuery(xLargeMedia);\n\n  useEffect(() => {\n    let newBreakpoint = currentBreakpoint;\n\n    if (compactMatches) {\n      newBreakpoint = ThBreakpoints.compact;\n    } else if (mediumMatches) {\n      newBreakpoint = ThBreakpoints.medium;\n    } else if (expandedMatches) {\n      newBreakpoint = ThBreakpoints.expanded;\n    } else if (largeMatches) {\n      newBreakpoint = ThBreakpoints.large;\n    } else if (xLargeMatches) {\n      newBreakpoint = ThBreakpoints.xLarge;\n    }\n\n    setCurrentBreakpoint(newBreakpoint);\n    onChange && onChange(newBreakpoint);\n  }, [currentBreakpoint, compactMatches, mediumMatches, expandedMatches, largeMatches, xLargeMatches, onChange]);\n\n  return {\n    [ThBreakpoints.compact]: compactMatches,\n    [ThBreakpoints.medium]: mediumMatches,\n    [ThBreakpoints.expanded]: expandedMatches,\n    [ThBreakpoints.large]: largeMatches,\n    [ThBreakpoints.xLarge]: xLargeMatches,\n    current: currentBreakpoint,\n    ranges: ranges\n  };\n};","\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useMediaQuery } from \"./useMediaQuery\";\n\nexport const useReducedMotion = (onChange?: (reducedMotion: boolean) => void) => {\n  const [reducedMotion, setReducedMotion] = useState(false);\n\n  const prefersReducedMotion = useMediaQuery(\"(prefers-reduced-motion: reduce)\");\n\n  useEffect(() => {\n    setReducedMotion(prefersReducedMotion);\n    onChange && onChange(prefersReducedMotion);\n  }, [prefersReducedMotion, onChange]);\n\n  return reducedMotion;\n}","\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useMediaQuery } from \"./useMediaQuery\";\n\nexport const useReducedTransparency = (onChange?: (reducedTransparency: boolean) => void) => {\n  const [reducedTransparency, setReducedTransparency] = useState(false);\n\n  const prefersReducedTransparency = useMediaQuery(\"(prefers-reduced-transparency: reduce)\");\n\n  useEffect(() => {\n    setReducedTransparency(prefersReducedTransparency);\n    onChange && onChange(prefersReducedTransparency);\n  }, [prefersReducedTransparency, onChange]);\n\n  return reducedTransparency;\n}","\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useMediaQuery } from \"./useMediaQuery\";\n\nexport const useForcedColors = (onChange?: (forcedColors: boolean) => void) => {\n  const [colors, setForcedColors] = useState(false);\n\n  const forcedColors = useMediaQuery(\"(forced-colors: active)\");\n\n  useEffect(() => {\n    setForcedColors(forcedColors);\n    onChange && onChange(forcedColors);\n  }, [forcedColors, onChange]);\n\n  return colors;\n}","\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useMediaQuery } from \"./useMediaQuery\";\n\nexport const useMonochrome = (onChange?: (isMonochrome: boolean) => void) => {\n  const [isMonochrome, setMonochrome] = useState(false);\n\n  const monochrome = useMediaQuery(\"(monochrome)\");\n\n  useEffect(() => {\n    setMonochrome(monochrome);\n    onChange && onChange(monochrome);\n  }, [monochrome, onChange]);\n\n  return isMonochrome;\n}"]}

package/dist/chunk-IEYR7QV7.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/Helpers/getPlatform.ts","../src/core/Helpers/keyboardUtilities.ts"],"names":["UnstableShortcutMetaKeywords","UnstableShortcutRepresentation"],"mappings":"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","file":"chunk-IEYR7QV7.mjs","sourcesContent":["\"use client\";\n\n// Not caring about instance methods there, only properties\n// See https://developer.mozilla.org/en-US/docs/Web/API/NavigatorUAData\ninterface ExtNavigatorUAData {\n  brands: string[];\n  mobile: boolean;\n  platform: string;\n}\n\ninterface ExtNavigator extends Navigator {\n  userAgentData: ExtNavigatorUAData;\n}\n\n// See https://developer.mozilla.org/en-US/docs/Web/API/Navigator/userAgentData\nexport const getPlatform = () => {\n  if (typeof window !== \"undefined\") {\n    const nav: ExtNavigator = window.navigator as ExtNavigator;\n\n    if (typeof nav.userAgentData !== \"undefined\" && typeof nav.userAgentData != null) {\n      return nav.userAgentData.platform.toLowerCase();\n    }\n\n    // Deprecated but userAgentData still experimental…\n    if (typeof nav.platform !== \"undefined\") {\n      // android navigator.platform is often set as \"linux\", so we have to check userAgent\n      if (typeof nav.userAgent !== \"undefined\" && /android/.test(nav.userAgent.toLowerCase())) {\n        return \"android\";\n      }\n      return nav.platform.toLowerCase();\n    }\n  }\n  return \"unknown\";\n}\n\nexport const isMacish = () => {\n  const MacOSPattern = /mac|ipod|iphone|ipad/i;\n  const platform = getPlatform();\n  return MacOSPattern.test(platform);\n}\n\n// “Desktop-class” iPadOS\nexport const isIpadOS = () => {\n  return !!(navigator.maxTouchPoints \n        && navigator.maxTouchPoints > 2 \n        && navigator.userAgent.includes(\"Intel\"));\n}\n\n// Stopgap measure for fullscreen on iPadOS, do not use elsewhere\nexport const isIOSish = () => {\n  const AppleMobilePattern = /ipod|iphone|ipad/i;\n  const platform = getPlatform();\n  if (AppleMobilePattern.test(platform)) {\n    return true;\n  } else {\n    return isIpadOS();\n  }\n}","\"use client\";\n\nimport { isMacish } from \"./getPlatform\";\n\nexport interface UnstableKey {\n  [key: string]: string;\n  longform: string;\n  shortform: string;\n}\n\nexport interface UnstableMetaKey extends UnstableKey {\n  modifier: \"altKey\" | \"ctrlKey\" | \"metaKey\" | \"shiftKey\";\n  symbol: \"⌥\" | \"^\" | \"⌘\" | \"⊞\" | \"⇧\";\n}\n\nexport interface UnstablePlatformModifier extends UnstableKey {\n  modifier: \"ctrlKey\" | \"metaKey\";\n  symbol: \"^\" | \"⌘\";\n}\n\nexport interface UnstableMetaKeys {\n  [key: string]: UnstableMetaKey;\n  altKey: UnstableMetaKey;\n  ctrlKey: UnstableMetaKey;\n  metaKey: UnstableMetaKey;\n  shiftKey: UnstableMetaKey;\n}\n\nexport enum UnstableShortcutMetaKeywords {\n  alt = \"altKey\",\n  ctrl = \"ctrlKey\",\n  meta = \"metaKey\",\n  platform = \"platformKey\",\n  shift = \"shiftKey\"\n}\n\nexport enum UnstableShortcutRepresentation {\n  symbol = \"symbol\",\n  short = \"shortform\",\n  long = \"longform\"\n};\n\nexport interface UnstableShortcut {\n  className?: string;\n  rawForm: string;\n  representation?: UnstableShortcutRepresentation; \n  joiner?: string;\n}\n\nexport interface UnstablePShortcut {\n  key?: string;\n  char?: string;\n  modifiers: {\n    [key: string]: boolean;\n    altKey: boolean;\n    ctrlKey: boolean;\n    metaKey: boolean;\n    platformKey: boolean;\n    shiftKey: boolean;\n  }\n}\n\nconst altModifier: UnstableMetaKey = {\n  longform: \"Option\",\n  shortform: \"Alt\",\n  modifier: \"altKey\",\n  symbol: \"⌥\"\n}\n\nconst ctrlModifier: UnstableMetaKey & UnstablePlatformModifier = {\n  longform: \"Control\",\n  shortform: \"Ctrl\",\n  modifier: \"ctrlKey\",\n  symbol: \"^\"\n}\n\nconst metaModifierMac: UnstableMetaKey & UnstablePlatformModifier = {\n  longform: \"Command\",\n  shortform: \"Cmd\",\n  modifier: \"metaKey\",\n  symbol: \"⌘\"   \n}\n\nconst metaModifierWin: UnstableMetaKey = {\n  longform: \"Windows\",\n  shortform: \"Win\",\n  modifier: \"metaKey\",\n  symbol: \"⊞\"\n}\n\nconst shiftModifier: UnstableMetaKey = {\n  longform: \"Shift\",\n  shortform: \"Shift\",\n  modifier: \"shiftKey\",\n  symbol: \"⇧\"\n}\n\nexport const metaKeys: UnstableMetaKeys = {\n  altKey: altModifier,\n  ctrlKey: ctrlModifier,\n  metaKey: isMacish() ? metaModifierMac : metaModifierWin,\n  shiftKey: shiftModifier\n}\n\n// Platform modifier differs from Mac to Windows so we have to get it dynamically\n\nexport const defaultPlatformModifier = ctrlModifier;\n\nexport const getPlatformModifier = (): UnstablePlatformModifier => {\n  if (isMacish()) {\n    return metaModifierMac;\n  } else {\n    return ctrlModifier;\n  }\n}\n\nexport const buildShortcut = (str: string) => {\n  let shortcutObj: UnstablePShortcut = {\n    key: \"\",\n    char: \"\",\n    modifiers: {\n      altKey: false,\n      ctrlKey: false,\n      metaKey: false,\n      platformKey: false,\n      shiftKey: false\n    }\n  }\n  \n  const shortcutArray = str.split(/\\s*?[+-]\\s*?/);\n\n  shortcutArray.filter((val) => {\n    if ((Object.values(UnstableShortcutMetaKeywords) as string[]).includes(val)) {\n      const trimmedKey = val.trim();\n      shortcutObj.modifiers[trimmedKey] = true;\n    } else {\n      shortcutObj.char = val.trim().toUpperCase();\n      shortcutObj.key = `Key${ val.trim().toUpperCase() }`;\n    }\n  });\n\n  return shortcutObj.key ? shortcutObj : null;\n}"]}
+{"version":3,"sources":["../src/core/Helpers/getPlatform.ts","../src/core/Helpers/keyboardUtilities.ts"],"names":["UnstableShortcutMetaKeywords","UnstableShortcutRepresentation"],"mappings":"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","file":"chunk-IEYR7QV7.mjs","sourcesContent":["\"use client\";\n\n// Not caring about instance methods there, only properties\n// See https://developer.mozilla.org/en-US/docs/Web/API/NavigatorUAData\ninterface ExtNavigatorUAData {\n  brands: string[];\n  mobile: boolean;\n  platform: string;\n}\n\ninterface ExtNavigator extends Navigator {\n  userAgentData: ExtNavigatorUAData;\n}\n\n// See https://developer.mozilla.org/en-US/docs/Web/API/Navigator/userAgentData\nexport const getPlatform = () => {\n  if (typeof window !== \"undefined\") {\n    const nav: ExtNavigator = window.navigator as ExtNavigator;\n\n    if (typeof nav.userAgentData !== \"undefined\" && typeof nav.userAgentData != null) {\n      return nav.userAgentData.platform.toLowerCase();\n    }\n\n    // Deprecated but userAgentData still experimental…\n    if (typeof nav.platform !== \"undefined\") {\n      // android navigator.platform is often set as \"linux\", so we have to check userAgent\n      if (typeof nav.userAgent !== \"undefined\" && /android/.test(nav.userAgent.toLowerCase())) {\n        return \"android\";\n      }\n      return nav.platform.toLowerCase();\n    }\n  }\n  return \"unknown\";\n}\n\nexport const isMacish = () => {\n  const MacOSPattern = /mac|ipod|iphone|ipad/i;\n  const platform = getPlatform();\n  return MacOSPattern.test(platform);\n}\n\n// “Desktop-class” iPadOS\nexport const isIpadOS = () => {\n  return !!(navigator.maxTouchPoints \n        && navigator.maxTouchPoints > 2 \n        && navigator.userAgent.includes(\"Intel\"));\n}\n\n// Stopgap measure for fullscreen on iPadOS, do not use elsewhere\nexport const isIOSish = () => {\n  const AppleMobilePattern = /ipod|iphone|ipad/i;\n  const platform = getPlatform();\n  if (AppleMobilePattern.test(platform)) {\n    return true;\n  } else {\n    return isIpadOS();\n  }\n}","\"use client\";\n\nimport { isMacish } from \"./getPlatform\";\n\nexport interface UnstableKey {\n  [key: string]: string;\n  longform: string;\n  shortform: string;\n}\n\nexport interface UnstableMetaKey extends UnstableKey {\n  modifier: \"altKey\" | \"ctrlKey\" | \"metaKey\" | \"shiftKey\";\n  symbol: \"⌥\" | \"^\" | \"⌘\" | \"⊞\" | \"⇧\";\n}\n\nexport interface UnstablePlatformModifier extends UnstableKey {\n  modifier: \"ctrlKey\" | \"metaKey\";\n  symbol: \"^\" | \"⌘\";\n}\n\nexport interface UnstableMetaKeys {\n  [key: string]: UnstableMetaKey;\n  altKey: UnstableMetaKey;\n  ctrlKey: UnstableMetaKey;\n  metaKey: UnstableMetaKey;\n  shiftKey: UnstableMetaKey;\n}\n\nexport enum UnstableShortcutMetaKeywords {\n  alt = \"altKey\",\n  ctrl = \"ctrlKey\",\n  meta = \"metaKey\",\n  platform = \"platformKey\",\n  shift = \"shiftKey\"\n}\n\nexport enum UnstableShortcutRepresentation {\n  symbol = \"symbol\",\n  short = \"shortform\",\n  long = \"longform\"\n};\n\nexport interface UnstableShortcut {\n  className?: string;\n  rawForm: string;\n  representation?: UnstableShortcutRepresentation; \n  joiner?: string;\n}\n\nexport interface UnstablePShortcut {\n  key?: string;\n  char?: string;\n  modifiers: {\n    [key: string]: boolean;\n    altKey: boolean;\n    ctrlKey: boolean;\n    metaKey: boolean;\n    platformKey: boolean;\n    shiftKey: boolean;\n  }\n}\n\nconst altModifier: UnstableMetaKey = {\n  longform: \"Option\",\n  shortform: \"Alt\",\n  modifier: \"altKey\",\n  symbol: \"⌥\"\n}\n\nconst ctrlModifier: UnstableMetaKey & UnstablePlatformModifier = {\n  longform: \"Control\",\n  shortform: \"Ctrl\",\n  modifier: \"ctrlKey\",\n  symbol: \"^\"\n}\n\nconst metaModifierMac: UnstableMetaKey & UnstablePlatformModifier = {\n  longform: \"Command\",\n  shortform: \"Cmd\",\n  modifier: \"metaKey\",\n  symbol: \"⌘\"   \n}\n\nconst metaModifierWin: UnstableMetaKey = {\n  longform: \"Windows\",\n  shortform: \"Win\",\n  modifier: \"metaKey\",\n  symbol: \"⊞\"\n}\n\nconst shiftModifier: UnstableMetaKey = {\n  longform: \"Shift\",\n  shortform: \"Shift\",\n  modifier: \"shiftKey\",\n  symbol: \"⇧\"\n}\n\nexport const metaKeys: UnstableMetaKeys = {\n  altKey: altModifier,\n  ctrlKey: ctrlModifier,\n  metaKey: isMacish() ? metaModifierMac : metaModifierWin,\n  shiftKey: shiftModifier\n}\n\n// Platform modifier differs from Mac to Windows so we have to get it dynamically\n\nexport const defaultPlatformModifier = ctrlModifier;\n\nexport const getPlatformModifier = (): UnstablePlatformModifier => {\n  if (isMacish()) {\n    return metaModifierMac;\n  } else {\n    return ctrlModifier;\n  }\n}\n\nexport const buildShortcut = (str: string) => {\n  let shortcutObj: UnstablePShortcut = {\n    key: \"\",\n    char: \"\",\n    modifiers: {\n      altKey: false,\n      ctrlKey: false,\n      metaKey: false,\n      platformKey: false,\n      shiftKey: false\n    }\n  }\n  \n  const shortcutArray = str.split(/\\s*?[+-]\\s*?/);\n\n  shortcutArray.filter((val) => {\n    if ((Object.values(UnstableShortcutMetaKeywords) as string[]).includes(val)) {\n      const trimmedKey = val.trim();\n      shortcutObj.modifiers[trimmedKey] = true;\n    } else {\n      shortcutObj.char = val.trim().toUpperCase();\n      shortcutObj.key = `Key${ val.trim().toUpperCase() }`;\n    }\n  });\n\n  return shortcutObj.key ? shortcutObj : null;\n}"]}

package/dist/chunk-MLEYTQGK.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/Components/Actions/hooks/useCollapsibility.ts"],"names":["ThCollapsibilityVisibility","actionIcons","menuItems"],"mappings":";;;AAQY,IAAA,0BAAA,qBAAAA,2BAAL,KAAA;AACL,EAAAA,4BAAA,QAAS,CAAA,GAAA,QAAA;AACT,EAAAA,4BAAA,WAAY,CAAA,GAAA,WAAA;AACZ,EAAAA,4BAAA,UAAW,CAAA,GAAA,UAAA;AAHD,EAAAA,OAAAA,2BAAAA;AAAA,CAAA,EAAA,0BAAA,IAAA,EAAA;AAiBL,IAAM,iBAAoB,GAAA,CAAC,KAAgC,EAAA,KAAA,EAAwB,UAAwB,KAAA;AAChH,EAAA,MAAM,CAAC,WAAA,EAAa,SAAS,CAAA,GAAI,QAAQ,MAAM;AAC7C,IAAA,MAAMC,eAAuC,EAAC;AAC9C,IAAA,MAAMC,aAAqC,EAAC;AAE5C,IAAA,IAAI,SAAoB,GAAA,CAAA;AAExB,IAAA,IAAI,MAAM,QAAU,EAAA;AAElB,MAAA,IAAI,OAAO,KAAM,CAAA,QAAA,KAAa,YAAY,EAAE,KAAA,CAAM,oBAAoB,OAAU,CAAA,EAAA;AAC9E,QAAA,IAAI,UAAY,EAAA;AACd,UAAM,MAAA,iBAAA,GAAoB,KAAM,CAAA,QAAA,CAAS,UAAU,CAAA;AACnD,UAAA,IAAI,iBAAmB,EAAA;AACrB,YAAA,IAAI,sBAAsB,KAAO,EAAA;AAC/B,cAAY,SAAA,GAAA,CAAA;AAAA,aACH,MAAA,IAAA,CAAC,KAAM,CAAA,iBAAiB,CAAG,EAAA;AACpC,cAAI,IAAA,iBAAA,KAAsB,MAAM,MAAQ,EAAA;AACtC,gBAAY,SAAA,GAAA,CAAA;AAAA,eACd,MAAA,IAAW,iBAAoB,GAAA,KAAA,CAAM,MAAQ,EAAA;AAG3C,gBAAY,SAAA,GAAA,KAAA,CAAM,UAAU,iBAAoB,GAAA,CAAA,CAAA;AAAA;AAClD;AACF;AACF;AACF;AAIF,MAAC,CAAA,GAAG,KAAK,CAAE,CAAA,KAAA,GAAQ,OAAQ,EAAA,CAAE,GAAI,CAAA,CAAC,IAAS,KAAA;AACzC,QAAA,MAAM,UAAa,GAAA,KAAA,CAAM,IAAK,CAAA,IAAA,CAAK,GAAG,CAAA;AACtC,QAAI,IAAA,UAAA,CAAW,eAAe,UAAqC,iBAAA;AACjE,UAAAA,UAAAA,CAAU,QAAQ,IAAI,CAAA;AACtB,UAAE,EAAA,SAAA;AAAA,SACJ,MAAA,IAAW,UAAW,CAAA,UAAA,KAAe,WAAsC,kBAAA;AACzE,UAAA,IAAI,YAAY,CAAG,EAAA;AACjB,YAAAA,UAAAA,CAAU,QAAQ,IAAI,CAAA;AACtB,YAAE,EAAA,SAAA;AAAA,WACG,MAAA;AACL,YAAAD,YAAAA,CAAY,QAAQ,IAAI,CAAA;AAAA;AAC1B,SACK,MAAA;AACL,UAAAA,YAAAA,CAAY,QAAQ,IAAI,CAAA;AAAA;AAC1B,OACD,CAAA;AAAA,KACI,MAAA;AAEL,MAAM,KAAA,CAAA,GAAA,CAAI,CAAC,IAAS,KAAA;AAClB,QAAAA,YAAAA,CAAY,KAAK,IAAI,CAAA;AAAA,OACtB,CAAA;AAAA;AAGH,IAAO,OAAA,CAACA,cAAaC,UAAS,CAAA;AAAA,GAC7B,EAAA,CAAC,KAAO,EAAA,KAAA,EAAO,UAAU,CAAC,CAAA;AAE7B,EAAA,OAAO,EAAE,WAAA,EAAa,WAAa,EAAA,SAAA,EAAW,SAAU,EAAA;AAC1D","file":"chunk-MLEYTQGK.mjs","sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\n\nimport { ThActionEntry } from \"../ThActionsBar\";\n\nexport type ThCollapsibility = boolean | Record<string, number | \"all\">;\n\nexport enum ThCollapsibilityVisibility {\n  always = \"always\",\n  partially = \"partially\",\n  overflow = \"overflow\"\n}\n\nexport interface CollapsiblePref {\n  displayOrder: string[];\n  collapse: ThCollapsibility;\n  keys: {\n    [key: string]: {\n      [key: string]: any;\n      visibility: ThCollapsibilityVisibility;\n    };\n  }\n}\n\nexport const useCollapsibility = (items: ThActionEntry<string>[], prefs: CollapsiblePref, breakpoint?: string) => {\n  const [actionIcons, menuItems] = useMemo(() => {\n    const actionIcons: ThActionEntry<string>[] = [];\n    const menuItems: ThActionEntry<string>[] = [];\n\n    let countdown: number = 0;\n\n    if (prefs.collapse) {\n      // Handling number of items to collapse\n      if (typeof prefs.collapse === \"object\" && !(prefs.collapse instanceof Boolean)) {\n        if (breakpoint) {\n          const prefForBreakpoint = prefs.collapse[breakpoint];\n          if (prefForBreakpoint) {\n            if (prefForBreakpoint === \"all\") {\n              countdown = 0;\n            } else if (!isNaN(prefForBreakpoint)) {\n              if (prefForBreakpoint === items.length) {\n                countdown = 0;\n              } else if (prefForBreakpoint < items.length) {\n                // We must take the overflow icon into account so that\n                // it doesn’t contain only one partially visible item \n                countdown = items.length - (prefForBreakpoint - 1);\n              }\n            }\n          }\n        }\n      }\n\n      // Creating a shallow copy so that actionsOrder doesn’t mutate between rerenders\n      [...items].slice().reverse().map((item) => {\n        const actionPref = prefs.keys[item.key];\n        if (actionPref.visibility === ThCollapsibilityVisibility.overflow) {\n          menuItems.unshift(item);\n          --countdown;\n        } else if (actionPref.visibility === ThCollapsibilityVisibility.partially) {\n          if (countdown > 0) {\n            menuItems.unshift(item);\n            --countdown;\n          } else {\n            actionIcons.unshift(item);\n          }\n        } else {\n          actionIcons.unshift(item);\n        }\n      });\n    } else {\n      // collapse set to false so we ignore visibility and don’t triage\n      items.map((item) => {\n        actionIcons.push(item);\n      });\n    }\n\n    return [actionIcons, menuItems];\n  }, [items, prefs, breakpoint]);\n\n  return { ActionIcons: actionIcons, MenuItems: menuItems };\n}"]}
+{"version":3,"sources":["../src/core/Components/Actions/hooks/useCollapsibility.ts"],"names":["ThCollapsibilityVisibility","actionIcons","menuItems"],"mappings":";;;AAQO,IAAK,0BAAA,qBAAAA,2BAAAA,KAAL;AACL,EAAAA,4BAAA,QAAA,CAAA,GAAS,QAAA;AACT,EAAAA,4BAAA,WAAA,CAAA,GAAY,WAAA;AACZ,EAAAA,4BAAA,UAAA,CAAA,GAAW,UAAA;AAHD,EAAA,OAAAA,2BAAAA;AAAA,CAAA,EAAA,0BAAA,IAAA,EAAA;AAiBL,IAAM,iBAAA,GAAoB,CAAC,KAAA,EAAgC,KAAA,EAAwB,UAAA,KAAwB;AAChH,EAAA,MAAM,CAAC,WAAA,EAAa,SAAS,CAAA,GAAI,QAAQ,MAAM;AAC7C,IAAA,MAAMC,eAAuC,EAAC;AAC9C,IAAA,MAAMC,aAAqC,EAAC;AAE5C,IAAA,IAAI,SAAA,GAAoB,CAAA;AAExB,IAAA,IAAI,MAAM,QAAA,EAAU;AAElB,MAAA,IAAI,OAAO,KAAA,CAAM,QAAA,KAAa,YAAY,EAAE,KAAA,CAAM,oBAAoB,OAAA,CAAA,EAAU;AAC9E,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,MAAM,iBAAA,GAAoB,KAAA,CAAM,QAAA,CAAS,UAAU,CAAA;AACnD,UAAA,IAAI,iBAAA,EAAmB;AACrB,YAAA,IAAI,sBAAsB,KAAA,EAAO;AAC/B,cAAA,SAAA,GAAY,CAAA;AAAA,YACd,CAAA,MAAA,IAAW,CAAC,KAAA,CAAM,iBAAiB,CAAA,EAAG;AACpC,cAAA,IAAI,iBAAA,KAAsB,MAAM,MAAA,EAAQ;AACtC,gBAAA,SAAA,GAAY,CAAA;AAAA,cACd,CAAA,MAAA,IAAW,iBAAA,GAAoB,KAAA,CAAM,MAAA,EAAQ;AAG3C,gBAAA,SAAA,GAAY,KAAA,CAAM,UAAU,iBAAA,GAAoB,CAAA,CAAA;AAAA,cAClD;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAGA,MAAA,CAAC,GAAG,KAAK,CAAA,CAAE,KAAA,GAAQ,OAAA,EAAQ,CAAE,GAAA,CAAI,CAAC,IAAA,KAAS;AACzC,QAAA,MAAM,UAAA,GAAa,KAAA,CAAM,IAAA,CAAK,IAAA,CAAK,GAAG,CAAA;AACtC,QAAA,IAAI,UAAA,CAAW,eAAe,UAAA,iBAAqC;AACjE,UAAAA,UAAAA,CAAU,QAAQ,IAAI,CAAA;AACtB,UAAA,EAAE,SAAA;AAAA,QACJ,CAAA,MAAA,IAAW,UAAA,CAAW,UAAA,KAAe,WAAA,kBAAsC;AACzE,UAAA,IAAI,YAAY,CAAA,EAAG;AACjB,YAAAA,UAAAA,CAAU,QAAQ,IAAI,CAAA;AACtB,YAAA,EAAE,SAAA;AAAA,UACJ,CAAA,MAAO;AACL,YAAAD,YAAAA,CAAY,QAAQ,IAAI,CAAA;AAAA,UAC1B;AAAA,QACF,CAAA,MAAO;AACL,UAAAA,YAAAA,CAAY,QAAQ,IAAI,CAAA;AAAA,QAC1B;AAAA,MACF,CAAC,CAAA;AAAA,IACH,CAAA,MAAO;AAEL,MAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AAClB,QAAAA,YAAAA,CAAY,KAAK,IAAI,CAAA;AAAA,MACvB,CAAC,CAAA;AAAA,IACH;AAEA,IAAA,OAAO,CAACA,cAAaC,UAAS,CAAA;AAAA,EAChC,CAAA,EAAG,CAAC,KAAA,EAAO,KAAA,EAAO,UAAU,CAAC,CAAA;AAE7B,EAAA,OAAO,EAAE,WAAA,EAAa,WAAA,EAAa,SAAA,EAAW,SAAA,EAAU;AAC1D","file":"chunk-MLEYTQGK.mjs","sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\n\nimport { ThActionEntry } from \"../ThActionsBar\";\n\nexport type ThCollapsibility = boolean | Record<string, number | \"all\">;\n\nexport enum ThCollapsibilityVisibility {\n  always = \"always\",\n  partially = \"partially\",\n  overflow = \"overflow\"\n}\n\nexport interface CollapsiblePref {\n  displayOrder: string[];\n  collapse: ThCollapsibility;\n  keys: {\n    [key: string]: {\n      [key: string]: any;\n      visibility: ThCollapsibilityVisibility;\n    };\n  }\n}\n\nexport const useCollapsibility = (items: ThActionEntry<string>[], prefs: CollapsiblePref, breakpoint?: string) => {\n  const [actionIcons, menuItems] = useMemo(() => {\n    const actionIcons: ThActionEntry<string>[] = [];\n    const menuItems: ThActionEntry<string>[] = [];\n\n    let countdown: number = 0;\n\n    if (prefs.collapse) {\n      // Handling number of items to collapse\n      if (typeof prefs.collapse === \"object\" && !(prefs.collapse instanceof Boolean)) {\n        if (breakpoint) {\n          const prefForBreakpoint = prefs.collapse[breakpoint];\n          if (prefForBreakpoint) {\n            if (prefForBreakpoint === \"all\") {\n              countdown = 0;\n            } else if (!isNaN(prefForBreakpoint)) {\n              if (prefForBreakpoint === items.length) {\n                countdown = 0;\n              } else if (prefForBreakpoint < items.length) {\n                // We must take the overflow icon into account so that\n                // it doesn’t contain only one partially visible item \n                countdown = items.length - (prefForBreakpoint - 1);\n              }\n            }\n          }\n        }\n      }\n\n      // Creating a shallow copy so that actionsOrder doesn’t mutate between rerenders\n      [...items].slice().reverse().map((item) => {\n        const actionPref = prefs.keys[item.key];\n        if (actionPref.visibility === ThCollapsibilityVisibility.overflow) {\n          menuItems.unshift(item);\n          --countdown;\n        } else if (actionPref.visibility === ThCollapsibilityVisibility.partially) {\n          if (countdown > 0) {\n            menuItems.unshift(item);\n            --countdown;\n          } else {\n            actionIcons.unshift(item);\n          }\n        } else {\n          actionIcons.unshift(item);\n        }\n      });\n    } else {\n      // collapse set to false so we ignore visibility and don’t triage\n      items.map((item) => {\n        actionIcons.push(item);\n      });\n    }\n\n    return [actionIcons, menuItems];\n  }, [items, prefs, breakpoint]);\n\n  return { ActionIcons: actionIcons, MenuItems: menuItems };\n}"]}

package/dist/chunk-NA3KMUS4.mjs

@@ -0,0 +1,417 @@
+import { useState, useLayoutEffect, useCallback, useEffect, useRef, useMemo } from 'react';
+import { EPUBLayout, Link, Locator } from '@readium/shared';
+import { EpubPreferences, EpubNavigator } from '@readium/navigator';
+
+// src/core/Hooks/useFullscreen.ts
+var useIsClient = () => {
+  const [isClient, setIsClient] = useState(false);
+  useLayoutEffect(() => {
+    if (typeof window !== "undefined") setIsClient(true);
+  }, []);
+  return isClient;
+};
+
+// src/core/Hooks/useFullscreen.ts
+var useFullscreen = (onChange) => {
+  const [isFullscreen, setIsFullscreen] = useState(false);
+  const isClient = useIsClient();
+  const handleFullscreen = useCallback(() => {
+    if (!isClient) return;
+    if (!document.fullscreenElement) {
+      document.documentElement.requestFullscreen();
+    } else if (document.exitFullscreen) {
+      document.exitFullscreen();
+    }
+  }, [isClient]);
+  useEffect(() => {
+    const onFSchange = () => {
+      const isFs = Boolean(document.fullscreenElement);
+      setIsFullscreen(isFs);
+      onChange && onChange(isFs);
+    };
+    document.addEventListener("fullscreenchange", onFSchange);
+    return () => {
+      document.removeEventListener("fullscreenchange", onFSchange);
+    };
+  }, [onChange]);
+  return {
+    isFullscreen,
+    handleFullscreen
+  };
+};
+var useLocalStorage = (key) => {
+  const [localData, setLocalData] = useState(null);
+  const cachedLocalData = useRef(null);
+  const setValue = (newValue) => {
+    setLocalData(newValue);
+    localStorage.setItem(key, JSON.stringify(newValue));
+  };
+  const getValue = () => {
+    if (localData !== null) return localData;
+    const value = localStorage.getItem(key);
+    return value ? JSON.parse(value) : null;
+  };
+  const clearValue = () => {
+    setLocalData(null);
+    localStorage.removeItem(key);
+  };
+  useEffect(() => {
+    cachedLocalData.current = localData;
+  }, [localData]);
+  return {
+    setLocalData: setValue,
+    getLocalData: getValue,
+    clearLocalData: clearValue,
+    localData,
+    cachedLocalData
+  };
+};
+var usePrevious = (value) => {
+  const ref = useRef(null);
+  useEffect(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+};
+var useTimeline = ({
+  publication,
+  currentLocation,
+  currentPositions,
+  positionsList,
+  onChange
+}) => {
+  const layout = publication?.metadata.getPresentation()?.layout || EPUBLayout.reflowable;
+  const [timelineItems, setTimelineItems] = useState({});
+  const [tocTree, setTocTree] = useState([]);
+  const [currentTocEntry, setCurrentTocEntry] = useState(null);
+  const [currentItem, setCurrentItem] = useState(null);
+  const [previousItem, setPreviousItem] = useState(null);
+  const [nextItem, setNextItem] = useState(null);
+  const idCounterRef = useRef(0);
+  const buildTocTree = useCallback((links, idGenerator, positionsList2) => {
+    return links.map((link) => {
+      const newId = idGenerator();
+      let href = link.href;
+      const fragmentIndex = href.indexOf("#");
+      if (fragmentIndex !== -1) {
+        const baseHref = href.substring(0, fragmentIndex);
+        const duplicateLink = links.find((l) => l.href.startsWith(baseHref) && l.href !== href);
+        if (!duplicateLink) {
+          href = baseHref;
+        }
+      }
+      const treeNode = {
+        id: newId,
+        href,
+        title: link.title,
+        position: positionsList2?.find((position) => position.href === href)?.locations.position
+      };
+      if (link.children) {
+        treeNode.children = buildTocTree(link.children.items, idGenerator, positionsList2);
+      }
+      return treeNode;
+    });
+  }, []);
+  const handleTocEntryOnNav = useCallback((locator) => {
+    if (!locator || !tocTree.length) return;
+    const findMatch = (items, link) => {
+      for (const item of items) {
+        if (item.href === link?.href) {
+          return item;
+        }
+        if (item.children) {
+          const match = findMatch(item.children, link);
+          if (match) return match;
+        }
+      }
+      return void 0;
+    };
+    const currentMatch = findMatch(tocTree, new Link(locator));
+    if (currentMatch) {
+      setCurrentTocEntry(currentMatch.id);
+      return;
+    }
+    if (layout === EPUBLayout.fixed) {
+      const positions = currentPositions;
+      if (positions && positions.length === 2) {
+        const otherPosition = positions[0] === locator.locations.position ? positions[1] : positions[0];
+        const otherPositionInList = positionsList.find((pos) => pos.locations.position === otherPosition);
+        if (otherPositionInList) {
+          const match = findMatch(tocTree, new Link(otherPositionInList));
+          if (match) {
+            setCurrentTocEntry(match.id);
+            return;
+          }
+        }
+      }
+    }
+    const otherPositions = currentPositions.filter((pos) => pos !== locator.locations.position);
+    for (const otherPosition of otherPositions) {
+      const otherPositionInList = positionsList.find((pos) => pos.locations.position === otherPosition);
+      if (otherPositionInList) {
+        const match = findMatch(tocTree, new Link(otherPositionInList));
+        if (match) {
+          setCurrentTocEntry(match.id);
+          return;
+        }
+      }
+    }
+  }, [tocTree, currentPositions, positionsList, layout]);
+  const buildTimelineItems = useCallback(() => {
+    const timelineItems2 = {};
+    const readingOrder = publication?.readingOrder?.items || [];
+    const getBaseUrl = (url) => {
+      const [base] = url.split("#");
+      const [path] = base.split("?");
+      return path;
+    };
+    for (const item of readingOrder) {
+      const toc = publication?.toc?.items || [];
+      const flatToc = toc.flatMap((t) => [t, ...t.children?.items || []]);
+      const matchingTocItems = flatToc.filter((t) => {
+        const baseHref = getBaseUrl(t.href);
+        const baseItemHref = getBaseUrl(item.href);
+        return baseHref === baseItemHref;
+      });
+      const timelineItem = {
+        href: item.href,
+        title: matchingTocItems[0]?.title || "",
+        fragments: matchingTocItems.map((t) => t.href.split("#")[1]).filter(Boolean),
+        children: matchingTocItems[0]?.children?.items?.map((child) => ({
+          title: child.title,
+          href: child.href
+        })) || []
+      };
+      timelineItems2[item.href] = timelineItem;
+    }
+    for (const item of readingOrder) {
+      const timelineItem = timelineItems2[item.href];
+      if (!timelineItem) continue;
+      const positions = positionsList.filter((p) => p.href === item.href).sort((a, b) => (a.locations.position || 0) - (b.locations.position || 0));
+      if (positions.length > 0) {
+        const start = positions[0].locations;
+        const end = positions.length > 1 ? positions[positions.length - 1].locations : void 0;
+        timelineItem.positionRange = start.position !== void 0 ? [start.position, end?.position] : void 0;
+        timelineItem.progressionRange = start.progression !== void 0 ? [start.progression, end?.progression] : void 0;
+        timelineItem.totalProgressionRange = start.totalProgression !== void 0 ? [start.totalProgression, end?.totalProgression] : void 0;
+      }
+    }
+    return timelineItems2;
+  }, [publication?.readingOrder?.items, publication?.toc?.items, positionsList]);
+  const updateTimelineItems = useCallback(() => {
+    if (!currentLocation || !timelineItems) {
+      setPreviousItem(null);
+      setNextItem(null);
+      setCurrentItem(null);
+      return;
+    }
+    const currentItem2 = timelineItems[currentLocation.href];
+    if (!currentItem2) {
+      setPreviousItem(null);
+      setNextItem(null);
+      setCurrentItem(null);
+      return;
+    }
+    setCurrentItem(currentItem2);
+    const timelineItemsArray = Object.values(timelineItems);
+    const currentIndex = timelineItemsArray.findIndex((item) => item.href === currentLocation.href);
+    if (currentIndex === -1) {
+      setPreviousItem(null);
+      setNextItem(null);
+    } else {
+      setPreviousItem(currentIndex > 0 ? timelineItemsArray[currentIndex - 1] : null);
+      setNextItem(currentIndex < timelineItemsArray.length - 1 ? timelineItemsArray[currentIndex + 1] : null);
+    }
+  }, [currentLocation, timelineItems]);
+  useEffect(() => {
+    if (!publication) return;
+    const idGenerator = () => `toc-${++idCounterRef.current}`;
+    setTocTree(buildTocTree(publication.toc?.items || [], idGenerator, positionsList));
+    setTimelineItems(buildTimelineItems());
+  }, [publication, positionsList, buildTocTree, buildTimelineItems]);
+  useEffect(() => {
+    if (!tocTree.length || !timelineItems) return;
+    if (currentLocation) {
+      handleTocEntryOnNav(currentLocation);
+    } else if (tocTree.length > 0) {
+      handleTocEntryOnNav(new Locator({ href: tocTree[0].href, type: "" }));
+    }
+    updateTimelineItems();
+  }, [currentLocation, tocTree, timelineItems, handleTocEntryOnNav, updateTimelineItems]);
+  useEffect(() => {
+    if (!onChange) return;
+    const timeline = {
+      items: timelineItems,
+      toc: {
+        tree: tocTree,
+        currentEntry: currentTocEntry
+      },
+      currentItem,
+      previousItem,
+      nextItem
+    };
+    onChange(timeline);
+  }, [timelineItems, currentItem, tocTree, currentTocEntry, previousItem, nextItem, onChange]);
+  return {
+    items: timelineItems,
+    toc: {
+      tree: tocTree,
+      currentEntry: currentTocEntry
+    },
+    currentItem,
+    previousItem,
+    nextItem
+  };
+};
+var navigatorInstance = null;
+var useEpubNavigator = () => {
+  const container = useRef(null);
+  const containerParent = useRef(null);
+  const publication = useRef(null);
+  const submitPreferences = useCallback(async (preferences) => {
+    await navigatorInstance?.submitPreferences(new EpubPreferences(preferences));
+  }, []);
+  const getSetting = useCallback((settingKey) => {
+    return navigatorInstance?.settings[settingKey];
+  }, []);
+  let FXLPositionChangedCallback;
+  const FXLPositionChanged = useMemo(() => {
+    return new MutationObserver((mutationsList) => {
+      for (const mutation of mutationsList) {
+        const re = /translate3d\(([^)]+)\)/;
+        const newVal = mutation.target.getAttribute(mutation.attributeName);
+        const oldVal = mutation.oldValue;
+        if (newVal?.split(re)[1] !== oldVal?.split(re)[1]) {
+          const locator = navigatorInstance?.currentLocator;
+          if (locator) {
+            FXLPositionChangedCallback?.(locator);
+          }
+        }
+      }
+    });
+  }, [FXLPositionChangedCallback]);
+  const EpubNavigatorLoad = useCallback((config, cb) => {
+    if (config.container) {
+      container.current = config.container;
+      containerParent.current = container.current ? container.current.parentElement : null;
+      publication.current = config.publication;
+      navigatorInstance = new EpubNavigator(
+        config.container,
+        config.publication,
+        config.listeners,
+        config.positionsList,
+        config.initialPosition,
+        { preferences: config.preferences || {}, defaults: config.defaults || {} }
+      );
+      navigatorInstance.load().then(() => {
+        cb();
+        if (navigatorInstance?.layout === EPUBLayout.fixed) {
+          FXLPositionChanged.observe(navigatorInstance?.pool.spineElement, {
+            attributeFilter: ["style"],
+            attributeOldValue: true
+          });
+        }
+      });
+    }
+  }, [FXLPositionChanged]);
+  const EpubNavigatorDestroy = useCallback((cb) => {
+    cb();
+    if (navigatorInstance?.layout === EPUBLayout.fixed) {
+      FXLPositionChanged.disconnect();
+    }
+    navigatorInstance?.destroy;
+  }, [FXLPositionChanged]);
+  const goRight = useCallback((animated, callback) => {
+    navigatorInstance?.goRight(animated, callback);
+  }, []);
+  const goLeft = useCallback((animated, callback) => {
+    navigatorInstance?.goLeft(animated, callback);
+  }, []);
+  const goBackward = useCallback((animated, callback) => {
+    navigatorInstance?.goBackward(animated, callback);
+  }, []);
+  const goForward = useCallback((animated, callback) => {
+    navigatorInstance?.goForward(animated, callback);
+  }, []);
+  const goLink = useCallback((link, animated, callback) => {
+    navigatorInstance?.goLink(link, animated, callback);
+  }, []);
+  const go = useCallback((locator, animated, callback) => {
+    navigatorInstance?.go(locator, animated, callback);
+  }, []);
+  const navLayout = useCallback(() => {
+    return navigatorInstance?.layout;
+  }, []);
+  const currentLocator = useCallback(() => {
+    return navigatorInstance?.currentLocator;
+  }, []);
+  const getLocatorAtOffset = useCallback((offset) => {
+    const readingOrder = navigatorInstance?.publication?.readingOrder;
+    if (!readingOrder) return null;
+    const currentLocator2 = navigatorInstance?.currentLocator;
+    if (!currentLocator2) return null;
+    const currentLocatorIndex = readingOrder.findIndexWithHref(currentLocator2.href);
+    if (currentLocatorIndex === -1) return null;
+    const newIndex = currentLocatorIndex + offset;
+    if (newIndex < 0 || newIndex >= readingOrder.items.length) return null;
+    return readingOrder.items[newIndex];
+  }, []);
+  const previousLocator = useCallback(() => {
+    const link = getLocatorAtOffset(-1);
+    if (!link) return null;
+    return navigatorInstance?.publication?.manifest?.locatorFromLink(link);
+  }, [getLocatorAtOffset]);
+  const nextLocator = useCallback(() => {
+    const link = getLocatorAtOffset(1);
+    if (!link) return null;
+    return navigatorInstance?.publication?.manifest?.locatorFromLink(link);
+  }, [getLocatorAtOffset]);
+  const currentPositions = useCallback(() => {
+    return navigatorInstance?.viewport?.positions;
+  }, []);
+  const canGoBackward = useCallback(() => {
+    return navigatorInstance?.canGoBackward;
+  }, []);
+  const canGoForward = useCallback(() => {
+    return navigatorInstance?.canGoForward;
+  }, []);
+  const isScrollStart = useCallback(() => {
+    return navigatorInstance?.isScrollStart;
+  }, []);
+  const isScrollEnd = useCallback(() => {
+    return navigatorInstance?.isScrollEnd;
+  }, []);
+  const getCframes = useCallback(() => {
+    return navigatorInstance?._cframes;
+  }, []);
+  return {
+    EpubNavigatorLoad,
+    EpubNavigatorDestroy,
+    goRight,
+    goLeft,
+    goBackward,
+    goForward,
+    goLink,
+    go,
+    navLayout,
+    currentLocator,
+    previousLocator,
+    nextLocator,
+    currentPositions,
+    canGoBackward,
+    canGoForward,
+    isScrollStart,
+    isScrollEnd,
+    preferencesEditor: navigatorInstance?.preferencesEditor,
+    getSetting,
+    submitPreferences,
+    getCframes,
+    onFXLPositionChange: (cb) => {
+      FXLPositionChangedCallback = cb;
+    }
+  };
+};
+
+export { useEpubNavigator, useFullscreen, useIsClient, useLocalStorage, usePrevious, useTimeline };
+//# sourceMappingURL=chunk-NA3KMUS4.mjs.map
+//# sourceMappingURL=chunk-NA3KMUS4.mjs.map