@edrlab/thorium-web 1.5.0 → 1.5.1

package/dist/{chunk-KJ55Q63A.mjs → chunk-THOJRBVD.mjs}

@@ -1,25 +1,136 @@
-import { makeBreakpointsMap, isKeyboardTriggered, isActiveElement } from './chunk-VENFFPK2.mjs';
-import { useFullscreen, useLocalStorage, useEpubNavigator } from './chunk-GRYEOCGD.mjs';
-import { setFullscreen, setReaderProfile, setPositionsList, setTocTree, setScriptMode, setRTL, setFXL, setHasDisplayTransformability, setActionOpen, dockAction, setHovering, setSettingsContainer, debounce, setColumnCount, initialWebPubSettingsState, initialSettingsState, setWebPubFontFamily, setFontFamily, setWebPubFontWeight, setFontWeight, setWebPubHyphens, setHyphens, setScroll, setWebPubLetterSpacing, setLetterSpacing, setWebPubLineHeight, setLineHeight, setWebPubParagraphIndent, setParagraphIndent, setWebPubParagraphSpacing, setParagraphSpacing, setWebPubWordSpacing, setWordSpacing, setWebPubSpacingPreset, setWebPubPublisherStyles, setSpacingPreset, setPublisherStyles, setWebPubTextAlign, setTextAlign, setWebPubTextNormalization, setTextNormalization, setWebPubLigatures, setLigatures, setWebPubNoRuby, setNoRuby, setTheme, setWebPubZoom, setFontSize, setSkipBackwardInterval, setSkipForwardInterval, setSkipInterval, setAutoPlay, toggleActionOpen, setVolume, setPlaybackRate, setSleepTimerRemainingSeconds, setSleepTimerOnTrackEnd, setSleepTimerOnFragmentEnd, setRemotePlaybackState, ThReduxPreferencesAdapter, ThReduxGlobalPreferencesAdapter, setImmersive, setOverflow, setUserNavigated, setTocEntry, collapseDockPanel, expandDockPanel, activateDockPanel, deactivateDockPanel, setDockPanelWidth } from './chunk-PAFJZH7O.mjs';
+import { makeBreakpointsMap, isKeyboardTriggered, isActiveElement } from './chunk-VYSDLACR.mjs';
+import { useFullscreen, useLocalStorage, useEpubNavigator } from './chunk-2B3HE57E.mjs';
+import { ErrorHandler } from './chunk-RRDEPGBK.mjs';
+import { useI18n } from './chunk-2NCN2AG2.mjs';
+import { setFullscreen, setReaderProfile, setPositionsList, setTocTree, setScriptMode, setRTL, setFXL, setHasDisplayTransformability, setActionOpen, dockAction, setHovering, setSettingsContainer, debounce, setColumnCount, initialWebPubSettingsState, initialSettingsState, setWebPubFontFamily, setFontFamily, setWebPubFontWeight, setFontWeight, setWebPubHyphens, setHyphens, setScroll, setWebPubLetterSpacing, setLetterSpacing, setWebPubLineHeight, setLineHeight, setWebPubParagraphIndent, setParagraphIndent, setWebPubParagraphSpacing, setParagraphSpacing, setWebPubWordSpacing, setWordSpacing, setWebPubSpacingPreset, setWebPubPublisherStyles, setSpacingPreset, setPublisherStyles, setWebPubTextAlign, setTextAlign, setWebPubTextNormalization, setTextNormalization, setWebPubLigatures, setLigatures, setWebPubNoRuby, setNoRuby, setTheme, setWebPubZoom, setFontSize, setSkipBackwardInterval, setSkipForwardInterval, setSkipInterval, setAutoPlay, toggleActionOpen, setVolume, setPlaybackRate, setSleepTimerRemainingSeconds, setSleepTimerOnTrackEnd, setSleepTimerOnFragmentEnd, setRemotePlaybackState, ThReduxPreferencesAdapter, ThReduxGlobalPreferencesAdapter, setImmersive, setOverflow, setUserNavigated, setTocEntry, collapseDockPanel, expandDockPanel, activateDockPanel, deactivateDockPanel, setDockPanelWidth } from './chunk-YE5QOQUT.mjs';
 import { buildTocTree, findTocItemById } from './chunk-TEZB4ULX.mjs';
