@anoki/fse-ui 2.3.0-4-SNAPSHOT2 → 2.3.0-5-SNAPSHOT1

package/dist/index.es156.js

@@ -1,52 +1,291 @@
-import { j as i } from "./index.es237.js";
-import './sections/LatestClinicalParameters/LatestClinicalParametersSection.css';/* empty css            */
-import { LatestCardClinicalData as d } from "./index.es38.js";
-import { SectionHeading as p } from "./index.es123.js";
-import { ArrowLink as x } from "./index.es25.js";
-const v = ({
-  sectionId: t,
-  title: r = "Ultimi parametri rilevati",
-  linkHref: a,
-  linkLabel: s = "Scopri tutti",
-  asLink: o = "a",
-  parameters: e = []
+import { j as e } from "./index.es241.js";
+import { Pause as U } from "./index.es258.js";
+import "./index.es.js";
+import { splitInTwo as F } from "./index.es259.js";
+import { clsx as m } from "./index.es243.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 D from "./index.es263.js";
+import q from "./index.es264.js";
+import z from "./index.es265.js";
+import { Swiper as H, SwiperSlide as J } from "./index.es266.js";
+/* empty css            */
+import { Tags as K } from "./index.es150.js";
+import { PlayVideo as O } from "./index.es223.js";
+import { Col as A } from "./index.es61.js";
+import { CardCategory as Q } from "./index.es36.js";
+import { Row as P } from "./index.es116.js";
+import { ArrowLeft as S } from "./index.es169.js";
+import { File as W } from "./index.es202.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: p,
+  withShadow: n,
+  ...t
 }) => {
-  const l = t ? `${t}-title` : void 0, c = (e == null ? void 0 : e.slice(0, 3)) ?? [];
-  return /* @__PURE__ */ i.jsxs(
-    "section",
+  var l;
+  const h = {
+    "--blur-percentage": t != null && t.blurPercentage ? `${t == null ? void 0 : t.blurPercentage}px` : "5px"
+  }, [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",
     {
-      id: t,
-      "aria-labelledby": l,
-      className: "latest-clinical-parameters section-gap flex-column",
+      className: m("is-event", "hero-event-container", {
+        "with-shadow": n
+      }),
+      style: p,
       children: [
-        /* @__PURE__ */ i.jsx(
-          p,
+        /* @__PURE__ */ e.jsx(
+          "img",
           {
-            color: "slate-20",
-            title: r,
-            titleId: l,
-            className: "latest-clinical-parameters-heading",
-            mdFs: "2",
-            fs: "4",
-            titleMarginBottom: "mb-x12",
-            descriptionMarginBottom: "mb-x0",
-            children: a && /* @__PURE__ */ i.jsx(x, { href: a, asLink: o, fs: "7", children: s.toUpperCase() })
+            className: "hero-event-background",
+            src: t.src,
+            alt: `Evento ${t.alt}`,
+            style: h
           }
         ),
-        /* @__PURE__ */ i.jsx("div", { className: "latest-clinical-parameters-grid", role: "list", children: c.map((m, n) => /* @__PURE__ */ i.jsx(
-          "div",
-          {
-            role: "listitem",
-            className: "latest-clinical-parameters-grid-item",
-            children: /* @__PURE__ */ i.jsx(d, { ...m })
-          },
-          n
-        )) })
+        /* @__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: m("short-title", t.titleAlignment), children: [
+              /* @__PURE__ */ e.jsx("span", { children: o }),
+              a && /* @__PURE__ */ e.jsx("span", { children: a })
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsxs(A, { className: "hero-event-card-container", children: [
+            /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
+              Q,
+              {
+                title: t.title,
+                href: t.href || "#",
+                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 && ((l = t.tags) == null ? void 0 : l.length) > 0 && /* @__PURE__ */ e.jsx(K, { title: i, items: t.tags ?? [] })
+          ] })
+        ] })
       ]
     }
   );
+}, Z = ({
+  autoplay: s,
+  toggleAutoPlay: i
+}) => s ? /* @__PURE__ */ e.jsx(
+  U,
+  {
+    width: 20,
+    height: 20,
+    onClick: i,
+    className: "cursor-pointer"
+  }
+) : /* @__PURE__ */ e.jsx(
+  O,
+  {
+    width: 20,
+    height: 20,
+    onClick: i,
+    color: "white",
+    className: "cursor-pointer"
+  }
+), ee = ({
+  slides: s,
+  currentIndex: i,
+  goPrev: p,
+  goNext: n,
+  autoplay: t,
+  toggleAutoPlay: h,
+  gradientColorStyle: o,
+  type: a,
+  paginationLabel: l = "di"
+}) => /* @__PURE__ */ e.jsxs(
+  P,
+  {
+    className: m("pagination", a),
+    gap: "x20",
+    style: o,
+    children: [
+      s.length > 1 && /* @__PURE__ */ e.jsxs(P, { alignItems: "center", children: [
+        /* @__PURE__ */ e.jsx(
+          S,
+          {
+            width: 40,
+            height: 40,
+            onClick: p,
+            color: "white",
+            className: "cursor-pointer"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(Z, { autoplay: t, toggleAutoPlay: h })
+      ] }),
+      /* @__PURE__ */ e.jsx("span", { children: `${i + 1} ${l} ${s.length}` }),
+      s.length > 1 && /* @__PURE__ */ e.jsx(
+        S,
+        {
+          width: 40,
+          height: 40,
+          className: "next cursor-pointer",
+          onClick: n,
+          color: "white"
+        }
+      )
+    ]
+  }
+), ye = ({
+  slides: s = [],
+  asLink: i = "a",
+  asImage: p = "img",
+  timeout: n = 3e3,
+  openInNewTab: t = !1,
+  paginationLabel: h = "di",
+  withShadow: o = !0,
+  gradientColor: a = "#3d6289",
+  swiperHeight: l = 574,
+  type: u = "full-image",
+  tagsLabelTitle: k = "Argomenti correlati"
+}) => {
+  const L = i || "a", j = p, c = G(null), [w, $] = b(0), [g, R] = b(
+    /* true */
+    !1
+  ), E = () => {
+    R(!g);
+  }, x = I(() => {
+    if (!c.current) return;
+    const r = c.current;
+    r.isEnd && !r.params.loop ? r.slideTo(0) : r.slideNext();
+  }, []), _ = 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 = g ? setInterval(() => {
+      x();
+    }, n) : null;
+    return () => {
+      r && clearInterval(r);
+    };
+  }, [g, x, n]);
+  const f = {
+    "--gradient": a
+  }, N = {
+    "--swiper-height": `${l}px`
+  };
+  return /* @__PURE__ */ e.jsx(
+    A,
+    {
+      className: m("ui-slider-section-wrapper-container", u),
+      style: N,
+      children: /* @__PURE__ */ e.jsx("div", { className: "ui-slider", children: /* @__PURE__ */ e.jsxs(
+        H,
+        {
+          modules: [D, q, z],
+          slidesPerView: 1,
+          autoplay: g,
+          observer: !0,
+          observeParents: !0,
+          loop: !0,
+          onSwiper: (r) => c.current = r,
+          onSlideChange: (r) => $(r.realIndex),
+          style: N,
+          children: [
+            s.map((r, B) => {
+              var v, y, C;
+              return /* @__PURE__ */ e.jsx(
+                J,
+                {
+                  className: m(
+                    u === "blur-image" ? "ui-slider-section-wrapper-container" : ""
+                  ),
+                  children: u === "blur-image" ? /* @__PURE__ */ e.jsx(
+                    Y,
+                    {
+                      ...r,
+                      ImageComponent: j,
+                      tagsLabelTitle: k,
+                      withShadow: o,
+                      gradientStyle: f
+                    }
+                  ) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                    /* @__PURE__ */ e.jsx(
+                      j,
+                      {
+                        src: r.src,
+                        alt: r.alt,
+                        className: "slider-image",
+                        onLoad: () => {
+                          var d, T;
+                          return (T = (d = c.current) == null ? void 0 : d.update) == null ? void 0 : T.call(d);
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ e.jsx(
+                      "div",
+                      {
+                        className: m("slider-content", {
+                          "with-shadow": o
+                        }),
+                        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 }),
+                            ((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: ((C = s[w]) == null ? void 0 : C.href) || "",
+                              target: t ? "_blank" : "_self",
+                              children: /* @__PURE__ */ e.jsx("h1", { className: "title", children: r.title })
+                            }
+                          )
+                        ] }) })
+                      }
+                    )
+                  ] })
+                },
+                B
+              );
+            }),
+            /* @__PURE__ */ e.jsx(
+              ee,
+              {
+                slides: s,
+                currentIndex: w,
+                goPrev: _,
+                goNext: x,
+                autoplay: g,
+                toggleAutoPlay: E,
+                type: u,
+                gradientColorStyle: f,
+                paginationLabel: h
+              }
+            )
+          ]
+        }
+      ) })
+    }
+  );
 };
 export {
-  v as LatestClinicalParametersSection
+  Z as AutoplayButton,
+  Y as BlurImageSlide,
+  ye as Slider,
+  ee as SliderPagination,
+  X as SliderTypeEnum
 };
 //# sourceMappingURL=index.es156.js.map

