@edrlab/thorium-web 1.4.1 → 1.5.0

package/dist/{ThPreferencesAdapter-_5AePKHa.d.mts → ThPreferencesAdapter-B3a-f5v-.d.mts}

@@ -1,7 +1,7 @@
-import { e as UnstableShortcutRepresentation } from './keyboardUtilities-BWAyLS_D.mjs';
+import { S as ShortcutRepresentation } from './keyboardUtilities-BCP3UcLb.mjs';
 import { B as BreakpointsMap, d as ThBreakpoints, e as ThBreakpointsObject, f as ThDocumentTitleFormat, T as ThBackLinkPref, g as ThFormatPref, h as ThRunningHeadFormat, i as ThProgressionFormat, j as ThLayoutUI, k as ThPaginatedAffordancePref } from './ui-DnZZhozX.mjs';
-import { I as I18nValue, e as ThColorScheme, f as ThContrast, g as ThSettingsKeys, h as ThTextSettingsKeys, b as ThSpacingSettingsKeys, d as ThSettingsRangePrefRequired, i as ThSettingsRadioPref, T as ThLineHeightOptions, j as ThSettingsGroupPref, a as ThSpacingPresetKeys } from './useContrast-Cbso7N1l.mjs';
-import { e as ThSheetTypes, g as ThActionsKeys, d as ThCollapsibility, c as ThActionsTokens, f as ThDockingPref, T as ThDockingKeys } from './actions-CuRRM3rp.mjs';
+import { e as ThColorScheme, f as ThContrast, g as ThSettingsKeys, h as ThTextSettingsKeys, b as ThSpacingSettingsKeys, d as ThSettingsRangePrefRequired, i as ThSettingsRadioPref, T as ThLineHeightOptions, j as ThSettingsGroupPref, a as ThSpacingPresetKeys } from './useContrast-Bl08zDTU.mjs';
+import { I as I18nValue, e as ThSheetTypes, g as ThActionsKeys, d as ThCollapsibility, c as ThActionsTokens, f as ThDockingPref, T as ThDockingKeys } from './actions-C33UN3Ji.mjs';
 import { IContentProtectionConfig, IAudioContentProtectionConfig, ExperimentKey } from '@readium/navigator';
 
 type CSSValueUnitless = `${number}`;
@@ -447,6 +447,21 @@ type ThSettingsKeyTypes<K extends CustomizableKeys = DefaultKeys> = {
     [key in S]: any;
 } : {} : {});
 type ThConstraintKeys = Extract<ThSheetTypes, ThSheetTypes.bottomSheet | ThSheetTypes.popover | ThSheetTypes.modal> | "pagination" | "dropdown";
