@edrlab/thorium-web 1.3.1 → 1.4.1

package/dist/{chunk-I4BKU5NN.mjs → chunk-RBEPH5E5.mjs}

@@ -1,13 +1,12 @@
-import { useFonts, Peripherals, StatefulReaderHeader, StatefulReaderFooter, getReaderClassNames } from './chunk-6BUN7DEA.mjs';
-import { createDefaultPlugin, useSpacingPresets, useSettingsComponentStatus, usePositionStorage, useLineHeight, NavigatorProvider, thorium_web_reader_app_default, StatefulDockingWrapper } from './chunk-LP3JFZ4A.mjs';
-import { useWebPubSettingsCache, useFullscreen, useWebPubNavigator, useTimeline, useDocumentTitle } from './chunk-A3FZBEUL.mjs';
-import { useAppSelector, useAppDispatch, setFullscreen, setTimeline, setHovering, toggleImmersive, useAppStore, toggleActionOpen, setPublicationStart, setPublicationEnd, setLoading } from './chunk-EZG6SBSO.mjs';
-import { usePreferences } from './chunk-GPWW5OML.mjs';
-import { useI18n } from './chunk-6EHFW43Y.mjs';
-import { resolveContentProtectionConfig } from './chunk-DTPO3J2C.mjs';
-import { ThPluginRegistry, ThPluginProvider } from './chunk-DETZMFZ7.mjs';
+import { useFonts, Peripherals, StatefulReaderHeader, StatefulReaderFooter, getReaderClassNames } from './chunk-KGSFTRCH.mjs';
+import { createDefaultPlugin, useSpacingPresets, useSettingsComponentStatus, usePositionStorage, useLineHeight, NavigatorProvider, thorium_web_reader_app_default, StatefulDockingWrapper } from './chunk-MSHUPSBI.mjs';
+import { useWebPubSettingsCache, useFullscreen, useWebPubNavigator, useTimeline, useDocumentTitle } from './chunk-SZAVAQ6S.mjs';
+import { setFullscreen, setTimeline, setHovering, toggleImmersive, toggleActionOpen, setPublicationStart, setPublicationEnd, setLoading } from './chunk-YEVLT3AV.mjs';
+import { usePreferences, resolveContentProtectionConfig } from './chunk-OD75GC5N.mjs';
+import { useAppSelector, useAppDispatch, useAppStore } from './chunk-A575ZW4A.mjs';
+import { ThPluginRegistry, ThPluginProvider } from './chunk-ETLIGONP.mjs';
+import { useI18n } from './chunk-2NCN2AG2.mjs';
 import { useState, useLayoutEffect, useRef, useCallback, useMemo, useEffect } from 'react';
