@edrlab/thorium-web 1.2.1 → 1.3.0

package/dist/{chunk-47AIIJFO.mjs → chunk-ITDBOMY5.mjs}

@@ -1,4 +1,4 @@
-import { ThBreakpoints } from './chunk-XVSFXHYB.mjs';
+import { ThBreakpoints } from './chunk-L4XGZAZ5.mjs';
 
 // src/core/Helpers/breakpointsMap.ts
 var makeBreakpointsMap = ({
@@ -136,5 +136,5 @@ var getBestMatchingProgressionFormat = (preferredFormats, timeline) => {
 };
 
 export { canRenderProgressionFormat, getBestMatchingProgressionFormat, getSupportedProgressionFormats, isActiveElement, isInteractiveElement, isKeyboardTriggered, makeBreakpointsMap };
-//# sourceMappingURL=chunk-47AIIJFO.mjs.map
-//# sourceMappingURL=chunk-47AIIJFO.mjs.map
+//# sourceMappingURL=chunk-ITDBOMY5.mjs.map
+//# sourceMappingURL=chunk-ITDBOMY5.mjs.map

package/dist/{chunk-47AIIJFO.mjs.map → chunk-ITDBOMY5.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/Helpers/breakpointsMap.ts","../src/core/Helpers/focusUtilities.ts","../src/core/Helpers/progressionFormat.ts"],"names":[],"mappings":"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","file":"chunk-47AIIJFO.mjs","sourcesContent":["\"use client\";\n\nimport { ThBreakpoints } from \"@/preferences/models\";\nimport { BreakpointsMap } from \"@/core/Hooks/useBreakpoints\";\n\nexport const makeBreakpointsMap = <T>({\n  defaultValue,\n  fromEnum,\n  pref,\n  disabledValue,\n  validateKey\n}: {\n  defaultValue: T;\n  fromEnum: any;\n  pref?: BreakpointsMap<T> | boolean;\n  disabledValue?: T;\n  validateKey?: string;\n}): Required<BreakpointsMap<T>> => {\n  \n  const isValidType = (value: any): boolean => {\n    if (!validateKey) return true;\n    \n    // Helper to get nested property\n    const getNestedValue = (obj: any, path: string) => \n      path.split(\".\").reduce((o, p) => o?.[p], obj);\n    \n    const valueToCheck = getNestedValue(value, validateKey);\n    if (valueToCheck === undefined) return false;\n    \n    if (Array.isArray(valueToCheck)) {\n      return valueToCheck.every(v => Object.values(fromEnum).includes(v));\n    }\n    return Object.values(fromEnum).includes(valueToCheck);\n  };\n\n  const breakpointsMap: Required<BreakpointsMap<T>> = {\n    [ThBreakpoints.compact]: defaultValue,\n    [ThBreakpoints.medium]: defaultValue,\n    [ThBreakpoints.expanded]: defaultValue,\n    [ThBreakpoints.large]: defaultValue,\n    [ThBreakpoints.xLarge]: defaultValue\n  };\n\n  if (typeof pref === \"boolean\" || pref instanceof Boolean) {\n    if (!pref && disabledValue) {\n      Object.values(ThBreakpoints).forEach((key) => {\n        breakpointsMap[key] = disabledValue;\n      });\n    }\n  } else if (typeof pref === \"string\" && (!validateKey || isValidType(pref))) {\n    Object.values(ThBreakpoints).forEach((key) => {\n      breakpointsMap[key] = pref as unknown as T;\n    });\n  } else if (typeof pref === \"object\") {\n    Object.entries(pref).forEach(([key, value]) => {\n      if (!value) return;\n      \n      const isValid = !validateKey || isValidType(value);\n        \n      if (isValid) {\n        // Merge the default value with the breakpoint-specific overrides\n        if (typeof value === \"object\" && !Array.isArray(value)) {\n          breakpointsMap[key as ThBreakpoints] = {\n            ...defaultValue,\n            ...value\n          };\n        } else {\n          breakpointsMap[key as ThBreakpoints] = value as T;\n        }\n      }\n    });\n  }\n\n  return breakpointsMap;\n};","\"use client\";\n\nexport const isActiveElement = (el: Element | undefined | null) => {\n  if (el) return document.activeElement === el;\n  return false;\n}\n\nexport const isKeyboardTriggered = (el: Element | undefined | null) => {\n  if (el) return el.matches(\":focus-visible\");\n  return false;\n}\n\nexport const isInteractiveElement = (element: Element | null) => {\n  const iElements = [\"A\", \"AREA\", \"BUTTON\", \"DETAILS\", \"INPUT\", \"SELECT\", \"TEXTAREA\"];\n  const iRoles = [\"dialog\", \"radiogroup\", \"radio\", \"menu\", \"menuitem\"]\n\n  if (element && (element instanceof HTMLElement || element instanceof SVGElement)) {\n    if (element.closest(\"[inert]\")) return false;\n    if (element.hasAttribute(\"disabled\")) return false;\n    if (element.role && iRoles.includes(element.role)) return true;\n\n    // Panel Resize Handler cos’ of typo on tabIndex/tabindex\n    if (element.hasAttribute(\"tabindex\")) {\n      const attr = element.getAttribute(\"tabindex\");\n      return attr && parseInt(attr, 10) >= 0;\n    }\n\n    if (element.tabIndex) return element.tabIndex >= 0;\n    if (iElements.includes(element.tagName)) return true;\n  }\n\n  return false;\n}","import { ThProgressionFormat } from \"@/preferences/models\";\nimport { TimelineProgression } from \"@/core/Hooks/useTimeline\";\n\nexport const getSupportedProgressionFormats = (timeline?: TimelineProgression): ThProgressionFormat[] => {\n  if (!timeline) {\n    return [ThProgressionFormat.none];\n  }\n\n  const {\n    currentPositions = [],\n    totalPositions,\n    relativeProgression,\n    totalProgression,\n    currentIndex,\n    totalItems,\n    positionsLeft\n  } = timeline;\n\n  const supported: ThProgressionFormat[] = [ThProgressionFormat.none];\n\n  if (currentPositions.length > 0) {\n    supported.push(ThProgressionFormat.positions);\n  }\n  \n  if (currentPositions.length > 0 && totalPositions) {\n    supported.push(\n      ThProgressionFormat.positionsOfTotal,\n      ThProgressionFormat.positionsPercentOfTotal\n    );\n  }\n  \n  if (positionsLeft !== undefined) {\n    supported.push(ThProgressionFormat.positionsLeft);\n  }\n  \n  if (relativeProgression !== undefined) {\n    supported.push(\n      ThProgressionFormat.resourceProgression,\n      ThProgressionFormat.progressionOfResource\n    );\n  }\n  \n  if (totalProgression !== undefined) {\n    supported.push(ThProgressionFormat.overallProgression);\n  }\n  \n  if (currentIndex !== undefined && totalItems !== undefined) {\n    supported.push(ThProgressionFormat.readingOrderIndex);\n  }\n\n  return supported;\n};\n\nexport const canRenderProgressionFormat = (\n  format: ThProgressionFormat,\n  supportedFormats: ThProgressionFormat[]\n): boolean => {\n  return supportedFormats.includes(format);\n};\n\nexport const getBestMatchingProgressionFormat = (\n  preferredFormats: ThProgressionFormat[],\n  timeline?: TimelineProgression\n): ThProgressionFormat | null => {\n  if (!timeline) {\n    return null;\n  }\n\n  const supportedFormats = getSupportedProgressionFormats(timeline);\n  \n  // Find the first preferred format that's supported\n  const firstSupported = preferredFormats.find(format => \n    canRenderProgressionFormat(format, supportedFormats)\n  );\n  \n  return firstSupported || null;\n};\n"]}
+{"version":3,"sources":["../src/core/Helpers/breakpointsMap.ts","../src/core/Helpers/focusUtilities.ts","../src/core/Helpers/progressionFormat.ts"],"names":[],"mappings":"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","file":"chunk-ITDBOMY5.mjs","sourcesContent":["\"use client\";\n\nimport { ThBreakpoints } from \"@/preferences/models\";\nimport { BreakpointsMap } from \"@/core/Hooks/useBreakpoints\";\n\nexport const makeBreakpointsMap = <T>({\n  defaultValue,\n  fromEnum,\n  pref,\n  disabledValue,\n  validateKey\n}: {\n  defaultValue: T;\n  fromEnum: any;\n  pref?: BreakpointsMap<T> | boolean;\n  disabledValue?: T;\n  validateKey?: string;\n}): Required<BreakpointsMap<T>> => {\n  \n  const isValidType = (value: any): boolean => {\n    if (!validateKey) return true;\n    \n    // Helper to get nested property\n    const getNestedValue = (obj: any, path: string) => \n      path.split(\".\").reduce((o, p) => o?.[p], obj);\n    \n    const valueToCheck = getNestedValue(value, validateKey);\n    if (valueToCheck === undefined) return false;\n    \n    if (Array.isArray(valueToCheck)) {\n      return valueToCheck.every(v => Object.values(fromEnum).includes(v));\n    }\n    return Object.values(fromEnum).includes(valueToCheck);\n  };\n\n  const breakpointsMap: Required<BreakpointsMap<T>> = {\n    [ThBreakpoints.compact]: defaultValue,\n    [ThBreakpoints.medium]: defaultValue,\n    [ThBreakpoints.expanded]: defaultValue,\n    [ThBreakpoints.large]: defaultValue,\n    [ThBreakpoints.xLarge]: defaultValue\n  };\n\n  if (typeof pref === \"boolean\" || pref instanceof Boolean) {\n    if (!pref && disabledValue) {\n      Object.values(ThBreakpoints).forEach((key) => {\n        breakpointsMap[key] = disabledValue;\n      });\n    }\n  } else if (typeof pref === \"string\" && (!validateKey || isValidType(pref))) {\n    Object.values(ThBreakpoints).forEach((key) => {\n      breakpointsMap[key] = pref as unknown as T;\n    });\n  } else if (typeof pref === \"object\") {\n    Object.entries(pref).forEach(([key, value]) => {\n      if (!value) return;\n      \n      const isValid = !validateKey || isValidType(value);\n        \n      if (isValid) {\n        // Merge the default value with the breakpoint-specific overrides\n        if (typeof value === \"object\" && !Array.isArray(value)) {\n          breakpointsMap[key as ThBreakpoints] = {\n            ...defaultValue,\n            ...value\n          };\n        } else {\n          breakpointsMap[key as ThBreakpoints] = value as T;\n        }\n      }\n    });\n  }\n\n  return breakpointsMap;\n};","\"use client\";\n\nexport const isActiveElement = (el: Element | undefined | null) => {\n  if (el) return document.activeElement === el;\n  return false;\n}\n\nexport const isKeyboardTriggered = (el: Element | undefined | null) => {\n  if (el) return el.matches(\":focus-visible\");\n  return false;\n}\n\nexport const isInteractiveElement = (element: Element | null) => {\n  const iElements = [\"A\", \"AREA\", \"BUTTON\", \"DETAILS\", \"INPUT\", \"SELECT\", \"TEXTAREA\"];\n  const iRoles = [\"dialog\", \"radiogroup\", \"radio\", \"menu\", \"menuitem\"]\n\n  if (element && (element instanceof HTMLElement || element instanceof SVGElement)) {\n    if (element.closest(\"[inert]\")) return false;\n    if (element.hasAttribute(\"disabled\")) return false;\n    if (element.role && iRoles.includes(element.role)) return true;\n\n    // Panel Resize Handler cos’ of typo on tabIndex/tabindex\n    if (element.hasAttribute(\"tabindex\")) {\n      const attr = element.getAttribute(\"tabindex\");\n      return attr && parseInt(attr, 10) >= 0;\n    }\n\n    if (element.tabIndex) return element.tabIndex >= 0;\n    if (iElements.includes(element.tagName)) return true;\n  }\n\n  return false;\n}","import { ThProgressionFormat } from \"@/preferences/models\";\nimport { TimelineProgression } from \"@/core/Hooks/useTimeline\";\n\nexport const getSupportedProgressionFormats = (timeline?: TimelineProgression): ThProgressionFormat[] => {\n  if (!timeline) {\n    return [ThProgressionFormat.none];\n  }\n\n  const {\n    currentPositions = [],\n    totalPositions,\n    relativeProgression,\n    totalProgression,\n    currentIndex,\n    totalItems,\n    positionsLeft\n  } = timeline;\n\n  const supported: ThProgressionFormat[] = [ThProgressionFormat.none];\n\n  if (currentPositions.length > 0) {\n    supported.push(ThProgressionFormat.positions);\n  }\n  \n  if (currentPositions.length > 0 && totalPositions) {\n    supported.push(\n      ThProgressionFormat.positionsOfTotal,\n      ThProgressionFormat.positionsPercentOfTotal\n    );\n  }\n  \n  if (positionsLeft !== undefined) {\n    supported.push(ThProgressionFormat.positionsLeft);\n  }\n  \n  if (relativeProgression !== undefined) {\n    supported.push(\n      ThProgressionFormat.resourceProgression,\n      ThProgressionFormat.progressionOfResource\n    );\n  }\n  \n  if (totalProgression !== undefined) {\n    supported.push(ThProgressionFormat.overallProgression);\n  }\n  \n  if (currentIndex !== undefined && totalItems !== undefined) {\n    supported.push(ThProgressionFormat.readingOrderIndex);\n  }\n\n  return supported;\n};\n\nexport const canRenderProgressionFormat = (\n  format: ThProgressionFormat,\n  supportedFormats: ThProgressionFormat[]\n): boolean => {\n  return supportedFormats.includes(format);\n};\n\nexport const getBestMatchingProgressionFormat = (\n  preferredFormats: ThProgressionFormat[],\n  timeline?: TimelineProgression\n): ThProgressionFormat | null => {\n  if (!timeline) {\n    return null;\n  }\n\n  const supportedFormats = getSupportedProgressionFormats(timeline);\n  \n  // Find the first preferred format that's supported\n  const firstSupported = preferredFormats.find(format => \n    canRenderProgressionFormat(format, supportedFormats)\n  );\n  \n  return firstSupported || null;\n};\n"]}

package/dist/{chunk-XVSFXHYB.mjs → chunk-L4XGZAZ5.mjs}

@@ -55,24 +55,27 @@ var ThRunningHeadFormat = /* @__PURE__ */ ((ThRunningHeadFormat2) => {
   ThRunningHeadFormat2["none"] = "none";
   return ThRunningHeadFormat2;
 })(ThRunningHeadFormat || {});
+var ThAudioPlayerComponent = /* @__PURE__ */ ((ThAudioPlayerComponent2) => {
+  ThAudioPlayerComponent2["cover"] = "cover";
+  ThAudioPlayerComponent2["metadata"] = "metadata";
+  ThAudioPlayerComponent2["playbackControls"] = "playbackControls";
+  ThAudioPlayerComponent2["progressBar"] = "progressBar";
+  ThAudioPlayerComponent2["mediaActions"] = "mediaActions";
+  return ThAudioPlayerComponent2;
+})(ThAudioPlayerComponent || {});
+var ThAudioProgressBarVariant = /* @__PURE__ */ ((ThAudioProgressBarVariant2) => {
+  ThAudioProgressBarVariant2["normal"] = "normal";
+  ThAudioProgressBarVariant2["segmented"] = "segmented";
+  return ThAudioProgressBarVariant2;
+})(ThAudioProgressBarVariant || {});
+var ThAudioPublicationMetadataComponent = /* @__PURE__ */ ((ThAudioPublicationMetadataComponent2) => {
+  ThAudioPublicationMetadataComponent2["title"] = "title";
+  ThAudioPublicationMetadataComponent2["titleWithSubtitle"] = "titleWithSubtitle";
+  ThAudioPublicationMetadataComponent2["subtitleWithTitle"] = "subtitleWithTitle";
+  ThAudioPublicationMetadataComponent2["authors"] = "authors";
+  return ThAudioPublicationMetadataComponent2;
+})(ThAudioPublicationMetadataComponent || {});
 
-// src/core/Helpers/propsToCSSVars.ts
-var propsToCSSVars = (props, { prefix, exclude = [] } = {}) => {
-  return Object.entries(props).reduce((acc, [key, value]) => {
-    if (exclude.includes(key)) {
-      return acc;
-    }
-    const cssVar = prefix ? `--${prefix}-${key}` : `--${key}`;
-    if (typeof value === "object" && value !== null) {
-      Object.assign(acc, propsToCSSVars(value, { prefix: prefix ? `${prefix}-${key}` : key }));
-    } else if (value != null) {
-      const cssValue = typeof value === "number" ? `${value}px` : value;
-      acc[cssVar] = cssValue;
-    }
-    return acc;
-  }, {});
-};
-
-export { ThArrowVariant, ThBackLinkVariant, ThBreakpoints, ThDocumentTitleFormat, ThLayoutDirection, ThLayoutUI, ThProgressionFormat, ThRunningHeadFormat, propsToCSSVars };
-//# sourceMappingURL=chunk-XVSFXHYB.mjs.map
-//# sourceMappingURL=chunk-XVSFXHYB.mjs.map
+export { ThArrowVariant, ThAudioPlayerComponent, ThAudioProgressBarVariant, ThAudioPublicationMetadataComponent, ThBackLinkVariant, ThBreakpoints, ThDocumentTitleFormat, ThLayoutDirection, ThLayoutUI, ThProgressionFormat, ThRunningHeadFormat };
+//# sourceMappingURL=chunk-L4XGZAZ5.mjs.map
+//# sourceMappingURL=chunk-L4XGZAZ5.mjs.map

package/dist/chunk-L4XGZAZ5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/preferences/models/ui.ts"],"names":["ThArrowVariant","ThBreakpoints","ThBackLinkVariant","ThDocumentTitleFormat","ThLayoutDirection","ThLayoutUI","ThProgressionFormat","ThRunningHeadFormat","ThAudioPlayerComponent","ThAudioProgressBarVariant","ThAudioPublicationMetadataComponent"],"mappings":"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","file":"chunk-L4XGZAZ5.mjs","sourcesContent":["export type ThBackLinkContent = \n  | { \n      type: \"img\";\n      src: string;\n      alt?: string;\n    }\n  | {\n      type: \"svg\";\n      content: string; // Raw SVG string\n    };\n\nexport interface ThBackLinkPref {\n  href: string;\n  variant?: ThBackLinkVariant;\n  visibility?: \"always\" | \"partially\";\n  content?: ThBackLinkContent;\n}\n\nexport interface ThFormatPrefValue<T extends string | Array<string>> {\n  variants: T;\n  displayInImmersive?: boolean;\n  displayInFullscreen?: boolean;\n}\n\nexport interface ThFormatPref<T extends string | Array<string>> {\n  default: ThFormatPrefValue<T>;\n  breakpoints?: { \n    [key in ThBreakpoints]?: ThFormatPrefValue<T>;\n  };\n}\n\nexport interface ThPaginatedAffordancePrefValue {\n  variant: ThArrowVariant;\n  discard?: Array<\"navigation\" | \"immersive\" | \"fullscreen\"> | \"none\";\n  hint?: Array<\"immersiveChange\" | \"fullscreenChange\" | \"layoutChange\"> | \"none\";\n}\n\nexport interface ThPaginatedAffordancePref {\n  default: Required<ThPaginatedAffordancePrefValue>;\n  breakpoints?: {\n    [key in ThBreakpoints]?: ThPaginatedAffordancePrefValue;\n  };\n}\n\nexport enum ThArrowVariant {\n  none = \"none\",\n  stacked = \"stacked\",\n  layered = \"layered\"\n}\n\nexport enum ThBreakpoints {\n  compact = \"compact\",\n  medium = \"medium\",\n  expanded = \"expanded\",\n  large = \"large\",\n  xLarge = \"xLarge\"\n}\n\nexport enum ThBackLinkVariant {\n  arrow = \"arrow\",\n  home = \"home\",\n  library = \"library\",\n  custom = \"custom\"\n}\n\nexport enum ThDocumentTitleFormat {\n  title = \"title\",\n  chapter = \"chapter\",\n  titleAndChapter = \"titleAndChapter\",\n  none = \"none\"\n}\n\nexport enum ThLayoutDirection {\n  rtl = \"rtl\",\n  ltr = \"ltr\"\n}\n\nexport enum ThLayoutUI {\n  stacked = \"stacked-ui\",\n  layered = \"layered-ui\"\n}\n\nexport enum ThProgressionFormat {\n  positionsPercentOfTotal = \"positionsPercentOfTotal\",  // x-y of z (%)\n  positionsOfTotal = \"positionsOfTotal\",                // x-y of z\n  positions = \"positions\",                              // x-y\n  overallProgression = \"overallProgression\",            // x%\n  positionsLeft = \"positionsLeft\",                      // x left in chapter\n  readingOrderIndex = \"readingOrderIndex\",              // x of y\n  resourceProgression = \"resourceProgression\",          // x%\n  progressionOfResource = \"progressionOfResource\",      // x% of y\n  none = \"none\"                                         // nothing displayed\n}\n\nexport enum ThRunningHeadFormat {\n  title = \"title\",\n  chapter = \"chapter\",\n  // titleAndChapter = \"titleAndChapter\",\n  none = \"none\"\n}\n\nexport enum ThAudioPlayerComponent {\n  cover = \"cover\",\n  metadata = \"metadata\",\n  playbackControls = \"playbackControls\",\n  progressBar = \"progressBar\",\n  mediaActions = \"mediaActions\"\n}\n\nexport enum ThAudioProgressBarVariant {\n  normal = \"normal\",\n  segmented = \"segmented\"\n}\n\nexport enum ThAudioPublicationMetadataComponent {\n  title = \"title\",\n  titleWithSubtitle = \"titleWithSubtitle\",\n  subtitleWithTitle = \"subtitleWithTitle\",\n  authors = \"authors\"\n}\n\ntype TitleVariant = ThAudioPublicationMetadataComponent.title | ThAudioPublicationMetadataComponent.titleWithSubtitle | ThAudioPublicationMetadataComponent.subtitleWithTitle;\n\nexport type ThPublicationMetadataOrder = [TitleVariant] | [TitleVariant, ThAudioPublicationMetadataComponent.authors] | [ThAudioPublicationMetadataComponent.authors, TitleVariant];"]}