package/dist/index.es156.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es156.js","sources":["../src/sections/LatestClinicalParameters/index.tsx"],"sourcesContent":["import \"./LatestClinicalParametersSection.scss\";\nimport {\n  ArrowLink,\n  LatestCardClinicalData,\n  SectionHeading,\n} from \"@/components\";\nimport { ElementType } from \"react\";\n\nexport type LatestClinicalParameter = {\n  categoryLabel: string;\n  effectiveTime?: string;\n  entity: string;\n  device?: string | null;\n  value?: number | null;\n  measurementUnit?: string;\n  variationValue?: string;\n  variationUnit?: string;\n  variationStatus?: \"normal\" | \"alert\";\n};\n\nexport type LatestClinicalParametersSectionProps = {\n  sectionId?: string;\n  title?: string;\n  linkHref?: string;\n  linkLabel?: string;\n  asLink?: ElementType;\n  parameters?: LatestClinicalParameter[];\n};\n\nexport const LatestClinicalParametersSection = ({\n  sectionId,\n  title = \"Ultimi parametri rilevati\",\n  linkHref,\n  linkLabel = \"Scopri tutti\",\n  asLink = \"a\",\n  parameters = [],\n}: LatestClinicalParametersSectionProps) => {\n  const titleId = sectionId ? `${sectionId}-title` : undefined;\n  const visibleParameters = parameters?.slice(0, 3) ?? [];\n\n  return (\n    <section\n      id={sectionId}\n      aria-labelledby={titleId}\n      className=\"latest-clinical-parameters section-gap flex-column\"\n    >\n      <SectionHeading\n        color={\"slate-20\"}\n        title={title}\n        titleId={titleId}\n        className=\"latest-clinical-parameters-heading\"\n        mdFs=\"2\"\n        fs=\"4\"\n        titleMarginBottom=\"mb-x12\"\n        descriptionMarginBottom=\"mb-x0\"\n      >\n        {linkHref && (\n          <ArrowLink href={linkHref} asLink={asLink} fs=\"7\">\n            {linkLabel.toUpperCase()}\n          </ArrowLink>\n        )}\n      </SectionHeading>\n      <div className=\"latest-clinical-parameters-grid\" role=\"list\">\n        {visibleParameters.map((parameter, index) => (\n          <div\n            role=\"listitem\"\n            key={index}\n            className=\"latest-clinical-parameters-grid-item\"\n          >\n            <LatestCardClinicalData {...parameter} />\n          </div>\n        ))}\n      </div>\n    </section>\n  );\n};\n"],"names":["LatestClinicalParametersSection","sectionId","title","linkHref","linkLabel","asLink","parameters","titleId","visibleParameters","jsxs","jsx","SectionHeading","ArrowLink","parameter","index","LatestCardClinicalData"],"mappings":";;;;;AA6BO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,YAAAC,IAAa,CAAA;AACf,MAA4C;AAC1C,QAAMC,IAAUN,IAAY,GAAGA,CAAS,WAAW,QAC7CO,KAAoBF,KAAA,gBAAAA,EAAY,MAAM,GAAG,OAAM,CAAA;AAErD,SACEG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAIR;AAAA,MACJ,mBAAiBM;AAAA,MACjB,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAG,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,OAAAT;AAAA,YACA,SAAAK;AAAA,YACA,WAAU;AAAA,YACV,MAAK;AAAA,YACL,IAAG;AAAA,YACH,mBAAkB;AAAA,YAClB,yBAAwB;AAAA,YAEvB,UAAAJ,KACCO,gBAAAA,EAAAA,IAACE,GAAA,EAAU,MAAMT,GAAU,QAAAE,GAAgB,IAAG,KAC3C,UAAAD,EAAU,YAAA,EAAY,CACzB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAkC,MAAK,QACnD,UAAAF,EAAkB,IAAI,CAACK,GAAWC,MACjCJ,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YAEL,WAAU;AAAA,YAEV,UAAAA,gBAAAA,EAAAA,IAACK,GAAA,EAAwB,GAAGF,EAAA,CAAW;AAAA,UAAA;AAAA,UAHlCC;AAAA,QAAA,CAKR,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es156.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 className=\"hero-event-card-container\">\n          <div>\n            {\n              <CardCategory\n                title={slide.title}\n                href={slide.href || \"#\"}\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: any) => (swiperRef.current = swiper)}\n          onSlideChange={(swiper: any) => 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.es157.js

