@edrlab/thorium-web 1.1.6 → 1.2.0

package/dist/components/Epub/index.mjs

@@ -1,838 +1,19 @@
-import { ThPluginRegistry, createDefaultPlugin, ThPluginProvider, useSpacingPresets, useFonts, useSettingsComponentStatus, useLineHeight, Peripherals, NavigatorProvider, thorium_web_reader_app_default, StatefulDockingWrapper, getReaderClassNames, StatefulReaderHeader, StatefulReaderFooter, useReaderTransitions, thorium_web_button_default } from '../../chunk-SFHOVH6R.mjs';
-export { StatefulActionIcon, StatefulBottomSheet, StatefulCollapsibleActionsBar, StatefulColumns, StatefulDockedSheet, StatefulDropdown, StatefulFontFamily, StatefulFullScreenSheet, StatefulFullscreenTrigger, StatefulGroupWrapper, StatefulHyphens, StatefulJumpToPositionContainer, StatefulJumpToPositionTrigger, StatefulLayout, StatefulLetterSpacing, StatefulLineHeight, StatefulNumberField, StatefulOverflowMenu, StatefulOverflowMenuItem, StatefulParagraphIndent, StatefulParagraphSpacing, StatefulPopoverSheet, StatefulPreferencesProvider, StatefulPublisherStyles, StatefulRadioGroup, StatefulSettingsContainer, StatefulSettingsTrigger, StatefulSheetWrapper, StatefulSlider, StatefulSpacingGroup, StatefulSpacingGroupContainer, StatefulSpacingPresets, StatefulSwitch, StatefulTextAlign, StatefulTextGroup, StatefulTextGroupContainer, StatefulTextNormalize, StatefulTheme, StatefulTocContainer, StatefulTocTrigger, StatefulWordSpacing, StatefulZoom, UnstableStatefulFontWeight, createDefaultPlugin, useDocking, useGridNavigation, useGridTemplate, useLineHeight, useNavigator, usePublication, useReaderTransitions, useSpacingPresets } from '../../chunk-SFHOVH6R.mjs';
-import { useFullscreen, useEpubNavigator, useLocalStorage, useTimeline, useDocumentTitle } from '../../chunk-KJXHAJYK.mjs';
-export { useEpubNavigator } from '../../chunk-KJXHAJYK.mjs';
-export { ThI18nProvider, Trans } from '../../chunk-QNYZCQKO.mjs';
-import { useAppSelector, useAppDispatch, setReducedTransparency, setReducedMotion, setMonochrome, setForcedColors, setContrast, setColorScheme, setBreakpoint, setFullscreen, setTimeline, setImmersive, setHovering, toggleImmersive, useAppStore, toggleActionOpen, setDirection, setPlatformModifier, setReaderProfile, setRTL, setFXL, setFontLanguage, setHasDisplayTransformability, setUserNavigated, setScrollAffordance, debounce, setPublicationStart, setPublicationEnd, setTheme, setPositionsList, setLoading, setHasArrows } from '../../chunk-COQXDRKD.mjs';
-export { ThReduxPreferencesAdapter, ThStoreProvider, actionsSlice, activateDockPanel, collapseDockPanel, deactivateDockPanel, dockAction, expandDockPanel, handleSpacingSetting, initialSettingsState, initialWebPubSettingsState, makeStore, preferencesSlice, publicationSlice, readerSlice, setActionOpen, setBreakpoint, setColorScheme, setColumnCount, setContrast, setDirection, setDockPanelWidth, setFXL, setFontFamily, setFontLanguage, setFontSize, setFontWeight, setForcedColors, setFullscreen, setHasArrows, setHasDisplayTransformability, setHovering, setHyphens, setImmersive, setL10n, setLetterSpacing, setLineHeight, setLineLength, setLoading, setMonochrome, setOverflow, setPaginatedAffordance, setParagraphIndent, setParagraphSpacing, setPlatformModifier, setPositionsList, setProgressionFormat, setPublicationEnd, setPublicationStart, setPublisherStyles, setRTL, setReaderProfile, setReducedMotion, setReducedTransparency, setRunningHeadFormat, setScroll, setScrollAffordance, setScrollAffordances, setSettingsContainer, setSpacingPreset, setTextAlign, setTextNormalization, setTheme, setTimeline, setTocEntry, setTocTree, setUI, setUserNavigated, setWebPubFontFamily, setWebPubFontWeight, setWebPubHyphens, setWebPubLetterSpacing, setWebPubLineHeight, setWebPubParagraphIndent, setWebPubParagraphSpacing, setWebPubPublisherStyles, setWebPubSpacingPreset, setWebPubTextAlign, setWebPubTextNormalization, setWebPubWordSpacing, setWebPubZoom, setWordSpacing, settingsSlice, themeSlice, toggleActionOpen, toggleImmersive, updateFromPreferences, useAppDispatch, useAppSelector, useAppStore, webPubSettingsSlice } from '../../chunk-COQXDRKD.mjs';
-import { usePreferenceKeys, usePreferences, useTheming, prefixString, buildThemeObject, resolveContentProtectionConfig } from '../../chunk-SMK7A7VF.mjs';
-export { ThPreferencesProvider, usePreferences, useTheming } from '../../chunk-SMK7A7VF.mjs';
+export { StatefulReader } from '../../chunk-34MVY33F.mjs';
+export { StatefulActionIcon, StatefulBottomSheet, StatefulCollapsibleActionsBar, StatefulColumns, StatefulDockedSheet, StatefulDropdown, StatefulFontFamily, StatefulFullScreenSheet, StatefulFullscreenTrigger, StatefulGroupWrapper, StatefulHyphens, StatefulJumpToPositionContainer, StatefulJumpToPositionTrigger, StatefulLayout, StatefulLetterSpacing, StatefulLineHeight, StatefulNumberField, StatefulOverflowMenu, StatefulOverflowMenuItem, StatefulParagraphIndent, StatefulParagraphSpacing, StatefulPopoverSheet, StatefulPreferencesProvider, StatefulPublisherStyles, StatefulRadioGroup, StatefulSettingsContainer, StatefulSettingsTrigger, StatefulSheetWrapper, StatefulSlider, StatefulSpacingGroup, StatefulSpacingGroupContainer, StatefulSpacingPresets, StatefulSwitch, StatefulTextAlign, StatefulTextGroup, StatefulTextGroupContainer, StatefulTextNormalize, StatefulTheme, StatefulTocContainer, StatefulTocTrigger, StatefulWordSpacing, StatefulZoom, UnstableStatefulFontWeight, createDefaultPlugin, useDocking, useGridNavigation, useGridTemplate, useLineHeight, useNavigator, usePublication, useReaderTransitions, useSpacingPresets } from '../../chunk-H4J2VY7Z.mjs';
+export { canRenderProgressionFormat, getBestMatchingProgressionFormat, getSupportedProgressionFormats, isActiveElement, isInteractiveElement, isKeyboardTriggered, makeBreakpointsMap } from '../../chunk-47AIIJFO.mjs';
+export { useEpubNavigator } from '../../chunk-4VHEHMJN.mjs';
+export { ThI18nProvider, Trans } from '../../chunk-72XCX5TD.mjs';
+export { ThReduxPreferencesAdapter, ThStoreProvider, actionsSlice, activateDockPanel, collapseDockPanel, deactivateDockPanel, dockAction, expandDockPanel, handleSpacingSetting, initialSettingsState, initialWebPubSettingsState, makeStore, preferencesSlice, publicationSlice, readerSlice, setActionOpen, setBreakpoint, setColorScheme, setColumnCount, setContrast, setDirection, setDockPanelWidth, setFXL, setFontFamily, setFontLanguage, setFontSize, setFontWeight, setForcedColors, setFullscreen, setHasArrows, setHasDisplayTransformability, setHovering, setHyphens, setImmersive, setL10n, setLetterSpacing, setLineHeight, setLineLength, setLoading, setMonochrome, setOverflow, setPaginatedAffordance, setParagraphIndent, setParagraphSpacing, setPlatformModifier, setPositionsList, setProgressionFormat, setPublicationEnd, setPublicationStart, setPublisherStyles, setRTL, setReaderProfile, setReducedMotion, setReducedTransparency, setRunningHeadFormat, setScroll, setScrollAffordance, setScrollAffordances, setSettingsContainer, setSpacingPreset, setTextAlign, setTextNormalization, setTheme, setTimeline, setTocEntry, setTocTree, setUI, setUserNavigated, setWebPubFontFamily, setWebPubFontWeight, setWebPubHyphens, setWebPubLetterSpacing, setWebPubLineHeight, setWebPubParagraphIndent, setWebPubParagraphSpacing, setWebPubPublisherStyles, setWebPubSpacingPreset, setWebPubTextAlign, setWebPubTextNormalization, setWebPubWordSpacing, setWebPubZoom, setWordSpacing, settingsSlice, themeSlice, toggleActionOpen, toggleImmersive, updateFromPreferences, useAppDispatch, useAppSelector, useAppStore, webPubSettingsSlice } from '../../chunk-K3K7TUWM.mjs';
+export { ThPreferencesProvider, usePreferences, useTheming } from '../../chunk-7NEQAW7J.mjs';
+export { propsToCSSVars } from '../../chunk-XVSFXHYB.mjs';
 import '../../chunk-GFSLVQIG.mjs';
