@edrlab/thorium-web 1.0.0-beta.8 → 1.0.0

package/dist/components/Epub/index.mjs

@@ -1,33 +1,33 @@
-import { useI18n } from '../../chunk-ITT2P3LQ.mjs';
-export { DEFAULT_CONFIG, ThI18nProvider, Trans, i18n, initI18n, useI18n } from '../../chunk-ITT2P3LQ.mjs';
-import { require_debounce, useAppSelector, useAppDispatch, setColumnCount, setFontFamily, setFontWeight, setHyphens, setScroll, setLetterSpacing, setPublisherStyles, setLineHeight, setParagraphIndent, setParagraphSpacing, setSettingsContainer, setTextAlign, setTextNormalization, setTheme, setWordSpacing, setFontSize, setFullscreen, setActionOpen, dockAction, setReducedTransparency, setReducedMotion, setMonochrome, setForcedColors, setContrast, setColorScheme, setBreakpoint, setTimeline, setImmersive, setHovering, setArrows, toggleImmersive, setProgression, useAppStore, toggleActionOpen, setDirection, setPlatformModifier, setRTL, setFXL, setRunningHead, setOverflow, setScrollAffordance, setPublicationStart, setPublicationEnd, setPositionsList, setLoading, setTocEntry, collapseDockPanel, expandDockPanel, activateDockPanel, deactivateDockPanel, setDockPanelWidth } from '../../chunk-MS2TXXYX.mjs';
-export { ThStoreProvider, actionsSlice, activateDockPanel, collapseDockPanel, deactivateDockPanel, dockAction, expandDockPanel, makeStore, publicationSlice, readerSlice, setActionOpen, setArrows, setBreakpoint, setColorScheme, setColumnCount, setContrast, setDirection, setDockPanelWidth, setFXL, setFontFamily, setFontSize, setFontWeight, setForcedColors, setFullscreen, setHovering, setHyphens, setImmersive, setLetterSpacing, setLineHeight, setLineLength, setLoading, setMonochrome, setOverflow, setParagraphIndent, setParagraphSpacing, setPlatformModifier, setPositionsList, setProgression, setPublicationEnd, setPublicationStart, setPublisherStyles, setRTL, setReducedMotion, setReducedTransparency, setRunningHead, setScroll, setScrollAffordance, setSettingsContainer, setTextAlign, setTextNormalization, setTheme, setTimeline, setTocEntry, setTocTree, setWordSpacing, settingsSlice, themeSlice, toggleActionOpen, toggleImmersive, useAppDispatch, useAppSelector, useAppStore } from '../../chunk-MS2TXXYX.mjs';
-import { defaultFontFamilyOptions, usePreferences, defaultLetterSpacing, defaultLineHeights, defaultParagraphIndent, defaultParagraphSpacing, defaultSpacingSettingsSubpanel, defaultSpacingSettingsMain, defaultTextSettingsSubpanel, defaultTextSettingsMain, usePreferenceKeys, buildThemeObject, defaultWordSpacing, defaultFontSize, useTheming } from '../../chunk-WTRUE2ES.mjs';
-export { ThPreferencesProvider, usePreferences, useTheming } from '../../chunk-WTRUE2ES.mjs';
-import { ThRadioGroup, ThDropdown, ThSlider, ThSwitch, ThNumberField, ThSettingsWrapper, ThActionButton, ThMenu, ThCollapsibleActionsBar, ThMenuItem, ThPopover, ThContainerHeader, ThNavigationButton, ThContainerBody, ThBottomSheet, ThCloseButton, ThModal, ThDockedPanel, ThTypedComponentRenderer, useActions, ThForm, ThFormNumberField, ThFormSearchField, ThLoader, ThGrid, ThInteractiveOverlay, ThHeader, ThRunningHead, ThFooter, ThLink, ThLibrary, ThHome, ThPagination, ThProgression } from '../../chunk-DYR64DDH.mjs';
+import { useI18n } from '../../chunk-7PVZJQXV.mjs';
+export { DEFAULT_CONFIG, ThI18nProvider, Trans, i18n, initI18n, useI18n } from '../../chunk-7PVZJQXV.mjs';
+import { require_debounce, useAppSelector, useAppDispatch, setColumnCount, setFontFamily, setFontWeight, setHyphens, setScroll, setLetterSpacing, setPublisherStyles, setLineHeight, setParagraphIndent, setParagraphSpacing, setSettingsContainer, setTextAlign, setTextNormalization, setTheme, setWordSpacing, setFontSize, setFullscreen, setActionOpen, dockAction, setReducedTransparency, setReducedMotion, setMonochrome, setForcedColors, setContrast, setColorScheme, setBreakpoint, setTimeline, setImmersive, setHovering, setArrows, toggleImmersive, setProgression, useAppStore, toggleActionOpen, setDirection, setPlatformModifier, setRTL, setFXL, setRunningHead, setOverflow, setScrollAffordance, setPublicationStart, setPublicationEnd, setPositionsList, setLoading, setTocEntry, collapseDockPanel, expandDockPanel, activateDockPanel, deactivateDockPanel, setDockPanelWidth } from '../../chunk-R5KZTO4S.mjs';
+export { ThStoreProvider, actionsSlice, activateDockPanel, collapseDockPanel, deactivateDockPanel, dockAction, expandDockPanel, makeStore, publicationSlice, readerSlice, setActionOpen, setArrows, setBreakpoint, setColorScheme, setColumnCount, setContrast, setDirection, setDockPanelWidth, setFXL, setFontFamily, setFontSize, setFontWeight, setForcedColors, setFullscreen, setHovering, setHyphens, setImmersive, setLetterSpacing, setLineHeight, setLineLength, setLoading, setMonochrome, setOverflow, setParagraphIndent, setParagraphSpacing, setPlatformModifier, setPositionsList, setProgression, setPublicationEnd, setPublicationStart, setPublisherStyles, setRTL, setReducedMotion, setReducedTransparency, setRunningHead, setScroll, setScrollAffordance, setSettingsContainer, setTextAlign, setTextNormalization, setTheme, setTimeline, setTocEntry, setTocTree, setWordSpacing, settingsSlice, themeSlice, toggleActionOpen, toggleImmersive, useAppDispatch, useAppSelector, useAppStore } from '../../chunk-R5KZTO4S.mjs';
+import { defaultFontFamilyOptions, usePreferences, defaultLetterSpacing, defaultLineHeights, defaultParagraphIndent, defaultParagraphSpacing, defaultSpacingSettingsSubpanel, defaultSpacingSettingsMain, defaultTextSettingsSubpanel, defaultTextSettingsMain, usePreferenceKeys, buildThemeObject, defaultWordSpacing, defaultFontSize, useTheming } from '../../chunk-ZZS7TTFX.mjs';
+export { ThPreferencesProvider, usePreferences, useTheming } from '../../chunk-ZZS7TTFX.mjs';
+import { ThRadioGroup, ThDropdown, ThSlider, ThSwitch, ThNumberField, ThSettingsWrapper, ThActionButton, ThMenu, ThCollapsibleActionsBar, ThMenuItem, ThPopover, ThContainerHeader, ThNavigationButton, ThContainerBody, ThBottomSheet, ThCloseButton, ThModal, ThDockedPanel, ThTypedComponentRenderer, useActions, ThForm, ThFormNumberField, ThFormSearchField, ThLoader, ThGrid, ThInteractiveOverlay, ThHeader, ThRunningHead, ThFooter, ThLink, ThLibrary, ThHome, ThBackArrow, ThPagination, ThProgression } from '../../chunk-EDUSR3DX.mjs';
 import '../../chunk-MLEYTQGK.mjs';