@@ -1,63 +1,48 @@
-import { j as e } from "./index.es237.js";
-import { ArrowRight as a } from "./index.es167.js";
-import { Col as p } from "./index.es61.js";
-import { Row as s } from "./index.es116.js";
-import { Link as x } from "./index.es105.js";
-import { Tag as f } from "./index.es134.js";
-const h = ({
-  title: r,
-  mainTag: o = {
-    label: "Tutto",
-    onClick: () => {
-    },
-    selected: !0
-  },
-  tags: l,
-  showAllHref: i,
-  showAllLabel: c = "Scopri tutti tags",
-  onTagClick: n
-}) => /* @__PURE__ */ e.jsxs(p, { gap: "x28", children: [
-  /* @__PURE__ */ e.jsxs(s, { alignItems: "center", justifyContent: "space-between", children: [
-    r && /* @__PURE__ */ e.jsx("h2", { className: "title text-slate-20 fs-custom fw-bold", children: r }),
-    /* @__PURE__ */ e.jsx(
-      x,
+import { j as i } from "./index.es241.js";
+import { createElement as j } from "react";
+import './sections/CommunicationContents/CommunicationContents.css';/* empty css            */
+import f from "./index.es269.js";
+import { AggregationItemCard as m } from "./index.es22.js";
+import { SectionHeading as u } from "./index.es123.js";
+import { Row as n } from "./index.es116.js";
+import { Spinner as l } from "./index.es229.js";
+import { Button as g } from "./index.es32.js";
+function E({
+  title: s,
+  elements: r = [],
+  total: t,
+  totalLabels: o = { first: "Stai visualizzando", middle: "di", end: "elementi" },
+  handleLoadMore: d,
+  loading: c = !1,
+  showMoreTitle: p = "Visualizza altro ",
+  noResultsLabel: x = "Nessun risultato trovato"
+}) {
+  const h = t > (r == null ? void 0 : r.length);
+  return /* @__PURE__ */ i.jsxs("section", { className: "communication-contents d-flex section-gap flex-column", children: [
+    /* @__PURE__ */ i.jsx(u, { className: "title", title: s }),
+    /* @__PURE__ */ i.jsx(
+      f,
       {
-        transform: "uppercase",
-        decoration: "fw-semibold text-primary fs-8 mr-x8 text-decoration-none",
-        title: c,
-        src: i ?? "",
-        icon: a
+        columns: { 0: 1, 768: 2, 992: 3 },
+        gap: 24,
+        className: "masonry-component",
+        children: r == null ? void 0 : r.map((a) => /* @__PURE__ */ j(m, { ...a, key: a._id }))
       }
-    )
-  ] }),
-  /* @__PURE__ */ e.jsx(
-    s,
-    {
-      alignItems: "center",
-      className: "overflow-auto w-auto",
-      gap: "x16",
-      flexWrap: "wrap",
-      children: [
-        {
-          name: o.label,
-          selected: o.selected,
-          onClick: o.onClick
-        },
-        ...l
-      ].map((t, m) => /* @__PURE__ */ e.jsx(
-        f,
-        {
-          mode: "filter",
-          label: t.name ?? "",
-          onClick: (t == null ? void 0 : t.onClick) ?? n,
-          selected: t.selected
-        },
-        m
-      ))
-    }
-  )
-] });
+    ),
+    /* @__PURE__ */ i.jsx(n, { className: "w-full-adpt", justifyContent: "center", m: "x12", children: c && /* @__PURE__ */ i.jsx(l, { height: 30, width: 30 }) }),
+    /* @__PURE__ */ i.jsx("span", { className: "total-elements-label", children: (r == null ? void 0 : r.length) === 0 ? /* @__PURE__ */ i.jsx("span", { children: x }) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+      /* @__PURE__ */ i.jsx("span", { children: o.first }),
+      /* @__PURE__ */ i.jsxs(n, { justifyContent: "center", gap: "x4", children: [
+        /* @__PURE__ */ i.jsx("b", { children: r == null ? void 0 : r.length }),
+        /* @__PURE__ */ i.jsx("span", { children: o.middle }),
+        /* @__PURE__ */ i.jsx("span", { children: t }),
+        /* @__PURE__ */ i.jsx("span", { children: o.end })
+      ] })
+    ] }) }),
+    h && !c && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ i.jsx(n, { justifyContent: "center", alignItems: "center", mt: "x16", children: /* @__PURE__ */ i.jsx(g, { onClick: d, children: p }) })
+  ] });
+}
 export {
-  h as TagsSection
+  E as CommunicationContents
 };
 //# sourceMappingURL=index.es157.js.map