-import { useSharedPreferences, useActionsPreferences, prefixString, ThDockingTypes, ThSheetTypes, useAudioPreferences, usePreferences, useFilteredPreferenceKeys, defaultSpacingSettingsSubpanel, defaultSpacingSettingsMain, defaultTextSettingsSubpanel, defaultTextSettingsMain, ThTextSettingsKeys, ThSpacingSettingsKeys, buildThemeObject, defaultAudioSkipBackwardInterval, defaultAudioSkipForwardInterval, defaultAudioSkipInterval, defaultPreferences, ThPreferencesProvider, ThGlobalPreferencesProvider } from './chunk-PRQBFBJ7.mjs';
+import { useSharedPreferences, useActionsPreferences, prefixString, ThDockingTypes, ThSheetTypes, useAudioPreferences, usePreferences, useFilteredPreferenceKeys, defaultSpacingSettingsSubpanel, defaultSpacingSettingsMain, defaultTextSettingsSubpanel, defaultTextSettingsMain, ThTextSettingsKeys, ThSpacingSettingsKeys, buildThemeObject, defaultAudioSkipBackwardInterval, defaultAudioSkipForwardInterval, defaultAudioSkipInterval, defaultPreferences, ThPreferencesProvider, ThGlobalPreferencesProvider } from './chunk-3VB756GR.mjs';
 import { useAppDispatch, useAppSelector } from './chunk-A575ZW4A.mjs';
-import { isIOSish, metaKeys } from './chunk-KOR74F6M.mjs';
-import { ErrorHandler } from './chunk-RRDEPGBK.mjs';
-import { ThMenuItem, ThActionButton, ThMenu, ThCollapsibleActionsBar, ThPopover, ThContainerHeader, ThNavigationButton, ThContainerBody, ThModal, ThBottomSheet, ThCloseButton, ThDockedPanel, useFirstFocusable, ThTypedComponentRenderer, useActions, useActionComponentStatus, ThForm, ThFormNumberField, usePlugins, ThSettingsWrapper, ThRadioGroup, ThDropdown, ThSwitch, ThNumberField, ThSlider, ThSliderWithPresets, ThLink, ThLibrary, ThHome, ThBackArrow, ThFormSearchField } from './chunk-ZD4LTF6G.mjs';
+import { metaKeys } from './chunk-X63WSMOH.mjs';
+import { isIOSish } from './chunk-KQ3KS5O5.mjs';
+import { ThMenuItem, ThActionButton, ThMenu, ThCollapsibleActionsBar, ThPopover, ThContainerHeader, ThNavigationButton, ThContainerBody, ThModal, ThBottomSheet, ThCloseButton, ThDockedPanel, useFirstFocusable, ThTypedComponentRenderer, useActions, ThForm, ThFormNumberField, ThSettingsWrapper, ThRadioGroup, ThDropdown, ThSwitch, ThNumberField, ThSlider, ThSliderWithPresets, ThLink, ThLibrary, ThHome, ThBackArrow, ThFormSearchField } from './chunk-AXX4U2FW.mjs';
 import { usePrevious } from './chunk-YZ73DHRU.mjs';
-import { useI18n } from './chunk-2NCN2AG2.mjs';
-import { Text, Popover, Dialog, ListBox, ListBoxItem, Radio, Button, Keyboard, Toolbar, useFilter, Tree, TreeItem, TreeItemContent, Collection } from 'react-aria-components';
+import React23, { createContext, useContext, useState, useEffect, useMemo, useCallback, useRef } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { Text, Popover, Dialog, ListBox, ListBoxItem, Radio, Button, Keyboard, Toolbar, useFilter, Tree, TreeItem, TreeItemContent, Collection } from 'react-aria-components';
 import { useObjectRef, useNumberFormatter, FocusScope, useLocale, useFocusWithin } from 'react-aria';
 import classNames4 from 'classnames';