package/dist/chunk-OWHP7ONM.mjs

@@ -0,0 +1,134 @@
+import { ThGrid, ThLoader } from './chunk-4ODYHZKD.mjs';
+import { useI18n } from './chunk-IYAFKTPL.mjs';
+import { isValidElement, cloneElement } from 'react';
+import { Link } from 'react-aria-components';
+import classNames from 'classnames';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/components/Misc/assets/styles/thorium-web.publicationGrid.module.css
+var thorium_web_publicationGrid_default = {
+  wrapper: "thorium_web_publicationGrid_wrapper",
+  card: "thorium_web_publicationGrid_card",
+  cover: "thorium_web_publicationGrid_cover",
+  image: "thorium_web_publicationGrid_image",
+  info: "thorium_web_publicationGrid_info",
+  title: "thorium_web_publicationGrid_title",
+  author: "thorium_web_publicationGrid_author",
+  rendition: "thorium_web_publicationGrid_rendition"
+};
+var DefaultImage = ({
+  src,
+  alt = ""
+}) => /* @__PURE__ */ jsx(
+  "img",
+  {
+    src,
+    alt,
+    className: thorium_web_publicationGrid_default.image,
+    loading: "lazy"
+  }
+);
+var PublicationGrid = ({
+  publications,
+  columnWidth = 400,
+  gap = "1.5rem",
+  renderCover = (publication) => /* @__PURE__ */ jsx(
+    DefaultImage,
+    {
+      src: publication.cover,
+      alt: ""
+    }
+  )
+}) => {
+  const renderCoverWithClass = (publication) => {
+    const cover = renderCover(publication);
+    if (!isValidElement(cover)) {
+      return /* @__PURE__ */ jsx(
+        DefaultImage,
+        {
+          src: publication.cover,
+          alt: ""
+        }
+      );
+    }
+    return cloneElement(cover, {
+      className: classNames(
+        thorium_web_publicationGrid_default.image,
+        cover.props.className
+      )
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    ThGrid,
+    {
+      className: thorium_web_publicationGrid_default.wrapper,
+      items: publications,
+      columnWidth,
+      gap,
+      renderItem: (publication, index) => /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: publication.url,
+          className: thorium_web_publicationGrid_default.card,
+          children: [
+            /* @__PURE__ */ jsx("figure", { className: thorium_web_publicationGrid_default.cover, children: renderCoverWithClass(publication) }),
+            /* @__PURE__ */ jsxs("div", { className: thorium_web_publicationGrid_default.info, children: [
+              /* @__PURE__ */ jsx("h2", { className: thorium_web_publicationGrid_default.title, children: publication.title }),
+              /* @__PURE__ */ jsx("p", { className: thorium_web_publicationGrid_default.author, children: publication.author }),
+              publication.rendition && /* @__PURE__ */ jsx("p", { className: thorium_web_publicationGrid_default.rendition, children: publication.rendition })
+            ] })
+          ]
+        },
+        index
+      )
+    }
+  );
+};
+
+// src/components/Misc/assets/styles/thorium-web.loader.module.css
+var thorium_web_loader_default = {
+  wrapper: "thorium_web_loader_wrapper",
+  loader: "thorium_web_loader_loader"};
+var StatefulLoader = ({ isLoading, children }) => {
+  const { t } = useI18n();
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    ThLoader,
+    {
+      isLoading,
+      loader: /* @__PURE__ */ jsx("div", { className: thorium_web_loader_default.loader, children: t("reader.app.loading") }),
+      className: thorium_web_loader_default.wrapper,
+      children
+    }
+  ) });
+};
+
+// src/components/Misc/assets/styles/thorium-web.error.module.css
+var thorium_web_error_default = {
+  wrapper: "thorium_web_error_wrapper",
+  title: "thorium_web_error_title",
+  message: "thorium_web_error_message"
+};
+var ErrorDisplay = ({
+  error,
+  title,
+  children
+}) => {
+  const { t } = useI18n();
+  const getUserMessage = () => {
+    if (error.isNotFound()) return t("reader.app.errors.notFound");
+    if (error.isAccessDenied()) return t("reader.app.errors.accessDenied");
+    if (error.isNetwork()) return t("reader.app.errors.network");
+    if (error.isServerError()) return t("reader.app.errors.serverError");
+    if (error.isClientError()) return t("reader.app.errors.clientError");
+    return t("reader.app.errors.generic");
+  };
+  return /* @__PURE__ */ jsxs("div", { className: thorium_web_error_default.wrapper, children: [
+    /* @__PURE__ */ jsx("h1", { className: thorium_web_error_default.title, children: title || t("reader.app.errors.title") }),
+    /* @__PURE__ */ jsx("p", { className: thorium_web_error_default.message, children: getUserMessage() }),
+    children
+  ] });
+};
+
+export { DefaultImage, ErrorDisplay, PublicationGrid, StatefulLoader };
+//# sourceMappingURL=chunk-OWHP7ONM.mjs.map
+//# sourceMappingURL=chunk-OWHP7ONM.mjs.map