package/dist/index.es157.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es157.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,EAAA;AAAA,EAEZ,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,YAAAC;AACF,MAEIC,gBAAAA,EAAAA,KAACC,GAAA,EAAI,KAAI,OACP,UAAA;AAAA,EAAAD,gBAAAA,EAAAA,KAACE,GAAA,EAAI,YAAW,UAAS,gBAAe,iBACrC,UAAA;AAAA,IAAAR,KACCS,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,yCAAyC,UAAAT,GAAM;AAAA,IAE/DS,gBAAAA,EAAAA;AAAAA,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,EAAAA;AAAAA,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,QAAA;AAAA,QAEnB,GAAGC;AAAA,MAAA,EACH,IAAI,CAACU,GAAKC,MACVJ,gBAAAA,EAAAA;AAAAA,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,MAAA,CAMR;AAAA,IAAA;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es157.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,CAAA;AAAA,EACX,OAAAC;AAAA,EACA,aAAAC,IAAc,EAAE,OAAO,sBAAsB,QAAQ,MAAM,KAAK,WAAA;AAAA,EAChE,gBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AACnB,GAA+B;AAC7B,QAAMC,IAAwBN,KAAQD,KAAA,gBAAAA,EAAU;AAEhD,SACEQ,gBAAAA,EAAAA,KAAC,WAAA,EAAQ,WAAU,yDACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAe,WAAU,SAAQ,OAAAX,EAAA,CAAc;AAAA,IAChDU,gBAAAA,EAAAA;AAAAA,MAACE;AAAAA,MAAA;AAAA,QACC,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,EAAA;AAAA,QAC9B,KAAK;AAAA,QACL,WAAU;AAAA,QAET,UAAAX,KAAA,gBAAAA,EAAU,IAAI,CAACY,MACd,gBAAAC,EAACC,GAAA,EAAqB,GAAGF,GAAS,KAAKA,EAAQ,IAAA,CAAK;AAAA,MACrD;AAAA,IAAA;AAAA,IAEHH,gBAAAA,MAACM,GAAA,EAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAX,2BAAYY,GAAA,EAAQ,QAAQ,IAAI,OAAO,IAAI,GAC9C;AAAA,IACAP,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,wBACb,WAAAT,KAAA,gBAAAA,EAAU,YAAW,IACpBS,gBAAAA,EAAAA,IAAC,QAAA,EAAM,UAAAH,EAAA,CAAe,IAEtBE,gBAAAA,OAAAS,EAAAA,UAAA,EACE,UAAA;AAAA,MAAAR,gBAAAA,EAAAA,IAAC,QAAA,EAAM,YAAY,MAAA,CAAM;AAAA,MACzBD,gBAAAA,EAAAA,KAACO,GAAA,EAAI,gBAAe,UAAS,KAAI,MAC/B,UAAA;AAAA,QAAAN,gBAAAA,EAAAA,IAAC,KAAA,EAAG,iCAAU,OAAA,CAAO;AAAA,QACrBA,gBAAAA,EAAAA,IAAC,QAAA,EAAM,UAAAP,EAAY,OAAA,CAAO;AAAA,QAC1BO,gBAAAA,EAAAA,IAAC,UAAM,UAAAR,EAAA,CAAM;AAAA,QACbQ,gBAAAA,EAAAA,IAAC,QAAA,EAAM,UAAAP,EAAY,IAAA,CAAI;AAAA,MAAA,EAAA,CACzB;AAAA,IAAA,EAAA,CACF,EAAA,CAEJ;AAAA,IACCK,KAAyB,CAACH,MAAWJ,KAAA,gBAAAA,EAAU,UAAS,2BACtDe,GAAA,EAAI,gBAAe,UAAS,YAAW,UAAS,IAAG,OAClD,UAAAN,gBAAAA,EAAAA,IAACS,KAAO,SAASf,GAAiB,aAAc,EAAA,CAClD;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es158.js