-import { makeBreakpointsMap, isKeyboardTriggered, isActiveElement, isInteractiveElement } from '../../chunk-SN7KBNGK.mjs';
-export { isActiveElement, isInteractiveElement, isKeyboardTriggered, makeBreakpointsMap } from '../../chunk-SN7KBNGK.mjs';
+import { makeBreakpointsMap, isKeyboardTriggered, isActiveElement, isInteractiveElement } from '../../chunk-DSQWBBAX.mjs';
+export { isActiveElement, isInteractiveElement, isKeyboardTriggered, makeBreakpointsMap } from '../../chunk-DSQWBBAX.mjs';
 import { propsToCSSVars } from '../../chunk-TTGURRX3.mjs';
 export { propsToCSSVars } from '../../chunk-TTGURRX3.mjs';
 import { isIOSish, getPlatformModifier, buildShortcut, metaKeys } from '../../chunk-IEYR7QV7.mjs';
 export { UnstableShortcutMetaKeywords, UnstableShortcutRepresentation, buildShortcut, defaultPlatformModifier, getPlatform, getPlatformModifier, isIOSish, isIpadOS, isMacish, metaKeys } from '../../chunk-IEYR7QV7.mjs';
-import { useEpubNavigator, useFullscreen, usePrevious, useLocalStorage, useTimeline } from '../../chunk-NA3KMUS4.mjs';
-export { useEpubNavigator } from '../../chunk-NA3KMUS4.mjs';
+import { useEpubNavigator, useFullscreen, usePrevious, useLocalStorage, useTimeline } from '../../chunk-2KTSTQ62.mjs';
+export { useEpubNavigator } from '../../chunk-2KTSTQ62.mjs';
 import '../../chunk-BNPR6V7V.mjs';
 import '../../chunk-NQ2ZSGCX.mjs';
