@edrlab/thorium-web 1.2.1 → 1.3.0

package/dist/{chunk-K3K7TUWM.mjs → chunk-YZ3KCMKY.mjs}

@@ -1,3 +1,4 @@
+import { toEntryRef } from './chunk-TEZB4ULX.mjs';
 import { defaultPlatformModifier } from './chunk-5LUMM7FW.mjs';
 import { useRef } from 'react';
 import { useDispatch, useSelector, useStore, Provider } from 'react-redux';
@@ -272,8 +273,10 @@ var initialState3 = {
   colorScheme: "light" /* light */,
   theme: {
     reflow: "auto",
-    fxl: "auto"
+    fxl: "auto",
+    audio: "auto"
   },
+  coverTheme: void 0,
   prefersReducedMotion: false,
   prefersReducedTransparency: false,
   prefersContrast: "no-preference" /* none */,
@@ -293,6 +296,9 @@ var themeSlice = createSlice({
     setTheme: (state, action) => {
       state.theme[action.payload.key] = action.payload.value || "auto";
     },
+    setCoverTheme: (state, action) => {
+      state.coverTheme = action.payload;
+    },
     setReducedMotion: (state, action) => {
       state.prefersReducedMotion = action.payload;
     },
@@ -314,6 +320,7 @@ var {
   setMonochrome,
   setColorScheme,
   setTheme,
+  setCoverTheme,
   setReducedMotion,
   setReducedTransparency,
   setContrast,
@@ -322,65 +329,73 @@ var {
 } = themeSlice.actions;
 var themeReducer_default = themeSlice.reducer;
 var initialState4 = {
-  dock: {
-    ["dockingStart" /* start */]: {
-      actionKey: null,
-      active: false,
-      collapsed: false
-    },
-    ["dockingEnd" /* end */]: {
-      actionKey: null,
-      active: false,
-      collapsed: false
-    }
-  },
+  dock: {},
   keys: {},
   overflow: {}
 };
+var initializeProfileDock = (state, profile) => {
+  if (!state.dock[profile]) {
+    state.dock[profile] = {
+      ["dockingStart" /* start */]: {
+        actionKey: null,
+        active: false,
+        collapsed: false
+      },
+      ["dockingEnd" /* end */]: {
+        actionKey: null,
+        active: false,
+        collapsed: false
+      }
+    };
+  }
+};
 var actionsSlice = createSlice({
   name: "actions",
   initialState: initialState4,
   reducers: {
     dockAction: (state, action) => {
-      switch (action.payload.dockingKey) {
+      const { key, dockingKey, profile } = action.payload;
+      initializeProfileDock(state, profile);
+      const profileDock = state.dock[profile];
+      switch (dockingKey) {
         case "dockingStart" /* start */:
-          for (const key in state.keys) {
-            if (state.keys[key]?.docking === action.payload.dockingKey) {
-              state.keys[key] = {
-                ...state.keys[key],
+          for (const k in state.keys) {
+            if (state.keys[k]?.docking === dockingKey) {
+              state.keys[k] = {
+                ...state.keys[k],
                 docking: "dockingTransient" /* transient */,
                 isOpen: false
               };
             }
           }
-          state.dock["dockingStart" /* start */] = {
-            ...state.dock["dockingStart" /* start */],
-            actionKey: action.payload.key
+          profileDock["dockingStart" /* start */] = {
+            ...profileDock["dockingStart" /* start */],
+            actionKey: key
           };
-          if (state.dock["dockingEnd" /* end */].actionKey === action.payload.key) {
-            state.dock["dockingEnd" /* end */] = {
-              ...state.dock["dockingEnd" /* end */],
+          if (profileDock["dockingEnd" /* end */].actionKey === key) {
+            profileDock["dockingEnd" /* end */] = {
+              ...profileDock["dockingEnd" /* end */],
               actionKey: null
             };
           }
           break;
         case "dockingEnd" /* end */:
-          for (const key in state.keys) {
-            if (state.keys[key]?.docking === action.payload.dockingKey) {
-              state.keys[key] = {
-                ...state.keys[key],
+          for (const k in state.keys) {
+            if (state.keys[k]?.docking === dockingKey) {
+              state.keys[k] = {
+                ...state.keys[k],
                 docking: "dockingTransient" /* transient */,
                 isOpen: false
               };
             }
           }
-          state.dock["dockingEnd" /* end */] = {
-            ...state.dock["dockingEnd" /* end */],
-            actionKey: action.payload.key
+          profileDock["dockingEnd" /* end */] = {
+            ...profileDock["dockingEnd" /* end */],
+            actionKey: key
           };
-          if (state.dock["dockingStart" /* start */].actionKey === action.payload.key) {
-            state.dock["dockingStart" /* start */] = {
-              ...state.dock["dockingStart" /* start */],
+          if (profileDock["dockingStart" /* start */].actionKey === key) {
+            profileDock["dockingStart" /* start */] = {
+              ...profileDock["dockingStart" /* start */],
               actionKey: null
             };
           }
@@ -388,38 +403,30 @@ var actionsSlice = createSlice({
         // We don’t need to sync another action
         case "dockingTransient" /* transient */:
         default:
-          if (state.dock["dockingStart" /* start */].actionKey === action.payload.key) {
-            state.dock["dockingStart" /* start */] = {
-              ...state.dock["dockingStart" /* start */],
+          if (profileDock["dockingStart" /* start */].actionKey === key) {
+            profileDock["dockingStart" /* start */] = {
+              ...profileDock["dockingStart" /* start */],
               actionKey: null
             };
           }
-          if (state.dock["dockingEnd" /* end */].actionKey === action.payload.key) {
-            state.dock["dockingEnd" /* end */] = {
-              ...state.dock["dockingEnd" /* end */],
+          if (profileDock["dockingEnd" /* end */].actionKey === key) {
+            profileDock["dockingEnd" /* end */] = {
+              ...profileDock["dockingEnd" /* end */],
               actionKey: null
             };
           }
           break;
       }
-      state.keys[action.payload.key] = {
-        ...state.keys[action.payload.key],
-        docking: action.payload.dockingKey
+      state.keys[key] = {
+        ...state.keys[key],
+        docking: dockingKey
       };
     },
     setActionOpen: (state, action) => {
-      const dockingKey = state.keys[action.payload.key]?.docking;
-      if (!action.payload.isOpen && dockingKey && dockingKey !== "dockingTransient" /* transient */ && state.dock[dockingKey].actionKey === action.payload.key && state.dock[dockingKey].active && state.dock[dockingKey].collapsed) {
-        state.dock[dockingKey] = {
-          ...state.dock[dockingKey],
-          collapsed: false
-        };
-      } else {
-        state.keys[action.payload.key] = {
-          ...state.keys[action.payload.key],
-          isOpen: action.payload.isOpen
-        };
-      }
+      state.keys[action.payload.key] = {
+        ...state.keys[action.payload.key],
+        isOpen: action.payload.isOpen
+      };
     },
     toggleActionOpen: (state, action) => {
       const payload = {
@@ -438,43 +445,51 @@ var actionsSlice = createSlice({
       };
     },
     activateDockPanel: (state, action) => {
-      state.dock[action.payload] = {
-        ...state.dock[action.payload],
+      const { slot, profile } = action.payload;
+      initializeProfileDock(state, profile);
+      state.dock[profile][slot] = {
+        ...state.dock[profile][slot],
         active: true
       };
     },
     deactivateDockPanel: (state, action) => {
-      state.dock[action.payload] = {
-        ...state.dock[action.payload],
+      const { slot, profile } = action.payload;
+      initializeProfileDock(state, profile);
+      state.dock[profile][slot] = {
+        ...state.dock[profile][slot],
         active: false
       };
     },
     collapseDockPanel: (state, action) => {
-      state.dock[action.payload] = {
-        ...state.dock[action.payload],
+      const { slot, profile } = action.payload;
+      initializeProfileDock(state, profile);
+      state.dock[profile][slot] = {
+        ...state.dock[profile][slot],
         collapsed: true
       };
     },
     expandDockPanel: (state, action) => {
-      state.dock[action.payload] = {
-        ...state.dock[action.payload],
+      const { slot, profile } = action.payload;
+      initializeProfileDock(state, profile);
+      state.dock[profile][slot] = {
+        ...state.dock[profile][slot],
         collapsed: false
       };
     },
     setDockPanelWidth: (state, action) => {
-      const key = state.dock[action.payload.key].actionKey;
-      if (key) {
-        state.keys[key] = {
-          ...state.keys[key],
-          dockedWidth: action.payload.width
-        };
-      }
-      if (state.dock[action.payload.key] !== null) {
-        state.dock[action.payload.key] = {
-          ...state.dock[action.payload.key],
-          width: action.payload.width
+      const { key, width, profile } = action.payload;
+      initializeProfileDock(state, profile);
+      const dockKey = state.dock[profile][key].actionKey;
+      if (dockKey) {
+        state.keys[dockKey] = {
+          ...state.keys[dockKey],
+          dockedWidth: width
         };
       }
+      state.dock[profile][key] = {
+        ...state.dock[profile][key],
+        width
+      };
     }
   }
 });
@@ -498,7 +513,8 @@ var initialState5 = {
   positionsList: [],
   atPublicationStart: false,
   atPublicationEnd: false,
-  unstableTimeline: void 0
+  unstableTimeline: void 0,
+  adjacentTimelineItems: { previous: null, next: null }
 };
 var publicationSlice = createSlice({
   name: "publication",
@@ -542,15 +558,19 @@ var publicationSlice = createSlice({
         state.unstableTimeline.toc = { tree: action.payload, currentEntry: void 0 };
       }
     },
+    setAdjacentTimelineItems: (state, action) => {
+      state.adjacentTimelineItems = action.payload;
+    },
     setTocEntry: (state, action) => {
+      const entry = action.payload ? toEntryRef(action.payload) : null;
       if (!state.unstableTimeline) {
         state.unstableTimeline = {
-          toc: { tree: void 0, currentEntry: action.payload }
+          toc: { tree: void 0, currentEntry: entry }
         };
       } else if (state.unstableTimeline.toc) {
-        state.unstableTimeline.toc.currentEntry = action.payload;
+        state.unstableTimeline.toc.currentEntry = entry;
       } else {
-        state.unstableTimeline.toc = { tree: void 0, currentEntry: action.payload };
+        state.unstableTimeline.toc = { tree: void 0, currentEntry: entry };
       }
     }
   }
@@ -565,7 +585,8 @@ var {
   setPublicationEnd,
   setTimeline,
   setTocTree,
-  setTocEntry
+  setTocEntry,
+  setAdjacentTimelineItems
 } = publicationSlice.actions;
 var publicationReducer_default = publicationSlice.reducer;
 
@@ -948,6 +969,116 @@ var {
   setWebPubZoom
 } = webPubSettingsSlice.actions;
 var webPubSettingsReducer_default = webPubSettingsSlice.reducer;
+var initialState8 = {
+  volume: 1,
+  playbackRate: 1,
+  preservePitch: true,
+  skipBackwardInterval: 10,
+  skipForwardInterval: 10,
+  skipInterval: 10,
+  pollInterval: 1e3,
+  autoPlay: true,
+  enableMediaSession: true
+};
+var audioSettingsSlice = createSlice({
+  name: "audioSettings",
+  initialState: initialState8,
+  reducers: {
+    setVolume: (state, action) => {
+      state.volume = action.payload;
+    },
+    setPlaybackRate: (state, action) => {
+      state.playbackRate = action.payload;
+    },
+    setPreservePitch: (state, action) => {
+      state.preservePitch = action.payload;
+    },
+    setSkipBackwardInterval: (state, action) => {
+      state.skipBackwardInterval = action.payload;
+    },
+    setSkipForwardInterval: (state, action) => {
+      state.skipForwardInterval = action.payload;
+    },
+    setSkipInterval: (state, action) => {
+      state.skipInterval = action.payload;
+    },
+    setPollInterval: (state, action) => {
+      state.pollInterval = action.payload;
+    },
+    setAutoPlay: (state, action) => {
+      state.autoPlay = action.payload;
+    },
+    setEnableMediaSession: (state, action) => {
+      state.enableMediaSession = action.payload;
+    }
+  }
+});
+var {
+  setVolume,
+  setPlaybackRate,
+  setPreservePitch,
+  setSkipBackwardInterval,
+  setSkipForwardInterval,
+  setSkipInterval,
+  setPollInterval,
+  setAutoPlay,
+  setEnableMediaSession
+} = audioSettingsSlice.actions;
+var audioSettingsReducer_default = audioSettingsSlice.reducer;
+var initialState9 = {
+  status: "idle",
+  isSeeking: false,
+  isStalled: false,
+  isTrackReady: false,
+  sleepTimer: { remainingSeconds: null, onTrackEnd: false, onFragmentEnd: false },
+  remotePlaybackState: null,
+  seekableRanges: []
+};
+var playerSlice = createSlice({
+  name: "player",
+  initialState: initialState9,
+  reducers: {
+    setStatus: (state, action) => {
+      state.status = action.payload;
+    },
+    setSeeking: (state, action) => {
+      state.isSeeking = action.payload;
+    },
+    setStalled: (state, action) => {
+      state.isStalled = action.payload;
+    },
+    setTrackReady: (state, action) => {
+      state.isTrackReady = action.payload;
+    },
+    setSleepTimerRemainingSeconds: (state, action) => {
+      state.sleepTimer.remainingSeconds = action.payload;
+    },
+    setSleepTimerOnTrackEnd: (state, action) => {
+      state.sleepTimer.onTrackEnd = action.payload;
+    },
+    setSleepTimerOnFragmentEnd: (state, action) => {
+      state.sleepTimer.onFragmentEnd = action.payload;
+    },
+    setRemotePlaybackState: (state, action) => {
+      state.remotePlaybackState = action.payload;
+    },
+    setSeekableRanges: (state, action) => {
+      state.seekableRanges = action.payload;
+    }
+  }
+});
+var {
+  setStatus,
+  setSeeking,
+  setStalled,
+  setTrackReady,
+  setSleepTimerRemainingSeconds,
+  setSleepTimerOnTrackEnd,
+  setSleepTimerOnFragmentEnd,
+  setRemotePlaybackState,
+  setSeekableRanges
+} = playerSlice.actions;
+var playerReducer_default = playerSlice.reducer;
 
 // node_modules/.pnpm/debounce@3.0.0/node_modules/debounce/index.js
 function debounce(function_, wait = 100, options = {}) {
@@ -1058,6 +1189,23 @@ var updateActionsState = (state) => {
     overflow: {}
   };
 };
+var migrateDockStateToProfileKeyed = (state) => {
+  if (state.dock && typeof state.dock === "object" && !("epub" in state.dock || "webPub" in state.dock || "audio" in state.dock)) {
+    const oldDock = state.dock;
+    if (oldDock["dockingStart" /* start */] || oldDock["dockingEnd" /* end */]) {
+      const newDock = {};
+      newDock["epub"] = {
+        ["dockingStart" /* start */]: oldDock["dockingStart" /* start */] || { actionKey: null, active: false, collapsed: false },
+        ["dockingEnd" /* end */]: oldDock["dockingEnd" /* end */] || { actionKey: null, active: false, collapsed: false }
+      };
+      return {
+        ...state,
+        dock: newDock
+      };
+    }
+  }
+  return state;
+};
 var loadState = (storageKey = DEFAULT_STORAGE_KEY) => {
   try {
     const resolvedKey = storageKey || DEFAULT_STORAGE_KEY;
@@ -1068,7 +1216,8 @@ var loadState = (storageKey = DEFAULT_STORAGE_KEY) => {
         settings: void 0,
         theming: void 0,
         preferences: void 0,
-        webPubSettings: void 0
+        webPubSettings: void 0,
+        audioSettings: void 0
       };
     }
     let state = JSON.parse(serializedState);
@@ -1081,6 +1230,7 @@ var loadState = (storageKey = DEFAULT_STORAGE_KEY) => {
       }
       if (state.actions) {
         state.actions = updateActionsState(state.actions);
+        state.actions = migrateDockStateToProfileKeyed(state.actions);
       }
     }
     return state;
@@ -1103,6 +1253,7 @@ var saveState = (state, storageKey, externalReducers = {}) => {
     if (state.theming) stateToPersist.theming = state.theming;
     if (state.preferences) stateToPersist.preferences = state.preferences;
     if (state.webPubSettings) stateToPersist.webPubSettings = state.webPubSettings;
+    if (state.audioSettings) stateToPersist.audioSettings = state.audioSettings;
     Object.entries(externalReducers).forEach(([key, config]) => {
       if (config.persist && state[key] !== void 0) {
         stateToPersist[key] = state[key];
@@ -1123,6 +1274,8 @@ var makeStore = (storageKey, externalReducers = {}) => {
     publication: publicationReducer_default,
     preferences: preferencesReducer_default,
     webPubSettings: webPubSettingsReducer_default,
+    audioSettings: audioSettingsReducer_default,
+    player: playerReducer_default,
     ...Object.entries(externalReducers).reduce((acc, [key, config]) => ({
       ...acc,
       [key]: config.reducer
@@ -1135,6 +1288,7 @@ var makeStore = (storageKey, externalReducers = {}) => {
     theming: persistedState.theming,
     preferences: persistedState.preferences,
     webPubSettings: persistedState.webPubSettings,
+    audioSettings: persistedState.audioSettings,
     // Include persisted state for external reducers that have it
     ...Object.entries(externalReducers).reduce((acc, [key, config]) => {
       if (config.persist && persistedState[key] !== void 0) {
@@ -1208,6 +1362,6 @@ var useAppDispatch = useDispatch;
 var useAppSelector = useSelector;
 var useAppStore = useStore;
 
-export { ThReduxPreferencesAdapter, ThStoreProvider, actionsSlice, activateDockPanel, collapseDockPanel, deactivateDockPanel, debounce, dockAction, expandDockPanel, handleSpacingSetting, initialSettingsState, initialWebPubSettingsState, makeStore, preferencesSlice, publicationSlice, readerSlice, setActionOpen, setBreakpoint, setColorScheme, setColumnCount, setContrast, setDirection, setDockPanelWidth, setFXL, setFontFamily, setFontLanguage, setFontSize, setFontWeight, setForcedColors, setFullscreen, setHasArrows, setHasDisplayTransformability, setHovering, setHyphens, setImmersive, setL10n, setLetterSpacing, setLineHeight, setLineLength, setLoading, setMonochrome, setOverflow, setPaginatedAffordance, setParagraphIndent, setParagraphSpacing, setPlatformModifier, setPositionsList, setProgressionFormat, setPublicationEnd, setPublicationStart, setPublisherStyles, setRTL, setReaderProfile, setReducedMotion, setReducedTransparency, setRunningHeadFormat, setScroll, setScrollAffordance, setScrollAffordances, setSettingsContainer, setSpacingPreset, setTextAlign, setTextNormalization, setTheme, setTimeline, setTocEntry, setTocTree, setUI, setUserNavigated, setWebPubFontFamily, setWebPubFontWeight, setWebPubHyphens, setWebPubLetterSpacing, setWebPubLineHeight, setWebPubParagraphIndent, setWebPubParagraphSpacing, setWebPubPublisherStyles, setWebPubSpacingPreset, setWebPubTextAlign, setWebPubTextNormalization, setWebPubWordSpacing, setWebPubZoom, setWordSpacing, settingsSlice, themeSlice, toggleActionOpen, toggleImmersive, updateFromPreferences, useAppDispatch, useAppSelector, useAppStore, webPubSettingsSlice };
-//# sourceMappingURL=chunk-K3K7TUWM.mjs.map
-//# sourceMappingURL=chunk-K3K7TUWM.mjs.map
+export { ThReduxPreferencesAdapter, ThStoreProvider, actionsSlice, activateDockPanel, audioSettingsSlice, collapseDockPanel, deactivateDockPanel, debounce, dockAction, expandDockPanel, handleSpacingSetting, initialSettingsState, initialWebPubSettingsState, makeStore, playerSlice, preferencesSlice, publicationSlice, readerSlice, setActionOpen, setAdjacentTimelineItems, setAutoPlay, setBreakpoint, setColorScheme, setColumnCount, setContrast, setCoverTheme, setDirection, setDockPanelWidth, setEnableMediaSession, setFXL, setFontFamily, setFontLanguage, setFontSize, setFontWeight, setForcedColors, setFullscreen, setHasArrows, setHasDisplayTransformability, setHovering, setHyphens, setImmersive, setL10n, setLetterSpacing, setLineHeight, setLineLength, setLoading, setMonochrome, setOverflow, setPaginatedAffordance, setParagraphIndent, setParagraphSpacing, setPlatformModifier, setPlaybackRate, setPollInterval, setPositionsList, setPreservePitch, setProgressionFormat, setPublicationEnd, setPublicationStart, setPublisherStyles, setRTL, setReaderProfile, setReducedMotion, setReducedTransparency, setRemotePlaybackState, setRunningHeadFormat, setScroll, setScrollAffordance, setScrollAffordances, setSeekableRanges, setSeeking, setSettingsContainer, setSkipBackwardInterval, setSkipForwardInterval, setSkipInterval, setSleepTimerOnFragmentEnd, setSleepTimerOnTrackEnd, setSleepTimerRemainingSeconds, setSpacingPreset, setStalled, setStatus, setTextAlign, setTextNormalization, setTheme, setTimeline, setTocEntry, setTocTree, setTrackReady, setUI, setUserNavigated, setVolume, setWebPubFontFamily, setWebPubFontWeight, setWebPubHyphens, setWebPubLetterSpacing, setWebPubLineHeight, setWebPubParagraphIndent, setWebPubParagraphSpacing, setWebPubPublisherStyles, setWebPubSpacingPreset, setWebPubTextAlign, setWebPubTextNormalization, setWebPubWordSpacing, setWebPubZoom, setWordSpacing, settingsSlice, themeSlice, toggleActionOpen, toggleImmersive, updateFromPreferences, useAppDispatch, useAppSelector, useAppStore, webPubSettingsSlice };
+//# sourceMappingURL=chunk-YZ3KCMKY.mjs.map
+//# sourceMappingURL=chunk-YZ3KCMKY.mjs.map