-import React22, { createContext, useCallback, useRef, useMemo, useContext, useState, useEffect } from 'react';
 import { Link, HttpFetcher, Manifest, Publication, ReadingProgression, Layout, Feature, Profile } from '@readium/shared';
 import { getScriptMode, lineHeightRangeConfig, TextAlignment } from '@readium/navigator';
 import i18nData from '@readium/css/css/vars/i18n.json';
 import { useStore } from 'react-redux';
 import { PanelGroup, Panel, PanelResizeHandle } from 'react-resizable-panels';
 
+// src/components/Plugins/PluginRegistry.ts
+var pluginsStore = [];
+var PluginRegistryClass = class {
+  register(plugin) {
+    const existingPluginIndex = pluginsStore.findIndex((p) => p.id === plugin.id);
+    if (existingPluginIndex >= 0) {
+      pluginsStore[existingPluginIndex] = plugin;
+    } else {
+      pluginsStore.push(plugin);
+    }
+  }
+  unregister(pluginId) {
+    const filteredPlugins = pluginsStore.filter((plugin) => plugin.id !== pluginId);
+    pluginsStore.length = 0;
+    pluginsStore.push(...filteredPlugins);
+  }
+  getPlugins() {
+    return [...pluginsStore];
+  }
+  getComponentMaps() {
+    const actionsComponentsMap = {};
+    const settingsComponentsMap = {};
+    const primaryAudioActionsMap = {};
+    [...pluginsStore].reverse().forEach((plugin) => {
+      if (plugin.components.actions) {
+        Object.entries(plugin.components.actions).forEach(([key, component]) => {
+          actionsComponentsMap[key] = component;
+        });
+      }
+      if (plugin.components.settings) {
+        Object.entries(plugin.components.settings).forEach(([key, component]) => {
+          settingsComponentsMap[key] = component;
+        });
+      }
+      if (plugin.components.primaryAudioActions) {
+        Object.entries(plugin.components.primaryAudioActions).forEach(([key, component]) => {
+          primaryAudioActionsMap[key] = component;
+        });
+      }
+    });
+    return {
+      actionsComponentsMap,
+      settingsComponentsMap,
+      primaryAudioActionsMap
+    };
+  }
+};
+var ThPluginRegistry = new PluginRegistryClass();
+var ThPluginContext = createContext({
+  actionsComponentsMap: {},
+  settingsComponentsMap: {},
+  textSettingsComponentsMap: {},
+  spacingSettingsComponentsMap: {},
+  primaryAudioActionsMap: {},
+  registerPlugin: ThPluginRegistry.register.bind(ThPluginRegistry),
+  unregisterPlugin: ThPluginRegistry.unregister.bind(ThPluginRegistry)
+});
+var usePlugins = () => useContext(ThPluginContext);
+var ThPluginProvider = ({ children }) => {
+  const [componentMaps, setComponentMaps] = useState(() => {
+    const maps = ThPluginRegistry.getComponentMaps();
+    return {
+      ...maps,
+      textSettingsComponentsMap: getTypedSettingsComponents(maps.settingsComponentsMap, "text"),
+      spacingSettingsComponentsMap: getTypedSettingsComponents(maps.settingsComponentsMap, "spacing")
+    };
+  });
+  function getTypedSettingsComponents(componentsMap, type) {
+    return Object.entries(componentsMap).filter(([_, component]) => component.type === type).reduce((acc, [key, component]) => {
+      acc[key] = component;
+      return acc;
+    }, {});
+  }
+  useEffect(() => {
+    const updateComponentMaps = () => {
+      const maps = ThPluginRegistry.getComponentMaps();
+      setComponentMaps({
+        ...maps,
+        textSettingsComponentsMap: getTypedSettingsComponents(maps.settingsComponentsMap, "text"),
+        spacingSettingsComponentsMap: getTypedSettingsComponents(maps.settingsComponentsMap, "spacing")
+      });
+    };
+    updateComponentMaps();
+  }, []);
+  const registerPlugin = (plugin) => {
+    ThPluginRegistry.register(plugin);
+  };
+  const unregisterPlugin = (pluginId) => {
+    ThPluginRegistry.unregister(pluginId);
+  };
+  const value = {
+    ...componentMaps,
+    registerPlugin,
+    unregisterPlugin
+  };
+  return /* @__PURE__ */ jsx(ThPluginContext.Provider, { value, children });
+};
+
+// src/components/Actions/hooks/useActionComponentStatus.ts
+var useActionComponentStatus = (options) => {
+  const { actionKey, orderArray, additionalCondition } = options;
+  const { actionsComponentsMap, primaryAudioActionsMap } = usePlugins();
+  return useMemo(() => {
+    const isComponentRegistered = !!actionsComponentsMap?.[actionKey] || !!primaryAudioActionsMap?.[actionKey];
+    const isInOrder = orderArray ? orderArray.includes(actionKey) : true;
+    const isComponentAvailable = isComponentRegistered && isInOrder && (additionalCondition ?? true);
+    return { isComponentRegistered, isInOrder, isComponentAvailable };
+  }, [actionKey, orderArray, additionalCondition, actionsComponentsMap, primaryAudioActionsMap]);
+};
+
 // src/components/Actions/assets/styles/thorium-web.overflow.module.css
 var thorium_web_overflow_default = {
   hint: "thorium_web_overflow_hint",
@@ -208,7 +319,7 @@ var StatefulFullscreenTrigger = ({ variant }) => {
     fs.handleFullscreen();
     dispatch(setHovering(false));
   };
-  if (!document.fullscreenEnabled || isIOSish()) return null;
+  if (!fs.isSupported) return null;
   return /* @__PURE__ */ jsx(Fragment, { children: variant && variant === "menuItem" /* menu */ ? /* @__PURE__ */ jsx(
     StatefulOverflowMenuItem,
     {
@@ -226,6 +337,7 @@ var StatefulFullscreenTrigger = ({ variant }) => {
       "aria-label": label,
       placement: "bottom",
       tooltipLabel: t("reader.fullscreen.tooltip"),
+      shortcut: preferences.actionsKeys["fullscreen" /* fullscreen */].shortcut,
       onPress: handlePress,
       children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", focusable: "false" })
     }
@@ -978,10 +1090,11 @@ var StatefulPopoverSheet = ({
     }
   }, [isOpen]);
   useWebkitPatch(!!isOpen);
-  if (React22.Children.toArray(children).length > 0) {
+  if (React23.Children.toArray(children).length > 0) {
     return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
       ThPopover,
       {
+        id,
         ref: popoverRef,
         triggerRef,
         focusOptions: {
@@ -1087,10 +1200,11 @@ var StatefulModalBase = ({
     }
   }, [isOpen]);
   useWebkitPatch(!!isOpen);
-  if (React22.Children.toArray(children).length > 0) {
+  if (React23.Children.toArray(children).length > 0) {
     return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
       ThModal,
       {
+        id,
         ref: sheetRef,
         focusOptions: {
           withinRef: focusWithinRef ?? sheetBodyRef,
@@ -1346,7 +1460,7 @@ var StatefulBottomSheet = ({
         return "default";
     }
   };
-  if (React22.Children.toArray(children).length > 0) {
+  if (React23.Children.toArray(children).length > 0) {
     return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
       ThBottomSheet,
       {
@@ -1384,6 +1498,7 @@ var StatefulBottomSheet = ({
         prefersReducedMotion,
         compounds: {
           container: {
+            id,
             className: classNames4(thorium_web_sheets_default.draggable, detentClassName),
             ref: sheetContainerRef,
             style: {
@@ -1497,10 +1612,11 @@ var StatefulDockedSheet = ({
       return direction === "ltr" /* ltr */ ? thorium_web_sheets_default.dockedRightBorder : thorium_web_sheets_default.dockedLeftBorder;
     }
   }, [flow, direction]);
-  if (React22.Children.toArray(children).length > 0) {
+  if (React23.Children.toArray(children).length > 0) {
     return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
       ThDockedPanel,
       {
+        id,
         ref: dockedSheetRef,
         isOpen,
         portal: dockPortal,
@@ -1567,6 +1683,7 @@ var StatefulDockedSheet = ({
   }
 };
 var StatefulCompactPopoverSheet = ({
+  id,
   triggerRef,
   heading,
   className,
@@ -1596,7 +1713,7 @@ var StatefulCompactPopoverSheet = ({
     updateState: resetFocus
   });
   useWebkitPatch(!!isOpen);
-  if (React22.Children.toArray(children).length > 0) {
+  if (React23.Children.toArray(children).length > 0) {
     return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
       Popover,
       {
@@ -1610,6 +1727,7 @@ var StatefulCompactPopoverSheet = ({
         children: /* @__PURE__ */ jsx(
           Dialog,
           {
+            id,
             "aria-label": heading,
             className: thorium_web_sheets_default.dialog,
             children: /* @__PURE__ */ jsx(
@@ -2821,7 +2939,7 @@ var useGridNavigation = ({
   onFocus
 }) => {
   const visibleColumns = useGridTemplate(containerRef, "columns");
-  const onKeyDown = React22.useCallback((e) => {
+  const onKeyDown = React23.useCallback((e) => {
     const columns = visibleColumns || 1;
     if (columns <= 1 || !items.current?.length) return;
     const currentIdx = items.current.findIndex((val) => {
@@ -3069,7 +3187,7 @@ var StatefulDropdown = ({
           className: thorium_web_reader_settings_default.label,
           ...compounds?.label || {}
         },
-        ...React22.isValidElement(compounds?.button) ? { button: compounds.button } : {
+        ...React23.isValidElement(compounds?.button) ? { button: compounds.button } : {
           button: {
             className: thorium_web_reader_settings_default.dropdownButton,
             ...compounds?.button || {}
@@ -3080,7 +3198,7 @@ var StatefulDropdown = ({
           placement: "bottom",
           ...compounds?.popover || {}
         },
-        ...React22.isValidElement(compounds?.listbox) ? { listbox: compounds.listbox } : {
+        ...React23.isValidElement(compounds?.listbox) ? { listbox: compounds.listbox } : {
           listbox: {
             className: thorium_web_reader_settings_default.dropdownListbox,
             ...compounds?.listbox || {}
@@ -3893,7 +4011,7 @@ var getLineHeightCompensation = (language) => {
   if (data[language]?.lineHeightCompensation !== void 0) return data[language].lineHeightCompensation;
   const stripped = language.split("-").slice(0, -1).join("-");
   if (stripped && data[stripped]?.lineHeightCompensation !== void 0) return data[stripped].lineHeightCompensation;
-  return data.default?.lineHeightCompensation ?? 1;
+  return data.latin?.lineHeightCompensation ?? 1;
 };
 var useLineHeight = () => {
   const { preferences } = usePreferences();
@@ -4803,7 +4921,7 @@ var createDefaultPlugin = () => {
     id: "core",
     name: "Core Components",
     description: "Default components for Thorium Web Epub StatefulReader",
-    version: "1.5.0",
+    version: "1.5.1",
     components: {
       actions: {
         ["fullscreen" /* fullscreen */]: {
@@ -6079,7 +6197,7 @@ var createAudioDefaultPlugin = () => {
     id: "audio-core",
     name: "Audio Core Components",
     description: "Default components for Thorium Web Audio StatefulReader",
-    version: "1.5.0",
+    version: "1.5.1",
     components: {
       actions: {
         ["settings" /* settings */]: {
@@ -6145,39 +6263,6 @@ var StatefulGlobalPreferencesProvider = ({
   return /* @__PURE__ */ jsx(ThGlobalPreferencesProvider, { adapter, initialPreferences, children });
 };
 
-// src/helpers/peripherals.ts
-var NavPeripheralType = {
-  progressForward: "th_nav_progress_forward",
-  progressBackward: "th_nav_progress_backward",
-  moveRight: "th_nav_move_right",
-  moveLeft: "th_nav_move_left",
-  moveUp: "th_nav_move_up",
-  moveDown: "th_nav_move_down",
-  moveHome: "th_nav_move_home",
-  moveEnd: "th_nav_move_end",
-  zoomIn: "th_nav_zoom_in",
-  zoomOut: "th_nav_zoom_out"
-};
-var ZOOM_IN_KEY_COMBOS = [
-  { keyCode: 187, ctrl: true },
-  { keyCode: 61, ctrl: true },
-  { keyCode: 107, ctrl: true },
-  { keyCode: 187, meta: true },
-  { keyCode: 61, meta: true },
-  { keyCode: 107, meta: true }
-];
-var ZOOM_OUT_KEY_COMBOS = [
-  { keyCode: 189, ctrl: true },
-  { keyCode: 173, ctrl: true },
-  { keyCode: 109, ctrl: true },
-  { keyCode: 189, meta: true },
-  { keyCode: 173, meta: true },
-  { keyCode: 109, meta: true }
-];
-var ACTION_PERIPHERAL_PREFIX = "th_action_";
-var toActionPeripheralType = (key) => `${ACTION_PERIPHERAL_PREFIX}${key}`;
-var fromActionPeripheralType = (type) => type.startsWith(ACTION_PERIPHERAL_PREFIX) ? type.slice(ACTION_PERIPHERAL_PREFIX.length) : null;
-
 // src/components/assets/styles/thorium-web.reader.app.module.css
 var thorium_web_reader_app_default = {
   wrapper: "thorium_web_reader_app_wrapper",
@@ -6483,6 +6568,70 @@ var StatefulDockingWrapper = ({
   }
 };
 
+// src/helpers/peripherals.ts
+var NavPeripheralType = {
+  progressForward: "th_nav_progress_forward",
+  progressBackward: "th_nav_progress_backward",
+  moveRight: "th_nav_move_right",
+  moveLeft: "th_nav_move_left",
+  moveUp: "th_nav_move_up",
+  moveDown: "th_nav_move_down",
+  moveHome: "th_nav_move_home",
+  moveEnd: "th_nav_move_end",
+  zoomIn: "th_nav_zoom_in",
+  zoomOut: "th_nav_zoom_out"
+};
+var ZOOM_IN_KEY_COMBOS = [
+  { keyCode: 187, ctrl: true },
+  { keyCode: 61, ctrl: true },
+  { keyCode: 107, ctrl: true },
+  { keyCode: 187, meta: true },
+  { keyCode: 61, meta: true },
+  { keyCode: 107, meta: true }
+];
+var ZOOM_OUT_KEY_COMBOS = [
+  { keyCode: 189, ctrl: true },
+  { keyCode: 173, ctrl: true },
+  { keyCode: 109, ctrl: true },
+  { keyCode: 189, meta: true },
+  { keyCode: 173, meta: true },
+  { keyCode: 109, meta: true }
+];
+var ACTION_PERIPHERAL_PREFIX = "th_action_";
+var toActionPeripheralType = (key) => `${ACTION_PERIPHERAL_PREFIX}${key}`;
+var fromActionPeripheralType = (type) => type.startsWith(ACTION_PERIPHERAL_PREFIX) ? type.slice(ACTION_PERIPHERAL_PREFIX.length) : null;
+var DOCKING_PERIPHERAL_PREFIX = "th_docking_";
+var toDockingPeripheralType = (key) => `${DOCKING_PERIPHERAL_PREFIX}${key}`;
+var fromDockingPeripheralType = (type) => type.startsWith(DOCKING_PERIPHERAL_PREFIX) ? type.slice(DOCKING_PERIPHERAL_PREFIX.length) : null;
+var useFocusedDockableKey = () => {
+  const { actionsKeys } = useActionsPreferences();
+  return useCallback((dockingKey) => {
+    const active = document.activeElement;
+    if (!active) return null;
+    const checkKey = (key) => {
+      const dockable = actionsKeys[key]?.docked?.dockable;
+      if (!dockable || dockable === "none" /* none */) return false;
+      return dockingKey === "dockingTransient" /* transient */ || dockingKey === "dockingStart" /* start */ && (dockable === "start" /* start */ || dockable === "both" /* both */) || dockingKey === "dockingEnd" /* end */ && (dockable === "end" /* end */ || dockable === "both" /* both */);
+    };
+    let el = active;
+    while (el) {
+      const id = el.getAttribute("id");
+      if (id) {
+        if (checkKey(id)) return id;
+        const keyFromId = Object.keys(actionsKeys).find((k) => id.startsWith(`${k}-`));
+        if (keyFromId && checkKey(keyFromId)) return keyFromId;
+      }
+      const dataKey = el.getAttribute("data-key");
+      if (dataKey) {
+        const key = dataKey.slice(dataKey.lastIndexOf("-") + 1);
+        if (key && checkKey(key)) return key;
+      }
+      el = el.parentElement;
+    }
+    return null;
+  }, [actionsKeys]);
+};
+
 // src/components/assets/styles/thorium-web.reader.header.module.css
 var thorium_web_reader_header_default = {
   header: "thorium_web_reader_header_header",
@@ -6566,7 +6715,7 @@ var StatefulBackLink = ({
           for (const { name, value } of Array.from(svgElement.attributes)) {
             attributes[name] = value;
           }
-          contentNode = React22.createElement("svg", {
+          contentNode = React23.createElement("svg", {
             ...attributes,
             "aria-hidden": "true",
             focusable: "false",
@@ -6670,6 +6819,6 @@ var useReaderHeaderBase = (actionKeys) => {
   };
 };
 
-export { NavPeripheralType, NavigatorProvider, ORDERED_LINE_HEIGHT_OPTIONS, StatefulActionIcon, StatefulAudioAutoPlay, StatefulAudioPlaybackRateContainer, StatefulAudioPlaybackRateTrigger, StatefulAudioRemotePlaybackTrigger, StatefulAudioSettingsContainer, StatefulAudioSkipBackwardInterval, StatefulAudioSkipForwardInterval, StatefulAudioSkipInterval, StatefulAudioSleepTimerContainer, StatefulAudioSleepTimerTrigger, StatefulAudioTocContainer, StatefulAudioTocTrigger, StatefulAudioVolumeContainer, StatefulAudioVolumeTrigger, StatefulBackLink, StatefulBottomSheet, StatefulCollapsibleActionsBar, StatefulColumns, StatefulCompactPopoverSheet, StatefulDockedSheet, StatefulDockingWrapper, StatefulDropdown, StatefulFontFamily, StatefulFullScreenSheet, StatefulFullscreenTrigger, StatefulGlobalPreferencesProvider, StatefulGroupWrapper, StatefulHyphens, StatefulJumpToPositionContainer, StatefulJumpToPositionTrigger, StatefulLayout, StatefulLetterSpacing, StatefulLigatures, StatefulLineHeight, StatefulModalBase, StatefulModalSheet, StatefulNoRuby, StatefulNumberField, StatefulOverflowMenu, StatefulOverflowMenuItem, StatefulParagraphIndent, StatefulParagraphSpacing, StatefulPopoverSheet, StatefulPreferencesProvider, StatefulPublisherStyles, StatefulRadioGroup, StatefulSettingsTrigger, StatefulSettingsWrapper, StatefulSheetWrapper, StatefulSlider, StatefulSliderWithPresets, StatefulSpacingGroup, StatefulSpacingGroupContainer, StatefulSpacingPresets, StatefulSwitch, StatefulTextAlign, StatefulTextGroup, StatefulTextGroupContainer, StatefulTextNormalize, StatefulTheme, StatefulTocContainer, StatefulTocTrigger, StatefulVisualSettingsContainer, StatefulWordSpacing, StatefulZoom, UnstableStatefulFontWeight, ZOOM_IN_KEY_COMBOS, ZOOM_OUT_KEY_COMBOS, createAudioDefaultPlugin, createDefaultPlugin, fromActionPeripheralType, thorium_web_button_default, thorium_web_overflow_default, thorium_web_reader_app_default, thorium_web_reader_header_default, toActionPeripheralType, useDocking, useEffectiveRange, useGridNavigation, useGridTemplate, useIsScroll, useLineHeight, useNavigator, usePlaceholder, usePositionStorage, usePublication, useReaderHeaderBase, useReaderSetting, useReaderTransitions, useSettingsComponentStatus, useSpacingPresets };
-//# sourceMappingURL=chunk-KJ55Q63A.mjs.map
-//# sourceMappingURL=chunk-KJ55Q63A.mjs.map
+export { NavPeripheralType, NavigatorProvider, ORDERED_LINE_HEIGHT_OPTIONS, StatefulActionIcon, StatefulAudioAutoPlay, StatefulAudioPlaybackRateContainer, StatefulAudioPlaybackRateTrigger, StatefulAudioRemotePlaybackTrigger, StatefulAudioSettingsContainer, StatefulAudioSkipBackwardInterval, StatefulAudioSkipForwardInterval, StatefulAudioSkipInterval, StatefulAudioSleepTimerContainer, StatefulAudioSleepTimerTrigger, StatefulAudioTocContainer, StatefulAudioTocTrigger, StatefulAudioVolumeContainer, StatefulAudioVolumeTrigger, StatefulBackLink, StatefulBottomSheet, StatefulCollapsibleActionsBar, StatefulColumns, StatefulCompactPopoverSheet, StatefulDockedSheet, StatefulDockingWrapper, StatefulDropdown, StatefulFontFamily, StatefulFullScreenSheet, StatefulFullscreenTrigger, StatefulGlobalPreferencesProvider, StatefulGroupWrapper, StatefulHyphens, StatefulJumpToPositionContainer, StatefulJumpToPositionTrigger, StatefulLayout, StatefulLetterSpacing, StatefulLigatures, StatefulLineHeight, StatefulModalBase, StatefulModalSheet, StatefulNoRuby, StatefulNumberField, StatefulOverflowMenu, StatefulOverflowMenuItem, StatefulParagraphIndent, StatefulParagraphSpacing, StatefulPopoverSheet, StatefulPreferencesProvider, StatefulPublisherStyles, StatefulRadioGroup, StatefulSettingsTrigger, StatefulSettingsWrapper, StatefulSheetWrapper, StatefulSlider, StatefulSliderWithPresets, StatefulSpacingGroup, StatefulSpacingGroupContainer, StatefulSpacingPresets, StatefulSwitch, StatefulTextAlign, StatefulTextGroup, StatefulTextGroupContainer, StatefulTextNormalize, StatefulTheme, StatefulTocContainer, StatefulTocTrigger, StatefulVisualSettingsContainer, StatefulWordSpacing, StatefulZoom, ThPluginProvider, ThPluginRegistry, UnstableStatefulFontWeight, ZOOM_IN_KEY_COMBOS, ZOOM_OUT_KEY_COMBOS, createAudioDefaultPlugin, createDefaultPlugin, fromActionPeripheralType, fromDockingPeripheralType, thorium_web_button_default, thorium_web_overflow_default, thorium_web_reader_app_default, thorium_web_reader_header_default, toActionPeripheralType, toDockingPeripheralType, useActionComponentStatus, useDocking, useEffectiveRange, useFocusedDockableKey, useGridNavigation, useGridTemplate, useIsScroll, useLineHeight, useNavigator, usePlaceholder, usePlugins, usePositionStorage, usePublication, useReaderHeaderBase, useReaderSetting, useReaderTransitions, useSettingsComponentStatus, useSpacingPresets };
+//# sourceMappingURL=chunk-THOJRBVD.mjs.map
+//# sourceMappingURL=chunk-THOJRBVD.mjs.map