@@ -1,22 +1,67 @@
-import { j as o } from "./index.es237.js";
-import { CommunicationSearch as i } from "./index.es62.js";
-import { SectionHeading as m } from "./index.es123.js";
-const a = ({
-  title: t,
-  /* tags, */
-  searchProps: e
-}) => /* @__PURE__ */ o.jsxs("section", { className: "d-flex flex-column gap-x28", children: [
-  /* @__PURE__ */ o.jsx(
-    m,
+import { j as o } from "./index.es241.js";
+import { createElement as p } from "react";
+import './sections/CommunicationContents/CommunicationContents.css';/* empty css            */
+import d from "./index.es269.js";
+import { SectionHeading as x } from "./index.es123.js";
+import { ArrowLink as f } from "./index.es25.js";
+import { AggregationItemCard as h } from "./index.es22.js";
+import { Row as u } from "./index.es116.js";
+import { Spinner as j } from "./index.es229.js";
+function A({
+  sectionId: i,
+  title: s,
+  elements: t = [],
+  loading: m = !1,
+  noResultsLabel: c = "Nessun risultato trovato",
+  linkHref: r,
+  linkLabel: l = "Scopri tutti",
+  asLink: e = "a"
+}) {
+  const a = i ? `${i}-title` : void 0;
+  return /* @__PURE__ */ o.jsxs(
+    "section",
     {
-      className: "title",
-      title: t,
-      titleMarginBottom: "mb-x0"
+      id: i,
+      "aria-labelledby": a,
+      className: "communication-contents d-flex section-gap flex-column",
+      children: [
+        /* @__PURE__ */ o.jsx(
+          x,
+          {
+            className: "title pb-x16",
+            title: s,
+            titleId: a,
+            color: "slate-20",
+            mdFs: "2",
+            titleMarginBottom: "mb-x0",
+            descriptionMarginBottom: "mb-x0",
+            children: r && /* @__PURE__ */ o.jsx(f, { href: r, asLink: e, fs: "7", children: l.toUpperCase() })
+          }
+        ),
+        /* @__PURE__ */ o.jsx(
+          d,
+          {
+            columns: { 0: 1, 768: 2, 992: 3 },
+            gap: 24,
+            className: "masonry-component",
+            children: t == null ? void 0 : t.map((n) => /* @__PURE__ */ p(h, { ...n, key: n._id }))
+          }
+        ),
+        /* @__PURE__ */ o.jsx(u, { className: "w-full-adpt", justifyContent: "center", m: "x12", children: m && /* @__PURE__ */ o.jsx(
+          "div",
+          {
+            role: "status",
+            "aria-live": "polite",
+            "aria-label": "Caricamento in corso",
+            children: /* @__PURE__ */ o.jsx(j, { height: 30, width: 30 })
+          }
+        ) }),
+        /* @__PURE__ */ o.jsx("p", { className: "total-elements-label", children: (t == null ? void 0 : t.length) === 0 && /* @__PURE__ */ o.jsx("span", { children: c }) })
+      ]
     }
-  ),
-  /* @__PURE__ */ o.jsx(i, { ...e })
-] });
+  );
+}
 export {
-  a as CommunicationSearchSection
+  A as CommunicationContentsHome
 };
 //# sourceMappingURL=index.es158.js.map