-import { I18nProvider } from 'react-aria';
 import { Locator } from '@readium/shared';
 import classNames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -19,21 +18,71 @@ var useWebPubPreferencesConfig = ({
   getFontMetadata,
   lineHeightOptions
 }) => {
+  const { isComponentUsed: isFontFamilyUsed } = useSettingsComponentStatus({
+    settingsKey: "fontFamily" /* fontFamily */,
+    publicationType: "webpub"
+  });
+  const { isComponentUsed: isFontWeightUsed } = useSettingsComponentStatus({
+    settingsKey: "fontWeight" /* fontWeight */,
+    publicationType: "webpub"
+  });
+  const { isComponentUsed: isHyphensUsed } = useSettingsComponentStatus({
+    settingsKey: "hyphens" /* hyphens */,
+    publicationType: "webpub"
+  });
+  const { isComponentUsed: isLigaturesUsed } = useSettingsComponentStatus({
+    settingsKey: "ligatures" /* ligatures */,
+    publicationType: "webpub"
+  });
+  const { isComponentUsed: isNoRubyUsed } = useSettingsComponentStatus({
+    settingsKey: "noRuby" /* noRuby */,
+    publicationType: "webpub"
+  });
+  const { isComponentUsed: isLetterSpacingUsed } = useSettingsComponentStatus({
+    settingsKey: "letterSpacing" /* letterSpacing */,
+    publicationType: "webpub"
+  });
+  const { isComponentUsed: isLineHeightUsed } = useSettingsComponentStatus({
+    settingsKey: "lineHeight" /* lineHeight */,
+    publicationType: "webpub"
+  });
+  const { isComponentUsed: isParagraphIndentUsed } = useSettingsComponentStatus({
+    settingsKey: "paragraphIndent" /* paragraphIndent */,
+    publicationType: "webpub"
+  });
+  const { isComponentUsed: isParagraphSpacingUsed } = useSettingsComponentStatus({
+    settingsKey: "paragraphSpacing" /* paragraphSpacing */,
+    publicationType: "webpub"
+  });
+  const { isComponentUsed: isTextAlignUsed } = useSettingsComponentStatus({
+    settingsKey: "textAlign" /* textAlign */,
+    publicationType: "webpub"
+  });
+  const { isComponentUsed: isTextNormalizeUsed } = useSettingsComponentStatus({
+    settingsKey: "textNormalize" /* textNormalize */,
+    publicationType: "webpub"
+  });
+  const { isComponentUsed: isWordSpacingUsed } = useSettingsComponentStatus({
+    settingsKey: "wordSpacing" /* wordSpacing */,
+    publicationType: "webpub"
+  });
   const webPubPreferences = useMemo(() => {
     const preferences = {
       zoom: settings.zoom
     };
     if (hasDisplayTransformability) {
-      preferences.fontFamily = getFontMetadata(settings.fontFamily[fontLanguage] ?? "")?.fontStack || null;
-      preferences.fontWeight = settings.fontWeight;
-      preferences.hyphens = settings.hyphens;
-      preferences.letterSpacing = settings.letterSpacing;
-      preferences.lineHeight = settings.lineHeight === null ? null : lineHeightOptions[settings.lineHeight];
-      preferences.paragraphIndent = settings.paragraphIndent;
-      preferences.paragraphSpacing = settings.paragraphSpacing;
-      preferences.textAlign = settings.textAlign;
-      preferences.textNormalization = settings.textNormalization;
-      preferences.wordSpacing = settings.wordSpacing;
+      if (isFontFamilyUsed) preferences.fontFamily = getFontMetadata(settings.fontFamily[fontLanguage] ?? "")?.fontStack || null;
+      if (isFontWeightUsed) preferences.fontWeight = settings.fontWeight;
+      if (isLigaturesUsed) preferences.ligatures = settings.ligatures;
+      if (isNoRubyUsed) preferences.noRuby = settings.noRuby;
+      if (isLetterSpacingUsed) preferences.letterSpacing = settings.letterSpacing;
+      if (isLineHeightUsed) preferences.lineHeight = settings.lineHeight === null ? null : lineHeightOptions[settings.lineHeight];
+      if (isParagraphIndentUsed) preferences.paragraphIndent = settings.paragraphIndent;
+      if (isParagraphSpacingUsed) preferences.paragraphSpacing = settings.paragraphSpacing;
+      if (isTextAlignUsed) preferences.textAlign = settings.textAlign;
+      if (isHyphensUsed && settings.textAlign !== "publisher") preferences.hyphens = settings.hyphens;
+      if (isTextNormalizeUsed) preferences.textNormalization = settings.textNormalization;
+      if (isWordSpacingUsed) preferences.wordSpacing = settings.wordSpacing;
     }
     return preferences;
   }, [
@@ -41,7 +90,19 @@ var useWebPubPreferencesConfig = ({
     fontLanguage,
     hasDisplayTransformability,
     getFontMetadata,
-    lineHeightOptions
+    lineHeightOptions,
+    isFontFamilyUsed,
+    isFontWeightUsed,
+    isHyphensUsed,
+    isLigaturesUsed,
+    isNoRubyUsed,
+    isLetterSpacingUsed,
+    isLineHeightUsed,
+    isParagraphIndentUsed,
+    isParagraphSpacingUsed,
+    isTextAlignUsed,
+    isTextNormalizeUsed,
+    isWordSpacingUsed
   ]);
   return { webPubPreferences };
 };
@@ -160,7 +221,8 @@ var ExperimentalWebPubStatefulReader = ({
   publication,
   localDataKey,
   plugins,
-  positionStorage
+  positionStorage,
+  containerRefSetter
 }) => {
   const [pluginsRegistered, setPluginsRegistered] = useState(false);
   useLayoutEffect(() => {
@@ -176,23 +238,24 @@ var ExperimentalWebPubStatefulReader = ({
   if (!pluginsRegistered) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ThPluginProvider, { children: /* @__PURE__ */ jsx(StatefulReaderInner, { publication, localDataKey, positionStorage }) }) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ThPluginProvider, { children: /* @__PURE__ */ jsx(StatefulReaderInner, { publication, localDataKey, positionStorage, containerRefSetter }) }) });
 };
-var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
+var StatefulReaderInner = ({ publication, localDataKey, positionStorage, containerRefSetter }) => {
   const { preferences, getFontMetadata, getFontInjectables } = usePreferences();
   const { t } = useI18n();
   const { getEffectiveSpacingValue } = useSpacingPresets();
   const { injectFontResources, removeFontResources } = useFonts();
   const { isComponentUsed: isFontFamilyUsed } = useSettingsComponentStatus({
     settingsKey: "fontFamily" /* fontFamily */,
-    publicationType: "webpub",
-    componentType: "text"
+    publicationType: "webpub"
   });
   const container = useRef(null);
   const textAlign = useAppSelector((state) => state.webPubSettings.textAlign);
   const fontFamily = useAppSelector((state) => state.webPubSettings.fontFamily);
   const fontWeight = useAppSelector((state) => state.webPubSettings.fontWeight);
   const hyphens = useAppSelector((state) => state.webPubSettings.hyphens);
+  const ligatures = useAppSelector((state) => state.webPubSettings.ligatures);
+  const noRuby = useAppSelector((state) => state.webPubSettings.noRuby);
   const letterSpacing = getEffectiveSpacingValue("letterSpacing" /* letterSpacing */);
   const lineHeight = getEffectiveSpacingValue("lineHeight" /* lineHeight */);
   const paragraphIndent = getEffectiveSpacingValue("paragraphIndent" /* paragraphIndent */);
@@ -205,12 +268,16 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
   const hasDisplayTransformability = useAppSelector((state) => state.publication.hasDisplayTransformability);
   const isImmersive = useAppSelector((state) => state.reader.isImmersive);
   const isHovering = useAppSelector((state) => state.reader.isHovering);
+  const breakpoint = useAppSelector((state) => state.theming.breakpoint);
+  const containerBreakpoint = useAppSelector((state) => state.theming.containerBreakpoint);
   const cache = useWebPubSettingsCache(
     fontFamily,
     fontWeight,
     hyphens,
     letterSpacing,
+    ligatures,
     lineHeight,
+    noRuby,
     paragraphIndent,
     paragraphSpacing,
     publisherStyles,
@@ -371,15 +438,18 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
       p.destroy();
     }
   });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(I18nProvider, { locale: preferences.locale, children: /* @__PURE__ */ jsx(NavigatorProvider, { visualNavigator: webPubNavigator, children: /* @__PURE__ */ jsx("main", { className: thorium_web_reader_app_default.main, children: /* @__PURE__ */ jsx(StatefulDockingWrapper, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(NavigatorProvider, { visualNavigator: webPubNavigator, children: /* @__PURE__ */ jsx("main", { className: thorium_web_reader_app_default.main, children: /* @__PURE__ */ jsx(StatefulDockingWrapper, { children: /* @__PURE__ */ jsxs(
     "div",
     {
+      ref: containerRefSetter,
       className: classNames(
         getReaderClassNames({
           isScroll: true,
           isImmersive,
           isHovering,
-          layoutUI
+          layoutUI,
+          breakpoint,
+          containerBreakpoint
         })
       ),
       children: [
@@ -403,9 +473,9 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
         )
       ]
     }
-  ) }) }) }) }) });
+  ) }) }) }) });
 };
 
 export { ExperimentalWebPubStatefulReader };
-//# sourceMappingURL=chunk-I4BKU5NN.mjs.map
-//# sourceMappingURL=chunk-I4BKU5NN.mjs.map
+//# sourceMappingURL=chunk-RBEPH5E5.mjs.map
+//# sourceMappingURL=chunk-RBEPH5E5.mjs.map

