@digital-b2c/coreui-kit 0.21.4 → 0.21.6

package/dist/index.mjs

@@ -2433,19 +2433,16 @@ var CardCarousel = ({
         onResize: syncPagination,
         children: cards.map((_d, index) => {
           var _e = _d, { isLocked, className: cardClassName, videoUrl } = _e, card = __objRest(_e, ["isLocked", "className", "videoUrl"]);
-          var _a2;
           return /* @__PURE__ */ jsx(SwiperSlide, { children: /* @__PURE__ */ jsx(
             Card2,
-            __spreadProps(__spreadValues({
+            __spreadProps(__spreadValues({}, card), {
               variant: theme,
               className: clsx52(CardCarousel_module_default.card, isLocked && CardCarousel_module_default.locked, cardClassName),
-              onCtaClick: ((_a2 = card.cta) == null ? void 0 : _a2.url) ? (event) => {
-                var _a3, _b2;
+              onCtaClick: !isLocked && videoUrl ? (event) => {
                 event.preventDefault();
-                setActiveVideo((_b2 = (_a3 = card.cta) == null ? void 0 : _a3.url) != null ? _b2 : null);
-              } : card.onCtaClick
-            }, card), {
-              cta: videoUrl && card.cta ? __spreadProps(__spreadValues({}, card.cta), { icon: "watchBlack" }) : card.cta
+                setActiveVideo(videoUrl);
+              } : card.onCtaClick,
+              cta: !isLocked && videoUrl && card.cta ? __spreadProps(__spreadValues({}, card.cta), { icon: "watchBlack" }) : card.cta
             })
           ) }, index);
         })
@@ -4181,6 +4178,24 @@ var Navigation2 = (props) => {
       document.body.style.overflow = "";
     };
   }, [isMobileMenuOpen]);
+  useEffect(() => {
+    if (!navRef.current) return;
+    const navigation = navRef.current;
+    const root = document.documentElement;
+    const updateNavigationHeight = () => {
+      root.style.setProperty(
+        "--navigation-height",
+        `${navigation.getBoundingClientRect().height}px`
+      );
+    };
+    updateNavigationHeight();
+    const resizeObserver = new ResizeObserver(updateNavigationHeight);
+    resizeObserver.observe(navigation);
+    return () => {
+      resizeObserver.disconnect();
+      root.style.removeProperty("--navigation-height");
+    };
+  }, []);
   useEffect(() => {
     if (!dropdownOpen) return;
     const handleKey = (e) => {