-import { __toESM, ThDockingTypes, ThSheetTypes } from '../../chunk-HUMV6I5L.mjs';
+import { __toESM, ThDockingTypes, ThSheetTypes } from '../../chunk-KJMXTNYK.mjs';
 import React50, { createContext, useState, useMemo, useCallback, useEffect, useRef, useContext, isValidElement, cloneElement } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import settingsStyles3 from '../../settings.module-O2SOKTIN.module.css';
 import { ListBox, ListBoxItem, Radio, Text, useFilter, Tree, TreeItem, TreeItemContent, Button, Collection, Link, Keyboard, Toolbar } from 'react-aria-components';
 import { fontWeightRangeConfig, TextAlignment } from '@readium/navigator';
-import classNames9 from 'classnames';
+import classNames10 from 'classnames';
 import readerSharedUI4 from '../../readerSharedUI.module-Y2VDWFS5.module.css';
 import '../../reader-NGCQJKLX.css';
 import arrowStyles2 from '../../readerArrowButton.module-EFLOIADG.module.css';
 import { I18nProvider, useFocusWithin } from 'react-aria';
-import { HttpFetcher, Manifest, Publication, ReadingProgression, EPUBLayout, Link as Link$1 } from '@readium/shared';
+import { HttpFetcher, Manifest, Publication, ReadingProgression, Layout, Link as Link$1 } from '@readium/shared';
 import dockingStyles from '../../docking.module-TDNYZX4H.module.css';
 import { PanelGroup, Panel, PanelResizeHandle } from 'react-resizable-panels';
 import readerHeaderStyles from '../../readerHeader.module-RNGQFLVS.module.css';