package/dist/chunk-RBEPH5E5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/WebPub/Hooks/usePreferencesConfig.ts","../src/components/WebPub/Hooks/useInjectablesConfig.ts","../src/components/WebPub/Hooks/useReaderInit.ts","../src/components/WebPub/StatefulReader.tsx"],"names":["useMemo","useState","useRef","useCallback","timeline"],"mappings":"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","file":"chunk-RBEPH5E5.mjs","sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\n\nimport { IWebPubPreferences, TextAlignment } from \"@readium/navigator\";\nimport { ThLineHeightOptions, ThSettingsKeys } from \"@/preferences/models\";\nimport { FontMetadata } from \"@/preferences/services/fonts\";\nimport { WebPubCSSSettings } from \"@/core/Hooks/WebPub/useWebPubSettingsCache\";\nimport { useSettingsComponentStatus } from \"@/components/Settings/hooks/useSettingsComponentStatus\";\n\ninterface UseWebPubPreferencesConfigProps {\n  settings: WebPubCSSSettings;\n  fontLanguage: string;\n  hasDisplayTransformability: boolean;\n  getFontMetadata: (fontFamily: string) => FontMetadata;\n  lineHeightOptions: Record<ThLineHeightOptions, number | null>;\n}\n\nexport const useWebPubPreferencesConfig = ({\n  settings,\n  fontLanguage,\n  hasDisplayTransformability,\n  getFontMetadata,\n  lineHeightOptions,\n}: UseWebPubPreferencesConfigProps) => {\n  const { isComponentUsed: isFontFamilyUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.fontFamily,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isFontWeightUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.fontWeight,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isHyphensUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.hyphens,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isLigaturesUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.ligatures,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isNoRubyUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.noRuby,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isLetterSpacingUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.letterSpacing,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isLineHeightUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.lineHeight,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isParagraphIndentUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.paragraphIndent,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isParagraphSpacingUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.paragraphSpacing,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isTextAlignUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.textAlign,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isTextNormalizeUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.textNormalize,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isWordSpacingUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.wordSpacing,\n    publicationType: \"webpub\",\n  });\n\n  const webPubPreferences = useMemo(() => {\n    const preferences: IWebPubPreferences = {\n      zoom: settings.zoom\n    };\n\n    if (hasDisplayTransformability) {\n      if (isFontFamilyUsed) preferences.fontFamily = getFontMetadata(settings.fontFamily[fontLanguage] ?? \"\")?.fontStack || null;\n      if (isFontWeightUsed) preferences.fontWeight = settings.fontWeight;\n      if (isLigaturesUsed) preferences.ligatures = settings.ligatures;\n      if (isNoRubyUsed) preferences.noRuby = settings.noRuby;\n      if (isLetterSpacingUsed) preferences.letterSpacing = settings.letterSpacing;\n      if (isLineHeightUsed) preferences.lineHeight = settings.lineHeight === null\n        ? null\n        : lineHeightOptions[settings.lineHeight];\n      if (isParagraphIndentUsed) preferences.paragraphIndent = settings.paragraphIndent;\n      if (isParagraphSpacingUsed) preferences.paragraphSpacing = settings.paragraphSpacing;\n      if (isTextAlignUsed) preferences.textAlign = settings.textAlign as TextAlignment | null | undefined;\n      if (isHyphensUsed && settings.textAlign !== \"publisher\") preferences.hyphens = settings.hyphens;\n      if (isTextNormalizeUsed) preferences.textNormalization = settings.textNormalization;\n      if (isWordSpacingUsed) preferences.wordSpacing = settings.wordSpacing;\n    }\n\n    return preferences;\n  }, [\n    settings,\n    fontLanguage,\n    hasDisplayTransformability,\n    getFontMetadata,\n    lineHeightOptions,\n    isFontFamilyUsed,\n    isFontWeightUsed,\n    isHyphensUsed,\n    isLigaturesUsed,\n    isNoRubyUsed,\n    isLetterSpacingUsed,\n    isLineHeightUsed,\n    isParagraphIndentUsed,\n    isParagraphSpacingUsed,\n    isTextAlignUsed,\n    isTextNormalizeUsed,\n    isWordSpacingUsed,\n  ]);\n\n  return { webPubPreferences };\n};\n","\"use client\";\n\nimport { useMemo } from \"react\";\n\nimport { IInjectablesConfig } from \"@readium/navigator\";\nimport { InjectableFontResources } from \"@/preferences/services/fonts\";\n\ninterface UseWebPubInjectablesConfigProps {\n  isFontFamilyUsed: boolean;\n  fontLanguage: string;\n  getFontInjectables: (options?: { language?: string } | { key?: string }, optimize?: boolean) => InjectableFontResources | null;\n}\n\nexport const useWebPubInjectablesConfig = ({\n  isFontFamilyUsed,\n  fontLanguage,\n  getFontInjectables,\n}: UseWebPubInjectablesConfigProps) => {\n  const injectables = useMemo(() => {\n    let injectablesConfig: IInjectablesConfig | undefined;\n\n    if (isFontFamilyUsed) {\n      const fontResources = getFontInjectables({ language: fontLanguage });\n      if (fontResources) {\n        injectablesConfig = {\n          allowedDomains: fontResources.allowedDomains,\n          rules: [{\n            resources: [/\\.xhtml$/, /\\.html$/],\n            prepend: fontResources.prepend,\n            append: fontResources.append\n          }]\n        };\n      }\n    }\n\n    return injectablesConfig;\n  }, [isFontFamilyUsed, fontLanguage, getFontInjectables]);\n\n  return { injectables };\n};\n","\"use client\";\n\nimport { useCallback, useEffect, useState, useRef } from \"react\";\n\nimport { Locator, Publication } from \"@readium/shared\";\nimport { ThLineHeightOptions } from \"@/preferences/models\";\nimport { WebPubNavigatorListeners, IContentProtectionConfig } from \"@readium/navigator\";\nimport { ThPreferences } from \"@/preferences\";\nimport { FontMetadata, InjectableFontResources } from \"@/preferences/services/fonts\";\nimport { WebPubStatelessCache } from \"@/core/Hooks/WebPub/useWebPubSettingsCache\";\n\nimport { useWebPubPreferencesConfig } from \"./usePreferencesConfig\";\nimport { useWebPubInjectablesConfig } from \"./useInjectablesConfig\";\nimport { useWebPubNavigator, WebPubNavigatorLoadProps } from \"@/core/Hooks/WebPub/useWebPubNavigator\";\n\ninterface UseWebPubReaderInitProps {\n  container: React.RefObject<HTMLDivElement | null>;\n  publication: Publication | null;\n  initialPosition: Locator | null;\n  listeners: WebPubNavigatorListeners;\n  preferences: ThPreferences;\n  cache: React.RefObject<WebPubStatelessCache>;\n  isFontFamilyUsed: boolean;\n  fontLanguage: string;\n  hasDisplayTransformability: boolean;\n  getFontMetadata: (fontId: string) => FontMetadata;\n  injectFontResources: (resources: InjectableFontResources | null) => void;\n  removeFontResources: () => void;\n  getFontInjectables: (options?: { language?: string } | { key?: string }, optimize?: boolean) => InjectableFontResources | null;\n  lineHeightOptions: Record<ThLineHeightOptions, number | null>;\n  contentProtectionConfig?: IContentProtectionConfig;\n  onNavigatorReady?: () => void;\n  onNavigatorLoaded?: () => void;\n  onCleanup?: () => void;\n}\n\nexport const useWebPubReaderInit = ({\n  container,\n  publication,\n  initialPosition,\n  listeners,\n  preferences,\n  cache,\n  isFontFamilyUsed,\n  fontLanguage,\n  hasDisplayTransformability,\n  getFontMetadata,\n  injectFontResources,\n  removeFontResources,\n  getFontInjectables,\n  lineHeightOptions,\n  contentProtectionConfig,\n  onNavigatorReady,\n  onNavigatorLoaded,\n  onCleanup,\n}: UseWebPubReaderInitProps) => {\n  const [navigatorReady, setNavigatorReady] = useState(false);\n\n  const { webPubPreferences } = useWebPubPreferencesConfig({\n    settings: cache.current.settings,\n    fontLanguage,\n    hasDisplayTransformability,\n    getFontMetadata,\n    lineHeightOptions,\n  });\n\n  const { injectables } = useWebPubInjectablesConfig({\n    isFontFamilyUsed,\n    fontLanguage,\n    getFontInjectables,\n  });\n\n  const handleCleanup = useCallback(() => {\n    removeFontResources();\n    onCleanup?.();\n  }, [removeFontResources, onCleanup]);\n\n  const { WebPubNavigatorLoad, WebPubNavigatorDestroy } = useWebPubNavigator();\n  const isNavigatorLoadedWebPub = useRef(false);\n  \n  useEffect(() => {\n    // Only initialize once, never re-render\n    if (!publication || isNavigatorLoadedWebPub.current) return;\n\n    // Add container protection\n    if (!container.current) {\n      console.error(\"Container ref is not available for navigator initialization\");\n      return;\n    }\n\n    const config: WebPubNavigatorLoadProps = {\n      container: container.current,\n      publication,\n      listeners,\n      initialPosition: initialPosition ? new Locator(initialPosition) : undefined,\n      preferences: webPubPreferences,\n      defaults: {\n        experiments: preferences.experiments?.webPub || null\n      },\n      injectables,\n      contentProtection: contentProtectionConfig,\n    };\n\n    isNavigatorLoadedWebPub.current = true;\n    \n    // Call onNavigatorReady outside of navigator load\n    onNavigatorReady?.();\n    \n    // Pass onNavigatorLoaded as the callback to WebPubNavigatorLoad\n    WebPubNavigatorLoad(config, () => {\n      // Set navigatorReady to true only after navigator actually loads\n      setNavigatorReady(true);\n      onNavigatorLoaded?.();\n    });\n\n    return () => {\n      if (isNavigatorLoadedWebPub.current) {\n        setNavigatorReady(false);\n        WebPubNavigatorDestroy(() => {\n          isNavigatorLoadedWebPub.current = false;\n          handleCleanup();\n        });\n      }\n    };\n  }, []);\n\n  // Handle font resource injection\n  useEffect(() => {\n    if (isFontFamilyUsed) {\n      const fontResources = getFontInjectables({ language: fontLanguage });\n      if (fontResources) {\n        injectFontResources(getFontInjectables(undefined, true));\n      }\n    }\n  }, [isFontFamilyUsed, fontLanguage, getFontInjectables, injectFontResources]);\n\n  return {\n    navigatorReady,\n  };\n};\n","\"use client\";\n\nimport { useState, useRef, useCallback, useMemo, useLayoutEffect } from \"react\";\n\nimport readerStyles from \"../assets/styles/thorium-web.reader.app.module.css\";\n\nimport { StatefulReaderProps } from \"../Reader/StatefulReaderWrapper\";\n\nimport { \n  ThActionsKeys, \n  ThLayoutUI,\n  ThDocumentTitleFormat,\n  ThProgressionFormat, \n  ThSpacingSettingsKeys,\n  ThSettingsKeys\n} from \"@/preferences/models\";\n\nimport { ThPluginRegistry } from \"../Plugins/PluginRegistry\";\n\nimport { ThPluginProvider } from \"../Plugins/PluginProvider\";\nimport { NavigatorProvider } from \"@/core/Navigator\";\n\nimport {\n  BasicTextSelection,\n  ContextMenuEvent,\n  FrameClickEvent,\n  KeyboardEventData,\n  SuspiciousActivityEvent,\n} from \"@readium/navigator-html-injectables\";\nimport { WebPubNavigatorListeners } from \"@readium/navigator\";\nimport {\n  Locator,\n  Publication\n} from \"@readium/shared\";\n\nimport { StatefulDockingWrapper } from \"../Docking/StatefulDockingWrapper\";\nimport { StatefulReaderHeader } from \"../StatefulReaderHeader\";\nimport { StatefulReaderFooter } from \"../StatefulReaderFooter\";\nimport { PositionStorage } from \"../Reader/StatefulReaderWrapper\";\n\nimport { usePreferences } from \"@/preferences/hooks/usePreferences\";\nimport { useSettingsComponentStatus } from \"@/components/Settings/hooks/useSettingsComponentStatus\";\nimport { useWebPubNavigator } from \"@/core/Hooks/WebPub\";\nimport { useWebPubSettingsCache } from \"@/core/Hooks/WebPub/useWebPubSettingsCache\";\nimport { useWebPubReaderInit } from \"./Hooks/useReaderInit\";\nimport { useFullscreen } from \"@/core/Hooks/useFullscreen\";\nimport { useI18n } from \"@/i18n/useI18n\";\nimport { useTimeline } from \"@/core/Hooks/useTimeline\";\nimport { usePositionStorage } from \"@/hooks/usePositionStorage\";\nimport { useDocumentTitle } from \"@/core/Hooks/useDocumentTitle\";\nimport { useSpacingPresets } from \"../Settings/Spacing/hooks/useSpacingPresets\";\nimport { useLineHeight } from \"../Settings/Spacing/hooks/useLineHeight\";\nimport { useFonts } from \"@/core/Hooks/fonts/useFonts\";\n\nimport { toggleActionOpen } from \"@/lib/actionsReducer\";\nimport { useAppSelector, useAppDispatch, useAppStore } from \"@/lib/hooks\";\nimport { \n  setLoading,\n  setHovering, \n  toggleImmersive, \n  setFullscreen,\n} from \"@/lib/readerReducer\";\nimport { \n  setTimeline,\n  setPublicationStart,\n  setPublicationEnd\n} from \"@/lib/publicationReducer\";\n\nimport classNames from \"classnames\";\nimport { createDefaultPlugin } from \"../Plugins/helpers/createDefaultPlugin\";\nimport Peripherals from \"../../helpers/peripherals\";\nimport { getReaderClassNames } from \"../Helpers/getReaderClassNames\";\nimport { resolveContentProtectionConfig } from \"@/preferences/models/protection\";\n\nexport const ExperimentalWebPubStatefulReader = ({\n  publication,\n  localDataKey,\n  plugins,\n  positionStorage,\n  containerRefSetter\n}: StatefulReaderProps) => {\n  const [pluginsRegistered, setPluginsRegistered] = useState(false);\n\n  useLayoutEffect(() => {\n    if (plugins && plugins.length > 0) {\n      plugins.forEach(plugin => {\n        ThPluginRegistry.register(plugin);\n      });\n    } else {\n      ThPluginRegistry.register(createDefaultPlugin());\n    }\n    setPluginsRegistered(true);\n  }, [plugins]);\n\n  if (!pluginsRegistered) {\n    return null;\n  }\n\n  return (\n    <>\n      <ThPluginProvider>\n        <StatefulReaderInner publication={ publication } localDataKey={ localDataKey } positionStorage={ positionStorage } containerRefSetter={ containerRefSetter } />\n      </ThPluginProvider>\n    </>\n  );\n};\n\nconst StatefulReaderInner = ({ publication, localDataKey, positionStorage, containerRefSetter }: { publication: Publication; localDataKey: string | null; positionStorage?: PositionStorage; containerRefSetter?: (el: Element | null) => void }) => {\n  const { preferences, getFontMetadata, getFontInjectables } = usePreferences();\n  const { t } = useI18n();\n  const { getEffectiveSpacingValue } = useSpacingPresets();\n  const { injectFontResources, removeFontResources } = useFonts();\n\n  // Check if font family component is being used\n  const { isComponentUsed: isFontFamilyUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.fontFamily,\n    publicationType: \"webpub\",\n  });\n\n  const container = useRef<HTMLDivElement>(null);\n\n  const textAlign = useAppSelector(state => state.webPubSettings.textAlign);\n  const fontFamily = useAppSelector(state => state.webPubSettings.fontFamily);\n  const fontWeight = useAppSelector(state => state.webPubSettings.fontWeight);\n  const hyphens = useAppSelector(state => state.webPubSettings.hyphens);\n  const ligatures = useAppSelector(state => state.webPubSettings.ligatures);\n  const noRuby = useAppSelector(state => state.webPubSettings.noRuby);\n  const letterSpacing = getEffectiveSpacingValue(ThSpacingSettingsKeys.letterSpacing);\n  const lineHeight = getEffectiveSpacingValue(ThSpacingSettingsKeys.lineHeight);\n  const paragraphIndent = getEffectiveSpacingValue(ThSpacingSettingsKeys.paragraphIndent);\n  const paragraphSpacing = getEffectiveSpacingValue(ThSpacingSettingsKeys.paragraphSpacing);\n  const publisherStyles = useAppSelector(state => state.webPubSettings.publisherStyles);\n  const textNormalization = useAppSelector(state => state.webPubSettings.textNormalization);\n  const wordSpacing = getEffectiveSpacingValue(ThSpacingSettingsKeys.wordSpacing);\n  const zoom = useAppSelector(state => state.webPubSettings.zoom);\n  const fontLanguage = useAppSelector(state => state.publication.fontLanguage);\n  const hasDisplayTransformability = useAppSelector(state => state.publication.hasDisplayTransformability);\n  const isImmersive = useAppSelector(state => state.reader.isImmersive);\n  const isHovering = useAppSelector(state => state.reader.isHovering);\n  const breakpoint = useAppSelector(state => state.theming.breakpoint);\n  const containerBreakpoint = useAppSelector(state => state.theming.containerBreakpoint);\n\n  const cache = useWebPubSettingsCache(\n    fontFamily,\n    fontWeight,\n    hyphens,\n    letterSpacing,\n    ligatures,\n    lineHeight,\n    noRuby,\n    paragraphIndent,\n    paragraphSpacing,\n    publisherStyles,\n    textAlign,\n    textNormalization,\n    wordSpacing,\n    zoom\n  );\n\n  const layoutUI = preferences.theming.layout.ui?.webPub || ThLayoutUI.stacked;\n\n  const dispatch = useAppDispatch();\n\n  const onFsChange = useCallback((isFullscreen: boolean) => {\n    dispatch(setFullscreen(isFullscreen));\n  }, [dispatch]);\n  const fs = useFullscreen(onFsChange);\n\n  const webPubNavigator = useWebPubNavigator();\n  const { \n    currentPositions,\n    canGoBackward,\n    canGoForward,\n  } = webPubNavigator;\n\n  const { setLocalData, getLocalData, localData } = usePositionStorage(localDataKey, positionStorage);\n\n  const timeline = useTimeline({\n    publication: publication,\n    currentLocation: localData,\n    currentPositions: currentPositions() || [],\n    positionsList: undefined,\n    onChange: (timeline) => {\n      dispatch(setTimeline(timeline));\n    }\n  });\n\n  const lineHeightOptions = useLineHeight();\n\n  const documentTitleFormat = preferences.metadata?.documentTitle?.format;\n\n  let documentTitle: string | undefined;\n\n  if (documentTitleFormat) {\n    if (typeof documentTitleFormat === \"object\" && \"key\" in documentTitleFormat) {\n      const translatedTitle = t(documentTitleFormat.key);\n      documentTitle = translatedTitle !== documentTitleFormat.key \n        ? translatedTitle \n        : documentTitleFormat.fallback;\n    } else {\n      switch (documentTitleFormat) {\n        case ThDocumentTitleFormat.title:\n          documentTitle = timeline?.title;\n          break;\n        case ThDocumentTitleFormat.chapter:\n          documentTitle = timeline?.progression?.currentChapter;\n          break;\n        case ThDocumentTitleFormat.titleAndChapter:\n          if (timeline?.title && timeline?.progression?.currentChapter) {\n            documentTitle = `${ timeline.title } – ${ timeline.progression.currentChapter }`;\n          }\n          break;\n        case ThDocumentTitleFormat.none:\n          documentTitle = undefined;\n          break;\n        default: \n          documentTitle = documentTitleFormat;\n          break;\n      }\n    }\n  }\n\n  useDocumentTitle(documentTitle);\n\n  const toggleIsImmersive = useCallback(() => {\n    // If tap/click in iframe, then header/footer no longer hoovering \n    dispatch(setHovering(false));\n    dispatch(toggleImmersive());\n  }, [dispatch]);\n\n  const appStore = useAppStore();\n\n  const p = useMemo(() => new Peripherals(appStore, preferences.actions, {\n    moveTo: () => {},\n    goProgression: () => {},\n    toggleAction: (actionKey) => {\n      switch (actionKey) {\n        case ThActionsKeys.fullscreen:\n          fs.handleFullscreen();\n          break;\n        case ThActionsKeys.settings:\n        case ThActionsKeys.toc:\n          dispatch(toggleActionOpen({\n            key: actionKey,\n            profile: \"webPub\"\n          }))\n          break;\n        default:\n          break\n      }\n    }\n  }), [appStore, preferences.actions, fs, dispatch]);\n\n  const listeners: WebPubNavigatorListeners = useMemo(() => ({\n    frameLoaded: async function (_wnd: Window): Promise<void> {\n      p.observe(window);\n    },\n    positionChanged: async function (locator: Locator): Promise<void> {\n      setLocalData(locator);\n\n      if (canGoBackward()) {\n        dispatch(setPublicationStart(false));\n      } else {\n        dispatch(setPublicationStart(true));\n      }\n\n      if (canGoForward()) {\n        dispatch(setPublicationEnd(false));\n      } else {\n        dispatch(setPublicationEnd(true));\n      }\n    },\n    tap: function (_e: FrameClickEvent): boolean {\n      toggleIsImmersive();\n      return true;\n    },\n    click: function (_e: FrameClickEvent): boolean {\n      return false;\n    },\n    zoom: function (_scale: number): void { },\n    scroll: function (_delta: number): void { },\n    customEvent: function (_key: string, _data: unknown): void { },\n    handleLocator: function (locator: Locator): boolean {\n      const href = locator.href;\n\n      if (\n        href.startsWith(\"http://\") ||\n        href.startsWith(\"https://\") ||\n        href.startsWith(\"mailto:\") ||\n        href.startsWith(\"tel:\")\n      ) {\n        if (confirm(`Open \"${href}\" ?`)) window.open(href, \"_blank\");\n      } else {\n        console.warn(\"Unhandled locator\", locator);\n      }\n      return false;\n    },\n    textSelected: function (_selection: BasicTextSelection): void {},\n    contentProtection: function (_type: string, _data: SuspiciousActivityEvent): void {},\n    contextMenu: function (_data: ContextMenuEvent): void {},\n    peripheral: function (_data: KeyboardEventData): void {},\n  }), [p, setLocalData, canGoBackward, canGoForward, dispatch, toggleIsImmersive]);\n\n  const initialPosition = useMemo(() => getLocalData(), [getLocalData]);\n\n  // Initialize reader using the new composite hook\n  useWebPubReaderInit({\n    container,\n    publication,\n    initialPosition,\n    listeners,\n    preferences,\n    cache,\n    isFontFamilyUsed,\n    fontLanguage,\n    hasDisplayTransformability,\n    getFontMetadata,\n    injectFontResources,\n    removeFontResources,\n    getFontInjectables,\n    lineHeightOptions,\n    contentProtectionConfig: resolveContentProtectionConfig(preferences.contentProtection, t),\n    onNavigatorReady: () => {\n      dispatch(setLoading(false));\n    },\n    onNavigatorLoaded: () => {\n      p.observe(window);\n    },\n    onCleanup: () => {\n      p.destroy();\n    },\n  });\n\n  return (\n    <>\n    <NavigatorProvider visualNavigator={ webPubNavigator }>\n      <main className={ readerStyles.main }>\n        <StatefulDockingWrapper>\n          <div\n            ref={ containerRefSetter }\n            className={\n              classNames(\n                getReaderClassNames({\n                  isScroll: true,\n                  isImmersive,\n                  isHovering,\n                  layoutUI,\n                  breakpoint,\n                  containerBreakpoint\n                })\n              )\n            }\n          >\n            <StatefulReaderHeader \n              actionKeys={ preferences.actions.webPubOrder }\n              actionsOrder={ preferences.actions.webPubOrder }\n              layout={ layoutUI } \n              runningHeadFormatPref={ preferences.theming.header?.runningHead?.format?.webPub }\n            />\n\n            <article className={ readerStyles.wrapper } aria-label={ t(\"reader.app.publicationWrapper\") }>\n              <div id=\"thorium-web-container\" className={ readerStyles.iframeContainer } ref={ container }></div>\n            </article>\n\n          <StatefulReaderFooter \n            layout={ layoutUI } \n            progressionFormatPref={ preferences.theming.progression?.format?.webPub }\n            progressionFormatFallback={ ThProgressionFormat.readingOrderIndex }\n          />\n        </div>\n      </StatefulDockingWrapper>\n    </main>\n  </NavigatorProvider>\n  </>\n)};"]}