package/dist/chunk-OWHP7ONM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Misc/assets/styles/thorium-web.publicationGrid.module.css","../src/components/Misc/PublicationGrid.tsx","../src/components/Misc/assets/styles/thorium-web.loader.module.css","../src/components/Misc/StatefulLoader.tsx","../src/components/Misc/assets/styles/thorium-web.error.module.css","../src/components/Misc/ErrorDisplay.tsx"],"names":["wrapper","card","cover","image","info","title","author","rendition","loader","jsx","message","jsxs"],"mappings":"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","file":"chunk-OWHP7ONM.mjs","sourcesContent":[".wrapper {\n  --th-color-text: #333;\n  --th-color-text-secondary: #666;\n  --th-color-background: #fff;\n  --th-color-primary: #e0e0e0;\n  --th-color-secondary: #fafafa;\n\n  padding: 1rem;\n  width: 100%;\n}\n\n.card {\n  display: flex;\n  text-decoration: none;\n  color: inherit;\n  border: 1px solid var(--th-color-primary);\n  border-radius: 8px;\n  overflow: hidden;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n  background: white;\n}\n\n.card:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}\n\n.cover {\n  width: 120px;\n  height: 180px;\n  flex-shrink: 0;\n  margin: 0;\n  background-color: var(--th-color-secondary);\n}\n\n.image {\n  width: 120px;\n  height: 180px;\n  object-fit: contain;\n}\n\n.info {\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n.title {\n  margin: 0 0 0.5rem;\n  font-weight: 600;\n  font-size: 1.25rem;\n  color: var(--th-color-text);\n}\n\n.author {\n  margin: 0 0 0.75rem;\n  color: var(--th-color-text-secondary);\n  font-size: 1rem;\n}\n\n.rendition {\n  background: var(--th-color-primary);\n  color: var(--th-color-text);\n  padding: 0.25rem 0.75rem;\n  margin: 0;\n  border-radius: 20px;\n  font-size: 0.875rem;\n  font-weight: 500;\n  margin-top: auto;\n  align-self: flex-start;\n}","\"use client\";\n\nimport React, { cloneElement, isValidElement } from \"react\";\n\nimport publicationGridStyles from \"./assets/styles/thorium-web.publicationGrid.module.css\";\n\nimport { ThGrid } from \"@/core/Components\";\nimport { Link } from \"react-aria-components\";\n\nimport classNames from \"classnames\";\n\nexport const DefaultImage = ({\n  src,\n  alt = \"\"\n}: {\n  src: string;\n  alt?: string;\n}) => (\n  <img\n    src={ src }\n    alt={ alt }\n    className={ publicationGridStyles.image }\n    loading=\"lazy\"\n  />\n);\n\nexport interface Publication {\n  title: string;\n  author: string;\n  cover: string;\n  url: string;\n  rendition?: string;\n}\n\nexport interface PublicationGridProps {\n  publications: Publication[];\n  columnWidth?: number;\n  gap?: string;\n  renderCover?: (publication: Publication) => React.ReactElement<React.ImgHTMLAttributes<HTMLImageElement>>;\n}\n\nexport const PublicationGrid = ({ \n  publications,\n  columnWidth = 400,\n  gap = \"1.5rem\",\n  renderCover = (publication) => (\n    <DefaultImage\n      src={ publication.cover }\n      alt=\"\"\n    />\n  ),\n}: PublicationGridProps) => {\n  const renderCoverWithClass = (publication: Publication) => {\n    const cover = renderCover(publication);\n    \n    if (!isValidElement<React.ImgHTMLAttributes<HTMLImageElement>>(cover)) {\n      return (\n        <DefaultImage\n          src={ publication.cover }\n          alt=\"\"\n        />\n      );\n    }\n\n    return cloneElement(cover, {\n      className: classNames(\n        publicationGridStyles.image,\n        cover.props.className\n      )\n    });\n  };\n\n  return (\n    <ThGrid\n      className={ publicationGridStyles.wrapper }\n      items={ publications }\n      columnWidth={ columnWidth }\n      gap={ gap }\n      renderItem={ (publication, index) => (\n        <Link\n          href={ publication.url }\n          key={ index }\n          className={ publicationGridStyles.card }\n        >\n          <figure className={ publicationGridStyles.cover }>\n            { renderCoverWithClass(publication) }\n          </figure>\n          <div className={ publicationGridStyles.info }>\n            <h2 className={ publicationGridStyles.title }>\n              { publication.title }\n            </h2>\n            <p className={ publicationGridStyles.author }>\n              { publication.author }\n            </p>\n            { publication.rendition && (\n              <p className={ publicationGridStyles.rendition }>\n                { publication.rendition }\n              </p>\n            ) }\n          </div>\n        </Link>\n      ) }\n    />\n  );\n};",".wrapper {\n  width: 100%;\n  height: 100dvh;\n  height: 100vh;\n}\n\n.loader {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  color: var(--th-theme-text);\n  background-color: var(--th-theme-background);\n  font-weight: bold;\n}\n\n.loader::after {\n  content: \"...\";\n  overflow: hidden;\n  display: inline-block;\n  vertical-align: bottom;\n  animation: ellipsis-dot 1s infinite 300ms;\n  animation-fill-mode: forwards;\n  width: 3ch;\n}\n\n@keyframes ellipsis-dot {\n  25% {\n    content: \"\";\n  }\n  50% {\n    content: \".\";\n  }\n  75% {\n    content: \"..\";\n  }\n  100% {\n    content: \"...\";\n  }\n}","import { ReactNode } from \"react\";\n\nimport readerLoaderStyles from \"./assets/styles/thorium-web.loader.module.css\";\n\nimport { ThLoader } from \"@/core/Components/Reader/ThLoader\";\n\nimport { useI18n } from \"@/i18n/useI18n\";\n\nexport const StatefulLoader = ({ isLoading, children }: { isLoading: boolean, children: ReactNode }) => {\n  const { t } = useI18n();\n\n  return (\n    <>\n    <ThLoader \n      isLoading={ isLoading } \n      loader={ <div className={ readerLoaderStyles.loader }>{ t(\"reader.app.loading\") }</div> } \n      className={ readerLoaderStyles.wrapper } \n    >\n      { children }\n    </ThLoader>\n    </>\n  )\n}",".wrapper {\n  --th-color-text: #333;\n  --th-color-text-secondary: #666;\n  --th-color-background: #fff;\n\n  padding: 2rem;\n  text-align: center;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.title {\n  font-size: 1.5rem;\n  font-weight: 600;\n  color: var(--th-color-text);\n  margin: 0 0 1rem 0;\n}\n\n.message {\n  font-size: 1.125rem;\n  color: var(--th-color-text-secondary);\n  line-height: 1.6;\n  margin: 0 0 1.5rem 0;\n}","import { ReactNode } from \"react\";\nimport { ProcessedError } from \"@/helpers/errorHandler\";\nimport { useI18n } from \"@/i18n/useI18n\";\nimport errorStyles from \"./assets/styles/thorium-web.error.module.css\";\n\ninterface ErrorDisplayProps {\n  error: ProcessedError;\n  title?: string;\n  children?: ReactNode;\n}\n\nexport const ErrorDisplay = ({ \n  error, \n  title,\n  children\n}: ErrorDisplayProps) => {\n  const { t } = useI18n();\n  \n  const getUserMessage = () => {\n    if (error.isNotFound()) return t(\"reader.app.errors.notFound\");\n    if (error.isAccessDenied()) return t(\"reader.app.errors.accessDenied\");\n    if (error.isNetwork()) return t(\"reader.app.errors.network\");\n    if (error.isServerError()) return t(\"reader.app.errors.serverError\");\n    if (error.isClientError()) return t(\"reader.app.errors.clientError\");\n    return t(\"reader.app.errors.generic\");\n  };\n\n  return (\n    <div className={ errorStyles.wrapper }>\n      <h1 className={ errorStyles.title }>{ title || t(\"reader.app.errors.title\") }</h1>\n      <p className={ errorStyles.message }>{ getUserMessage() }</p>\n      { children }\n    </div>\n  );\n};\n"]}

package/dist/{chunk-P4V3LA5R.mjs → chunk-RRVLWDT3.mjs}

@@ -1,7 +1,10 @@
-import { ThPluginRegistry, createDefaultPlugin, ThPluginProvider, useSpacingPresets, useFonts, useSettingsComponentStatus, usePositionStorage, useLineHeight, Peripherals, NavigatorProvider, thorium_web_reader_app_default, StatefulDockingWrapper, StatefulReaderHeader, StatefulReaderFooter, getReaderClassNames } from './chunk-PXAUQJEU.mjs';
-import { useWebPubSettingsCache, useFullscreen, useWebPubNavigator, useTimeline, useDocumentTitle } from './chunk-4VHEHMJN.mjs';
-import { useAppSelector, useAppDispatch, setFullscreen, setTimeline, setHovering, toggleImmersive, useAppStore, toggleActionOpen, setPublicationStart, setPublicationEnd, setLoading } from './chunk-K3K7TUWM.mjs';
-import { usePreferences, resolveContentProtectionConfig } from './chunk-7NEQAW7J.mjs';
+import { useFonts, Peripherals, StatefulReaderHeader, StatefulReaderFooter, getReaderClassNames } from './chunk-UCTMVCW7.mjs';
+import { createDefaultPlugin, useSpacingPresets, useSettingsComponentStatus, usePositionStorage, useLineHeight, NavigatorProvider, thorium_web_reader_app_default, StatefulDockingWrapper } from './chunk-D7MFLHXV.mjs';
+import { useWebPubSettingsCache, useFullscreen, useWebPubNavigator, useTimeline, useDocumentTitle } from './chunk-XBZWGRDM.mjs';
+import { useAppSelector, useAppDispatch, setFullscreen, setTimeline, setHovering, toggleImmersive, useAppStore, toggleActionOpen, setPublicationStart, setPublicationEnd, setLoading } from './chunk-YZ3KCMKY.mjs';
+import { usePreferences } from './chunk-WECWPYZB.mjs';
+import { resolveContentProtectionConfig } from './chunk-C236BQQB.mjs';
+import { ThPluginRegistry, ThPluginProvider } from './chunk-4ODYHZKD.mjs';
 import { useI18n } from './chunk-IYAFKTPL.mjs';
 import { useState, useLayoutEffect, useRef, useCallback, useMemo, useEffect } from 'react';
 import { I18nProvider } from 'react-aria';
@@ -367,7 +370,7 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
       p.destroy();
     }
   });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(I18nProvider, { locale: preferences.locale, children: /* @__PURE__ */ jsx(NavigatorProvider, { navigator: webPubNavigator, children: /* @__PURE__ */ jsx("main", { className: thorium_web_reader_app_default.main, children: /* @__PURE__ */ jsx(StatefulDockingWrapper, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(I18nProvider, { locale: preferences.locale, children: /* @__PURE__ */ jsx(NavigatorProvider, { visualNavigator: webPubNavigator, children: /* @__PURE__ */ jsx("main", { className: thorium_web_reader_app_default.main, children: /* @__PURE__ */ jsx(StatefulDockingWrapper, { children: /* @__PURE__ */ jsxs(
     "div",
     {
       className: classNames(
@@ -403,5 +406,5 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
 };
 
 export { ExperimentalWebPubStatefulReader };
-//# sourceMappingURL=chunk-P4V3LA5R.mjs.map
-//# sourceMappingURL=chunk-P4V3LA5R.mjs.map
+//# sourceMappingURL=chunk-RRVLWDT3.mjs.map
+//# sourceMappingURL=chunk-RRVLWDT3.mjs.map

package/dist/chunk-RRVLWDT3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/WebPub/Hooks/usePreferencesConfig.ts","../src/components/WebPub/Hooks/useInjectablesConfig.ts","../src/components/WebPub/Hooks/useReaderInit.ts","../src/components/WebPub/StatefulReader.tsx"],"names":["useMemo","useState","useRef","useCallback","timeline"],"mappings":";;;;;;;;;;;;;;AAiBO,IAAM,6BAA6B,CAAC;AAAA,EACzC,QAAA;AAAA,EACA,YAAA;AAAA,EACA,0BAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF,CAAA,KAAuC;AACrC,EAAA,MAAM,iBAAA,GAAoB,QAAQ,MAAM;AACtC,IAAA,MAAM,WAAA,GAAkC;AAAA,MACtC,MAAM,QAAA,CAAS;AAAA,KACjB;AAEA,IAAA,IAAI,0BAAA,EAA4B;AAC9B,MAAA,WAAA,CAAY,UAAA,GAAa,gBAAgB,QAAA,CAAS,UAAA,CAAW,YAAY,CAAA,IAAK,EAAE,GAAG,SAAA,IAAa,IAAA;AAChG,MAAA,WAAA,CAAY,aAAa,QAAA,CAAS,UAAA;AAClC,MAAA,WAAA,CAAY,UAAU,QAAA,CAAS,OAAA;AAC/B,MAAA,WAAA,CAAY,gBAAgB,QAAA,CAAS,aAAA;AACrC,MAAA,WAAA,CAAY,aAAa,QAAA,CAAS,UAAA,KAAe,OAC7C,IAAA,GACA,iBAAA,CAAkB,SAAS,UAAU,CAAA;AACzC,MAAA,WAAA,CAAY,kBAAkB,QAAA,CAAS,eAAA;AACvC,MAAA,WAAA,CAAY,mBAAmB,QAAA,CAAS,gBAAA;AACxC,MAAA,WAAA,CAAY,YAAY,QAAA,CAAS,SAAA;AACjC,MAAA,WAAA,CAAY,oBAAoB,QAAA,CAAS,iBAAA;AACzC,MAAA,WAAA,CAAY,cAAc,QAAA,CAAS,WAAA;AAAA,IACrC;AAEA,IAAA,OAAO,WAAA;AAAA,EACT,CAAA,EAAG;AAAA,IACD,QAAA;AAAA,IACA,YAAA;AAAA,IACA,0BAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,OAAO,EAAE,iBAAA,EAAkB;AAC7B,CAAA;ACzCO,IAAM,6BAA6B,CAAC;AAAA,EACzC,gBAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,KAAuC;AACrC,EAAA,MAAM,WAAA,GAAcA,QAAQ,MAAM;AAChC,IAAA,IAAI,iBAAA;AAEJ,IAAA,IAAI,gBAAA,EAAkB;AACpB,MAAA,MAAM,aAAA,GAAgB,kBAAA,CAAmB,EAAE,QAAA,EAAU,cAAc,CAAA;AACnE,MAAA,IAAI,aAAA,EAAe;AACjB,QAAA,iBAAA,GAAoB;AAAA,UAClB,gBAAgB,aAAA,CAAc,cAAA;AAAA,UAC9B,OAAO,CAAC;AAAA,YACN,SAAA,EAAW,CAAC,UAAA,EAAY,SAAS,CAAA;AAAA,YACjC,SAAS,aAAA,CAAc,OAAA;AAAA,YACvB,QAAQ,aAAA,CAAc;AAAA,WACvB;AAAA,SACH;AAAA,MACF;AAAA,IACF;AAEA,IAAA,OAAO,iBAAA;AAAA,EACT,CAAA,EAAG,CAAC,gBAAA,EAAkB,YAAA,EAAc,kBAAkB,CAAC,CAAA;AAEvD,EAAA,OAAO,EAAE,WAAA,EAAY;AACvB,CAAA;;;ACHO,IAAM,sBAAsB,CAAC;AAAA,EAClC,SAAA;AAAA,EACA,WAAA;AAAA,EACA,eAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,KAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA;AAAA,EACA,0BAAA;AAAA,EACA,eAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,kBAAA;AAAA,EACA,iBAAA;AAAA,EACA,uBAAA;AAAA,EACA,gBAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAAA,KAAgC;AAC9B,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAS,KAAK,CAAA;AAE1D,EAAA,MAAM,EAAE,iBAAA,EAAkB,GAAI,0BAAA,CAA2B;AAAA,IACvD,QAAA,EAAU,MAAM,OAAA,CAAQ,QAAA;AAAA,IACxB,YAAA;AAAA,IACA,0BAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,0BAAA,CAA2B;AAAA,IACjD,gBAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,aAAA,GAAgB,YAAY,MAAM;AACtC,IAAA,mBAAA,EAAoB;AACpB,IAAA,SAAA,IAAY;AAAA,EACd,CAAA,EAAG,CAAC,mBAAA,EAAqB,SAAS,CAAC,CAAA;AAEnC,EAAA,MAAM,EAAE,mBAAA,EAAqB,sBAAA,EAAuB,GAAI,kBAAA,EAAmB;AAC3E,EAAA,MAAM,uBAAA,GAA0B,OAAO,KAAK,CAAA;AAE5C,EAAA,SAAA,CAAU,MAAM;AAEd,IAAA,IAAI,CAAC,WAAA,IAAe,uBAAA,CAAwB,OAAA,EAAS;AAGrD,IAAA,IAAI,CAAC,UAAU,OAAA,EAAS;AACtB,MAAA,OAAA,CAAQ,MAAM,6DAA6D,CAAA;AAC3E,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,MAAA,GAAmC;AAAA,MACvC,WAAW,SAAA,CAAU,OAAA;AAAA,MACrB,WAAA;AAAA,MACA,SAAA;AAAA,MACA,eAAA,EAAiB,eAAA,GAAkB,IAAI,OAAA,CAAQ,eAAe,CAAA,GAAI,MAAA;AAAA,MAClE,WAAA,EAAa,iBAAA;AAAA,MACb,QAAA,EAAU;AAAA,QACR,WAAA,EAAa,WAAA,CAAY,WAAA,EAAa,MAAA,IAAU;AAAA,OAClD;AAAA,MACA,WAAA;AAAA,MACA,iBAAA,EAAmB;AAAA,KACrB;AAEA,IAAA,uBAAA,CAAwB,OAAA,GAAU,IAAA;AAGlC,IAAA,gBAAA,IAAmB;AAGnB,IAAA,mBAAA,CAAoB,QAAQ,MAAM;AAEhC,MAAA,iBAAA,CAAkB,IAAI,CAAA;AACtB,MAAA,iBAAA,IAAoB;AAAA,IACtB,CAAC,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,wBAAwB,OAAA,EAAS;AACnC,QAAA,iBAAA,CAAkB,KAAK,CAAA;AACvB,QAAA,sBAAA,CAAuB,MAAM;AAC3B,UAAA,uBAAA,CAAwB,OAAA,GAAU,KAAA;AAClC,UAAA,aAAA,EAAc;AAAA,QAChB,CAAC,CAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAGL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,gBAAA,EAAkB;AACpB,MAAA,MAAM,aAAA,GAAgB,kBAAA,CAAmB,EAAE,QAAA,EAAU,cAAc,CAAA;AACnE,MAAA,IAAI,aAAA,EAAe;AACjB,QAAA,mBAAA,CAAoB,kBAAA,CAAmB,MAAA,EAAW,IAAI,CAAC,CAAA;AAAA,MACzD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,gBAAA,EAAkB,YAAA,EAAc,kBAAA,EAAoB,mBAAmB,CAAC,CAAA;AAE5E,EAAA,OAAO;AAAA,IACL;AAAA,GACF;AACF,CAAA;AChEO,IAAM,mCAAmC,CAAC;AAAA,EAC/C,WAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAIC,SAAS,KAAK,CAAA;AAEhE,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,OAAA,IAAW,OAAA,CAAQ,MAAA,GAAS,CAAA,EAAG;AACjC,MAAA,OAAA,CAAQ,QAAQ,CAAA,MAAA,KAAU;AACxB,QAAA,gBAAA,CAAiB,SAAS,MAAM,CAAA;AAAA,MAClC,CAAC,CAAA;AAAA,IACH,CAAA,MAAO;AACL,MAAA,gBAAA,CAAiB,QAAA,CAAS,qBAAqB,CAAA;AAAA,IACjD;AACA,IAAA,oBAAA,CAAqB,IAAI,CAAA;AAAA,EAC3B,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,IAAI,CAAC,iBAAA,EAAmB;AACtB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA,CAAA,QAAA,EAAA,EACE,8BAAC,gBAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,uBAAoB,WAAA,EAA4B,YAAA,EAA8B,eAAA,EAAoC,CAAA,EACrH,CAAA,EACF,CAAA;AAEJ;AAEA,IAAM,sBAAsB,CAAC,EAAE,WAAA,EAAa,YAAA,EAAc,iBAAgB,KAAoG;AAC5K,EAAA,MAAM,EAAE,WAAA,EAAa,eAAA,EAAiB,kBAAA,KAAuB,cAAA,EAAe;AAC5E,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,OAAA,EAAQ;AACtB,EAAA,MAAM,EAAE,wBAAA,EAAyB,GAAI,iBAAA,EAAkB;AACvD,EAAA,MAAM,EAAE,mBAAA,EAAqB,mBAAA,EAAoB,GAAI,QAAA,EAAS;AAG9D,EAAA,MAAM,EAAE,eAAA,EAAiB,gBAAA,EAAiB,GAAI,0BAAA,CAA2B;AAAA,IACvE,WAAA,EAAA,YAAA;AAAA,IACA,eAAA,EAAiB,QAAA;AAAA,IACjB,aAAA,EAAe;AAAA,GAChB,CAAA;AAED,EAAA,MAAM,SAAA,GAAYC,OAAuB,IAAI,CAAA;AAE7C,EAAA,MAAM,SAAA,GAAY,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,eAAe,SAAS,CAAA;AACxE,EAAA,MAAM,UAAA,GAAa,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,eAAe,UAAU,CAAA;AAC1E,EAAA,MAAM,UAAA,GAAa,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,eAAe,UAAU,CAAA;AAC1E,EAAA,MAAM,OAAA,GAAU,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,eAAe,OAAO,CAAA;AACpE,EAAA,MAAM,gBAAgB,wBAAA,CAAA,eAAA,qBAA4D;AAClF,EAAA,MAAM,aAAa,wBAAA,CAAA,YAAA,kBAAyD;AAC5E,EAAA,MAAM,kBAAkB,wBAAA,CAAA,iBAAA,uBAA8D;AACtF,EAAA,MAAM,mBAAmB,wBAAA,CAAA,kBAAA,wBAA+D;AACxF,EAAA,MAAM,eAAA,GAAkB,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,eAAe,eAAe,CAAA;AACpF,EAAA,MAAM,iBAAA,GAAoB,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,eAAe,iBAAiB,CAAA;AACxF,EAAA,MAAM,cAAc,wBAAA,CAAA,aAAA,mBAA0D;AAC9E,EAAA,MAAM,IAAA,GAAO,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,eAAe,IAAI,CAAA;AAC9D,EAAA,MAAM,YAAA,GAAe,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,YAAY,YAAY,CAAA;AAC3E,EAAA,MAAM,0BAAA,GAA6B,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,YAAY,0BAA0B,CAAA;AACvG,EAAA,MAAM,WAAA,GAAc,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,OAAO,WAAW,CAAA;AACpE,EAAA,MAAM,UAAA,GAAa,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,OAAO,UAAU,CAAA;AAElE,EAAA,MAAM,KAAA,GAAQ,sBAAA;AAAA,IACZ,UAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,eAAA;AAAA,IACA,SAAA;AAAA,IACA,iBAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,QAAA,GAAW,WAAA,CAAY,OAAA,CAAQ,MAAA,CAAO,EAAA,EAAI,MAAA,IAAA,YAAA;AAEhD,EAAA,MAAM,WAAW,cAAA,EAAe;AAEhC,EAAA,MAAM,UAAA,GAAaC,WAAAA,CAAY,CAAC,YAAA,KAA0B;AACxD,IAAA,QAAA,CAAS,aAAA,CAAc,YAAY,CAAC,CAAA;AAAA,EACtC,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AACb,EAAA,MAAM,EAAA,GAAK,cAAc,UAAU,CAAA;AAEnC,EAAA,MAAM,kBAAkB,kBAAA,EAAmB;AAC3C,EAAA,MAAM;AAAA,IACJ,gBAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACF,GAAI,eAAA;AAEJ,EAAA,MAAM,EAAE,YAAA,EAAc,YAAA,EAAc,WAAU,GAAI,kBAAA,CAAmB,cAAc,eAAe,CAAA;AAElG,EAAA,MAAM,WAAW,WAAA,CAAY;AAAA,IAC3B,WAAA;AAAA,IACA,eAAA,EAAiB,SAAA;AAAA,IACjB,gBAAA,EAAkB,gBAAA,EAAiB,IAAK,EAAC;AAAA,IACzC,aAAA,EAAe,MAAA;AAAA,IACf,QAAA,EAAU,CAACC,SAAAA,KAAa;AACtB,MAAA,QAAA,CAAS,WAAA,CAAYA,SAAQ,CAAC,CAAA;AAAA,IAChC;AAAA,GACD,CAAA;AAED,EAAA,MAAM,oBAAoB,aAAA,EAAc;AAExC,EAAA,MAAM,mBAAA,GAAsB,WAAA,CAAY,QAAA,EAAU,aAAA,EAAe,MAAA;AAEjE,EAAA,IAAI,aAAA;AAEJ,EAAA,IAAI,mBAAA,EAAqB;AACvB,IAAA,IAAI,OAAO,mBAAA,KAAwB,QAAA,IAAY,KAAA,IAAS,mBAAA,EAAqB;AAC3E,MAAA,MAAM,eAAA,GAAkB,CAAA,CAAE,mBAAA,CAAoB,GAAG,CAAA;AACjD,MAAA,aAAA,GAAgB,eAAA,KAAoB,mBAAA,CAAoB,GAAA,GACpD,eAAA,GACA,mBAAA,CAAoB,QAAA;AAAA,IAC1B,CAAA,MAAO;AACL,MAAA,QAAQ,mBAAA;AAAqB,QAC3B,KAAA,OAAA;AACE,UAAA,aAAA,GAAgB,QAAA,EAAU,KAAA;AAC1B,UAAA;AAAA,QACF,KAAA,SAAA;AACE,UAAA,aAAA,GAAgB,UAAU,WAAA,EAAa,cAAA;AACvC,UAAA;AAAA,QACF,KAAA,iBAAA;AACE,UAAA,IAAI,QAAA,EAAU,KAAA,IAAS,QAAA,EAAU,WAAA,EAAa,cAAA,EAAgB;AAC5D,YAAA,aAAA,GAAgB,GAAI,QAAA,CAAS,KAAM,CAAA,QAAA,EAAO,QAAA,CAAS,YAAY,cAAe,CAAA,CAAA;AAAA,UAChF;AACA,UAAA;AAAA,QACF,KAAA,MAAA;AACE,UAAA,aAAA,GAAgB,MAAA;AAChB,UAAA;AAAA,QACF;AACE,UAAA,aAAA,GAAgB,mBAAA;AAChB,UAAA;AAAA;AACJ,IACF;AAAA,EACF;AAEA,EAAA,gBAAA,CAAiB,aAAa,CAAA;AAE9B,EAAA,MAAM,iBAAA,GAAoBD,YAAY,MAAM;AAE1C,IAAA,QAAA,CAAS,WAAA,CAAY,KAAK,CAAC,CAAA;AAC3B,IAAA,QAAA,CAAS,iBAAiB,CAAA;AAAA,EAC5B,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,MAAM,WAAW,WAAA,EAAY;AAE7B,EAAA,MAAM,IAAIH,OAAAA,CAAQ,MAAM,IAAI,WAAA,CAAY,QAAA,EAAU,YAAY,OAAA,EAAS;AAAA,IACrE,QAAQ,MAAM;AAAA,IAAC,CAAA;AAAA,IACf,eAAe,MAAM;AAAA,IAAC,CAAA;AAAA,IACtB,YAAA,EAAc,CAAC,SAAA,KAAc;AAC3B,MAAA,QAAQ,SAAA;AAAW,QACjB,KAAA,YAAA;AACE,UAAA,EAAA,CAAG,gBAAA,EAAiB;AACpB,UAAA;AAAA,QACF,KAAA,UAAA;AAAA,QACA,KAAA,KAAA;AACE,UAAA,QAAA,CAAS,gBAAA,CAAiB;AAAA,YACxB,GAAA,EAAK;AAAA,WACN,CAAC,CAAA;AACF,UAAA;AAEA;AACJ,IACF;AAAA,GACD,GAAG,CAAC,QAAA,EAAU,YAAY,OAAA,EAAS,EAAA,EAAI,QAAQ,CAAC,CAAA;AAEjD,EAAA,MAAM,SAAA,GAAsCA,QAAQ,OAAO;AAAA,IACzD,WAAA,EAAa,eAAgB,IAAA,EAA6B;AACxD,MAAA,CAAA,CAAE,QAAQ,MAAM,CAAA;AAAA,IAClB,CAAA;AAAA,IACA,eAAA,EAAiB,eAAgB,OAAA,EAAiC;AAChE,MAAA,YAAA,CAAa,OAAO,CAAA;AAEpB,MAAA,IAAI,eAAc,EAAG;AACnB,QAAA,QAAA,CAAS,mBAAA,CAAoB,KAAK,CAAC,CAAA;AAAA,MACrC,CAAA,MAAO;AACL,QAAA,QAAA,CAAS,mBAAA,CAAoB,IAAI,CAAC,CAAA;AAAA,MACpC;AAEA,MAAA,IAAI,cAAa,EAAG;AAClB,QAAA,QAAA,CAAS,iBAAA,CAAkB,KAAK,CAAC,CAAA;AAAA,MACnC,CAAA,MAAO;AACL,QAAA,QAAA,CAAS,iBAAA,CAAkB,IAAI,CAAC,CAAA;AAAA,MAClC;AAAA,IACF,CAAA;AAAA,IACA,GAAA,EAAK,SAAU,EAAA,EAA8B;AAC3C,MAAA,iBAAA,EAAkB;AAClB,MAAA,OAAO,IAAA;AAAA,IACT,CAAA;AAAA,IACA,KAAA,EAAO,SAAU,EAAA,EAA8B;AAC7C,MAAA,OAAO,KAAA;AAAA,IACT,CAAA;AAAA,IACA,IAAA,EAAM,SAAU,MAAA,EAAsB;AAAA,IAAE,CAAA;AAAA,IACxC,MAAA,EAAQ,SAAU,MAAA,EAAsB;AAAA,IAAE,CAAA;AAAA,IAC1C,WAAA,EAAa,SAAU,IAAA,EAAc,KAAA,EAAsB;AAAA,IAAE,CAAA;AAAA,IAC7D,aAAA,EAAe,SAAU,OAAA,EAA2B;AAClD,MAAA,MAAM,OAAO,OAAA,CAAQ,IAAA;AAErB,MAAA,IACE,IAAA,CAAK,UAAA,CAAW,SAAS,CAAA,IACzB,KAAK,UAAA,CAAW,UAAU,CAAA,IAC1B,IAAA,CAAK,WAAW,SAAS,CAAA,IACzB,IAAA,CAAK,UAAA,CAAW,MAAM,CAAA,EACtB;AACA,QAAA,IAAI,OAAA,CAAQ,SAAS,IAAI,CAAA,GAAA,CAAK,GAAG,MAAA,CAAO,IAAA,CAAK,MAAM,QAAQ,CAAA;AAAA,MAC7D,CAAA,MAAO;AACL,QAAA,OAAA,CAAQ,IAAA,CAAK,qBAAqB,OAAO,CAAA;AAAA,MAC3C;AACA,MAAA,OAAO,KAAA;AAAA,IACT,CAAA;AAAA,IACA,YAAA,EAAc,SAAU,UAAA,EAAsC;AAAA,IAAC,CAAA;AAAA,IAC/D,iBAAA,EAAmB,SAAU,KAAA,EAAe,KAAA,EAAsC;AAAA,IAAC,CAAA;AAAA,IACnF,WAAA,EAAa,SAAU,KAAA,EAA+B;AAAA,IAAC,CAAA;AAAA,IACvD,UAAA,EAAY,SAAU,KAAA,EAAgC;AAAA,IAAC;AAAA,GACzD,CAAA,EAAI,CAAC,CAAA,EAAG,YAAA,EAAc,eAAe,YAAA,EAAc,QAAA,EAAU,iBAAiB,CAAC,CAAA;AAE/E,EAAA,MAAM,kBAAkBA,OAAAA,CAAQ,MAAM,cAAa,EAAG,CAAC,YAAY,CAAC,CAAA;AAGpE,EAA2B,mBAAA,CAAoB;AAAA,IAC7C,SAAA;AAAA,IACA,WAAA;AAAA,IACA,eAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,gBAAA;AAAA,IACA,YAAA;AAAA,IACA,0BAAA;AAAA,IACA,eAAA;AAAA,IACA,mBAAA;AAAA,IACA,mBAAA;AAAA,IACA,kBAAA;AAAA,IACA,iBAAA;AAAA,IACA,uBAAA,EAAyB,8BAAA,CAA+B,WAAA,CAAY,iBAAA,EAAmB,CAAC,CAAA;AAAA,IACxF,kBAAkB,MAAM;AACtB,MAAA,QAAA,CAAS,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,IAC5B,CAAA;AAAA,IACA,mBAAmB,MAAM;AACvB,MAAA,CAAA,CAAE,QAAQ,MAAM,CAAA;AAAA,IAClB,CAAA;AAAA,IACA,WAAW,MAAM;AACf,MAAA,CAAA,CAAE,OAAA,EAAQ;AAAA,IACZ;AAAA,GACD;AAED,EAAA,uCAEE,QAAA,kBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,MAAA,EAAS,WAAA,CAAY,QACnC,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,eAAA,EAAkB,eAAA,EACnC,8BAAC,MAAA,EAAA,EAAK,SAAA,EAAY,8BAAA,CAAa,IAAA,EAC7B,8BAAC,sBAAA,EAAA,EACC,QAAA,kBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EACE,UAAA;AAAA,QACE,mBAAA,CAAoB;AAAA,UAClB,QAAA,EAAU,IAAA;AAAA,UACV,WAAA;AAAA,UACA,UAAA;AAAA,UACA;AAAA,SACD;AAAA,OACH;AAAA,MAGF,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,oBAAA;AAAA,UAAA;AAAA,YACC,UAAA,EAAa,YAAY,OAAA,CAAQ,WAAA;AAAA,YACjC,YAAA,EAAe,YAAY,OAAA,CAAQ,WAAA;AAAA,YACnC,MAAA,EAAS,QAAA;AAAA,YACT,qBAAA,EAAwB,WAAA,CAAY,OAAA,CAAQ,MAAA,EAAQ,aAAa,MAAA,EAAQ;AAAA;AAAA,SAC3E;AAAA,4BAEC,SAAA,EAAA,EAAQ,SAAA,EAAY,+BAAa,OAAA,EAAU,YAAA,EAAa,EAAE,+BAA+B,CAAA,EACxF,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,IAAG,uBAAA,EAAwB,SAAA,EAAY,+BAAa,eAAA,EAAkB,GAAA,EAAM,WAAY,CAAA,EAC/F,CAAA;AAAA,wBAEF,GAAA;AAAA,UAAC,oBAAA;AAAA,UAAA;AAAA,YACC,MAAA,EAAS,QAAA;AAAA,YACT,qBAAA,EAAwB,WAAA,CAAY,OAAA,CAAQ,WAAA,EAAa,MAAA,EAAQ,MAAA;AAAA,YACjE,yBAAA,EAAA,mBAAA;AAAA;AAAA;AACF;AAAA;AAAA,GACF,EACF,CAAA,EACF,CAAA,EACF,CAAA,EACA,CAAA,EACA,CAAA;AACD,CAAA","file":"chunk-RRVLWDT3.mjs","sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\n\nimport { IWebPubPreferences, TextAlignment } from \"@readium/navigator\";\nimport { ThLineHeightOptions } from \"@/preferences/models\";\nimport { FontMetadata } from \"@/preferences/services/fonts\";\nimport { WebPubCSSSettings } from \"@/core/Hooks/WebPub/useWebPubSettingsCache\";\n\ninterface UseWebPubPreferencesConfigProps {\n  settings: WebPubCSSSettings;\n  fontLanguage: string;\n  hasDisplayTransformability: boolean;\n  getFontMetadata: (fontFamily: string) => FontMetadata;\n  lineHeightOptions: Record<ThLineHeightOptions, number | null>;\n}\n\nexport const useWebPubPreferencesConfig = ({\n  settings,\n  fontLanguage,\n  hasDisplayTransformability,\n  getFontMetadata,\n  lineHeightOptions,\n}: UseWebPubPreferencesConfigProps) => {\n  const webPubPreferences = useMemo(() => {\n    const preferences: IWebPubPreferences = {\n      zoom: settings.zoom\n    };\n\n    if (hasDisplayTransformability) {\n      preferences.fontFamily = getFontMetadata(settings.fontFamily[fontLanguage] ?? \"\")?.fontStack || null;\n      preferences.fontWeight = settings.fontWeight;\n      preferences.hyphens = settings.hyphens;\n      preferences.letterSpacing = settings.letterSpacing;\n      preferences.lineHeight = settings.lineHeight === null \n        ? null \n        : lineHeightOptions[settings.lineHeight];\n      preferences.paragraphIndent = settings.paragraphIndent;\n      preferences.paragraphSpacing = settings.paragraphSpacing;\n      preferences.textAlign = settings.textAlign as TextAlignment | null | undefined;\n      preferences.textNormalization = settings.textNormalization;\n      preferences.wordSpacing = settings.wordSpacing;\n    }\n\n    return preferences;\n  }, [\n    settings,\n    fontLanguage,\n    hasDisplayTransformability,\n    getFontMetadata,\n    lineHeightOptions,\n  ]);\n\n  return { webPubPreferences };\n};\n","\"use client\";\n\nimport { useMemo } from \"react\";\n\nimport { IInjectablesConfig } from \"@readium/navigator\";\nimport { InjectableFontResources } from \"@/preferences/services/fonts\";\n\ninterface UseWebPubInjectablesConfigProps {\n  isFontFamilyUsed: boolean;\n  fontLanguage: string;\n  getFontInjectables: (options?: { language?: string } | { key?: string }, optimize?: boolean) => InjectableFontResources | null;\n}\n\nexport const useWebPubInjectablesConfig = ({\n  isFontFamilyUsed,\n  fontLanguage,\n  getFontInjectables,\n}: UseWebPubInjectablesConfigProps) => {\n  const injectables = useMemo(() => {\n    let injectablesConfig: IInjectablesConfig | undefined;\n\n    if (isFontFamilyUsed) {\n      const fontResources = getFontInjectables({ language: fontLanguage });\n      if (fontResources) {\n        injectablesConfig = {\n          allowedDomains: fontResources.allowedDomains,\n          rules: [{\n            resources: [/\\.xhtml$/, /\\.html$/],\n            prepend: fontResources.prepend,\n            append: fontResources.append\n          }]\n        };\n      }\n    }\n\n    return injectablesConfig;\n  }, [isFontFamilyUsed, fontLanguage, getFontInjectables]);\n\n  return { injectables };\n};\n","\"use client\";\n\nimport { useCallback, useEffect, useState, useRef } from \"react\";\n\nimport { Locator, Publication } from \"@readium/shared\";\nimport { ThLineHeightOptions } from \"@/preferences/models\";\nimport { WebPubNavigatorListeners, IContentProtectionConfig } from \"@readium/navigator\";\nimport { ThPreferences } from \"@/preferences\";\nimport { FontMetadata, InjectableFontResources } from \"@/preferences/services/fonts\";\nimport { WebPubStatelessCache } from \"@/core/Hooks/WebPub/useWebPubSettingsCache\";\n\nimport { useWebPubPreferencesConfig } from \"./usePreferencesConfig\";\nimport { useWebPubInjectablesConfig } from \"./useInjectablesConfig\";\nimport { useWebPubNavigator, WebPubNavigatorLoadProps } from \"@/core/Hooks/WebPub/useWebPubNavigator\";\n\ninterface UseWebPubReaderInitProps {\n  container: React.RefObject<HTMLDivElement | null>;\n  publication: Publication | null;\n  initialPosition: Locator | null;\n  listeners: WebPubNavigatorListeners;\n  preferences: ThPreferences;\n  cache: React.RefObject<WebPubStatelessCache>;\n  isFontFamilyUsed: boolean;\n  fontLanguage: string;\n  hasDisplayTransformability: boolean;\n  getFontMetadata: (fontId: string) => FontMetadata;\n  injectFontResources: (resources: InjectableFontResources | null) => void;\n  removeFontResources: () => void;\n  getFontInjectables: (options?: { language?: string } | { key?: string }, optimize?: boolean) => InjectableFontResources | null;\n  lineHeightOptions: Record<ThLineHeightOptions, number | null>;\n  contentProtectionConfig?: IContentProtectionConfig;\n  onNavigatorReady?: () => void;\n  onNavigatorLoaded?: () => void;\n  onCleanup?: () => void;\n}\n\nexport const useWebPubReaderInit = ({\n  container,\n  publication,\n  initialPosition,\n  listeners,\n  preferences,\n  cache,\n  isFontFamilyUsed,\n  fontLanguage,\n  hasDisplayTransformability,\n  getFontMetadata,\n  injectFontResources,\n  removeFontResources,\n  getFontInjectables,\n  lineHeightOptions,\n  contentProtectionConfig,\n  onNavigatorReady,\n  onNavigatorLoaded,\n  onCleanup,\n}: UseWebPubReaderInitProps) => {\n  const [navigatorReady, setNavigatorReady] = useState(false);\n\n  const { webPubPreferences } = useWebPubPreferencesConfig({\n    settings: cache.current.settings,\n    fontLanguage,\n    hasDisplayTransformability,\n    getFontMetadata,\n    lineHeightOptions,\n  });\n\n  const { injectables } = useWebPubInjectablesConfig({\n    isFontFamilyUsed,\n    fontLanguage,\n    getFontInjectables,\n  });\n\n  const handleCleanup = useCallback(() => {\n    removeFontResources();\n    onCleanup?.();\n  }, [removeFontResources, onCleanup]);\n\n  const { WebPubNavigatorLoad, WebPubNavigatorDestroy } = useWebPubNavigator();\n  const isNavigatorLoadedWebPub = useRef(false);\n  \n  useEffect(() => {\n    // Only initialize once, never re-render\n    if (!publication || isNavigatorLoadedWebPub.current) return;\n\n    // Add container protection\n    if (!container.current) {\n      console.error(\"Container ref is not available for navigator initialization\");\n      return;\n    }\n\n    const config: WebPubNavigatorLoadProps = {\n      container: container.current,\n      publication,\n      listeners,\n      initialPosition: initialPosition ? new Locator(initialPosition) : undefined,\n      preferences: webPubPreferences,\n      defaults: {\n        experiments: preferences.experiments?.webPub || null\n      },\n      injectables,\n      contentProtection: contentProtectionConfig,\n    };\n\n    isNavigatorLoadedWebPub.current = true;\n    \n    // Call onNavigatorReady outside of navigator load\n    onNavigatorReady?.();\n    \n    // Pass onNavigatorLoaded as the callback to WebPubNavigatorLoad\n    WebPubNavigatorLoad(config, () => {\n      // Set navigatorReady to true only after navigator actually loads\n      setNavigatorReady(true);\n      onNavigatorLoaded?.();\n    });\n\n    return () => {\n      if (isNavigatorLoadedWebPub.current) {\n        setNavigatorReady(false);\n        WebPubNavigatorDestroy(() => {\n          isNavigatorLoadedWebPub.current = false;\n          handleCleanup();\n        });\n      }\n    };\n  }, []);\n\n  // Handle font resource injection\n  useEffect(() => {\n    if (isFontFamilyUsed) {\n      const fontResources = getFontInjectables({ language: fontLanguage });\n      if (fontResources) {\n        injectFontResources(getFontInjectables(undefined, true));\n      }\n    }\n  }, [isFontFamilyUsed, fontLanguage, getFontInjectables, injectFontResources]);\n\n  return {\n    navigatorReady,\n  };\n};\n","\"use client\";\n\nimport { useState, useRef, useCallback, useMemo, useLayoutEffect } from \"react\";\n\nimport readerStyles from \"../assets/styles/thorium-web.reader.app.module.css\";\n\nimport { StatefulReaderProps } from \"../Reader/StatefulReaderWrapper\";\n\nimport { \n  ThActionsKeys, \n  ThLayoutUI,\n  ThDocumentTitleFormat,\n  ThProgressionFormat, \n  ThSpacingSettingsKeys,\n  ThSettingsKeys\n} from \"@/preferences/models\";\n\nimport { ThPluginRegistry } from \"../Plugins/PluginRegistry\";\n\nimport { I18nProvider } from \"react-aria\";\nimport { ThPluginProvider } from \"../Plugins/PluginProvider\";\nimport { NavigatorProvider } from \"@/core/Navigator\";\n\nimport {\n  BasicTextSelection,\n  ContextMenuEvent,\n  FrameClickEvent,\n  KeyboardEventData,\n  SuspiciousActivityEvent,\n} from \"@readium/navigator-html-injectables\";\nimport { WebPubNavigatorListeners } from \"@readium/navigator\";\nimport { \n  Locator,  \n  Publication\n} from \"@readium/shared\";\n\nimport { StatefulDockingWrapper } from \"../Docking/StatefulDockingWrapper\";\nimport { StatefulReaderHeader } from \"../StatefulReaderHeader\";\nimport { StatefulReaderFooter } from \"../StatefulReaderFooter\";\nimport { PositionStorage } from \"../Reader/StatefulReaderWrapper\";\n\nimport { usePreferences } from \"@/preferences/hooks/usePreferences\";\nimport { useSettingsComponentStatus } from \"@/components/Settings/hooks/useSettingsComponentStatus\";\nimport { useWebPubNavigator } from \"@/core/Hooks/WebPub\";\nimport { useWebPubSettingsCache } from \"@/core/Hooks/WebPub/useWebPubSettingsCache\";\nimport { useWebPubReaderInit } from \"./Hooks/useReaderInit\";\nimport { useFullscreen } from \"@/core/Hooks/useFullscreen\";\nimport { useI18n } from \"@/i18n/useI18n\";\nimport { useTimeline } from \"@/core/Hooks/useTimeline\";\nimport { usePositionStorage } from \"@/hooks/usePositionStorage\";\nimport { useDocumentTitle } from \"@/core/Hooks/useDocumentTitle\";\nimport { useSpacingPresets } from \"../Settings/Spacing/hooks/useSpacingPresets\";\nimport { useLineHeight } from \"../Settings/Spacing/hooks/useLineHeight\";\nimport { useFonts } from \"@/core/Hooks/fonts/useFonts\";\n\nimport { toggleActionOpen } from \"@/lib/actionsReducer\";\nimport { useAppSelector, useAppDispatch, useAppStore } from \"@/lib/hooks\";\nimport { \n  setLoading,\n  setHovering, \n  toggleImmersive, \n  setFullscreen,\n} from \"@/lib/readerReducer\";\nimport { \n  setTimeline,\n  setPublicationStart,\n  setPublicationEnd\n} from \"@/lib/publicationReducer\";\n\nimport classNames from \"classnames\";\nimport { createDefaultPlugin } from \"../Plugins/helpers/createDefaultPlugin\";\nimport Peripherals from \"../../helpers/peripherals\";\nimport { getReaderClassNames } from \"../Helpers/getReaderClassNames\";\nimport { resolveContentProtectionConfig } from \"@/preferences/models/protection\";\n\nexport const ExperimentalWebPubStatefulReader = ({\n  publication,\n  localDataKey,\n  plugins,\n  positionStorage\n}: StatefulReaderProps) => {\n  const [pluginsRegistered, setPluginsRegistered] = useState(false);\n\n  useLayoutEffect(() => {\n    if (plugins && plugins.length > 0) {\n      plugins.forEach(plugin => {\n        ThPluginRegistry.register(plugin);\n      });\n    } else {\n      ThPluginRegistry.register(createDefaultPlugin());\n    }\n    setPluginsRegistered(true);\n  }, [plugins]);\n\n  if (!pluginsRegistered) {\n    return null;\n  }\n\n  return (\n    <>\n      <ThPluginProvider>\n        <StatefulReaderInner publication={ publication } localDataKey={ localDataKey } positionStorage={ positionStorage } />\n      </ThPluginProvider>\n    </>\n  );\n};\n\nconst StatefulReaderInner = ({ publication, localDataKey, positionStorage }: { publication: Publication; localDataKey: string | null; positionStorage?: PositionStorage }) => {\n  const { preferences, getFontMetadata, getFontInjectables } = usePreferences();\n  const { t } = useI18n();\n  const { getEffectiveSpacingValue } = useSpacingPresets();\n  const { injectFontResources, removeFontResources } = useFonts();\n\n  // Check if font family component is being used\n  const { isComponentUsed: isFontFamilyUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.fontFamily,\n    publicationType: \"webpub\",\n    componentType: \"text\"\n  });\n\n  const container = useRef<HTMLDivElement>(null);\n\n  const textAlign = useAppSelector(state => state.webPubSettings.textAlign);\n  const fontFamily = useAppSelector(state => state.webPubSettings.fontFamily);\n  const fontWeight = useAppSelector(state => state.webPubSettings.fontWeight);\n  const hyphens = useAppSelector(state => state.webPubSettings.hyphens);\n  const letterSpacing = getEffectiveSpacingValue(ThSpacingSettingsKeys.letterSpacing);\n  const lineHeight = getEffectiveSpacingValue(ThSpacingSettingsKeys.lineHeight);\n  const paragraphIndent = getEffectiveSpacingValue(ThSpacingSettingsKeys.paragraphIndent);\n  const paragraphSpacing = getEffectiveSpacingValue(ThSpacingSettingsKeys.paragraphSpacing);\n  const publisherStyles = useAppSelector(state => state.webPubSettings.publisherStyles);\n  const textNormalization = useAppSelector(state => state.webPubSettings.textNormalization);\n  const wordSpacing = getEffectiveSpacingValue(ThSpacingSettingsKeys.wordSpacing);\n  const zoom = useAppSelector(state => state.webPubSettings.zoom);\n  const fontLanguage = useAppSelector(state => state.publication.fontLanguage);\n  const hasDisplayTransformability = useAppSelector(state => state.publication.hasDisplayTransformability);\n  const isImmersive = useAppSelector(state => state.reader.isImmersive);\n  const isHovering = useAppSelector(state => state.reader.isHovering);\n\n  const cache = useWebPubSettingsCache(\n    fontFamily,\n    fontWeight,\n    hyphens,\n    letterSpacing,\n    lineHeight,\n    paragraphIndent,\n    paragraphSpacing,\n    publisherStyles,\n    textAlign,\n    textNormalization,\n    wordSpacing,\n    zoom\n  );\n\n  const layoutUI = preferences.theming.layout.ui?.webPub || ThLayoutUI.stacked;\n\n  const dispatch = useAppDispatch();\n\n  const onFsChange = useCallback((isFullscreen: boolean) => {\n    dispatch(setFullscreen(isFullscreen));\n  }, [dispatch]);\n  const fs = useFullscreen(onFsChange);\n\n  const webPubNavigator = useWebPubNavigator();\n  const { \n    currentPositions,\n    canGoBackward,\n    canGoForward,\n  } = webPubNavigator;\n\n  const { setLocalData, getLocalData, localData } = usePositionStorage(localDataKey, positionStorage);\n\n  const timeline = useTimeline({\n    publication: publication,\n    currentLocation: localData,\n    currentPositions: currentPositions() || [],\n    positionsList: undefined,\n    onChange: (timeline) => {\n      dispatch(setTimeline(timeline));\n    }\n  });\n\n  const lineHeightOptions = useLineHeight();\n\n  const documentTitleFormat = preferences.metadata?.documentTitle?.format;\n\n  let documentTitle: string | undefined;\n\n  if (documentTitleFormat) {\n    if (typeof documentTitleFormat === \"object\" && \"key\" in documentTitleFormat) {\n      const translatedTitle = t(documentTitleFormat.key);\n      documentTitle = translatedTitle !== documentTitleFormat.key \n        ? translatedTitle \n        : documentTitleFormat.fallback;\n    } else {\n      switch (documentTitleFormat) {\n        case ThDocumentTitleFormat.title:\n          documentTitle = timeline?.title;\n          break;\n        case ThDocumentTitleFormat.chapter:\n          documentTitle = timeline?.progression?.currentChapter;\n          break;\n        case ThDocumentTitleFormat.titleAndChapter:\n          if (timeline?.title && timeline?.progression?.currentChapter) {\n            documentTitle = `${ timeline.title } – ${ timeline.progression.currentChapter }`;\n          }\n          break;\n        case ThDocumentTitleFormat.none:\n          documentTitle = undefined;\n          break;\n        default: \n          documentTitle = documentTitleFormat;\n          break;\n      }\n    }\n  }\n\n  useDocumentTitle(documentTitle);\n\n  const toggleIsImmersive = useCallback(() => {\n    // If tap/click in iframe, then header/footer no longer hoovering \n    dispatch(setHovering(false));\n    dispatch(toggleImmersive());\n  }, [dispatch]);\n\n  const appStore = useAppStore();\n\n  const p = useMemo(() => new Peripherals(appStore, preferences.actions, {\n    moveTo: () => {},\n    goProgression: () => {},\n    toggleAction: (actionKey) => {\n      switch (actionKey) {\n        case ThActionsKeys.fullscreen:\n          fs.handleFullscreen();\n          break;\n        case ThActionsKeys.settings:\n        case ThActionsKeys.toc:\n          dispatch(toggleActionOpen({\n            key: actionKey\n          }))\n          break;\n        default:\n          break\n      }\n    }\n  }), [appStore, preferences.actions, fs, dispatch]);\n\n  const listeners: WebPubNavigatorListeners = useMemo(() => ({\n    frameLoaded: async function (_wnd: Window): Promise<void> {\n      p.observe(window);\n    },\n    positionChanged: async function (locator: Locator): Promise<void> {\n      setLocalData(locator);\n\n      if (canGoBackward()) {\n        dispatch(setPublicationStart(false));\n      } else {\n        dispatch(setPublicationStart(true));\n      }\n\n      if (canGoForward()) {\n        dispatch(setPublicationEnd(false));\n      } else {\n        dispatch(setPublicationEnd(true));\n      }\n    },\n    tap: function (_e: FrameClickEvent): boolean {\n      toggleIsImmersive();\n      return true;\n    },\n    click: function (_e: FrameClickEvent): boolean {\n      return false;\n    },\n    zoom: function (_scale: number): void { },\n    scroll: function (_delta: number): void { },\n    customEvent: function (_key: string, _data: unknown): void { },\n    handleLocator: function (locator: Locator): boolean {\n      const href = locator.href;\n\n      if (\n        href.startsWith(\"http://\") ||\n        href.startsWith(\"https://\") ||\n        href.startsWith(\"mailto:\") ||\n        href.startsWith(\"tel:\")\n      ) {\n        if (confirm(`Open \"${href}\" ?`)) window.open(href, \"_blank\");\n      } else {\n        console.warn(\"Unhandled locator\", locator);\n      }\n      return false;\n    },\n    textSelected: function (_selection: BasicTextSelection): void {},\n    contentProtection: function (_type: string, _data: SuspiciousActivityEvent): void {},\n    contextMenu: function (_data: ContextMenuEvent): void {},\n    peripheral: function (_data: KeyboardEventData): void {},\n  }), [p, setLocalData, canGoBackward, canGoForward, dispatch, toggleIsImmersive]);\n\n  const initialPosition = useMemo(() => getLocalData(), [getLocalData]);\n\n  // Initialize reader using the new composite hook\n  const { navigatorReady } = useWebPubReaderInit({\n    container,\n    publication,\n    initialPosition,\n    listeners,\n    preferences,\n    cache,\n    isFontFamilyUsed,\n    fontLanguage,\n    hasDisplayTransformability,\n    getFontMetadata,\n    injectFontResources,\n    removeFontResources,\n    getFontInjectables,\n    lineHeightOptions,\n    contentProtectionConfig: resolveContentProtectionConfig(preferences.contentProtection, t),\n    onNavigatorReady: () => {\n      dispatch(setLoading(false));\n    },\n    onNavigatorLoaded: () => {\n      p.observe(window);\n    },\n    onCleanup: () => {\n      p.destroy();\n    },\n  });\n\n  return (\n    <>\n    <I18nProvider locale={ preferences.locale }>\n    <NavigatorProvider visualNavigator={ webPubNavigator }>\n      <main className={ readerStyles.main }>\n        <StatefulDockingWrapper>\n          <div \n            className={ \n              classNames(\n                getReaderClassNames({\n                  isScroll: true,\n                  isImmersive,\n                  isHovering,\n                  layoutUI\n                })\n              )\n            }\n          >\n            <StatefulReaderHeader \n              actionKeys={ preferences.actions.webPubOrder }\n              actionsOrder={ preferences.actions.webPubOrder }\n              layout={ layoutUI } \n              runningHeadFormatPref={ preferences.theming.header?.runningHead?.format?.webPub }\n            />\n\n            <article className={ readerStyles.wrapper } aria-label={ t(\"reader.app.publicationWrapper\") }>\n              <div id=\"thorium-web-container\" className={ readerStyles.iframeContainer } ref={ container }></div>\n            </article>\n\n          <StatefulReaderFooter \n            layout={ layoutUI } \n            progressionFormatPref={ preferences.theming.progression?.format?.webPub }\n            progressionFormatFallback={ ThProgressionFormat.readingOrderIndex }\n          />\n        </div>\n      </StatefulDockingWrapper>\n    </main>\n  </NavigatorProvider>\n  </I18nProvider>\n  </>\n)};"]}