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

package/dist/index.es153.js

@@ -1,80 +1,87 @@
 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 { Pause as B } from "./index.es451.js";
+import "./index.es.js";
+import { splitInTwo as U } from "./index.es289.js";
+import { clsx as p } from "./index.es253.js";
+import { useMemo as F, useRef as M, useState as P, useCallback as S, 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.es331.js";
+import q from "./index.es332.js";
+import z from "./index.es452.js";
+import { Swiper as H, SwiperSlide as J } from "./index.es330.js";
 /* empty css            */
-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 { Col as L } 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 { Row as k } from "./index.es116.js";
+import { ArrowLeft as A } 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
+  gradientStyle: l,
+  ...t
 }) => {
   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: [
+    "--blur-percentage": t != null && t.blurPercentage ? `${t == null ? void 0 : t.blurPercentage}px` : "5px"
+  }, [m, o] = 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]);
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: p("is-event", "hero-event-container", "with-shadow"),
+      style: l,
+      children: [
         /* @__PURE__ */ e.jsx(
-          s,
+          "img",
           {
-            alt: `${r.title} image`,
-            src: r.src,
-            style: { aspectRatio: 21 / 9 }
+            className: "hero-event-background",
+            src: t.src,
+            alt: `Evento ${t.alt}`,
+            style: n
           }
         ),
-        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("div", { className: "hero-event-content", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "image-container", children: [
+            !!t.src && /* @__PURE__ */ e.jsx(
+              s,
+              {
+                alt: `${t.title} image`,
+                src: t.src,
+                style: { aspectRatio: 21 / 9 }
+              }
+            ),
+            t.slideTitle && /* @__PURE__ */ e.jsxs("p", { className: p("short-title", t.titleAlignment), children: [
+              /* @__PURE__ */ e.jsx("span", { children: m }),
+              o && /* @__PURE__ */ e.jsx("span", { children: o })
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsxs(L, { justifyContent: "center", className: "hero-event-card-container", children: [
+            /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
+              Q,
+              {
+                title: t.title,
+                className: "w-full",
+                description2: t.description,
+                classNameTitle: "text-slate-20 fs-5 md-fs-custom-2",
+                classNameDescriptionTitle: "text-slate-28 fw-bold fs-6 md-fs-custom"
+              }
+            ) }),
+            t.tags && ((a = t.tags) == null ? void 0 : a.length) > 0 && /* @__PURE__ */ e.jsx(K, { title: i, items: t.tags ?? [] })
+          ] })
         ] })
-      ] }),
-      /* @__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,
+  B,
   {
     width: 20,
     height: 20,
@@ -95,11 +102,11 @@ const Y = ({
   activeIndex: i,
   handleDotClick: l
 }) => {
-  const r = () => {
+  const t = () => {
     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(
+  return /* @__PURE__ */ e.jsx("div", { className: "custom-pagination", children: t().map((n) => /* @__PURE__ */ e.jsx(
     "button",
     {
       onClick: () => l(n),
@@ -111,23 +118,23 @@ const Y = ({
   slides: s,
   currentIndex: i,
   goPrev: l,
-  goNext: r,
+  goNext: t,
   autoplay: n,
   toggleAutoPlay: m,
   type: o,
   gradientColorStyle: a,
   paginationLabel: g = "di",
-  handleDotClick: p
+  handleDotClick: u
 }) => /* @__PURE__ */ e.jsxs(
-  A,
+  k,
   {
-    className: u("pagination", o),
+    className: p("pagination", o),
     gap: "x20",
     style: o === "full-image" ? a : {},
     children: [
-      s.length > 1 && /* @__PURE__ */ e.jsxs(A, { alignItems: "center", children: [
+      s.length > 1 && /* @__PURE__ */ e.jsxs(k, { alignItems: "center", children: [
         /* @__PURE__ */ e.jsx(
-          L,
+          A,
           {
             width: 40,
             height: 40,
@@ -143,65 +150,65 @@ const Y = ({
         {
           slides: s,
           activeIndex: i,
-          handleDotClick: p
+          handleDotClick: u
         }
       ) : /* @__PURE__ */ e.jsx("span", { children: `${i + 1} ${g} ${s.length}` }),
       s.length > 1 && /* @__PURE__ */ e.jsx(
-        L,
+        A,
         {
           width: 40,
           height: 40,
           className: "next cursor-pointer",
-          onClick: r,
+          onClick: t,
           color: "white"
         }
       )
     ]
   }
-), Te = ({
+), be = ({
   slides: s = [],
   asLink: i = "a",
   asImage: l = "img",
-  timeout: r = 3e3,
+  timeout: t = 3e3,
   openInNewTab: n = !1,
   paginationLabel: m = "di",
   withShadow: o = !0,
   gradientColor: a = "#3d6289",
   swiperHeight: g = 574,
-  type: p = "full-image",
+  type: u = "full-image",
   tagsLabelTitle: $ = "Argomenti correlati"
 }) => {
-  const I = i || "a", j = l, c = U(null), [N, D] = S(0), [h, R] = S(!0), _ = () => {
+  const I = i || "a", w = l, c = M(null), [N, D] = P(0), [h, R] = P(!0), _ = () => {
     R(!h);
-  }, f = k(() => {
+  }, x = S(() => {
     if (!c.current) return;
-    const t = c.current;
-    t.isEnd && !t.params.loop ? t.slideTo(0) : t.slideNext();
-  }, []), E = k(() => {
+    const r = c.current;
+    r.isEnd && !r.params.loop ? r.slideTo(0) : r.slideNext();
+  }, []), E = S(() => {
     if (!c.current) return;
-    const t = c.current;
-    t.isBeginning && !t.params.loop ? t.slideTo(t.slides.length - 1) : t.slidePrev();
+    const r = c.current;
+    r.isBeginning && !r.params.loop ? r.slideTo(r.slides.length - 1) : r.slidePrev();
   }, []);
-  F(() => {
-    const t = h ? setInterval(() => {
-      f();
-    }, r) : null;
+  V(() => {
+    const r = h ? setInterval(() => {
+      x();
+    }, t) : null;
     return () => {
-      t && clearInterval(t);
+      r && clearInterval(r);
     };
-  }, [h, f, r]);
-  const w = {
+  }, [h, x, t]);
+  const j = {
     "--gradient": a
   }, v = {
     "--swiper-height": `${g}px`
   };
   return /* @__PURE__ */ e.jsx(
-    P,
+    L,
     {
-      className: u("ui-slider-section-wrapper-container", p),
+      className: p("ui-slider-section-wrapper-container", u),
       style: v,
       children: /* @__PURE__ */ e.jsx("div", { className: "ui-slider", children: /* @__PURE__ */ e.jsxs(
-        M,
+        H,
         {
           modules: [G, q, z],
           slidesPerView: 1,
@@ -209,57 +216,58 @@ const Y = ({
           observer: !0,
           observeParents: !0,
           loop: !0,
-          onSwiper: (t) => c.current = t,
-          onSlideChange: (t) => D(t.realIndex),
+          onSwiper: (r) => c.current = r,
+          onSlideChange: (r) => D(r.realIndex),
           style: v,
           children: [
-            s.map((t, d) => {
-              var C, T, y;
+            s.map((r, d) => {
+              var C, b, y;
               return /* @__PURE__ */ e.jsx(
-                V,
+                J,
                 {
-                  className: u(
-                    p === "blur-image" ? "ui-slider-section-wrapper-container" : ""
+                  className: p(
+                    u === "blur-image" ? "ui-slider-section-wrapper-container" : ""
                   ),
-                  children: p === "blur-image" ? /* @__PURE__ */ e.jsx(
+                  children: u === "blur-image" ? /* @__PURE__ */ e.jsx(
                     Y,
                     {
-                      ...t,
-                      ImageComponent: j,
-                      tagsLabelTitle: $
+                      ...r,
+                      ImageComponent: w,
+                      tagsLabelTitle: $,
+                      gradientStyle: j
                     }
                   ) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
                     /* @__PURE__ */ e.jsx(
-                      j,
+                      w,
                       {
-                        src: t.src,
-                        alt: t.alt,
+                        src: r.src,
+                        alt: r.alt,
                         className: "slider-image",
                         onLoad: () => {
-                          var x, b;
-                          return (b = (x = c.current) == null ? void 0 : x.update) == null ? void 0 : b.call(x);
+                          var f, T;
+                          return (T = (f = c.current) == null ? void 0 : f.update) == null ? void 0 : T.call(f);
                         }
                       }
                     ),
                     /* @__PURE__ */ e.jsx(
                       "div",
                       {
-                        className: u("slider-content", {
+                        className: p("slider-content", {
                           "with-shadow": o
                         }),
-                        style: w,
+                        style: j,
                         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) ?? " " })
+                            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) ?? " " })
                           ] }),
                           /* @__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 })
+                              children: /* @__PURE__ */ e.jsx("h1", { className: "title", children: r.title })
                             }
                           )
                         ] }) })
@@ -276,15 +284,15 @@ const Y = ({
                 slides: s,
                 currentIndex: N,
                 goPrev: E,
-                goNext: f,
+                goNext: x,
                 autoplay: h,
                 toggleAutoPlay: _,
-                type: p,
-                gradientColorStyle: w,
+                type: u,
+                gradientColorStyle: j,
                 paginationLabel: m,
-                handleDotClick: (t) => {
+                handleDotClick: (r) => {
                   var d;
-                  (d = c.current) == null || d.slideToLoop(t);
+                  (d = c.current) == null || d.slideToLoop(r);
                 }
               }
             )
@@ -298,7 +306,7 @@ export {
   Z as AutoplayButton,
   Y as BlurImageSlide,
   ee as DotsPagination,
-  Te as Slider,
+  be as Slider,
   te as SliderPagination,
   X as SliderTypeEnum
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.es154.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\nimport {\n  AggregationItemCard,\n  Button,\n  Row,\n  SectionHeading,\n} from \"../../components\";\nimport \"./CommunicationContents.scss\";\nimport Masonry from \"react-layout-masonry\";\n\nexport type CommunicationContentsProps = {\n  sectionId?: string;\n  title: string;\n  elements: any[];\n  total: number;\n  totalLabels?: {\n    first: string;\n    middle: string;\n    end: string;\n  };\n  loading?: boolean;\n  handleLoadMore: () => void;\n  showMoreTitle?: string;\n  noResultsLabel?: string;\n};\n\nexport function CommunicationContents({\n  title,\n  elements = [],\n  total,\n  totalLabels = { first: \"Stai visualizzando\", middle: \"di\", end: \"elementi\" },\n  handleLoadMore,\n  loading = false,\n  showMoreTitle = \"Visualizza altro \",\n  noResultsLabel = \"Nessun risultato trovato\",\n}: CommunicationContentsProps) {\n  const showMoreButtonVisible = total > elements?.length;\n\n  return (\n    <section className=\"communication-contents d-flex section-gap flex-column\">\n      <SectionHeading className=\"title\" title={title} />\n      <Masonry\n        columns={{ 0: 1, 768: 2, 992: 3 }}\n        gap={24}\n        className=\"masonry-component\"\n      >\n        {elements?.map((element) => (\n          <AggregationItemCard {...element} key={element._id} />\n        ))}\n      </Masonry>\n      <Row className=\"w-full-adpt\" justifyContent=\"center\" m=\"x12\">\n        {loading && <Spinner height={30} width={30} />}\n      </Row>\n      <span className=\"total-elements-label\">\n        {elements?.length === 0 ? (\n          <span>{noResultsLabel}</span>\n        ) : (\n          <>\n            <span>{totalLabels.first}</span>\n            <Row justifyContent=\"center\" gap=\"x4\">\n              <b>{elements?.length}</b>\n              <span>{totalLabels.middle}</span>\n              <span>{total}</span>\n              <span>{totalLabels.end}</span>\n            </Row>\n          </>\n        )}\n      </span>\n      {showMoreButtonVisible && !loading && elements?.length > 0 && (\n        <Row justifyContent=\"center\" alignItems=\"center\" mt=\"x16\">\n          <Button onClick={handleLoadMore}>{showMoreTitle}</Button>\n        </Row>\n      )}\n    </section>\n  );\n}\n"],"names":["CommunicationContents","title","elements","total","totalLabels","handleLoadMore","loading","showMoreTitle","noResultsLabel","showMoreButtonVisible","jsxs","jsx","SectionHeading","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":";;;;;;;;;AA0BO,SAASA,EAAsB;AAAA,EACpC,OAAAC;AAAA,EACA,UAAAC,IAAW,CAAC;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC,IAAc,EAAE,OAAO,sBAAsB,QAAQ,MAAM,KAAK,WAAW;AAAA,EAC3E,gBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AACnB,GAA+B;AACvB,QAAAC,IAAwBN,KAAQD,KAAA,gBAAAA,EAAU;AAG9C,SAAAQ,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,yDACjB,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAAC,GAAA,EAAe,WAAU,SAAQ,OAAAX,EAAc,CAAA;AAAA,IAChDU,gBAAAA,EAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,EAAE;AAAA,QAChC,KAAK;AAAA,QACL,WAAU;AAAA,QAET,UAAAX,KAAA,gBAAAA,EAAU,IAAI,CAACY,MACd,gBAAAC,EAACC,GAAqB,EAAA,GAAGF,GAAS,KAAKA,EAAQ,IAAA,CAAK;AAAA,MACrD;AAAA,IACH;AAAA,IACCH,gBAAAA,MAAAM,GAAA,EAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAX,2BAAYY,GAAQ,EAAA,QAAQ,IAAI,OAAO,GAAI,CAAA,GAC9C;AAAA,IACAP,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,wBACb,WAAAT,KAAA,gBAAAA,EAAU,YAAW,IACnBS,gBAAAA,EAAA,IAAA,QAAA,EAAM,UAAeH,EAAA,CAAA,IAGpBE,gBAAAA,OAAAS,EAAAA,UAAA,EAAA,UAAA;AAAA,MAACR,gBAAAA,EAAAA,IAAA,QAAA,EAAM,YAAY,MAAM,CAAA;AAAA,MACxBD,gBAAAA,EAAA,KAAAO,GAAA,EAAI,gBAAe,UAAS,KAAI,MAC/B,UAAA;AAAA,QAACN,gBAAAA,EAAAA,IAAA,KAAA,EAAG,iCAAU,OAAO,CAAA;AAAA,QACrBA,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAP,EAAY,OAAO,CAAA;AAAA,QAC1BO,gBAAAA,EAAAA,IAAC,UAAM,UAAMR,EAAA,CAAA;AAAA,QACbQ,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAP,EAAY,IAAI,CAAA;AAAA,MAAA,EACzB,CAAA;AAAA,IAAA,EAAA,CACF,EAEJ,CAAA;AAAA,IACCK,KAAyB,CAACH,MAAWJ,KAAA,gBAAAA,EAAU,UAAS,2BACtDe,GAAI,EAAA,gBAAe,UAAS,YAAW,UAAS,IAAG,OAClD,UAAAN,gBAAAA,EAAAA,IAACS,KAAO,SAASf,GAAiB,aAAc,EAClD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es154.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\r\nimport {\r\n  AggregationItemCard,\r\n  Button,\r\n  Row,\r\n  SectionHeading,\r\n} from \"../../components\";\r\nimport \"./CommunicationContents.scss\";\r\nimport Masonry from \"react-layout-masonry\";\r\n\r\nexport type CommunicationContentsProps = {\r\n  sectionId?: string;\r\n  title: string;\r\n  elements: any[];\r\n  total: number;\r\n  totalLabels?: {\r\n    first: string;\r\n    middle: string;\r\n    end: string;\r\n  };\r\n  loading?: boolean;\r\n  handleLoadMore: () => void;\r\n  showMoreTitle?: string;\r\n  noResultsLabel?: string;\r\n};\r\n\r\nexport function CommunicationContents({\r\n  title,\r\n  elements = [],\r\n  total,\r\n  totalLabels = { first: \"Stai visualizzando\", middle: \"di\", end: \"elementi\" },\r\n  handleLoadMore,\r\n  loading = false,\r\n  showMoreTitle = \"Visualizza altro \",\r\n  noResultsLabel = \"Nessun risultato trovato\",\r\n}: CommunicationContentsProps) {\r\n  const showMoreButtonVisible = total > elements?.length;\r\n\r\n  return (\r\n    <section className=\"communication-contents d-flex section-gap flex-column\">\r\n      <SectionHeading className=\"title\" title={title} />\r\n      <Masonry\r\n        columns={{ 0: 1, 768: 2, 992: 3 }}\r\n        gap={24}\r\n        className=\"masonry-component\"\r\n      >\r\n        {elements?.map((element) => (\r\n          <AggregationItemCard {...element} key={element._id} />\r\n        ))}\r\n      </Masonry>\r\n      <Row className=\"w-full-adpt\" justifyContent=\"center\" m=\"x12\">\r\n        {loading && <Spinner height={30} width={30} />}\r\n      </Row>\r\n      <span className=\"total-elements-label\">\r\n        {elements?.length === 0 ? (\r\n          <span>{noResultsLabel}</span>\r\n        ) : (\r\n          <>\r\n            <span>{totalLabels.first}</span>\r\n            <Row justifyContent=\"center\" gap=\"x4\">\r\n              <b>{elements?.length}</b>\r\n              <span>{totalLabels.middle}</span>\r\n              <span>{total}</span>\r\n              <span>{totalLabels.end}</span>\r\n            </Row>\r\n          </>\r\n        )}\r\n      </span>\r\n      {showMoreButtonVisible && !loading && elements?.length > 0 && (\r\n        <Row justifyContent=\"center\" alignItems=\"center\" mt=\"x16\">\r\n          <Button onClick={handleLoadMore}>{showMoreTitle}</Button>\r\n        </Row>\r\n      )}\r\n    </section>\r\n  );\r\n}\r\n"],"names":["CommunicationContents","title","elements","total","totalLabels","handleLoadMore","loading","showMoreTitle","noResultsLabel","showMoreButtonVisible","jsxs","jsx","SectionHeading","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":";;;;;;;;;AA0BO,SAASA,EAAsB;AAAA,EACpC,OAAAC;AAAA,EACA,UAAAC,IAAW,CAAC;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC,IAAc,EAAE,OAAO,sBAAsB,QAAQ,MAAM,KAAK,WAAW;AAAA,EAC3E,gBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AACnB,GAA+B;AACvB,QAAAC,IAAwBN,KAAQD,KAAA,gBAAAA,EAAU;AAG9C,SAAAQ,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,yDACjB,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAAC,GAAA,EAAe,WAAU,SAAQ,OAAAX,EAAc,CAAA;AAAA,IAChDU,gBAAAA,EAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,EAAE;AAAA,QAChC,KAAK;AAAA,QACL,WAAU;AAAA,QAET,UAAAX,KAAA,gBAAAA,EAAU,IAAI,CAACY,MACd,gBAAAC,EAACC,GAAqB,EAAA,GAAGF,GAAS,KAAKA,EAAQ,IAAA,CAAK;AAAA,MACrD;AAAA,IACH;AAAA,IACCH,gBAAAA,MAAAM,GAAA,EAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAX,2BAAYY,GAAQ,EAAA,QAAQ,IAAI,OAAO,GAAI,CAAA,GAC9C;AAAA,IACAP,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,wBACb,WAAAT,KAAA,gBAAAA,EAAU,YAAW,IACnBS,gBAAAA,EAAA,IAAA,QAAA,EAAM,UAAeH,EAAA,CAAA,IAGpBE,gBAAAA,OAAAS,EAAAA,UAAA,EAAA,UAAA;AAAA,MAACR,gBAAAA,EAAAA,IAAA,QAAA,EAAM,YAAY,MAAM,CAAA;AAAA,MACxBD,gBAAAA,EAAA,KAAAO,GAAA,EAAI,gBAAe,UAAS,KAAI,MAC/B,UAAA;AAAA,QAACN,gBAAAA,EAAAA,IAAA,KAAA,EAAG,iCAAU,OAAO,CAAA;AAAA,QACrBA,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAP,EAAY,OAAO,CAAA;AAAA,QAC1BO,gBAAAA,EAAAA,IAAC,UAAM,UAAMR,EAAA,CAAA;AAAA,QACbQ,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAP,EAAY,IAAI,CAAA;AAAA,MAAA,EACzB,CAAA;AAAA,IAAA,EAAA,CACF,EAEJ,CAAA;AAAA,IACCK,KAAyB,CAACH,MAAWJ,KAAA,gBAAAA,EAAU,UAAS,2BACtDe,GAAI,EAAA,gBAAe,UAAS,YAAW,UAAS,IAAG,OAClD,UAAAN,gBAAAA,EAAAA,IAACS,KAAO,SAASf,GAAiB,aAAc,EAClD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es155.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es155.js","sources":["../src/sections/TagsSection/index.tsx"],"sourcesContent":["import { Col, Link, Row, Tag } from \"@/components\";\nimport { ArrowRight } from \"@/icons\";\nimport { AggregationPage } from \"@anoki/fse-common/dist\";\n\nexport type FilterTag = {\n  selected: boolean;\n  onClick?: () => void;\n} & Partial<AggregationPage>;\n\ntype Props = {\n  title: string;\n  showAllLabel?: string;\n  showAllHref?: string;\n  mainTag: {\n    label?: string;\n    onClick?: () => void;\n    selected?: boolean;\n  };\n  tags: Array<FilterTag>;\n  onTagClick: () => void;\n};\n\nexport const TagsSection = ({\n  title,\n  mainTag = {\n    label: \"Tutto\",\n    onClick: () => {},\n    selected: true,\n  },\n  tags,\n  showAllHref,\n  showAllLabel = \"Scopri tutti tags\",\n  onTagClick,\n}: Props) => {\n  return (\n    <Col gap=\"x28\">\n      <Row alignItems=\"center\" justifyContent=\"space-between\">\n        {title && (\n          <h2 className=\"title text-slate-20 fs-custom fw-bold\">{title}</h2>\n        )}\n        <Link\n          transform=\"uppercase\"\n          decoration=\"fw-semibold text-primary fs-8 mr-x8 text-decoration-none\"\n          title={showAllLabel}\n          src={showAllHref ?? \"\"}\n          icon={ArrowRight}\n        />\n      </Row>\n\n      <Row\n        alignItems=\"center\"\n        className=\"overflow-auto w-auto\"\n        gap=\"x16\"\n        flexWrap=\"wrap\"\n      >\n        {[\n          {\n            name: mainTag.label,\n            selected: mainTag.selected,\n            onClick: mainTag.onClick,\n          },\n          ...tags,\n        ].map((tag, index) => (\n          <Tag\n            key={index}\n            mode=\"filter\"\n            label={tag.name ?? \"\"}\n            onClick={tag?.onClick ?? onTagClick}\n            selected={tag.selected}\n          />\n        ))}\n      </Row>\n    </Col>\n  );\n};\n"],"names":["TagsSection","title","mainTag","tags","showAllHref","showAllLabel","onTagClick","jsxs","Col","Row","jsx","Link","ArrowRight","tag","index","Tag"],"mappings":";;;;;;AAsBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,IACR,OAAO;AAAA,IACP,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,UAAU;AAAA,EACZ;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,YAAAC;AACF,MAEIC,gBAAAA,EAAA,KAACC,GAAI,EAAA,KAAI,OACP,UAAA;AAAA,EAAAD,gBAAAA,EAAA,KAACE,GAAI,EAAA,YAAW,UAAS,gBAAe,iBACrC,UAAA;AAAA,IAAAR,KACES,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,yCAAyC,UAAMT,GAAA;AAAA,IAE/DS,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,YAAW;AAAA,QACX,OAAON;AAAA,QACP,KAAKD,KAAe;AAAA,QACpB,MAAMQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAAA,EAEAF,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAS;AAAA,MAER,UAAA;AAAA,QACC;AAAA,UACE,MAAMP,EAAQ;AAAA,UACd,UAAUA,EAAQ;AAAA,UAClB,SAASA,EAAQ;AAAA,QACnB;AAAA,QACA,GAAGC;AAAA,MACH,EAAA,IAAI,CAACU,GAAKC,MACVJ,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,OAAOF,EAAI,QAAQ;AAAA,UACnB,UAASA,KAAA,gBAAAA,EAAK,YAAWP;AAAA,UACzB,UAAUO,EAAI;AAAA,QAAA;AAAA,QAJTC;AAAA,MAMR,CAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es155.js","sources":["../src/sections/TagsSection/index.tsx"],"sourcesContent":["import { Col, Link, Row, Tag } from \"@/components\";\r\nimport { ArrowRight } from \"@/icons\";\r\nimport { AggregationPage } from \"@anoki/fse-common/dist\";\r\n\r\nexport type FilterTag = {\r\n  selected: boolean;\r\n  onClick?: () => void;\r\n} & Partial<AggregationPage>;\r\n\r\ntype Props = {\r\n  title: string;\r\n  showAllLabel?: string;\r\n  showAllHref?: string;\r\n  mainTag: {\r\n    label?: string;\r\n    onClick?: () => void;\r\n    selected?: boolean;\r\n  };\r\n  tags: Array<FilterTag>;\r\n  onTagClick: () => void;\r\n};\r\n\r\nexport const TagsSection = ({\r\n  title,\r\n  mainTag = {\r\n    label: \"Tutto\",\r\n    onClick: () => {},\r\n    selected: true,\r\n  },\r\n  tags,\r\n  showAllHref,\r\n  showAllLabel = \"Scopri tutti tags\",\r\n  onTagClick,\r\n}: Props) => {\r\n  return (\r\n    <Col gap=\"x28\">\r\n      <Row alignItems=\"center\" justifyContent=\"space-between\">\r\n        {title && (\r\n          <h2 className=\"title text-slate-20 fs-custom fw-bold\">{title}</h2>\r\n        )}\r\n        <Link\r\n          transform=\"uppercase\"\r\n          decoration=\"fw-semibold text-primary fs-8 mr-x8 text-decoration-none\"\r\n          title={showAllLabel}\r\n          src={showAllHref ?? \"\"}\r\n          icon={ArrowRight}\r\n        />\r\n      </Row>\r\n\r\n      <Row\r\n        alignItems=\"center\"\r\n        className=\"overflow-auto w-auto\"\r\n        gap=\"x16\"\r\n        flexWrap=\"wrap\"\r\n      >\r\n        {[\r\n          {\r\n            name: mainTag.label,\r\n            selected: mainTag.selected,\r\n            onClick: mainTag.onClick,\r\n          },\r\n          ...tags,\r\n        ].map((tag, index) => (\r\n          <Tag\r\n            key={index}\r\n            mode=\"filter\"\r\n            label={tag.name ?? \"\"}\r\n            onClick={tag?.onClick ?? onTagClick}\r\n            selected={tag.selected}\r\n          />\r\n        ))}\r\n      </Row>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["TagsSection","title","mainTag","tags","showAllHref","showAllLabel","onTagClick","jsxs","Col","Row","jsx","Link","ArrowRight","tag","index","Tag"],"mappings":";;;;;;AAsBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,IACR,OAAO;AAAA,IACP,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,UAAU;AAAA,EACZ;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,YAAAC;AACF,MAEIC,gBAAAA,EAAA,KAACC,GAAI,EAAA,KAAI,OACP,UAAA;AAAA,EAAAD,gBAAAA,EAAA,KAACE,GAAI,EAAA,YAAW,UAAS,gBAAe,iBACrC,UAAA;AAAA,IAAAR,KACES,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,yCAAyC,UAAMT,GAAA;AAAA,IAE/DS,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,YAAW;AAAA,QACX,OAAON;AAAA,QACP,KAAKD,KAAe;AAAA,QACpB,MAAMQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAAA,EAEAF,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAS;AAAA,MAER,UAAA;AAAA,QACC;AAAA,UACE,MAAMP,EAAQ;AAAA,UACd,UAAUA,EAAQ;AAAA,UAClB,SAASA,EAAQ;AAAA,QACnB;AAAA,QACA,GAAGC;AAAA,MACH,EAAA,IAAI,CAACU,GAAKC,MACVJ,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,OAAOF,EAAI,QAAQ;AAAA,UACnB,UAASA,KAAA,gBAAAA,EAAK,YAAWP;AAAA,UACzB,UAAUO,EAAI;AAAA,QAAA;AAAA,QAJTC;AAAA,MAMR,CAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es156.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es156.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import {\n  CommunicationSearch,\n  CommunicationSearchProps,\n  SectionHeading,\n} from \"@/components\";\n\ntype Props = {\n  title: string;\n  tags?: Array<{ title: string; href: string }>;\n  searchProps: CommunicationSearchProps;\n};\n\nexport const CommunicationSearchSection = ({\n  title,\n  /* tags, */\n  searchProps,\n}: Props) => {\n  return (\n    <section className=\"d-flex flex-column gap-x28\">\n      <SectionHeading\n        className=\"title\"\n        title={title}\n        titleMarginBottom=\"mb-x0\"\n      />\n      <CommunicationSearch {...searchProps} />\n      {/* tags && <TagsSection /> */}\n    </section>\n  );\n};\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","SectionHeading","CommunicationSearch"],"mappings":";;;AAYO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA;AAAA,EAEA,aAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,8BACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAAJ;AAAA,MACA,mBAAkB;AAAA,IAAA;AAAA,EACpB;AAAA,EACAG,gBAAAA,MAACE,GAAqB,EAAA,GAAGJ,EAAa,CAAA;AAAA,GAExC;"}
+{"version":3,"file":"index.es156.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import {\r\n  CommunicationSearch,\r\n  CommunicationSearchProps,\r\n  SectionHeading,\r\n} from \"@/components\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  tags?: Array<{ title: string; href: string }>;\r\n  searchProps: CommunicationSearchProps;\r\n};\r\n\r\nexport const CommunicationSearchSection = ({\r\n  title,\r\n  /* tags, */\r\n  searchProps,\r\n}: Props) => {\r\n  return (\r\n    <section className=\"d-flex flex-column gap-x28\">\r\n      <SectionHeading\r\n        className=\"title\"\r\n        title={title}\r\n        titleMarginBottom=\"mb-x0\"\r\n      />\r\n      <CommunicationSearch {...searchProps} />\r\n      {/* tags && <TagsSection /> */}\r\n    </section>\r\n  );\r\n};\r\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","SectionHeading","CommunicationSearch"],"mappings":";;;AAYO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA;AAAA,EAEA,aAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,8BACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAAJ;AAAA,MACA,mBAAkB;AAAA,IAAA;AAAA,EACpB;AAAA,EACAG,gBAAAA,MAACE,GAAqB,EAAA,GAAGJ,EAAa,CAAA;AAAA,GAExC;"}

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.es251.js";
+import { clsx as r } from "./index.es253.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.es157.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es157.js","sources":["../src/sections/TableList/index.tsx"],"sourcesContent":["import { Col, Section, SectionHeading } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\nimport \"./TableList.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { HTML } from \"../HTMLBalancer\";\nimport React from \"react\";\nimport clsx from \"clsx\";\n\nexport enum TableAlignment {\n  LEFT = \"text-left\",\n  CENTER = \"text-center\",\n  RIGHT = \"text-right\",\n}\n\ntype TableListProps = PropsWithChildren<{\n  title?: ReactNode;\n  description?: ReactNode;\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  fontSize?: TypographyKeys;\n  mdFontSize?: TypographyKeys;\n  classNameTitle?: string;\n  additionalClass?: string;\n  variantClassTable?: TableAlignment;\n}>;\n\nexport const TableList = ({\n  title,\n  description,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  variantClassTable = TableAlignment.LEFT,\n  children,\n}: TableListProps) => {\n  const desc = !!description\n    ? typeof description === \"string\" && React.isValidElement(description)\n      ? description\n      : HTML(description.toString(), \"div\")\n    : undefined;\n  return (\n    <Section\n      className={clsx(\"base-col ui-table-list-section\", additionalClass)}\n    >\n      <Col className=\"ui-table-list-content\">\n        <SectionHeading\n          fs={fontSize}\n          mdFs={mdFontSize}\n          className={classNameTitle}\n          titleMarginBottom=\"0\"\n          descriptionMarginBottom=\"0\"\n          color={\"blue-48\"}\n          title={title}\n          description={desc}\n          descriptionClassName={clsx(\"text-slate-28\", variantClassTable)}\n        />\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["TableAlignment","TableList","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","children","desc","React","HTML","jsxs","Section","clsx","jsx","Col","SectionHeading"],"mappings":";;;;;;;AASY,IAAAA,sBAAAA,OACVA,EAAA,OAAO,aACPA,EAAA,SAAS,eACTA,EAAA,QAAQ,cAHEA,IAAAA,KAAA,CAAA,CAAA;AAkBL,MAAMC,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,UAAAC;AACF,MAAsB;AACpB,QAAMC,IAASP,IACX,OAAOA,KAAgB,YAAYQ,EAAM,eAAeR,CAAW,IACjEA,IACAS,EAAKT,EAAY,SAAS,GAAG,KAAK,IACpC;AAEF,SAAAU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,kCAAkCR,CAAe;AAAA,MAEjE,UAAA;AAAA,QAACS,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,WAAU,yBACb,UAAAD,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAId;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,mBAAkB;AAAA,YAClB,yBAAwB;AAAA,YACxB,OAAO;AAAA,YACP,OAAAJ;AAAA,YACA,aAAaQ;AAAA,YACb,sBAAsBK,EAAK,iBAAiBP,CAAiB;AAAA,UAAA;AAAA,QAAA,GAEjE;AAAA,QACCC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.es157.js","sources":["../src/sections/TableList/index.tsx"],"sourcesContent":["import { Col, Section, SectionHeading } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\r\nimport \"./TableList.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { HTML } from \"../HTMLBalancer\";\r\nimport React from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\nexport enum TableAlignment {\r\n  LEFT = \"text-left\",\r\n  CENTER = \"text-center\",\r\n  RIGHT = \"text-right\",\r\n}\r\n\r\ntype TableListProps = PropsWithChildren<{\r\n  title?: ReactNode;\r\n  description?: ReactNode;\r\n  links?: SectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  fontSize?: TypographyKeys;\r\n  mdFontSize?: TypographyKeys;\r\n  classNameTitle?: string;\r\n  additionalClass?: string;\r\n  variantClassTable?: TableAlignment;\r\n}>;\r\n\r\nexport const TableList = ({\r\n  title,\r\n  description,\r\n  fontSize = \"2\",\r\n  mdFontSize = \"2\",\r\n  classNameTitle,\r\n  additionalClass,\r\n  variantClassTable = TableAlignment.LEFT,\r\n  children,\r\n}: TableListProps) => {\r\n  const desc = !!description\r\n    ? typeof description === \"string\" && React.isValidElement(description)\r\n      ? description\r\n      : HTML(description.toString(), \"div\")\r\n    : undefined;\r\n  return (\r\n    <Section\r\n      className={clsx(\"base-col ui-table-list-section\", additionalClass)}\r\n    >\r\n      <Col className=\"ui-table-list-content\">\r\n        <SectionHeading\r\n          fs={fontSize}\r\n          mdFs={mdFontSize}\r\n          className={classNameTitle}\r\n          titleMarginBottom=\"0\"\r\n          descriptionMarginBottom=\"0\"\r\n          color={\"blue-48\"}\r\n          title={title}\r\n          description={desc}\r\n          descriptionClassName={clsx(\"text-slate-28\", variantClassTable)}\r\n        />\r\n      </Col>\r\n      {children}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["TableAlignment","TableList","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","children","desc","React","HTML","jsxs","Section","clsx","jsx","Col","SectionHeading"],"mappings":";;;;;;;AASY,IAAAA,sBAAAA,OACVA,EAAA,OAAO,aACPA,EAAA,SAAS,eACTA,EAAA,QAAQ,cAHEA,IAAAA,KAAA,CAAA,CAAA;AAkBL,MAAMC,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,UAAAC;AACF,MAAsB;AACpB,QAAMC,IAASP,IACX,OAAOA,KAAgB,YAAYQ,EAAM,eAAeR,CAAW,IACjEA,IACAS,EAAKT,EAAY,SAAS,GAAG,KAAK,IACpC;AAEF,SAAAU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,kCAAkCR,CAAe;AAAA,MAEjE,UAAA;AAAA,QAACS,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,WAAU,yBACb,UAAAD,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAId;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,mBAAkB;AAAA,YAClB,yBAAwB;AAAA,YACxB,OAAO;AAAA,YACP,OAAAJ;AAAA,YACA,aAAaQ;AAAA,YACb,sBAAsBK,EAAK,iBAAiBP,CAAiB;AAAA,UAAA;AAAA,QAAA,GAEjE;AAAA,QACCC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}

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.es251.js";
+import { clsx as m } from "./index.es253.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.es158.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es158.js","sources":["../src/sections/TableMobileList/index.tsx"],"sourcesContent":["import { Col, Section, SectionHeading } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\nimport \"./TableMobileList.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { HTML } from \"../HTMLBalancer\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport { TableMobile, ColumnConfig, TableRowData } from \"@/components\";\nimport { TableAlignment } from \"../TableList\";\n\ntype TableMobileListProps = PropsWithChildren<{\n  title?: ReactNode;\n  description?: ReactNode;\n  tableJson?: {\n    columns: ColumnConfig[];\n    rows: TableRowData[];\n  };\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  fontSize?: TypographyKeys;\n  mdFontSize?: TypographyKeys;\n  classNameTitle?: string;\n  additionalClass?: string;\n  variantClassTable?: TableAlignment;\n  pagination?: boolean;\n  resultsPerPage?: number;\n  // Sorting props\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n  // Server pagination props\n  totalResults?: number;\n  initialCurrentPage?: number;\n  serverSidePagination?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onPageChange?: (page: number) => void;\n  setCurrentPage?: (page: number) => void;\n}>;\n\nexport const TableMobileList = ({\n  title,\n  description,\n  tableJson,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  variantClassTable = TableAlignment.LEFT,\n  pagination = true,\n  resultsPerPage = 5,\n  sortConfig,\n  onSortChange,\n  totalResults,\n  initialCurrentPage,\n  serverSidePagination,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n  onPageChange,\n  setCurrentPage,\n  children,\n}: TableMobileListProps) => {\n  return (\n    <Section\n      className={clsx(\"base-col ui-table-mobile-list-section\", additionalClass)}\n    >\n      <Col className=\"ui-table-mobile-list-content\">\n        <SectionHeading\n          title={title}\n          fs={fontSize}\n          mdFs={mdFontSize}\n          className={classNameTitle}\n          descriptionClassName={clsx(\"text-slate-28\", variantClassTable)}\n          color={\"blue-48\"}\n          description={\n            description\n              ? typeof description === \"string\" &&\n                React.isValidElement(description)\n                ? description\n                : HTML(description.toString(), \"div\")\n              : undefined\n          }\n          descriptionMarginBottom=\"0\"\n          titleMarginBottom=\"0\"\n        />\n        {tableJson && tableJson.columns && tableJson.rows && (\n          <TableMobile\n            data={tableJson.rows}\n            columns={tableJson.columns}\n            pagination={pagination}\n            resultsPerPage={resultsPerPage}\n            sortConfig={sortConfig}\n            onSortChange={onSortChange}\n            totalResults={totalResults}\n            initialCurrentPage={initialCurrentPage}\n            serverSidePagination={serverSidePagination}\n            totalItems={totalItems}\n            hasNextPage={hasNextPage}\n            hasPreviousPage={hasPreviousPage}\n            onNextPage={onNextPage}\n            onPreviousPage={onPreviousPage}\n            onPageChange={onPageChange}\n            setCurrentPage={setCurrentPage}\n          />\n        )}\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["TableMobileList","title","description","tableJson","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","TableAlignment","pagination","resultsPerPage","sortConfig","onSortChange","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","setCurrentPage","children","jsxs","Section","clsx","Col","jsx","SectionHeading","React","HTML","TableMobile"],"mappings":";;;;;;;;;AA2CO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoBC,EAAe;AAAA,EACnC,YAAAC,IAAa;AAAA,EACb,gBAAAC,IAAiB;AAAA,EACjB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,yCAAyCpB,CAAe;AAAA,IAExE,UAAA;AAAA,MAACkB,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,gCACb,UAAA;AAAA,QAAAC,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAA7B;AAAA,YACA,IAAIG;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,sBAAsBqB,EAAK,iBAAiBnB,CAAiB;AAAA,YAC7D,OAAO;AAAA,YACP,aACEN,IACI,OAAOA,KAAgB,YACvB6B,EAAM,eAAe7B,CAAW,IAC9BA,IACA8B,EAAK9B,EAAY,SAAS,GAAG,KAAK,IACpC;AAAA,YAEN,yBAAwB;AAAA,YACxB,mBAAkB;AAAA,UAAA;AAAA,QACpB;AAAA,QACCC,KAAaA,EAAU,WAAWA,EAAU,QAC3C0B,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAM9B,EAAU;AAAA,YAChB,SAASA,EAAU;AAAA,YACnB,YAAAO;AAAA,YACA,gBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,cAAAC;AAAA,YACA,cAAAC;AAAA,YACA,oBAAAC;AAAA,YACA,sBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,aAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GAEJ;AAAA,MACCC;AAAA,IAAA;AAAA,EAAA;AACH;"}
+{"version":3,"file":"index.es158.js","sources":["../src/sections/TableMobileList/index.tsx"],"sourcesContent":["import { Col, Section, SectionHeading } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\r\nimport \"./TableMobileList.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { HTML } from \"../HTMLBalancer\";\r\nimport React from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { TableMobile, ColumnConfig, TableRowData } from \"@/components\";\r\nimport { TableAlignment } from \"../TableList\";\r\n\r\ntype TableMobileListProps = PropsWithChildren<{\r\n  title?: ReactNode;\r\n  description?: ReactNode;\r\n  tableJson?: {\r\n    columns: ColumnConfig[];\r\n    rows: TableRowData[];\r\n  };\r\n  links?: SectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  fontSize?: TypographyKeys;\r\n  mdFontSize?: TypographyKeys;\r\n  classNameTitle?: string;\r\n  additionalClass?: string;\r\n  variantClassTable?: TableAlignment;\r\n  pagination?: boolean;\r\n  resultsPerPage?: number;\r\n  // Sorting props\r\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\r\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\r\n  // Server pagination props\r\n  totalResults?: number;\r\n  initialCurrentPage?: number;\r\n  serverSidePagination?: boolean;\r\n  totalItems?: number;\r\n  hasNextPage?: boolean;\r\n  hasPreviousPage?: boolean;\r\n  onNextPage?: () => void;\r\n  onPreviousPage?: () => void;\r\n  onPageChange?: (page: number) => void;\r\n  setCurrentPage?: (page: number) => void;\r\n}>;\r\n\r\nexport const TableMobileList = ({\r\n  title,\r\n  description,\r\n  tableJson,\r\n  fontSize = \"2\",\r\n  mdFontSize = \"2\",\r\n  classNameTitle,\r\n  additionalClass,\r\n  variantClassTable = TableAlignment.LEFT,\r\n  pagination = true,\r\n  resultsPerPage = 5,\r\n  sortConfig,\r\n  onSortChange,\r\n  totalResults,\r\n  initialCurrentPage,\r\n  serverSidePagination,\r\n  totalItems,\r\n  hasNextPage,\r\n  hasPreviousPage,\r\n  onNextPage,\r\n  onPreviousPage,\r\n  onPageChange,\r\n  setCurrentPage,\r\n  children,\r\n}: TableMobileListProps) => {\r\n  return (\r\n    <Section\r\n      className={clsx(\"base-col ui-table-mobile-list-section\", additionalClass)}\r\n    >\r\n      <Col className=\"ui-table-mobile-list-content\">\r\n        <SectionHeading\r\n          title={title}\r\n          fs={fontSize}\r\n          mdFs={mdFontSize}\r\n          className={classNameTitle}\r\n          descriptionClassName={clsx(\"text-slate-28\", variantClassTable)}\r\n          color={\"blue-48\"}\r\n          description={\r\n            description\r\n              ? typeof description === \"string\" &&\r\n                React.isValidElement(description)\r\n                ? description\r\n                : HTML(description.toString(), \"div\")\r\n              : undefined\r\n          }\r\n          descriptionMarginBottom=\"0\"\r\n          titleMarginBottom=\"0\"\r\n        />\r\n        {tableJson && tableJson.columns && tableJson.rows && (\r\n          <TableMobile\r\n            data={tableJson.rows}\r\n            columns={tableJson.columns}\r\n            pagination={pagination}\r\n            resultsPerPage={resultsPerPage}\r\n            sortConfig={sortConfig}\r\n            onSortChange={onSortChange}\r\n            totalResults={totalResults}\r\n            initialCurrentPage={initialCurrentPage}\r\n            serverSidePagination={serverSidePagination}\r\n            totalItems={totalItems}\r\n            hasNextPage={hasNextPage}\r\n            hasPreviousPage={hasPreviousPage}\r\n            onNextPage={onNextPage}\r\n            onPreviousPage={onPreviousPage}\r\n            onPageChange={onPageChange}\r\n            setCurrentPage={setCurrentPage}\r\n          />\r\n        )}\r\n      </Col>\r\n      {children}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["TableMobileList","title","description","tableJson","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","TableAlignment","pagination","resultsPerPage","sortConfig","onSortChange","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","setCurrentPage","children","jsxs","Section","clsx","Col","jsx","SectionHeading","React","HTML","TableMobile"],"mappings":";;;;;;;;;AA2CO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoBC,EAAe;AAAA,EACnC,YAAAC,IAAa;AAAA,EACb,gBAAAC,IAAiB;AAAA,EACjB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,yCAAyCpB,CAAe;AAAA,IAExE,UAAA;AAAA,MAACkB,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,gCACb,UAAA;AAAA,QAAAC,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAA7B;AAAA,YACA,IAAIG;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,sBAAsBqB,EAAK,iBAAiBnB,CAAiB;AAAA,YAC7D,OAAO;AAAA,YACP,aACEN,IACI,OAAOA,KAAgB,YACvB6B,EAAM,eAAe7B,CAAW,IAC9BA,IACA8B,EAAK9B,EAAY,SAAS,GAAG,KAAK,IACpC;AAAA,YAEN,yBAAwB;AAAA,YACxB,mBAAkB;AAAA,UAAA;AAAA,QACpB;AAAA,QACCC,KAAaA,EAAU,WAAWA,EAAU,QAC3C0B,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAM9B,EAAU;AAAA,YAChB,SAASA,EAAU;AAAA,YACnB,YAAAO;AAAA,YACA,gBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,cAAAC;AAAA,YACA,cAAAC;AAAA,YACA,oBAAAC;AAAA,YACA,sBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,aAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GAEJ;AAAA,MACCC;AAAA,IAAA;AAAA,EAAA;AACH;"}