package/dist/{chunk-DMZFSOHK.mjs → chunk-SI4FBFHM.mjs}

@@ -1,17 +1,17 @@
-import { useFonts, Peripherals, getReaderClassNames, StatefulReaderHeader, StatefulReaderFooter } from './chunk-6BUN7DEA.mjs';
-import { createDefaultPlugin, useSpacingPresets, useSettingsComponentStatus, usePositionStorage, useLineHeight, NavigatorProvider, thorium_web_reader_app_default, StatefulDockingWrapper, useReaderTransitions, thorium_web_button_default } from './chunk-LP3JFZ4A.mjs';
-import { useFullscreen, useEpubNavigator, useTimeline, useDocumentTitle, useEpubSettingsCache } from './chunk-A3FZBEUL.mjs';
-import { useAppSelector, useAppDispatch, setImmersive, setFullscreen, setTimeline, setHovering, toggleImmersive, setPublicationStart, setPublicationEnd, useAppStore, toggleActionOpen, setScrollAffordance, debounce, setDirection, setPlatformModifier, setUserNavigated, setTheme, setHasArrows, setLoading } from './chunk-EZG6SBSO.mjs';
-import { usePreferenceKeys, usePreferences, buildThemeObject } from './chunk-GPWW5OML.mjs';
-import { useI18n } from './chunk-6EHFW43Y.mjs';
-import { resolveContentProtectionConfig } from './chunk-DTPO3J2C.mjs';
-import { ThPluginRegistry, ThPluginProvider, ThNavigationButton } from './chunk-DETZMFZ7.mjs';
+import { useFonts, Peripherals, getReaderClassNames, StatefulReaderHeader, StatefulReaderFooter } from './chunk-KGSFTRCH.mjs';
+import { createDefaultPlugin, useSpacingPresets, useSettingsComponentStatus, useIsScroll, usePositionStorage, useLineHeight, NavigatorProvider, thorium_web_reader_app_default, StatefulDockingWrapper, useReaderTransitions, thorium_web_button_default } from './chunk-MSHUPSBI.mjs';
+import { makeBreakpointsMap, isActiveElement } from './chunk-VENFFPK2.mjs';
+import { useFullscreen, useEpubNavigator, useTimeline, useDocumentTitle, useEpubSettingsCache } from './chunk-SZAVAQ6S.mjs';
+import { setImmersive, setFullscreen, setTimeline, setHovering, toggleImmersive, setPublicationStart, setPublicationEnd, toggleActionOpen, setScrollAffordance, debounce, setDirection, setPlatformModifier, setUserNavigated, setTheme, setHasArrows, setLoading } from './chunk-YEVLT3AV.mjs';
+import { useFilteredPreferenceKeys, usePreferences, resolveContentProtectionConfig, buildThemeObject } from './chunk-OD75GC5N.mjs';
+import { ThArrowVariant } from './chunk-2YRT7RNW.mjs';
+import { useAppSelector, useAppDispatch, useAppStore } from './chunk-A575ZW4A.mjs';
+import { getPlatformModifier } from './chunk-44PEO3DS.mjs';
+import { ThPluginRegistry, ThPluginProvider, ThNavigationButton } from './chunk-ETLIGONP.mjs';
 import { usePrevious } from './chunk-YZ73DHRU.mjs';
