@edrlab/thorium-web 1.4.0 → 1.4.1

package/dist/{chunk-KVUG6BNI.mjs → chunk-RBEPH5E5.mjs}

@@ -1,11 +1,11 @@
-import { useFonts, Peripherals, StatefulReaderHeader, StatefulReaderFooter, getReaderClassNames } from './chunk-6MONB2DN.mjs';
-import { createDefaultPlugin, useSpacingPresets, useSettingsComponentStatus, usePositionStorage, useLineHeight, NavigatorProvider, thorium_web_reader_app_default, StatefulDockingWrapper } from './chunk-PXXWEMNL.mjs';
+import { useFonts, Peripherals, StatefulReaderHeader, StatefulReaderFooter, getReaderClassNames } from './chunk-KGSFTRCH.mjs';
+import { createDefaultPlugin, useSpacingPresets, useSettingsComponentStatus, usePositionStorage, useLineHeight, NavigatorProvider, thorium_web_reader_app_default, StatefulDockingWrapper } from './chunk-MSHUPSBI.mjs';
 import { useWebPubSettingsCache, useFullscreen, useWebPubNavigator, useTimeline, useDocumentTitle } from './chunk-SZAVAQ6S.mjs';
-import { setFullscreen, setTimeline, setHovering, toggleImmersive, toggleActionOpen, setPublicationStart, setPublicationEnd, setLoading } from './chunk-WLVE3WNW.mjs';
-import { usePreferences, resolveContentProtectionConfig } from './chunk-XRFLDNAY.mjs';
+import { setFullscreen, setTimeline, setHovering, toggleImmersive, toggleActionOpen, setPublicationStart, setPublicationEnd, setLoading } from './chunk-YEVLT3AV.mjs';
+import { usePreferences, resolveContentProtectionConfig } from './chunk-OD75GC5N.mjs';
 import { useAppSelector, useAppDispatch, useAppStore } from './chunk-A575ZW4A.mjs';
-import { ThPluginRegistry, ThPluginProvider } from './chunk-P6ILEQ5P.mjs';
-import { useI18n } from './chunk-NUXGQWED.mjs';
+import { ThPluginRegistry, ThPluginProvider } from './chunk-ETLIGONP.mjs';
+import { useI18n } from './chunk-2NCN2AG2.mjs';
 import { useState, useLayoutEffect, useRef, useCallback, useMemo, useEffect } from 'react';
 import { Locator } from '@readium/shared';
 import classNames from 'classnames';