+type ThShortcutsDisplayIn = "tooltip" | "menuItem";
+interface ThShortcutsPref {
+    representation: ShortcutRepresentation;
+    joiner?: string;
+    displayIn?: ThShortcutsDisplayIn[];
+}
+interface ThIconPref {
+    size: number;
+    tooltipOffset: number;
+    tooltipDelay?: number;
+}
+interface ThLayoutDefaultsPref {
+    dockingWidth: number;
+    scrim: string;
+}
 interface ThPreferences<K extends CustomizableKeys = {}> {
     experiments?: {
         reflow?: Array<ExperimentKey>;
@@ -486,11 +501,7 @@ interface ThPreferences<K extends CustomizableKeys = {}> {
             offset: number;
             tooltipDelay?: number;
         };
-        icon: {
-            size: number;
-            tooltipOffset: number;
-            tooltipDelay?: number;
-        };
+        icon: ThIconPref;
         layout: {
             ui?: {
                 reflow?: ThLayoutUI;
@@ -499,10 +510,7 @@ interface ThPreferences<K extends CustomizableKeys = {}> {
             };
             radius: number;
             spacing: number;
-            defaults: {
-                dockingWidth: number;
-                scrim: string;
-            };
+            defaults: ThLayoutDefaultsPref;
             constraints?: {
                 [key in ThConstraintKeys]?: number | null;
             };
@@ -532,10 +540,7 @@ interface ThPreferences<K extends CustomizableKeys = {}> {
         };
     };
     actions: ThActionsPref<K>;
-    shortcuts: {
-        representation: UnstableShortcutRepresentation;
-        joiner?: string;
-    };
+    shortcuts: ThShortcutsPref;
     docking: ThDockingPref<ThDockingKeys>;
     settings: {
         reflowOrder: Array<SettingsKey<K>>;
@@ -567,4 +572,4 @@ interface ThPreferencesAdapter<T extends CustomizableKeys = CustomizableKeys> {
     unsubscribe(callback: (prefs: ThPreferences<T>) => void): void;
 }
 
-export { type LocalVariableFontFile as $, type ActionKey as A, type CSSAbsoluteLength as B, type CustomizableKeys as C, type DefaultKeys as D, type CSSAngle as E, type FontCollection as F, type CSSDefaultViewport as G, type CSSDynamicViewport as H, type CSSFrequency as I, type CSSFontRelativeLength as J, type CSSLargeViewport as K, type LocalStaticFontFile as L, type CSSPhysicalLength as M, type CSSRelativeLength as N, type CSSResolution as O, type CSSRootFontRelativeLength as P, type CSSSmallViewport as Q, type CSSTime as R, type SettingsKey as S, ThThemeKeys as T, type CSSViewport as U, type VariableFontRangeConfig as V, type WeightConfig as W, type CSSColor as X, type SystemFontSource as Y, type BunnyFontSource as Z, type GoogleFontSource as _, type ThemeTokens as a, type LocalStaticFontSource as a0, type LocalVariableFontSource as a1, type LocalFontSource as a2, type FontSource as a3, type FontSpec as a4, type ValidatedLanguageCollection as a5, type ThFontFamilyPref as a6, readiumCSSFontCollection as a7, defaultFontCollection as a8, tamilCollection as a9, arabicFarsiCollection as aa, hebrewCollection as ab, chineseSimplifiedCollection as ac, chineseTraditionalCollection as ad, japaneseCollection as ae, japaneseVerticalCollection as af, koreanCollection as ag, type CopyProtectionConfig as ah, type PrintProtectionConfig as ai, type ContentProtectionConfig as aj, resolveContentProtectionConfig as ak, resolveAudioContentProtectionConfig as al, defaultContentProtectionConfig as am, defaultAudioContentProtectionConfig as an, devContentProtectionConfig as ao, lightTheme as ap, darkTheme as aq, paperTheme as ar, sepiaTheme as as, contrast1Theme as at, contrast2Theme as au, contrast3Theme as av, type AudioContentProtectionConfig as b, type ThPreferencesAdapter as c, type ThPreferences as d, type ThGlobalPreferences as e, type ThGlobalPreferencesAdapter as f, type FontDefinition as g, createGlobalPreferences as h, type ThemeKey as i, type TextSettingsKey as j, type SpacingSettingsKey as k, type ThSettingsSpacingPresets as l, type ThSpacingPreset as m, type ThActionsPref as n, type ThSettingsKeyTypes as o, type ThConstraintKeys as p, createPreferences as q, type ActionKeyType as r, type ThemeKeyType as s, type SettingsKeyType as t, useTheming as u, type TextSettingsKeyType as v, type SpacingSettingsKeyType as w, type useThemingProps as x, type CSSValueUnitless as y, type CSSValueWithUnit as z };
+export { type CSSColor as $, type ActionKey as A, type SpacingSettingsKeyType as B, type CustomizableKeys as C, type DefaultKeys as D, type useThemingProps as E, type FontCollection as F, type CSSValueUnitless as G, type CSSValueWithUnit as H, type CSSAbsoluteLength as I, type CSSAngle as J, type CSSDefaultViewport as K, type LocalStaticFontFile as L, type CSSDynamicViewport as M, type CSSFrequency as N, type CSSFontRelativeLength as O, type CSSLargeViewport as P, type CSSPhysicalLength as Q, type CSSRelativeLength as R, type SettingsKey as S, ThThemeKeys as T, type CSSResolution as U, type VariableFontRangeConfig as V, type WeightConfig as W, type CSSRootFontRelativeLength as X, type CSSSmallViewport as Y, type CSSTime as Z, type CSSViewport as _, type ThemeTokens as a, type SystemFontSource as a0, type BunnyFontSource as a1, type GoogleFontSource as a2, type LocalVariableFontFile as a3, type LocalStaticFontSource as a4, type LocalVariableFontSource as a5, type LocalFontSource as a6, type FontSource as a7, type FontSpec as a8, type ValidatedLanguageCollection as a9, type ThFontFamilyPref as aa, readiumCSSFontCollection as ab, defaultFontCollection as ac, tamilCollection as ad, arabicFarsiCollection as ae, hebrewCollection as af, chineseSimplifiedCollection as ag, chineseTraditionalCollection as ah, japaneseCollection as ai, japaneseVerticalCollection as aj, koreanCollection as ak, type CopyProtectionConfig as al, type PrintProtectionConfig as am, type ContentProtectionConfig as an, resolveContentProtectionConfig as ao, resolveAudioContentProtectionConfig as ap, defaultContentProtectionConfig as aq, defaultAudioContentProtectionConfig as ar, devContentProtectionConfig as as, lightTheme as at, darkTheme as au, paperTheme as av, sepiaTheme as aw, contrast1Theme as ax, contrast2Theme as ay, contrast3Theme as az, type AudioContentProtectionConfig as b, type ThShortcutsPref as c, type ThPreferencesAdapter as d, type ThPreferences as e, type ThGlobalPreferences as f, type ThGlobalPreferencesAdapter as g, type FontDefinition as h, type ThIconPref as i, type ThLayoutDefaultsPref as j, createGlobalPreferences as k, type ThemeKey as l, type TextSettingsKey as m, type SpacingSettingsKey as n, type ThSettingsSpacingPresets as o, type ThSpacingPreset as p, type ThActionsPref as q, type ThSettingsKeyTypes as r, type ThConstraintKeys as s, type ThShortcutsDisplayIn as t, useTheming as u, createPreferences as v, type ActionKeyType as w, type ThemeKeyType as x, type SettingsKeyType as y, type TextSettingsKeyType as z };

package/dist/{ThSettingsWrapper-B_9klYXH.d.mts → ThSettingsWrapper-DtzcwzYX.d.mts}

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default, { ComponentType, SVGProps } from 'react';
 import { TooltipTriggerProps, KeyboardProps } from 'react-aria';
 import { ButtonProps, TooltipProps, MenuItemProps, LabelProps, MenuProps, MenuTriggerProps, PopoverProps, NumberFieldProps, GroupProps, InputProps, RadioGroupProps, RadioProps, SliderProps, SliderOutputProps, SliderTrackProps, SliderThumbProps, SwitchProps, HeadingProps, SelectProps, Button, ListBoxProps, ListBox, ListBoxItemProps, Heading } from 'react-aria-components';
-import { h as ThActionEntry, i as ThActionsBarProps, C as CollapsiblePref } from './actions-CuRRM3rp.mjs';
+import { h as ThActionEntry, i as ThActionsBarProps, C as CollapsiblePref } from './actions-C33UN3Ji.mjs';
 
 interface HTMLAttributesWithRef<T> extends React.HTMLAttributes<T> {
     ref?: React.ForwardedRef<T>;
@@ -13,7 +13,7 @@ type WithRef<T, K> = T & {
 
 interface ThActionButtonProps extends ButtonProps {
     label?: string;
-    ref?: React.ForwardedRef<HTMLButtonElement>;
+    ref?: React__default.ForwardedRef<HTMLButtonElement>;
     compounds?: {
         /**
          * Props for the tooltipTrigger component. See `TooltipTriggerProps` for more information.
@@ -24,9 +24,9 @@ interface ThActionButtonProps extends ButtonProps {
          */
         tooltip?: WithRef<TooltipProps, HTMLDivElement>;
         /**
-         * String for the tooltip
+         * Content for the tooltip
          */
-        label: string;
+        label: React__default.ReactNode;
     };
 }
 declare const ThActionButton: ({ ref, compounds, children, ...props }: ThActionButtonProps) => react_jsx_runtime.JSX.Element;

package/dist/{actions-CuRRM3rp.d.mts → actions-C33UN3Ji.d.mts}

@@ -2,6 +2,7 @@ import { RefObject } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToolbarProps } from 'react-aria-components';
 import { B as BreakpointsMap } from './ui-DnZZhozX.mjs';
+import { KeyCombo } from '@readium/navigator-html-injectables';
 
 declare enum ThActionsTriggerVariant {
     button = "iconButton",
@@ -41,10 +42,20 @@ declare const useCollapsibility: (items: ThActionEntry<string>[], prefs: Collaps
     getGhostRef: (el: HTMLDivElement | null) => void;
 };
 
+type I18nValue<T> = T | string | {
+    key: string;
+    fallback?: string;
+};
+
+interface ThShortcutConfig {
+    keyCombos: KeyCombo[];
+    label?: I18nValue<string>;
+}
+declare const TEXT_INPUT_SELECTORS: string[];
 type ThBottomSheetDetent = "content-height" | "full-height";
 interface ThActionsTokens {
     visibility: ThCollapsibilityVisibility;
-    shortcut: string | null;
+    shortcut: ThShortcutConfig | null;
     sheet?: {
         defaultSheet: Exclude<ThSheetTypes, ThSheetTypes.dockedStart | ThSheetTypes.dockedEnd | ThSheetTypes.compactPopover>;
         breakpoints: BreakpointsMap<Exclude<ThSheetTypes, ThSheetTypes.compactPopover>>;
@@ -54,7 +65,7 @@ interface ThActionsTokens {
 }
 interface ThAudioActionsTokens {
     visibility: ThCollapsibilityVisibility;
-    shortcut: string | null;
+    shortcut: ThShortcutConfig | null;
     sheet?: {
         defaultSheet: Exclude<ThSheetTypes, ThSheetTypes.dockedStart | ThSheetTypes.dockedEnd | ThSheetTypes.popover>;
         breakpoints: BreakpointsMap<Exclude<ThSheetTypes, ThSheetTypes.popover>>;
@@ -120,4 +131,4 @@ declare const defaultFullscreenAction: ThActionsTokens;
 declare const defaultTocAction: ThActionsTokens;
 declare const defaultJumpToPositionAction: ThActionsTokens;
 
-export { type CollapsiblePref as C, ThDockingKeys as T, ThSheetHeaderVariant as a, type ThAudioActionsTokens as b, type ThActionsTokens as c, type ThCollapsibility as d, ThSheetTypes as e, type ThDockingPref as f, ThActionsKeys as g, type ThActionEntry as h, type ThActionsBarProps as i, type ThBottomSheetDetent as j, type ThActionsDockedPref as k, type ThActionsSnappedPref as l, ThDockingTypes as m, defaultActionKeysObject as n, defaultSettingsAction as o, defaultFullscreenAction as p, defaultTocAction as q, defaultJumpToPositionAction as r, ThCollapsibilityVisibility as s, ThActionsTriggerVariant as t, useCollapsibility as u, ThActionsBar as v };
+export { type CollapsiblePref as C, type I18nValue as I, ThDockingKeys as T, ThSheetHeaderVariant as a, type ThAudioActionsTokens as b, type ThActionsTokens as c, type ThCollapsibility as d, ThSheetTypes as e, type ThDockingPref as f, ThActionsKeys as g, type ThActionEntry as h, type ThActionsBarProps as i, type ThShortcutConfig as j, TEXT_INPUT_SELECTORS as k, type ThBottomSheetDetent as l, type ThActionsDockedPref as m, type ThActionsSnappedPref as n, ThDockingTypes as o, defaultActionKeysObject as p, defaultSettingsAction as q, defaultFullscreenAction as r, defaultTocAction as s, defaultJumpToPositionAction as t, ThCollapsibilityVisibility as u, useCollapsibility as v, ThActionsTriggerVariant as w, ThActionsBar as x };

package/dist/{actionsReducer-VFR42qgL.d.mts → actionsReducer-Bzcj3wk3.d.mts}

@@ -1,6 +1,6 @@
 import * as _reduxjs_toolkit from '@reduxjs/toolkit';
 import { W as WritableDraft } from './immer.d-CoRThNOF.mjs';
-import { T as ThDockingKeys } from './actions-CuRRM3rp.mjs';
+import { T as ThDockingKeys } from './actions-C33UN3Ji.mjs';
 
 type ActionsStateKeys = string;
 type OverflowStateKeys = string;

package/dist/{chunk-WF2UOYO7.mjs → chunk-2T65MDBR.mjs}

@@ -1,4 +1,4 @@
-import { ThGrid, ThLoader } from './chunk-ETLIGONP.mjs';
+import { ThGrid, ThLoader } from './chunk-ZD4LTF6G.mjs';
 import { useI18n } from './chunk-2NCN2AG2.mjs';
 import { isValidElement, cloneElement } from 'react';
 import { Link } from 'react-aria-components';
@@ -130,5 +130,5 @@ var ErrorDisplay = ({
 };
 
 export { DefaultImage, ErrorDisplay, PublicationGrid, StatefulLoader };
-//# sourceMappingURL=chunk-WF2UOYO7.mjs.map
-//# sourceMappingURL=chunk-WF2UOYO7.mjs.map
+//# sourceMappingURL=chunk-2T65MDBR.mjs.map
+//# sourceMappingURL=chunk-2T65MDBR.mjs.map

package/dist/{chunk-WF2UOYO7.mjs.map → chunk-2T65MDBR.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Misc/assets/styles/thorium-web.publicationGrid.module.css","../src/components/Misc/PublicationGrid.tsx","../src/components/Misc/assets/styles/thorium-web.loader.module.css","../src/components/Misc/StatefulLoader.tsx","../src/components/Misc/assets/styles/thorium-web.error.module.css","../src/components/Misc/ErrorDisplay.tsx"],"names":["wrapper","card","cover","image","info","title","author","rendition","loader","jsx","message","jsxs"],"mappings":";;;;;;;;AAAA,IAAA,mCAAA,GAAA;AAAA,EAAC,OAAA,EAAAA,qCAAAA;AAAA,EAWA,IAAA,EAAAC,kCAAAA;AAAA,EAgBA,KAAA,EAAAC,mCAAAA;AAAA,EAQA,KAAA,EAAAC,mCAAAA;AAAA,EAMA,IAAA,EAAAC,kCAAAA;AAAA,EAOA,KAAA,EAAAC,mCAAAA;AAAA,EAOA,MAAA,EAAAC,oCAAAA;AAAA,EAMA,SAAA,EAAAC;AAAA,CAAA;AClDM,IAAM,eAAe,CAAC;AAAA,EAC3B,GAAA;AAAA,EACA,GAAA,GAAM;AACR,CAAA,qBAIE,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,GAAA;AAAA,IACA,WAAY,mCAAA,CAAsB,KAAA;AAAA,IAClC,OAAA,EAAQ;AAAA;AACV;AAkBK,IAAM,kBAAkB,CAAC;AAAA,EAC9B,YAAA;AAAA,EACA,WAAA,GAAc,GAAA;AAAA,EACd,GAAA,GAAM,QAAA;AAAA,EACN,WAAA,GAAc,CAAC,WAAA,qBACb,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,KAAM,WAAA,CAAY,KAAA;AAAA,MAClB,GAAA,EAAI;AAAA;AAAA;AAGV,CAAA,KAA4B;AAC1B,EAAA,MAAM,oBAAA,GAAuB,CAAC,WAAA,KAA6B;AACzD,IAAA,MAAM,KAAA,GAAQ,YAAY,WAAW,CAAA;AAErC,IAAA,IAAI,CAAC,cAAA,CAA0D,KAAK,CAAA,EAAG;AACrE,MAAA,uBACE,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,KAAM,WAAA,CAAY,KAAA;AAAA,UAClB,GAAA,EAAI;AAAA;AAAA,OACN;AAAA,IAEJ;AAEA,IAAA,OAAO,aAAa,KAAA,EAAO;AAAA,MACzB,SAAA,EAAW,UAAA;AAAA,QACT,mCAAA,CAAsB,KAAA;AAAA,QACtB,MAAM,KAAA,CAAM;AAAA;AACd,KACD,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAY,mCAAA,CAAsB,OAAA;AAAA,MAClC,KAAA,EAAQ,YAAA;AAAA,MACR,WAAA;AAAA,MACA,GAAA;AAAA,MACA,UAAA,EAAa,CAAC,WAAA,EAAa,KAAA,qBACzB,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,MAAO,WAAA,CAAY,GAAA;AAAA,UAEnB,WAAY,mCAAA,CAAsB,IAAA;AAAA,UAElC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAO,SAAA,EAAY,mCAAA,CAAsB,KAAA,EACtC,QAAA,EAAA,oBAAA,CAAqB,WAAW,CAAA,EACpC,CAAA;AAAA,4BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAY,mCAAA,CAAsB,IAAA,EACrC,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAY,mCAAA,CAAsB,KAAA,EAClC,sBAAY,KAAA,EAChB,CAAA;AAAA,kCACC,GAAA,EAAA,EAAE,SAAA,EAAY,mCAAA,CAAsB,MAAA,EACjC,sBAAY,MAAA,EAChB,CAAA;AAAA,cACE,WAAA,CAAY,6BACZ,GAAA,CAAC,GAAA,EAAA,EAAE,WAAY,mCAAA,CAAsB,SAAA,EACjC,sBAAY,SAAA,EAChB;AAAA,aAAA,EAEJ;AAAA;AAAA,SAAA;AAAA,QAlBM;AAAA;AAmBR;AAAA,GAEJ;AAEJ;;;ACxGA,IAAA,0BAAA,GAAA;AAAA,EAAC,OAAA,EAAAP,4BAAAA;AAAA,EAMA,MAAA,EAAAQ,2BAgBY,CAAA;ACdN,IAAM,cAAA,GAAiB,CAAC,EAAE,SAAA,EAAW,UAAS,KAAmD;AACtG,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,OAAA,EAAQ;AAEtB,EAAA,uBACEC,GAAAA,CAAA,QAAA,EAAA,EACA,QAAA,kBAAAA,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,MAAA,kBAASA,GAAAA,CAAC,KAAA,EAAA,EAAI,WAAY,0BAAA,CAAmB,MAAA,EAAW,QAAA,EAAA,CAAA,CAAE,oBAAoB,CAAA,EAAG,CAAA;AAAA,MACjF,WAAY,0BAAA,CAAmB,OAAA;AAAA,MAE7B;AAAA;AAAA,GACJ,EACA,CAAA;AAEJ;;;ACtBA,IAAA,yBAAA,GAAA;AAAA,EAAC,OAAA,EAAAT,2BAAAA;AAAA,EAWA,KAAA,EAAAK,yBAAAA;AAAA,EAOA,OAAA,EAAAK;AAAA,CAAA;ACPM,IAAM,eAAe,CAAC;AAAA,EAC3B,KAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,KAAyB;AACvB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,OAAA,EAAQ;AAEtB,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAA,IAAI,KAAA,CAAM,UAAA,EAAW,EAAG,OAAO,EAAE,4BAA4B,CAAA;AAC7D,IAAA,IAAI,KAAA,CAAM,cAAA,EAAe,EAAG,OAAO,EAAE,gCAAgC,CAAA;AACrE,IAAA,IAAI,KAAA,CAAM,SAAA,EAAU,EAAG,OAAO,EAAE,2BAA2B,CAAA;AAC3D,IAAA,IAAI,KAAA,CAAM,aAAA,EAAc,EAAG,OAAO,EAAE,+BAA+B,CAAA;AACnE,IAAA,IAAI,KAAA,CAAM,aAAA,EAAc,EAAG,OAAO,EAAE,+BAA+B,CAAA;AACnE,IAAA,OAAO,EAAE,2BAA2B,CAAA;AAAA,EACtC,CAAA;AAEA,EAAA,uBACEC,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAY,0BAAY,OAAA,EAC3B,QAAA,EAAA;AAAA,oBAAAF,GAAAA,CAAC,QAAG,SAAA,EAAY,yBAAA,CAAY,OAAU,QAAA,EAAA,KAAA,IAAS,CAAA,CAAE,yBAAyB,CAAA,EAAG,CAAA;AAAA,oBAC7EA,GAAAA,CAAC,GAAA,EAAA,EAAE,WAAY,yBAAA,CAAY,OAAA,EAAY,0BAAe,EAAG,CAAA;AAAA,IACvD;AAAA,GAAA,EACJ,CAAA;AAEJ","file":"chunk-WF2UOYO7.mjs","sourcesContent":[".wrapper {\n  --th-color-text: #333;\n  --th-color-text-secondary: #666;\n  --th-color-background: #fff;\n  --th-color-primary: #e0e0e0;\n  --th-color-secondary: #fafafa;\n\n  padding: 1rem;\n  width: 100%;\n}\n\n.card {\n  display: flex;\n  text-decoration: none;\n  color: inherit;\n  border: 1px solid var(--th-color-primary);\n  border-radius: 8px;\n  overflow: hidden;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n  background: white;\n}\n\n.card:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}\n\n.cover {\n  width: 120px;\n  height: 180px;\n  flex-shrink: 0;\n  margin: 0;\n  background-color: var(--th-color-secondary);\n}\n\n.image {\n  width: 120px;\n  height: 180px;\n  object-fit: contain;\n}\n\n.info {\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n.title {\n  margin: 0 0 0.5rem;\n  font-weight: 600;\n  font-size: 1.25rem;\n  color: var(--th-color-text);\n}\n\n.author {\n  margin: 0 0 0.75rem;\n  color: var(--th-color-text-secondary);\n  font-size: 1rem;\n}\n\n.rendition {\n  background: var(--th-color-primary);\n  color: var(--th-color-text);\n  padding: 0.25rem 0.75rem;\n  margin: 0;\n  border-radius: 20px;\n  font-size: 0.875rem;\n  font-weight: 500;\n  margin-top: auto;\n  align-self: flex-start;\n}","\"use client\";\n\nimport React, { cloneElement, isValidElement } from \"react\";\n\nimport publicationGridStyles from \"./assets/styles/thorium-web.publicationGrid.module.css\";\n\nimport { ThGrid } from \"@/core/Components\";\nimport { Link } from \"react-aria-components\";\n\nimport classNames from \"classnames\";\n\nexport const DefaultImage = ({\n  src,\n  alt = \"\"\n}: {\n  src: string;\n  alt?: string;\n}) => (\n  <img\n    src={ src }\n    alt={ alt }\n    className={ publicationGridStyles.image }\n    loading=\"lazy\"\n  />\n);\n\nexport interface Publication {\n  title: string;\n  author: string;\n  cover: string;\n  url: string;\n  rendition?: string;\n}\n\nexport interface PublicationGridProps {\n  publications: Publication[];\n  columnWidth?: number;\n  gap?: string;\n  renderCover?: (publication: Publication) => React.ReactElement<React.ImgHTMLAttributes<HTMLImageElement>>;\n}\n\nexport const PublicationGrid = ({ \n  publications,\n  columnWidth = 400,\n  gap = \"1.5rem\",\n  renderCover = (publication) => (\n    <DefaultImage\n      src={ publication.cover }\n      alt=\"\"\n    />\n  ),\n}: PublicationGridProps) => {\n  const renderCoverWithClass = (publication: Publication) => {\n    const cover = renderCover(publication);\n    \n    if (!isValidElement<React.ImgHTMLAttributes<HTMLImageElement>>(cover)) {\n      return (\n        <DefaultImage\n          src={ publication.cover }\n          alt=\"\"\n        />\n      );\n    }\n\n    return cloneElement(cover, {\n      className: classNames(\n        publicationGridStyles.image,\n        cover.props.className\n      )\n    });\n  };\n\n  return (\n    <ThGrid\n      className={ publicationGridStyles.wrapper }\n      items={ publications }\n      columnWidth={ columnWidth }\n      gap={ gap }\n      renderItem={ (publication, index) => (\n        <Link\n          href={ publication.url }\n          key={ index }\n          className={ publicationGridStyles.card }\n        >\n          <figure className={ publicationGridStyles.cover }>\n            { renderCoverWithClass(publication) }\n          </figure>\n          <div className={ publicationGridStyles.info }>\n            <h2 className={ publicationGridStyles.title }>\n              { publication.title }\n            </h2>\n            <p className={ publicationGridStyles.author }>\n              { publication.author }\n            </p>\n            { publication.rendition && (\n              <p className={ publicationGridStyles.rendition }>\n                { publication.rendition }\n              </p>\n            ) }\n          </div>\n        </Link>\n      ) }\n    />\n  );\n};",".wrapper {\n  width: 100%;\n  height: 100dvh;\n  height: 100vh;\n}\n\n.loader {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  color: var(--th-theme-text, CanvasText);\n  background-color: var(--th-theme-background, Canvas);\n  font-weight: bold;\n}\n\n.loader::after {\n  content: \"...\";\n  overflow: hidden;\n  display: inline-block;\n  vertical-align: bottom;\n  animation: ellipsis-dot 1s infinite 300ms;\n  animation-fill-mode: forwards;\n  width: 3ch;\n}\n\n@keyframes ellipsis-dot {\n  25% {\n    content: \"\";\n  }\n  50% {\n    content: \".\";\n  }\n  75% {\n    content: \"..\";\n  }\n  100% {\n    content: \"...\";\n  }\n}","import { ReactNode } from \"react\";\n\nimport readerLoaderStyles from \"./assets/styles/thorium-web.loader.module.css\";\n\nimport { ThLoader } from \"@/core/Components/Reader/ThLoader\";\n\nimport { useI18n } from \"@/i18n/useI18n\";\n\nexport const StatefulLoader = ({ isLoading, children }: { isLoading: boolean, children: ReactNode }) => {\n  const { t } = useI18n();\n\n  return (\n    <>\n    <ThLoader \n      isLoading={ isLoading } \n      loader={ <div className={ readerLoaderStyles.loader }>{ t(\"reader.app.loading\") }</div> } \n      className={ readerLoaderStyles.wrapper } \n    >\n      { children }\n    </ThLoader>\n    </>\n  )\n}",".wrapper {\n  --th-color-text: #333;\n  --th-color-text-secondary: #666;\n  --th-color-background: #fff;\n\n  padding: 2rem;\n  text-align: center;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.title {\n  font-size: 1.5rem;\n  font-weight: 600;\n  color: var(--th-color-text);\n  margin: 0 0 1rem 0;\n}\n\n.message {\n  font-size: 1.125rem;\n  color: var(--th-color-text-secondary);\n  line-height: 1.6;\n  margin: 0 0 1.5rem 0;\n}","import { ReactNode } from \"react\";\nimport { ProcessedError } from \"@/helpers/errorHandler\";\nimport { useI18n } from \"@/i18n/useI18n\";\nimport errorStyles from \"./assets/styles/thorium-web.error.module.css\";\n\ninterface ErrorDisplayProps {\n  error: ProcessedError;\n  title?: string;\n  children?: ReactNode;\n}\n\nexport const ErrorDisplay = ({ \n  error, \n  title,\n  children\n}: ErrorDisplayProps) => {\n  const { t } = useI18n();\n  \n  const getUserMessage = () => {\n    if (error.isNotFound()) return t(\"reader.app.errors.notFound\");\n    if (error.isAccessDenied()) return t(\"reader.app.errors.accessDenied\");\n    if (error.isNetwork()) return t(\"reader.app.errors.network\");\n    if (error.isServerError()) return t(\"reader.app.errors.serverError\");\n    if (error.isClientError()) return t(\"reader.app.errors.clientError\");\n    return t(\"reader.app.errors.generic\");\n  };\n\n  return (\n    <div className={ errorStyles.wrapper }>\n      <h1 className={ errorStyles.title }>{ title || t(\"reader.app.errors.title\") }</h1>\n      <p className={ errorStyles.message }>{ getUserMessage() }</p>\n      { children }\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/Misc/assets/styles/thorium-web.publicationGrid.module.css","../src/components/Misc/PublicationGrid.tsx","../src/components/Misc/assets/styles/thorium-web.loader.module.css","../src/components/Misc/StatefulLoader.tsx","../src/components/Misc/assets/styles/thorium-web.error.module.css","../src/components/Misc/ErrorDisplay.tsx"],"names":["wrapper","card","cover","image","info","title","author","rendition","loader","jsx","message","jsxs"],"mappings":"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","file":"chunk-2T65MDBR.mjs","sourcesContent":[".wrapper {\n  --th-color-text: #333;\n  --th-color-text-secondary: #666;\n  --th-color-background: #fff;\n  --th-color-primary: #e0e0e0;\n  --th-color-secondary: #fafafa;\n\n  padding: 1rem;\n  width: 100%;\n}\n\n.card {\n  display: flex;\n  text-decoration: none;\n  color: inherit;\n  border: 1px solid var(--th-color-primary);\n  border-radius: 8px;\n  overflow: hidden;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n  background: white;\n}\n\n.card:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}\n\n.cover {\n  width: 120px;\n  height: 180px;\n  flex-shrink: 0;\n  margin: 0;\n  background-color: var(--th-color-secondary);\n}\n\n.image {\n  width: 120px;\n  height: 180px;\n  object-fit: contain;\n}\n\n.info {\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n.title {\n  margin: 0 0 0.5rem;\n  font-weight: 600;\n  font-size: 1.25rem;\n  color: var(--th-color-text);\n}\n\n.author {\n  margin: 0 0 0.75rem;\n  color: var(--th-color-text-secondary);\n  font-size: 1rem;\n}\n\n.rendition {\n  background: var(--th-color-primary);\n  color: var(--th-color-text);\n  padding: 0.25rem 0.75rem;\n  margin: 0;\n  border-radius: 20px;\n  font-size: 0.875rem;\n  font-weight: 500;\n  margin-top: auto;\n  align-self: flex-start;\n}","\"use client\";\n\nimport React, { cloneElement, isValidElement } from \"react\";\n\nimport publicationGridStyles from \"./assets/styles/thorium-web.publicationGrid.module.css\";\n\nimport { ThGrid } from \"@/core/Components\";\nimport { Link } from \"react-aria-components\";\n\nimport classNames from \"classnames\";\n\nexport const DefaultImage = ({\n  src,\n  alt = \"\"\n}: {\n  src: string;\n  alt?: string;\n}) => (\n  <img\n    src={ src }\n    alt={ alt }\n    className={ publicationGridStyles.image }\n    loading=\"lazy\"\n  />\n);\n\nexport interface Publication {\n  title: string;\n  author: string;\n  cover: string;\n  url: string;\n  rendition?: string;\n}\n\nexport interface PublicationGridProps {\n  publications: Publication[];\n  columnWidth?: number;\n  gap?: string;\n  renderCover?: (publication: Publication) => React.ReactElement<React.ImgHTMLAttributes<HTMLImageElement>>;\n}\n\nexport const PublicationGrid = ({ \n  publications,\n  columnWidth = 400,\n  gap = \"1.5rem\",\n  renderCover = (publication) => (\n    <DefaultImage\n      src={ publication.cover }\n      alt=\"\"\n    />\n  ),\n}: PublicationGridProps) => {\n  const renderCoverWithClass = (publication: Publication) => {\n    const cover = renderCover(publication);\n    \n    if (!isValidElement<React.ImgHTMLAttributes<HTMLImageElement>>(cover)) {\n      return (\n        <DefaultImage\n          src={ publication.cover }\n          alt=\"\"\n        />\n      );\n    }\n\n    return cloneElement(cover, {\n      className: classNames(\n        publicationGridStyles.image,\n        cover.props.className\n      )\n    });\n  };\n\n  return (\n    <ThGrid\n      className={ publicationGridStyles.wrapper }\n      items={ publications }\n      columnWidth={ columnWidth }\n      gap={ gap }\n      renderItem={ (publication, index) => (\n        <Link\n          href={ publication.url }\n          key={ index }\n          className={ publicationGridStyles.card }\n        >\n          <figure className={ publicationGridStyles.cover }>\n            { renderCoverWithClass(publication) }\n          </figure>\n          <div className={ publicationGridStyles.info }>\n            <h2 className={ publicationGridStyles.title }>\n              { publication.title }\n            </h2>\n            <p className={ publicationGridStyles.author }>\n              { publication.author }\n            </p>\n            { publication.rendition && (\n              <p className={ publicationGridStyles.rendition }>\n                { publication.rendition }\n              </p>\n            ) }\n          </div>\n        </Link>\n      ) }\n    />\n  );\n};",".wrapper {\n  width: 100%;\n  height: 100dvh;\n  height: 100vh;\n}\n\n.loader {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  color: var(--th-theme-text, CanvasText);\n  background-color: var(--th-theme-background, Canvas);\n  font-weight: bold;\n}\n\n.loader::after {\n  content: \"...\";\n  overflow: hidden;\n  display: inline-block;\n  vertical-align: bottom;\n  animation: ellipsis-dot 1s infinite 300ms;\n  animation-fill-mode: forwards;\n  width: 3ch;\n}\n\n@keyframes ellipsis-dot {\n  25% {\n    content: \"\";\n  }\n  50% {\n    content: \".\";\n  }\n  75% {\n    content: \"..\";\n  }\n  100% {\n    content: \"...\";\n  }\n}","import { ReactNode } from \"react\";\n\nimport readerLoaderStyles from \"./assets/styles/thorium-web.loader.module.css\";\n\nimport { ThLoader } from \"@/core/Components/Reader/ThLoader\";\n\nimport { useI18n } from \"@/i18n/useI18n\";\n\nexport const StatefulLoader = ({ isLoading, children }: { isLoading: boolean, children: ReactNode }) => {\n  const { t } = useI18n();\n\n  return (\n    <>\n    <ThLoader \n      isLoading={ isLoading } \n      loader={ <div className={ readerLoaderStyles.loader }>{ t(\"reader.app.loading\") }</div> } \n      className={ readerLoaderStyles.wrapper } \n    >\n      { children }\n    </ThLoader>\n    </>\n  )\n}",".wrapper {\n  --th-color-text: #333;\n  --th-color-text-secondary: #666;\n  --th-color-background: #fff;\n\n  padding: 2rem;\n  text-align: center;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.title {\n  font-size: 1.5rem;\n  font-weight: 600;\n  color: var(--th-color-text);\n  margin: 0 0 1rem 0;\n}\n\n.message {\n  font-size: 1.125rem;\n  color: var(--th-color-text-secondary);\n  line-height: 1.6;\n  margin: 0 0 1.5rem 0;\n}","import { ReactNode } from \"react\";\nimport { ProcessedError } from \"@/helpers/errorHandler\";\nimport { useI18n } from \"@/i18n/useI18n\";\nimport errorStyles from \"./assets/styles/thorium-web.error.module.css\";\n\ninterface ErrorDisplayProps {\n  error: ProcessedError;\n  title?: string;\n  children?: ReactNode;\n}\n\nexport const ErrorDisplay = ({ \n  error, \n  title,\n  children\n}: ErrorDisplayProps) => {\n  const { t } = useI18n();\n  \n  const getUserMessage = () => {\n    if (error.isNotFound()) return t(\"reader.app.errors.notFound\");\n    if (error.isAccessDenied()) return t(\"reader.app.errors.accessDenied\");\n    if (error.isNetwork()) return t(\"reader.app.errors.network\");\n    if (error.isServerError()) return t(\"reader.app.errors.serverError\");\n    if (error.isClientError()) return t(\"reader.app.errors.clientError\");\n    return t(\"reader.app.errors.generic\");\n  };\n\n  return (\n    <div className={ errorStyles.wrapper }>\n      <h1 className={ errorStyles.title }>{ title || t(\"reader.app.errors.title\") }</h1>\n      <p className={ errorStyles.message }>{ getUserMessage() }</p>\n      { children }\n    </div>\n  );\n};\n"]}

package/dist/{chunk-RBEPH5E5.mjs → chunk-63LKYJFG.mjs}

@@ -1,10 +1,10 @@
-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 { useFonts, useZoomCallbacks, StatefulReaderHeader, StatefulReaderFooter, getReaderClassNames } from './chunk-Y5X74VW7.mjs';
+import { createDefaultPlugin, useSpacingPresets, useSettingsComponentStatus, usePositionStorage, fromActionPeripheralType, NavPeripheralType, NavigatorProvider, thorium_web_reader_app_default, StatefulDockingWrapper, ZOOM_IN_KEY_COMBOS, ZOOM_OUT_KEY_COMBOS, toActionPeripheralType, useLineHeight } from './chunk-KJ55Q63A.mjs';
+import { useWebPubSettingsCache, useFullscreen, useWebPubNavigator, useTimeline, useDocumentTitle } from './chunk-GRYEOCGD.mjs';
+import { setFullscreen, setTimeline, setHovering, toggleImmersive, toggleActionOpen, setPublicationStart, setPublicationEnd, setLoading } from './chunk-PAFJZH7O.mjs';
+import { usePreferences, resolveContentProtectionConfig, useActionsPreferences } from './chunk-PRQBFBJ7.mjs';
+import { useAppSelector, useAppDispatch } from './chunk-A575ZW4A.mjs';
+import { ThPluginRegistry, ThPluginProvider } from './chunk-ZD4LTF6G.mjs';
 import { useI18n } from './chunk-2NCN2AG2.mjs';
 import { useState, useLayoutEffect, useRef, useCallback, useMemo, useEffect } from 'react';
 import { Locator } from '@readium/shared';
@@ -15,9 +15,9 @@ var useWebPubPreferencesConfig = ({
   settings,
   fontLanguage,
   hasDisplayTransformability,
-  getFontMetadata,
-  lineHeightOptions
+  getFontMetadata
 }) => {
+  const { processedValues: lineHeightOptions } = useLineHeight();
   const { isComponentUsed: isFontFamilyUsed } = useSettingsComponentStatus({
     settingsKey: "fontFamily" /* fontFamily */,
     publicationType: "webpub"
@@ -90,7 +90,6 @@ var useWebPubPreferencesConfig = ({
     fontLanguage,
     hasDisplayTransformability,
     getFontMetadata,
-    lineHeightOptions,
     isFontFamilyUsed,
     isFontWeightUsed,
     isHyphensUsed,
@@ -102,7 +101,8 @@ var useWebPubPreferencesConfig = ({
     isParagraphSpacingUsed,
     isTextAlignUsed,
     isTextNormalizeUsed,
-    isWordSpacingUsed
+    isWordSpacingUsed,
+    lineHeightOptions
   ]);
   return { webPubPreferences };
 };
@@ -146,8 +146,8 @@ var useWebPubReaderInit = ({
   injectFontResources,
   removeFontResources,
   getFontInjectables,
-  lineHeightOptions,
   contentProtectionConfig,
+  keyboardPeripherals,
   onNavigatorReady,
   onNavigatorLoaded,
   onCleanup
@@ -157,8 +157,7 @@ var useWebPubReaderInit = ({
     settings: cache.current.settings,
     fontLanguage,
     hasDisplayTransformability,
-    getFontMetadata,
-    lineHeightOptions
+    getFontMetadata
   });
   const { injectables } = useWebPubInjectablesConfig({
     isFontFamilyUsed,
@@ -187,7 +186,8 @@ var useWebPubReaderInit = ({
         experiments: preferences.experiments?.webPub || null
       },
       injectables,
-      contentProtection: contentProtectionConfig
+      contentProtection: contentProtectionConfig,
+      keyboardPeripherals
     };
     isNavigatorLoadedWebPub.current = true;
     onNavigatorReady?.();
@@ -217,6 +217,20 @@ var useWebPubReaderInit = ({
     navigatorReady
   };
 };
+var useWebPubKeyboardPeripherals = () => {
+  const { actionsKeys } = useActionsPreferences();
+  return useMemo(() => {
+    const config = [
+      { type: NavPeripheralType.zoomIn, keyCombos: [...ZOOM_IN_KEY_COMBOS] },
+      { type: NavPeripheralType.zoomOut, keyCombos: [...ZOOM_OUT_KEY_COMBOS] }
+    ];
+    for (const [key, tokens] of Object.entries(actionsKeys)) {
+      const shortcut = tokens?.shortcut;
+      if (shortcut) config.push({ type: toActionPeripheralType(key), keyCombos: shortcut.keyCombos });
+    }
+    return config;
+  }, [actionsKeys]);
+};
 var ExperimentalWebPubStatefulReader = ({
   publication,
   localDataKey,
@@ -288,10 +302,12 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage, contain
   );
   const layoutUI = preferences.theming.layout.ui?.webPub || "stacked-ui" /* stacked */;
   const dispatch = useAppDispatch();
+  const profile = useAppSelector((state) => state.reader.profile);
+  const keyboardPeripherals = useWebPubKeyboardPeripherals();
   const onFsChange = useCallback((isFullscreen) => {
     dispatch(setFullscreen(isFullscreen));
   }, [dispatch]);
-  const fs = useFullscreen(onFsChange);
+  useFullscreen(onFsChange);
   const webPubNavigator = useWebPubNavigator();
   const {
     currentPositions,
@@ -308,7 +324,6 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage, contain
       dispatch(setTimeline(timeline2));
     }
   });
-  const lineHeightOptions = useLineHeight();
   const documentTitleFormat = preferences.metadata?.documentTitle?.format;
   let documentTitle;
   if (documentTitleFormat) {
@@ -342,30 +357,9 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage, contain
     dispatch(setHovering(false));
     dispatch(toggleImmersive());
   }, [dispatch]);
-  const appStore = useAppStore();
-  const p = useMemo(() => new Peripherals(appStore, preferences.actions, {
-    moveTo: () => {
-    },
-    goProgression: () => {
-    },
-    toggleAction: (actionKey) => {
-      switch (actionKey) {
-        case "fullscreen" /* fullscreen */:
-          fs.handleFullscreen();
-          break;
-        case "settings" /* settings */:
-        case "toc" /* toc */:
-          dispatch(toggleActionOpen({
-            key: actionKey,
-            profile: "webPub"
-          }));
-          break;
-      }
-    }
-  }), [appStore, preferences.actions, fs, dispatch]);
+  const { zoomIn, zoomOut } = useZoomCallbacks(webPubNavigator);
   const listeners = useMemo(() => ({
     frameLoaded: async function(_wnd) {
-      p.observe(window);
     },
     positionChanged: async function(locator) {
       setLocalData(locator);
@@ -408,9 +402,21 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage, contain
     },
     contextMenu: function(_data) {
     },
-    peripheral: function(_data) {
+    peripheral: function(data) {
+      switch (data.type) {
+        case NavPeripheralType.zoomIn:
+          zoomIn();
+          break;
+        case NavPeripheralType.zoomOut:
+          zoomOut();
+          break;
+        default: {
+          const actionKey = fromActionPeripheralType(data.type);
+          if (actionKey && profile) dispatch(toggleActionOpen({ key: actionKey, profile }));
+        }
+      }
     }
-  }), [p, setLocalData, canGoBackward, canGoForward, dispatch, toggleIsImmersive]);
+  }), [setLocalData, canGoBackward, canGoForward, dispatch, toggleIsImmersive, zoomIn, zoomOut, profile]);
   const initialPosition = useMemo(() => getLocalData(), [getLocalData]);
   useWebPubReaderInit({
     container,
@@ -426,16 +432,10 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage, contain
     injectFontResources,
     removeFontResources,
     getFontInjectables,
-    lineHeightOptions,
     contentProtectionConfig: resolveContentProtectionConfig(preferences.contentProtection, t),
+    keyboardPeripherals,
     onNavigatorReady: () => {
       dispatch(setLoading(false));
-    },
-    onNavigatorLoaded: () => {
-      p.observe(window);
-    },
-    onCleanup: () => {
-      p.destroy();
     }
   });
   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(
@@ -477,5 +477,5 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage, contain
 };
 
 export { ExperimentalWebPubStatefulReader };
-//# sourceMappingURL=chunk-RBEPH5E5.mjs.map
-//# sourceMappingURL=chunk-RBEPH5E5.mjs.map
+//# sourceMappingURL=chunk-63LKYJFG.mjs.map
+//# sourceMappingURL=chunk-63LKYJFG.mjs.map

package/dist/chunk-63LKYJFG.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/Hooks/useWebPubKeyboardPeripherals.ts","../src/components/WebPub/StatefulReader.tsx"],"names":["useMemo","useState","useRef","useCallback","timeline"],"mappings":"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","file":"chunk-63LKYJFG.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\";\nimport { useLineHeight } from \"@/components/Settings/Spacing/hooks/useLineHeight\";\n\ninterface UseWebPubPreferencesConfigProps {\n  settings: WebPubCSSSettings;\n  fontLanguage: string;\n  hasDisplayTransformability: boolean;\n  getFontMetadata: (fontFamily: string) => FontMetadata;\n}\n\nexport const useWebPubPreferencesConfig = ({\n  settings,\n  fontLanguage,\n  hasDisplayTransformability,\n  getFontMetadata,\n}: UseWebPubPreferencesConfigProps) => {\n  const { processedValues: lineHeightOptions } = useLineHeight();\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 as ThLineHeightOptions.small | ThLineHeightOptions.medium | ThLineHeightOptions.large];\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    isFontFamilyUsed,\n    isFontWeightUsed,\n    isHyphensUsed,\n    isLigaturesUsed,\n    isNoRubyUsed,\n    isLetterSpacingUsed,\n    isLineHeightUsed,\n    isParagraphIndentUsed,\n    isParagraphSpacingUsed,\n    isTextAlignUsed,\n    isTextNormalizeUsed,\n    isWordSpacingUsed,\n    lineHeightOptions\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 { 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\";\nimport { IKeyboardPeripheralsConfig } from \"@readium/navigator\";\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  contentProtectionConfig?: IContentProtectionConfig;\n  keyboardPeripherals?: IKeyboardPeripheralsConfig;\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  contentProtectionConfig,\n  keyboardPeripherals,\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  });\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      keyboardPeripherals,\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","import { useMemo } from \"react\";\nimport { IKeyboardPeripheralsConfig } from \"@readium/navigator\";\nimport { useActionsPreferences } from \"@/preferences/hooks/useActionsPreferences\";\nimport { NavPeripheralType, toActionPeripheralType, ZOOM_IN_KEY_COMBOS, ZOOM_OUT_KEY_COMBOS } from \"@/helpers/peripherals\";\n\nexport const useWebPubKeyboardPeripherals = (): IKeyboardPeripheralsConfig => {\n  const { actionsKeys } = useActionsPreferences();\n\n  return useMemo(() => {\n    const config: IKeyboardPeripheralsConfig = [\n      { type: NavPeripheralType.zoomIn,  keyCombos: [...ZOOM_IN_KEY_COMBOS]  },\n      { type: NavPeripheralType.zoomOut, keyCombos: [...ZOOM_OUT_KEY_COMBOS] },\n    ];\n\n    for (const [key, tokens] of Object.entries(actionsKeys)) {\n      const shortcut = tokens?.shortcut;\n      if (shortcut) config.push({ type: toActionPeripheralType(key), keyCombos: shortcut.keyCombos });\n    }\n\n    return config;\n  }, [actionsKeys]);\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  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  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 { useWebPubKeyboardPeripherals } from \"./Hooks/useWebPubKeyboardPeripherals\";\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 { useFonts } from \"@/core/Hooks/fonts/useFonts\";\n\nimport { useAppSelector, useAppDispatch } 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 { getReaderClassNames } from \"../Helpers/getReaderClassNames\";\nimport { resolveContentProtectionConfig } from \"@/preferences/models/protection\";\nimport { NavPeripheralType, fromActionPeripheralType } from \"@/helpers/peripherals\";\nimport { toggleActionOpen } from \"@/lib/actionsReducer\";\nimport { useZoomCallbacks } from \"@/components/Settings/hooks/useZoomCallbacks\";\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  const profile = useAppSelector(state => state.reader.profile);\n  const keyboardPeripherals = useWebPubKeyboardPeripherals();\n\n  const onFsChange = useCallback((isFullscreen: boolean) => {\n    dispatch(setFullscreen(isFullscreen));\n  }, [dispatch]);\n  \n  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 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 { zoomIn, zoomOut } = useZoomCallbacks(webPubNavigator);\n\n  const listeners: WebPubNavigatorListeners = useMemo(() => ({\n    frameLoaded: async function (_wnd: Window): Promise<void> {},\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): void {\n      switch (data.type) {\n        case NavPeripheralType.zoomIn:  zoomIn();  break;\n        case NavPeripheralType.zoomOut: zoomOut(); break;\n        default: {\n          const actionKey = fromActionPeripheralType(data.type);\n          if (actionKey && profile) dispatch(toggleActionOpen({ key: actionKey, profile }));\n        }\n      }\n    },\n  }), [setLocalData, canGoBackward, canGoForward, dispatch, toggleIsImmersive, zoomIn, zoomOut, profile]);\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    contentProtectionConfig: resolveContentProtectionConfig(preferences.contentProtection, t),\n    keyboardPeripherals,\n    onNavigatorReady: () => {\n      dispatch(setLoading(false));\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)};"]}