-import { makeBreakpointsMap, isActiveElement } from './chunk-ITDBOMY5.mjs';
-import { ThArrowVariant } from './chunk-L4XGZAZ5.mjs';
-import { getPlatformModifier } from './chunk-5LUMM7FW.mjs';
+import { useI18n } from './chunk-2NCN2AG2.mjs';
 import { useState, useLayoutEffect, useRef, useEffect, useCallback, useMemo } from 'react';
-import { I18nProvider } from 'react-aria';
+import { useLocale } from 'react-aria';
 import { Layout, Locator } from '@readium/shared';
 import classNames2 from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -28,7 +28,7 @@ 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 breakpoint = useAppSelector((state) => state.theming.containerBreakpoint);
   const {
     isScroll,
     fromImmersive,
@@ -174,7 +174,7 @@ var StatefulReaderArrowButton = ({
     }
   ) });
 };
-var useEpubStatelessCache = (textAlign, columnCount, fontFamily, fontSize, fontWeight, hyphens, letterSpacing, lineLength, lineHeight, paragraphIndent, paragraphSpacing, publisherStyles, scroll, textNormalization, wordSpacing, theme, positionsList, colorScheme, reducedMotion, layoutUI, isImmersive, isHovering, arrowsOccupySpace) => {
+var useEpubStatelessCache = (textAlign, columnCount, fontFamily, fontSize, fontWeight, hyphens, letterSpacing, ligatures, lineLength, lineHeight, noRuby, paragraphIndent, paragraphSpacing, publisherStyles, scroll, textNormalization, wordSpacing, theme, positionsList, colorScheme, reducedMotion, layoutUI, isImmersive, isHovering, arrowsOccupySpace) => {
   const settingsCache = useEpubSettingsCache(
     textAlign,
     columnCount,
@@ -183,8 +183,10 @@ var useEpubStatelessCache = (textAlign, columnCount, fontFamily, fontSize, fontW
     fontWeight,
     hyphens,
     letterSpacing,
+    ligatures,
     lineLength,
     lineHeight,
+    noRuby,
     paragraphIndent,
     paragraphSpacing,
     publisherStyles,
@@ -226,6 +228,68 @@ var useEpubPreferencesConfig = ({
   fxlThemeKeys,
   reflowThemeKeys
 }) => {
+  const scriptMode = useAppSelector((state) => state.publication.scriptMode);
+  const isVerticalScript = scriptMode === "cjk-vertical" || scriptMode === "mongolian-vertical";
+  const { isComponentUsed: isFontFamilyUsed } = useSettingsComponentStatus({
+    settingsKey: "fontFamily" /* fontFamily */,
+    publicationType: isFXL ? "fxl" : "reflow"
+  });
+  const { isComponentUsed: isFontSizeUsed } = useSettingsComponentStatus({
+    settingsKey: "zoom" /* zoom */,
+    publicationType: isFXL ? "fxl" : "reflow"
+  });
+  const { isComponentUsed: isFontWeightUsed } = useSettingsComponentStatus({
+    settingsKey: "fontWeight" /* fontWeight */,
+    publicationType: isFXL ? "fxl" : "reflow"
+  });
+  const { isComponentUsed: isColumnsUsed } = useSettingsComponentStatus({
+    settingsKey: "columns" /* columns */,
+    publicationType: isFXL ? "fxl" : "reflow"
+  });
+  const { isComponentUsed: isLayoutUsed } = useSettingsComponentStatus({
+    settingsKey: "layout" /* layout */,
+    publicationType: isFXL ? "fxl" : "reflow"
+  });
+  const { isComponentUsed: isHyphensUsed } = useSettingsComponentStatus({
+    settingsKey: "hyphens" /* hyphens */,
+    publicationType: isFXL ? "fxl" : "reflow"
+  });
+  const { isComponentUsed: isLigaturesUsed } = useSettingsComponentStatus({
+    settingsKey: "ligatures" /* ligatures */,
+    publicationType: isFXL ? "fxl" : "reflow"
+  });
+  const { isComponentUsed: isNoRubyUsed } = useSettingsComponentStatus({
+    settingsKey: "noRuby" /* noRuby */,
+    publicationType: isFXL ? "fxl" : "reflow"
+  });
+  const { isComponentUsed: isLetterSpacingUsed } = useSettingsComponentStatus({
+    settingsKey: "letterSpacing" /* letterSpacing */,
+    publicationType: isFXL ? "fxl" : "reflow"
+  });
+  const { isComponentUsed: isLineHeightUsed } = useSettingsComponentStatus({
+    settingsKey: "lineHeight" /* lineHeight */,
+    publicationType: isFXL ? "fxl" : "reflow"
+  });
+  const { isComponentUsed: isParagraphIndentUsed } = useSettingsComponentStatus({
+    settingsKey: "paragraphIndent" /* paragraphIndent */,
+    publicationType: isFXL ? "fxl" : "reflow"
+  });
+  const { isComponentUsed: isParagraphSpacingUsed } = useSettingsComponentStatus({
+    settingsKey: "paragraphSpacing" /* paragraphSpacing */,
+    publicationType: isFXL ? "fxl" : "reflow"
+  });
+  const { isComponentUsed: isTextAlignUsed } = useSettingsComponentStatus({
+    settingsKey: "textAlign" /* textAlign */,
+    publicationType: isFXL ? "fxl" : "reflow"
+  });
+  const { isComponentUsed: isTextNormalizeUsed } = useSettingsComponentStatus({
+    settingsKey: "textNormalize" /* textNormalize */,
+    publicationType: isFXL ? "fxl" : "reflow"
+  });
+  const { isComponentUsed: isWordSpacingUsed } = useSettingsComponentStatus({
+    settingsKey: "wordSpacing" /* wordSpacing */,
+    publicationType: isFXL ? "fxl" : "reflow"
+  });
   const epubPreferences = useMemo(() => {
     if (isFXL) return {};
     const initialConstraint = arrowsOccupySpace ? arrowsWidth.current : 0;
@@ -238,23 +302,25 @@ var useEpubPreferencesConfig = ({
       colorScheme
     });
     return {
-      columnCount: settings.columnCount === "auto" ? null : Number(settings.columnCount),
+      columnCount: !isColumnsUsed ? void 0 : settings.columnCount === "auto" ? null : Number(settings.columnCount),
       constraint: initialConstraint,
-      fontFamily: getFontMetadata(settings.fontFamily[fontLanguage] ?? "")?.fontStack || null,
-      fontSize: settings.fontSize,
-      fontWeight: settings.fontWeight,
-      hyphens: settings.hyphens,
-      letterSpacing: settings.publisherStyles ? void 0 : settings.letterSpacing,
-      lineHeight: settings.publisherStyles ? void 0 : settings.lineHeight === null ? null : lineHeightOptions[settings.lineHeight],
+      fontFamily: isFontFamilyUsed ? getFontMetadata(settings.fontFamily[fontLanguage] ?? "")?.fontStack || null : void 0,
+      fontSize: isFontSizeUsed ? settings.fontSize : void 0,
+      fontWeight: isFontWeightUsed ? settings.fontWeight : void 0,
+      ligatures: isLigaturesUsed ? settings.ligatures : void 0,
+      noRuby: isNoRubyUsed ? settings.noRuby : void 0,
+      letterSpacing: !isLetterSpacingUsed || settings.publisherStyles ? void 0 : settings.letterSpacing,
+      lineHeight: !isLineHeightUsed || settings.publisherStyles ? void 0 : settings.lineHeight === null ? null : lineHeightOptions[settings.lineHeight],
       optimalLineLength: settings.lineLength?.optimal != null ? settings.lineLength.optimal : void 0,
       maximalLineLength: settings.lineLength?.max?.isDisabled ? null : settings.lineLength?.max?.chars != null ? settings.lineLength.max.chars : void 0,
       minimalLineLength: settings.lineLength?.min?.isDisabled ? null : settings.lineLength?.min?.chars != null ? settings.lineLength.min.chars : void 0,
-      paragraphIndent: settings.publisherStyles ? void 0 : settings.paragraphIndent,
-      paragraphSpacing: settings.publisherStyles ? void 0 : settings.paragraphSpacing,
-      scroll: settings.scroll,
-      textAlign: settings.textAlign,
-      textNormalization: settings.textNormalization,
-      wordSpacing: settings.publisherStyles ? void 0 : settings.wordSpacing,
+      paragraphIndent: !isParagraphIndentUsed || settings.publisherStyles ? void 0 : settings.paragraphIndent,
+      paragraphSpacing: !isParagraphSpacingUsed || settings.publisherStyles ? void 0 : settings.paragraphSpacing,
+      scroll: isVerticalScript ? true : !isLayoutUsed ? void 0 : settings.scroll,
+      textAlign: isTextAlignUsed ? settings.textAlign : void 0,
+      hyphens: isHyphensUsed && settings.textAlign !== "publisher" ? settings.hyphens : void 0,
+      textNormalization: isTextNormalizeUsed ? settings.textNormalization : void 0,
+      wordSpacing: !isWordSpacingUsed || settings.publisherStyles ? void 0 : settings.wordSpacing,
       ...themeProps
     };
   }, [
@@ -269,7 +335,23 @@ var useEpubPreferencesConfig = ({
     getFontMetadata,
     lineHeightOptions,
     fxlThemeKeys,
-    reflowThemeKeys
+    reflowThemeKeys,
+    isVerticalScript,
+    isFontFamilyUsed,
+    isFontSizeUsed,
+    isFontWeightUsed,
+    isColumnsUsed,
+    isLayoutUsed,
+    isHyphensUsed,
+    isLigaturesUsed,
+    isNoRubyUsed,
+    isLetterSpacingUsed,
+    isLineHeightUsed,
+    isParagraphIndentUsed,
+    isParagraphSpacingUsed,
+    isTextAlignUsed,
+    isTextNormalizeUsed,
+    isWordSpacingUsed
   ]);
   const epubDefaults = useMemo(() => {
     if (isFXL) return {};
@@ -279,12 +361,12 @@ var useEpubPreferencesConfig = ({
       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,
+      scrollPaddingBottom: preferences.theming.layout.ui?.reflow === "layered-ui" /* layered */ ? (preferences.theming.icon.size || 24) * (isVerticalScript ? 3 : 5) : preferences.theming.icon.size || 24,
       scrollPaddingLeft: preferences.typography.pageGutter,
       scrollPaddingRight: preferences.typography.pageGutter,
       experiments: preferences.experiments?.reflow || null
     };
-  }, [isFXL, preferences]);
+  }, [isFXL, preferences, isVerticalScript]);
   return { epubPreferences, epubDefaults };
 };
 var useEpubInjectablesConfig = ({
@@ -432,7 +514,8 @@ var StatefulReader = ({
   publication,
   localDataKey,
   plugins,
-  positionStorage
+  positionStorage,
+  containerRefSetter
 }) => {
   const [pluginsRegistered, setPluginsRegistered] = useState(false);
   useLayoutEffect(() => {
@@ -448,11 +531,12 @@ var StatefulReader = ({
   if (!pluginsRegistered) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ThPluginProvider, { children: /* @__PURE__ */ jsx(StatefulReaderInner, { publication, localDataKey, positionStorage }) }) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ThPluginProvider, { children: /* @__PURE__ */ jsx(StatefulReaderInner, { publication, localDataKey, positionStorage, containerRefSetter }) }) });
 };
-var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
-  const { fxlActionKeys, fxlThemeKeys, reflowActionKeys, reflowThemeKeys } = usePreferenceKeys();
+var StatefulReaderInner = ({ publication, localDataKey, positionStorage, containerRefSetter }) => {
+  const { fxlActionKeys, fxlThemeKeys, reflowActionKeys, reflowThemeKeys } = useFilteredPreferenceKeys();
   const { preferences, getFontMetadata, getFontInjectables } = usePreferences();
+  const { direction: uiDirection } = useLocale();
   const { t } = useI18n();
   const { getEffectiveSpacingValue } = useSpacingPresets();
   const { occupySpace: arrowsOccupySpace } = usePaginatedArrows();
@@ -465,8 +549,7 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
   const fontLanguage = useAppSelector((state) => state.publication.fontLanguage);
   const { isComponentUsed: isFontFamilyUsed } = useSettingsComponentStatus({
     settingsKey: "fontFamily" /* fontFamily */,
-    publicationType: isFXL ? "fxl" : "reflow",
-    componentType: "text"
+    publicationType: isFXL ? "fxl" : "reflow"
   });
   const textAlign = useAppSelector((state) => state.settings.textAlign);
   const columnCount = useAppSelector((state) => state.settings.columnCount);
@@ -474,14 +557,15 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
   const fontSize = useAppSelector((state) => state.settings.fontSize);
   const fontWeight = useAppSelector((state) => state.settings.fontWeight);
   const hyphens = useAppSelector((state) => state.settings.hyphens);
+  const ligatures = useAppSelector((state) => state.settings.ligatures);
+  const noRuby = useAppSelector((state) => state.settings.noRuby);
   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 isScroll = useIsScroll();
   const textNormalization = useAppSelector((state) => state.settings.textNormalization);
   const wordSpacing = getEffectiveSpacingValue("wordSpacing" /* wordSpacing */);
   const themeObject = useAppSelector((state) => state.theming.theme);
@@ -490,6 +574,7 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
   const colorScheme = useAppSelector((state) => state.theming.colorScheme);
   const reducedMotion = useAppSelector((state) => state.theming.prefersReducedMotion);
   const breakpoint = useAppSelector((state) => state.theming.breakpoint);
+  const containerBreakpoint = useAppSelector((state) => state.theming.containerBreakpoint);
   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 */;
@@ -501,8 +586,10 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
     fontWeight,
     hyphens,
     letterSpacing,
+    ligatures,
     lineLength,
     lineHeight,
+    noRuby,
     paragraphIndent,
     paragraphSpacing,
     publisherStyles,
@@ -614,7 +701,7 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
       }
     }
   }, [getCframes, cache, preferences.affordances.scroll, goLeft, goRight, dispatch, activateImmersiveOnAction, toggleIsImmersive]);
-  const handleClick = useCallback((event) => {
+  const handleClick = useCallback((_event) => {
     if (cache.current.layoutUI === "layered-ui" /* layered */ && (!cache.current.settings.scroll || preferences.affordances.scroll.toggleOnMiddlePointer.includes("click"))) {
       toggleIsImmersive();
     }
@@ -834,19 +921,21 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
     applyCurrentTheme().catch(console.error);
   }, [cache, themeObject, previousTheme, preferences.theming.themes, fxlThemeKeys, reflowThemeKeys, colorScheme, isFXL, submitPreferences, dispatch, navigatorReady]);
   useLayoutEffect(() => {
-    preferences.direction && dispatch(setDirection(preferences.direction));
+    dispatch(setDirection(uiDirection));
     dispatch(setPlatformModifier(getPlatformModifier()));
-  }, [preferences.direction, dispatch]);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(I18nProvider, { locale: preferences.locale, children: /* @__PURE__ */ jsx(NavigatorProvider, { visualNavigator: epubNavigator, children: /* @__PURE__ */ jsx("main", { className: thorium_web_reader_app_default.main, children: /* @__PURE__ */ jsx(StatefulDockingWrapper, { children: /* @__PURE__ */ jsxs(
+  }, [uiDirection, dispatch]);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(NavigatorProvider, { visualNavigator: epubNavigator, children: /* @__PURE__ */ jsx("main", { className: thorium_web_reader_app_default.main, children: /* @__PURE__ */ jsx(StatefulDockingWrapper, { children: /* @__PURE__ */ jsxs(
     "div",
     {
+      ref: containerRefSetter,
       className: getReaderClassNames({
         isScroll,
         isImmersive,
         isHovering,
         isFXL,
         layoutUI,
-        breakpoint
+        breakpoint,
+        containerBreakpoint
       }),
       children: [
         /* @__PURE__ */ jsx(
@@ -897,9 +986,9 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
         )
       ]
     }
-  ) }) }) }) }) });
+  ) }) }) }) });
 };
 
 export { StatefulReader };
-//# sourceMappingURL=chunk-DMZFSOHK.mjs.map
-//# sourceMappingURL=chunk-DMZFSOHK.mjs.map
+//# sourceMappingURL=chunk-SI4FBFHM.mjs.map
+//# sourceMappingURL=chunk-SI4FBFHM.mjs.map