@digital-b2c/coreui-kit 0.21.3 → 0.21.6

package/dist/index.d.cts

@@ -1184,10 +1184,11 @@ interface QuoteSectionBlockItem {
 interface QuoteSectionBlockProps {
     className?: string;
     title?: string;
+    viewtype?: string;
     items?: QuoteSectionBlockItem[];
 }
 
-declare const QuoteSectionBlock: ({ className, title, items }: QuoteSectionBlockProps) => react.JSX.Element | null;
+declare const QuoteSectionBlock: ({ className, title, viewtype, items, }: QuoteSectionBlockProps) => react.JSX.Element | null;
 
 type PageLoaderLogoProps = {
     children: ReactNode;

package/dist/index.d.ts

@@ -1184,10 +1184,11 @@ interface QuoteSectionBlockItem {
 interface QuoteSectionBlockProps {
     className?: string;
     title?: string;
+    viewtype?: string;
     items?: QuoteSectionBlockItem[];
 }
 
-declare const QuoteSectionBlock: ({ className, title, items }: QuoteSectionBlockProps) => react.JSX.Element | null;
+declare const QuoteSectionBlock: ({ className, title, viewtype, items, }: QuoteSectionBlockProps) => react.JSX.Element | null;
 
 type PageLoaderLogoProps = {
     children: ReactNode;

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) => {
@@ -5690,6 +5705,7 @@ var QuoteSectionBlock_module_default = {
   inner: "QuoteSectionBlock_module_inner",
   title: "QuoteSectionBlock_module_title",
   swiperContainer: "QuoteSectionBlock_module_swiperContainer",
+  swiperContainerFullWidth: "QuoteSectionBlock_module_swiperContainerFullWidth",
   card: "QuoteSectionBlock_module_card",
   quoteLogo: "QuoteSectionBlock_module_quoteLogo",
   bodyText: "QuoteSectionBlock_module_bodyText",
@@ -5700,7 +5716,12 @@ var QuoteSectionBlock_module_default = {
   jobTitleLogo: "QuoteSectionBlock_module_jobTitleLogo",
   controls: "QuoteSectionBlock_module_controls"
 };
-var QuoteSectionBlock = ({ className, title, items = [] }) => {
+var QuoteSectionBlock = ({
+  className,
+  title,
+  viewtype,
+  items = []
+}) => {
   const { is } = useViewPort_default();
   const isMobile = is("tablet", "below");
   const [swiperInstance, setSwiperInstance] = useState(null);
@@ -5708,7 +5729,7 @@ var QuoteSectionBlock = ({ className, title, items = [] }) => {
   if (!items.length) return null;
   return /* @__PURE__ */ jsx("div", { className: clsx52(QuoteSectionBlock_module_default.quoteSectionBlock, className), children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: QuoteSectionBlock_module_default.inner, children: [
     title && /* @__PURE__ */ jsx("h2", { className: QuoteSectionBlock_module_default.title, children: title }),
-    /* @__PURE__ */ jsx("div", { className: QuoteSectionBlock_module_default.swiperContainer, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: !viewtype ? QuoteSectionBlock_module_default.swiperContainer : QuoteSectionBlock_module_default.swiperContainerFullWidth, children: /* @__PURE__ */ jsx(
       Swiper,
       {
         slidesPerView: "auto",