@@ -230,10 +230,10 @@ var StatefulSlider = ({
     {
       ...props,
       ...standalone ? { label } : { "aria-label": label },
-      className: classNames9(settingsStyles3.readerSettingsSlider, standalone ? settingsStyles3.readerSettingsGroup : ""),
+      className: classNames10(settingsStyles3.readerSettingsSlider, standalone ? settingsStyles3.readerSettingsGroup : ""),
       compounds: {
         label: {
-          className: classNames9(settingsStyles3.readerSettingsLabel, settingsStyles3.readerSettingsSliderLabel)
+          className: classNames10(settingsStyles3.readerSettingsLabel, settingsStyles3.readerSettingsSliderLabel)
         },
         output: {
           className: settingsStyles3.readerSettingsSliderOutput
@@ -372,7 +372,7 @@ var StatefulNumberField = ({
     {
       ...props,
       ...standalone ? { label } : { "aria-label": label },
-      className: classNames9(settingsStyles3.readerSettingsNumbfield, standalone ? settingsStyles3.readerSettingsGroup : ""),
+      className: classNames10(settingsStyles3.readerSettingsNumbfield, standalone ? settingsStyles3.readerSettingsGroup : ""),
       compounds: {
         group: {
           className: settingsStyles3.readerSettingsGroupWrapper
@@ -683,16 +683,16 @@ var StatefulGroupWrapper = ({
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     ThSettingsWrapper,
     {
-      className: classNames9(settingsStyles3.readerSettingsGroup, settingsStyles3.readerSettingsAdvancedGroup),
+      className: classNames10(settingsStyles3.readerSettingsGroup, settingsStyles3.readerSettingsAdvancedGroup),
       items: componentsMap,
       prefs: resolvedPrefs,
       compounds: {
         label: heading,
         heading: {
-          className: classNames9(settingsStyles3.readerSettingsLabel, settingsStyles3.readerSettingsGroupLabel)
+          className: classNames10(settingsStyles3.readerSettingsLabel, settingsStyles3.readerSettingsGroupLabel)
         },
         button: {
-          className: classNames9(readerSharedUI4.icon, settingsStyles3.readerSettingsAdvancedIcon),
+          className: classNames10(readerSharedUI4.icon, settingsStyles3.readerSettingsAdvancedIcon),
           "aria-label": moreLabel,
           compounds: {
             tooltipTrigger: {
@@ -1060,11 +1060,11 @@ var StatefulTheme = ({ mapArrowNav }) => {
       label: t("reader.settings.themes.title"),
       value: theme,
       onChange: async (val) => await updatePreference(val),
-      children: /* @__PURE__ */ jsx("div", { className: classNames9(settingsStyles3.readerSettingsRadioWrapper, settingsStyles3.readerSettingsThemesWrapper), children: themeItems.current.map(
+      children: /* @__PURE__ */ jsx("div", { className: classNames10(settingsStyles3.readerSettingsRadioWrapper, settingsStyles3.readerSettingsThemesWrapper), children: themeItems.current.map(
         (themeItem) => /* @__PURE__ */ jsx(
           Radio,
           {
-            className: classNames9(
+            className: classNames10(
               settingsStyles3.readerSettingsRadio,
               settingsStyles3.readerSettingsThemeRadio
             ),
@@ -1300,7 +1300,7 @@ var DockHandle = ({
       className: dockingStyles.dockResizeHandle,
       disabled: !isResizable,
       tabIndex: isPopulated ? 0 : -1,
-      children: isResizable && hasDragIndicator && /* @__PURE__ */ jsx("div", { className: classNames9(dockingStyles.dockResizeHandleGrab, classFromFlow()) })
+      children: isResizable && hasDragIndicator && /* @__PURE__ */ jsx("div", { className: classNames10(dockingStyles.dockResizeHandleGrab, classFromFlow()) })
     }
   ) });
 };
@@ -1391,7 +1391,7 @@ var DockPanel = ({
           {
             id: flow,
             "aria-label": makeDockLabel(),
-            className: classNames9(dockingStyles.dockPanelContainer, dockClassName)
+            className: classNames10(dockingStyles.dockPanelContainer, dockClassName)
           }
         )
       }
@@ -1472,9 +1472,13 @@ var StatefulBackLink = ({
 }) => {
   const { t } = useI18n();
   const RSPrefs = usePreferences();
-  const variant = RSPrefs.header.backLink?.variant || "home" /* home */;
+  const direction = useAppSelector((state) => state.reader.direction);
+  const isRTL = direction === "rtl" /* rtl */;
+  const variant = RSPrefs.header.backLink?.variant || "arrow" /* arrow */;
   const href = RSPrefs.header.backLink?.href;
   const content = RSPrefs.header.backLink?.content;
+  const visibility = RSPrefs.header.backLink?.visibility || "partially";
+  const backLinkClassName = classNames10(backLinkStyles.backLink, visibility === "always" ? readerSharedUI4.alwaysVisible : readerSharedUI4.partiallyVisible);
   const compounds = {
     tooltipTrigger: {
       delay: RSPrefs.theming.arrow.tooltipDelay,
@@ -1487,11 +1491,22 @@ var StatefulBackLink = ({
   };
   if (!href) return null;
   switch (variant) {
+    case "arrow" /* arrow */:
+      return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
+        ThBackArrow,
+        {
+          className: backLinkClassName,
+          href,
+          direction: isRTL ? "right" : "left",
+          "aria-label": t("reader.app.header.backLink.trigger"),
+          compounds
+        }
+      ) });
     case "home" /* home */:
       return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
         ThHome,
         {
-          className: backLinkStyles.backLink,
+          className: backLinkClassName,
           href,
           "aria-label": t("reader.app.header.backLink.trigger"),
           compounds
@@ -1501,7 +1516,7 @@ var StatefulBackLink = ({
       return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
         ThLibrary,
         {
-          className: backLinkStyles.backLink,
+          className: backLinkClassName,
           href,
           "aria-label": t("reader.app.header.backLink.trigger"),
           compounds
@@ -1536,7 +1551,7 @@ var StatefulBackLink = ({
       return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
         ThLink,
         {
-          className: backLinkStyles.backLink,
+          className: backLinkClassName,
           href,
           "aria-label": t("reader.app.header.backLink.trigger"),
           compounds,
@@ -1586,7 +1601,7 @@ var StatefulActionIcon = ({
     ThActionButton,
     {
       ref: triggerRef,
-      className: classNames9(readerSharedUI4.icon, handleClassNameFromState(), props.className),
+      className: classNames10(readerSharedUI4.icon, handleClassNameFromState(), props.className),
       onPress: props.onPress || defaultOnPressFunc,
       onKeyDown: blurOnEsc,
       onFocus: handleImmersive,
@@ -1859,7 +1874,7 @@ var StatefulReaderArrowButton = ({
       onPress: (e) => onPress && handleOnPress(e, onPress),
       onHoverChange: (isHovering2) => setIsHovering(isHovering2),
       onKeyDown: blurOnEsc,
-      className: classNames9(className, handleClassNameFromSpaceProp(), handleClassNameFromState()),
+      className: classNames10(className, handleClassNameFromSpaceProp(), handleClassNameFromState()),
       isDisabled,
       preventFocusOnPress: true,
       ...props,
@@ -2483,7 +2498,7 @@ var StatefulPopoverSheet = ({
           updateState: resetFocus
         },
         placement: placement || "bottom",
-        className: classNames9(sheetStyles2.popOverSheet, className),
+        className: classNames10(sheetStyles2.popOverSheet, className),
         isOpen,
         onOpenChange,
         isKeyboardDismissDisabled: dismissEscapeKeyClose,
@@ -2513,7 +2528,7 @@ var StatefulPopoverSheet = ({
                   direction: direction === "ltr" ? "left" : "right",
                   label: t("reader.app.back.trigger"),
                   ref: popoverCloseRef,
-                  className: classNames9(className, readerSharedUI4.backButton),
+                  className: classNames10(className, readerSharedUI4.backButton),
                   "aria-label": t("reader.app.back.trigger"),
                   onPress: onClosePress
                 }
@@ -2730,7 +2745,7 @@ var StatefulBottomSheet = ({
         prefersReducedMotion,
         compounds: {
           container: {
-            className: classNames9(sheetStyles2.bottomSheetModal, detentClassName),
+            className: classNames10(sheetStyles2.bottomSheetModal, detentClassName),
             ref: sheetContainerRef,
             style: {
               maxWidth: maxWidthPref
@@ -2742,15 +2757,15 @@ var StatefulBottomSheet = ({
             onKeyDown: onDragKeyCallback
           },
           content: {
-            className: classNames9(sheetStyles2.bottomSheet, className),
+            className: classNames10(sheetStyles2.bottomSheet, className),
             disableDrag: true
           },
           scroller: {
-            className: classNames9(sheetStyles2.bottomSheetScroller, sheetStyles2.sheetBody),
+            className: classNames10(sheetStyles2.bottomSheetScroller, sheetStyles2.sheetBody),
             draggable: false
           },
           backdrop: {
-            className: classNames9(sheetStyles2.bottomSheetBackdrop, scrimClassName),
+            className: classNames10(sheetStyles2.bottomSheetBackdrop, scrimClassName),
             style: { "--defaults-scrim": scrimPref.override }
           }
         },
@@ -2771,7 +2786,7 @@ var StatefulBottomSheet = ({
                   direction: direction === "ltr" ? "left" : "right",
                   label: t("reader.app.back.trigger"),
                   ref: bottomSheetCloseRef,
-                  className: classNames9(className, readerSharedUI4.backButton),
+                  className: classNames10(className, readerSharedUI4.backButton),
                   "aria-label": t("reader.app.back.trigger"),
                   onPress: onClosePress
                 }
@@ -2835,7 +2850,7 @@ var StatefulFullScreenSheet = ({
         isOpen,
         onOpenChange,
         isDismissable: true,
-        className: classNames9(sheetStyles2.fullScreenSheet, className),
+        className: classNames10(sheetStyles2.fullScreenSheet, className),
         isKeyboardDismissDisabled: dismissEscapeKeyClose,
         style: {
           "--sheet-sticky-header": fullScreenHeaderRef.current ? `${fullScreenHeaderRef.current.clientHeight}px` : void 0
@@ -2858,7 +2873,7 @@ var StatefulFullScreenSheet = ({
                   direction: direction === "ltr" ? "left" : "right",
                   label: t("reader.app.back.trigger"),
                   ref: fullScreenCloseRef,
-                  className: classNames9(className, readerSharedUI4.backButton),
+                  className: classNames10(className, readerSharedUI4.backButton),
                   "aria-label": t("reader.app.back.trigger"),
                   onPress: onClosePress
                 }
@@ -2925,7 +2940,7 @@ var StatefulDockedSheet = ({
           autoFocus: false,
           updateState: resetFocus
         },
-        className: classNames9(sheetStyles2.dockedSheet, className, classFromFlow()),
+        className: classNames10(sheetStyles2.dockedSheet, className, classFromFlow()),
         style: {
           "--sheet-sticky-header": dockedSheetHeaderRef.current ? `${dockedSheetHeaderRef.current.clientHeight}px` : void 0
         },
@@ -2947,7 +2962,7 @@ var StatefulDockedSheet = ({
                   direction: direction === "ltr" ? "left" : "right",
                   label: t("reader.app.back.trigger"),
                   ref: dockedSheetCloseRef,
-                  className: classNames9(className, readerSharedUI4.backButton),
+                  className: classNames10(className, readerSharedUI4.backButton),
                   "aria-label": t("reader.app.back.trigger"),
                   onPress: onClosePress
                 }
@@ -3659,7 +3674,7 @@ var createDefaultPlugin = () => {
     id: "core",
     name: "Core Components",
     description: "Default components for Thorium Web StatefulReader",
-    version: "1.0.0-beta.1",
+    version: "1.0.0",
     components: {
       actions: {
         ["fullscreen" /* fullscreen */]: {
@@ -4041,7 +4056,7 @@ var StatefulReader = ({
   }, [handleProgression, setLocalData]);
   onFXLPositionChange(handleFXLProgression);
   const initReadingEnv = async () => {
-    if (navLayout() === EPUBLayout.fixed) {
+    if (navLayout() === Layout.fixed) {
       const cLoc = currentLocator();
       if (cLoc) {
         handleFXLProgression(cLoc);
@@ -4090,7 +4105,7 @@ var StatefulReader = ({
       p.observe(window);
     },
     positionChanged: async function(locator) {
-      if (navLayout() === EPUBLayout.reflowable) {
+      if (navLayout() !== Layout.fixed) {
         const debouncedHandleProgression = (0, import_debounce2.default)(
           async () => {
             handleProgression(locator);
@@ -4128,7 +4143,7 @@ var StatefulReader = ({
     miscPointer: function(_amount) {
     },
     scroll: function(_delta) {
-      if (cache.current.settings.scroll && navLayout() === EPUBLayout.reflowable) {
+      if (cache.current.settings.scroll && navLayout() !== Layout.fixed) {
         if (isScrollStart() || isScrollEnd()) {
           if (
             // Keep consistent with pagination behavior
@@ -4286,7 +4301,7 @@ var StatefulReader = ({
   useEffect(() => {
     if (!publication) return;
     dispatch(setRTL(publication.metadata.effectiveReadingProgression === ReadingProgression.rtl));
-    dispatch(setFXL(publication.metadata.getPresentation()?.layout === EPUBLayout.fixed));
+    dispatch(setFXL(publication.metadata.effectiveLayout === Layout.fixed));
     const pubTitle = publication.metadata.title.getTranslation("en");
     dispatch(setRunningHead(pubTitle));
     dispatch(setProgression({ currentPublication: pubTitle }));
@@ -4300,7 +4315,7 @@ var StatefulReader = ({
       dispatch(setPositionsList(deserializedPositionsList));
     };
     fetchPositions().catch(console.error).then(() => {
-      const isFXL2 = publication.metadata.getPresentation()?.layout === EPUBLayout.fixed;
+      const isFXL2 = publication.metadata.effectiveLayout === Layout.fixed;
       const initialPosition = getLocalData();
       const initialConstraint = cache.current.arrowsOccupySpace ? arrowsWidth.current : 0;
       const themeKeys = isFXL2 ? fxlThemeKeys : reflowThemeKeys;
@@ -4369,7 +4384,7 @@ var StatefulReader = ({
     "div",
     {
       id: "reader-shell",
-      className: classNames9(
+      className: classNames10(
         isFXL ? "isFXL" : "isReflow",
         isImmersive ? "isImmersive" : "",
         isHovering ? "isHovering" : "",
@@ -4451,7 +4466,7 @@ var PublicationGrid = ({
       );
     }
     return cloneElement(cover, {
-      className: classNames9(
+      className: classNames10(
         publicationGridStyles.publicationImage,
         cover.props.className
       )