@anoki/fse-ui 2.1.0-SNAPSHOT23 → 2.1.0-SNAPSHOT26

package/dist/index.es153.js

@@ -1,160 +1,305 @@
-import { j as r } from "./index.es250.js";
-import { useRef as M, useState as f, useCallback as x, useEffect as T } from "react";
-import { Swiper as $, SwiperSlide as E } from "./index.es267.js";
-import G from "./index.es268.js";
-import U from "./index.es269.js";
-import B from "./index.es270.js";
+import { j as e } from "./index.es250.js";
+import { useMemo as B, useRef as U, useState as S, useCallback as k, useEffect as F } from "react";
+import { Swiper as M, SwiperSlide as V } from "./index.es329.js";
+import G from "./index.es330.js";
+import q from "./index.es331.js";
+import z from "./index.es451.js";
 import './sections/Slider/Slider.css';import './node_modules/swiper/modules/pagination.css';import './node_modules/swiper/modules/navigation.css';import './node_modules/swiper/swiper.css';/* empty css            */
 /* empty css            */
 /* empty css            */
 /* empty css            */
-import { clsx as F } from "./index.es252.js";
-import { Pause as V } from "./index.es275.js";
-import { PlayVideo as q } from "./index.es224.js";
-import { Col as z } from "./index.es61.js";
-import { File as D } from "./index.es189.js";
-import { Row as j } from "./index.es116.js";
-import { ArrowLeft as w } from "./index.es176.js";
-var H = /* @__PURE__ */ ((t) => (t.STATIC = "static", t.MULTIPLE = "multiple", t.FULL_IMAGE = "full-image", t.BLUR_IMAGE = "blur-image", t.STATIC_IMAGE = "static_image", t))(H || {});
-const ce = ({
-  slides: t = [],
-  asLink: N = "a",
-  asImage: v = "img",
-  timeout: a = 3e3,
-  openInNewTab: I = !1,
-  paginationLabel: C = "di",
-  withShadow: y = !0,
-  gradientColor: A = "#3d6289",
-  swiperHeight: P = 574
-  /* type = "full-image" */
+import { clsx as u } from "./index.es251.js";
+import { Pause as H } from "./index.es453.js";
+import { splitInTwo as J } from "./index.es288.js";
+import "./index.es.js";
+import { Tags as K } from "./index.es147.js";
+import { PlayVideo as O } from "./index.es224.js";
+import { Col as P } from "./index.es61.js";
+import { CardCategory as Q } from "./index.es38.js";
+import { Row as A } from "./index.es116.js";
+import { ArrowLeft as L } from "./index.es176.js";
+import { File as W } from "./index.es189.js";
+var X = /* @__PURE__ */ ((s) => (s.FULL_IMAGE = "full-image", s.BLUR_IMAGE = "blur-image", s))(X || {});
+const Y = ({
+  ImageComponent: s,
+  tagsLabelTitle: i = "Argomenti correlati",
+  blurPercentage: l,
+  ...r
 }) => {
-  const L = N || "a", k = v, s = M(null), [l, S] = f(0), [i, _] = f(!0), c = () => {
-    _(!i);
-  }, n = x(() => {
-    if (!s.current) return;
-    const e = s.current;
-    e.isEnd && !e.params.loop ? e.slideTo(0) : e.slideNext();
-  }, []), b = x(() => {
-    if (!s.current) return;
-    const e = s.current;
-    e.isBeginning && !e.params.loop ? e.slideTo(e.slides.length - 1) : e.slidePrev();
+  var a;
+  const n = {
+    "--blur-percentage": l ? `${l}px` : "5px"
+  }, [m, o] = B(() => !r.slideTitle || r.slideTitle.trim() === "" ? [null, null] : r.slideTitle.trim().split(/\s+/).length >= 4 ? J(r.slideTitle.toUpperCase()) : [r.slideTitle.toUpperCase(), null], [r.slideTitle]);
+  return r.src ? /* @__PURE__ */ e.jsxs("div", { className: u("is-event", "hero-event-container"), children: [
+    /* @__PURE__ */ e.jsx(
+      "img",
+      {
+        className: "hero-event-background",
+        src: r.src,
+        alt: `Evento ${r.alt}`
+      }
+    ),
+    /* @__PURE__ */ e.jsx("div", { className: "glass", children: /* @__PURE__ */ e.jsx("div", { className: "glass-card", style: n }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "hero-event-content", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "image-container", children: [
+        /* @__PURE__ */ e.jsx(
+          s,
+          {
+            alt: `${r.title} image`,
+            src: r.src,
+            style: { aspectRatio: 21 / 9 }
+          }
+        ),
+        r.slideTitle && /* @__PURE__ */ e.jsxs("p", { className: u("short-title", r.titleAlignment), children: [
+          /* @__PURE__ */ e.jsx("span", { children: m }),
+          o && /* @__PURE__ */ e.jsx("span", { children: o })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs(P, { justifyContent: "center", className: "hero-event-card-container", children: [
+        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
+          Q,
+          {
+            title: r.title,
+            className: "w-full",
+            description2: r.description,
+            classNameTitle: "text-slate-20 fs-5 md-fs-custom-2",
+            classNameDescriptionTitle: "text-slate-28 fw-bold fs-6 md-fs-custom"
+          }
+        ) }),
+        r.tags && ((a = r.tags) == null ? void 0 : a.length) > 0 && /* @__PURE__ */ e.jsx(K, { title: i, items: r.tags ?? [] })
+      ] })
+    ] })
+  ] }) : null;
+}, Z = ({
+  autoplay: s,
+  toggleAutoPlay: i
+}) => s ? /* @__PURE__ */ e.jsx(
+  H,
+  {
+    width: 20,
+    height: 20,
+    onClick: i,
+    className: "cursor-pointer"
+  }
+) : /* @__PURE__ */ e.jsx(
+  O,
+  {
+    width: 20,
+    height: 20,
+    onClick: i,
+    color: "white",
+    className: "cursor-pointer"
+  }
+), ee = ({
+  slides: s,
+  activeIndex: i,
+  handleDotClick: l
+}) => {
+  const r = () => {
+    const n = s.length;
+    return n <= 3 ? s.map((o, a) => a) : i === 0 ? [0, 1, 2] : i === n - 1 ? [n - 3, n - 2, n - 1] : [i - 1, i, i + 1];
+  };
+  return /* @__PURE__ */ e.jsx("div", { className: "custom-pagination", children: r().map((n) => /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      onClick: () => l(n),
+      className: `dot ${i === n ? "active" : ""}`
+    },
+    n
+  )) });
+}, te = ({
+  slides: s,
+  currentIndex: i,
+  goPrev: l,
+  goNext: r,
+  autoplay: n,
+  toggleAutoPlay: m,
+  type: o,
+  gradientColorStyle: a,
+  paginationLabel: g = "di",
+  handleDotClick: p
+}) => /* @__PURE__ */ e.jsxs(
+  A,
+  {
+    className: u("pagination", o),
+    gap: "x20",
+    style: o === "full-image" ? a : {},
+    children: [
+      s.length > 1 && /* @__PURE__ */ e.jsxs(A, { alignItems: "center", children: [
+        /* @__PURE__ */ e.jsx(
+          L,
+          {
+            width: 40,
+            height: 40,
+            onClick: l,
+            color: "white",
+            className: "cursor-pointer"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(Z, { autoplay: n, toggleAutoPlay: m })
+      ] }),
+      o === "blur-image" ? /* @__PURE__ */ e.jsx(
+        ee,
+        {
+          slides: s,
+          activeIndex: i,
+          handleDotClick: p
+        }
+      ) : /* @__PURE__ */ e.jsx("span", { children: `${i + 1} ${g} ${s.length}` }),
+      s.length > 1 && /* @__PURE__ */ e.jsx(
+        L,
+        {
+          width: 40,
+          height: 40,
+          className: "next cursor-pointer",
+          onClick: r,
+          color: "white"
+        }
+      )
+    ]
+  }
+), Te = ({
+  slides: s = [],
+  asLink: i = "a",
+  asImage: l = "img",
+  timeout: r = 3e3,
+  openInNewTab: n = !1,
+  paginationLabel: m = "di",
+  withShadow: o = !0,
+  gradientColor: a = "#3d6289",
+  swiperHeight: g = 574,
+  type: p = "full-image",
+  tagsLabelTitle: $ = "Argomenti correlati"
+}) => {
+  const I = i || "a", j = l, c = U(null), [N, D] = S(0), [h, R] = S(!0), _ = () => {
+    R(!h);
+  }, f = k(() => {
+    if (!c.current) return;
+    const t = c.current;
+    t.isEnd && !t.params.loop ? t.slideTo(0) : t.slideNext();
+  }, []), E = k(() => {
+    if (!c.current) return;
+    const t = c.current;
+    t.isBeginning && !t.params.loop ? t.slideTo(t.slides.length - 1) : t.slidePrev();
   }, []);
-  T(() => {
-    const e = i ? setInterval(() => {
-      n();
-    }, a) : null;
+  F(() => {
+    const t = h ? setInterval(() => {
+      f();
+    }, r) : null;
     return () => {
-      e && clearInterval(e);
+      t && clearInterval(t);
     };
-  }, [i, n, a]);
-  const m = {
-    "--gradient": A
-  }, p = {
-    "--swiper-height": `${P}px`
+  }, [h, f, r]);
+  const w = {
+    "--gradient": a
+  }, v = {
+    "--swiper-height": `${g}px`
   };
-  return /* @__PURE__ */ r.jsx(z, { className: "ui-slider-section-wrapper-container", style: p, children: /* @__PURE__ */ r.jsx("div", { className: "ui-slider", children: /* @__PURE__ */ r.jsxs(
-    $,
+  return /* @__PURE__ */ e.jsx(
+    P,
     {
-      modules: [G, U, B],
-      slidesPerView: 1,
-      autoplay: i,
-      observer: !0,
-      observeParents: !0,
-      loop: !0,
-      onSwiper: (e) => s.current = e,
-      onSlideChange: (e) => S(e.realIndex),
-      style: p,
-      children: [
-        t.map((e, R) => {
-          var h, d, g;
-          return /* @__PURE__ */ r.jsxs(E, { children: [
-            /* @__PURE__ */ r.jsx(
-              k,
-              {
-                src: e.src,
-                alt: e.alt,
-                className: "slider-image",
-                onLoad: () => {
-                  var o, u;
-                  return (u = (o = s.current) == null ? void 0 : o.update) == null ? void 0 : u.call(o);
-                }
-              }
-            ),
-            /* @__PURE__ */ r.jsx(
-              "div",
-              {
-                className: F("slider-content", {
-                  "with-shadow": y
-                }),
-                style: m,
-                children: /* @__PURE__ */ r.jsx("div", { className: "container", children: /* @__PURE__ */ r.jsxs("div", { className: "slider-content-grid", children: [
-                  /* @__PURE__ */ r.jsxs("div", { className: "category", children: [
-                    e.category && /* @__PURE__ */ r.jsx(D, { fillColor: "#fff", width: 30, height: 30 }),
-                    ((h = e.category) == null ? void 0 : h.type) ?? " ",
-                    /* @__PURE__ */ r.jsx("p", { className: "date", children: ((d = e.category) == null ? void 0 : d.published_at) ?? " " })
-                  ] }),
-                  /* @__PURE__ */ r.jsx(
-                    L,
+      className: u("ui-slider-section-wrapper-container", p),
+      style: v,
+      children: /* @__PURE__ */ e.jsx("div", { className: "ui-slider", children: /* @__PURE__ */ e.jsxs(
+        M,
+        {
+          modules: [G, q, z],
+          slidesPerView: 1,
+          autoplay: h,
+          observer: !0,
+          observeParents: !0,
+          loop: !0,
+          onSwiper: (t) => c.current = t,
+          onSlideChange: (t) => D(t.realIndex),
+          style: v,
+          children: [
+            s.map((t, d) => {
+              var C, T, y;
+              return /* @__PURE__ */ e.jsx(
+                V,
+                {
+                  className: u(
+                    p === "blur-image" ? "ui-slider-section-wrapper-container" : ""
+                  ),
+                  children: p === "blur-image" ? /* @__PURE__ */ e.jsx(
+                    Y,
                     {
-                      href: ((g = t[l]) == null ? void 0 : g.href) || "",
-                      target: I ? "_blank" : "_self",
-                      children: /* @__PURE__ */ r.jsx("h1", { className: "title", children: e.title })
+                      ...t,
+                      ImageComponent: j,
+                      tagsLabelTitle: $
                     }
-                  )
-                ] }) })
-              }
-            )
-          ] }, R);
-        }),
-        /* @__PURE__ */ r.jsxs(j, { className: "pagination", gap: "x20", style: m, children: [
-          t.length > 1 && /* @__PURE__ */ r.jsxs(j, { alignItems: "center", children: [
-            /* @__PURE__ */ r.jsx(
-              w,
-              {
-                width: 40,
-                height: 40,
-                onClick: b,
-                color: "white",
-                className: "cursor-pointer"
-              }
-            ),
-            i ? /* @__PURE__ */ r.jsx(
-              V,
+                  ) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                    /* @__PURE__ */ e.jsx(
+                      j,
+                      {
+                        src: t.src,
+                        alt: t.alt,
+                        className: "slider-image",
+                        onLoad: () => {
+                          var x, b;
+                          return (b = (x = c.current) == null ? void 0 : x.update) == null ? void 0 : b.call(x);
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ e.jsx(
+                      "div",
+                      {
+                        className: u("slider-content", {
+                          "with-shadow": o
+                        }),
+                        style: w,
+                        children: /* @__PURE__ */ e.jsx("div", { className: "container", children: /* @__PURE__ */ e.jsxs("div", { className: "slider-content-grid", children: [
+                          /* @__PURE__ */ e.jsxs("div", { className: "category", children: [
+                            t.category && /* @__PURE__ */ e.jsx(W, { fillColor: "#fff", width: 30, height: 30 }),
+                            ((C = t.category) == null ? void 0 : C.type) ?? " ",
+                            /* @__PURE__ */ e.jsx("p", { className: "date", children: ((T = t.category) == null ? void 0 : T.published_at) ?? " " })
+                          ] }),
+                          /* @__PURE__ */ e.jsx(
+                            I,
+                            {
+                              href: ((y = s[N]) == null ? void 0 : y.href) || "",
+                              target: n ? "_blank" : "_self",
+                              children: /* @__PURE__ */ e.jsx("h1", { className: "title", children: t.title })
+                            }
+                          )
+                        ] }) })
+                      }
+                    )
+                  ] })
+                },
+                d
+              );
+            }),
+            /* @__PURE__ */ e.jsx(
+              te,
               {
-                width: 20,
-                height: 20,
-                onClick: c,
-                className: "cursor-pointer"
-              }
-            ) : /* @__PURE__ */ r.jsx(
-              q,
-              {
-                width: 20,
-                height: 20,
-                onClick: c,
-                color: "white",
-                className: "cursor-pointer"
+                slides: s,
+                currentIndex: N,
+                goPrev: E,
+                goNext: f,
+                autoplay: h,
+                toggleAutoPlay: _,
+                type: p,
+                gradientColorStyle: w,
+                paginationLabel: m,
+                handleDotClick: (t) => {
+                  var d;
+                  (d = c.current) == null || d.slideToLoop(t);
+                }
               }
             )
-          ] }),
-          /* @__PURE__ */ r.jsx("span", { children: `${l + 1} ${C} ${t.length}` }),
-          t.length > 1 && /* @__PURE__ */ r.jsx(
-            w,
-            {
-              width: 40,
-              height: 40,
-              className: "next cursor-pointer",
-              onClick: n,
-              color: "white"
-            }
-          )
-        ] })
-      ]
+          ]
+        }
+      ) })
     }
-  ) }) });
+  );
 };
 export {
-  ce as Slider,
-  H as SliderTypeEnum
+  Z as AutoplayButton,
+  Y as BlurImageSlide,
+  ee as DotsPagination,
+  Te as Slider,
+  te as SliderPagination,
+  X as SliderTypeEnum
 };
 //# sourceMappingURL=index.es153.js.map

package/dist/index.es153.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es153.js","sources":["../src/sections/Slider/index.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  ElementType,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\nimport { Navigation, Pagination, A11y } from \"swiper/modules\";\nimport \"swiper/css\";\nimport \"swiper/css/navigation\";\nimport \"swiper/css/pagination\";\nimport \"./Slider.scss\";\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\nimport clsx from \"clsx\";\nimport { Pause } from \"@/icons/Pause\";\nimport { Col, Row } from \"@/components\";\nimport { GetValues } from \"@anoki/fse-common/dist\";\n\nexport type Slide = {\n  category?: {\n    type: string;\n    published_at: string;\n  };\n  src: string;\n  alt: string;\n  title: string;\n  href?: string;\n};\nexport enum SliderTypeEnum {\n  STATIC = \"static\",\n  MULTIPLE = \"multiple\",\n  FULL_IMAGE = \"full-image\",\n  BLUR_IMAGE = \"blur-image\",\n  STATIC_IMAGE = \"static_image\",\n}\n\nexport type SliderType = GetValues<SliderTypeEnum>;\nexport type SliderProps = {\n  slides: Slide[];\n  asImage: ElementType;\n  asLink?: ElementType;\n  timeout?: number;\n  openInNewTab?: boolean;\n  paginationLabel?: string;\n  withShadow?: boolean;\n  gradientColor?: string;\n  type?: SliderType;\n  swiperHeight?: number;\n};\n\nexport const Slider: React.FC<SliderProps> = ({\n  slides = [],\n  asLink = \"a\",\n  asImage = \"img\",\n  timeout = 3000,\n  openInNewTab = false,\n  paginationLabel = \"di\",\n  withShadow = true,\n  gradientColor = \"#3d6289\",\n  swiperHeight = 574,\n  /* type = \"full-image\" */\n}) => {\n  const LinkTag = asLink || \"a\";\n  const ImageComponent = asImage;\n  const swiperRef = useRef<any>(null);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const [autoplay, setAutoplay] = useState(true);\n  const toggleAutoPlay = () => {\n    setAutoplay(!autoplay);\n  };\n\n  const goNext = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isEnd && !swiper.params.loop) {\n      swiper.slideTo(0);\n    } else {\n      swiper.slideNext();\n    }\n  }, []);\n\n  const goPrev = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isBeginning && !swiper.params.loop) {\n      swiper.slideTo(swiper.slides.length - 1);\n    } else {\n      swiper.slidePrev();\n    }\n  }, []);\n\n  useEffect(() => {\n    const intervalId = autoplay\n      ? setInterval(() => {\n          goNext();\n        }, timeout)\n      : null;\n\n    return () => {\n      if (intervalId) clearInterval(intervalId);\n    };\n  }, [autoplay, goNext, timeout]);\n\n  const gradientColorStyle = {\n    \"--gradient\": gradientColor,\n  } as CSSProperties;\n\n  const swiperStyle = {\n    \"--swiper-height\": `${swiperHeight}px`,\n  } as CSSProperties;\n\n  return (\n    <Col className=\"ui-slider-section-wrapper-container\" style={swiperStyle}>\n      <div className=\"ui-slider\">\n        <Swiper\n          modules={[Navigation, Pagination, A11y]}\n          slidesPerView={1}\n          autoplay={autoplay}\n          observer={true}\n          observeParents={true}\n          loop={true}\n          onSwiper={(swiper) => (swiperRef.current = swiper)}\n          onSlideChange={(swiper) => setCurrentIndex(swiper.realIndex)}\n          style={swiperStyle}\n        >\n          {slides.map((slide, index) => (\n            <SwiperSlide key={index}>\n              <ImageComponent\n                src={slide.src}\n                alt={slide.alt}\n                className=\"slider-image\"\n                onLoad={() => swiperRef.current?.update?.()}\n              />\n              <div\n                className={clsx(\"slider-content\", {\n                  \"with-shadow\": withShadow,\n                })}\n                style={gradientColorStyle}\n              >\n                <div className=\"container\">\n                  <div className=\"slider-content-grid\">\n                    <div className=\"category\">\n                      {slide.category && (\n                        <File fillColor=\"#fff\" width={30} height={30} />\n                      )}\n                      {slide.category?.type ?? \" \"}\n                      <p className=\"date\">\n                        {slide.category?.published_at ?? \" \"}\n                      </p>\n                    </div>\n                    <LinkTag\n                      href={slides[currentIndex]?.href || \"\"}\n                      target={openInNewTab ? \"_blank\" : \"_self\"}\n                    >\n                      <h1 className=\"title\">{slide.title}</h1>\n                    </LinkTag>\n                  </div>\n                </div>\n              </div>\n            </SwiperSlide>\n          ))}\n          <Row className=\"pagination\" gap=\"x20\" style={gradientColorStyle}>\n            {slides.length > 1 && (\n              <Row alignItems=\"center\">\n                <ArrowLeft\n                  width={40}\n                  height={40}\n                  onClick={goPrev}\n                  color=\"white\"\n                  className=\"cursor-pointer\"\n                />\n                {autoplay ? (\n                  <Pause\n                    width={20}\n                    height={20}\n                    onClick={toggleAutoPlay}\n                    className=\"cursor-pointer\"\n                  />\n                ) : (\n                  <PlayVideo\n                    width={20}\n                    height={20}\n                    onClick={toggleAutoPlay}\n                    color=\"white\"\n                    className=\"cursor-pointer\"\n                  />\n                )}\n              </Row>\n            )}\n\n            <span>{`${currentIndex + 1} ${paginationLabel} ${slides.length}`}</span>\n            {slides.length > 1 && (\n              <ArrowLeft\n                width={40}\n                height={40}\n                className=\"next cursor-pointer\"\n                onClick={goNext}\n                color=\"white\"\n              />\n            )}\n          </Row>\n        </Swiper>\n      </div>\n    </Col>\n  );\n};\n"],"names":["SliderTypeEnum","Slider","slides","asLink","asImage","timeout","openInNewTab","paginationLabel","withShadow","gradientColor","swiperHeight","LinkTag","ImageComponent","swiperRef","useRef","currentIndex","setCurrentIndex","useState","autoplay","setAutoplay","toggleAutoPlay","goNext","useCallback","swiper","goPrev","useEffect","intervalId","gradientColorStyle","swiperStyle","jsx","Col","jsxs","Swiper","Navigation","Pagination","A11y","slide","index","SwiperSlide","_b","_a","clsx","File","_c","Row","ArrowLeft","Pause","PlayVideo"],"mappings":"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"}
+{"version":3,"file":"index.es153.js","sources":["../src/sections/Slider/index.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  ElementType,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\nimport { Navigation, Pagination, A11y } from \"swiper/modules\";\nimport \"swiper/css\";\nimport \"swiper/css/navigation\";\nimport \"swiper/css/pagination\";\nimport \"./Slider.scss\";\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\nimport clsx from \"clsx\";\nimport { Pause } from \"@/icons/Pause\";\nimport { CardCategory, Col, Row } from \"@/components\";\nimport { GetValues } from \"@anoki/fse-common/dist\";\nimport { splitInTwo } from \"@/utils/splitInTwo\";\nimport { Tags } from \"@/index\";\n\nexport type Slide = {\n  category?: {\n    type: string;\n    published_at: string;\n  };\n  src: string;\n  alt: string;\n  slideTitle?: string;\n  title: string;\n  description?: string;\n  titleAlignment?: \"left\" | \"center\" | \"right\";\n  blurPercentage?: number;\n  href?: string;\n  tags?: string[];\n};\nexport enum SliderTypeEnum {\n  FULL_IMAGE = \"full-image\",\n  BLUR_IMAGE = \"blur-image\",\n}\n\nexport type SliderType = GetValues<SliderTypeEnum>;\nexport type SliderProps = {\n  slides: Slide[];\n  asImage: React.ComponentType<any> | \"img\";\n  asLink?: ElementType;\n  timeout?: number;\n  openInNewTab?: boolean;\n  paginationLabel?: string;\n  withShadow?: boolean;\n  gradientColor?: string;\n  type?: SliderType;\n  swiperHeight?: number;\n  tagsLabelTitle?: string;\n};\n\ntype BlurImageSlideProps = {\n  tagsLabelTitle?: SliderProps[\"tagsLabelTitle\"];\n  ImageComponent: React.ComponentType<any> | \"img\";\n} & Slide;\n\ntype DotsPaginationProps = {\n  slides: Slide[];\n  activeIndex: number;\n  handleDotClick: (index: number) => void;\n};\n\nexport const BlurImageSlide = ({\n  ImageComponent,\n  tagsLabelTitle = \"Argomenti correlati\",\n  blurPercentage,\n  ...slide\n}: BlurImageSlideProps) => {\n  const blurPercentageStyle = {\n    \"--blur-percentage\": blurPercentage ? `${blurPercentage}px` : \"5px\",\n  } as CSSProperties;\n\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\n    if (!slide.slideTitle || slide.slideTitle.trim() === \"\") {\n      return [null, null];\n    }\n\n    const words = slide.slideTitle.trim().split(/\\s+/);\n\n    if (words.length >= 4) {\n      return splitInTwo(slide.slideTitle.toUpperCase());\n    }\n\n    return [slide.slideTitle.toUpperCase(), null];\n  }, [slide.slideTitle]);\n\n  if (!slide.src) return null;\n\n  return (\n    <div className={clsx(\"is-event\", \"hero-event-container\")}>\n      <img\n        className=\"hero-event-background\"\n        src={slide.src}\n        alt={`Evento ${slide.alt}`}\n      />\n      <div className=\"glass\">\n        <div className=\"glass-card\" style={blurPercentageStyle}></div>\n      </div>\n\n      <div className={\"hero-event-content\"}>\n        <div className=\"image-container\">\n          <ImageComponent\n            alt={`${slide.title} image`}\n            src={slide.src}\n            style={{ aspectRatio: 21 / 9 }}\n          />\n          {slide.slideTitle && (\n            <p className={clsx(\"short-title\", slide.titleAlignment)}>\n              <span>{firstTitleLine}</span>\n              {secondTitleLine && <span>{secondTitleLine}</span>}\n            </p>\n          )}\n        </div>\n\n        <Col justifyContent={\"center\"} className=\"hero-event-card-container\">\n          <div>\n            {\n              <CardCategory\n                title={slide.title}\n                className={\"w-full\"}\n                description2={slide.description}\n                classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\n                classNameDescriptionTitle={\n                  \"text-slate-28 fw-bold fs-6 md-fs-custom\"\n                }\n              />\n            }\n          </div>\n\n          {slide.tags && slide.tags?.length > 0 && (\n            <Tags title={tagsLabelTitle} items={slide.tags ?? []} />\n          )}\n        </Col>\n      </div>\n    </div>\n  );\n};\n\nexport type AutoplayButtonProps = {\n  autoplay: boolean;\n  toggleAutoPlay: () => void;\n};\n\nexport const AutoplayButton = ({\n  autoplay,\n  toggleAutoPlay,\n}: AutoplayButtonProps) => {\n  return autoplay ? (\n    <Pause\n      width={20}\n      height={20}\n      onClick={toggleAutoPlay}\n      className=\"cursor-pointer\"\n    />\n  ) : (\n    <PlayVideo\n      width={20}\n      height={20}\n      onClick={toggleAutoPlay}\n      color=\"white\"\n      className=\"cursor-pointer\"\n    />\n  );\n};\n\nexport const DotsPagination = ({\n  slides,\n  activeIndex,\n  handleDotClick,\n}: DotsPaginationProps) => {\n  const getVisibleDots = () => {\n    const total = slides.length;\n    const maxDots = 3;\n\n    if (total <= maxDots) return slides.map((_, i) => i);\n\n    if (activeIndex === 0) return [0, 1, 2];\n    if (activeIndex === total - 1) return [total - 3, total - 2, total - 1];\n\n    return [activeIndex - 1, activeIndex, activeIndex + 1];\n  };\n\n  return (\n    <div className=\"custom-pagination\">\n      {getVisibleDots().map((index: number) => (\n        <button\n          key={index}\n          onClick={() => handleDotClick(index)}\n          className={`dot ${activeIndex === index ? \"active\" : \"\"}`}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport type SliderPaginationProps = {\n  handleDotClick?: (index: number) => void;\n  slides: Slide[];\n  currentIndex: number;\n  goPrev: () => void;\n  goNext: () => void;\n  autoplay: boolean;\n  toggleAutoPlay: () => void;\n  type: SliderType;\n  gradientColorStyle: CSSProperties;\n  paginationLabel?: string;\n};\n\nexport const SliderPagination = ({\n  slides,\n  currentIndex,\n  goPrev,\n  goNext,\n  autoplay,\n  toggleAutoPlay,\n  type,\n  gradientColorStyle,\n  paginationLabel = \"di\",\n  handleDotClick,\n}: SliderPaginationProps) => {\n  return (\n    <Row\n      className={clsx(\"pagination\", type)}\n      gap=\"x20\"\n      style={type === \"full-image\" ? gradientColorStyle : {}}\n    >\n      {slides.length > 1 && (\n        <Row alignItems=\"center\">\n          <ArrowLeft\n            width={40}\n            height={40}\n            onClick={goPrev}\n            color=\"white\"\n            className=\"cursor-pointer\"\n          />\n          <AutoplayButton autoplay={autoplay} toggleAutoPlay={toggleAutoPlay} />\n        </Row>\n      )}\n      {type === \"blur-image\" ? (\n        <DotsPagination\n          slides={slides}\n          activeIndex={currentIndex}\n          handleDotClick={handleDotClick!}\n        />\n      ) : (\n        <span>{`${currentIndex + 1} ${paginationLabel} ${slides.length}`}</span>\n      )}\n\n      {slides.length > 1 && (\n        <ArrowLeft\n          width={40}\n          height={40}\n          className=\"next cursor-pointer\"\n          onClick={goNext}\n          color=\"white\"\n        />\n      )}\n    </Row>\n  );\n};\n\nexport const Slider: React.FC<SliderProps> = ({\n  slides = [],\n  asLink = \"a\",\n  asImage = \"img\",\n  timeout = 3000,\n  openInNewTab = false,\n  paginationLabel = \"di\",\n  withShadow = true,\n  gradientColor = \"#3d6289\",\n  swiperHeight = 574,\n  type = \"full-image\",\n  tagsLabelTitle = \"Argomenti correlati\",\n}) => {\n  const LinkTag = asLink || \"a\";\n  const ImageComponent = asImage;\n  const swiperRef = useRef<any>(null);\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [autoplay, setAutoplay] = useState(true);\n  const toggleAutoPlay = () => {\n    setAutoplay(!autoplay);\n  };\n\n  const goNext = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isEnd && !swiper.params.loop) {\n      swiper.slideTo(0);\n    } else {\n      swiper.slideNext();\n    }\n  }, []);\n\n  const goPrev = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isBeginning && !swiper.params.loop) {\n      swiper.slideTo(swiper.slides.length - 1);\n    } else {\n      swiper.slidePrev();\n    }\n  }, []);\n\n  useEffect(() => {\n    const intervalId = autoplay\n      ? setInterval(() => {\n          goNext();\n        }, timeout)\n      : null;\n\n    return () => {\n      if (intervalId) clearInterval(intervalId);\n    };\n  }, [autoplay, goNext, timeout]);\n\n  const gradientColorStyle = {\n    \"--gradient\": gradientColor,\n  } as CSSProperties;\n\n  const swiperStyle = {\n    \"--swiper-height\": `${swiperHeight}px`,\n  } as CSSProperties;\n\n  return (\n    <Col\n      className={clsx(\"ui-slider-section-wrapper-container\", type)}\n      style={swiperStyle}\n    >\n      <div className=\"ui-slider\">\n        <Swiper\n          modules={[Navigation, Pagination, A11y]}\n          slidesPerView={1}\n          autoplay={autoplay}\n          observer={true}\n          observeParents={true}\n          loop={true}\n          onSwiper={(swiper) => (swiperRef.current = swiper)}\n          onSlideChange={(swiper) => setCurrentIndex(swiper.realIndex)}\n          style={swiperStyle}\n        >\n          {slides.map((slide, index) => (\n            <SwiperSlide\n              key={index}\n              className={clsx(\n                type === \"blur-image\"\n                  ? \"ui-slider-section-wrapper-container\"\n                  : \"\",\n              )}\n            >\n              {type === \"blur-image\" ? (\n                <BlurImageSlide\n                  {...slide}\n                  ImageComponent={ImageComponent}\n                  tagsLabelTitle={tagsLabelTitle}\n                />\n              ) : (\n                <>\n                  <ImageComponent\n                    src={slide.src}\n                    alt={slide.alt}\n                    className=\"slider-image\"\n                    onLoad={() => swiperRef.current?.update?.()}\n                  />\n                  <div\n                    className={clsx(\"slider-content\", {\n                      \"with-shadow\": withShadow,\n                    })}\n                    style={gradientColorStyle}\n                  >\n                    <div className=\"container\">\n                      <div className=\"slider-content-grid\">\n                        <div className=\"category\">\n                          {slide.category && (\n                            <File fillColor=\"#fff\" width={30} height={30} />\n                          )}\n                          {slide.category?.type ?? \" \"}\n                          <p className=\"date\">\n                            {slide.category?.published_at ?? \" \"}\n                          </p>\n                        </div>\n                        <LinkTag\n                          href={slides[currentIndex]?.href || \"\"}\n                          target={openInNewTab ? \"_blank\" : \"_self\"}\n                        >\n                          <h1 className=\"title\">{slide.title}</h1>\n                        </LinkTag>\n                      </div>\n                    </div>\n                  </div>\n                </>\n              )}\n            </SwiperSlide>\n          ))}\n          <SliderPagination\n            slides={slides}\n            currentIndex={currentIndex}\n            goPrev={goPrev}\n            goNext={goNext}\n            autoplay={autoplay}\n            toggleAutoPlay={toggleAutoPlay}\n            type={type}\n            gradientColorStyle={gradientColorStyle}\n            paginationLabel={paginationLabel}\n            handleDotClick={(index: number) => {\n              swiperRef.current?.slideToLoop(index);\n            }}\n          />\n        </Swiper>\n      </div>\n    </Col>\n  );\n};\n"],"names":["SliderTypeEnum","BlurImageSlide","ImageComponent","tagsLabelTitle","blurPercentage","slide","blurPercentageStyle","firstTitleLine","secondTitleLine","useMemo","splitInTwo","clsx","jsx","jsxs","Col","CardCategory","_a","Tags","AutoplayButton","autoplay","toggleAutoPlay","Pause","PlayVideo","DotsPagination","slides","activeIndex","handleDotClick","getVisibleDots","total","_","i","index","SliderPagination","currentIndex","goPrev","goNext","type","gradientColorStyle","paginationLabel","Row","ArrowLeft","Slider","asLink","asImage","timeout","openInNewTab","withShadow","gradientColor","swiperHeight","LinkTag","swiperRef","useRef","setCurrentIndex","useState","setAutoplay","useCallback","swiper","useEffect","intervalId","swiperStyle","Swiper","Navigation","Pagination","A11y","SwiperSlide","Fragment","_b","File","_c"],"mappings":"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"}

package/dist/index.es154.js

@@ -1,7 +1,7 @@
 import { j as i } from "./index.es250.js";
 import { createElement as j } from "react";
 import './sections/CommunicationContents/CommunicationContents.css';/* empty css            */
-import f from "./index.es277.js";
+import f from "./index.es455.js";
 import { AggregationItemCard as m } from "./index.es24.js";
 import { SectionHeading as u } from "./index.es123.js";
 import { Row as n } from "./index.es116.js";

package/dist/index.es157.js

@@ -2,7 +2,7 @@ import { j as o } from "./index.es250.js";
 import './sections/TableList/TableList.css';/* empty css            */
 import { HTML as x } from "./index.es148.js";
 import f from "react";
-import { clsx as r } from "./index.es252.js";
+import { clsx as r } from "./index.es251.js";
 import { Section as p, SectionHeading as d } from "./index.es123.js";
 import { Col as u } from "./index.es61.js";
 var j = /* @__PURE__ */ ((t) => (t.LEFT = "text-left", t.CENTER = "text-center", t.RIGHT = "text-right", t))(j || {});

package/dist/index.es158.js

@@ -2,7 +2,7 @@ import { j as i } from "./index.es250.js";
 import './sections/TableMobileList/TableMobileList.css';/* empty css            */
 import { HTML as h } from "./index.es148.js";
 import v from "react";
-import { clsx as m } from "./index.es252.js";
+import { clsx as m } from "./index.es251.js";
 import { TableAlignment as w } from "./index.es157.js";
 import { TableMobile as B } from "./index.es130.js";
 import { Section as C, SectionHeading as F } from "./index.es123.js";

package/dist/index.es159.js

@@ -1,7 +1,7 @@
 import { j as o } from "./index.es250.js";
 import { BaseModal as m } from "./index.es32.js";
 import { CardFaqCTA as u, CardFaqCTAType as j } from "./index.es44.js";
-import S from "./index.es280.js";
+import S from "./index.es458.js";
 import { useState as r } from "react";
 import './sections/FaqSections/FaqSections.css';/* empty css            */
 import { Section as q, SectionHeading as h } from "./index.es123.js";

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es250.js";
-import { clsx as e } from "./index.es252.js";
-import { createColorClasses as z } from "./index.es282.js";
+import { clsx as e } from "./index.es251.js";
+import { createColorClasses as z } from "./index.es252.js";
 const M = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es161.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es250.js";
-import { clsx as n } from "./index.es252.js";
-import { createColorClasses as m } from "./index.es282.js";
+import { clsx as n } from "./index.es251.js";
+import { createColorClasses as m } from "./index.es252.js";
 const p = ({
   width: s = 24,
   height: l = 24,

package/dist/index.es162.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es250.js";
-import { clsx as i } from "./index.es252.js";
-import { createColorClasses as n } from "./index.es282.js";
+import { clsx as i } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es252.js";
 const p = ({
   width: C = 32,
   height: l = 32,

package/dist/index.es163.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es250.js";
-import { clsx as i } from "./index.es252.js";
-import { createColorClasses as n } from "./index.es282.js";
+import { clsx as i } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es252.js";
 const h = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es164.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es250.js";
-import { clsx as n } from "./index.es252.js";
-import { createColorClasses as x } from "./index.es282.js";
+import { clsx as n } from "./index.es251.js";
+import { createColorClasses as x } from "./index.es252.js";
 const w = ({
   width: r = 24,
   height: l = 24,

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es250.js";
-import { clsx as p } from "./index.es252.js";
-import { createColorClasses as m } from "./index.es282.js";
+import { clsx as p } from "./index.es251.js";
+import { createColorClasses as m } from "./index.es252.js";
 const x = ({
   width: r = 114,
   height: e = 115,

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es250.js";
-import { clsx as c } from "./index.es252.js";
-import { createColorClasses as y } from "./index.es282.js";
+import { clsx as c } from "./index.es251.js";
+import { createColorClasses as y } from "./index.es252.js";
 const n = ({
   width: e = 121,
   height: t = 121,