@edrlab/thorium-web 1.2.1 → 1.3.1

package/dist/chunk-SAUOY37Q.mjs

@@ -0,0 +1,862 @@
+import { useNavigator, StatefulActionIcon, createAudioDefaultPlugin, usePositionStorage, NavigatorProvider, StatefulDockingWrapper, useReaderHeaderBase, StatefulBackLink, thorium_web_reader_header_default, StatefulCollapsibleActionsBar, thorium_web_overflow_default } from './chunk-LP3JFZ4A.mjs';
+import { useAudioNavigator, useDocumentTitle, useAudioSettingsCache } from './chunk-A3FZBEUL.mjs';
+import { useAppSelector, useAppDispatch, setTocEntry, setAdjacentTimelineItems, setSleepTimerOnFragmentEnd, setRemotePlaybackState, setStatus, setSeekableRanges, setSeeking, setStalled, setSleepTimerOnTrackEnd, setTrackReady, setPublicationStart, setPublicationEnd, debounce, setLoading } from './chunk-EZG6SBSO.mjs';
+import { findTocItemByHref } from './chunk-TEZB4ULX.mjs';
+import { useAudioPreferences, proxyUrl } from './chunk-GPWW5OML.mjs';
+import { useI18n } from './chunk-6EHFW43Y.mjs';
+import { resolveAudioContentProtectionConfig } from './chunk-DTPO3J2C.mjs';
+import { ThActionsBar, ThAudioProgress, usePlugins, ThPluginRegistry, ThPluginProvider } from './chunk-DETZMFZ7.mjs';
+import { useCallback, useState, useMemo, useLayoutEffect, useRef, useEffect, Fragment as Fragment$1 } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Link, Locator, LocatorLocations } from '@readium/shared';
+import { I18nProvider } from 'react-aria';
+import classNames from 'classnames';
+
+var SvgPause = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "M560-200v-560h160v560H560Zm-320 0v-560h160v560H240Z" }) });
+var pause_default = SvgPause;
+var SvgPlayArrow = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "M320-200v-560l440 280-440 280Z" }) });
+var play_arrow_default = SvgPlayArrow;
+
+// src/components/Audio/controls/assets/styles/thorium-web.audioPlayback.module.css
+var thorium_web_audioPlayback_default = {
+  audioControls: "thorium_web_audioPlayback_audioControls",
+  audioPreviousButton: "thorium_web_audioPlayback_audioPreviousButton",
+  audioNextButton: "thorium_web_audioPlayback_audioNextButton",
+  audioSkipBackwardButton: "thorium_web_audioPlayback_audioSkipBackwardButton",
+  audioSkipForwardButton: "thorium_web_audioPlayback_audioSkipForwardButton",
+  audioPlayPauseButton: "thorium_web_audioPlayback_audioPlayPauseButton"
+};
+var StatefulPlayPauseButton = ({ isDisabled }) => {
+  const { t } = useI18n();
+  const { play, pause } = useNavigator().media;
+  const isPlaying = useAppSelector((state) => state.player.status === "playing");
+  const handlePress = useCallback(() => {
+    if (isPlaying) {
+      pause();
+    } else {
+      play();
+    }
+  }, [isPlaying, play, pause]);
+  return /* @__PURE__ */ jsx(
+    StatefulActionIcon,
+    {
+      onPress: handlePress,
+      isDisabled,
+      "aria-label": isPlaying ? t("reader.playback.actions.pause") : t("reader.playback.actions.play"),
+      tooltipLabel: isPlaying ? t("reader.playback.actions.pause") : t("reader.playback.actions.play"),
+      className: thorium_web_audioPlayback_default.audioPlayPauseButton,
+      children: isPlaying ? /* @__PURE__ */ jsx(pause_default, { "aria-hidden": "true", focusable: "false" }) : /* @__PURE__ */ jsx(play_arrow_default, { "aria-hidden": "true", focusable: "false" })
+    }
+  );
+};
+var SvgSkipPrevious = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "M220-240v-480h80v480h-80Zm520 0L380-480l360-240v480Zm-80-240Zm0 90v-180l-136 90 136 90Z" }) });
+var skip_previous_default = SvgSkipPrevious;
+
+// src/components/Audio/controls/hooks/useAdjacentTocItems.ts
+var flattenTocTree = (items) => {
+  const result = [];
+  for (const item of items) {
+    result.push(item);
+    if (item.children) result.push(...flattenTocTree(item.children));
+  }
+  return result;
+};
+var useAdjacentTocItems = () => {
+  const tocTree = useAppSelector((state) => state.publication.unstableTimeline?.toc?.tree);
+  const tocCurrentEntry = useAppSelector((state) => state.publication.unstableTimeline?.toc?.currentEntry);
+  if (!tocTree || !tocCurrentEntry) return { previous: null, next: null };
+  const flat = flattenTocTree(tocTree);
+  const index = flat.findIndex((item) => item.href === tocCurrentEntry.href);
+  if (index < 0) return { previous: null, next: null };
+  return {
+    previous: index > 0 ? flat[index - 1] : null,
+    next: index < flat.length - 1 ? flat[index + 1] : null
+  };
+};
+var StatefulPreviousButton = ({ isDisabled }) => {
+  const { t } = useI18n();
+  const { preferences } = useAudioPreferences();
+  const { goBackward, goLink } = useNavigator().media;
+  const atStart = useAppSelector((state) => state.publication.atPublicationStart);
+  const previousTimelineItem = useAppSelector((state) => state.publication.adjacentTimelineItems.previous);
+  const { previous: previousTocItem } = useAdjacentTocItems();
+  const affordance = preferences.affordances.previous;
+  const isTimeline = affordance === "timeline" /* timeline */;
+  const isToc = affordance === "toc" /* toc */;
+  const previousItem = isToc ? previousTocItem : previousTimelineItem;
+  const label = (isTimeline || isToc) && previousItem?.title ? previousItem.title : t("reader.actions.goToPreviousResource.descriptive");
+  const handlePress = () => isTimeline || isToc ? previousItem && goLink(new Link({ href: previousItem.href }), false, () => {
+  }) : goBackward(false, () => {
+  });
+  return /* @__PURE__ */ jsx(
+    StatefulActionIcon,
+    {
+      onPress: handlePress,
+      isDisabled: isDisabled || (isTimeline || isToc ? !previousItem : atStart),
+      "aria-label": label,
+      tooltipLabel: label,
+      className: thorium_web_audioPlayback_default.audioPreviousButton,
+      children: /* @__PURE__ */ jsx(skip_previous_default, { "aria-hidden": "true", focusable: "false" })
+    }
+  );
+};
+var SvgSkipNext = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "M660-240v-480h80v480h-80Zm-440 0v-480l360 240-360 240Zm80-240Zm0 90 136-90-136-90v180Z" }) });
+var skip_next_default = SvgSkipNext;
+var StatefulNextButton = ({ isDisabled }) => {
+  const { t } = useI18n();
+  const { preferences } = useAudioPreferences();
+  const { goForward, goLink } = useNavigator().media;
+  const atEnd = useAppSelector((state) => state.publication.atPublicationEnd);
+  const nextTimelineItem = useAppSelector((state) => state.publication.adjacentTimelineItems.next);
+  const { next: nextTocItem } = useAdjacentTocItems();
+  const affordance = preferences.affordances.next;
+  const isTimeline = affordance === "timeline" /* timeline */;
+  const isToc = affordance === "toc" /* toc */;
+  const nextItem = isToc ? nextTocItem : nextTimelineItem;
+  const label = (isTimeline || isToc) && nextItem?.title ? nextItem.title : t("reader.actions.goToNextResource.descriptive");
+  const handlePress = () => isTimeline || isToc ? nextItem && goLink(new Link({ href: nextItem.href }), false, () => {
+  }) : goForward(false, () => {
+  });
+  return /* @__PURE__ */ jsx(
+    StatefulActionIcon,
+    {
+      onPress: handlePress,
+      isDisabled: isDisabled || (isTimeline || isToc ? !nextItem : atEnd),
+      "aria-label": label,
+      tooltipLabel: label,
+      className: thorium_web_audioPlayback_default.audioNextButton,
+      children: /* @__PURE__ */ jsx(skip_next_default, { "aria-hidden": "true", focusable: "false" })
+    }
+  );
+};
+var SvgReplay = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "M347.39-126.77q-61.85-26.77-107.85-72.77-46-46-72.77-107.85Q140-369.23 140-440h60q0 117 81.5 198.5T480-160q117 0 198.5-81.5T760-440q0-117-81.5-198.5T480-720h-10.62l63.54 63.54-42.15 43.38-136.92-137.3 137.69-137.31 42.15 43.38L469.38-780H480q70.77 0 132.61 26.77 61.85 26.77 107.85 72.77 46 46 72.77 107.85Q820-510.77 820-440q0 70.77-26.77 132.61-26.77 61.85-72.77 107.85-46 46-107.85 72.77Q550.77-100 480-100q-70.77 0-132.61-26.77Z" }) });
+var replay_default = SvgReplay;
+var SvgReplay5 = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "M347.39-126.77q-61.85-26.77-107.85-72.77-46-46-72.77-107.83Q140-369.2 140-440h60q0 117 81.5 198.5T480-160q117 0 198.5-81.5T760-440q0-117-81.5-198.5T480-720h-10.62l63.54 63.54-42.15 43.38-136.92-137.3 137.69-137.31 42.15 43.38L469.38-780H480q70.8 0 132.63 26.77t107.83 72.77q46 46 72.77 107.82Q820-510.81 820-440.02t-26.77 132.63q-26.77 61.85-72.77 107.85-46 46-107.82 72.77Q550.81-100 480.02-100t-132.63-26.77Zm38.76-199.38v-47.7h120v-48.46h-120v-131.54h167.7v47.7h-120v48.46H520q14.38 0 24.12 9.73 9.73 9.73 9.73 24.11V-360q0 14.38-9.73 24.12-9.74 9.73-24.12 9.73H386.15Z" }) });
+var replay_5_default = SvgReplay5;
+var SvgReplay10 = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "M347.39-126.77q-61.85-26.77-107.85-72.77-46-46-72.77-107.85Q140-369.23 140-440h60q0 117 81.5 198.5T480-160q117 0 198.5-81.5T760-440q0-117-81.5-198.5T480-720h-10.62l63.54 63.54-42.15 43.38-136.92-137.3 137.69-137.31 42.15 43.38L469.38-780H480q70.77 0 132.61 26.77 61.85 26.77 107.85 72.77 46 46 72.77 107.85Q820-510.77 820-440q0 70.77-26.77 132.61-26.77 61.85-72.77 107.85-46 46-107.85 72.77Q550.77-100 480-100q-70.77 0-132.61-26.77Zm21.07-199.38v-180h-57.69v-47.7h105.38v227.7h-47.69Zm135.39 0q-17 0-28.5-11.5t-11.5-28.5v-147.7q0-17 11.5-28.5t28.5-11.5h75.38q17 0 28.5 11.5t11.5 28.5v147.7q0 17-11.5 28.5t-28.5 11.5h-75.38Zm12.3-47.7h50.77q2.31 0 3.47-1.15 1.15-1.15 1.15-3.46v-123.08q0-2.31-1.15-3.46-1.16-1.15-3.47-1.15h-50.77q-2.3 0-3.46 1.15-1.15 1.15-1.15 3.46v123.08q0 2.31 1.15 3.46 1.16 1.15 3.46 1.15Z" }) });
+var replay_10_default = SvgReplay10;
+var SvgReplay30 = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "M347.39-126.77q-61.85-26.77-107.85-72.77-46-46-72.77-107.85Q140-369.23 140-440h60q0 117 81.5 198.5T480-160q117 0 198.5-81.5T760-440q0-117-81.5-198.5T480-720h-10.62l63.54 63.54-42.15 43.38-136.92-137.3 137.69-137.31 42.15 43.38L469.38-780H480q70.77 0 132.61 26.77 61.85 26.77 107.85 72.77 46 46 72.77 107.85Q820-510.77 820-440q0 70.77-26.77 132.61-26.77 61.85-72.77 107.85-46 46-107.85 72.77Q550.77-100 480-100q-70.77 0-132.61-26.77Zm-46.62-199.38v-47.7h107.69v-48.46h-71.54v-35.38h71.54v-48.46H300.77v-47.7h121.54q14.69 0 24.27 9.58 9.57 9.58 9.57 24.27v160q0 14.69-9.57 24.27-9.58 9.58-24.27 9.58H300.77Zm243.08 0q-17 0-28.5-11.5t-11.5-28.5v-147.7q0-17 11.5-28.5t28.5-11.5h75.38q17 0 28.5 11.5t11.5 28.5v147.7q0 17-11.5 28.5t-28.5 11.5h-75.38Zm12.3-47.7h50.77q2.31 0 3.47-1.15 1.15-1.15 1.15-3.46v-123.08q0-2.31-1.15-3.46-1.16-1.15-3.47-1.15h-50.77q-2.3 0-3.46 1.15-1.15 1.15-1.15 3.46v123.08q0 2.31 1.15 3.46 1.16 1.15 3.46 1.15Z" }) });
+var replay_30_default = SvgReplay30;
+var replayIconMap = {
+  5: replay_5_default,
+  10: replay_10_default,
+  30: replay_30_default
+};
+var StatefulSkipBackwardButton = ({ isDisabled }) => {
+  const { t } = useI18n();
+  const { skipBackward } = useNavigator().media;
+  const skipBackwardInterval = useAppSelector((state) => state.audioSettings.skipBackwardInterval);
+  const Icon = replayIconMap[skipBackwardInterval] ?? replay_default;
+  return /* @__PURE__ */ jsx(
+    StatefulActionIcon,
+    {
+      onPress: skipBackward,
+      isDisabled,
+      "aria-label": t("reader.playback.actions.skipBackward.descriptive"),
+      tooltipLabel: t("reader.playback.actions.skipBackward.descriptive"),
+      className: thorium_web_audioPlayback_default.audioSkipBackwardButton,
+      children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", focusable: "false" })
+    }
+  );
+};
+var SvgForwardMedia = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "M347.39-126.77q-61.85-26.77-107.85-72.77-46-46-72.77-107.85Q140-369.23 140-440q0-70.77 26.77-132.61 26.77-61.85 72.77-107.85 46-46 107.85-72.77Q409.23-780 480-780h10.62l-64.31-64.31 42.15-43.38 137.69 137.31-136.92 137.3-42.15-43.38L490.62-720H480q-117 0-198.5 81.5T200-440q0 117 81.5 198.5T480-160q117 0 198.5-81.5T760-440h60q0 70.77-26.77 132.61-26.77 61.85-72.77 107.85-46 46-107.85 72.77Q550.77-100 480-100q-70.77 0-132.61-26.77Z" }) });
+var forward_media_default = SvgForwardMedia;
+var SvgForward5 = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "M347.39-126.77q-61.85-26.77-107.85-72.77-46-46-72.77-107.82Q140-369.19 140-439.98t26.77-132.63q26.77-61.85 72.77-107.85 46-46 107.83-72.77Q409.2-780 480-780h10.62l-64.31-64.31 42.15-43.38 137.69 137.31-136.92 137.3-42.15-43.38L490.62-720H480q-117 0-198.5 81.5T200-440q0 117 81.5 198.5T480-160q117 0 198.5-81.5T760-440h60q0 70.8-26.77 132.63t-72.77 107.83q-46 46-107.82 72.77Q550.81-100 480.02-100t-132.63-26.77Zm38.76-199.38v-47.7h120v-48.46h-120v-131.54h167.7v47.7h-120v48.46H520q14.38 0 24.12 9.73 9.73 9.73 9.73 24.11V-360q0 14.38-9.73 24.12-9.74 9.73-24.12 9.73H386.15Z" }) });
+var forward_5_default = SvgForward5;
+var SvgForward10 = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "M368.46-326.15v-180h-57.69v-47.7h105.38v227.7h-47.69Zm135.39 0q-17 0-28.5-11.5t-11.5-28.5v-147.7q0-17 11.5-28.5t28.5-11.5h75.38q17 0 28.5 11.5t11.5 28.5v147.7q0 17-11.5 28.5t-28.5 11.5h-75.38Zm12.3-47.7h50.77q2.31 0 3.47-1.15 1.15-1.15 1.15-3.46v-123.08q0-2.31-1.15-3.46-1.16-1.15-3.47-1.15h-50.77q-2.3 0-3.46 1.15-1.15 1.15-1.15 3.46v123.08q0 2.31 1.15 3.46 1.16 1.15 3.46 1.15ZM347.39-126.77q-61.85-26.77-107.85-72.77-46-46-72.77-107.85Q140-369.23 140-440q0-70.77 26.77-132.61 26.77-61.85 72.77-107.85 46-46 107.85-72.77Q409.23-780 480-780h10.62l-64.31-64.31 42.15-43.38 137.69 137.31-136.92 137.3-42.15-43.38L490.62-720H480q-117 0-198.5 81.5T200-440q0 117 81.5 198.5T480-160q117 0 198.5-81.5T760-440h60q0 70.77-26.77 132.61-26.77 61.85-72.77 107.85-46 46-107.85 72.77Q550.77-100 480-100q-70.77 0-132.61-26.77Z" }) });
+var forward_10_default = SvgForward10;
+var SvgForward30 = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "M300.77-326.15v-47.7h107.69v-48.46h-71.54v-35.38h71.54v-48.46H300.77v-47.7h121.54q14.69 0 24.27 9.58 9.57 9.58 9.57 24.27v160q0 14.69-9.57 24.27-9.58 9.58-24.27 9.58H300.77Zm243.08 0q-17 0-28.5-11.5t-11.5-28.5v-147.7q0-17 11.5-28.5t28.5-11.5h75.38q17 0 28.5 11.5t11.5 28.5v147.7q0 17-11.5 28.5t-28.5 11.5h-75.38Zm12.3-47.7h50.77q2.31 0 3.47-1.15 1.15-1.15 1.15-3.46v-123.08q0-2.31-1.15-3.46-1.16-1.15-3.47-1.15h-50.77q-2.3 0-3.46 1.15-1.15 1.15-1.15 3.46v123.08q0 2.31 1.15 3.46 1.16 1.15 3.46 1.15ZM347.39-126.77q-61.85-26.77-107.85-72.77-46-46-72.77-107.85Q140-369.23 140-440q0-70.77 26.77-132.61 26.77-61.85 72.77-107.85 46-46 107.85-72.77Q409.23-780 480-780h10.62l-64.31-64.31 42.15-43.38 137.69 137.31-136.92 137.3-42.15-43.38L490.62-720H480q-117 0-198.5 81.5T200-440q0 117 81.5 198.5T480-160q117 0 198.5-81.5T760-440h60q0 70.77-26.77 132.61-26.77 61.85-72.77 107.85-46 46-107.85 72.77Q550.77-100 480-100q-70.77 0-132.61-26.77Z" }) });
+var forward_30_default = SvgForward30;
+var forwardIconMap = {
+  5: forward_5_default,
+  10: forward_10_default,
+  30: forward_30_default
+};
+var StatefulSkipForwardButton = ({ isDisabled }) => {
+  const { t } = useI18n();
+  const { skipForward } = useNavigator().media;
+  const skipForwardInterval = useAppSelector((state) => state.audioSettings.skipForwardInterval);
+  const Icon = forwardIconMap[skipForwardInterval] ?? forward_media_default;
+  return /* @__PURE__ */ jsx(
+    StatefulActionIcon,
+    {
+      onPress: skipForward,
+      isDisabled,
+      "aria-label": t("reader.playback.actions.skipForward.descriptive"),
+      tooltipLabel: t("reader.playback.actions.skipForward.descriptive"),
+      className: thorium_web_audioPlayback_default.audioSkipForwardButton,
+      children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", focusable: "false" })
+    }
+  );
+};
+var StatefulAudioPlaybackControls = () => {
+  const { t } = useI18n();
+  const isTrackReady = useAppSelector((state) => state.player.isTrackReady);
+  const isStalled = useAppSelector((state) => state.player.isStalled);
+  return /* @__PURE__ */ jsxs(ThActionsBar, { className: thorium_web_audioPlayback_default.audioControls, "aria-label": t("audio.player.controls"), dir: "ltr", children: [
+    /* @__PURE__ */ jsx(StatefulPreviousButton, { isDisabled: !isTrackReady || isStalled }),
+    /* @__PURE__ */ jsx(StatefulSkipBackwardButton, { isDisabled: !isTrackReady || isStalled }),
+    /* @__PURE__ */ jsx(StatefulPlayPauseButton, { isDisabled: !isTrackReady || isStalled }),
+    /* @__PURE__ */ jsx(StatefulSkipForwardButton, { isDisabled: !isTrackReady || isStalled }),
+    /* @__PURE__ */ jsx(StatefulNextButton, { isDisabled: !isTrackReady || isStalled })
+  ] });
+};
+
+// src/components/Audio/controls/assets/styles/thorium-web.audioProgressBar.module.css
+var thorium_web_audioProgressBar_default = {
+  wrapper: "thorium_web_audioProgressBar_wrapper",
+  current: "thorium_web_audioProgressBar_current",
+  slider: "thorium_web_audioProgressBar_slider",
+  track: "thorium_web_audioProgressBar_track",
+  thumb: "thorium_web_audioProgressBar_thumb",
+  seekableRange: "thorium_web_audioProgressBar_seekableRange",
+  elapsed: "thorium_web_audioProgressBar_elapsed",
+  remaining: "thorium_web_audioProgressBar_remaining",
+  tick: "thorium_web_audioProgressBar_tick",
+  tooltip: "thorium_web_audioProgressBar_tooltip"
+};
+var StatefulAudioProgressBar = () => {
+  const { t } = useI18n();
+  const { preferences } = useAudioPreferences();
+  const tocEntry = useAppSelector((state) => state.publication.unstableTimeline?.toc?.currentEntry);
+  const currentChapter = tocEntry?.title;
+  const isStalled = useAppSelector((state) => state.player.isStalled);
+  const isTrackReady = useAppSelector((state) => state.player.isTrackReady);
+  const seekableRanges = useAppSelector((state) => state.player.seekableRanges);
+  const playbackRate = useAppSelector((state) => state.audioSettings.playbackRate);
+  const { currentTime, duration, seek, currentLocator, timeline } = useNavigator().media;
+  const current = currentTime();
+  const total = duration();
+  const [hoverLabel, setHoverLabel] = useState(void 0);
+  const handleSeek = useCallback((time) => {
+    seek(time);
+  }, [seek]);
+  const handleHoverProgression = useCallback((progression) => {
+    if (progression === null) {
+      setHoverLabel(void 0);
+      return;
+    }
+    const locator = currentLocator();
+    const tl = timeline();
+    if (!locator || !tl) return;
+    const item = tl.itemAtProgression(locator.href, progression, total);
+    setHoverLabel(item?.title);
+  }, [currentLocator, timeline, total]);
+  const parseTimestamp = (href) => {
+    const match = href.match(/#t=(\d+(?:\.\d+)?)$/);
+    return match ? parseFloat(match[1]) : 0;
+  };
+  const segments = useMemo(() => {
+    const locator = currentLocator();
+    const tl = timeline();
+    if (!locator || !tl || preferences.theming.layout.progressBar?.variant !== "segmented" /* segmented */) return [];
+    const segments2 = tl.segmentsForHref(locator.href);
+    if (!segments2 || !Array.isArray(segments2)) return [];
+    return segments2.map((segment) => {
+      const referenceHref = segment.references?.[0] || "";
+      const timestamp = parseTimestamp(referenceHref);
+      const percentage = total > 0 ? timestamp / total * 100 : 0;
+      return {
+        title: segment.title,
+        timestamp,
+        percentage
+      };
+    });
+  }, [currentLocator, timeline, total, preferences.theming.layout.progressBar?.variant]);
+  return /* @__PURE__ */ jsx(
+    ThAudioProgress,
+    {
+      currentTime: current,
+      duration: total,
+      playbackRate,
+      onSeek: handleSeek,
+      currentChapter: currentChapter || "\u200B",
+      isDisabled: !isTrackReady || isStalled,
+      seekableRanges,
+      hoverLabel,
+      onHoverProgression: handleHoverProgression,
+      segments,
+      compounds: {
+        wrapper: {
+          className: thorium_web_audioProgressBar_default.wrapper,
+          onKeyDown: (e) => {
+            if (e.key === "Escape") document.activeElement?.blur();
+          }
+        },
+        current: {
+          className: thorium_web_audioProgressBar_default.current
+        },
+        slider: {
+          className: thorium_web_audioProgressBar_default.slider,
+          "aria-label": t("audio.player.progress")
+        },
+        track: {
+          className: thorium_web_audioProgressBar_default.track
+        },
+        thumb: {
+          className: thorium_web_audioProgressBar_default.thumb
+        },
+        elapsedTime: {
+          className: thorium_web_audioProgressBar_default.elapsed
+        },
+        remainingTime: {
+          className: thorium_web_audioProgressBar_default.remaining
+        },
+        seekableRange: {
+          className: thorium_web_audioProgressBar_default.seekableRange
+        },
+        fragmentTick: {
+          className: thorium_web_audioProgressBar_default.tick
+        },
+        tooltip: {
+          className: thorium_web_audioProgressBar_default.tooltip,
+          offset: preferences.theming.icon.tooltipOffset
+        }
+      }
+    }
+  );
+};
+
+// src/components/Audio/actions/assets/styles/thorium-web.audioActions.module.css
+var thorium_web_audioActions_default = {
+  wrapper: "thorium_web_audioActions_wrapper"};
+var AudioActionPair = ({ action }) => {
+  const triggerRef = useRef(null);
+  const { Trigger, Target } = action;
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(Trigger, { ref: triggerRef, variant: "iconButton" /* button */ }),
+    Target && /* @__PURE__ */ jsx(Target, { triggerRef, placement: "top" })
+  ] });
+};
+var StatefulAudioMediaActions = () => {
+  const { t } = useI18n();
+  const { preferences } = useAudioPreferences();
+  const { primaryAudioActionsMap } = usePlugins();
+  const displayOrder = preferences.actions.primary.displayOrder;
+  return /* @__PURE__ */ jsx(ThActionsBar, { className: thorium_web_audioActions_default.wrapper, "aria-label": t("audio.player.mediaActions"), children: displayOrder.map((key) => {
+    const action = primaryAudioActionsMap[key];
+    if (!action) return null;
+    return /* @__PURE__ */ jsx(AudioActionPair, { action }, key);
+  }) });
+};
+
+// src/components/Audio/assets/styles/thorium-web.audio.app.module.css
+var thorium_web_audio_app_default = {
+  main: "thorium_web_audio_app_main",
+  shell: "thorium_web_audio_app_shell",
+  topBar: "thorium_web_audio_app_topBar"
+};
+
+// src/components/Audio/assets/styles/thorium-web.audioPlayer.module.css
+var thorium_web_audioPlayer_default = {
+  audioPlayerWrapper: "thorium_web_audioPlayer_audioPlayerWrapper",
+  audioPlayerWrapperExpanded: "thorium_web_audioPlayer_audioPlayerWrapperExpanded",
+  audioPlayerExpandedStart: "thorium_web_audioPlayer_audioPlayerExpandedStart",
+  audioPlayerExpandedEnd: "thorium_web_audioPlayer_audioPlayerExpandedEnd",
+  coverMetadataGroup: "thorium_web_audioPlayer_coverMetadataGroup"
+};
+var StatefulPlayerHeader = ({
+  actionKeys,
+  actionsOrder
+}) => {
+  const {
+    headerRef,
+    listActionItems,
+    t
+  } = useReaderHeaderBase(actionKeys);
+  const { preferences } = useAudioPreferences();
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: headerRef,
+      className: classNames(thorium_web_audio_app_default.topBar, thorium_web_reader_header_default.header),
+      children: [
+        preferences.theming.header?.backLink && /* @__PURE__ */ jsx(StatefulBackLink, { className: thorium_web_reader_header_default.backlinkWrapper }),
+        /* @__PURE__ */ jsx(
+          StatefulCollapsibleActionsBar,
+          {
+            id: "reader-header-overflowMenu",
+            items: listActionItems(),
+            prefs: { ...preferences.actions.secondary, displayOrder: actionsOrder },
+            className: thorium_web_reader_header_default.actionsWrapper,
+            "aria-label": t("reader.app.header.actions"),
+            overflowMenuClassName: thorium_web_overflow_default.hint
+          }
+        )
+      ]
+    }
+  ) });
+};
+
+// src/components/Audio/assets/styles/thorium-web.audioCover.module.css
+var thorium_web_audioCover_default = {
+  audioCoverSection: "thorium_web_audioCover_audioCoverSection",
+  audioCoverImage: "thorium_web_audioCover_audioCoverImage",
+  audioCoverPlaceholder: "thorium_web_audioCover_audioCoverPlaceholder",
+  audioCoverSyncOverlay: "thorium_web_audioCover_audioCoverSyncOverlay",
+  audioCoverSyncIcon: "thorium_web_audioCover_audioCoverSyncIcon"};
+var SvgMusicNote = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "M287-167q-47-47-47-113t47-113q47-47 113-47 23 0 42.5 5.5T480-418v-422h240v160H560v400q0 66-47 113t-113 47q-66 0-113-47Z" }) });
+var music_note_default = SvgMusicNote;
+var SvgSync = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "M160-160v-80h110l-16-14q-52-46-73-105t-21-119q0-111 66.5-197.5T400-790v84q-72 26-116 88.5T240-478q0 45 17 87.5t53 78.5l10 10v-98h80v240H160Zm400-10v-84q72-26 116-88.5T720-482q0-45-17-87.5T650-648l-10-10v98h-80v-240h240v80H690l16 14q49 49 71.5 106.5T800-482q0 111-66.5 197.5T560-170Z" }) });
+var sync_default = SvgSync;
+function StatefulAudioCover({ ref, coverUrl, title }) {
+  const { t } = useI18n();
+  const isTrackReady = useAppSelector((state) => state.player.isTrackReady);
+  const isStalled = useAppSelector((state) => state.player.isStalled);
+  const showSyncOverlay = !isTrackReady || isStalled;
+  return /* @__PURE__ */ jsxs("figure", { ref, className: thorium_web_audioCover_default.audioCoverSection, children: [
+    coverUrl ? /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: proxyUrl(coverUrl),
+        alt: title || t("audio.player.coverAlt"),
+        className: thorium_web_audioCover_default.audioCoverImage,
+        crossOrigin: "anonymous"
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: thorium_web_audioCover_default.audioCoverPlaceholder, children: showSyncOverlay ? /* @__PURE__ */ jsx(sync_default, { className: thorium_web_audioCover_default.audioCoverSyncIcon, "aria-hidden": "true" }) : /* @__PURE__ */ jsx(music_note_default, {}) }),
+    coverUrl && showSyncOverlay && /* @__PURE__ */ jsx("div", { className: thorium_web_audioCover_default.audioCoverSyncOverlay, "aria-hidden": "true", children: /* @__PURE__ */ jsx(sync_default, { className: thorium_web_audioCover_default.audioCoverSyncIcon }) })
+  ] });
+}
+
+// src/components/Audio/assets/styles/thorium-web.audioMetadata.module.css
+var thorium_web_audioMetadata_default = {
+  audioMetadata: "thorium_web_audioMetadata_audioMetadata",
+  audioMetadataTitle: "thorium_web_audioMetadata_audioMetadataTitle",
+  audioMetadataSubtitle: "thorium_web_audioMetadata_audioMetadataSubtitle",
+  audioMetadataAuthors: "thorium_web_audioMetadata_audioMetadataAuthors"
+};
+function StatefulAudioMetadata({ publication }) {
+  const { preferences } = useAudioPreferences();
+  const { metadata } = publication;
+  const title = metadata.title.getTranslation("en");
+  const subtitle = metadata.subtitle?.getTranslation("en");
+  const authors = metadata.authors?.items.map((a) => a.name.getTranslation("en"));
+  const metadataOrder = preferences.theming.layout.publicationMetadata.order;
+  const renderMetadataComponents = () => {
+    return metadataOrder.map((component) => {
+      switch (component) {
+        case "title" /* title */:
+          return /* @__PURE__ */ jsx("h1", { className: thorium_web_audioMetadata_default.audioMetadataTitle, children: title }, "title");
+        case "titleWithSubtitle" /* titleWithSubtitle */:
+          return /* @__PURE__ */ jsxs("hgroup", { children: [
+            /* @__PURE__ */ jsx("h1", { className: thorium_web_audioMetadata_default.audioMetadataTitle, children: title }),
+            subtitle && /* @__PURE__ */ jsx("p", { className: thorium_web_audioMetadata_default.audioMetadataSubtitle, children: subtitle })
+          ] }, "title-with-subtitle");
+        case "subtitleWithTitle" /* subtitleWithTitle */:
+          return /* @__PURE__ */ jsxs("hgroup", { children: [
+            subtitle && /* @__PURE__ */ jsx("p", { className: thorium_web_audioMetadata_default.audioMetadataSubtitle, children: subtitle }),
+            /* @__PURE__ */ jsx("h1", { className: thorium_web_audioMetadata_default.audioMetadataTitle, children: title })
+          ] }, "subtitle-with-title");
+        case "authors" /* authors */:
+          return authors && authors.length > 0 ? /* @__PURE__ */ jsx("p", { className: thorium_web_audioMetadata_default.audioMetadataAuthors, children: authors.join(", ") }, "authors") : null;
+        default:
+          return null;
+      }
+    }).filter(Boolean);
+  };
+  return /* @__PURE__ */ jsx("header", { className: thorium_web_audioMetadata_default.audioMetadata, children: renderMetadataComponents() });
+}
+var useAudioStatelessCache = (volume, playbackRate, preservePitch, skipBackwardInterval, skipForwardInterval, skipInterval, pollInterval, autoPlay, enableMediaSession, sleepTimerOnTrackEnd, sleepTimerOnFragmentEnd, adjacentTimelineItems) => {
+  const settingsCache = useAudioSettingsCache(
+    volume,
+    playbackRate,
+    preservePitch,
+    skipBackwardInterval,
+    skipForwardInterval,
+    skipInterval,
+    pollInterval,
+    autoPlay,
+    enableMediaSession
+  );
+  const cache = useRef({
+    settings: settingsCache.current.settings,
+    sleepTimerOnTrackEnd,
+    sleepTimerOnFragmentEnd,
+    adjacentTimelineItems
+  });
+  cache.current.settings = settingsCache.current.settings;
+  cache.current.sleepTimerOnTrackEnd = sleepTimerOnTrackEnd;
+  cache.current.sleepTimerOnFragmentEnd = sleepTimerOnFragmentEnd;
+  cache.current.adjacentTimelineItems = adjacentTimelineItems;
+  return cache;
+};
+var useAudioPreferencesConfig = ({
+  settings,
+  preferences
+}) => {
+  const audioPreferences = useMemo(() => {
+    const isSkipIntervalMode = "skipInterval" /* skipInterval */ in preferences.settings.keys;
+    return {
+      volume: settings.volume,
+      playbackRate: settings.playbackRate,
+      preservePitch: settings.preservePitch,
+      skipBackwardInterval: isSkipIntervalMode ? settings.skipInterval : settings.skipBackwardInterval,
+      skipForwardInterval: isSkipIntervalMode ? settings.skipInterval : settings.skipForwardInterval,
+      pollInterval: settings.pollInterval,
+      autoPlay: settings.autoPlay,
+      enableMediaSession: settings.enableMediaSession
+    };
+  }, [settings, preferences.settings.keys]);
+  const audioDefaults = useMemo(() => {
+    return {
+      volume: 1,
+      playbackRate: 1,
+      preservePitch: true,
+      skipBackwardInterval: 10,
+      skipForwardInterval: 10,
+      pollInterval: 1e3,
+      autoPlay: false,
+      enableMediaSession: true
+    };
+  }, []);
+  return { audioPreferences, audioDefaults };
+};
+
+// src/components/Audio/Hooks/useAudioPlayerInit.ts
+var useAudioPlayerInit = ({
+  publication,
+  initialPosition,
+  listeners,
+  preferences,
+  cache,
+  contentProtectionConfig,
+  onNavigatorReady,
+  onNavigatorLoaded,
+  onCleanup
+}) => {
+  const [navigatorReady, setNavigatorReady] = useState(false);
+  const { audioPreferences, audioDefaults } = useAudioPreferencesConfig({
+    settings: cache.current.settings,
+    preferences
+  });
+  const handleCleanup = useCallback(() => {
+    onCleanup?.();
+  }, [onCleanup]);
+  const { AudioNavigatorLoad, AudioNavigatorDestroy } = useAudioNavigator();
+  const isNavigatorLoadedAudio = useRef(false);
+  useEffect(() => {
+    if (!publication || isNavigatorLoadedAudio.current) return;
+    const config = {
+      publication,
+      listeners,
+      initialPosition: initialPosition ? new Locator({
+        ...initialPosition,
+        locations: initialPosition.locations ? new LocatorLocations(initialPosition.locations) : void 0
+      }) : void 0,
+      preferences: audioPreferences,
+      defaults: audioDefaults,
+      contentProtection: contentProtectionConfig
+    };
+    isNavigatorLoadedAudio.current = true;
+    onNavigatorReady?.();
+    AudioNavigatorLoad(config, () => {
+      setNavigatorReady(true);
+      onNavigatorLoaded?.();
+    });
+    return () => {
+      if (isNavigatorLoadedAudio.current) {
+        setNavigatorReady(false);
+        AudioNavigatorDestroy(() => {
+          isNavigatorLoadedAudio.current = false;
+          handleCleanup();
+        });
+      }
+    };
+  }, []);
+  return {
+    navigatorReady
+  };
+};
+
+// src/helpers/browser.ts
+var isWebKit = typeof navigator !== "undefined" && /webkit/i.test(navigator.userAgent) && !/chrome/i.test(navigator.userAgent);
+var StatefulPlayer = ({
+  publication,
+  localDataKey,
+  plugins,
+  positionStorage,
+  coverUrl
+}) => {
+  const [pluginsRegistered, setPluginsRegistered] = useState(false);
+  useLayoutEffect(() => {
+    if (plugins && plugins.length > 0) {
+      plugins.forEach((plugin) => {
+        ThPluginRegistry.register(plugin);
+      });
+    } else {
+      ThPluginRegistry.register(createAudioDefaultPlugin());
+    }
+    setPluginsRegistered(true);
+  }, [plugins]);
+  if (!pluginsRegistered) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(ThPluginProvider, { children: /* @__PURE__ */ jsx(StatefulPlayerInner, { publication, localDataKey, positionStorage, coverUrl }) });
+};
+var StatefulPlayerInner = ({ publication, localDataKey, positionStorage, coverUrl }) => {
+  const { preferences } = useAudioPreferences();
+  const { t } = useI18n();
+  const wrapperRef = useRef(null);
+  const coverSectionRef = useRef(null);
+  const compactMinHeight = useRef(0);
+  const [isExpanded, setIsExpanded] = useState(false);
+  const sleepOnTrackEnd = useAppSelector((state) => state.player.sleepTimer.onTrackEnd);
+  const sleepOnFragmentEnd = useAppSelector((state) => state.player.sleepTimer.onFragmentEnd);
+  const adjacentTimelineItems = useAppSelector((state) => state.publication.adjacentTimelineItems);
+  const volume = useAppSelector((state) => state.audioSettings.volume);
+  const playbackRate = useAppSelector((state) => state.audioSettings.playbackRate);
+  const preservePitch = useAppSelector((state) => state.audioSettings.preservePitch);
+  const skipBackwardInterval = useAppSelector((state) => state.audioSettings.skipBackwardInterval);
+  const skipForwardInterval = useAppSelector((state) => state.audioSettings.skipForwardInterval);
+  const skipInterval = useAppSelector((state) => state.audioSettings.skipInterval);
+  const pollInterval = useAppSelector((state) => state.audioSettings.pollInterval);
+  const autoPlay = useAppSelector((state) => state.audioSettings.autoPlay);
+  const enableMediaSession = useAppSelector((state) => state.audioSettings.enableMediaSession);
+  const cache = useAudioStatelessCache(
+    volume,
+    playbackRate,
+    preservePitch,
+    skipBackwardInterval,
+    skipForwardInterval,
+    skipInterval,
+    pollInterval,
+    autoPlay,
+    enableMediaSession,
+    sleepOnTrackEnd,
+    sleepOnFragmentEnd,
+    adjacentTimelineItems
+  );
+  const dispatch = useAppDispatch();
+  const audioNavigator = useAudioNavigator();
+  const { canGoBackward, canGoForward, submitPreferences, pause, isPlaying } = audioNavigator;
+  const { setLocalData, getLocalData } = usePositionStorage(localDataKey, positionStorage);
+  const documentTitle = publication?.metadata?.title?.getTranslation("en");
+  useDocumentTitle(documentTitle);
+  const tocTree = useAppSelector((state) => state.publication.unstableTimeline?.toc?.tree);
+  const tocTreeRef = useRef(void 0);
+  useEffect(() => {
+    tocTreeRef.current = tocTree;
+  }, [tocTree]);
+  const handleTimelineNavigation = useCallback((item) => {
+    const tl = publication.timeline;
+    const link = tl.linkFor(item);
+    if (link) {
+      const matched = findTocItemByHref(tocTreeRef.current || [], link.href);
+      dispatch(setTocEntry(matched || null));
+    }
+    const { previous, next } = tl.adjacentTo(item);
+    dispatch(setAdjacentTimelineItems({
+      previous: previous ? { title: previous.title, href: tl.linkFor(previous)?.href ?? "" } : null,
+      next: next ? { title: next.title, href: tl.linkFor(next)?.href ?? "" } : null
+    }));
+    return { previous, next };
+  }, [dispatch, publication]);
+  const isFragmentAffordance = useCallback((affordance) => {
+    return affordance === "timeline" || affordance === "toc";
+  }, []);
+  const handleSleepTimerEndOfFragment = useCallback((isTransitionToNext) => {
+    if (!cache.current.sleepTimerOnFragmentEnd || !isTransitionToNext) return;
+    const nextAffordance = preferences.affordances.next;
+    if (isFragmentAffordance(nextAffordance)) {
+      pause();
+      dispatch(setSleepTimerOnFragmentEnd(false));
+    }
+  }, [cache, preferences.affordances.next, isFragmentAffordance, pause, dispatch]);
+  const handleContinuousPlay = useCallback((isTransitionToNext) => {
+    if (!cache.current.settings.autoPlay && isTransitionToNext) {
+      if (isFragmentAffordance(preferences.affordances.next)) {
+        pause();
+      }
+    }
+  }, [cache, preferences.affordances.next, isFragmentAffordance, pause]);
+  const listeners = useMemo(() => ({
+    timelineItemChanged: (item) => {
+      if (!item) {
+        dispatch(setTocEntry(null));
+        dispatch(setAdjacentTimelineItems({ previous: null, next: null }));
+        return;
+      }
+      const previousNextItem = cache.current.adjacentTimelineItems.next;
+      const currentItemHref = publication.timeline.linkFor(item)?.href ?? "";
+      handleTimelineNavigation(item);
+      const isTransitionToNext = previousNextItem !== null && previousNextItem.href === currentItemHref;
+      handleSleepTimerEndOfFragment(isTransitionToNext);
+      handleContinuousPlay(isTransitionToNext);
+    },
+    positionChanged: (locator) => {
+      setLocalData(locator);
+      if (canGoBackward()) {
+        dispatch(setPublicationStart(false));
+      } else {
+        dispatch(setPublicationStart(true));
+      }
+      if (canGoForward()) {
+        dispatch(setPublicationEnd(false));
+      } else {
+        dispatch(setPublicationEnd(true));
+      }
+    },
+    trackLoaded: () => {
+      dispatch(setTrackReady(true));
+      dispatch(setStalled(false));
+      dispatch(setStatus(isPlaying() ? "playing" : "paused"));
+    },
+    trackEnded: () => {
+      if (cache.current.sleepTimerOnTrackEnd) {
+        submitPreferences({ autoPlay: false });
+      }
+      if (cache.current.sleepTimerOnFragmentEnd) {
+        submitPreferences({ autoPlay: false });
+        dispatch(setSleepTimerOnFragmentEnd(false));
+      }
+    },
+    metadataLoaded: () => {
+    },
+    play: () => {
+      if (cache.current.sleepTimerOnTrackEnd) {
+        submitPreferences({ autoPlay: cache.current.settings.autoPlay });
+        dispatch(setSleepTimerOnTrackEnd(false));
+      }
+      dispatch(setStatus("playing"));
+    },
+    pause: () => {
+      dispatch(setStatus("paused"));
+    },
+    stalled: (isStalled) => {
+      dispatch(setStalled(isStalled));
+    },
+    seeking: (isSeeking) => {
+      dispatch(setSeeking(isSeeking));
+    },
+    seekable: (timeRanges) => {
+      const ranges = [];
+      for (let i = 0; i < timeRanges.length; i++) {
+        ranges.push({ start: timeRanges.start(i), end: timeRanges.end(i) });
+      }
+      dispatch(setSeekableRanges(ranges));
+    },
+    error: (error, locator) => {
+      console.error("[AudioNavigator] playback error", error, locator);
+      dispatch(setStatus("paused"));
+    },
+    remotePlaybackStateChanged: (state) => {
+      if (isWebKit) return;
+      dispatch(setRemotePlaybackState(state));
+    },
+    contentProtection: (_type, _detail) => {
+    },
+    peripheral: (_data) => {
+    },
+    contextMenu: (_data) => {
+    }
+  }), [setLocalData, canGoBackward, canGoForward, isPlaying, dispatch, cache, submitPreferences, publication, handleTimelineNavigation, handleSleepTimerEndOfFragment, handleContinuousPlay]);
+  const initialPosition = useMemo(() => getLocalData(), [getLocalData]);
+  useAudioPlayerInit({
+    publication,
+    initialPosition,
+    listeners,
+    preferences,
+    cache,
+    contentProtectionConfig: resolveAudioContentProtectionConfig(preferences.contentProtection, t),
+    onNavigatorLoaded: () => dispatch(setLoading(false))
+  });
+  const { compact, expanded } = preferences.theming.layout;
+  const renderPlayerComponent = useCallback((component) => {
+    switch (component) {
+      case "cover" /* cover */:
+        return /* @__PURE__ */ jsx(StatefulAudioCover, { ref: coverSectionRef, coverUrl, title: publication?.metadata?.title?.getTranslation("en") }, component);
+      case "metadata" /* metadata */:
+        return publication ? /* @__PURE__ */ jsx(StatefulAudioMetadata, { publication }, component) : null;
+      case "playbackControls" /* playbackControls */:
+        return /* @__PURE__ */ jsx(StatefulAudioPlaybackControls, {}, component);
+      case "progressBar" /* progressBar */:
+        return /* @__PURE__ */ jsx(StatefulAudioProgressBar, {}, component);
+      case "mediaActions" /* mediaActions */:
+        return /* @__PURE__ */ jsx(StatefulAudioMediaActions, {}, component);
+    }
+  }, [coverUrl, publication]);
+  const renderCompactComponents = useCallback(() => {
+    const coverIdx = compact.order.indexOf("cover" /* cover */);
+    const metaIdx = compact.order.indexOf("metadata" /* metadata */);
+    const adjacent = coverIdx !== -1 && metaIdx !== -1 && Math.abs(coverIdx - metaIdx) === 1;
+    if (!adjacent) {
+      return compact.order.map(renderPlayerComponent);
+    }
+    const groupStart = Math.min(coverIdx, metaIdx);
+    const nodes = [];
+    for (let i = 0; i < compact.order.length; i++) {
+      if (i === groupStart) {
+        nodes.push(
+          /* @__PURE__ */ jsxs("div", { className: thorium_web_audioPlayer_default.coverMetadataGroup, children: [
+            renderPlayerComponent(compact.order[i]),
+            renderPlayerComponent(compact.order[i + 1])
+          ] }, "cover-metadata-group")
+        );
+        i++;
+      } else {
+        nodes.push(renderPlayerComponent(compact.order[i]));
+      }
+    }
+    return nodes;
+  }, [compact.order, renderPlayerComponent]);
+  useEffect(() => {
+    const el = wrapperRef.current;
+    if (!el) return;
+    const check = debounce(() => {
+      if (!isExpanded) {
+        const overflow = el.scrollHeight - el.clientHeight;
+        if (overflow > 0) {
+          const coverEl = coverSectionRef.current;
+          if (coverEl) {
+            const minHeight = parseFloat(getComputedStyle(coverEl).minHeight) || 0;
+            const newMaxHeight = coverEl.clientHeight - overflow;
+            if (newMaxHeight >= minHeight) {
+              el.style.setProperty("--th-layout-constraints-cover", `${newMaxHeight}px`);
+              return;
+            }
+          }
+          el.style.removeProperty("--th-layout-constraints-cover");
+          compactMinHeight.current = el.scrollHeight;
+          setIsExpanded(true);
+        } else {
+          el.style.removeProperty("--th-layout-constraints-cover");
+        }
+      } else {
+        if (el.clientHeight > compactMinHeight.current) {
+          setIsExpanded(false);
+        }
+      }
+    }, 100);
+    const observer = new ResizeObserver(check);
+    observer.observe(el);
+    return () => {
+      check.clear();
+      observer.disconnect();
+    };
+  }, [isExpanded]);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(I18nProvider, { locale: preferences.locale, children: /* @__PURE__ */ jsx(NavigatorProvider, { mediaNavigator: audioNavigator, children: /* @__PURE__ */ jsx("main", { className: thorium_web_audio_app_default.main, children: /* @__PURE__ */ jsx(StatefulDockingWrapper, { children: /* @__PURE__ */ jsxs("div", { className: thorium_web_audio_app_default.shell, children: [
+    /* @__PURE__ */ jsx(
+      StatefulPlayerHeader,
+      {
+        actionKeys: preferences.actions.secondary.displayOrder,
+        actionsOrder: preferences.actions.secondary.displayOrder
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "article",
+      {
+        ref: wrapperRef,
+        className: isExpanded ? thorium_web_audioPlayer_default.audioPlayerWrapperExpanded : thorium_web_audioPlayer_default.audioPlayerWrapper,
+        "aria-label": t("reader.app.publicationWrapper"),
+        children: isExpanded ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: thorium_web_audioPlayer_default.audioPlayerExpandedStart, children: expanded.start.map(renderPlayerComponent) }),
+          /* @__PURE__ */ jsx("div", { className: thorium_web_audioPlayer_default.audioPlayerExpandedEnd, children: expanded.end.map(renderPlayerComponent) })
+        ] }) : renderCompactComponents()
+      }
+    )
+  ] }) }) }) }) }) });
+};
+
+export { StatefulAudioMediaActions, StatefulAudioPlaybackControls, StatefulAudioProgressBar, StatefulNextButton, StatefulPlayPauseButton, StatefulPlayer, StatefulPreviousButton, StatefulSkipBackwardButton, StatefulSkipForwardButton };
+//# sourceMappingURL=chunk-SAUOY37Q.mjs.map
+//# sourceMappingURL=chunk-SAUOY37Q.mjs.map