@otl-core/next-navigation 1.1.19 → 1.1.21

package/dist/lib/navigation.utils.js

@@ -0,0 +1,387 @@
+import { marked } from "marked";
+import {
+  generateDesktopDropdownAnimations,
+  generateMobileMenuAnimations,
+  generateResponsiveSpacingCSS,
+  generateSameLayerDropdownAnimations,
+  generateScrollbarStyles,
+  generateToggleIconAnimations,
+  minifyCSS
+} from "@otl-core/style-utils";
+function shadowConfigToCSS(shadow) {
+  const { offsetX, offsetY, blurRadius, spreadRadius, color, inset } = shadow;
+  const parts = [offsetX, offsetY, blurRadius, spreadRadius, color];
+  if (inset) {
+    return `inset ${parts.join(" ")}`;
+  }
+  return parts.join(" ");
+}
+function calculateNavigationWidth(sections, site) {
+  let totalWidth = 150;
+  for (const section of sections) {
+    for (const item of section?.items || []) {
+      if (item.type === "logo") continue;
+      const label = typeof item.label === "string" ? item.label : getLocalizedString(item.label, site) || "";
+      const labelLength = label.length;
+      if (item.type === "button") {
+        totalWidth += labelLength * 8 + 48;
+      } else if (item.type === "link" || item.type === "dropdown" || item.type === "markdown") {
+        totalWidth += labelLength * 8 + 24;
+      } else if (item.type === "image") {
+        const imgConfig = item.config;
+        const imgWidth = imgConfig?.width ? parseInt(imgConfig.width, 10) || 100 : 100;
+        totalWidth += imgWidth + 16;
+      }
+    }
+  }
+  return totalWidth;
+}
+function getBreakpointForWidth(estimatedWidth) {
+  const MAX_USABLE_WIDTH = 1400;
+  if (estimatedWidth > MAX_USABLE_WIDTH) return null;
+  if (estimatedWidth <= 640) return "sm";
+  if (estimatedWidth <= 768) return "md";
+  if (estimatedWidth <= 1024) return "lg";
+  if (estimatedWidth <= 1280) return "xl";
+  return "2xl";
+}
+const RESPONSIVE_BREAKPOINTS = [
+  { key: "sm", minWidth: "640px" },
+  { key: "md", minWidth: "768px" },
+  { key: "lg", minWidth: "1024px" },
+  { key: "xl", minWidth: "1280px" }
+];
+function generateResponsiveCustomProps(className, props) {
+  const css = [];
+  const baseVars = [];
+  const bpVars = {};
+  for (const [prop, value] of Object.entries(props)) {
+    if (!value) continue;
+    if (typeof value === "string") {
+      baseVars.push(`${prop}:${value}`);
+    } else {
+      if (value.base) baseVars.push(`${prop}:${value.base}`);
+      for (const { key } of RESPONSIVE_BREAKPOINTS) {
+        const bpVal = value[key];
+        if (bpVal && typeof bpVal === "string") {
+          if (!bpVars[key]) bpVars[key] = [];
+          bpVars[key].push(`${prop}:${bpVal}`);
+        }
+      }
+    }
+  }
+  const target = `.${className}`;
+  if (baseVars.length > 0) {
+    css.push(`${target}{${baseVars.join(";")}}`);
+  }
+  for (const { key, minWidth } of RESPONSIVE_BREAKPOINTS) {
+    if (bpVars[key]?.length) {
+      css.push(
+        `@media(min-width:${minWidth}){${target}{${bpVars[key].join(";")}}}`
+      );
+    }
+  }
+  return css;
+}
+function generateNavigationCSS(id, navigation, resolvedColors, dropdownIds = []) {
+  const cssBlocks = [];
+  const isSameLayer = navigation.style?.dropdown?.layer === "same";
+  if (navigation.style) {
+    if (isSameLayer) {
+      const wrapperCSS = generateResponsiveSpacingCSS(`navbar-wrapper-${id}`, {
+        border: navigation.style.border,
+        padding: navigation.style.layout?.padding,
+        shadow: navigation.style.shadow
+      });
+      if (wrapperCSS) cssBlocks.push(wrapperCSS);
+    } else {
+      const navbarCSS = generateResponsiveSpacingCSS(`navbar-${id}`, {
+        border: navigation.style.border,
+        padding: navigation.style.layout?.padding,
+        shadow: navigation.style.shadow
+      });
+      if (navbarCSS) cssBlocks.push(navbarCSS);
+    }
+    const navbarInnerCSS = generateResponsiveSpacingCSS(`navbar-inner-${id}`, {
+      gap: navigation.style.layout?.sectionGap,
+      fontSize: navigation.style.fontSize?.navbar
+    });
+    if (navbarInnerCSS) cssBlocks.push(navbarInnerCSS);
+    const btnFontSize = navigation.style.fontSize?.buttonFontSize;
+    if (btnFontSize) {
+      cssBlocks.push(
+        ...generateResponsiveCustomProps(`navbar-inner-${id}`, {
+          "--btn-font-sm": btnFontSize.sm,
+          "--btn-font-md": btnFontSize.md,
+          "--btn-font-lg": btnFontSize.lg
+        })
+      );
+    }
+  }
+  if (navigation.style && dropdownIds.length > 0) {
+    dropdownIds.forEach((dropdownId) => {
+      if (isSameLayer) {
+        const dropdownContentCSS = generateResponsiveSpacingCSS(
+          `dropdown-content-${dropdownId}`,
+          {
+            gap: navigation.style?.dropdown?.sectionGap,
+            fontSize: navigation.style?.fontSize?.dropdown
+          }
+        );
+        if (dropdownContentCSS) cssBlocks.push(dropdownContentCSS);
+      } else {
+        const dropdownCSS = generateResponsiveSpacingCSS(
+          `navigation-dropdown-${dropdownId}`,
+          {
+            padding: navigation.style?.dropdown?.padding,
+            border: navigation.style?.dropdown?.border,
+            shadow: navigation.style?.dropdown?.shadow
+          }
+        );
+        if (dropdownCSS) cssBlocks.push(dropdownCSS);
+        const dropdownContentCSS = generateResponsiveSpacingCSS(
+          `dropdown-content-${dropdownId}`,
+          {
+            gap: navigation.style?.dropdown?.sectionGap,
+            fontSize: navigation.style?.fontSize?.dropdown
+          }
+        );
+        if (dropdownContentCSS) cssBlocks.push(dropdownContentCSS);
+      }
+      const btnFontSize = navigation.style?.fontSize?.buttonFontSize;
+      if (btnFontSize) {
+        cssBlocks.push(
+          ...generateResponsiveCustomProps(`dropdown-content-${dropdownId}`, {
+            "--btn-font-sm": btnFontSize.sm,
+            "--btn-font-md": btnFontSize.md,
+            "--btn-font-lg": btnFontSize.lg
+          })
+        );
+      }
+    });
+  }
+  if (resolvedColors.burgerButtonBackgroundHover) {
+    cssBlocks.push(
+      `.mobile-menu-toggle-${id}:hover{background-color:${resolvedColors.burgerButtonBackgroundHover}!important}`
+    );
+  }
+  if (resolvedColors.dropdownMenuLinkHoverColor || resolvedColors.dropdownMenuLinkHoverBackground) {
+    const hoverStyles = [];
+    if (resolvedColors.dropdownMenuLinkHoverBackground) {
+      hoverStyles.push(
+        `background-color:${resolvedColors.dropdownMenuLinkHoverBackground}!important`
+      );
+    }
+    if (resolvedColors.dropdownMenuLinkHoverColor) {
+      hoverStyles.push(
+        `color:${resolvedColors.dropdownMenuLinkHoverColor}!important`
+      );
+    }
+    cssBlocks.push(
+      `#mobile-menu-dropdown-${id} a:hover{${hoverStyles.join(";")}}`
+    );
+  }
+  cssBlocks.push(...generateToggleIconAnimations());
+  cssBlocks.push(...generateMobileMenuAnimations());
+  cssBlocks.push(...generateScrollbarStyles());
+  cssBlocks.push(...generateDesktopDropdownAnimations());
+  if (isSameLayer) {
+    cssBlocks.push(...generateSameLayerDropdownAnimations());
+  }
+  return minifyCSS(cssBlocks.filter(Boolean).join(""));
+}
+function sectionsToDropdownContent(sections) {
+  const result = [];
+  let lastSectionHadContent = false;
+  sections.forEach((section, index) => {
+    const items = section?.items?.filter((item) => {
+      if (item.type === "logo") return false;
+      if (resolveItemVisibility(item) === "navbar-only") return false;
+      return true;
+    });
+    if (items?.length === 0) {
+      return;
+    }
+    if (lastSectionHadContent && result.length > 0) {
+      result.push({
+        id: `divider-${sections[index - 1].id}`,
+        type: "divider",
+        config: {}
+      });
+    }
+    items?.forEach((item) => {
+      if (item.type === "link") {
+        const config = item.config;
+        const navConfig = {
+          label: item.label || "",
+          href: config.href,
+          icon: config.icon,
+          external: config.external
+        };
+        result.push({
+          id: item.id,
+          type: "navigation-item",
+          config: navConfig
+        });
+      } else if (item.type === "button") {
+        const config = item.config;
+        const btnConfig = {
+          label: item.label || "",
+          href: config.href,
+          icon: config.icon,
+          external: config.external,
+          variant: config.variant,
+          size: config.size
+        };
+        result.push({
+          id: item.id,
+          type: "button",
+          config: btnConfig
+        });
+      } else if (item.type === "dropdown") {
+        const config = item.config;
+        result.push({
+          id: item.id,
+          type: "dropdown",
+          label: item.label || "",
+          config
+        });
+      } else if (item.type === "markdown") {
+        const config = item.config;
+        result.push({
+          id: item.id,
+          type: "markdown",
+          config: { content: config.content || item.label || "" }
+        });
+      } else if (item.type === "image") {
+        const config = item.config;
+        result.push({
+          id: item.id,
+          type: "image",
+          config: {
+            src: config.src,
+            alt: config.alt,
+            width: config.width ? { base: config.width } : { base: "100%" },
+            height: config.height ? { base: config.height } : { base: "auto" },
+            objectFit: config.objectFit,
+            href: config.href
+          }
+        });
+      }
+    });
+    lastSectionHadContent = true;
+  });
+  return result;
+}
+function resolveDropdownColor(colorRef, resolvedColors, fallback) {
+  if (!colorRef) return fallback;
+  if (colorRef.type === "custom") {
+    return colorRef.value;
+  }
+  if (colorRef.type === "theme") {
+    return resolvedColors[colorRef.value] || fallback;
+  }
+  if (colorRef.type === "variable") {
+    return `var(--color-${colorRef.value})`;
+  }
+  return fallback;
+}
+function getBrowserPreferredLocales(options = {}) {
+  const defaultOptions = {
+    languageCodeOnly: false
+  };
+  const opt = {
+    ...defaultOptions,
+    ...options
+  };
+  const browserLocales = navigator.languages === void 0 ? [navigator.language] : navigator.languages;
+  if (!browserLocales) {
+    return void 0;
+  }
+  return browserLocales.map((locale) => {
+    const trimmedLocale = locale.trim();
+    return opt.languageCodeOnly ? trimmedLocale.split(/-|_/)[0] : trimmedLocale;
+  });
+}
+function getLocalizedString(value, options) {
+  if (value === null || value === void 0) return "";
+  if (typeof value === "string") return value;
+  const preferredLocale = options && "preferredLocale" in options ? options.preferredLocale : void 0;
+  function getDefaultLocale() {
+    if (options && "defaultLocale" in options) return options.defaultLocale;
+    if (options && "default_locale" in options) return options.default_locale;
+    return void 0;
+  }
+  function getSupportedLocales() {
+    if (options && "supportedLocales" in options)
+      return options.supportedLocales;
+    if (options && "supported_locales" in options)
+      return options.supported_locales;
+    return void 0;
+  }
+  const defaultLocale = getDefaultLocale();
+  const supportedLocales = getSupportedLocales();
+  if (preferredLocale && preferredLocale in value && value[preferredLocale]) {
+    return value[preferredLocale];
+  }
+  if (!preferredLocale) {
+    const browserLocales = getBrowserPreferredLocales();
+    if (browserLocales) {
+      for (const locale of browserLocales) {
+        if (locale in value && value[locale]) {
+          return value[locale];
+        }
+      }
+    }
+  }
+  if (defaultLocale && defaultLocale in value && value[defaultLocale]) {
+    return value[defaultLocale];
+  }
+  if ("en" in value && value.en) {
+    return value.en;
+  }
+  if (supportedLocales) {
+    for (const locale of supportedLocales) {
+      if (locale in value && value[locale]) {
+        return value[locale];
+      }
+    }
+  }
+  const keys = Object.keys(value);
+  if (keys.length > 0 && value[keys[0]]) {
+    return value[keys[0]];
+  }
+  return "";
+}
+function resolveItemVisibility(item) {
+  if (item.visibility) return item.visibility;
+  const legacy = item.collapse;
+  if (legacy === false) return "navbar-only";
+  return void 0;
+}
+const VISIBILITY_CLASSES = {
+  "navbar-only": "flex",
+  "mobile-only": "hidden",
+  both: "flex"
+};
+function getVisibilityClass(item, fallback) {
+  const vis = resolveItemVisibility(item);
+  return vis && VISIBILITY_CLASSES[vis] || fallback || "";
+}
+function parseMarkdownToHTML(markdown) {
+  const html = marked.parse(markdown, { async: false });
+  return html.replace(/<h1>/g, '<div class="h1">').replace(/<\/h1>/g, "</div>").replace(/<h2>/g, '<div class="h2">').replace(/<\/h2>/g, "</div>").replace(/<h3>/g, '<div class="h3">').replace(/<\/h3>/g, "</div>").replace(/<h4>/g, '<div class="h4">').replace(/<\/h4>/g, "</div>").replace(/<h5>/g, '<div class="h5">').replace(/<\/h5>/g, "</div>").replace(/<h6>/g, '<div class="h6">').replace(/<\/h6>/g, "</div>");
+}
+export {
+  calculateNavigationWidth,
+  generateNavigationCSS,
+  getBreakpointForWidth,
+  getLocalizedString,
+  getVisibilityClass,
+  parseMarkdownToHTML,
+  resolveDropdownColor,
+  resolveItemVisibility,
+  sectionsToDropdownContent,
+  shadowConfigToCSS
+};
+//# sourceMappingURL=navigation.utils.js.map