@@ -73,7 +73,6 @@ var useWebPubPreferencesConfig = ({
     if (hasDisplayTransformability) {
       if (isFontFamilyUsed) preferences.fontFamily = getFontMetadata(settings.fontFamily[fontLanguage] ?? "")?.fontStack || null;
       if (isFontWeightUsed) preferences.fontWeight = settings.fontWeight;
-      if (isHyphensUsed) preferences.hyphens = settings.hyphens;
       if (isLigaturesUsed) preferences.ligatures = settings.ligatures;
       if (isNoRubyUsed) preferences.noRuby = settings.noRuby;
       if (isLetterSpacingUsed) preferences.letterSpacing = settings.letterSpacing;
@@ -81,6 +80,7 @@ var useWebPubPreferencesConfig = ({
       if (isParagraphIndentUsed) preferences.paragraphIndent = settings.paragraphIndent;
       if (isParagraphSpacingUsed) preferences.paragraphSpacing = settings.paragraphSpacing;
       if (isTextAlignUsed) preferences.textAlign = settings.textAlign;
+      if (isHyphensUsed && settings.textAlign !== "publisher") preferences.hyphens = settings.hyphens;
       if (isTextNormalizeUsed) preferences.textNormalization = settings.textNormalization;
       if (isWordSpacingUsed) preferences.wordSpacing = settings.wordSpacing;
     }
@@ -221,7 +221,8 @@ var ExperimentalWebPubStatefulReader = ({
   publication,
   localDataKey,
   plugins,
-  positionStorage
+  positionStorage,
+  containerRefSetter
 }) => {
   const [pluginsRegistered, setPluginsRegistered] = useState(false);
   useLayoutEffect(() => {
@@ -237,9 +238,9 @@ var ExperimentalWebPubStatefulReader = ({
   if (!pluginsRegistered) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ThPluginProvider, { children: /* @__PURE__ */ jsx(StatefulReaderInner, { publication, localDataKey, positionStorage }) }) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ThPluginProvider, { children: /* @__PURE__ */ jsx(StatefulReaderInner, { publication, localDataKey, positionStorage, containerRefSetter }) }) });
 };
-var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
+var StatefulReaderInner = ({ publication, localDataKey, positionStorage, containerRefSetter }) => {
   const { preferences, getFontMetadata, getFontInjectables } = usePreferences();
   const { t } = useI18n();
   const { getEffectiveSpacingValue } = useSpacingPresets();
@@ -267,6 +268,8 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
   const hasDisplayTransformability = useAppSelector((state) => state.publication.hasDisplayTransformability);
   const isImmersive = useAppSelector((state) => state.reader.isImmersive);
   const isHovering = useAppSelector((state) => state.reader.isHovering);
+  const breakpoint = useAppSelector((state) => state.theming.breakpoint);
+  const containerBreakpoint = useAppSelector((state) => state.theming.containerBreakpoint);
   const cache = useWebPubSettingsCache(
     fontFamily,
     fontWeight,
@@ -438,12 +441,15 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(NavigatorProvider, { visualNavigator: webPubNavigator, children: /* @__PURE__ */ jsx("main", { className: thorium_web_reader_app_default.main, children: /* @__PURE__ */ jsx(StatefulDockingWrapper, { children: /* @__PURE__ */ jsxs(
     "div",
     {
+      ref: containerRefSetter,
       className: classNames(
         getReaderClassNames({
           isScroll: true,
           isImmersive,
           isHovering,
-          layoutUI
+          layoutUI,
+          breakpoint,
+          containerBreakpoint
         })
       ),
       children: [
@@ -471,5 +477,5 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
 };
 
 export { ExperimentalWebPubStatefulReader };
-//# sourceMappingURL=chunk-KVUG6BNI.mjs.map
-//# sourceMappingURL=chunk-KVUG6BNI.mjs.map
+//# sourceMappingURL=chunk-RBEPH5E5.mjs.map
+//# sourceMappingURL=chunk-RBEPH5E5.mjs.map

package/dist/chunk-RBEPH5E5.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":"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","file":"chunk-RBEPH5E5.mjs","sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\n\nimport { IWebPubPreferences, TextAlignment } from \"@readium/navigator\";\nimport { ThLineHeightOptions, ThSettingsKeys } from \"@/preferences/models\";\nimport { FontMetadata } from \"@/preferences/services/fonts\";\nimport { WebPubCSSSettings } from \"@/core/Hooks/WebPub/useWebPubSettingsCache\";\nimport { useSettingsComponentStatus } from \"@/components/Settings/hooks/useSettingsComponentStatus\";\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 { isComponentUsed: isFontFamilyUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.fontFamily,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isFontWeightUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.fontWeight,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isHyphensUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.hyphens,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isLigaturesUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.ligatures,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isNoRubyUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.noRuby,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isLetterSpacingUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.letterSpacing,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isLineHeightUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.lineHeight,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isParagraphIndentUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.paragraphIndent,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isParagraphSpacingUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.paragraphSpacing,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isTextAlignUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.textAlign,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isTextNormalizeUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.textNormalize,\n    publicationType: \"webpub\",\n  });\n\n  const { isComponentUsed: isWordSpacingUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.wordSpacing,\n    publicationType: \"webpub\",\n  });\n\n  const webPubPreferences = useMemo(() => {\n    const preferences: IWebPubPreferences = {\n      zoom: settings.zoom\n    };\n\n    if (hasDisplayTransformability) {\n      if (isFontFamilyUsed) preferences.fontFamily = getFontMetadata(settings.fontFamily[fontLanguage] ?? \"\")?.fontStack || null;\n      if (isFontWeightUsed) preferences.fontWeight = settings.fontWeight;\n      if (isLigaturesUsed) preferences.ligatures = settings.ligatures;\n      if (isNoRubyUsed) preferences.noRuby = settings.noRuby;\n      if (isLetterSpacingUsed) preferences.letterSpacing = settings.letterSpacing;\n      if (isLineHeightUsed) preferences.lineHeight = settings.lineHeight === null\n        ? null\n        : lineHeightOptions[settings.lineHeight];\n      if (isParagraphIndentUsed) preferences.paragraphIndent = settings.paragraphIndent;\n      if (isParagraphSpacingUsed) preferences.paragraphSpacing = settings.paragraphSpacing;\n      if (isTextAlignUsed) preferences.textAlign = settings.textAlign as TextAlignment | null | undefined;\n      if (isHyphensUsed && settings.textAlign !== \"publisher\") preferences.hyphens = settings.hyphens;\n      if (isTextNormalizeUsed) preferences.textNormalization = settings.textNormalization;\n      if (isWordSpacingUsed) preferences.wordSpacing = settings.wordSpacing;\n    }\n\n    return preferences;\n  }, [\n    settings,\n    fontLanguage,\n    hasDisplayTransformability,\n    getFontMetadata,\n    lineHeightOptions,\n    isFontFamilyUsed,\n    isFontWeightUsed,\n    isHyphensUsed,\n    isLigaturesUsed,\n    isNoRubyUsed,\n    isLetterSpacingUsed,\n    isLineHeightUsed,\n    isParagraphIndentUsed,\n    isParagraphSpacingUsed,\n    isTextAlignUsed,\n    isTextNormalizeUsed,\n    isWordSpacingUsed,\n  ]);\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 { 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  containerRefSetter\n}: StatefulReaderProps) => {\n  const [pluginsRegistered, setPluginsRegistered] = useState(false);\n\n  useLayoutEffect(() => {\n    if (plugins && plugins.length > 0) {\n      plugins.forEach(plugin => {\n        ThPluginRegistry.register(plugin);\n      });\n    } else {\n      ThPluginRegistry.register(createDefaultPlugin());\n    }\n    setPluginsRegistered(true);\n  }, [plugins]);\n\n  if (!pluginsRegistered) {\n    return null;\n  }\n\n  return (\n    <>\n      <ThPluginProvider>\n        <StatefulReaderInner publication={ publication } localDataKey={ localDataKey } positionStorage={ positionStorage } containerRefSetter={ containerRefSetter } />\n      </ThPluginProvider>\n    </>\n  );\n};\n\nconst StatefulReaderInner = ({ publication, localDataKey, positionStorage, containerRefSetter }: { publication: Publication; localDataKey: string | null; positionStorage?: PositionStorage; containerRefSetter?: (el: Element | null) => void }) => {\n  const { preferences, getFontMetadata, getFontInjectables } = usePreferences();\n  const { t } = useI18n();\n  const { getEffectiveSpacingValue } = useSpacingPresets();\n  const { injectFontResources, removeFontResources } = useFonts();\n\n  // Check if font family component is being used\n  const { isComponentUsed: isFontFamilyUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.fontFamily,\n    publicationType: \"webpub\",\n  });\n\n  const container = useRef<HTMLDivElement>(null);\n\n  const textAlign = useAppSelector(state => state.webPubSettings.textAlign);\n  const fontFamily = useAppSelector(state => state.webPubSettings.fontFamily);\n  const fontWeight = useAppSelector(state => state.webPubSettings.fontWeight);\n  const hyphens = useAppSelector(state => state.webPubSettings.hyphens);\n  const ligatures = useAppSelector(state => state.webPubSettings.ligatures);\n  const noRuby = useAppSelector(state => state.webPubSettings.noRuby);\n  const letterSpacing = getEffectiveSpacingValue(ThSpacingSettingsKeys.letterSpacing);\n  const lineHeight = getEffectiveSpacingValue(ThSpacingSettingsKeys.lineHeight);\n  const paragraphIndent = getEffectiveSpacingValue(ThSpacingSettingsKeys.paragraphIndent);\n  const paragraphSpacing = getEffectiveSpacingValue(ThSpacingSettingsKeys.paragraphSpacing);\n  const publisherStyles = useAppSelector(state => state.webPubSettings.publisherStyles);\n  const textNormalization = useAppSelector(state => state.webPubSettings.textNormalization);\n  const wordSpacing = getEffectiveSpacingValue(ThSpacingSettingsKeys.wordSpacing);\n  const zoom = useAppSelector(state => state.webPubSettings.zoom);\n  const fontLanguage = useAppSelector(state => state.publication.fontLanguage);\n  const hasDisplayTransformability = useAppSelector(state => state.publication.hasDisplayTransformability);\n  const isImmersive = useAppSelector(state => state.reader.isImmersive);\n  const isHovering = useAppSelector(state => state.reader.isHovering);\n  const breakpoint = useAppSelector(state => state.theming.breakpoint);\n  const containerBreakpoint = useAppSelector(state => state.theming.containerBreakpoint);\n\n  const cache = useWebPubSettingsCache(\n    fontFamily,\n    fontWeight,\n    hyphens,\n    letterSpacing,\n    ligatures,\n    lineHeight,\n    noRuby,\n    paragraphIndent,\n    paragraphSpacing,\n    publisherStyles,\n    textAlign,\n    textNormalization,\n    wordSpacing,\n    zoom\n  );\n\n  const layoutUI = preferences.theming.layout.ui?.webPub || ThLayoutUI.stacked;\n\n  const dispatch = useAppDispatch();\n\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            profile: \"webPub\"\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  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    <NavigatorProvider visualNavigator={ webPubNavigator }>\n      <main className={ readerStyles.main }>\n        <StatefulDockingWrapper>\n          <div\n            ref={ containerRefSetter }\n            className={\n              classNames(\n                getReaderClassNames({\n                  isScroll: true,\n                  isImmersive,\n                  isHovering,\n                  layoutUI,\n                  breakpoint,\n                  containerBreakpoint\n                })\n              )\n            }\n          >\n            <StatefulReaderHeader \n              actionKeys={ preferences.actions.webPubOrder }\n              actionsOrder={ preferences.actions.webPubOrder }\n              layout={ layoutUI } \n              runningHeadFormatPref={ preferences.theming.header?.runningHead?.format?.webPub }\n            />\n\n            <article className={ readerStyles.wrapper } aria-label={ t(\"reader.app.publicationWrapper\") }>\n              <div id=\"thorium-web-container\" className={ readerStyles.iframeContainer } ref={ container }></div>\n            </article>\n\n          <StatefulReaderFooter \n            layout={ layoutUI } \n            progressionFormatPref={ preferences.theming.progression?.format?.webPub }\n            progressionFormatFallback={ ThProgressionFormat.readingOrderIndex }\n          />\n        </div>\n      </StatefulDockingWrapper>\n    </main>\n  </NavigatorProvider>\n  </>\n)};"]}

package/dist/{chunk-TSLTLQ6O.mjs → chunk-SI4FBFHM.mjs}

@@ -1,15 +1,15 @@
-import { useFonts, Peripherals, getReaderClassNames, StatefulReaderHeader, StatefulReaderFooter } from './chunk-6MONB2DN.mjs';
-import { createDefaultPlugin, useSpacingPresets, useSettingsComponentStatus, useIsScroll, usePositionStorage, useLineHeight, NavigatorProvider, thorium_web_reader_app_default, StatefulDockingWrapper, useReaderTransitions, thorium_web_button_default } from './chunk-PXXWEMNL.mjs';
+import { useFonts, Peripherals, getReaderClassNames, StatefulReaderHeader, StatefulReaderFooter } from './chunk-KGSFTRCH.mjs';
+import { createDefaultPlugin, useSpacingPresets, useSettingsComponentStatus, useIsScroll, usePositionStorage, useLineHeight, NavigatorProvider, thorium_web_reader_app_default, StatefulDockingWrapper, useReaderTransitions, thorium_web_button_default } from './chunk-MSHUPSBI.mjs';
 import { makeBreakpointsMap, isActiveElement } from './chunk-VENFFPK2.mjs';
 import { useFullscreen, useEpubNavigator, useTimeline, useDocumentTitle, useEpubSettingsCache } from './chunk-SZAVAQ6S.mjs';
-import { setImmersive, setFullscreen, setTimeline, setHovering, toggleImmersive, setPublicationStart, setPublicationEnd, toggleActionOpen, setScrollAffordance, debounce, setDirection, setPlatformModifier, setUserNavigated, setTheme, setHasArrows, setLoading } from './chunk-WLVE3WNW.mjs';
-import { useFilteredPreferenceKeys, usePreferences, resolveContentProtectionConfig, buildThemeObject } from './chunk-XRFLDNAY.mjs';
+import { setImmersive, setFullscreen, setTimeline, setHovering, toggleImmersive, setPublicationStart, setPublicationEnd, toggleActionOpen, setScrollAffordance, debounce, setDirection, setPlatformModifier, setUserNavigated, setTheme, setHasArrows, setLoading } from './chunk-YEVLT3AV.mjs';
+import { useFilteredPreferenceKeys, usePreferences, resolveContentProtectionConfig, buildThemeObject } from './chunk-OD75GC5N.mjs';
 import { ThArrowVariant } from './chunk-2YRT7RNW.mjs';
 import { useAppSelector, useAppDispatch, useAppStore } from './chunk-A575ZW4A.mjs';
-import { getPlatformModifier } from './chunk-5LUMM7FW.mjs';
-import { ThPluginRegistry, ThPluginProvider, ThNavigationButton } from './chunk-P6ILEQ5P.mjs';
+import { getPlatformModifier } from './chunk-44PEO3DS.mjs';
+import { ThPluginRegistry, ThPluginProvider, ThNavigationButton } from './chunk-ETLIGONP.mjs';
 import { usePrevious } from './chunk-YZ73DHRU.mjs';
-import { useI18n } from './chunk-NUXGQWED.mjs';
+import { useI18n } from './chunk-2NCN2AG2.mjs';
 import { useState, useLayoutEffect, useRef, useEffect, useCallback, useMemo } from 'react';
 import { useLocale } from 'react-aria';
 import { Layout, Locator } from '@readium/shared';
@@ -28,7 +28,7 @@ var usePaginatedArrows = () => {
   const { preferences } = usePreferences();
   const hasArrows = useAppSelector((state) => state.reader.hasArrows);
   const isFXL = useAppSelector((state) => state.publication.isFXL);
-  const breakpoint = useAppSelector((state) => state.theming.breakpoint);
+  const breakpoint = useAppSelector((state) => state.theming.containerBreakpoint);
   const {
     isScroll,
     fromImmersive,
@@ -307,7 +307,6 @@ var useEpubPreferencesConfig = ({
       fontFamily: isFontFamilyUsed ? getFontMetadata(settings.fontFamily[fontLanguage] ?? "")?.fontStack || null : void 0,
       fontSize: isFontSizeUsed ? settings.fontSize : void 0,
       fontWeight: isFontWeightUsed ? settings.fontWeight : void 0,
-      hyphens: isHyphensUsed ? settings.hyphens : void 0,
       ligatures: isLigaturesUsed ? settings.ligatures : void 0,
       noRuby: isNoRubyUsed ? settings.noRuby : void 0,
       letterSpacing: !isLetterSpacingUsed || settings.publisherStyles ? void 0 : settings.letterSpacing,
@@ -319,6 +318,7 @@ var useEpubPreferencesConfig = ({
       paragraphSpacing: !isParagraphSpacingUsed || settings.publisherStyles ? void 0 : settings.paragraphSpacing,
       scroll: isVerticalScript ? true : !isLayoutUsed ? void 0 : settings.scroll,
       textAlign: isTextAlignUsed ? settings.textAlign : void 0,
+      hyphens: isHyphensUsed && settings.textAlign !== "publisher" ? settings.hyphens : void 0,
       textNormalization: isTextNormalizeUsed ? settings.textNormalization : void 0,
       wordSpacing: !isWordSpacingUsed || settings.publisherStyles ? void 0 : settings.wordSpacing,
       ...themeProps
@@ -514,7 +514,8 @@ var StatefulReader = ({
   publication,
   localDataKey,
   plugins,
-  positionStorage
+  positionStorage,
+  containerRefSetter
 }) => {
   const [pluginsRegistered, setPluginsRegistered] = useState(false);
   useLayoutEffect(() => {
@@ -530,9 +531,9 @@ var StatefulReader = ({
   if (!pluginsRegistered) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ThPluginProvider, { children: /* @__PURE__ */ jsx(StatefulReaderInner, { publication, localDataKey, positionStorage }) }) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ThPluginProvider, { children: /* @__PURE__ */ jsx(StatefulReaderInner, { publication, localDataKey, positionStorage, containerRefSetter }) }) });
 };
-var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
+var StatefulReaderInner = ({ publication, localDataKey, positionStorage, containerRefSetter }) => {
   const { fxlActionKeys, fxlThemeKeys, reflowActionKeys, reflowThemeKeys } = useFilteredPreferenceKeys();
   const { preferences, getFontMetadata, getFontInjectables } = usePreferences();
   const { direction: uiDirection } = useLocale();
@@ -573,6 +574,7 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
   const colorScheme = useAppSelector((state) => state.theming.colorScheme);
   const reducedMotion = useAppSelector((state) => state.theming.prefersReducedMotion);
   const breakpoint = useAppSelector((state) => state.theming.breakpoint);
+  const containerBreakpoint = useAppSelector((state) => state.theming.containerBreakpoint);
   const isImmersive = useAppSelector((state) => state.reader.isImmersive);
   const isHovering = useAppSelector((state) => state.reader.isHovering);
   const layoutUI = isFXL ? preferences.theming.layout.ui?.fxl || "layered-ui" /* layered */ : isScroll ? preferences.theming.layout.ui?.reflow || "layered-ui" /* layered */ : "stacked-ui" /* stacked */;
@@ -699,7 +701,7 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
       }
     }
   }, [getCframes, cache, preferences.affordances.scroll, goLeft, goRight, dispatch, activateImmersiveOnAction, toggleIsImmersive]);
-  const handleClick = useCallback((event) => {
+  const handleClick = useCallback((_event) => {
     if (cache.current.layoutUI === "layered-ui" /* layered */ && (!cache.current.settings.scroll || preferences.affordances.scroll.toggleOnMiddlePointer.includes("click"))) {
       toggleIsImmersive();
     }
@@ -925,13 +927,15 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(NavigatorProvider, { visualNavigator: epubNavigator, children: /* @__PURE__ */ jsx("main", { className: thorium_web_reader_app_default.main, children: /* @__PURE__ */ jsx(StatefulDockingWrapper, { children: /* @__PURE__ */ jsxs(
     "div",
     {
+      ref: containerRefSetter,
       className: getReaderClassNames({
         isScroll,
         isImmersive,
         isHovering,
         isFXL,
         layoutUI,
-        breakpoint
+        breakpoint,
+        containerBreakpoint
       }),
       children: [
         /* @__PURE__ */ jsx(
@@ -986,5 +990,5 @@ var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
 };
 
 export { StatefulReader };
-//# sourceMappingURL=chunk-TSLTLQ6O.mjs.map
-//# sourceMappingURL=chunk-TSLTLQ6O.mjs.map
+//# sourceMappingURL=chunk-SI4FBFHM.mjs.map
+//# sourceMappingURL=chunk-SI4FBFHM.mjs.map

package/dist/chunk-SI4FBFHM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/assets/styles/thorium-web.reader.paginatedArrow.module.css","../src/hooks/usePaginatedArrows.ts","../src/components/StatefulReaderArrowButton.tsx","../src/components/Epub/Hooks/useEpubStatelessCache.ts","../src/components/Epub/Hooks/usePreferencesConfig.ts","../src/components/Epub/Hooks/useInjectablesConfig.ts","../src/components/Epub/Hooks/useReaderInit.ts","../src/components/Epub/StatefulReader.tsx"],"names":["container","leftContainer","rightContainer","occupiesSpace","visuallyHidden","className","useEffect","isHovering","classNames","useRef","useMemo","useState","jsx","Fragment","useCallback","timeline","theme"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAA,yCAAA,GAAA;AAAA,EAAC,SAAA,EAAAA,6CAAAA;AAAA,EAKA,aAAA,EAAAC,iDAAAA;AAAA,EAWA,cAAA,EAAAC,kDAAAA;AAAA,EAyBW,aAAA,EAAAC,iDAAAA;AAAA,EAcA,cAAA,EAAAC;AAAA,CAAA;ACnCL,IAAM,qBAAqB,MAAgC;AAChE,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,cAAA,EAAe;AACvC,EAAA,MAAM,SAAA,GAAY,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,OAAO,SAAS,CAAA;AAChE,EAAA,MAAM,KAAA,GAAQ,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,YAAY,KAAK,CAAA;AAC7D,EAAA,MAAM,UAAA,GAAa,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,QAAQ,mBAAmB,CAAA;AAG5E,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACE,oBAAA,EAAqB;AAEzB,EAAA,MAAM,WAAW,cAAA,EAAe;AAGhC,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IAAQ,MACpB,QACI,WAAA,CAAY,WAAA,CAAY,UAAU,GAAA,GAClC,WAAA,CAAY,YAAY,SAAA,CAAU,MAAA;AAAA,IACtC,CAAC,OAAO,WAAA,CAAY,WAAA,CAAY,UAAU,GAAA,EAAK,WAAA,CAAY,WAAA,CAAY,SAAA,CAAU,MAAM;AAAA,GACzF;AAGA,EAAA,MAAM,QAAA,GAAW,OAAA;AAAA,IAAQ,MACvB,kBAAA,CAAmD;AAAA,MACjD,cAAc,KAAA,CAAM,OAAA;AAAA,MACpB,QAAA,EAAU,cAAA;AAAA,MACV,MAAM,KAAA,CAAM,WAAA;AAAA,MACZ,WAAA,EAAa;AAAA,KACd,CAAA;AAAA,IACD,CAAC,KAAA,CAAM,OAAA,EAAS,KAAA,CAAM,WAAW;AAAA,GACnC;AAGA,EAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAS,IAAA,EAAK,GAAI,QAAQ,MAAM;AAE/C,IAAA,MAAM,MAAA,GAAS,QAAA,CAAS,UAAmC,CAAA,IAAK,KAAA,CAAM,OAAA;AAKtE,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,OAAO;AAAA,QACL,GAAG,MAAA;AAAA,QACH,OAAA,EAAA,SAAA;AAAA,OACF;AAAA,IACF;AAEA,IAAA,OAAO,MAAA;AAAA,EACT,GAAG,CAAC,UAAA,EAAY,UAAU,KAAA,EAAO,KAAA,CAAM,OAAO,CAAC,CAAA;AAG/C,EAAA,MAAM,WAAA,GAAc,YAAY,OAAO,CAAA;AACvC,EAAA,MAAM,WAAA,GAAc,YAAY,OAAO,CAAA;AAGvC,EAAA,SAAA,CAAU,MAAM;AAEd,IAAA,IAAI,CAAC,aAAa,QAAA,CAAS,YAAY,KAAK,OAAA,EAAS,QAAA,CAAS,YAAY,CAAA,EAAG;AAC3E,MAAA,QAAA,CAAS,gBAAA,CAAiB,KAAK,CAAC,CAAA;AAChC,MAAA;AAAA,IACF;AAGA,IAAA,IAAI,OAAA,KAAY,MAAA,IAAU,WAAA,KAAgB,MAAA,EAAQ;AAChD,MAAA,QAAA,CAAS,YAAA,CAAa,IAAI,CAAC,CAAA;AAC3B,MAAA,QAAA,CAAS,gBAAA,CAAiB,KAAK,CAAC,CAAA;AAChC,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,qCAAuC,OAAA,KAAA,MAAA,aAAiC;AAC1E,MAAA,QAAA,CAAS,YAAA,CAAa,IAAI,CAAC,CAAA;AAC3B,MAAA,QAAA,CAAS,gBAAA,CAAiB,KAAK,CAAC,CAAA;AAChC,MAAA;AAAA,IACF;AAGA,IAAA,MAAM,UAAA,GACH,OAAA,EAAS,QAAA,CAAS,WAAW,KAAK,WAAA,IAClC,OAAA,EAAS,QAAA,CAAS,YAAY,CAAA,IAAK,YAAA,IACnC,OAAA,EAAS,QAAA,CAAS,YAAY,CAAA,IAAK,gBAAA;AAGtC,IAAA,MAAM,UAAA,GACH,IAAA,EAAM,QAAA,CAAS,iBAAiB,KAAK,aAAA,IACrC,IAAA,EAAM,QAAA,CAAS,kBAAkB,CAAA,IAAK,cAAA,IACtC,IAAA,EAAM,QAAA,CAAS,cAAc,CAAA,IAAK,UAAA;AAErC,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,QAAA,CAAS,YAAA,CAAa,KAAK,CAAC,CAAA;AAE5B,MAAA,IAAI,OAAA,EAAS,QAAA,CAAS,YAAY,CAAA,IAAK,gBAAA,EAAkB;AACvD,QAAA,QAAA,CAAS,gBAAA,CAAiB,KAAK,CAAC,CAAA;AAAA,MAClC;AAAA,IACF,WAAW,UAAA,EAAY;AACrB,MAAA,QAAA,CAAS,YAAA,CAAa,IAAI,CAAC,CAAA;AAAA,IAC7B;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,EAAa,YAAA,EAAc,kBAAkB,aAAA,EAAe,cAAA,EAAgB,UAAA,EAAY,OAAA,EAAS,IAAA,EAAM,WAAA,EAAa,OAAA,EAAS,WAAA,EAAa,QAAQ,CAAC,CAAA;AAGvJ,EAAA,IAAI,iCAAmC,QAAA,EAAU;AAC/C,IAAA,OAAO;AAAA,MACL,SAAA,EAAW,KAAA;AAAA,MACX,WAAA,EAAa,KAAA;AAAA,MACb,qBAAA,EAAuB,KAAA;AAAA,MACvB,iBAAiB,CAAC;AAAA,KACpB;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,SAAA,EAAW,SAAA;AAAA,IACX,WAAA,EAAa,OAAA,KAAA,SAAA;AAAA,IACb,uBAAuB,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA,IAAK,OAAA,CAAQ,SAAS,YAAY,CAAA;AAAA,IAC9E,iBAAiB,CAAC;AAAA,GACpB;AACF,CAAA;ACpHO,IAAM,4BAA4B,CAAC;AAAA,EACxC,SAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAsC;AACpC,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,cAAA,EAAe;AACvC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,OAAA,EAAQ;AAEtB,EAAA,MAAM,SAAA,GAAY,OAA0B,IAAI,CAAA;AAChD,EAAA,MAAM,KAAA,GAAQ,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,YAAY,KAAK,CAAA;AAC7D,EAAA,MAAM,SAAA,GAAY,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,OAAO,SAAS,CAAA;AAEhE,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA;AAAA,MACE,kBAAA,EAAmB;AAEvB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAElD,EAAA,MAAM,KAAA,GACJ,SAAA,KAAc,OAAA,IAAW,CAAC,KAAA,IAC1B,SAAA,KAAc,MAAA,IAAU,KAAA,GAEtB,CAAA,CAAE,0BAA0B,CAAA,GAC5B,CAAA,CAAE,2BAA2B,CAAA;AAEjC,EAAA,MAAM,2BAA2B,MAAM;AACrC,IAAA,IAAIC,UAAAA,GAAY,EAAA;AAChB,IAAA,IAAI,CAAC,SAAA,EAAW;AACd,MAAAA,aAAY,yCAAA,CAAY,cAAA;AAAA,IAC1B;AACA,IAAA,OAAOA,UAAAA;AAAA,EACT,CAAA;AAEA,EAAA,MAAM,+BAA+B,MAAM;AACzC,IAAA,IAAIA,UAAAA,GAAY,EAAA;AAChB,IAAA,IAAI,WAAA,EAAa;AACf,MAAAA,aAAY,yCAAA,CAAY,aAAA;AAAA,IAC1B;AACA,IAAA,OAAOA,UAAAA;AAAA,EACT,CAAA;AAEA,EAAAC,UAAU,MAAM;AACd,IAAA,IAAA,CAAK,UAAA,IAAe,CAAC,SAAA,IAAa,CAAC,eAAgB,eAAA,CAAgB,SAAA,CAAU,OAAO,CAAA,EAAG;AACrF,MAAA,SAAA,CAAU,QAAS,IAAA,EAAK;AAAA,IAC1B;AAAA,EACF,CAAC,CAAA;AAED,EAAA,MAAM,SAAA,GAAY,CAAC,KAAA,KAA+B;AAChD,IAAA,IAAI,gBAAgB,SAAA,CAAU,OAAO,CAAA,IAAK,KAAA,CAAM,SAAS,QAAA,EAAU;AACjE,MAAA,SAAA,CAAU,QAAS,IAAA,EAAK;AAAA,IAC1B;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,GAAA,CAAA,QAAA,EAAA,EACA,QAAA,kBAAA,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,GAAA,EAAO,SAAA;AAAA,MACP,YAAA,EAAa,KAAA;AAAA,MACb,OAAA;AAAA,MACA,aAAA,EAAgB,CAACC,WAAAA,KAAwB,aAAA,CAAcA,WAAU,CAAA;AAAA,MACjE,SAAA,EAAY,SAAA;AAAA,MACZ,WAAYC,WAAA,CAAW,SAAA,EAAW,4BAAA,EAA6B,EAAG,0BAA0B,CAAA;AAAA,MAC5F,UAAA;AAAA,MACA,mBAAA,EAAsB,IAAA;AAAA,MACpB,GAAG,KAAA;AAAA,MACL,SAAA,EAAY;AAAA,QACV,cAAA,EAAgB;AAAA,UACd,KAAA,EAAO,WAAA,CAAY,OAAA,CAAQ,KAAA,CAAM,YAAA;AAAA,UACjC,UAAA,EAAY,WAAA,CAAY,OAAA,CAAQ,KAAA,CAAM;AAAA,SACxC;AAAA,QACA,OAAA,EAAS;AAAA,UACP,SAAA,EAAW,SAAA,KAAc,MAAA,GAAS,OAAA,GAAU,MAAA;AAAA,UAC5C,WAAW,0BAAA,CAAe;AAAA,SAC5B;AAAA,QACA;AAAA;AACF;AAAA,GACF,EACA,CAAA;AAEJ,CAAA;ACvFO,IAAM,qBAAA,GAAwB,CACnC,SAAA,EACA,WAAA,EACA,UAAA,EACA,QAAA,EACA,UAAA,EACA,OAAA,EACA,aAAA,EACA,SAAA,EACA,UAAA,EACA,UAAA,EACA,MAAA,EACA,iBACA,gBAAA,EACA,eAAA,EACA,MAAA,EACA,iBAAA,EACA,WAAA,EACA,KAAA,EACA,aAAA,EACA,WAAA,EACA,aAAA,EACA,QAAA,EACA,WAAA,EACA,UAAA,EACA,iBAAA,KACG;AACH,EAAA,MAAM,aAAA,GAAgB,oBAAA;AAAA,IACpB,SAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,eAAA;AAAA,IACA,MAAA;AAAA,IACA,iBAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,QAAQC,MAAAA,CAA2B;AAAA,IACvC,QAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,mBAAmB,iBAAA,IAAqB,KAAA;AAAA,IACxC,QAAA,EAAU,cAAc,OAAA,CAAQ,QAAA;AAAA,IAChC,aAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACD,CAAA;AAGD,EAAA,KAAA,CAAM,QAAQ,QAAA,GAAW,QAAA;AACzB,EAAA,KAAA,CAAM,QAAQ,WAAA,GAAc,WAAA;AAC5B,EAAA,KAAA,CAAM,QAAQ,UAAA,GAAa,UAAA;AAC3B,EAAA,KAAA,CAAM,OAAA,CAAQ,oBAAoB,iBAAA,IAAqB,KAAA;AACvD,EAAA,KAAA,CAAM,OAAA,CAAQ,QAAA,GAAW,aAAA,CAAc,OAAA,CAAQ,QAAA;AAC/C,EAAA,KAAA,CAAM,QAAQ,aAAA,GAAgB,aAAA;AAC9B,EAAA,KAAA,CAAM,QAAQ,WAAA,GAAc,WAAA;AAC5B,EAAA,KAAA,CAAM,QAAQ,aAAA,GAAgB,aAAA;AAE9B,EAAA,OAAO,KAAA;AACT,CAAA;AC5DO,IAAM,2BAA2B,CAAC;AAAA,EACvC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,iBAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,eAAA;AAAA,EACA,iBAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,KAAqC;AACnC,EAAA,MAAM,UAAA,GAAa,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,YAAY,UAAU,CAAA;AACvE,EAAA,MAAM,gBAAA,GAAmB,UAAA,KAAe,cAAA,IAAkB,UAAA,KAAe,oBAAA;AAEzE,EAAA,MAAM,EAAE,eAAA,EAAiB,gBAAA,EAAiB,GAAI,0BAAA,CAA2B;AAAA,IACvE,WAAA,EAAA,YAAA;AAAA,IACA,eAAA,EAAiB,QAAQ,KAAA,GAAQ;AAAA,GAClC,CAAA;AAED,EAAA,MAAM,EAAE,eAAA,EAAiB,cAAA,EAAe,GAAI,0BAAA,CAA2B;AAAA,IACrE,WAAA,EAAA,MAAA;AAAA,IACA,eAAA,EAAiB,QAAQ,KAAA,GAAQ;AAAA,GAClC,CAAA;AAED,EAAA,MAAM,EAAE,eAAA,EAAiB,gBAAA,EAAiB,GAAI,0BAAA,CAA2B;AAAA,IACvE,WAAA,EAAA,YAAA;AAAA,IACA,eAAA,EAAiB,QAAQ,KAAA,GAAQ;AAAA,GAClC,CAAA;AAED,EAAA,MAAM,EAAE,eAAA,EAAiB,aAAA,EAAc,GAAI,0BAAA,CAA2B;AAAA,IACpE,WAAA,EAAA,SAAA;AAAA,IACA,eAAA,EAAiB,QAAQ,KAAA,GAAQ;AAAA,GAClC,CAAA;AAED,EAAA,MAAM,EAAE,eAAA,EAAiB,YAAA,EAAa,GAAI,0BAAA,CAA2B;AAAA,IACnE,WAAA,EAAA,QAAA;AAAA,IACA,eAAA,EAAiB,QAAQ,KAAA,GAAQ;AAAA,GAClC,CAAA;AAED,EAAA,MAAM,EAAE,eAAA,EAAiB,aAAA,EAAc,GAAI,0BAAA,CAA2B;AAAA,IACpE,WAAA,EAAA,SAAA;AAAA,IACA,eAAA,EAAiB,QAAQ,KAAA,GAAQ;AAAA,GAClC,CAAA;AAED,EAAA,MAAM,EAAE,eAAA,EAAiB,eAAA,EAAgB,GAAI,0BAAA,CAA2B;AAAA,IACtE,WAAA,EAAA,WAAA;AAAA,IACA,eAAA,EAAiB,QAAQ,KAAA,GAAQ;AAAA,GAClC,CAAA;AAED,EAAA,MAAM,EAAE,eAAA,EAAiB,YAAA,EAAa,GAAI,0BAAA,CAA2B;AAAA,IACnE,WAAA,EAAA,QAAA;AAAA,IACA,eAAA,EAAiB,QAAQ,KAAA,GAAQ;AAAA,GAClC,CAAA;AAED,EAAA,MAAM,EAAE,eAAA,EAAiB,mBAAA,EAAoB,GAAI,0BAAA,CAA2B;AAAA,IAC1E,WAAA,EAAA,eAAA;AAAA,IACA,eAAA,EAAiB,QAAQ,KAAA,GAAQ;AAAA,GAClC,CAAA;AAED,EAAA,MAAM,EAAE,eAAA,EAAiB,gBAAA,EAAiB,GAAI,0BAAA,CAA2B;AAAA,IACvE,WAAA,EAAA,YAAA;AAAA,IACA,eAAA,EAAiB,QAAQ,KAAA,GAAQ;AAAA,GAClC,CAAA;AAED,EAAA,MAAM,EAAE,eAAA,EAAiB,qBAAA,EAAsB,GAAI,0BAAA,CAA2B;AAAA,IAC5E,WAAA,EAAA,iBAAA;AAAA,IACA,eAAA,EAAiB,QAAQ,KAAA,GAAQ;AAAA,GAClC,CAAA;AAED,EAAA,MAAM,EAAE,eAAA,EAAiB,sBAAA,EAAuB,GAAI,0BAAA,CAA2B;AAAA,IAC7E,WAAA,EAAA,kBAAA;AAAA,IACA,eAAA,EAAiB,QAAQ,KAAA,GAAQ;AAAA,GAClC,CAAA;AAED,EAAA,MAAM,EAAE,eAAA,EAAiB,eAAA,EAAgB,GAAI,0BAAA,CAA2B;AAAA,IACtE,WAAA,EAAA,WAAA;AAAA,IACA,eAAA,EAAiB,QAAQ,KAAA,GAAQ;AAAA,GAClC,CAAA;AAED,EAAA,MAAM,EAAE,eAAA,EAAiB,mBAAA,EAAoB,GAAI,0BAAA,CAA2B;AAAA,IAC1E,WAAA,EAAA,eAAA;AAAA,IACA,eAAA,EAAiB,QAAQ,KAAA,GAAQ;AAAA,GAClC,CAAA;AAED,EAAA,MAAM,EAAE,eAAA,EAAiB,iBAAA,EAAkB,GAAI,0BAAA,CAA2B;AAAA,IACxE,WAAA,EAAA,aAAA;AAAA,IACA,eAAA,EAAiB,QAAQ,KAAA,GAAQ;AAAA,GAClC,CAAA;AAED,EAAA,MAAM,eAAA,GAAkBC,QAAQ,MAAM;AACpC,IAAA,IAAI,KAAA,SAAc,EAAC;AAEnB,IAAA,MAAM,iBAAA,GAAoB,iBAAA,GAAoB,WAAA,CAAY,OAAA,GAAU,CAAA;AACpE,IAAA,MAAM,SAAA,GAAY,QAAQ,YAAA,GAAe,eAAA;AACzC,IAAA,MAAM,KAAA,GAAQ,SAAS,KAAA,IAAS,SAAA,CAAU,SAAS,QAAA,CAAS,KAAK,CAAA,GAAI,QAAA,CAAS,KAAA,GAAQ,MAAA;AACtF,IAAA,MAAM,aAAa,gBAAA,CAAyB;AAAA,MAC1C,KAAA;AAAA,MACA,SAAA,EAAW,WAAA,CAAY,OAAA,CAAQ,MAAA,CAAO,IAAA;AAAA,MACtC,YAAA,EAAc,WAAA,CAAY,OAAA,CAAQ,MAAA,CAAO,YAAA;AAAA,MACzC;AAAA,KACD,CAAA;AAED,IAAA,OAAO;AAAA,MACL,WAAA,EAAa,CAAC,aAAA,GAAgB,MAAA,GAAa,QAAA,CAAS,gBAAgB,MAAA,GAAS,IAAA,GAAO,MAAA,CAAO,QAAA,CAAS,WAAW,CAAA;AAAA,MAC/G,UAAA,EAAY,iBAAA;AAAA,MACZ,UAAA,EAAY,gBAAA,GAAmB,eAAA,CAAgB,QAAA,CAAS,UAAA,CAAW,YAAY,CAAA,IAAK,EAAE,CAAA,EAAG,SAAA,IAAa,IAAA,GAAO,MAAA;AAAA,MAC7G,QAAA,EAAU,cAAA,GAAiB,QAAA,CAAS,QAAA,GAAW,MAAA;AAAA,MAC/C,UAAA,EAAY,gBAAA,GAAmB,QAAA,CAAS,UAAA,GAAa,MAAA;AAAA,MACrD,SAAA,EAAW,eAAA,GAAkB,QAAA,CAAS,SAAA,GAAY,MAAA;AAAA,MAClD,MAAA,EAAQ,YAAA,GAAe,QAAA,CAAS,MAAA,GAAS,MAAA;AAAA,MACzC,eAAgB,CAAC,mBAAA,IAAuB,QAAA,CAAS,eAAA,GAAmB,SAAY,QAAA,CAAS,aAAA;AAAA,MACzF,UAAA,EAAa,CAAC,gBAAA,IAAoB,QAAA,CAAS,eAAA,GACvC,MAAA,GACA,QAAA,CAAS,UAAA,KAAe,IAAA,GACtB,IAAA,GACA,iBAAA,CAAkB,QAAA,CAAS,UAAU,CAAA;AAAA,MAC3C,mBAAmB,QAAA,CAAS,UAAA,EAAY,WAAW,IAAA,GAC/C,QAAA,CAAS,WAAW,OAAA,GACpB,MAAA;AAAA,MACJ,iBAAA,EAAmB,QAAA,CAAS,UAAA,EAAY,GAAA,EAAK,aACzC,IAAA,GACC,QAAA,CAAS,UAAA,EAAY,GAAA,EAAK,KAAA,IAAS,IAAA,GAClC,QAAA,CAAS,UAAA,CAAW,IAAI,KAAA,GACxB,MAAA;AAAA,MACN,iBAAA,EAAmB,QAAA,CAAS,UAAA,EAAY,GAAA,EAAK,aACzC,IAAA,GACC,QAAA,CAAS,UAAA,EAAY,GAAA,EAAK,KAAA,IAAS,IAAA,GAClC,QAAA,CAAS,UAAA,CAAW,IAAI,KAAA,GACxB,MAAA;AAAA,MACN,iBAAkB,CAAC,qBAAA,IAAyB,QAAA,CAAS,eAAA,GAAmB,SAAY,QAAA,CAAS,eAAA;AAAA,MAC7F,kBAAmB,CAAC,sBAAA,IAA0B,QAAA,CAAS,eAAA,GAAmB,SAAY,QAAA,CAAS,gBAAA;AAAA,MAC/F,QAAQ,gBAAA,GAAmB,IAAA,GAAQ,CAAC,YAAA,GAAe,SAAY,QAAA,CAAS,MAAA;AAAA,MACxE,SAAA,EAAW,eAAA,GAAkB,QAAA,CAAS,SAAA,GAA2D,MAAA;AAAA,MACjG,SAAS,aAAA,IAAiB,QAAA,CAAS,SAAA,KAAc,WAAA,GAAc,SAAS,OAAA,GAAU,MAAA;AAAA,MAClF,iBAAA,EAAmB,mBAAA,GAAsB,QAAA,CAAS,iBAAA,GAAoB,MAAA;AAAA,MACtE,aAAc,CAAC,iBAAA,IAAqB,QAAA,CAAS,eAAA,GAAmB,SAAY,QAAA,CAAS,WAAA;AAAA,MACrF,GAAG;AAAA,KACL;AAAA,EACF,CAAA,EAAG;AAAA,IACD,KAAA;AAAA,IACA,iBAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA,CAAY,QAAQ,MAAA,CAAO,IAAA;AAAA,IAC3B,WAAA,CAAY,QAAQ,MAAA,CAAO,YAAA;AAAA,IAC3B,eAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,gBAAA;AAAA,IACA,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,mBAAA;AAAA,IACA,gBAAA;AAAA,IACA,qBAAA;AAAA,IACA,sBAAA;AAAA,IACA,eAAA;AAAA,IACA,mBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,YAAA,GAAeA,QAAQ,MAAM;AACjC,IAAA,IAAI,KAAA,SAAc,EAAC;AAEnB,IAAA,OAAO;AAAA,MACL,iBAAA,EAAmB,YAAY,UAAA,CAAW,iBAAA;AAAA,MAC1C,iBAAA,EAAmB,YAAY,UAAA,CAAW,iBAAA;AAAA,MAC1C,iBAAA,EAAmB,YAAY,UAAA,CAAW,iBAAA;AAAA,MAC1C,UAAA,EAAY,YAAY,UAAA,CAAW,UAAA;AAAA,MACnC,gBAAA,EAAkB,WAAA,CAAY,OAAA,CAAQ,MAAA,CAAO,IAAI,MAAA,KAAA,YAAA,iBAAA,CAC5C,WAAA,CAAY,OAAA,CAAQ,IAAA,CAAK,QAAQ,EAAA,IAAM,CAAA,GACvC,WAAA,CAAY,OAAA,CAAQ,KAAK,IAAA,IAAQ,EAAA;AAAA,MACtC,qBAAqB,WAAA,CAAY,OAAA,CAAQ,MAAA,CAAO,EAAA,EAAI,yCAC/C,WAAA,CAAY,OAAA,CAAQ,IAAA,CAAK,IAAA,IAAQ,OAAO,gBAAA,GAAmB,CAAA,GAAI,KAC/D,WAAA,CAAY,OAAA,CAAQ,KAAK,IAAA,IAAQ,EAAA;AAAA,MACtC,iBAAA,EAAmB,YAAY,UAAA,CAAW,UAAA;AAAA,MAC1C,kBAAA,EAAoB,YAAY,UAAA,CAAW,UAAA;AAAA,MAC3C,WAAA,EAAa,WAAA,CAAY,WAAA,EAAa,MAAA,IAAU;AAAA,KAClD;AAAA,EACF,CAAA,EAAG,CAAC,KAAA,EAAO,WAAA,EAAa,gBAAgB,CAAC,CAAA;AAEzC,EAAA,OAAO,EAAE,iBAAiB,YAAA,EAAa;AACzC,CAAA;AC/MO,IAAM,2BAA2B,CAAC;AAAA,EACvC,KAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACF,CAAA,KAAqC;AACnC,EAAA,MAAM,WAAA,GAAcA,QAAQ,MAAM;AAChC,IAAA,IAAI,iBAAA;AAEJ,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,MAAM,eAAe,kBAAA,EAAmB;AACxC,MAAA,IAAI,YAAA,EAAc;AAChB,QAAA,iBAAA,GAAoB;AAAA,UAClB,cAAA,EAAgB,CAAC,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA;AAAA,UACvC,OAAO,CAAC;AAAA,YACN,SAAA,EAAW,CAAC,UAAA,EAAY,SAAS,CAAA;AAAA,YACjC,OAAA,EAAS,CAAC,YAAY;AAAA,WACvB;AAAA,SACH;AAAA,MACF;AAAA,IACF;AAEA,IAAA,IAAI,CAAC,SAAS,gBAAA,EAAkB;AAC9B,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,GAAG,CAAC,KAAA,EAAO,kBAAkB,YAAA,EAAc,kBAAA,EAAoB,kBAAkB,CAAC,CAAA;AAElF,EAAA,OAAO,EAAE,WAAA,EAAY;AACvB,CAAA;;;ACZO,IAAM,oBAAoB,CAAC;AAAA,EAChC,SAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,eAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,KAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AAAA,EACA,iBAAA;AAAA,EACA,iBAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,KAAA;AAAA,EACA,uBAAA;AAAA,EACA,gBAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAA8B;AAC5B,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAIC,SAAS,KAAK,CAAA;AAE1D,EAAA,MAAM,EAAE,eAAA,EAAiB,YAAA,EAAa,GAAI,wBAAA,CAAyB;AAAA,IACjE,KAAA;AAAA,IACA,QAAA,EAAU,MAAM,OAAA,CAAQ,QAAA;AAAA,IACxB,WAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,eAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,wBAAA,CAAyB;AAAA,IAC/C,KAAA;AAAA,IACA,gBAAA;AAAA,IACA,YAAA;AAAA,IACA,kBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,aAAA,GAAgB,YAAY,MAAM;AACtC,IAAA,IAAI,CAAC,OAAO,mBAAA,EAAoB;AAChC,IAAA,SAAA,IAAY;AAAA,EACd,CAAA,EAAG,CAAC,KAAA,EAAO,mBAAA,EAAqB,SAAS,CAAC,CAAA;AAE1C,EAAA,MAAM,EAAE,iBAAA,EAAmB,oBAAA,EAAqB,GAAI,gBAAA,EAAiB;AACrE,EAAA,MAAM,qBAAA,GAAwBF,OAAO,KAAK,CAAA;AAE1C,EAAAH,UAAU,MAAM;AAEd,IAAA,IAAI,CAAC,WAAA,IAAe,qBAAA,CAAsB,OAAA,EAAS;AAGnD,IAAA,IAAI,CAAC,UAAU,OAAA,EAAS;AACtB,MAAA,OAAA,CAAQ,MAAM,6DAA6D,CAAA;AAC3E,MAAA;AAAA,IACF;AAGA,IAAA,MAAM,MAAA,GAAiC;AAAA,MACrC,WAAW,SAAA,CAAU,OAAA;AAAA,MACrB,WAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAA,EAAe,eAAe,GAAA,CAAI,CAAA,GAAA,KAAO,IAAI,OAAA,CAAQ,GAAG,CAAC,CAAA,IAAK,EAAC;AAAA,MAC/D,eAAA,EAAiB,eAAA,GAAkB,IAAI,OAAA,CAAQ,eAAe,CAAA,GAAI,MAAA;AAAA,MAClE,WAAA,EAAa,eAAA;AAAA,MACb,QAAA,EAAU,YAAA;AAAA,MACV,aAAa,WAAA,IAAe,MAAA;AAAA,MAC5B,iBAAA,EAAmB;AAAA,KACrB;AAEA,IAAA,qBAAA,CAAsB,OAAA,GAAU,IAAA;AAGhC,IAAA,gBAAA,IAAmB;AAGnB,IAAA,iBAAA,CAAkB,QAAQ,MAAM;AAE9B,MAAA,iBAAA,CAAkB,IAAI,CAAA;AACtB,MAAA,iBAAA,IAAoB;AAAA,IACtB,GAAG,sBAAsB,CAAA;AAEzB,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,sBAAsB,OAAA,EAAS;AACjC,QAAA,iBAAA,CAAkB,KAAK,CAAA;AACvB,QAAA,oBAAA,CAAqB,MAAM;AACzB,UAAA,qBAAA,CAAsB,OAAA,GAAU,KAAA;AAChC,UAAA,aAAA,EAAc;AAAA,QAChB,CAAC,CAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAGL,EAAAA,UAAU,MAAM;AACd,IAAA,IAAI,CAAC,SAAS,gBAAA,EAAkB;AAC9B,MAAA,MAAM,aAAA,GAAgB,kBAAA,CAAmB,EAAE,QAAA,EAAU,cAAc,CAAA;AACnE,MAAA,IAAI,aAAA,EAAe;AACjB,QAAA,mBAAA,CAAoB,aAAa,CAAA;AAAA,MACnC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,KAAA,EAAO,kBAAkB,YAAA,EAAc,mBAAA,EAAqB,kBAAkB,CAAC,CAAA;AAEnF,EAAA,OAAO;AAAA,IACL,cAAA;AAAA,IACA;AAAA,GACF;AACF,CAAA;AC5DO,IAAM,iBAAiB,CAAC;AAAA,EAC7B,WAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAIK,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,uBACEC,GAAAA,CAAAC,QAAAA,EAAA,EACE,0BAAAD,GAAAA,CAAC,gBAAA,EAAA,EACC,QAAA,kBAAAA,GAAAA,CAAC,uBAAoB,WAAA,EAA4B,YAAA,EAA8B,eAAA,EAAoC,kBAAA,EAA0C,GAC/J,CAAA,EACF,CAAA;AAEJ;AAEA,IAAM,sBAAsB,CAAC,EAAE,aAAa,YAAA,EAAc,eAAA,EAAiB,oBAAmB,KAAuJ;AACnP,EAAA,MAAM,EAAE,aAAA,EAAe,YAAA,EAAc,gBAAA,EAAkB,eAAA,KAAoB,yBAAA,EAA0B;AACrG,EAAA,MAAM,EAAE,WAAA,EAAa,eAAA,EAAiB,kBAAA,KAAuB,cAAA,EAAe;AAC5E,EAAA,MAAM,EAAE,SAAA,EAAW,WAAA,EAAY,GAAI,SAAA,EAAU;AAC7C,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,OAAA,EAAQ;AACtB,EAAA,MAAM,EAAE,wBAAA,EAAyB,GAAI,iBAAA,EAAkB;AACvD,EAAA,MAAM,EAAE,WAAA,EAAa,iBAAA,EAAkB,GAAI,kBAAA,EAAmB;AAC9D,EAAA,MAAM,EAAE,mBAAA,EAAqB,mBAAA,EAAqB,kBAAA,KAAuB,QAAA,EAAS;AAElF,EAAA,MAAM,SAAA,GAAYH,OAAuB,IAAI,CAAA;AAC7C,EAAA,MAAM,WAAA,GAAcA,MAAAA,CAAO,CAAA,IAAA,CAAM,WAAA,CAAY,OAAA,CAAQ,KAAA,CAAM,IAAA,IAAQ,EAAA,KAAO,WAAA,CAAY,OAAA,CAAQ,KAAA,CAAM,MAAA,IAAU,CAAA,CAAA,CAAG,CAAA;AAEjH,EAAA,MAAM,KAAA,GAAQ,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,YAAY,KAAK,CAAA;AAC7D,EAAA,MAAM,KAAA,GAAQ,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,YAAY,KAAK,CAAA;AAC7D,EAAA,MAAM,aAAA,GAAgB,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,YAAY,aAAa,CAAA;AAC7E,EAAA,MAAM,YAAA,GAAe,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,YAAY,YAAY,CAAA;AAG3E,EAAA,MAAM,EAAE,eAAA,EAAiB,gBAAA,EAAiB,GAAI,0BAAA,CAA2B;AAAA,IACvE,WAAA,EAAA,YAAA;AAAA,IACA,eAAA,EAAiB,QAAQ,KAAA,GAAQ;AAAA,GAClC,CAAA;AAED,EAAA,MAAM,SAAA,GAAY,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,SAAS,SAAS,CAAA;AAClE,EAAA,MAAM,WAAA,GAAc,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,SAAS,WAAW,CAAA;AACtE,EAAA,MAAM,UAAA,GAAa,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,SAAS,UAAU,CAAA;AACpE,EAAA,MAAM,QAAA,GAAW,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,SAAS,QAAQ,CAAA;AAChE,EAAA,MAAM,UAAA,GAAa,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,SAAS,UAAU,CAAA;AACpE,EAAA,MAAM,OAAA,GAAU,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,SAAS,OAAO,CAAA;AAC9D,EAAA,MAAM,SAAA,GAAY,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,SAAS,SAAS,CAAA;AAClE,EAAA,MAAM,MAAA,GAAS,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,SAAS,MAAM,CAAA;AAC5D,EAAA,MAAM,gBAAgB,wBAAA,CAAA,eAAA,qBAA4D;AAClF,EAAA,MAAM,UAAA,GAAa,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,SAAS,UAAU,CAAA;AACpE,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,SAAS,eAAe,CAAA;AAC9E,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,iBAAA,GAAoB,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,SAAS,iBAAiB,CAAA;AAClF,EAAA,MAAM,cAAc,wBAAA,CAAA,aAAA,mBAA0D;AAC9E,EAAA,MAAM,WAAA,GAAc,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,QAAQ,KAAK,CAAA;AAC/D,EAAA,MAAM,KAAA,GAAQ,KAAA,GAAQ,WAAA,CAAY,GAAA,GAAM,WAAA,CAAY,MAAA;AACpD,EAAA,MAAM,aAAA,GAAgB,YAAY,KAAK,CAAA;AACvC,EAAA,MAAM,WAAA,GAAc,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,QAAQ,WAAW,CAAA;AACrE,EAAA,MAAM,aAAA,GAAgB,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,QAAQ,oBAAoB,CAAA;AAEhF,EAAA,MAAM,UAAA,GAAa,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,QAAQ,UAAU,CAAA;AACnE,EAAA,MAAM,mBAAA,GAAsB,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,QAAQ,mBAAmB,CAAA;AAErF,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,QAAA,GAAW,KAAA,GACb,WAAA,CAAY,OAAA,CAAQ,MAAA,CAAO,EAAA,EAAI,GAAA,IAAA,YAAA,iBAC/B,QAAA,GACE,WAAA,CAAY,OAAA,CAAQ,MAAA,CAAO,EAAA,EAAI,MAAA,IAAA,YAAA,iBAAA,YAAA;AAGrC,EAAA,MAAM,KAAA,GAAQ,qBAAA;AAAA,IACZ,SAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA;AAAA,IACA,iBAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,kBAAA,GAAqB,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,YAAY,kBAAkB,CAAA;AACvF,EAAA,MAAM,gBAAA,GAAmB,cAAA,CAAe,CAAA,KAAA,KAAS,KAAA,CAAM,YAAY,gBAAgB,CAAA;AAEnF,EAAA,MAAM,WAAW,cAAA,EAAe;AAEhC,EAAAH,UAAU,MAAM;AAEd,IAAA,QAAA,CAAS,YAAA,CAAa,KAAK,CAAC,CAAA;AAAA,EAC9B,CAAA,EAAG,CAAC,QAAA,EAAU,QAAQ,CAAC,CAAA;AAEvB,EAAA,MAAM,UAAA,GAAaQ,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,gBAAgB,gBAAA,EAAiB;AACvC,EAAA,MAAM;AAAA,IACJ,MAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,GAAI,aAAA;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;AAAA,IACA,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,yBAAA,GAA4BD,YAAY,MAAM;AAClD,IAAA,IAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,aAAa,QAAA,CAAS,YAAA,CAAa,IAAI,CAAC,CAAA;AAAA,EAC7D,CAAA,EAAG,CAAC,KAAA,EAAO,QAAQ,CAAC,CAAA;AAEpB,EAAA,MAAM,iBAAA,GAAoBA,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;AAIb,EAAA,MAAM,SAAA,GAAYA,WAAAA,CAAY,CAAC,KAAA,KAA2B;AACxD,IAAA,MAAM,WAAW,UAAA,EAAW;AAC5B,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,IAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,QAAA,CAAS,MAAA,EAAQ;AAClC,QAAA,MAAM,UAAA,GAAA,CAAe,SAAS,MAAA,KAAW,CAAA,GAAI,SAAS,CAAC,CAAA,CAAG,OAAO,UAAA,GAAa,QAAA,CAAS,CAAC,CAAA,CAAG,MAAA,CAAO,aAAa,QAAA,CAAU,CAAC,EAAG,MAAA,CAAO,UAAA,IAAc,OAAO,gBAAA,GAAoB,CAAA;AAE7K,QAAA,MAAM,qBAAqB,MAAM;AAC/B,UAAA,QAAA,CAAS,gBAAA,CAAiB,IAAI,CAAC,CAAA;AAC/B,UAAA,yBAAA,EAA0B;AAAA,QAC5B,CAAA;AAEA,QAAA,IAAI,KAAA,CAAM,IAAI,UAAA,EAAY;AACxB,UAAA,MAAA,CAAO,CAAC,KAAA,CAAM,OAAA,CAAQ,aAAA,EAAe,kBAAkB,CAAA;AAAA,QACzD,CAAA,MAAA,IACS,KAAA,CAAM,CAAA,GAAI,UAAA,GAAa,CAAA,EAAG;AACjC,UAAA,OAAA,CAAQ,CAAC,KAAA,CAAM,OAAA,CAAQ,aAAA,EAAe,kBAAkB,CAAA;AAAA,QAC1D,WAAW,UAAA,IAAc,KAAA,CAAM,KAAK,KAAA,CAAM,CAAA,IAAK,aAAa,CAAA,EAAG;AAC7D,UAAA,iBAAA,EAAkB;AAAA,QACpB;AAAA,MACF,CAAA,MAAO;AACL,QAAA,IAAI,YAAY,WAAA,CAAY,MAAA,CAAO,qBAAA,CAAsB,QAAA,CAAS,KAAK,CAAA,EAAG;AACxE,UAAA,iBAAA,EAAkB;AAAA,QACpB;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,UAAA,EAAY,KAAA,EAAO,WAAA,CAAY,WAAA,CAAY,MAAA,EAAQ,MAAA,EAAQ,OAAA,EAAS,QAAA,EAAU,yBAAA,EAA2B,iBAAiB,CAAC,CAAA;AAE/H,EAAA,MAAM,WAAA,GAAcA,WAAAA,CAAY,CAAC,MAAA,KAA4B;AAC3D,IAAA,IACE,KAAA,CAAM,OAAA,CAAQ,QAAA,KAAA,YAAA,mBACZ,CAAC,MAAM,OAAA,CAAQ,QAAA,CAAS,MAAA,IACxB,WAAA,CAAY,WAAA,CAAY,MAAA,CAAO,qBAAA,CAAsB,QAAA,CAAS,OAAO,CAAA,CAAA,EACrE;AACA,MAAA,iBAAA,EAAkB;AAAA,IACpB;AAAA,EACJ,GAAG,CAAC,KAAA,EAAO,YAAY,WAAA,CAAY,MAAA,EAAQ,iBAAiB,CAAC,CAAA;AAI7D,EAAA,MAAM,gCAAA,GAAmCA,YAAY,MAAM;AACzD,IAAA,IAAI,eAAc,EAAG;AACnB,MAAA,QAAA,CAAS,mBAAA,CAAoB,KAAK,CAAC,CAAA;AAAA,IACrC,CAAA,MAAO;AACL,MAAA,QAAA,CAAS,mBAAA,CAAoB,IAAI,CAAC,CAAA;AAAA,IACpC;AAEA,IAAA,IAAI,cAAa,EAAG;AAClB,MAAA,QAAA,CAAS,iBAAA,CAAkB,KAAK,CAAC,CAAA;AAAA,IACnC,CAAA,MAAO;AACL,MAAA,QAAA,CAAS,iBAAA,CAAkB,IAAI,CAAC,CAAA;AAAA,IAClC;AAAA,EACF,CAAA,EAAG,CAAC,aAAA,EAAe,YAAA,EAAc,QAAQ,CAAC,CAAA;AAK1C,EAAA,MAAM,oBAAA,GAAuBA,WAAAA,CAAY,CAAC,OAAA,KAAqB;AAC7D,IAAA,YAAA,CAAa,OAAO,CAAA;AACpB,IAAA,gCAAA,EAAiC;AAAA,EACnC,CAAA,EAAG,CAAC,YAAA,EAAc,gCAAgC,CAAC,CAAA;AAEnD,EAAA,MAAM,cAAA,GAAiBA,YAAY,YAAY;AAC7C,IAAA,IAAI,SAAA,EAAU,KAAM,MAAA,CAAO,KAAA,EAAO;AAGhC,MAAA,MAAM,OAAO,cAAA,EAAe;AAC5B,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,oBAAA,CAAqB,IAAI,CAAA;AAAA,MAC3B;AAAC,IACH;AAAA,EACF,CAAA,EAAG,CAAC,SAAA,EAAW,cAAA,EAAgB,oBAAoB,CAAC,CAAA;AAEpD,EAAA,MAAM,WAAW,WAAA,EAAY;AAE7B,EAAA,MAAM,IAAIJ,OAAAA,CAAQ,MAAM,IAAI,WAAA,CAAY,QAAA,EAAU,YAAY,OAAA,EAAS;AAAA,IACrE,MAAA,EAAQ,CAAC,SAAA,KAAc;AACrB,MAAA,MAAM,qBAAqB,MAAM;AAC/B,QAAA,QAAA,CAAS,gBAAA,CAAiB,IAAI,CAAC,CAAA;AAC/B,QAAA,yBAAA,EAA0B;AAAA,MAC5B,CAAA;AAEA,MAAA,QAAO,SAAA;AAAW,QAChB,KAAK,OAAA;AACH,UAAA,IAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,QAAA,CAAS,MAAA,EAAQ;AAClC,YAAA,OAAA,CAAQ,CAAC,KAAA,CAAM,OAAA,CAAQ,aAAA,EAAe,kBAAkB,CAAA;AAAA,UAC1D;AACA,UAAA;AAAA,QACF,KAAK,MAAA;AACH,UAAA,IAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,QAAA,CAAS,MAAA,EAAQ;AAClC,YAAA,MAAA,CAAO,CAAC,KAAA,CAAM,OAAA,CAAQ,aAAA,EAAe,kBAAkB,CAAA;AAAA,UACzD;AACA,UAAA;AAUA;AACJ,IACF,CAAA;AAAA,IACA,aAAA,EAAe,CAAC,QAAA,KAAa;AAC3B,MAAA,IAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,QAAA,EAAU,MAAA,EAAQ;AACnC,QAAA,MAAM,WAAW,MAAM;AACrB,UAAA,QAAA,CAAS,gBAAA,CAAiB,IAAI,CAAC,CAAA;AAC/B,UAAA,yBAAA,EAA0B;AAAA,QAC5B,CAAA;AACA,QAAA,QAAA,GACI,UAAA,CAAW,CAAC,KAAA,CAAM,OAAA,CAAQ,aAAA,EAAe,QAAQ,CAAA,GACjD,SAAA,CAAU,CAAC,KAAA,CAAM,OAAA,CAAQ,aAAA,EAAe,QAAQ,CAAA;AAAA,MACtD;AAAA,IACF,CAAA;AAAA,IACA,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,SAAA;AAAA,YACL,OAAA,EAAS;AAAA,WACV,CAAC,CAAA;AACF,UAAA;AAGA;AACJ,IACF;AAAA,GACD,CAAA,EAAG,CAAC,QAAA,EAAU,YAAY,OAAA,EAAS,QAAA,EAAU,yBAAA,EAA2B,KAAA,EAAO,OAAA,EAAS,MAAA,EAAQ,UAAA,EAAY,SAAA,EAAW,EAAE,CAAC,CAAA;AAE3H,EAAA,MAAM,SAAA,GAAoCA,QAAQ,OAAO;AAAA,IACvD,WAAA,EAAa,eAAgB,IAAA,EAA6B;AACxD,MAAA,MAAM,cAAA,EAAe;AAGrB,MAAA,MAAM,WAAW,UAAA,EAAW;AAC5B,MAAA,QAAA,EAAU,OAAA;AAAA,QACR,CAAC,YAAA,KAA6D;AAC5D,UAAA,IAAI,YAAA,EAAc,CAAA,CAAE,OAAA,CAAQ,YAAA,CAAa,MAAM,CAAA;AAAA,QACjD;AAAA,OACF;AACA,MAAA,CAAA,CAAE,QAAQ,MAAM,CAAA;AAAA,IAClB,CAAA;AAAA,IACA,eAAA,EAAiB,eAAgB,OAAA,EAAiC;AAChE,MAAA,IAAI,SAAA,EAAU,KAAM,MAAA,CAAO,KAAA,EAAO;AAChC,QAAA,MAAM,0BAAA,GAA6B,QAAA;AAAA,UACjC,YAAY;AACV,YAAA,YAAA,CAAa,OAAO,CAAA;AACpB,YAAA,gCAAA,EAAiC;AAAA,UACnC,CAAA;AAAA,UAAG;AAAA,SAAG;AACR,QAAA,0BAAA,EAA2B;AAAA,MAC7B;AAAA,IACF,CAAA;AAAA,IACA,GAAA,EAAK,SAAU,EAAA,EAA8B;AAC3C,MAAA,SAAA,CAAU,EAAE,CAAA;AACZ,MAAA,OAAO,IAAA;AAAA,IACT,CAAA;AAAA,IACA,KAAA,EAAO,SAAU,EAAA,EAA8B;AAC7C,MAAA,WAAA,CAAY,EAAE,CAAA;AACd,MAAA,OAAO,IAAA;AAAA,IACT,CAAA;AAAA,IACA,IAAA,EAAM,SAAU,MAAA,EAAsB;AAAA,IAAC,CAAA;AAAA,IACvC,WAAA,EAAa,SAAU,OAAA,EAAuB;AAAA,IAAC,CAAA;AAAA,IAC/C,MAAA,EAAQ,SAAU,MAAA,EAAsB;AACtC,MAAA,IACE,MAAM,OAAA,CAAQ,QAAA,CAAS,UACvB,SAAA,EAAU,KAAM,OAAO,KAAA,EACvB;AACA,QAAA,IAAI,aAAA,EAAc,IAAK,WAAA,EAAY,EAAG;AACpC,UAAA;AAAA;AAAA,YAEE,MAAM,OAAA,CAAQ,QAAA,KAAA,YAAA;AAAA,YACd;AACA,YAAA,QAAA,CAAS,mBAAA,CAAoB,IAAI,CAAC,CAAA;AAAA,UACpC;AAAA,QACF,WAAW,CAAC,KAAA,CAAM,OAAA,CAAQ,WAAA,IAAe,SAAS,EAAA,EAAI;AACpD,UAAA,IAAI,WAAA,CAAY,WAAA,CAAY,MAAA,CAAO,mBAAA,EAAqB;AACtD,YAAA,QAAA,CAAS,YAAA,CAAa,IAAI,CAAC,CAAA;AAAA,UAC7B;AAAA,QACF,CAAA,MAAA,IAAW,KAAA,CAAM,OAAA,CAAQ,WAAA,IAAe,SAAS,GAAA,EAAK;AACpD,UAAA;AAAA;AAAA,YAEE,KAAA,CAAM,OAAA,CAAQ,QAAA,KAAA,YAAA,kBACd,WAAA,CAAY,YAAY,MAAA,CAAO;AAAA,YAC/B;AACA,YAAA,QAAA,CAAS,YAAA,CAAa,KAAK,CAAC,CAAA;AAAA,UAC9B;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAA;AAAA,IACA,WAAA,EAAa,SAAU,IAAA,EAAc,KAAA,EAAsB;AAAA,IAAC,CAAA;AAAA,IAC5D,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,MACrD,CAAC,CAAA,EAAG,cAAA,EAAgB,UAAA,EAAY,WAAW,YAAA,EAAc,QAAA,EAAU,SAAA,EAAW,WAAA,EAAa,OAAO,WAAA,CAAY,WAAA,CAAY,QAAQ,aAAA,EAAe,WAAA,EAAa,gCAAgC,CAAC,CAAA;AAEnM,EAAA,MAAM,kBAAkBA,OAAAA,CAAQ,MAAM,cAAa,EAAG,CAAC,YAAY,CAAC,CAAA;AAGpE,EAAA,MAAM,EAAE,cAAA,EAAe,GAAI,iBAAA,CAAkB;AAAA,IAC3C,SAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,eAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,gBAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA;AAAA,IACA,mBAAA;AAAA,IACA,mBAAA;AAAA,IACA,kBAAA;AAAA,IACA,kBAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA;AAAA,IACA,iBAAA;AAAA,IACA,iBAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;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,CAAA;AAAA,IACA,sBAAA,EAAwB;AAAA,GACzB,CAAA;AAED,EAAA,MAAM,eAAA,GAAkBI,WAAAA,CAAY,OAAO,KAAA,KAAkB;AAC3D,IAAA,MAAM,iBAAA,CAAkB;AAAA,MACtB,UAAA,EAAY;AAAA,KACb,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,iBAAiB,CAAC,CAAA;AAEtB,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,CAAC,cAAA,EAAgB;AAErB,IAAA,eAAA,CAAgB,oBAAoB,WAAA,CAAY,OAAA,GAAU,CAAC,CAAA,CACxD,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA,EACxB,CAAA,EAAG,CAAC,iBAAA,EAAmB,eAAA,EAAiB,cAAc,CAAC,CAAA;AAMvD,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,CAAC,cAAA,EAAgB;AAErB,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,WAAA,KAAgB,WAAA,EAAa;AAC7C,MAAA,KAAA,CAAM,QAAQ,WAAA,GAAc,WAAA;AAAA,IAC9B;AAEA,IAAA,MAAME,SAAQ,KAAA,GAAS,WAAA,CAAY,GAAA,IAAO,MAAA,GAAW,YAAY,MAAA,IAAU,MAAA;AAG3E,IAAA,IAAIA,MAAAA,KAAU,MAAA,IAAU,aAAA,KAAkBA,MAAAA,EAAO;AAEjD,IAAA,MAAM,oBAAoB,YAAY;AACpC,MAAA,MAAM,SAAA,GAAY,QAAQ,YAAA,GAAe,eAAA;AACzC,MAAA,MAAM,QAAA,GAAW,SAAA,CAAU,QAAA,CAASA,MAAY,IAAIA,MAAAA,GAAQ,MAAA;AAC5D,MAAA,MAAM,aAAa,gBAAA,CAA+B;AAAA,QAChD,KAAA,EAAO,QAAA;AAAA,QACP,SAAA,EAAW,WAAA,CAAY,OAAA,CAAQ,MAAA,CAAO,IAAA;AAAA,QACtC,YAAA,EAAc,WAAA,CAAY,OAAA,CAAQ,MAAA,CAAO,YAAA;AAAA,QACzC;AAAA,OACD,CAAA;AACD,MAAA,MAAM,kBAAkB,UAAU,CAAA;AAClC,MAAA,QAAA,CAAS,QAAA,CAAS;AAAA,QAChB,GAAA,EAAK,QAAQ,KAAA,GAAQ,QAAA;AAAA,QACrB,KAAA,EAAO;AAAA,OACR,CAAC,CAAA;AAAA,IACJ,CAAA;AAEA,IAAA,iBAAA,EAAkB,CACf,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA;AAAA,EACxB,CAAA,EAAG,CAAC,KAAA,EAAO,WAAA,EAAa,eAAe,WAAA,CAAY,OAAA,CAAQ,MAAA,EAAQ,YAAA,EAAc,iBAAiB,WAAA,EAAa,KAAA,EAAO,iBAAA,EAAmB,QAAA,EAAU,cAAc,CAAC,CAAA;AAElK,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,QAAA,CAAS,YAAA,CAAa,WAAgC,CAAC,CAAA;AACvD,IAAA,QAAA,CAAS,mBAAA,CAAoB,mBAAA,EAAqB,CAAC,CAAA;AAAA,EACrD,CAAA,EAAG,CAAC,WAAA,EAAa,QAAQ,CAAC,CAAA;AAE1B,EAAA,uBACEJ,GAAAA,CAAAC,QAAAA,EAAA,EACA,QAAA,kBAAAD,IAAC,iBAAA,EAAA,EAAkB,eAAA,EAAkB,aAAA,EACnC,QAAA,kBAAAA,IAAC,MAAA,EAAA,EAAK,SAAA,EAAY,+BAAa,IAAA,EAC7B,QAAA,kBAAAA,IAAC,sBAAA,EAAA,EACC,QAAA,kBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAM,kBAAA;AAAA,MACN,WACE,mBAAA,CAAoB;AAAA,QAClB,QAAA;AAAA,QACA,WAAA;AAAA,QACA,UAAA;AAAA,QACA,KAAA;AAAA,QACA,QAAA;AAAA,QACA,UAAA;AAAA,QACA;AAAA,OACD,CAAA;AAAA,MAGH,QAAA,EAAA;AAAA,wBAAAA,GAAAA;AAAA,UAAC,oBAAA;AAAA,UAAA;AAAA,YACC,UAAA,EAAa,QAAQ,aAAA,GAAgB,gBAAA;AAAA,YACrC,cAAe,KAAA,GAAQ,WAAA,CAAY,OAAA,CAAQ,QAAA,GAAW,YAAY,OAAA,CAAQ,WAAA;AAAA,YAC1E,MAAA,EAAS,QAAA;AAAA,YACT,qBAAA,EACE,KAAA,GACI,WAAA,CAAY,OAAA,CAAQ,MAAA,EAAQ,WAAA,EAAa,MAAA,EAAQ,GAAA,GACjD,WAAA,CAAY,OAAA,CAAQ,MAAA,EAAQ,WAAA,EAAa,MAAA,EAAQ;AAAA;AAAA,SAEzD;AAAA,QAEA,CAAC,QAAA,mBACCA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAYJ,WAAAA,CAAW,yCAAA,CAAY,SAAA,EAAW,yCAAA,CAAY,aAAa,CAAA,EAC1E,QAAA,kBAAAI,GAAAA;AAAA,UAAC,yBAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,MAAA;AAAA,YACV,UAAA,EAAa,QAAQ,gBAAA,GAAmB,kBAAA;AAAA,YACxC,SAAU,MAAM;AACd,cAAA,MAAM,qBAAqB,MAAM;AAC/B,gBAAA,QAAA,CAAS,gBAAA,CAAiB,IAAI,CAAC,CAAA;AAC/B,gBAAA,yBAAA,EAA0B;AAAA,cAC5B,CAAA;AACA,cAAA,MAAA,CAAO,CAAC,eAAe,kBAAkB,CAAA;AAAA,YAC3C;AAAA;AAAA,SACF,EACJ,CAAA,mBACEA,GAAAA,CAAAC,UAAA,EAAE,CAAA;AAAA,wBAEJD,IAAC,SAAA,EAAA,EAAQ,SAAA,EAAY,+BAAa,OAAA,EAAU,YAAA,EAAa,EAAE,+BAA+B,CAAA,EACxF,0BAAAA,GAAAA,CAAC,KAAA,EAAA,EAAI,IAAG,uBAAA,EAAwB,SAAA,EAAY,+BAAa,eAAA,EAAkB,GAAA,EAAM,WAAY,CAAA,EAC/F,CAAA;AAAA,QAEA,CAAC,QAAA,mBACCA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAYJ,WAAAA,CAAW,yCAAA,CAAY,SAAA,EAAW,yCAAA,CAAY,cAAc,CAAA,EAC3E,QAAA,kBAAAI,GAAAA;AAAA,UAAC,yBAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,OAAA;AAAA,YACV,UAAA,EAAa,QAAQ,kBAAA,GAAqB,gBAAA;AAAA,YAC1C,SAAU,MAAM;AACd,cAAA,MAAM,qBAAqB,MAAM;AAC/B,gBAAA,QAAA,CAAS,gBAAA,CAAiB,IAAI,CAAC,CAAA;AAC/B,gBAAA,yBAAA,EAA0B;AAAA,cAC5B,CAAA;AACA,cAAA,OAAA,CAAQ,CAAC,eAAe,kBAAkB,CAAA;AAAA,YAC5C;AAAA;AAAA,SACF,EACF,CAAA,mBACAA,GAAAA,CAAAC,UAAA,EAAE,CAAA;AAAA,wBAEND,GAAAA;AAAA,UAAC,oBAAA;AAAA,UAAA;AAAA,YACC,MAAA,EAAS,QAAA;AAAA,YACT,qBAAA,EACE,KAAA,GACI,WAAA,CAAY,OAAA,CAAQ,WAAA,EAAa,QAAQ,GAAA,GACzC,WAAA,CAAY,OAAA,CAAQ,WAAA,EAAa,MAAA,EAAQ,MAAA;AAAA,YAE/C,yBAAA,EACE,KAAA,GAAA,mBAAA,2BAAA,qBAAA;AAAA;AAAA;AAIJ;AAAA;AAAA,GACF,EACF,CAAA,EACF,CAAA,EACF,CAAA,EACA,CAAA;AACD,CAAA","file":"chunk-SI4FBFHM.mjs","sourcesContent":[".container {\n  position: absolute;\n  z-index: 2;\n}\n\n.leftContainer {\n  top: 50vh;\n  top: 50dvh;\n  transform: translateY(-50%);\n  left: 0;\n}\n\n.leftContainer button {\n  margin-left: var(--th-arrow-offset, 0);\n}\n\n.rightContainer {\n  top: 50vh;\n  top: 50dvh;\n  transform: translateY(-50%);\n  right: 0;\n}\n\n.rightContainer button {\n  margin-right: var(--th-arrow-offset, 0);\n}\n\n.container button {\n  width: var(--th-arrow-size, 40px);\n  /* height: var(--th-arrow-size, 40px); */\n  height: 40vh;\n  height: 40dvh;\n  border-radius: var(--th-layout-radius);\n  pointer-events: auto;\n  box-sizing: border-box;\n  padding: 5px;\n\n  background-color: var(--th-theme-background);\n  border: 1px solid var(--th-theme-text);\n}\n\n.container .occupiesSpace {\n  background-color: transparent;\n  border: none;\n}\n\n.container button[data-disabled] {\n  pointer-events: none;\n}\n\n.container button[data-hovered] {\n  opacity: 1;\n  transition: all 200ms;\n}\n\n.container .visuallyHidden {\n  opacity: 0;\n}\n\n.container button[data-focused] {\n  outline: 2px solid var(--th-theme-focus);\n  opacity: 1;\n}\n\n.container button[data-disabled] {\n  opacity: 0;\n}\n\n/* Exclude taps as they will eventually apply hover state */\n@media (hover: hover) and (pointer: fine) {\n  .container button:not([data-disabled])[data-hovered] {\n    opacity: 1;\n    transition: all 200ms;\n  }\n}\n\n.container button svg {\n  fill: var(--th-theme-text);\n  stroke: var(--th-theme-text);\n  width: 100%;\n  height: 100%;\n}","import { useEffect, useMemo } from \"react\";\n\nimport { ThArrowVariant, ThPaginatedAffordancePrefValue } from \"@/preferences/models\";\n\nimport { usePreferences } from \"@/preferences/hooks/usePreferences\";\nimport { useReaderTransitions } from \"./useReaderTransitions\";\nimport { usePrevious } from \"@/core/Hooks/usePrevious\";\n\nimport { useAppDispatch, useAppSelector } from \"@/lib/hooks\";\nimport { setHasArrows, setUserNavigated } from \"@/lib/readerReducer\";\n\nimport { makeBreakpointsMap } from \"@/core/Helpers/breakpointsMap\";\n\nexport interface UsePaginatedArrowsReturn {\n  isVisible: boolean;\n  occupySpace: boolean;\n  shouldTrackNavigation: boolean;\n  supportsVariant: boolean;\n}\n\nexport const usePaginatedArrows = (): UsePaginatedArrowsReturn => {\n  const { preferences } = usePreferences();\n  const hasArrows = useAppSelector(state => state.reader.hasArrows);\n  const isFXL = useAppSelector(state => state.publication.isFXL);\n  const breakpoint = useAppSelector(state => state.theming.containerBreakpoint);\n  \n  // Get reader state transitions\n  const {\n    isScroll,\n    fromImmersive,\n    toImmersive,\n    fromFullscreen,\n    toFullscreen,\n    fromScroll,\n    toUserNavigation\n  } = useReaderTransitions();\n\n  const dispatch = useAppDispatch();\n\n  // Memoize the prefs object to avoid recreating it on every render\n  const prefs = useMemo(() => \n    isFXL \n      ? preferences.affordances.paginated.fxl \n      : preferences.affordances.paginated.reflow,\n    [isFXL, preferences.affordances.paginated.fxl, preferences.affordances.paginated.reflow]\n  );\n\n  // Memoize the breakpoints map to avoid recreating it on every breakpoint change\n  const prefsMap = useMemo(() => \n    makeBreakpointsMap<ThPaginatedAffordancePrefValue>({\n      defaultValue: prefs.default,\n      fromEnum: ThArrowVariant,\n      pref: prefs.breakpoints,\n      validateKey: \"variant\"\n    }),\n    [prefs.default, prefs.breakpoints]\n  );\n\n  // Get the current preferences based on breakpoint\n  const { variant, discard, hint } = useMemo(() => {\n    // Get the current prefs for the breakpoint or fallback to default\n    const result = prefsMap[breakpoint as keyof typeof prefsMap] || prefs.default;\n    \n    // Force layered variant for FXL to prevent layout issues\n    // FXL navigator is using the window width to calculate the layout\n    // so we need to force the layered variant to prevent layout issues\n    if (isFXL) {\n      return {\n        ...result,\n        variant: ThArrowVariant.layered\n      };\n    }\n    \n    return result;\n  }, [breakpoint, prefsMap, isFXL, prefs.default]);\n\n  // Track previous prefs\n  const prevVariant = usePrevious(variant);\n  const prevDiscard = usePrevious(discard);\n\n  // Handle state transitions\n  useEffect(() => {\n    // If navigation was just added to discard, reset navigation state\n    if (!prevDiscard?.includes(\"navigation\") && discard?.includes(\"navigation\")) {\n      dispatch(setUserNavigated(false));\n      return;\n    }\n    \n    // If discard changed to \"none\", show the arrows and reset navigation state\n    if (discard === \"none\" && prevDiscard !== \"none\") {\n      dispatch(setHasArrows(true));\n      dispatch(setUserNavigated(false));\n      return;\n    }\n    // Reset when changing from \"none\" to \"stacked\" or \"layered\"\n    if (prevVariant === ThArrowVariant.none && variant !== ThArrowVariant.none) {\n      dispatch(setHasArrows(true));\n      dispatch(setUserNavigated(false));\n      return;\n    }\n\n    // Check for discard transitions (false -> true)\n    const shouldHide = \n      (discard?.includes(\"immersive\") && toImmersive) ||\n      (discard?.includes(\"fullscreen\") && toFullscreen) ||\n      (discard?.includes(\"navigation\") && toUserNavigation);\n\n    // Check for hint transitions (true -> false)\n    const shouldShow = \n      (hint?.includes(\"immersiveChange\") && fromImmersive) ||\n      (hint?.includes(\"fullscreenChange\") && fromFullscreen) ||\n      (hint?.includes(\"layoutChange\") && fromScroll);\n\n    if (shouldHide) {\n      dispatch(setHasArrows(false));\n      // Reset the navigation flag after handling the transition\n      if (discard?.includes(\"navigation\") && toUserNavigation) {\n        dispatch(setUserNavigated(false));\n      }\n    } else if (shouldShow) {\n      dispatch(setHasArrows(true));\n    }\n  }, [toImmersive, toFullscreen, toUserNavigation, fromImmersive, fromFullscreen, fromScroll, discard, hint, prevVariant, variant, prevDiscard, dispatch]);\n\n  // Early return for special cases\n  if (variant === ThArrowVariant.none || isScroll) {\n    return {\n      isVisible: false,\n      occupySpace: false,\n      shouldTrackNavigation: false,\n      supportsVariant: !isFXL\n    };\n  }\n\n  return {\n    isVisible: hasArrows,\n    occupySpace: variant === ThArrowVariant.stacked,\n    shouldTrackNavigation: Array.isArray(discard) && discard.includes(\"navigation\"),\n    supportsVariant: !isFXL\n  };\n};","\"use client\";\n\nimport React, { useEffect, useRef, useState } from \"react\";\n\nimport arrowStyles from \"./assets/styles/thorium-web.reader.paginatedArrow.module.css\";\nimport readerSharedUI from \"./assets/styles/thorium-web.button.module.css\";\n\nimport { ThNavigationButton, ThNavigationButtonProps } from \"@/core/Components/Buttons/ThNavigationButton\";\n\nimport { usePreferences } from \"@/preferences/hooks/usePreferences\";\nimport { useI18n } from \"@/i18n/useI18n\";\nimport { usePaginatedArrows } from \"@/hooks/usePaginatedArrows\";\n\nimport { useAppSelector } from \"@/lib/hooks\";\n\nimport { isActiveElement } from \"@/core/Helpers/focusUtilities\";\n\n\nimport classNames from \"classnames\";\n\nexport interface StatefulReaderArrowButtonProps extends ThNavigationButtonProps {\n  direction: \"left\" | \"right\";\n}\n\nexport const StatefulReaderArrowButton = ({\n  direction,\n  className,\n  isDisabled,\n  onPress,\n  ...props\n}: StatefulReaderArrowButtonProps) => {\n  const { preferences } = usePreferences();\n  const { t } = useI18n();\n  \n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const isRTL = useAppSelector(state => state.publication.isRTL);\n  const hasArrows = useAppSelector(state => state.reader.hasArrows);\n\n  const { \n    isVisible, \n    occupySpace \n  } = usePaginatedArrows();\n  \n  const [isHovering, setIsHovering] = useState(false);\n\n  const label = (\n    direction === \"right\" && !isRTL || \n    direction === \"left\" && isRTL\n  ) \n    ? t(\"reader.actions.goForward\") \n    : t(\"reader.actions.goBackward\");\n\n  const handleClassNameFromState = () => {\n    let className = \"\";\n    if (!isVisible) {\n      className = arrowStyles.visuallyHidden;\n    }\n    return className;\n  };\n\n  const handleClassNameFromSpaceProp = () => {\n    let className = \"\";\n    if (occupySpace) {\n      className = arrowStyles.occupiesSpace;\n    }\n    return className;\n  };\n\n  useEffect(() => {\n    if ((isDisabled || (!hasArrows && !isHovering)) && isActiveElement(buttonRef.current)) {\n      buttonRef.current!.blur();\n    }\n  });\n\n  const blurOnEsc = (event: React.KeyboardEvent) => {    \n    if (isActiveElement(buttonRef.current) && event.code === \"Escape\") {\n      buttonRef.current!.blur();\n    }\n  };\n\n  return (\n    <>\n    <ThNavigationButton \n      direction={ direction }\n      ref= { buttonRef }\n      aria-label={ label }\n      onPress={ onPress }\n      onHoverChange={ (isHovering: boolean) => setIsHovering(isHovering) } \n      onKeyDown={ blurOnEsc }\n      className={ classNames(className, handleClassNameFromSpaceProp(), handleClassNameFromState()) }\n      isDisabled={ isDisabled }\n      preventFocusOnPress={ true }\n      { ...props }\n      compounds={ {\n        tooltipTrigger: {\n          delay: preferences.theming.arrow.tooltipDelay,\n          closeDelay: preferences.theming.arrow.tooltipDelay\n        },\n        tooltip: {\n          placement: direction === \"left\" ? \"right\" : \"left\",\n          className: readerSharedUI.tooltip\n        },\n        label: label\n      } }\n    />\n    </>\n  )\n}","\"use client\";\n\nimport { useRef } from \"react\";\nimport { ThLayoutUI, ThTextAlignOptions, ThLineHeightOptions } from \"@/preferences/models\";\nimport { ThColorScheme } from \"@/core/Hooks/useColorScheme\";\nimport { LineLengthStateObject, FontFamilyStateObject } from \"@/lib/settingsReducer\";\nimport { Locator } from \"@readium/shared\";\nimport { useEpubSettingsCache, ReadiumCSSSettings } from \"@/core/Hooks/Epub/useEpubSettingsCache\";\n\nexport interface EPubStatelessCache {\n  layoutUI: ThLayoutUI;\n  isImmersive: boolean;\n  isHovering: boolean;\n  arrowsOccupySpace: boolean;\n  settings: ReadiumCSSSettings;\n  positionsList: Locator[];\n  colorScheme?: ThColorScheme;\n  reducedMotion?: boolean;\n}\n\nexport const useEpubStatelessCache = (\n  textAlign: ThTextAlignOptions | null,\n  columnCount: string,\n  fontFamily: FontFamilyStateObject,\n  fontSize: number,\n  fontWeight: number,\n  hyphens: boolean | null,\n  letterSpacing: number | null,\n  ligatures: boolean | null,\n  lineLength: LineLengthStateObject | null,\n  lineHeight: ThLineHeightOptions | null,\n  noRuby: boolean | null,\n  paragraphIndent: number | null,\n  paragraphSpacing: number | null,\n  publisherStyles: boolean,\n  scroll: boolean,\n  textNormalization: boolean,\n  wordSpacing: number | null,\n  theme: string | undefined,\n  positionsList: Locator[],\n  colorScheme: ThColorScheme,\n  reducedMotion: boolean,\n  layoutUI: ThLayoutUI,\n  isImmersive: boolean,\n  isHovering: boolean,\n  arrowsOccupySpace: boolean\n) => {\n  const settingsCache = useEpubSettingsCache(\n    textAlign,\n    columnCount,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    hyphens,\n    letterSpacing,\n    ligatures,\n    lineLength,\n    lineHeight,\n    noRuby,\n    paragraphIndent,\n    paragraphSpacing,\n    publisherStyles,\n    scroll,\n    textNormalization,\n    wordSpacing,\n    theme\n  );\n\n  const cache = useRef<EPubStatelessCache>({\n    layoutUI,\n    isImmersive,\n    isHovering,\n    arrowsOccupySpace: arrowsOccupySpace || false,\n    settings: settingsCache.current.settings,\n    positionsList: positionsList,\n    colorScheme,\n    reducedMotion,\n  });\n\n  // Update cache synchronously on every render to ensure fresh values\n  cache.current.layoutUI = layoutUI;\n  cache.current.isImmersive = isImmersive;\n  cache.current.isHovering = isHovering;\n  cache.current.arrowsOccupySpace = arrowsOccupySpace || false;\n  cache.current.settings = settingsCache.current.settings;\n  cache.current.positionsList = positionsList;\n  cache.current.colorScheme = colorScheme;\n  cache.current.reducedMotion = reducedMotion;\n\n  return cache;\n};\n","\"use client\";\n\nimport { useMemo } from \"react\";\n\nimport { IEpubPreferences, TextAlignment } from \"@readium/navigator\";\nimport { ThPreferences } from \"@/preferences\";\nimport { ThLineHeightOptions, ThLayoutUI, ThSettingsKeys } from \"@/preferences/models\";\nimport { FontMetadata } from \"@/preferences/services/fonts\";\nimport { ThColorScheme } from \"@/core/Hooks/useColorScheme\";\nimport { ReadiumCSSSettings } from \"@/core/Hooks/Epub/useEpubSettingsCache\";\nimport { useSettingsComponentStatus } from \"@/components/Settings/hooks/useSettingsComponentStatus\";\n\nimport { useAppSelector } from \"@/lib/hooks\";\n\nimport { buildThemeObject } from \"@/preferences/helpers/buildThemeObject\";\n\ninterface UseEpubPreferencesConfigProps {\n  isFXL: boolean;\n  settings: ReadiumCSSSettings;\n  colorScheme: ThColorScheme;\n  fontLanguage: string;\n  arrowsOccupySpace: boolean;\n  arrowsWidth: React.RefObject<number>;\n  preferences: ThPreferences;\n  getFontMetadata: (fontFamily: string) => FontMetadata;\n  lineHeightOptions: Record<ThLineHeightOptions, number | null>;\n  fxlThemeKeys: string[];\n  reflowThemeKeys: string[];\n}\n\nexport const useEpubPreferencesConfig = ({\n  isFXL,\n  settings,\n  colorScheme,\n  fontLanguage,\n  arrowsOccupySpace,\n  arrowsWidth,\n  preferences,\n  getFontMetadata,\n  lineHeightOptions,\n  fxlThemeKeys,\n  reflowThemeKeys,\n}: UseEpubPreferencesConfigProps) => {\n  const scriptMode = useAppSelector(state => state.publication.scriptMode);\n  const isVerticalScript = scriptMode === \"cjk-vertical\" || scriptMode === \"mongolian-vertical\";\n\n  const { isComponentUsed: isFontFamilyUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.fontFamily,\n    publicationType: isFXL ? \"fxl\" : \"reflow\",\n  });\n\n  const { isComponentUsed: isFontSizeUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.zoom,\n    publicationType: isFXL ? \"fxl\" : \"reflow\",\n  });\n\n  const { isComponentUsed: isFontWeightUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.fontWeight,\n    publicationType: isFXL ? \"fxl\" : \"reflow\",\n  });\n\n  const { isComponentUsed: isColumnsUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.columns,\n    publicationType: isFXL ? \"fxl\" : \"reflow\",\n  });\n\n  const { isComponentUsed: isLayoutUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.layout,\n    publicationType: isFXL ? \"fxl\" : \"reflow\",\n  });\n\n  const { isComponentUsed: isHyphensUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.hyphens,\n    publicationType: isFXL ? \"fxl\" : \"reflow\",\n  });\n\n  const { isComponentUsed: isLigaturesUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.ligatures,\n    publicationType: isFXL ? \"fxl\" : \"reflow\",\n  });\n\n  const { isComponentUsed: isNoRubyUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.noRuby,\n    publicationType: isFXL ? \"fxl\" : \"reflow\",\n  });\n\n  const { isComponentUsed: isLetterSpacingUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.letterSpacing,\n    publicationType: isFXL ? \"fxl\" : \"reflow\",\n  });\n\n  const { isComponentUsed: isLineHeightUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.lineHeight,\n    publicationType: isFXL ? \"fxl\" : \"reflow\",\n  });\n\n  const { isComponentUsed: isParagraphIndentUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.paragraphIndent,\n    publicationType: isFXL ? \"fxl\" : \"reflow\",\n  });\n\n  const { isComponentUsed: isParagraphSpacingUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.paragraphSpacing,\n    publicationType: isFXL ? \"fxl\" : \"reflow\",\n  });\n\n  const { isComponentUsed: isTextAlignUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.textAlign,\n    publicationType: isFXL ? \"fxl\" : \"reflow\",\n  });\n\n  const { isComponentUsed: isTextNormalizeUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.textNormalize,\n    publicationType: isFXL ? \"fxl\" : \"reflow\",\n  });\n\n  const { isComponentUsed: isWordSpacingUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.wordSpacing,\n    publicationType: isFXL ? \"fxl\" : \"reflow\",\n  });\n\n  const epubPreferences = useMemo(() => {\n    if (isFXL) return {};\n\n    const initialConstraint = arrowsOccupySpace ? arrowsWidth.current : 0;\n    const themeKeys = isFXL ? fxlThemeKeys : reflowThemeKeys;\n    const theme = settings.theme && themeKeys.includes(settings.theme) ? settings.theme : \"auto\";\n    const themeProps = buildThemeObject<string>({\n      theme: theme,\n      themeKeys: preferences.theming.themes.keys,\n      systemThemes: preferences.theming.themes.systemThemes,\n      colorScheme: colorScheme\n    });\n\n    return {\n      columnCount: !isColumnsUsed ? undefined : (settings.columnCount === \"auto\" ? null : Number(settings.columnCount)),\n      constraint: initialConstraint,\n      fontFamily: isFontFamilyUsed ? getFontMetadata(settings.fontFamily[fontLanguage] ?? \"\")?.fontStack || null : undefined,\n      fontSize: isFontSizeUsed ? settings.fontSize : undefined,\n      fontWeight: isFontWeightUsed ? settings.fontWeight : undefined,\n      ligatures: isLigaturesUsed ? settings.ligatures : undefined,\n      noRuby: isNoRubyUsed ? settings.noRuby : undefined,\n      letterSpacing: (!isLetterSpacingUsed || settings.publisherStyles) ? undefined : settings.letterSpacing,\n      lineHeight: (!isLineHeightUsed || settings.publisherStyles)\n        ? undefined\n        : settings.lineHeight === null\n          ? null\n          : lineHeightOptions[settings.lineHeight],\n      optimalLineLength: settings.lineLength?.optimal != null\n        ? settings.lineLength.optimal\n        : undefined,\n      maximalLineLength: settings.lineLength?.max?.isDisabled\n        ? null\n        : (settings.lineLength?.max?.chars != null)\n          ? settings.lineLength.max.chars\n          : undefined,\n      minimalLineLength: settings.lineLength?.min?.isDisabled\n        ? null\n        : (settings.lineLength?.min?.chars != null)\n          ? settings.lineLength.min.chars\n          : undefined,\n      paragraphIndent: (!isParagraphIndentUsed || settings.publisherStyles) ? undefined : settings.paragraphIndent,\n      paragraphSpacing: (!isParagraphSpacingUsed || settings.publisherStyles) ? undefined : settings.paragraphSpacing,\n      scroll: isVerticalScript ? true : (!isLayoutUsed ? undefined : settings.scroll),\n      textAlign: isTextAlignUsed ? settings.textAlign as unknown as TextAlignment | null | undefined : undefined,\n      hyphens: isHyphensUsed && settings.textAlign !== \"publisher\" ? settings.hyphens : undefined,\n      textNormalization: isTextNormalizeUsed ? settings.textNormalization : undefined,\n      wordSpacing: (!isWordSpacingUsed || settings.publisherStyles) ? undefined : settings.wordSpacing,\n      ...themeProps\n    } as IEpubPreferences;\n  }, [\n    isFXL,\n    arrowsOccupySpace,\n    arrowsWidth,\n    settings,\n    colorScheme,\n    fontLanguage,\n    preferences.theming.themes.keys,\n    preferences.theming.themes.systemThemes,\n    getFontMetadata,\n    lineHeightOptions,\n    fxlThemeKeys,\n    reflowThemeKeys,\n    isVerticalScript,\n    isFontFamilyUsed,\n    isFontSizeUsed,\n    isFontWeightUsed,\n    isColumnsUsed,\n    isLayoutUsed,\n    isHyphensUsed,\n    isLigaturesUsed,\n    isNoRubyUsed,\n    isLetterSpacingUsed,\n    isLineHeightUsed,\n    isParagraphIndentUsed,\n    isParagraphSpacingUsed,\n    isTextAlignUsed,\n    isTextNormalizeUsed,\n    isWordSpacingUsed,\n  ]);\n\n  const epubDefaults = useMemo(() => {\n    if (isFXL) return {};\n\n    return {\n      maximalLineLength: preferences.typography.maximalLineLength,\n      minimalLineLength: preferences.typography.minimalLineLength,\n      optimalLineLength: preferences.typography.optimalLineLength,\n      pageGutter: preferences.typography.pageGutter,\n      scrollPaddingTop: preferences.theming.layout.ui?.reflow === ThLayoutUI.layered \n        ? (preferences.theming.icon.size || 24) * 3 \n        : (preferences.theming.icon.size || 24),\n      scrollPaddingBottom: preferences.theming.layout.ui?.reflow === ThLayoutUI.layered\n        ? (preferences.theming.icon.size || 24) * (isVerticalScript ? 3 : 5)\n        : (preferences.theming.icon.size || 24),\n      scrollPaddingLeft: preferences.typography.pageGutter,\n      scrollPaddingRight: preferences.typography.pageGutter,\n      experiments: preferences.experiments?.reflow || null\n    };\n  }, [isFXL, preferences, isVerticalScript]);\n\n  return { epubPreferences, epubDefaults };\n};\n","\"use client\";\n\nimport { useMemo } from \"react\";\n\nimport { IInjectablesConfig, ILinkInjectable, IBlobInjectable } from \"@readium/navigator\";\nimport { InjectableFontResources } from \"@/preferences/services/fonts\";\n\ninterface UseEpubInjectablesConfigProps {\n  isFXL: boolean;\n  isFontFamilyUsed: boolean;\n  fontLanguage: string;\n  getFontInjectables: (options?: { language?: string } | { key?: string }, optimize?: boolean) => InjectableFontResources | null;\n  getAndroidFXLPatch: () => (ILinkInjectable & IBlobInjectable) | null;\n}\n\nexport const useEpubInjectablesConfig = ({\n  isFXL,\n  isFontFamilyUsed,\n  fontLanguage,\n  getFontInjectables,\n  getAndroidFXLPatch,\n}: UseEpubInjectablesConfigProps) => {\n  const injectables = useMemo(() => {\n    let injectablesConfig: IInjectablesConfig | undefined;\n\n    if (isFXL) {\n      const androidPatch = getAndroidFXLPatch();\n      if (androidPatch) {\n        injectablesConfig = {\n          allowedDomains: [window.location.origin],\n          rules: [{\n            resources: [/\\.xhtml$/, /\\.html$/],\n            prepend: [androidPatch]\n          }]\n        };\n      }\n    }\n\n    if (!isFXL && 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  }, [isFXL, isFontFamilyUsed, fontLanguage, getFontInjectables, getAndroidFXLPatch]);\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 { EpubNavigatorListeners, IContentProtectionConfig, ILinkInjectable, IBlobInjectable } from \"@readium/navigator\";\nimport { ThPreferences } from \"@/preferences\";\nimport { FontMetadata, InjectableFontResources } from \"@/preferences/services/fonts\";\n\nimport { EPubStatelessCache } from \"./useEpubStatelessCache\";\nimport { useEpubPreferencesConfig } from \"./usePreferencesConfig\";\nimport { useEpubInjectablesConfig } from \"./useInjectablesConfig\";\nimport { useEpubNavigator, EpubNavigatorLoadProps } from \"@/core/Hooks/Epub/useEpubNavigator\";\n\ninterface UseEpubReaderInitProps {\n  container: React.RefObject<HTMLDivElement | null>;\n  publication: Publication | null;\n  positionsList?: Locator[];\n  initialPosition: Locator | null;\n  listeners: EpubNavigatorListeners;\n  preferences: ThPreferences;\n  cache: React.RefObject<EPubStatelessCache>;\n  isFontFamilyUsed: boolean;\n  fontLanguage: string;\n  getFontMetadata: (fontId: string) => FontMetadata;\n  injectFontResources: (resources: InjectableFontResources | null) => void;\n  removeFontResources: () => void;\n  getAndroidFXLPatch: () => (ILinkInjectable & IBlobInjectable) | null;\n  getFontInjectables: (options?: { language?: string } | { key?: string }, optimize?: boolean) => InjectableFontResources | null;\n  fxlThemeKeys: string[];\n  reflowThemeKeys: string[];\n  lineHeightOptions: Record<ThLineHeightOptions, number | null>;\n  arrowsOccupySpace: boolean;\n  arrowsWidth: React.RefObject<number>;\n  colorScheme: any;\n  isFXL: boolean;\n  contentProtectionConfig?: IContentProtectionConfig;\n  onNavigatorReady?: () => void;\n  onNavigatorLoaded?: () => void;\n  onCleanup?: () => void;\n  fxlProgressionCallback?: (locator: Locator) => void;\n}\n\nexport const useEpubReaderInit = ({\n  container,\n  publication,\n  positionsList,\n  initialPosition,\n  listeners,\n  preferences,\n  cache,\n  isFontFamilyUsed,\n  fontLanguage,\n  getFontMetadata,\n  injectFontResources,\n  removeFontResources,\n  getAndroidFXLPatch,\n  getFontInjectables,\n  fxlThemeKeys,\n  reflowThemeKeys,\n  lineHeightOptions,\n  arrowsOccupySpace,\n  arrowsWidth,\n  colorScheme,\n  isFXL,\n  contentProtectionConfig,\n  onNavigatorReady,\n  onNavigatorLoaded,\n  onCleanup,\n  fxlProgressionCallback,\n}: UseEpubReaderInitProps) => {\n  const [navigatorReady, setNavigatorReady] = useState(false);\n\n  const { epubPreferences, epubDefaults } = useEpubPreferencesConfig({\n    isFXL,\n    settings: cache.current.settings,\n    colorScheme,\n    fontLanguage,\n    arrowsOccupySpace,\n    arrowsWidth,\n    preferences,\n    getFontMetadata,\n    lineHeightOptions,\n    fxlThemeKeys,\n    reflowThemeKeys,\n  });\n\n  const { injectables } = useEpubInjectablesConfig({\n    isFXL,\n    isFontFamilyUsed,\n    fontLanguage,\n    getFontInjectables,\n    getAndroidFXLPatch,\n  });\n\n  const handleCleanup = useCallback(() => {\n    if (!isFXL) removeFontResources();\n    onCleanup?.();\n  }, [isFXL, removeFontResources, onCleanup]);\n\n  const { EpubNavigatorLoad, EpubNavigatorDestroy } = useEpubNavigator();\n  const isNavigatorLoadedEpub = useRef(false);\n  \n  useEffect(() => {\n    // Only initialize once, never re-render\n    if (!publication || isNavigatorLoadedEpub.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    // Initialize navigator for EPUB like WebPub\n    const config: EpubNavigatorLoadProps = {\n      container: container.current,\n      publication,\n      listeners,\n      positionsList: positionsList?.map(loc => new Locator(loc)) || [],\n      initialPosition: initialPosition ? new Locator(initialPosition) : undefined,\n      preferences: epubPreferences,\n      defaults: epubDefaults,\n      injectables: injectables || undefined,\n      contentProtection: contentProtectionConfig,\n    };\n\n    isNavigatorLoadedEpub.current = true;\n    \n    // Call onNavigatorReady outside of navigator load\n    onNavigatorReady?.();\n    \n    // Pass onNavigatorLoaded as the callback to EpubNavigatorLoad\n    EpubNavigatorLoad(config, () => {\n      // Set navigatorReady to true only after navigator actually loads\n      setNavigatorReady(true);\n      onNavigatorLoaded?.();\n    }, fxlProgressionCallback);\n\n    return () => {\n      if (isNavigatorLoadedEpub.current) {\n        setNavigatorReady(false);\n        EpubNavigatorDestroy(() => {\n          isNavigatorLoadedEpub.current = false;\n          handleCleanup();\n        });\n      }\n    };\n  }, []);\n\n  // Handle font resource injection\n  useEffect(() => {\n    if (!isFXL && isFontFamilyUsed) {\n      const fontResources = getFontInjectables({ language: fontLanguage });\n      if (fontResources) {\n        injectFontResources(fontResources);\n      }\n    }\n  }, [isFXL, isFontFamilyUsed, fontLanguage, injectFontResources, getFontInjectables]);\n\n  return {\n    navigatorReady,\n    isFXL,\n  };\n};\n","\"use client\";\n\nimport { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from \"react\";\n\nimport {\n  ThemeKeyType,\n  useFilteredPreferenceKeys\n} from \"../../preferences\";\n\nimport readerStyles from \"../assets/styles/thorium-web.reader.app.module.css\";\nimport arrowStyles from \"../assets/styles/thorium-web.reader.paginatedArrow.module.css\";\n\nimport {\n  ThActionsKeys,\n  ThLayoutDirection,\n  ThLayoutUI,\n  ThDocumentTitleFormat,\n  ThSpacingSettingsKeys,\n  ThProgressionFormat,\n  ThSettingsKeys\n} from \"../../preferences/models\";\n\nimport { ThPluginRegistry } from \"../Plugins/PluginRegistry\";\n\nimport { useLocale } 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 { \n  EpubNavigatorListeners, \n  FrameManager, \n  FXLFrameManager\n} from \"@readium/navigator\";\nimport { \n  Locator, \n  Publication, \n  Layout\n} from \"@readium/shared\";\n\nimport { StatefulDockingWrapper } from \"../Docking/StatefulDockingWrapper\";\nimport { StatefulReaderHeader } from \"../StatefulReaderHeader\";\nimport { StatefulReaderArrowButton } from \"../StatefulReaderArrowButton\";\nimport { StatefulReaderFooter } from \"../StatefulReaderFooter\";\nimport { PositionStorage, StatefulReaderProps } from \"../Reader/StatefulReaderWrapper\";\n\nimport { usePreferences } from \"@/preferences/hooks/usePreferences\";\nimport { useSettingsComponentStatus } from \"@/components/Settings/hooks/useSettingsComponentStatus\";\nimport { useEpubStatelessCache } from \"./Hooks/useEpubStatelessCache\";\nimport { useEpubReaderInit } from \"./Hooks/useReaderInit\";\nimport { useEpubNavigator } from \"@/core/Hooks/Epub/useEpubNavigator\";\nimport { useFullscreen } from \"@/core/Hooks/useFullscreen\";\nimport { usePrevious } from \"@/core/Hooks/usePrevious\";\nimport { useI18n } from \"@/i18n/useI18n\";\nimport { useTimeline } from \"@/core/Hooks/useTimeline\";\nimport { useIsScroll, usePositionStorage } from \"@/hooks\";\nimport { useDocumentTitle } from \"@/core/Hooks/useDocumentTitle\";\nimport { useSpacingPresets } from \"../Settings/Spacing/hooks/useSpacingPresets\";\nimport { useLineHeight } from \"../Settings/Spacing/hooks/useLineHeight\";\nimport { usePaginatedArrows } from \"@/hooks/usePaginatedArrows\";\nimport { useFonts } from \"@/core/Hooks/fonts/useFonts\";\n\nimport { toggleActionOpen } from \"@/lib/actionsReducer\";\nimport { useAppSelector, useAppDispatch, useAppStore } from \"@/lib/hooks\";\n\nimport { \n  setTheme \n} from \"@/lib/themeReducer\";\nimport { \n  setImmersive, \n  setLoading,\n  setHovering, \n  toggleImmersive, \n  setPlatformModifier, \n  setDirection, \n  setFullscreen,\n  setScrollAffordance,\n  setUserNavigated\n} from \"@/lib/readerReducer\";\nimport { \n  setTimeline,\n  setPublicationStart,\n  setPublicationEnd\n} from \"@/lib/publicationReducer\";\n\nimport classNames from \"classnames\";\nimport debounce from \"debounce\";\nimport { buildThemeObject } from \"@/preferences/helpers/buildThemeObject\";\nimport { createDefaultPlugin } from \"../Plugins/helpers/createDefaultPlugin\";\nimport Peripherals from \"../../helpers/peripherals\";\nimport { getPlatformModifier } from \"@/core/Helpers/keyboardUtilities\";\nimport { getReaderClassNames } from \"../Helpers/getReaderClassNames\";\nimport { resolveContentProtectionConfig } from \"@/preferences/models/protection\";\n\n// We need to register plugins before hooks run\n// otherwise we can’t access the values of spacing presets\n// when the component is effectively mounted as we check\n// if the component is registered and displayed from prefs\nexport const StatefulReader = ({\n  publication,\n  localDataKey,\n  plugins,\n  positionStorage,\n  containerRefSetter\n}: StatefulReaderProps) => {\n  const [pluginsRegistered, setPluginsRegistered] = useState(false);\n\n  useLayoutEffect(() => {\n    if (plugins && plugins.length > 0) {\n      plugins.forEach(plugin => {\n        ThPluginRegistry.register(plugin);\n      });\n    } else {\n      ThPluginRegistry.register(createDefaultPlugin());\n    }\n    setPluginsRegistered(true);\n  }, [plugins]);\n\n  if (!pluginsRegistered) {\n    return null;\n  }\n\n  return (\n    <>\n      <ThPluginProvider>\n        <StatefulReaderInner publication={ publication } localDataKey={ localDataKey } positionStorage={ positionStorage } containerRefSetter={ containerRefSetter } />\n      </ThPluginProvider>\n    </>\n  );\n};\n\nconst StatefulReaderInner = ({ publication, localDataKey, positionStorage, containerRefSetter }: { publication: Publication; localDataKey: string | null; positionStorage?: PositionStorage; containerRefSetter?: (el: Element | null) => void }) => {\n  const { fxlActionKeys, fxlThemeKeys, reflowActionKeys, reflowThemeKeys } = useFilteredPreferenceKeys();\n  const { preferences, getFontMetadata, getFontInjectables } = usePreferences();\n  const { direction: uiDirection } = useLocale();\n  const { t } = useI18n();\n  const { getEffectiveSpacingValue } = useSpacingPresets();\n  const { occupySpace: arrowsOccupySpace } = usePaginatedArrows();\n  const { injectFontResources, removeFontResources, getAndroidFXLPatch } = useFonts();\n  \n  const container = useRef<HTMLDivElement>(null);\n  const arrowsWidth = useRef(2 * ((preferences.theming.arrow.size || 40) + (preferences.theming.arrow.offset || 0)));\n\n  const isFXL = useAppSelector(state => state.publication.isFXL);\n  const isRTL = useAppSelector(state => state.publication.isRTL);\n  const positionsList = useAppSelector(state => state.publication.positionsList);\n  const fontLanguage = useAppSelector(state => state.publication.fontLanguage);\n\n  // Check if font family component is being used\n  const { isComponentUsed: isFontFamilyUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.fontFamily,\n    publicationType: isFXL ? \"fxl\" : \"reflow\",\n  });\n\n  const textAlign = useAppSelector(state => state.settings.textAlign);\n  const columnCount = useAppSelector(state => state.settings.columnCount);\n  const fontFamily = useAppSelector(state => state.settings.fontFamily);\n  const fontSize = useAppSelector(state => state.settings.fontSize);\n  const fontWeight = useAppSelector(state => state.settings.fontWeight);\n  const hyphens = useAppSelector(state => state.settings.hyphens);\n  const ligatures = useAppSelector(state => state.settings.ligatures);\n  const noRuby = useAppSelector(state => state.settings.noRuby);\n  const letterSpacing = getEffectiveSpacingValue(ThSpacingSettingsKeys.letterSpacing);\n  const lineLength = useAppSelector(state => state.settings.lineLength);\n  const lineHeight = getEffectiveSpacingValue(ThSpacingSettingsKeys.lineHeight);\n  const paragraphIndent = getEffectiveSpacingValue(ThSpacingSettingsKeys.paragraphIndent);\n  const paragraphSpacing = getEffectiveSpacingValue(ThSpacingSettingsKeys.paragraphSpacing);\n  const publisherStyles = useAppSelector(state => state.settings.publisherStyles);\n  const isScroll = useIsScroll();\n  const textNormalization = useAppSelector(state => state.settings.textNormalization);\n  const wordSpacing = getEffectiveSpacingValue(ThSpacingSettingsKeys.wordSpacing);\n  const themeObject = useAppSelector(state => state.theming.theme);\n  const theme = isFXL ? themeObject.fxl : themeObject.reflow;\n  const previousTheme = usePrevious(theme);\n  const colorScheme = useAppSelector(state => state.theming.colorScheme);\n  const reducedMotion = useAppSelector(state => state.theming.prefersReducedMotion);\n\n  const breakpoint = useAppSelector(state => state.theming.breakpoint);\n  const containerBreakpoint = useAppSelector(state => state.theming.containerBreakpoint);\n  \n  const isImmersive = useAppSelector(state => state.reader.isImmersive);\n  const isHovering = useAppSelector(state => state.reader.isHovering);\n\n  const layoutUI = isFXL \n    ? preferences.theming.layout.ui?.fxl || ThLayoutUI.layered \n    : isScroll \n      ? preferences.theming.layout.ui?.reflow || ThLayoutUI.layered\n      : ThLayoutUI.stacked;\n\n  const cache = useEpubStatelessCache(\n    textAlign,\n    columnCount,\n    fontFamily,\n    fontSize,\n    fontWeight,\n    hyphens,\n    letterSpacing,\n    ligatures,\n    lineLength,\n    lineHeight,\n    noRuby,\n    paragraphIndent,\n    paragraphSpacing,\n    publisherStyles,\n    isScroll,\n    textNormalization,\n    wordSpacing,\n    theme,\n    positionsList,\n    colorScheme,\n    reducedMotion,\n    layoutUI,\n    isImmersive,\n    isHovering,\n    arrowsOccupySpace\n  );\n\n  const atPublicationStart = useAppSelector(state => state.publication.atPublicationStart);\n  const atPublicationEnd = useAppSelector(state => state.publication.atPublicationEnd);\n\n  const dispatch = useAppDispatch();\n\n  useEffect(() => {\n    // Reset top bar visibility and last position\n    dispatch(setImmersive(false));\n  }, [isScroll, dispatch]);\n\n  const onFsChange = useCallback((isFullscreen: boolean) => {\n    dispatch(setFullscreen(isFullscreen));\n  }, [dispatch]);\n  const fs = useFullscreen(onFsChange);\n\n  const epubNavigator = useEpubNavigator();\n  const { \n    goLeft, \n    goRight, \n    goBackward, \n    goForward,  \n    navLayout,\n    currentLocator,\n    currentPositions,\n    canGoBackward,\n    canGoForward,\n    isScrollStart,\n    isScrollEnd,\n    getCframes,\n    submitPreferences\n  } = epubNavigator;\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: positionsList,\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 activateImmersiveOnAction = useCallback(() => {\n    if (!cache.current.isImmersive) dispatch(setImmersive(true));\n  }, [cache, dispatch]);\n\n  const toggleIsImmersive = useCallback(() => {\n    // If tap/click in iframe, then header/footer no longer hovering \n    dispatch(setHovering(false));\n    dispatch(toggleImmersive());\n  }, [dispatch]);\n\n  // Warning: this is using navigator’s internal methods that will become private, do not rely on them\n  // See https://github.com/edrlab/thorium-web/issues/25\n  const handleTap = useCallback((event: FrameClickEvent) => {\n    const _cframes = getCframes();\n    if (_cframes) {\n      if (!cache.current.settings.scroll) {\n        const oneQuarter = ((_cframes.length === 2 ? _cframes[0]!.window.innerWidth + _cframes[1]!.window.innerWidth : _cframes![0]!.window.innerWidth) * window.devicePixelRatio) / 4;\n        \n        const navigationCallback = () => {\n          dispatch(setUserNavigated(true));\n          activateImmersiveOnAction();\n        };\n    \n        if (event.x < oneQuarter) {\n          goLeft(!cache.current.reducedMotion, navigationCallback);\n        } \n        else if (event.x > oneQuarter * 3) {\n          goRight(!cache.current.reducedMotion, navigationCallback);\n        } else if (oneQuarter <= event.x && event.x <= oneQuarter * 3) {\n          toggleIsImmersive();\n        }\n      } else {\n        if (preferences.affordances.scroll.toggleOnMiddlePointer.includes(\"tap\")) {\n          toggleIsImmersive();\n        }\n      }\n    }\n  }, [getCframes, cache, preferences.affordances.scroll, goLeft, goRight, dispatch, activateImmersiveOnAction, toggleIsImmersive]);\n\n  const handleClick = useCallback((_event: FrameClickEvent) => {\n    if (\n      cache.current.layoutUI === ThLayoutUI.layered &&\n      ( !cache.current.settings.scroll ||\n        preferences.affordances.scroll.toggleOnMiddlePointer.includes(\"click\") )\n      ) {\n        toggleIsImmersive();\n      }\n  }, [cache, preferences.affordances.scroll, toggleIsImmersive]);\n\n  // We could use canGoBackward() and canGoForward() directly on arrows\n  // but maybe we will need to sync the state for other features in the future\n  const updatePublicationNavigationState = useCallback(() => {\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  }, [canGoBackward, canGoForward, dispatch]);\n\n  // We need this as a workaround due to positionChanged being unreliable\n  // in FXL – if the frame is in the pool hidden and is shown again,\n  // positionChanged won’t fire.\n  const handleFXLProgression = useCallback((locator: Locator) => {\n    setLocalData(locator);\n    updatePublicationNavigationState();\n  }, [setLocalData, updatePublicationNavigationState]);\n\n  const initReadingEnv = useCallback(async () => {\n    if (navLayout() === Layout.fixed) {\n      // [TMP] Working around positionChanged not firing consistently for FXL\n      // Init'ing so that progression can be populated on first spread loaded\n      const cLoc = currentLocator();\n      if (cLoc) {\n        handleFXLProgression(cLoc);\n      };\n    }\n  }, [navLayout, currentLocator, handleFXLProgression]);\n\n  const appStore = useAppStore();\n\n  const p = useMemo(() => new Peripherals(appStore, preferences.actions, {\n    moveTo: (direction) => {\n      const navigationCallback = () => {\n        dispatch(setUserNavigated(true));\n        activateImmersiveOnAction();\n      };\n\n      switch(direction) {\n        case \"right\":\n          if (!cache.current.settings.scroll) {\n            goRight(!cache.current.reducedMotion, navigationCallback);\n          }\n          break;\n        case \"left\":\n          if (!cache.current.settings.scroll) {\n            goLeft(!cache.current.reducedMotion, navigationCallback);\n          }\n          break;\n        case \"up\":\n        case \"home\":\n          // Home should probably go to first column/page of chapter in reflow?\n          break;\n        case \"down\":\n        case \"end\":\n          // End should probably go to last column/page of chapter in reflow?\n          break;\n        default:\n          break;\n      }\n    },\n    goProgression: (shiftKey) => {\n      if (!cache.current.settings?.scroll) {\n        const callback = () => {\n          dispatch(setUserNavigated(true));\n          activateImmersiveOnAction();\n        };\n        shiftKey \n          ? goBackward(!cache.current.reducedMotion, callback)\n          : goForward(!cache.current.reducedMotion, callback);\n      }\n    },\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            profile: \"epub\"\n          }))\n          break;\n      //  case ThActionsKeys.jumpToPosition:\n        default:\n          break\n      }\n    }\n  }), [appStore, preferences.actions, dispatch, activateImmersiveOnAction, cache, goRight, goLeft, goBackward, goForward, fs]);\n\n  const listeners: EpubNavigatorListeners = useMemo(() => ({\n    frameLoaded: async function (_wnd: Window): Promise<void> {\n      await initReadingEnv();\n      // Warning: this is using navigator's internal methods that will become private, do not rely on them\n      // See https://github.com/edrlab/thorium-web/issues/25\n      const _cframes = getCframes();\n      _cframes?.forEach(\n        (frameManager: FrameManager | FXLFrameManager | undefined) => {\n          if (frameManager) p.observe(frameManager.window);\n        }\n      );\n      p.observe(window);\n    },\n    positionChanged: async function (locator: Locator): Promise<void> {\n      if (navLayout() !== Layout.fixed) {\n        const debouncedHandleProgression = debounce(\n          async () => {\n            setLocalData(locator);\n            updatePublicationNavigationState();\n          }, 250);\n        debouncedHandleProgression();\n      }\n    },\n    tap: function (_e: FrameClickEvent): boolean {\n      handleTap(_e);\n      return true;\n    },\n    click: function (_e: FrameClickEvent): boolean {\n      handleClick(_e);\n      return true;\n    },\n    zoom: function (_scale: number): void {},\n    miscPointer: function (_amount: number): void {},\n    scroll: function (_delta: number): void {\n      if (\n        cache.current.settings.scroll && \n        navLayout() !== Layout.fixed\n      ) {        \n        if (isScrollStart() || isScrollEnd()) {\n          if (\n            // Keep consistent with pagination behavior\n            cache.current.layoutUI === ThLayoutUI.layered\n          ) {\n            dispatch(setScrollAffordance(true));\n          }\n        } else if (!cache.current.isImmersive && _delta > 20) {\n          if (preferences.affordances.scroll.hideOnForwardScroll) {\n            dispatch(setImmersive(true));\n          }\n        } else if (cache.current.isImmersive && _delta < -20) {\n          if (\n            // Keep consistent with pagination behavior\n            cache.current.layoutUI === ThLayoutUI.layered && \n            preferences.affordances.scroll.showOnBackwardScroll\n          ) {\n            dispatch(setImmersive(false));\n          }\n        }\n      }\n    },\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, initReadingEnv, getCframes, navLayout, setLocalData, dispatch, handleTap, handleClick, cache, preferences.affordances.scroll, isScrollStart, isScrollEnd, updatePublicationNavigationState]);\n  \n  const initialPosition = useMemo(() => getLocalData(), [getLocalData]);\n\n  // Initialize reader using the new composite hook\n  const { navigatorReady } = useEpubReaderInit({\n    container,\n    publication,\n    positionsList,\n    initialPosition,\n    listeners,\n    preferences,\n    cache,\n    isFontFamilyUsed,\n    fontLanguage,\n    getFontMetadata,\n    injectFontResources,\n    removeFontResources,\n    getAndroidFXLPatch,\n    getFontInjectables,\n    fxlThemeKeys,\n    reflowThemeKeys,\n    lineHeightOptions,\n    arrowsOccupySpace,\n    arrowsWidth,\n    colorScheme,\n    isFXL,\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    fxlProgressionCallback: handleFXLProgression\n  });\n\n  const applyConstraint = useCallback(async (value: number) => {\n    await submitPreferences({\n      constraint: value\n    })\n  }, [submitPreferences]);\n\n  useLayoutEffect(() => {\n    if (!navigatorReady) return;\n\n    applyConstraint(arrowsOccupySpace ? arrowsWidth.current : 0)\n      .catch(console.error);\n  }, [arrowsOccupySpace, applyConstraint, navigatorReady]);\n\n  // Theme can also change on colorScheme change so\n  // we have to handle this side-effect but we can’t\n  // from the ReadingDisplayTheme component since it\n  // would have to be mounted for this to work\n  useLayoutEffect(() => {\n    if (!navigatorReady) return;\n\n    if (cache.current.colorScheme !== colorScheme) {\n      cache.current.colorScheme = colorScheme;\n    }\n\n    const theme = isFXL ? (themeObject.fxl ?? \"auto\") : (themeObject.reflow ?? \"auto\");\n\n    // Protecting against re-applying on theme change\n    if (theme !== \"auto\" && previousTheme !== theme) return;\n\n    const applyCurrentTheme = async () => {\n      const themeKeys = isFXL ? fxlThemeKeys : reflowThemeKeys;\n      const themeKey = themeKeys.includes(theme as any) ? theme : \"auto\";\n      const themeProps = buildThemeObject<ThemeKeyType>({\n        theme: themeKey,\n        themeKeys: preferences.theming.themes.keys,\n        systemThemes: preferences.theming.themes.systemThemes,\n        colorScheme\n      });\n      await submitPreferences(themeProps);\n      dispatch(setTheme({ \n        key: isFXL ? \"fxl\" : \"reflow\", \n        value: themeKey \n      }));\n    };\n\n    applyCurrentTheme()\n      .catch(console.error);\n  }, [cache, themeObject, previousTheme, preferences.theming.themes, fxlThemeKeys, reflowThemeKeys, colorScheme, isFXL, submitPreferences, dispatch, navigatorReady]);\n\n  useLayoutEffect(() => {\n    dispatch(setDirection(uiDirection as ThLayoutDirection));\n    dispatch(setPlatformModifier(getPlatformModifier()));\n  }, [uiDirection, dispatch]);\n\n  return (\n    <>\n    <NavigatorProvider visualNavigator={ epubNavigator }>\n      <main className={ readerStyles.main }>\n        <StatefulDockingWrapper>\n          <div\n            ref={ containerRefSetter }\n            className={\n              getReaderClassNames({\n                isScroll,\n                isImmersive,\n                isHovering,\n                isFXL,\n                layoutUI,\n                breakpoint,\n                containerBreakpoint\n              })\n            }\n          >\n            <StatefulReaderHeader \n              actionKeys={ isFXL ? fxlActionKeys : reflowActionKeys }\n              actionsOrder={ isFXL ? preferences.actions.fxlOrder : preferences.actions.reflowOrder }\n              layout={ layoutUI }\n              runningHeadFormatPref={\n                isFXL \n                  ? preferences.theming.header?.runningHead?.format?.fxl \n                  : preferences.theming.header?.runningHead?.format?.reflow\n              } \n            />\n\n          { !isScroll \n            ? <nav className={ classNames(arrowStyles.container, arrowStyles.leftContainer) }>\n                <StatefulReaderArrowButton \n                  direction=\"left\" \n                  isDisabled={ isRTL ? atPublicationEnd : atPublicationStart } \n                  onPress={ () => {\n                    const navigationCallback = () => {\n                      dispatch(setUserNavigated(true));\n                      activateImmersiveOnAction();\n                    };\n                    goLeft(!reducedMotion, navigationCallback);\n                  }}\n                />\n            </nav> \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          { !isScroll \n            ? <nav className={ classNames(arrowStyles.container, arrowStyles.rightContainer) }>\n                <StatefulReaderArrowButton \n                  direction=\"right\" \n                  isDisabled={ isRTL ? atPublicationStart : atPublicationEnd } \n                  onPress={ () => {\n                    const navigationCallback = () => {\n                      dispatch(setUserNavigated(true));\n                      activateImmersiveOnAction();\n                    };\n                    goRight(!reducedMotion, navigationCallback);\n                  }}\n                />\n              </nav> \n            : <></> }\n\n          <StatefulReaderFooter \n            layout={ layoutUI } \n            progressionFormatPref={\n              isFXL \n                ? preferences.theming.progression?.format?.fxl \n                : preferences.theming.progression?.format?.reflow\n            }\n            progressionFormatFallback={\n              isFXL \n                ? ThProgressionFormat.readingOrderIndex\n                : ThProgressionFormat.resourceProgression\n            }\n          />\n        </div>\n      </StatefulDockingWrapper>\n    </main>\n  </NavigatorProvider>\n  </>\n)};"]}

package/dist/{chunk-IVXRCKWR.mjs → chunk-WF2UOYO7.mjs}

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

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

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