+export { UnstableShortcutMetaKeywords, UnstableShortcutRepresentation, buildShortcut, defaultPlatformModifier, getPlatform, getPlatformModifier, isIOSish, isIpadOS, isMacish, metaKeys } from '../../chunk-5LUMM7FW.mjs';
 import '../../chunk-NQ2ZSGCX.mjs';
-import { ThNavigationButton } from '../../chunk-KTPIH35Y.mjs';
-import { usePrevious } from '../../chunk-YZ73DHRU.mjs';
-import { useI18n } from '../../chunk-IYAFKTPL.mjs';
+import '../../chunk-RRDEPGBK.mjs';
+import '../../chunk-NYZBHYW2.mjs';
+import '../../chunk-YZ73DHRU.mjs';
 export { DEFAULT_CONFIG, i18n, initI18n, useI18n } from '../../chunk-IYAFKTPL.mjs';
 import '../../chunk-B3WDMWCT.mjs';
 import '../../chunk-MLEYTQGK.mjs';
-import { makeBreakpointsMap, isActiveElement } from '../../chunk-47AIIJFO.mjs';
-export { canRenderProgressionFormat, getBestMatchingProgressionFormat, getSupportedProgressionFormats, isActiveElement, isInteractiveElement, isKeyboardTriggered, makeBreakpointsMap } from '../../chunk-47AIIJFO.mjs';
-import { propsToCSSVars, ThArrowVariant } from '../../chunk-XVSFXHYB.mjs';
-export { propsToCSSVars } from '../../chunk-XVSFXHYB.mjs';
-import { getPlatformModifier } from '../../chunk-5LUMM7FW.mjs';
-export { UnstableShortcutMetaKeywords, UnstableShortcutRepresentation, buildShortcut, defaultPlatformModifier, getPlatform, getPlatformModifier, isIOSish, isIpadOS, isMacish, metaKeys } from '../../chunk-5LUMM7FW.mjs';
-import { useState, useEffect, useRef, useCallback, useMemo } from 'react';
-import { I18nProvider } from 'react-aria';
-import { HttpFetcher, Manifest, Publication, ReadingProgression, Layout, Feature, Locator } from '@readium/shared';
-import classNames2 from 'classnames';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-var usePaginatedArrows = () => {
-  const { preferences } = usePreferences();
-  const hasArrows = useAppSelector((state) => state.reader.hasArrows);
-  const isFXL = useAppSelector((state) => state.publication.isFXL);
-  const breakpoint = useAppSelector((state) => state.theming.breakpoint);
-  const {
-    isScroll,
-    fromImmersive,
-    toImmersive,
-    fromFullscreen,
-    toFullscreen,
-    fromScroll,
-    toUserNavigation
-  } = useReaderTransitions();
-  const dispatch = useAppDispatch();
-  const prefs = useMemo(
-    () => isFXL ? preferences.affordances.paginated.fxl : preferences.affordances.paginated.reflow,
-    [isFXL, preferences.affordances.paginated.fxl, preferences.affordances.paginated.reflow]
-  );
-  const prefsMap = useMemo(
-    () => makeBreakpointsMap({
-      defaultValue: prefs.default,
-      fromEnum: ThArrowVariant,
-      pref: prefs.breakpoints,
-      validateKey: "variant"
-    }),
-    [prefs.default, prefs.breakpoints]
-  );
-  const { variant, discard, hint } = useMemo(() => {
-    const result = prefsMap[breakpoint] || prefs.default;
-    if (isFXL) {
-      return {
-        ...result,
-        variant: "layered" /* layered */
-      };
-    }
-    return result;
-  }, [breakpoint, prefsMap, isFXL, prefs.default]);
-  const prevVariant = usePrevious(variant);
-  const prevDiscard = usePrevious(discard);
-  useEffect(() => {
-    if (!prevDiscard?.includes("navigation") && discard?.includes("navigation")) {
-      dispatch(setUserNavigated(false));
-      return;
-    }
-    if (discard === "none" && prevDiscard !== "none") {
-      dispatch(setHasArrows(true));
-      dispatch(setUserNavigated(false));
-      return;
-    }
-    if (prevVariant === "none" /* none */ && variant !== "none" /* none */) {
-      dispatch(setHasArrows(true));
-      dispatch(setUserNavigated(false));
-      return;
-    }
-    const shouldHide = discard?.includes("immersive") && toImmersive || discard?.includes("fullscreen") && toFullscreen || discard?.includes("navigation") && toUserNavigation;
-    const shouldShow = hint?.includes("immersiveChange") && fromImmersive || hint?.includes("fullscreenChange") && fromFullscreen || hint?.includes("layoutChange") && fromScroll;
-    if (shouldHide) {
-      dispatch(setHasArrows(false));
-      if (discard?.includes("navigation") && toUserNavigation) {
-        dispatch(setUserNavigated(false));
-      }
-    } else if (shouldShow) {
-      dispatch(setHasArrows(true));
-    }
-  }, [toImmersive, toFullscreen, toUserNavigation, fromImmersive, fromFullscreen, fromScroll, discard, hint, prevVariant, variant, prevDiscard, dispatch]);
-  if (variant === "none" /* none */ || isScroll) {
-    return {
-      isVisible: false,
-      occupySpace: false,
-      shouldTrackNavigation: false,
-      supportsVariant: !isFXL
-    };
-  }
-  return {
-    isVisible: hasArrows,
-    occupySpace: variant === "stacked" /* stacked */,
-    shouldTrackNavigation: Array.isArray(discard) && discard.includes("navigation"),
-    supportsVariant: !isFXL
-  };
-};
-
-// src/components/assets/styles/thorium-web.reader.paginatedArrow.module.css
-var thorium_web_reader_paginatedArrow_default = {
-  container: "thorium_web_reader_paginatedArrow_container",
-  leftContainer: "thorium_web_reader_paginatedArrow_leftContainer",
-  rightContainer: "thorium_web_reader_paginatedArrow_rightContainer",
-  occupiesSpace: "thorium_web_reader_paginatedArrow_occupiesSpace",
-  visuallyHidden: "thorium_web_reader_paginatedArrow_visuallyHidden"
-};
-var StatefulReaderArrowButton = ({
-  direction,
-  className,
-  isDisabled,
-  onPress,
-  ...props
-}) => {
-  const { preferences } = usePreferences();
-  const { t } = useI18n();
-  const buttonRef = useRef(null);
-  const isRTL = useAppSelector((state) => state.publication.isRTL);
-  const hasArrows = useAppSelector((state) => state.reader.hasArrows);
-  const {
-    isVisible,
-    occupySpace
-  } = usePaginatedArrows();
-  const [isHovering, setIsHovering] = useState(false);
-  const label = direction === "right" && !isRTL || direction === "left" && isRTL ? t("reader.actions.goForward") : t("reader.actions.goBackward");
-  const handleClassNameFromState = () => {
-    let className2 = "";
-    if (!isVisible) {
-      className2 = thorium_web_reader_paginatedArrow_default.visuallyHidden;
-    }
-    return className2;
-  };
-  const handleClassNameFromSpaceProp = () => {
-    let className2 = "";
-    if (occupySpace) {
-      className2 = thorium_web_reader_paginatedArrow_default.occupiesSpace;
-    }
-    return className2;
-  };
-  useEffect(() => {
-    if ((isDisabled || !hasArrows && !isHovering) && isActiveElement(buttonRef.current)) {
-      buttonRef.current.blur();
-    }
-  });
-  const blurOnEsc = (event) => {
-    if (isActiveElement(buttonRef.current) && event.code === "Escape") {
-      buttonRef.current.blur();
-    }
-  };
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    ThNavigationButton,
-    {
-      direction,
-      ref: buttonRef,
-      "aria-label": label,
-      onPress,
-      onHoverChange: (isHovering2) => setIsHovering(isHovering2),
-      onKeyDown: blurOnEsc,
-      className: classNames2(className, handleClassNameFromSpaceProp(), handleClassNameFromState()),
-      isDisabled,
-      preventFocusOnPress: true,
-      ...props,
-      compounds: {
-        tooltipTrigger: {
-          delay: preferences.theming.arrow.tooltipDelay,
-          closeDelay: preferences.theming.arrow.tooltipDelay
-        },
-        tooltip: {
-          placement: direction === "left" ? "right" : "left",
-          className: thorium_web_button_default.tooltip
-        },
-        label
-      }
-    }
-  ) });
-};
-
-// src/helpers/deserializePositions.ts
-var deserializePositions = (positionsList) => {
-  return positionsList?.map((locator) => ({
-    href: locator.href,
-    type: locator.type,
-    locations: {
-      position: locator.locations.position,
-      progression: locator.locations.progression,
-      totalProgression: locator.locations.totalProgression
-    }
-  }));
-};
-var StatefulReader = ({
-  rawManifest,
-  selfHref,
-  plugins
-}) => {
-  const [pluginsRegistered, setPluginsRegistered] = useState(false);
-  useEffect(() => {
-    if (plugins && plugins.length > 0) {
-      plugins.forEach((plugin) => {
-        ThPluginRegistry.register(plugin);
-      });
-    } else {
-      ThPluginRegistry.register(createDefaultPlugin());
-    }
-    setPluginsRegistered(true);
-  }, [plugins]);
-  if (!pluginsRegistered) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ThPluginProvider, { children: /* @__PURE__ */ jsx(StatefulReaderInner, { rawManifest, selfHref }) }) });
-};
-var StatefulReaderInner = ({ rawManifest, selfHref }) => {
-  const { fxlActionKeys, fxlThemeKeys, reflowActionKeys, reflowThemeKeys } = usePreferenceKeys();
-  const { preferences, resolveFontLanguage, getFontMetadata, getFontInjectables } = usePreferences();
-  const { t } = useI18n();
-  const { getEffectiveSpacingValue } = useSpacingPresets();
-  const { occupySpace: arrowsOccupySpace } = usePaginatedArrows();
-  const { injectFontResources, removeFontResources, getAndroidFXLPatch } = useFonts();
-  const [publication, setPublication] = useState(null);
-  const container = useRef(null);
-  const localDataKey = useRef(`${selfHref}-current-location`);
-  const arrowsWidth = useRef(2 * ((preferences.theming.arrow.size || 40) + (preferences.theming.arrow.offset || 0)));
-  const isFXL = useAppSelector((state) => state.publication.isFXL);
-  const positionsList = useAppSelector((state) => state.publication.positionsList);
-  const { isComponentUsed: isFontFamilyUsed } = useSettingsComponentStatus({
-    settingsKey: "fontFamily" /* fontFamily */,
-    publicationType: isFXL ? "fxl" : "reflow",
-    componentType: "text"
-  });
-  const textAlign = useAppSelector((state) => state.settings.textAlign);
-  const columnCount = useAppSelector((state) => state.settings.columnCount);
-  const fontFamily = useAppSelector((state) => state.settings.fontFamily);
-  const fontSize = useAppSelector((state) => state.settings.fontSize);
-  const fontWeight = useAppSelector((state) => state.settings.fontWeight);
-  const hyphens = useAppSelector((state) => state.settings.hyphens);
-  const letterSpacing = getEffectiveSpacingValue("letterSpacing" /* letterSpacing */);
-  const lineLength = useAppSelector((state) => state.settings.lineLength);
-  const lineHeight = getEffectiveSpacingValue("lineHeight" /* lineHeight */);
-  const paragraphIndent = getEffectiveSpacingValue("paragraphIndent" /* paragraphIndent */);
-  const paragraphSpacing = getEffectiveSpacingValue("paragraphSpacing" /* paragraphSpacing */);
-  const publisherStyles = useAppSelector((state) => state.settings.publisherStyles);
-  const scroll = useAppSelector((state) => state.settings.scroll);
-  const isScroll = scroll && !isFXL;
-  const textNormalization = useAppSelector((state) => state.settings.textNormalization);
-  const wordSpacing = getEffectiveSpacingValue("wordSpacing" /* wordSpacing */);
-  const themeObject = useAppSelector((state) => state.theming.theme);
-  const theme = isFXL ? themeObject.fxl : themeObject.reflow;
-  const previousTheme = usePrevious(theme);
-  const colorScheme = useAppSelector((state) => state.theming.colorScheme);
-  const reducedMotion = useAppSelector((state) => state.theming.prefersReducedMotion);
-  const breakpoint = useAppSelector((state) => state.theming.breakpoint);
-  const isImmersive = useAppSelector((state) => state.reader.isImmersive);
-  const isHovering = useAppSelector((state) => state.reader.isHovering);
-  const layoutUI = isFXL ? preferences.theming.layout.ui?.fxl || "layered-ui" /* layered */ : isScroll ? preferences.theming.layout.ui?.reflow || "layered-ui" /* layered */ : "stacked-ui" /* stacked */;
-  useTheming({
-    theme,
-    themeKeys: preferences.theming.themes.keys,
-    systemKeys: preferences.theming.themes.systemThemes,
-    breakpointsMap: preferences.theming.breakpoints,
-    initProps: {
-      ...propsToCSSVars(preferences.theming.arrow, { prefix: prefixString("arrow") }),
-      ...propsToCSSVars(preferences.theming.icon, { prefix: prefixString("icon") }),
-      ...propsToCSSVars(preferences.theming.layout, {
-        prefix: prefixString("layout"),
-        exclude: ["ui"]
-      })
-    },
-    onBreakpointChange: (breakpoint2) => dispatch(setBreakpoint(breakpoint2)),
-    onColorSchemeChange: (colorScheme2) => dispatch(setColorScheme(colorScheme2)),
-    onContrastChange: (contrast) => dispatch(setContrast(contrast)),
-    onForcedColorsChange: (forcedColors) => dispatch(setForcedColors(forcedColors)),
-    onMonochromeChange: (isMonochrome) => dispatch(setMonochrome(isMonochrome)),
-    onReducedMotionChange: (reducedMotion2) => dispatch(setReducedMotion(reducedMotion2)),
-    onReducedTransparencyChange: (reducedTransparency) => dispatch(setReducedTransparency(reducedTransparency))
-  });
-  const atPublicationStart = useAppSelector((state) => state.publication.atPublicationStart);
-  const atPublicationEnd = useAppSelector((state) => state.publication.atPublicationEnd);
-  const dispatch = useAppDispatch();
-  const onFsChange = useCallback((isFullscreen) => {
-    dispatch(setFullscreen(isFullscreen));
-  }, [dispatch]);
-  const fs = useFullscreen(onFsChange);
-  const epubNavigator = useEpubNavigator();
-  const {
-    EpubNavigatorLoad,
-    EpubNavigatorDestroy,
-    goLeft,
-    goRight,
-    goBackward,
-    goForward,
-    navLayout,
-    currentLocator,
-    currentPositions,
-    canGoBackward,
-    canGoForward,
-    isScrollStart,
-    isScrollEnd,
-    getCframes,
-    onFXLPositionChange,
-    submitPreferences
-  } = epubNavigator;
-  const { setLocalData, getLocalData, localData } = useLocalStorage(localDataKey.current);
-  const timeline = useTimeline({
-    publication,
-    currentLocation: localData,
-    currentPositions: currentPositions() || [],
-    positionsList,
-    onChange: (timeline2) => {
-      dispatch(setTimeline(timeline2));
-    }
-  });
-  const lineHeightOptions = useLineHeight();
-  const documentTitleFormat = preferences.metadata?.documentTitle?.format;
-  let documentTitle;
-  if (documentTitleFormat) {
-    if (typeof documentTitleFormat === "object" && "key" in documentTitleFormat) {
-      const translatedTitle = t(documentTitleFormat.key);
-      documentTitle = translatedTitle !== documentTitleFormat.key ? translatedTitle : documentTitleFormat.fallback;
-    } else {
-      switch (documentTitleFormat) {
-        case "title" /* title */:
-          documentTitle = timeline?.title;
-          break;
-        case "chapter" /* chapter */:
-          documentTitle = timeline?.progression?.currentChapter;
-          break;
-        case "titleAndChapter" /* titleAndChapter */:
-          if (timeline?.title && timeline?.progression?.currentChapter) {
-            documentTitle = `${timeline.title} \u2013 ${timeline.progression.currentChapter}`;
-          }
-          break;
-        case "none" /* none */:
-          documentTitle = void 0;
-          break;
-        default:
-          documentTitle = documentTitleFormat;
-          break;
-      }
-    }
-  }
-  useDocumentTitle(documentTitle);
-  const cache = useRef({
-    layoutUI,
-    isImmersive,
-    isHovering,
-    arrowsOccupySpace: arrowsOccupySpace || false,
-    settings: {
-      columnCount,
-      fontFamily,
-      fontSize,
-      fontWeight,
-      hyphens,
-      letterSpacing,
-      lineHeight,
-      lineLength,
-      paragraphIndent,
-      paragraphSpacing,
-      publisherStyles,
-      scroll: isScroll,
-      textAlign,
-      textNormalization,
-      theme,
-      wordSpacing
-    },
-    positionsList: positionsList || [],
-    colorScheme,
-    reducedMotion
-  });
-  const activateImmersiveOnAction = useCallback(() => {
-    if (!cache.current.isImmersive) dispatch(setImmersive(true));
-  }, [dispatch]);
-  const toggleIsImmersive = useCallback(() => {
-    dispatch(setHovering(false));
-    dispatch(toggleImmersive());
-  }, [dispatch]);
-  const handleTap = (event) => {
-    const _cframes = getCframes();
-    if (_cframes) {
-      if (!cache.current.settings.scroll) {
-        const oneQuarter = (_cframes.length === 2 ? _cframes[0].window.innerWidth + _cframes[1].window.innerWidth : _cframes[0].window.innerWidth) * window.devicePixelRatio / 4;
-        const navigationCallback = () => {
-          dispatch(setUserNavigated(true));
-          activateImmersiveOnAction();
-        };
-        if (event.x < oneQuarter) {
-          goLeft(!cache.current.reducedMotion, navigationCallback);
-        } else if (event.x > oneQuarter * 3) {
-          goRight(!cache.current.reducedMotion, navigationCallback);
-        } else if (oneQuarter <= event.x && event.x <= oneQuarter * 3) {
-          toggleIsImmersive();
-        }
-      } else {
-        if (preferences.affordances.scroll.toggleOnMiddlePointer.includes("tap")) {
-          toggleIsImmersive();
-        }
-      }
-    }
-  };
-  const handleClick = (event) => {
-    if (cache.current.layoutUI === "layered-ui" /* layered */ && (!cache.current.settings.scroll || preferences.affordances.scroll.toggleOnMiddlePointer.includes("click"))) {
-      toggleIsImmersive();
-    }
-  };
-  const handleFXLProgression = useCallback((locator) => {
-    setLocalData(locator);
-  }, [setLocalData]);
-  onFXLPositionChange(handleFXLProgression);
-  const initReadingEnv = async () => {
-    if (navLayout() === Layout.fixed) {
-      const cLoc = currentLocator();
-      if (cLoc) {
-        handleFXLProgression(cLoc);
-      }
-    }
-  };
-  const p = new Peripherals(useAppStore(), preferences.actions, {
-    moveTo: (direction) => {
-      const navigationCallback = () => {
-        dispatch(setUserNavigated(true));
-        activateImmersiveOnAction();
-      };
-      switch (direction) {
-        case "right":
-          if (!cache.current.settings.scroll) {
-            goRight(!cache.current.reducedMotion, navigationCallback);
-          }
-          break;
-        case "left":
-          if (!cache.current.settings.scroll) {
-            goLeft(!cache.current.reducedMotion, navigationCallback);
-          }
-          break;
-      }
-    },
-    goProgression: (shiftKey) => {
-      if (!cache.current.settings?.scroll) {
-        const callback = () => {
-          dispatch(setUserNavigated(true));
-          activateImmersiveOnAction();
-        };
-        shiftKey ? goBackward(!cache.current.reducedMotion, callback) : goForward(!cache.current.reducedMotion, callback);
-      }
-    },
-    toggleAction: (actionKey) => {
-      switch (actionKey) {
-        case "fullscreen" /* fullscreen */:
-          fs.handleFullscreen();
-          break;
-        case "settings" /* settings */:
-        case "toc" /* toc */:
-          dispatch(toggleActionOpen({
-            key: actionKey
-          }));
-          break;
-      }
-    }
-  });
-  const listeners = {
-    frameLoaded: async function(_wnd) {
-      await initReadingEnv();
-      const _cframes = getCframes();
-      _cframes?.forEach(
-        (frameManager) => {
-          if (frameManager) p.observe(frameManager.window);
-        }
-      );
-      p.observe(window);
-    },
-    positionChanged: async function(locator) {
-      if (navLayout() !== Layout.fixed) {
-        const debouncedHandleProgression = debounce(
-          async () => {
-            setLocalData(locator);
-          },
-          250
-        );
-        debouncedHandleProgression();
-      }
-      if (canGoBackward()) {
-        dispatch(setPublicationStart(false));
-      } else {
-        dispatch(setPublicationStart(true));
-      }
-      if (canGoForward()) {
-        dispatch(setPublicationEnd(false));
-      } else {
-        dispatch(setPublicationEnd(true));
-      }
-    },
-    tap: function(_e) {
-      handleTap(_e);
-      return true;
-    },
-    click: function(_e) {
-      handleClick();
-      return true;
-    },
-    zoom: function(_scale) {
-    },
-    miscPointer: function(_amount) {
-    },
-    scroll: function(_delta) {
-      if (cache.current.settings.scroll && navLayout() !== Layout.fixed) {
-        if (isScrollStart() || isScrollEnd()) {
-          if (
-            // Keep consistent with pagination behavior
-            cache.current.layoutUI === "layered-ui" /* layered */
-          ) {
-            dispatch(setScrollAffordance(true));
-          }
-        } else if (!cache.current.isImmersive && _delta > 20) {
-          if (preferences.affordances.scroll.hideOnForwardScroll) {
-            dispatch(setImmersive(true));
-          }
-        } else if (cache.current.isImmersive && _delta < -20) {
-          if (
-            // Keep consistent with pagination behavior
-            cache.current.layoutUI === "layered-ui" /* layered */ && preferences.affordances.scroll.showOnBackwardScroll
-          ) {
-            dispatch(setImmersive(false));
-          }
-        }
-      }
-    },
-    customEvent: function(_key, _data) {
-    },
-    handleLocator: function(locator) {
-      const href = locator.href;
-      if (href.startsWith("http://") || href.startsWith("https://") || href.startsWith("mailto:") || href.startsWith("tel:")) {
-        if (confirm(`Open "${href}" ?`)) window.open(href, "_blank");
-      } else {
-        console.warn("Unhandled locator", locator);
-      }
-      return false;
-    },
-    textSelected: function(_selection) {
-    },
-    contentProtection: function(_type, _data) {
-    },
-    contextMenu: function(_data) {
-    },
-    peripheral: function(_data) {
-    }
-  };
-  const applyConstraint = useCallback(async (value) => {
-    await submitPreferences({
-      constraint: value
-    });
-  }, [submitPreferences]);
-  useEffect(() => {
-    cache.current.isImmersive = isImmersive;
-  }, [isImmersive]);
-  useEffect(() => {
-    cache.current.isHovering = isHovering;
-  }, [isHovering]);
-  useEffect(() => {
-    cache.current.layoutUI = layoutUI;
-  }, [layoutUI]);
-  useEffect(() => {
-    cache.current.settings.scroll = isScroll;
-    dispatch(setImmersive(false));
-  }, [isScroll, dispatch]);
-  useEffect(() => {
-    cache.current.settings.columnCount = columnCount;
-  }, [columnCount]);
-  useEffect(() => {
-    cache.current.settings.fontFamily = fontFamily;
-  }, [fontFamily]);
-  useEffect(() => {
-    cache.current.settings.fontSize = fontSize;
-  }, [fontSize]);
-  useEffect(() => {
-    cache.current.settings.fontWeight = fontWeight;
-  }, [fontWeight]);
-  useEffect(() => {
-    cache.current.settings.hyphens = hyphens;
-  }, [hyphens]);
-  useEffect(() => {
-    cache.current.settings.letterSpacing = letterSpacing;
-  }, [letterSpacing]);
-  useEffect(() => {
-    cache.current.settings.lineHeight = lineHeight;
-  }, [lineHeight]);
-  useEffect(() => {
-    cache.current.settings.lineLength = lineLength;
-  }, [lineLength]);
-  useEffect(() => {
-    cache.current.settings.paragraphIndent = paragraphIndent;
-  }, [paragraphIndent]);
-  useEffect(() => {
-    cache.current.settings.paragraphSpacing = paragraphSpacing;
-  }, [paragraphSpacing]);
-  useEffect(() => {
-    cache.current.settings.textAlign = textAlign;
-  }, [textAlign]);
-  useEffect(() => {
-    cache.current.settings.textNormalization = textNormalization;
-  }, [textNormalization]);
-  useEffect(() => {
-    cache.current.settings.theme = theme;
-  }, [theme]);
-  useEffect(() => {
-    cache.current.settings.wordSpacing = wordSpacing;
-  }, [wordSpacing]);
-  useEffect(() => {
-    cache.current.positionsList = positionsList || [];
-  }, [positionsList]);
-  useEffect(() => {
-    cache.current.arrowsOccupySpace = arrowsOccupySpace || false;
-    const handleConstraint = async () => {
-      await applyConstraint(arrowsOccupySpace ? arrowsWidth.current : 0);
-    };
-    handleConstraint().catch(console.error);
-  }, [arrowsOccupySpace, applyConstraint]);
-  useEffect(() => {
-    cache.current.reducedMotion = reducedMotion;
-  }, [reducedMotion]);
-  useEffect(() => {
-    if (cache.current.colorScheme !== colorScheme) {
-      cache.current.colorScheme = colorScheme;
-    }
-    const theme2 = isFXL ? themeObject.fxl : themeObject.reflow;
-    if (theme2 !== "auto" && previousTheme !== theme2) return;
-    const applyCurrentTheme = async () => {
-      const themeKeys = isFXL ? fxlThemeKeys : reflowThemeKeys;
-      const themeKey = themeKeys.includes(theme2) ? theme2 : "auto";
-      const themeProps = buildThemeObject({
-        theme: themeKey,
-        themeKeys: preferences.theming.themes.keys,
-        systemThemes: preferences.theming.themes.systemThemes,
-        colorScheme
-      });
-      await submitPreferences(themeProps);
-      dispatch(setTheme({
-        key: isFXL ? "fxl" : "reflow",
-        value: themeKey
-      }));
-    };
-    applyCurrentTheme().catch(console.error);
-  }, [themeObject, previousTheme, preferences.theming.themes, fxlThemeKeys, reflowThemeKeys, colorScheme, isFXL, submitPreferences, dispatch]);
-  useEffect(() => {
-    preferences.direction && dispatch(setDirection(preferences.direction));
-    dispatch(setPlatformModifier(getPlatformModifier()));
-  }, [preferences.direction, dispatch]);
-  useEffect(() => {
-    const fetcher = new HttpFetcher(void 0, selfHref);
-    const manifest = Manifest.deserialize(rawManifest);
-    manifest.setSelfLink(selfHref);
-    setPublication(new Publication({
-      manifest,
-      fetcher
-    }));
-    dispatch(setReaderProfile("epub"));
-  }, [rawManifest, selfHref, dispatch]);
-  useEffect(() => {
-    if (!publication) return;
-    dispatch(setRTL(publication.metadata.effectiveReadingProgression === ReadingProgression.rtl));
-    const isFXLPublication = publication.metadata.effectiveLayout === Layout.fixed;
-    dispatch(setFXL(isFXLPublication));
-    const resolvedFontLanguage = resolveFontLanguage(publication.metadata.languages?.[0], publication.metadata.effectiveReadingProgression);
-    dispatch(setFontLanguage(resolvedFontLanguage));
-    const displayTransformability = publication.metadata.accessibility?.feature?.some((feature) => feature && feature.value === Feature.DISPLAY_TRANSFORMABILITY.value);
-    dispatch(setHasDisplayTransformability(displayTransformability));
-    let positionsList2;
-    const fetchPositions = async () => {
-      positionsList2 = await publication.positionsFromManifest();
-      const deserializedPositionsList = deserializePositions(positionsList2);
-      dispatch(setPositionsList(deserializedPositionsList));
-    };
-    fetchPositions().catch(console.error).then(() => {
-      const initialPosition = getLocalData();
-      const initialConstraint = cache.current.arrowsOccupySpace ? arrowsWidth.current : 0;
-      const themeKeys = isFXLPublication ? fxlThemeKeys : reflowThemeKeys;
-      const theme2 = themeKeys.includes(cache.current.settings.theme) ? cache.current.settings.theme : "auto";
-      const themeProps = buildThemeObject({
-        theme: theme2,
-        themeKeys: preferences.theming.themes.keys,
-        systemThemes: preferences.theming.themes.systemThemes,
-        colorScheme: cache.current.colorScheme
-      });
-      const epubPreferences = isFXLPublication ? {} : {
-        columnCount: cache.current.settings.columnCount === "auto" ? null : Number(cache.current.settings.columnCount),
-        constraint: initialConstraint,
-        fontFamily: getFontMetadata(cache.current.settings.fontFamily[resolvedFontLanguage] ?? "")?.fontStack || null,
-        fontSize: cache.current.settings.fontSize,
-        fontWeight: cache.current.settings.fontWeight,
-        hyphens: cache.current.settings.hyphens,
-        letterSpacing: cache.current.settings.publisherStyles ? void 0 : cache.current.settings.letterSpacing,
-        lineHeight: cache.current.settings.publisherStyles ? void 0 : cache.current.settings.lineHeight === null ? null : lineHeightOptions[cache.current.settings.lineHeight],
-        optimalLineLength: cache.current.settings.lineLength?.optimal != null ? cache.current.settings.lineLength.optimal : void 0,
-        maximalLineLength: cache.current.settings.lineLength?.max?.isDisabled ? null : cache.current.settings.lineLength?.max?.chars != null ? cache.current.settings.lineLength.max.chars : void 0,
-        minimalLineLength: cache.current.settings.lineLength?.min?.isDisabled ? null : cache.current.settings.lineLength?.min?.chars != null ? cache.current.settings.lineLength.min.chars : void 0,
-        paragraphIndent: cache.current.settings.publisherStyles ? void 0 : cache.current.settings.paragraphIndent,
-        paragraphSpacing: cache.current.settings.publisherStyles ? void 0 : cache.current.settings.paragraphSpacing,
-        scroll: cache.current.settings.scroll,
-        textAlign: cache.current.settings.textAlign,
-        textNormalization: cache.current.settings.textNormalization,
-        wordSpacing: cache.current.settings.publisherStyles ? void 0 : cache.current.settings.wordSpacing,
-        ...themeProps
-      };
-      const defaults = isFXLPublication ? {} : {
-        maximalLineLength: preferences.typography.maximalLineLength,
-        minimalLineLength: preferences.typography.minimalLineLength,
-        optimalLineLength: preferences.typography.optimalLineLength,
-        pageGutter: preferences.typography.pageGutter,
-        scrollPaddingTop: preferences.theming.layout.ui?.reflow === "layered-ui" /* layered */ ? (preferences.theming.icon.size || 24) * 3 : preferences.theming.icon.size || 24,
-        scrollPaddingBottom: preferences.theming.layout.ui?.reflow === "layered-ui" /* layered */ ? (preferences.theming.icon.size || 24) * 5 : preferences.theming.icon.size || 24,
-        scrollPaddingLeft: preferences.typography.pageGutter,
-        scrollPaddingRight: preferences.typography.pageGutter,
-        experiments: preferences.experiments?.reflow || null
-      };
-      let injectables;
-      if (isFXLPublication) {
-        const androidPatch = getAndroidFXLPatch();
-        if (androidPatch) {
-          injectables = {
-            allowedDomains: [window.location.origin],
-            rules: [{
-              resources: [/\.xhtml$/, /\.html$/],
-              prepend: [androidPatch]
-            }]
-          };
-        }
-      }
-      if (!isFXLPublication && isFontFamilyUsed) {
-        const fontResources = getFontInjectables({ language: resolvedFontLanguage });
-        if (fontResources) {
-          injectFontResources(getFontInjectables(void 0, true));
-          injectables = {
-            allowedDomains: fontResources.allowedDomains,
-            rules: [{
-              resources: [/\.xhtml$/, /\.html$/],
-              prepend: fontResources.prepend,
-              append: fontResources.append
-            }]
-          };
-        }
-      }
-      EpubNavigatorLoad({
-        container: container.current,
-        publication,
-        listeners,
-        positionsList: positionsList2,
-        initialPosition: initialPosition ? new Locator(initialPosition) : void 0,
-        preferences: epubPreferences,
-        defaults,
-        injectables,
-        contentProtection: resolveContentProtectionConfig(preferences.contentProtection, t)
-      }, () => p.observe(window));
-    }).finally(() => {
-      const setLoadingThunk = (dispatch2) => {
-        dispatch2(setLoading(false));
-      };
-      dispatch(setLoadingThunk);
-    });
-    return () => {
-      EpubNavigatorDestroy(() => p.destroy());
-      if (!isFXL) removeFontResources();
-    };
-  }, [publication, preferences, fxlThemeKeys, reflowThemeKeys, isFontFamilyUsed, injectFontResources, removeFontResources]);
-  if (!breakpoint) return null;
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(I18nProvider, { locale: preferences.locale, children: /* @__PURE__ */ jsx(NavigatorProvider, { navigator: epubNavigator, children: /* @__PURE__ */ jsx("main", { className: thorium_web_reader_app_default.main, children: /* @__PURE__ */ jsx(StatefulDockingWrapper, { children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: getReaderClassNames({
-        isScroll,
-        isImmersive,
-        isHovering,
-        isFXL,
-        layoutUI,
-        breakpoint
-      }),
-      children: [
-        /* @__PURE__ */ jsx(
-          StatefulReaderHeader,
-          {
-            actionKeys: isFXL ? fxlActionKeys : reflowActionKeys,
-            actionsOrder: isFXL ? preferences.actions.fxlOrder : preferences.actions.reflowOrder,
-            layout: layoutUI,
-            runningHeadFormatPref: isFXL ? preferences.theming.header?.runningHead?.format?.fxl : preferences.theming.header?.runningHead?.format?.reflow
-          }
-        ),
-        !isScroll ? /* @__PURE__ */ jsx("nav", { className: classNames2(thorium_web_reader_paginatedArrow_default.container, thorium_web_reader_paginatedArrow_default.leftContainer), children: /* @__PURE__ */ jsx(
-          StatefulReaderArrowButton,
-          {
-            direction: "left",
-            isDisabled: atPublicationStart,
-            onPress: () => {
-              const navigationCallback = () => {
-                dispatch(setUserNavigated(true));
-                activateImmersiveOnAction();
-              };
-              goLeft(!reducedMotion, navigationCallback);
-            }
-          }
-        ) }) : /* @__PURE__ */ jsx(Fragment, {}),
-        /* @__PURE__ */ jsx("article", { className: thorium_web_reader_app_default.wrapper, "aria-label": t("reader.app.publicationWrapper"), children: /* @__PURE__ */ jsx("div", { id: "thorium-web-container", className: thorium_web_reader_app_default.iframeContainer, ref: container }) }),
-        !isScroll ? /* @__PURE__ */ jsx("nav", { className: classNames2(thorium_web_reader_paginatedArrow_default.container, thorium_web_reader_paginatedArrow_default.rightContainer), children: /* @__PURE__ */ jsx(
-          StatefulReaderArrowButton,
-          {
-            direction: "right",
-            isDisabled: atPublicationEnd,
-            onPress: () => {
-              const navigationCallback = () => {
-                dispatch(setUserNavigated(true));
-                activateImmersiveOnAction();
-              };
-              goRight(!reducedMotion, navigationCallback);
-            }
-          }
-        ) }) : /* @__PURE__ */ jsx(Fragment, {}),
-        /* @__PURE__ */ jsx(
-          StatefulReaderFooter,
-          {
-            layout: layoutUI,
-            progressionFormatPref: isFXL ? preferences.theming.progression?.format?.fxl : preferences.theming.progression?.format?.reflow,
-            progressionFormatFallback: isFXL ? "readingOrderIndex" /* readingOrderIndex */ : "resourceProgression" /* resourceProgression */
-          }
-        )
-      ]
-    }
-  ) }) }) }) }) });
-};
-
-export { StatefulReader };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map