@digital-b2c/coreui-kit 0.15.5 → 0.15.7

package/dist/index.cjs

@@ -3044,7 +3044,7 @@ var MiniBanner = ({
   const goBackNode = slots == null ? void 0 : slots.goBack;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
     ((background == null ? void 0 : background.src) || ((_d = background == null ? void 0 : background.desktop) == null ? void 0 : _d.src) || ((_e = background == null ? void 0 : background.mobile) == null ? void 0 : _e.src)) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
-    /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx47__default.default(goBackNode && MiniBanner_module_default.container), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx47__default.default(MiniBanner_module_default.container), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
         (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
         pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
@@ -3297,6 +3297,29 @@ var NavigationBrandBars = ({
     }
   );
 };
+var getPathname = () => typeof window === "undefined" ? "" : window.location.pathname;
+var useActivePath = () => {
+  const [pathname, setPathname] = React70.useState(getPathname);
+  React70.useEffect(() => {
+    const handlePopState = () => setPathname(getPathname());
+    window.addEventListener("popstate", handlePopState);
+    return () => window.removeEventListener("popstate", handlePopState);
+  }, []);
+  return pathname;
+};
+
+// src/utils/isPathActive.ts
+var normalize = (path) => path.replace(/\/+$/, "") || "/";
+var isPathActive = (url, pathname) => {
+  if (!url || !pathname) return false;
+  let targetPath;
+  try {
+    targetPath = new URL(url, "http://localhost").pathname;
+  } catch (e) {
+    return false;
+  }
+  return normalize(targetPath) === normalize(pathname);
+};
 var NavigationDesktop = ({
   navItems,
   openIndex,
@@ -3305,6 +3328,7 @@ var NavigationDesktop = ({
   baseId,
   isTransparent = false
 }) => {
+  const pathname = useActivePath();
   if (!(navItems == null ? void 0 : navItems.length)) return null;
   const handleTriggerKeyDown = (e, index) => {
     var _a;
@@ -3322,23 +3346,28 @@ var NavigationDesktop = ({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.navTabs, children: navItems.map((item, index) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const isOpen = openIndex === index;
     if (item.type === "link") {
+      const isCurrent2 = item.isActive || isPathActive((_a = item.cta) == null ? void 0 : _a.url, pathname);
       return /* @__PURE__ */ jsxRuntime.jsx("li", { className: Navigation_module_default.navTab, children: /* @__PURE__ */ jsxRuntime.jsx(
         "a",
         {
-          href: (_a = item.cta) == null ? void 0 : _a.url,
-          className: clsx47__default.default(Navigation_module_default.navTabLink, item.isActive && Navigation_module_default.navTabActive),
-          "aria-current": item.isActive ? "page" : void 0,
-          target: ((_b = item.cta) == null ? void 0 : _b.isExternal) ? "_blank" : void 0,
-          rel: ((_c = item.cta) == null ? void 0 : _c.isExternal) ? "noopener noreferrer" : void 0,
+          href: (_b = item.cta) == null ? void 0 : _b.url,
+          className: clsx47__default.default(Navigation_module_default.navTabLink, isCurrent2 && Navigation_module_default.navTabActive),
+          "aria-current": isCurrent2 ? "page" : void 0,
+          target: ((_c = item.cta) == null ? void 0 : _c.isExternal) ? "_blank" : void 0,
+          rel: ((_d = item.cta) == null ? void 0 : _d.isExternal) ? "noopener noreferrer" : void 0,
           onMouseEnter: () => onOpen(null),
           onFocus: () => onOpen(null),
-          children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: (_d = item.cta) == null ? void 0 : _d.label })
+          children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: (_e = item.cta) == null ? void 0 : _e.label })
         }
       ) }, index);
     }
+    const isCurrent = item.isActive || item.items.some((sub) => {
+      var _a2;
+      return sub.type === "link" && isPathActive((_a2 = sub.cta) == null ? void 0 : _a2.url, pathname);
+    });
     return /* @__PURE__ */ jsxRuntime.jsx("li", { className: Navigation_module_default.navTab, children: /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
@@ -3347,7 +3376,7 @@ var NavigationDesktop = ({
         className: clsx47__default.default(
           Navigation_module_default.navTabLink,
           Navigation_module_default.navTabTrigger,
-          (item.isActive || isOpen) && Navigation_module_default.navTabActive,
+          (isCurrent || isOpen) && Navigation_module_default.navTabActive,
           isOpen && Navigation_module_default.navTabTriggerOpen
         ),
         "aria-expanded": isOpen,
@@ -3826,8 +3855,8 @@ var Navigation2 = (props) => {
         ),
         "aria-label": "Main",
         onKeyDown: handleNavKeyDown,
-        onMouseEnter: isExternal ? () => setIsHovered(true) : void 0,
-        onMouseLeave: isExternal ? () => setIsHovered(false) : scheduleClose,
+        onMouseEnter: isExternal && !isTabletBelow ? () => setIsHovered(true) : void 0,
+        onMouseLeave: isExternal ? !isTabletBelow ? () => setIsHovered(false) : void 0 : scheduleClose,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: Navigation_module_default.mainBar, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.inner, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.topRow, children: [
@@ -5387,6 +5416,7 @@ exports.UpcomingEventCard = UpcomingEventCard;
 exports.UserMenu = UserMenu;
 exports.resolveCompoundSlots = resolveCompoundSlots;
 exports.svgs = svgs;
+exports.useActivePath = useActivePath;
 exports.useIntersectionObserver = useIntersectionObserver;
 exports.useIsAtTop = useIsAtTop;
 //# sourceMappingURL=index.cjs.map