package/dist/lib/navigation.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/navigation.utils.ts"],"sourcesContent":["import {\n  Site,\n  HeaderConfig,\n  HeaderDropdownButtonConfig,\n  HeaderDropdownContent,\n  HeaderDropdownNavigationItemConfig,\n  HeaderNavigationItem,\n  HeaderNavigationItemButtonConfig,\n  HeaderNavigationItemDropdownConfig,\n  HeaderNavigationItemImageConfig,\n  HeaderNavigationItemLinkConfig,\n  HeaderNavigationItemMarkdownConfig,\n  HeaderSection,\n  LocalizedString,\n  ResponsiveValue,\n  ShadowConfig,\n} from \"@otl-core/cms-types\";\nimport { marked } from \"marked\";\nimport {\n  generateDesktopDropdownAnimations,\n  generateMobileMenuAnimations,\n  generateResponsiveSpacingCSS,\n  generateSameLayerDropdownAnimations,\n  generateScrollbarStyles,\n  generateToggleIconAnimations,\n  minifyCSS,\n} from \"@otl-core/style-utils\";\n\n/**\n * Convert ShadowConfig to CSS box-shadow string\n */\nexport function shadowConfigToCSS(shadow: ShadowConfig): string {\n  const { offsetX, offsetY, blurRadius, spreadRadius, color, inset } = shadow;\n  const parts = [offsetX, offsetY, blurRadius, spreadRadius, color];\n  if (inset) {\n    return `inset ${parts.join(\" \")}`;\n  }\n  return parts.join(\" \");\n}\n\nexport function calculateNavigationWidth(\n  sections: HeaderSection[],\n  site?: Site,\n): number {\n  let totalWidth = 150;\n\n  for (const section of sections) {\n    for (const item of section?.items || []) {\n      if (item.type === \"logo\") continue;\n\n      const label =\n        typeof item.label === \"string\"\n          ? item.label\n          : getLocalizedString(item.label, site) || \"\";\n      const labelLength = label.length;\n\n      if (item.type === \"button\") {\n        totalWidth += labelLength * 8 + 48;\n      } else if (\n        item.type === \"link\" ||\n        item.type === \"dropdown\" ||\n        item.type === \"markdown\"\n      ) {\n        totalWidth += labelLength * 8 + 24;\n      } else if (item.type === \"image\") {\n        const imgConfig = item.config as { width?: string };\n        const imgWidth = imgConfig?.width\n          ? parseInt(imgConfig.width, 10) || 100\n          : 100;\n        totalWidth += imgWidth + 16;\n      }\n    }\n  }\n\n  return totalWidth;\n}\n\nexport type Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | null;\n\nexport function getBreakpointForWidth(estimatedWidth: number): Breakpoint {\n  const MAX_USABLE_WIDTH = 1400;\n\n  if (estimatedWidth > MAX_USABLE_WIDTH) return null;\n\n  if (estimatedWidth <= 640) return \"sm\";\n  if (estimatedWidth <= 768) return \"md\";\n  if (estimatedWidth <= 1024) return \"lg\";\n  if (estimatedWidth <= 1280) return \"xl\";\n  return \"2xl\";\n}\n\nconst RESPONSIVE_BREAKPOINTS = [\n  { key: \"sm\", minWidth: \"640px\" },\n  { key: \"md\", minWidth: \"768px\" },\n  { key: \"lg\", minWidth: \"1024px\" },\n  { key: \"xl\", minWidth: \"1280px\" },\n] as const;\n\nfunction generateResponsiveCustomProps(\n  className: string,\n  props: Record<string, ResponsiveValue<string> | undefined>,\n): string[] {\n  const css: string[] = [];\n  const baseVars: string[] = [];\n  const bpVars: Record<string, string[]> = {};\n\n  for (const [prop, value] of Object.entries(props)) {\n    if (!value) continue;\n    if (typeof value === \"string\") {\n      baseVars.push(`${prop}:${value}`);\n    } else {\n      if (value.base) baseVars.push(`${prop}:${value.base}`);\n      for (const { key } of RESPONSIVE_BREAKPOINTS) {\n        const bpVal = value[key as keyof typeof value];\n        if (bpVal && typeof bpVal === \"string\") {\n          if (!bpVars[key]) bpVars[key] = [];\n          bpVars[key].push(`${prop}:${bpVal}`);\n        }\n      }\n    }\n  }\n\n  const target = `.${className}`;\n  if (baseVars.length > 0) {\n    css.push(`${target}{${baseVars.join(\";\")}}`);\n  }\n  for (const { key, minWidth } of RESPONSIVE_BREAKPOINTS) {\n    if (bpVars[key]?.length) {\n      css.push(\n        `@media(min-width:${minWidth}){${target}{${bpVars[key].join(\";\")}}}`,\n      );\n    }\n  }\n  return css;\n}\n\nexport function generateNavigationCSS(\n  id: string,\n  navigation: HeaderConfig,\n  resolvedColors: Record<string, string | undefined>,\n  dropdownIds: string[] = [],\n): string {\n  const cssBlocks: (string | null)[] = [];\n  const isSameLayer = navigation.style?.dropdown?.layer === \"same\";\n\n  // Margins are now applied inline, no CSS generation needed\n\n  if (navigation.style) {\n    if (isSameLayer) {\n      // Same layer: navbar wrapper gets border/padding/shadow, navbar itself only gets inner styles\n      const wrapperCSS = generateResponsiveSpacingCSS(`navbar-wrapper-${id}`, {\n        border: navigation.style.border,\n        padding: navigation.style.layout?.padding,\n        shadow: navigation.style.shadow,\n      });\n      if (wrapperCSS) cssBlocks.push(wrapperCSS);\n    } else {\n      const navbarCSS = generateResponsiveSpacingCSS(`navbar-${id}`, {\n        border: navigation.style.border,\n        padding: navigation.style.layout?.padding,\n        shadow: navigation.style.shadow,\n      });\n      if (navbarCSS) cssBlocks.push(navbarCSS);\n    }\n\n    const navbarInnerCSS = generateResponsiveSpacingCSS(`navbar-inner-${id}`, {\n      gap: navigation.style.layout?.sectionGap,\n      fontSize: navigation.style.fontSize?.navbar,\n    });\n    if (navbarInnerCSS) cssBlocks.push(navbarInnerCSS);\n\n    const btnFontSize = navigation.style.fontSize?.buttonFontSize;\n    if (btnFontSize) {\n      cssBlocks.push(\n        ...generateResponsiveCustomProps(`navbar-inner-${id}`, {\n          \"--btn-font-sm\": btnFontSize.sm,\n          \"--btn-font-md\": btnFontSize.md,\n          \"--btn-font-lg\": btnFontSize.lg,\n        }),\n      );\n    }\n  }\n\n  if (navigation.style && dropdownIds.length > 0) {\n    dropdownIds.forEach((dropdownId) => {\n      if (isSameLayer) {\n        // Same layer: dropdown only gets gap/fontSize, no border/padding/shadow (inherited from wrapper)\n        const dropdownContentCSS = generateResponsiveSpacingCSS(\n          `dropdown-content-${dropdownId}`,\n          {\n            gap: navigation.style?.dropdown?.sectionGap,\n            fontSize: navigation.style?.fontSize?.dropdown,\n          },\n        );\n        if (dropdownContentCSS) cssBlocks.push(dropdownContentCSS);\n      } else {\n        const dropdownCSS = generateResponsiveSpacingCSS(\n          `navigation-dropdown-${dropdownId}`,\n          {\n            padding: navigation.style?.dropdown?.padding,\n            border: navigation.style?.dropdown?.border,\n            shadow: navigation.style?.dropdown?.shadow,\n          },\n        );\n        if (dropdownCSS) cssBlocks.push(dropdownCSS);\n\n        const dropdownContentCSS = generateResponsiveSpacingCSS(\n          `dropdown-content-${dropdownId}`,\n          {\n            gap: navigation.style?.dropdown?.sectionGap,\n            fontSize: navigation.style?.fontSize?.dropdown,\n          },\n        );\n        if (dropdownContentCSS) cssBlocks.push(dropdownContentCSS);\n      }\n\n      const btnFontSize = navigation.style?.fontSize?.buttonFontSize;\n      if (btnFontSize) {\n        cssBlocks.push(\n          ...generateResponsiveCustomProps(`dropdown-content-${dropdownId}`, {\n            \"--btn-font-sm\": btnFontSize.sm,\n            \"--btn-font-md\": btnFontSize.md,\n            \"--btn-font-lg\": btnFontSize.lg,\n          }),\n        );\n      }\n    });\n  }\n\n  if (resolvedColors.burgerButtonBackgroundHover) {\n    cssBlocks.push(\n      `.mobile-menu-toggle-${id}:hover{background-color:${resolvedColors.burgerButtonBackgroundHover}!important}`,\n    );\n  }\n\n  if (\n    resolvedColors.dropdownMenuLinkHoverColor ||\n    resolvedColors.dropdownMenuLinkHoverBackground\n  ) {\n    const hoverStyles: string[] = [];\n    if (resolvedColors.dropdownMenuLinkHoverBackground) {\n      hoverStyles.push(\n        `background-color:${resolvedColors.dropdownMenuLinkHoverBackground}!important`,\n      );\n    }\n    if (resolvedColors.dropdownMenuLinkHoverColor) {\n      hoverStyles.push(\n        `color:${resolvedColors.dropdownMenuLinkHoverColor}!important`,\n      );\n    }\n    cssBlocks.push(\n      `#mobile-menu-dropdown-${id} a:hover{${hoverStyles.join(\";\")}}`,\n    );\n  }\n\n  cssBlocks.push(...generateToggleIconAnimations());\n  cssBlocks.push(...generateMobileMenuAnimations());\n  cssBlocks.push(...generateScrollbarStyles());\n  cssBlocks.push(...generateDesktopDropdownAnimations());\n  if (isSameLayer) {\n    cssBlocks.push(...generateSameLayerDropdownAnimations());\n  }\n\n  return minifyCSS(cssBlocks.filter(Boolean).join(\"\"));\n}\n\nexport function sectionsToDropdownContent(\n  sections: HeaderSection[],\n): HeaderDropdownContent[] {\n  const result: HeaderDropdownContent[] = [];\n  let lastSectionHadContent = false;\n\n  sections.forEach((section: HeaderSection, index: number) => {\n    const items = section?.items?.filter((item: HeaderNavigationItem) => {\n      if (item.type === \"logo\") return false;\n      if (resolveItemVisibility(item) === \"navbar-only\") return false;\n      return true;\n    });\n\n    if (items?.length === 0) {\n      return; // Skip this section, don't update lastSectionHadContent\n    }\n\n    // Add divider if the previous section had content and this isn't the first section with content\n    if (lastSectionHadContent && result.length > 0) {\n      result.push({\n        id: `divider-${sections[index - 1].id}`,\n        type: \"divider\",\n        config: {},\n      });\n    }\n\n    items?.forEach((item: HeaderNavigationItem) => {\n      if (item.type === \"link\") {\n        const config = item.config as HeaderNavigationItemLinkConfig;\n        const navConfig: HeaderDropdownNavigationItemConfig = {\n          label: item.label || \"\",\n          href: config.href,\n          icon: config.icon,\n          external: config.external,\n        };\n        result.push({\n          id: item.id,\n          type: \"navigation-item\",\n          config: navConfig,\n        });\n      } else if (item.type === \"button\") {\n        const config = item.config as HeaderNavigationItemButtonConfig;\n        const btnConfig: HeaderDropdownButtonConfig = {\n          label: item.label || \"\",\n          href: config.href,\n          icon: config.icon,\n          external: config.external,\n          variant: config.variant,\n          size: config.size,\n        };\n        result.push({\n          id: item.id,\n          type: \"button\",\n          config: btnConfig,\n        });\n      } else if (item.type === \"dropdown\") {\n        const config = item.config as HeaderNavigationItemDropdownConfig;\n        result.push({\n          id: item.id,\n          type: \"dropdown\",\n          label: item.label || \"\",\n          config,\n        });\n      } else if (item.type === \"markdown\") {\n        const config = item.config as HeaderNavigationItemMarkdownConfig;\n        result.push({\n          id: item.id,\n          type: \"markdown\",\n          config: { content: config.content || item.label || \"\" },\n        });\n      } else if (item.type === \"image\") {\n        const config = item.config as HeaderNavigationItemImageConfig;\n        result.push({\n          id: item.id,\n          type: \"image\",\n          config: {\n            src: config.src,\n            alt: config.alt,\n            width: config.width ? { base: config.width } : { base: \"100%\" },\n            height: config.height ? { base: config.height } : { base: \"auto\" },\n            objectFit: config.objectFit,\n            href: config.href,\n          },\n        });\n      }\n    });\n\n    lastSectionHadContent = true;\n  });\n\n  return result;\n}\n\nexport function resolveDropdownColor(\n  colorRef: { type: string; value: string } | undefined,\n  resolvedColors: Record<string, string | undefined>,\n  fallback?: string,\n): string | undefined {\n  if (!colorRef) return fallback;\n\n  if (colorRef.type === \"custom\") {\n    return colorRef.value;\n  }\n\n  if (colorRef.type === \"theme\") {\n    return resolvedColors[colorRef.value] || fallback;\n  }\n\n  if (colorRef.type === \"variable\") {\n    // For variables, construct the CSS variable reference\n    return `var(--color-${colorRef.value})`;\n  }\n\n  return fallback;\n}\n\nfunction getBrowserPreferredLocales(options = {}) {\n  const defaultOptions = {\n    languageCodeOnly: false,\n  };\n  const opt = {\n    ...defaultOptions,\n    ...options,\n  };\n  const browserLocales =\n    navigator.languages === undefined\n      ? [navigator.language]\n      : navigator.languages;\n  if (!browserLocales) {\n    return undefined;\n  }\n  return browserLocales.map((locale) => {\n    const trimmedLocale = locale.trim();\n    return opt.languageCodeOnly ? trimmedLocale.split(/-|_/)[0] : trimmedLocale;\n  });\n}\n\nexport function getLocalizedString(\n  value: string | LocalizedString | null | undefined,\n  options?:\n    | Site\n    | {\n        preferredLocale?: string;\n        defaultLocale?: string;\n        supportedLocales?: string[];\n      },\n): string {\n  // Handle null/undefined\n  if (value === null || value === undefined) return \"\";\n\n  // If it's already a string, return it\n  if (typeof value === \"string\") return value;\n\n  // Normalize options to handle both Site and simple options object\n  const preferredLocale =\n    options && \"preferredLocale\" in options\n      ? options.preferredLocale\n      : undefined;\n  function getDefaultLocale(): string | undefined {\n    if (options && \"defaultLocale\" in options) return options.defaultLocale;\n    if (options && \"default_locale\" in options) return options.default_locale;\n    return undefined;\n  }\n  function getSupportedLocales(): string[] | undefined {\n    if (options && \"supportedLocales\" in options)\n      return options.supportedLocales;\n    if (options && \"supported_locales\" in options)\n      return options.supported_locales;\n    return undefined;\n  }\n  const defaultLocale = getDefaultLocale();\n  const supportedLocales = getSupportedLocales();\n\n  // Try preferred locale first (if explicitly provided)\n  if (preferredLocale && preferredLocale in value && value[preferredLocale]) {\n    return value[preferredLocale];\n  }\n\n  // Try browser locales if no explicit preferred locale\n  if (!preferredLocale) {\n    const browserLocales = getBrowserPreferredLocales();\n    if (browserLocales) {\n      for (const locale of browserLocales) {\n        if (locale in value && value[locale]) {\n          return value[locale];\n        }\n      }\n    }\n  }\n\n  // Try default locale\n  if (defaultLocale && defaultLocale in value && value[defaultLocale]) {\n    return value[defaultLocale];\n  }\n\n  // Try 'en' as fallback\n  if (\"en\" in value && value.en) {\n    return value.en;\n  }\n\n  // Try any supported locale\n  if (supportedLocales) {\n    for (const locale of supportedLocales) {\n      if (locale in value && value[locale]) {\n        return value[locale];\n      }\n    }\n  }\n\n  // Return first available value as last resort\n  const keys = Object.keys(value);\n  if (keys.length > 0 && value[keys[0]]) {\n    return value[keys[0]];\n  }\n\n  return \"\";\n}\n\n/**\n * Resolve the effective visibility for a navigation item.\n * Supports the new `visibility` field and the legacy `collapse` field.\n * collapse: false → \"navbar-only\", collapse: true/undefined → \"responsive\"\n */\nexport function resolveItemVisibility(\n  item: HeaderNavigationItem,\n): HeaderNavigationItem[\"visibility\"] {\n  if (item.visibility) return item.visibility;\n  const legacy = (item as unknown as Record<string, unknown>).collapse;\n  if (legacy === false) return \"navbar-only\";\n  return undefined;\n}\n\nconst VISIBILITY_CLASSES: Record<string, string> = {\n  \"navbar-only\": \"flex\",\n  \"mobile-only\": \"hidden\",\n  both: \"flex\",\n};\n\n/**\n * Get the CSS class for an item's visibility, falling back to the\n * responsive breakpoint class when no explicit visibility is set.\n */\nexport function getVisibilityClass(\n  item: HeaderNavigationItem,\n  fallback?: string,\n): string {\n  const vis = resolveItemVisibility(item);\n  return (vis && VISIBILITY_CLASSES[vis]) || fallback || \"\";\n}\n\nexport function parseMarkdownToHTML(markdown: string): string {\n  // Parse markdown to HTML\n  const html = marked.parse(markdown, { async: false }) as string;\n\n  // Transform h1-h6 elements to divs with corresponding classes\n  return html\n    .replace(/<h1>/g, '<div class=\"h1\">')\n    .replace(/<\\/h1>/g, \"</div>\")\n    .replace(/<h2>/g, '<div class=\"h2\">')\n    .replace(/<\\/h2>/g, \"</div>\")\n    .replace(/<h3>/g, '<div class=\"h3\">')\n    .replace(/<\\/h3>/g, \"</div>\")\n    .replace(/<h4>/g, '<div class=\"h4\">')\n    .replace(/<\\/h4>/g, \"</div>\")\n    .replace(/<h5>/g, '<div class=\"h5\">')\n    .replace(/<\\/h5>/g, \"</div>\")\n    .replace(/<h6>/g, '<div class=\"h6\">')\n    .replace(/<\\/h6>/g, \"</div>\");\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@otl-core/next-navigation",
-  "version": "1.1.19",
+  "version": "1.1.21",
   "type": "module",
   "description": "Reusable navigation components for OTL CMS",
   "main": "./dist/index.js",
@@ -48,13 +48,13 @@
     "tailwind-merge": "^3.3.1"
   },
   "dependencies": {
-    "@otl-core/cms-utils": "^1.1.19",
-    "@otl-core/style-utils": "^1.1.19"
+    "@otl-core/cms-utils": "^1.1.21",
+    "@otl-core/style-utils": "^1.1.21"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.1",
-    "@otl-core/cms-types": "^1.1.19",
-    "@otl-core/cms-utils": "^1.1.19",
+    "@otl-core/cms-types": "^1.1.21",
+    "@otl-core/cms-utils": "^1.1.21",
     "@radix-ui/react-focus-scope": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
     "@testing-library/jest-dom": "^6.9.1",