package/dist/index.es158.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es158.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,EAAAA,KAAC,WAAA,EAAQ,WAAU,8BACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAAJ;AAAA,MACA,mBAAkB;AAAA,IAAA;AAAA,EAAA;AAAA,EAEpBG,gBAAAA,MAACE,GAAA,EAAqB,GAAGJ,EAAA,CAAa;AAAA,GAExC;"}
+{"version":3,"file":"index.es158.js","sources":["../src/sections/CommunicationContentsHome/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\nimport {\n  AggregationItemCard,\n  ArrowLink,\n  Row,\n  SectionHeading,\n} from \"../../components\";\nimport \"./CommunicationContentsHome.scss\";\nimport Masonry from \"react-layout-masonry\";\n\nexport type CommunicationContentsHomeProps = {\n  sectionId?: string;\n  title: string;\n  elements: any[];\n  loading?: boolean;\n  noResultsLabel?: string;\n  linkHref?: string;\n  linkLabel?: string;\n  asLink?: React.ElementType;\n};\n\nexport function CommunicationContentsHome({\n  sectionId,\n  title,\n  elements = [],\n  loading = false,\n  noResultsLabel = \"Nessun risultato trovato\",\n  linkHref,\n  linkLabel = \"Scopri tutti\",\n  asLink = \"a\",\n}: CommunicationContentsHomeProps) {\n  const titleId = sectionId ? `${sectionId}-title` : undefined;\n\n  return (\n    <section\n      id={sectionId}\n      aria-labelledby={titleId}\n      className=\"communication-contents d-flex section-gap flex-column\"\n    >\n      <SectionHeading\n        className=\"title pb-x16\"\n        title={title}\n        titleId={titleId}\n        color=\"slate-20\"\n        mdFs=\"2\"\n        titleMarginBottom=\"mb-x0\"\n        descriptionMarginBottom=\"mb-x0\"\n      >\n        {linkHref && (\n          <ArrowLink href={linkHref} asLink={asLink} fs=\"7\">\n            {linkLabel.toUpperCase()}\n          </ArrowLink>\n        )}\n      </SectionHeading>\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 && (\n          <div\n            role=\"status\"\n            aria-live=\"polite\"\n            aria-label=\"Caricamento in corso\"\n          >\n            <Spinner height={30} width={30} />\n          </div>\n        )}\n      </Row>\n      <p className=\"total-elements-label\">\n        {elements?.length === 0 && <span>{noResultsLabel}</span>}\n      </p>\n    </section>\n  );\n}\n"],"names":["CommunicationContentsHome","sectionId","title","elements","loading","noResultsLabel","linkHref","linkLabel","asLink","titleId","jsxs","jsx","SectionHeading","ArrowLink","Masonry","element","createElement","AggregationItemCard","Row","Spinner"],"mappings":";;;;;;;;;AAqBO,SAASA,EAA0B;AAAA,EACxC,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW,CAAA;AAAA,EACX,SAAAC,IAAU;AAAA,EACV,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AACX,GAAmC;AACjC,QAAMC,IAAUR,IAAY,GAAGA,CAAS,WAAW;AAEnD,SACES,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAIT;AAAA,MACJ,mBAAiBQ;AAAA,MACjB,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAE,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAAV;AAAA,YACA,SAAAO;AAAA,YACA,OAAM;AAAA,YACN,MAAK;AAAA,YACL,mBAAkB;AAAA,YAClB,yBAAwB;AAAA,YAEvB,UAAAH,KACCK,gBAAAA,EAAAA,IAACE,GAAA,EAAU,MAAMP,GAAU,QAAAE,GAAgB,IAAG,KAC3C,UAAAD,EAAU,YAAA,EAAY,CACzB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJI,gBAAAA,EAAAA;AAAAA,UAACG;AAAAA,UAAA;AAAA,YACC,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,EAAA;AAAA,YAC9B,KAAK;AAAA,YACL,WAAU;AAAA,YAET,UAAAX,KAAA,gBAAAA,EAAU,IAAI,CAACY,MACd,gBAAAC,EAACC,GAAA,EAAqB,GAAGF,GAAS,KAAKA,EAAQ,IAAA,CAAK;AAAA,UACrD;AAAA,QAAA;AAAA,QAEHJ,gBAAAA,EAAAA,IAACO,KAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAd,KACCO,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,aAAU;AAAA,YACV,cAAW;AAAA,YAEX,UAAAA,gBAAAA,EAAAA,IAACQ,GAAA,EAAQ,QAAQ,IAAI,OAAO,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA,GAGtC;AAAA,QACAR,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,wBACV,WAAAR,KAAA,gBAAAA,EAAU,YAAW,KAAKQ,gBAAAA,EAAAA,IAAC,QAAA,EAAM,UAAAN,EAAA,CAAe,EAAA,CACnD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}