@edrlab/thorium-web 1.4.0 → 1.4.1

package/dist/{chunk-XRFLDNAY.mjs → chunk-OD75GC5N.mjs}

@@ -3,7 +3,7 @@ import { useBreakpoints, useForcedColors, useMonochrome, useReducedMotion, useRe
 import { ThGlobalPreferencesContext } from './chunk-AE6P4KJB.mjs';
 import { useAppSelector } from './chunk-A575ZW4A.mjs';
 import { useColorScheme, useContrast } from './chunk-NQ2ZSGCX.mjs';
-import { isSupportedLocale, supportedLocales } from './chunk-B3WDMWCT.mjs';
+import { isSupportedLocale, supportedLocales } from './chunk-GNROODJB.mjs';
 import { createContext, useMemo, useState, useCallback, useEffect, useContext, useRef } from 'react';
 import { I18nProvider, useLocale } from 'react-aria';
 import { jsx } from 'react/jsx-runtime';
@@ -1974,13 +1974,7 @@ var defaultPreferences = createPreferences({
       "toc" /* toc */,
       "fullscreen" /* fullscreen */
     ],
-    collapse: {
-      // Number of partially icons to display
-      // value "all" a keyword for the length of displayOrder above
-      // Icons with visibility always are excluded from collapsing
-      ["compact" /* compact */]: 2,
-      ["medium" /* medium */]: 3
-    },
+    collapse: true,
     keys: {
       ["settings" /* settings */]: defaultSettingsAction,
       ["fullscreen" /* fullscreen */]: defaultFullscreenAction,
@@ -3759,6 +3753,49 @@ var proxyUrl = (url) => {
   }
   return url;
 };
+var initRanges = (prefs) => {
+  const ranges = {};
+  let prev = null;
+  Object.entries(prefs).forEach(([key, value]) => {
+    if (value && !isNaN(value)) {
+      const max = value;
+      const min = prev ? prev + 1 : null;
+      ranges[key] = { min, max };
+      prev = value;
+    } else if (!value && key === "xLarge" /* xLarge */ && prev) {
+      ranges[key] = { min: prev + 1, max: null };
+    }
+  });
+  return ranges;
+};
+var resolveBreakpoint = (width, ranges) => {
+  for (const [key, range] of Object.entries(ranges)) {
+    const { min, max } = range;
+    if (min !== null && width < min) continue;
+    if (max !== null && width > max) continue;
+    return key;
+  }
+  return null;
+};
+var useContainerBreakpoints = (map, onChange) => {
+  const [containerEl, setContainerEl] = useState(null);
+  useEffect(() => {
+    if (!containerEl) return;
+    const ranges = initRanges(map);
+    const observer = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (!entry) return;
+      const width = entry.contentRect.width;
+      const breakpoint = resolveBreakpoint(width, ranges);
+      onChange?.(breakpoint);
+    });
+    observer.observe(containerEl);
+    return () => observer.disconnect();
+  }, [containerEl, map, onChange]);
+  return useCallback((el) => {
+    setContainerEl(el);
+  }, []);
+};
 
 // src/preferences/hooks/useTheming.ts
 var useTheming = ({
@@ -3776,11 +3813,13 @@ var useTheming = ({
   onMonochromeChange,
   onReducedMotionChange,
   onReducedTransparencyChange,
-  onCoverThemeGenerated
+  onCoverThemeGenerated,
+  onContainerBreakpointChange
 }) => {
   const [coverThemeTokens, setCoverThemeTokens] = useState(null);
   const [coverThemeFailed, setCoverThemeFailed] = useState(false);
   const breakpoints = useBreakpoints(breakpointsMap, onBreakpointChange);
+  const setContainerRef = useContainerBreakpoints(breakpointsMap, onContainerBreakpointChange);
   const colorScheme = useColorScheme(onColorSchemeChange);
   const colorSchemeRef = useRef(colorScheme);
   const contrast = useContrast(onContrastChange);
@@ -3878,7 +3917,8 @@ var useTheming = ({
     reducedMotion,
     reducedTransparency,
     coverThemeTokens,
-    themeResolved
+    themeResolved,
+    setContainerRef
   };
 };
 var useSharedPreferences = () => {
@@ -3909,5 +3949,5 @@ var useSharedPreferences = () => {
 };
 
 export { ThActionsKeys, ThAudioActionKeys, ThAudioAffordance, ThAudioKeys, ThAudioMemoryPreferencesAdapter, ThAudioPreferencesContext, ThAudioPreferencesProvider, ThDockingKeys, ThDockingTypes, ThGlobalMemoryPreferencesAdapter, ThGlobalPreferencesProvider, ThLayoutOptions, ThLineHeightOptions, ThMemoryPreferencesAdapter, ThPreferencesContext, ThPreferencesProvider, ThSettingsContainerKeys, ThSettingsKeys, ThSettingsRangePlaceholder, ThSettingsRangeVariant, ThSettingsTimerVariant, ThSheetHeaderVariant, ThSheetTypes, ThSpacingPresetKeys, ThSpacingSettingsKeys, ThTextAlignOptions, ThTextSettingsKeys, ThThemeKeys, arabicFarsiCollection, buildThemeObject, chineseSimplifiedCollection, chineseTraditionalCollection, contrast1Theme, contrast2Theme, contrast3Theme, createAudioPreferences, createDefinitionFromStaticFonts, createDefinitionsFromBunnyFonts, createDefinitionsFromGoogleFonts, createGlobalPreferences, createPreferences, darkTheme, defaultActionKeysObject, defaultAudioContentProtectionConfig, defaultAudioPlaybackRate, defaultAudioPlaybackRateAction, defaultAudioPreferences, defaultAudioPreferencesContextValue, defaultAudioRemotePlaybackAction, defaultAudioSkipBackwardInterval, defaultAudioSkipForwardInterval, defaultAudioSkipInterval, defaultAudioSleepTimer, defaultAudioSleepTimerAction, defaultAudioSleepTimerPresetList, defaultAudioTocAction, defaultAudioVolume, defaultAudioVolumeAction, defaultContentProtectionConfig, defaultFontCollection, defaultFullscreenAction, defaultJumpToPositionAction, defaultLetterSpacing, defaultLineHeights, defaultParagraphIndent, defaultParagraphSpacing, defaultPreferences, defaultPreferencesContextValue, defaultSettingsAction, defaultSpacingPresets, defaultSpacingPresetsOrder, defaultSpacingSettingsMain, defaultSpacingSettingsSubpanel, defaultTextSettingsMain, defaultTextSettingsSubpanel, defaultTocAction, defaultWordSpacing, defaultZoom, devContentProtectionConfig, hebrewCollection, japaneseCollection, japaneseVerticalCollection, koreanCollection, lightTheme, paperTheme, prefixString, proxyUrl, readiumCSSFontCollection, resolveAudioContentProtectionConfig, resolveContentProtectionConfig, sepiaTheme, tamilCollection, useActionsPreferences, useAudioActionsPreferences, useAudioPreferences, useFilteredPreferenceKeys, usePreferenceKeys, usePreferences, useSharedPreferences, useTheming, validateObjectKeys };
-//# sourceMappingURL=chunk-XRFLDNAY.mjs.map
-//# sourceMappingURL=chunk-XRFLDNAY.mjs.map
+//# sourceMappingURL=chunk-OD75GC5N.mjs.map
+//# sourceMappingURL=chunk-OD75GC5N.mjs.map