@anoki/fse-ui 2.1.0-SNAPSHOT33 → 2.1.0-SNAPSHOT35

package/dist/index.es153.js

@@ -1,13 +1,13 @@
 import { j as e } from "./index.es250.js";
-import { Pause as D } from "./index.es267.js";
+import { Pause as U } from "./index.es267.js";
 import "./index.es.js";
-import { splitInTwo as U } from "./index.es268.js";
-import { clsx as g } from "./index.es252.js";
-import { useMemo as F, useRef as M, useState as I, useCallback as P, useEffect as V } from "react";
+import { splitInTwo as F } from "./index.es268.js";
+import { clsx as m } from "./index.es252.js";
+import { useMemo as M, useRef as G, useState as b, useCallback as I, useEffect as V } from "react";
 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            */
-import G from "./index.es272.js";
+import D from "./index.es272.js";
 import q from "./index.es273.js";
 import z from "./index.es274.js";
 import { Swiper as H, SwiperSlide as J } from "./index.es275.js";
@@ -16,28 +16,28 @@ import { Tags as K } from "./index.es147.js";
 import { PlayVideo as O } from "./index.es224.js";
 import { Col as A } from "./index.es61.js";
 import { CardCategory as Q } from "./index.es38.js";
-import { Row as S } from "./index.es116.js";
-import { ArrowLeft as k } from "./index.es176.js";
+import { Row as P } from "./index.es116.js";
+import { ArrowLeft as S } 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",
-  gradientStyle: a,
+  gradientStyle: p,
   withShadow: n,
   ...t
 }) => {
-  var u;
-  const l = {
+  var l;
+  const u = {
     "--blur-percentage": t != null && t.blurPercentage ? `${t == null ? void 0 : t.blurPercentage}px` : "5px"
-  }, [o, p] = F(() => !t.slideTitle || t.slideTitle.trim() === "" ? [null, null] : t.slideTitle.trim().split(/\s+/).length >= 4 ? U(t.slideTitle.toUpperCase()) : [t.slideTitle.toUpperCase(), null], [t.slideTitle]);
+  }, [o, a] = M(() => !t.slideTitle || t.slideTitle.trim() === "" ? [null, null] : t.slideTitle.trim().split(/\s+/).length >= 4 ? F(t.slideTitle.toUpperCase()) : [t.slideTitle.toUpperCase(), null], [t.slideTitle]);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: g("is-event", "hero-event-container", {
+      className: m("is-event", "hero-event-container", {
         "with-shadow": n
       }),
-      style: a,
+      style: p,
       children: [
         /* @__PURE__ */ e.jsx(
           "img",
@@ -45,7 +45,7 @@ const Y = ({
             className: "hero-event-background",
             src: t.src,
             alt: `Evento ${t.alt}`,
-            style: l
+            style: u
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "hero-event-content", children: [
@@ -58,9 +58,9 @@ const Y = ({
                 style: { aspectRatio: 21 / 9 }
               }
             ),
-            t.slideTitle && /* @__PURE__ */ e.jsxs("p", { className: g("short-title", t.titleAlignment), children: [
+            t.slideTitle && /* @__PURE__ */ e.jsxs("p", { className: m("short-title", t.titleAlignment), children: [
               /* @__PURE__ */ e.jsx("span", { children: o }),
-              p && /* @__PURE__ */ e.jsx("span", { children: p })
+              a && /* @__PURE__ */ e.jsx("span", { children: a })
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs(A, { justifyContent: "center", className: "hero-event-card-container", children: [
@@ -74,7 +74,7 @@ const Y = ({
                 classNameDescriptionTitle: "text-slate-28 fw-bold fs-6 md-fs-custom"
               }
             ) }),
-            t.tags && ((u = t.tags) == null ? void 0 : u.length) > 0 && /* @__PURE__ */ e.jsx(K, { title: i, items: t.tags ?? [] })
+            t.tags && ((l = t.tags) == null ? void 0 : l.length) > 0 && /* @__PURE__ */ e.jsx(K, { title: i, items: t.tags ?? [] })
           ] })
         ] })
       ]
@@ -84,7 +84,7 @@ const Y = ({
   autoplay: s,
   toggleAutoPlay: i
 }) => s ? /* @__PURE__ */ e.jsx(
-  D,
+  U,
   {
     width: 20,
     height: 20,
@@ -101,60 +101,38 @@ const Y = ({
     className: "cursor-pointer"
   }
 ), ee = ({
-  slides: s,
-  activeIndex: i,
-  handleDotClick: a
-}) => {
-  const n = () => s.map((t, l) => l);
-  return /* @__PURE__ */ e.jsx("div", { className: "custom-pagination", children: n().map((t) => /* @__PURE__ */ e.jsx(
-    "button",
-    {
-      onClick: () => a(t),
-      className: `dot ${i === t ? "active" : ""}`
-    },
-    t
-  )) });
-}, te = ({
   slides: s,
   currentIndex: i,
-  goPrev: a,
+  goPrev: p,
   goNext: n,
   autoplay: t,
-  toggleAutoPlay: l,
-  type: o,
-  gradientColorStyle: p,
-  paginationLabel: u = "di",
-  handleDotClick: c
+  toggleAutoPlay: u,
+  gradientColorStyle: o,
+  type: a,
+  paginationLabel: l = "di"
 }) => /* @__PURE__ */ e.jsxs(
-  S,
+  P,
   {
-    className: g("pagination", o),
+    className: m("pagination", a),
     gap: "x20",
-    style: o === "full-image" ? p : {},
+    style: o,
     children: [
-      s.length > 1 && /* @__PURE__ */ e.jsxs(S, { alignItems: "center", children: [
+      s.length > 1 && /* @__PURE__ */ e.jsxs(P, { alignItems: "center", children: [
         /* @__PURE__ */ e.jsx(
-          k,
+          S,
           {
             width: 40,
             height: 40,
-            onClick: a,
+            onClick: p,
             color: "white",
             className: "cursor-pointer"
           }
         ),
-        /* @__PURE__ */ e.jsx(Z, { autoplay: t, toggleAutoPlay: l })
+        /* @__PURE__ */ e.jsx(Z, { autoplay: t, toggleAutoPlay: u })
       ] }),
-      o === "blur-image" ? /* @__PURE__ */ e.jsx(
-        ee,
-        {
-          slides: s,
-          activeIndex: i,
-          handleDotClick: c
-        }
-      ) : /* @__PURE__ */ e.jsx("span", { children: `${i + 1} ${u} ${s.length}` }),
+      /* @__PURE__ */ e.jsx("span", { children: `${i + 1} ${l} ${s.length}` }),
       s.length > 1 && /* @__PURE__ */ e.jsx(
-        k,
+        S,
         {
           width: 40,
           height: 40,
@@ -165,111 +143,111 @@ const Y = ({
       )
     ]
   }
-), be = ({
+), ye = ({
   slides: s = [],
   asLink: i = "a",
-  asImage: a = "img",
+  asImage: p = "img",
   timeout: n = 3e3,
   openInNewTab: t = !1,
-  paginationLabel: l = "di",
+  paginationLabel: u = "di",
   withShadow: o = !0,
-  gradientColor: p = "#3d6289",
-  swiperHeight: u = 574,
-  type: c = "full-image",
-  tagsLabelTitle: L = "Argomenti correlati"
+  gradientColor: a = "#3d6289",
+  swiperHeight: l = 574,
+  type: h = "full-image",
+  tagsLabelTitle: k = "Argomenti correlati"
 }) => {
-  const $ = i || "a", N = a, m = M(null), [w, R] = I(0), [h, _] = I(
+  const L = i || "a", j = p, c = G(null), [w, $] = b(0), [g, R] = b(
     /* true */
     !1
   ), E = () => {
-    _(!h);
-  }, f = P(() => {
-    if (!m.current) return;
-    const r = m.current;
+    R(!g);
+  }, x = I(() => {
+    if (!c.current) return;
+    const r = c.current;
     r.isEnd && !r.params.loop ? r.slideTo(0) : r.slideNext();
-  }, []), B = P(() => {
-    if (!m.current) return;
-    const r = m.current;
+  }, []), _ = I(() => {
+    if (!c.current) return;
+    const r = c.current;
     r.isBeginning && !r.params.loop ? r.slideTo(r.slides.length - 1) : r.slidePrev();
   }, []);
   V(() => {
-    const r = h ? setInterval(() => {
-      f();
+    const r = g ? setInterval(() => {
+      x();
     }, n) : null;
     return () => {
       r && clearInterval(r);
     };
-  }, [h, f, n]);
-  const j = {
-    "--gradient": p
-  }, v = {
-    "--swiper-height": `${u}px`
+  }, [g, x, n]);
+  const f = {
+    "--gradient": a
+  }, N = {
+    "--swiper-height": `${l}px`
   };
   return /* @__PURE__ */ e.jsx(
     A,
     {
-      className: g("ui-slider-section-wrapper-container", c),
-      style: v,
+      className: m("ui-slider-section-wrapper-container", h),
+      style: N,
       children: /* @__PURE__ */ e.jsx("div", { className: "ui-slider", children: /* @__PURE__ */ e.jsxs(
         H,
         {
-          modules: [G, q, z],
+          modules: [D, q, z],
           slidesPerView: 1,
-          autoplay: h,
+          autoplay: g,
           observer: !0,
           observeParents: !0,
           loop: !0,
-          onSwiper: (r) => m.current = r,
-          onSlideChange: (r) => R(r.realIndex),
-          style: v,
+          onSwiper: (r) => c.current = r,
+          onSlideChange: (r) => $(r.realIndex),
+          style: N,
           children: [
-            s.map((r, d) => {
-              var C, b, y;
+            s.map((r, B) => {
+              var v, y, C;
               return /* @__PURE__ */ e.jsx(
                 J,
                 {
-                  className: g(
-                    c === "blur-image" ? "ui-slider-section-wrapper-container" : ""
+                  className: m(
+                    h === "blur-image" ? "ui-slider-section-wrapper-container" : ""
                   ),
-                  children: c === "blur-image" ? /* @__PURE__ */ e.jsx(
+                  children: h === "blur-image" ? /* @__PURE__ */ e.jsx(
                     Y,
                     {
                       ...r,
-                      ImageComponent: N,
-                      tagsLabelTitle: L,
+                      ImageComponent: j,
+                      tagsLabelTitle: k,
                       withShadow: o,
-                      gradientStyle: j
+                      gradientStyle: f
                     }
                   ) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
                     /* @__PURE__ */ e.jsx(
-                      N,
+                      j,
                       {
                         src: r.src,
                         alt: r.alt,
                         className: "slider-image",
                         onLoad: () => {
-                          var x, T;
-                          return (T = (x = m.current) == null ? void 0 : x.update) == null ? void 0 : T.call(x);
+                          var d, T;
+                          return (T = (d = c.current) == null ? void 0 : d.update) == null ? void 0 : T.call(d);
                         }
                       }
                     ),
                     /* @__PURE__ */ e.jsx(
                       "div",
                       {
-                        className: g("slider-content", {
+                        className: m("slider-content", {
                           "with-shadow": o
                         }),
-                        style: j,
+                        style: f,
                         children: /* @__PURE__ */ e.jsx("div", { className: "container", children: /* @__PURE__ */ e.jsxs("div", { className: "slider-content-grid", children: [
                           /* @__PURE__ */ e.jsxs("div", { className: "category", children: [
                             r.category && /* @__PURE__ */ e.jsx(W, { fillColor: "#fff", width: 30, height: 30 }),
-                            ((C = r.category) == null ? void 0 : C.type) ?? " ",
-                            /* @__PURE__ */ e.jsx("p", { className: "date", children: ((b = r.category) == null ? void 0 : b.published_at) ?? " " })
+                            ((v = r.category) == null ? void 0 : v.type) ?? " ",
+                            /* @__PURE__ */ e.jsx("p", { className: "date", children: ((y = r.category) == null ? void 0 : y.published_at) ?? " " })
                           ] }),
                           /* @__PURE__ */ e.jsx(
-                            $,
+                            L,
                             {
-                              href: ((y = s[w]) == null ? void 0 : y.href) || "",
+                              href: ((C = s[w]) == null ? void 0 : C.href) || "",
                               target: t ? "_blank" : "_self",
                               children: /* @__PURE__ */ e.jsx("h1", { className: "title", children: r.title })
                             }
@@ -279,25 +257,21 @@ const Y = ({
                     )
                   ] })
                 },
-                d
+                B
               );
             }),
             /* @__PURE__ */ e.jsx(
-              te,
+              ee,
               {
                 slides: s,
                 currentIndex: w,
-                goPrev: B,
-                goNext: f,
-                autoplay: h,
+                goPrev: _,
+                goNext: x,
+                autoplay: g,
                 toggleAutoPlay: E,
-                type: c,
-                gradientColorStyle: j,
-                paginationLabel: l,
-                handleDotClick: (r) => {
-                  var d;
-                  (d = m.current) == null || d.slideToLoop(r);
-                }
+                type: h,
+                gradientColorStyle: f,
+                paginationLabel: u
               }
             )
           ]
@@ -309,9 +283,8 @@ const Y = ({
 export {
   Z as AutoplayButton,
   Y as BlurImageSlide,
-  ee as DotsPagination,
-  be as Slider,
-  te as SliderPagination,
+  ye as Slider,
+  ee 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 { CardCategory, Col, Row } from \"@/components\";\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\nimport { Pause } from \"@/icons/Pause\";\nimport { Tags } from \"@/index\";\nimport { splitInTwo } from \"@/utils/splitInTwo\";\nimport { GetValues } from \"@anoki/fse-common/dist\";\nimport clsx from \"clsx\";\nimport {\n  CSSProperties,\n  ElementType,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport \"swiper/css\";\nimport \"swiper/css/navigation\";\nimport \"swiper/css/pagination\";\nimport { A11y, Navigation, Pagination } from \"swiper/modules\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\nimport \"./Slider.scss\";\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  gradientStyle?: CSSProperties;\n  withShadow?: boolean;\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  gradientStyle,\n  withShadow,\n  ...slide\n}: BlurImageSlideProps) => {\n  const blurPercentageStyle = {\n    \"--blur-percentage\": slide?.blurPercentage\n      ? `${slide?.blurPercentage}px`\n      : \"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  return (\n    <div\n      className={clsx(\"is-event\", \"hero-event-container\", {\n        \"with-shadow\": withShadow,\n      })}\n      style={gradientStyle}\n    >\n      <img\n        className=\"hero-event-background\"\n        src={slide.src}\n        alt={`Evento ${slide.alt}`}\n        style={blurPercentageStyle}\n      />\n      <div className={\"hero-event-content\"}>\n        <div className=\"image-container\">\n          {!!slide.src && (\n            <ImageComponent\n              alt={`${slide.title} image`}\n              src={slide.src}\n              style={{ aspectRatio: 21 / 9 }}\n            />\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    return slides.map((_, i) => i);\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 */ false);\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                  withShadow={withShadow}\n                  gradientStyle={gradientColorStyle}\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","gradientStyle","withShadow","slide","blurPercentageStyle","firstTitleLine","secondTitleLine","useMemo","splitInTwo","jsxs","clsx","jsx","Col","CardCategory","_a","Tags","AutoplayButton","autoplay","toggleAutoPlay","Pause","PlayVideo","DotsPagination","slides","activeIndex","handleDotClick","getVisibleDots","_","i","index","SliderPagination","currentIndex","goPrev","goNext","type","gradientColorStyle","paginationLabel","Row","ArrowLeft","Slider","asLink","asImage","timeout","openInNewTab","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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"}
+{"version":3,"file":"index.es153.js","sources":["../src/sections/Slider/index.tsx"],"sourcesContent":["import { CardCategory, Col, Row } from \"@/components\";\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\nimport { Pause } from \"@/icons/Pause\";\nimport { Tags } from \"@/index\";\nimport { splitInTwo } from \"@/utils/splitInTwo\";\nimport { GetValues } from \"@anoki/fse-common/dist\";\nimport clsx from \"clsx\";\nimport {\n  CSSProperties,\n  ElementType,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport \"swiper/css\";\nimport \"swiper/css/navigation\";\nimport \"swiper/css/pagination\";\nimport { A11y, Navigation, Pagination } from \"swiper/modules\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\nimport \"./Slider.scss\";\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  gradientStyle?: CSSProperties;\n  withShadow?: boolean;\n} & Slide;\n\nexport const BlurImageSlide = ({\n  ImageComponent,\n  tagsLabelTitle = \"Argomenti correlati\",\n  gradientStyle,\n  withShadow,\n  ...slide\n}: BlurImageSlideProps) => {\n  const blurPercentageStyle = {\n    \"--blur-percentage\": slide?.blurPercentage\n      ? `${slide?.blurPercentage}px`\n      : \"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  return (\n    <div\n      className={clsx(\"is-event\", \"hero-event-container\", {\n        \"with-shadow\": withShadow,\n      })}\n      style={gradientStyle}\n    >\n      <img\n        className=\"hero-event-background\"\n        src={slide.src}\n        alt={`Evento ${slide.alt}`}\n        style={blurPercentageStyle}\n      />\n      <div className={\"hero-event-content\"}>\n        <div className=\"image-container\">\n          {!!slide.src && (\n            <ImageComponent\n              alt={`${slide.title} image`}\n              src={slide.src}\n              style={{ aspectRatio: 21 / 9 }}\n            />\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 type SliderPaginationProps = {\n  slides: Slide[];\n  currentIndex: number;\n  goPrev: () => void;\n  goNext: () => void;\n  autoplay: boolean;\n  toggleAutoPlay: () => void;\n  gradientColorStyle: CSSProperties;\n  paginationLabel?: string;\n  type: SliderType;\n};\n\nexport const SliderPagination = ({\n  slides,\n  currentIndex,\n  goPrev,\n  goNext,\n  autoplay,\n  toggleAutoPlay,\n  gradientColorStyle,\n  type,\n  paginationLabel = \"di\",\n}: SliderPaginationProps) => {\n  return (\n    <Row\n      className={clsx(\"pagination\", type)}\n      gap=\"x20\"\n      style={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      <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  );\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 */ false);\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                  withShadow={withShadow}\n                  gradientStyle={gradientColorStyle}\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          />\n        </Swiper>\n      </div>\n    </Col>\n  );\n};\n"],"names":["SliderTypeEnum","BlurImageSlide","ImageComponent","tagsLabelTitle","gradientStyle","withShadow","slide","blurPercentageStyle","firstTitleLine","secondTitleLine","useMemo","splitInTwo","jsxs","clsx","jsx","Col","CardCategory","_a","Tags","AutoplayButton","autoplay","toggleAutoPlay","Pause","PlayVideo","SliderPagination","slides","currentIndex","goPrev","goNext","gradientColorStyle","type","paginationLabel","Row","ArrowLeft","Slider","asLink","asImage","timeout","openInNewTab","gradientColor","swiperHeight","LinkTag","swiperRef","useRef","setCurrentIndex","useState","setAutoplay","useCallback","swiper","useEffect","intervalId","swiperStyle","Swiper","Navigation","Pagination","A11y","index","SwiperSlide","Fragment","_b","File","_c"],"mappings":"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"}

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.es320.js";
+import { createColorClasses as z } from "./index.es283.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.es320.js";
+import { createColorClasses as m } from "./index.es283.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.es320.js";
+import { createColorClasses as n } from "./index.es283.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.es320.js";
+import { createColorClasses as n } from "./index.es283.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.es320.js";
+import { createColorClasses as x } from "./index.es283.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.es320.js";
+import { createColorClasses as m } from "./index.es283.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.es320.js";
+import { createColorClasses as y } from "./index.es283.js";
 const n = ({
   width: e = 121,
   height: t = 121,

package/dist/index.es167.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es250.js";
 import { clsx as i } from "./index.es252.js";
-import { createColorClasses as t } from "./index.es320.js";
+import { createColorClasses as t } from "./index.es283.js";
 const x = ({
   width: m = 100,
   height: c = 100,

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es250.js";
 import { clsx as q } from "./index.es252.js";
-import { createColorClasses as M } from "./index.es320.js";
+import { createColorClasses as M } from "./index.es283.js";
 const i = ({
   width: h = 263,
   height: v = 40,

package/dist/index.es169.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es250.js";
 import { clsx as s } from "./index.es252.js";
-import { createColorClasses as m } from "./index.es320.js";
+import { createColorClasses as m } from "./index.es283.js";
 const p = ({
   width: h = 137,
   height: a = 40,

package/dist/index.es17.js

@@ -1,8 +1,8 @@
 import { j as o } from "./index.es250.js";
 import { useState as p } from "react";
-import { StepItem as S } from "./index.es296.js";
+import { StepItem as S } from "./index.es297.js";
 import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */
-import f from "./index.es298.js";
+import f from "./index.es299.js";
 import { SectionHeading as j } from "./index.es123.js";
 const b = ({
   steps: s,

package/dist/index.es170.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es250.js";
 import { clsx as i } from "./index.es252.js";
-import { createColorClasses as a } from "./index.es320.js";
+import { createColorClasses as a } from "./index.es283.js";
 const p = ({
   width: m = 118,
   height: h = 40,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es250.js";
 import { clsx as r } from "./index.es252.js";
-import { createColorClasses as o } from "./index.es320.js";
+import { createColorClasses as o } from "./index.es283.js";
 const d = ({
   width: s = 44,
   height: a = 44,

package/dist/index.es172.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es250.js";
 import { clsx as z } from "./index.es252.js";
-import { createColorClasses as d } from "./index.es320.js";
+import { createColorClasses as d } from "./index.es283.js";
 const v = ({
   width: a = 101,
   height: c = 40,

package/dist/index.es173.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es250.js";
 import { clsx as m } from "./index.es252.js";
-import { createColorClasses as t } from "./index.es320.js";
+import { createColorClasses as t } from "./index.es283.js";
 const i = ({
   width: v = 181,
   height: l = 40,

package/dist/index.es174.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es250.js";
 import { clsx as o } from "./index.es252.js";
-import { createColorClasses as v } from "./index.es320.js";
+import { createColorClasses as v } from "./index.es283.js";
 const p = ({
   width: c = 75,
   height: d = 75,

package/dist/index.es175.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es250.js";
 import { clsx as t } from "./index.es252.js";
-import { createColorClasses as i } from "./index.es320.js";
+import { createColorClasses as i } from "./index.es283.js";
 const d = ({
   width: s = 75,
   height: c = 75,

package/dist/index.es176.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es250.js";
 import { clsx as f } from "./index.es252.js";
-import { createColorClasses as n } from "./index.es320.js";
+import { createColorClasses as n } from "./index.es283.js";
 const c = ({
   width: l = 24,
   height: t = 24,