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

package/dist/index.es150.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es150.js","sources":["../src/sections/ImagesDescription/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { Section, SectionHeading } from \"../../components\";\nimport \"./ImagesDescription.scss\";\n\nexport const IMAGES_DESCRIPTION_LAYOUTS = {\n  // Layout FULL (1 colonna)\n  FULL_1_1: \"FULL_1_1\",\n  FULL_4_3: \"FULL_4_3\",\n  FULL_16_9: \"FULL_16_9\",\n  FULL_21_9: \"FULL_21_9\",\n  FULL_32_9: \"FULL_32_9\",\n  // Layout TWO_COL (2 colonne)\n  TWO_COL_1_1: \"TWO_COL_1_1\",\n  TWO_COL_4_3: \"TWO_COL_4_3\",\n  TWO_COL_16_9: \"TWO_COL_16_9\",\n  TWO_COL_21_9: \"TWO_COL_21_9\",\n  TWO_COL_32_9: \"TWO_COL_32_9\",\n  // Layout THREE_COL (3 colonne)\n  THREE_COL_1_1: \"THREE_COL_1_1\",\n  THREE_COL_4_3: \"THREE_COL_4_3\",\n  THREE_COL_16_9: \"THREE_COL_16_9\",\n  THREE_COL_21_9: \"THREE_COL_21_9\",\n  THREE_COL_32_9: \"THREE_COL_32_9\",\n} as const;\n\nexport type ImagesDescriptionLayout =\n  (typeof IMAGES_DESCRIPTION_LAYOUTS)[keyof typeof IMAGES_DESCRIPTION_LAYOUTS];\n\nexport interface ImageDescriptionItem {\n  _id: string;\n  image: {\n    src: string;\n    alt: string;\n    title?: string;\n  };\n  description: string;\n}\n\nexport interface ImagesDescriptionProps {\n  title: ReactNode;\n  items: ImageDescriptionItem[];\n  layout?: ImagesDescriptionLayout;\n  className?: string;\n}\n\nexport const ImagesDescription = ({\n  title,\n  items = [],\n  layout = IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1,\n  className,\n}: ImagesDescriptionProps) => {\n  const getLayoutClassName = (l: ImagesDescriptionLayout) => {\n    switch (l) {\n      // Layout FULL (1 colonna)\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1:\n        return \"images-description-layout-full-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_4_3:\n        return \"images-description-layout-full-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_16_9:\n        return \"images-description-layout-full-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_21_9:\n        return \"images-description-layout-full-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_32_9:\n        return \"images-description-layout-full-32-9\";\n\n      // Layout TWO_COL (2 colonne)\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_1_1:\n        return \"images-description-layout-two-col-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_4_3:\n        return \"images-description-layout-two-col-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_16_9:\n        return \"images-description-layout-two-col-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_21_9:\n        return \"images-description-layout-two-col-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_32_9:\n        return \"images-description-layout-two-col-32-9\";\n\n      // Layout THREE_COL (3 colonne)\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_1_1:\n        return \"images-description-layout-three-col-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_4_3:\n        return \"images-description-layout-three-col-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_16_9:\n        return \"images-description-layout-three-col-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_21_9:\n        return \"images-description-layout-three-col-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_32_9:\n        return \"images-description-layout-three-col-32-9\";\n\n      default:\n        return \"\";\n    }\n  };\n\n  /* const isFullLayout = layout.startsWith(\"FULL_\");\n  const isThreeColLayout = layout.startsWith(\"THREE_COL_\");\n\n  const limitedItems = isFullLayout\n    ? items.slice(0, 1)\n    : isThreeColLayout\n      ? items.slice(0, 3)\n      : items.slice(0, 2); */\n\n  const layoutClassName = getLayoutClassName(layout);\n\n  return (\n    <Section className={clsx(\"base-col images-description-section\", className)}>\n      <SectionHeading title={title} />\n      <ul\n        role=\"list\"\n        aria-label={`Raccolta di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {items?.map((item) => (\n          <li key={item._id} className=\"images-description-item\">\n            <div className=\"images-description-item-image-container\">\n              <img\n                src={item.image.src}\n                alt={item.image.alt}\n                title={item.image.title}\n                className=\"images-description-item-image\"\n              />\n            </div>\n            <div className=\"images-description-item-content\">\n              <p className=\"images-description-item-description text-slate-28 fs-9\">\n                {item.description}\n              </p>\n            </div>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["IMAGES_DESCRIPTION_LAYOUTS","ImagesDescription","title","items","layout","className","layoutClassName","l","Section","clsx","jsx","SectionHeading","item","jsxs"],"mappings":";;;;AAKO,MAAMA,IAA6B;AAAA;AAAA,EAExC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA;AAAA,EAEX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA;AAAA,EAEd,eAAe;AAAA,EACf,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,GAsBaC,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,QAAAC,IAASJ,EAA2B;AAAA,EACpC,WAAAK;AACF,MAA8B;AAqD5B,QAAMC,KApDqB,CAACC,MAA+B;AACzD,YAAQA,GAAA;AAAA;AAAA,MAEN,KAAKP,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA;AAAA,MAGT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA;AAAA,MAGT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MAET;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAW2CI,CAAM;AAEjD,gCACGI,GAAA,EAAQ,WAAWC,EAAK,uCAAuCJ,CAAS,GACvE,UAAA;AAAA,IAAAK,gBAAAA,MAACC,KAAe,OAAAT,GAAc;AAAA,IAC9BQ,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,eAAeR,CAAK;AAAA,QAChC,WAAW,mBAAmBI,CAAe;AAAA,QAE5C,iCAAO,IAAI,CAACM,MACXC,gBAAAA,OAAC,MAAA,EAAkB,WAAU,2BAC3B,UAAA;AAAA,UAAAH,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2CACb,UAAAA,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKE,EAAK,MAAM;AAAA,cAChB,KAAKA,EAAK,MAAM;AAAA,cAChB,OAAOA,EAAK,MAAM;AAAA,cAClB,WAAU;AAAA,YAAA;AAAA,UAAA,GAEd;AAAA,UACAF,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCACb,UAAAA,gBAAAA,EAAAA,IAAC,OAAE,WAAU,0DACV,UAAAE,EAAK,YAAA,CACR,EAAA,CACF;AAAA,QAAA,EAAA,GAbOA,EAAK,GAcd;AAAA,MACD;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}
+{"version":3,"file":"index.es150.js","sources":["../src/sections/Tags/index.tsx"],"sourcesContent":["import { Section, TagsGroup } from \"@/components\";\nimport \"./Tags.scss\";\n\ntype Props = {\n  title: string;\n  items: any[];\n};\n\nexport const Tags = ({ title, items = [] }: Props) => {\n  return (\n    <Section className=\"ui-tags-section\">\n      <Section.Title\n        fs={\"6\"}\n        mdFs={\"6\"}\n        as={\"h1\"}\n        color={\"slate-28\"}\n        className=\"ui-tags-items-section-title\"\n      >\n        {title}\n      </Section.Title>\n      <TagsGroup topics={items} />\n    </Section>\n  );\n};\n"],"names":["Tags","title","items","jsxs","Section","jsx","TagsGroup"],"mappings":";;;;AAQO,MAAMA,IAAO,CAAC,EAAE,OAAAC,GAAO,OAAAC,IAAQ,CAAA,QAElCC,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,mBACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA;AAAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAU;AAAA,MAET,UAAAH;AAAA,IAAA;AAAA,EAAA;AAAA,EAEHI,gBAAAA,EAAAA,IAACC,GAAA,EAAU,QAAQJ,EAAA,CAAO;AAAA,GAC5B;"}

package/dist/index.es151.js

@@ -1,27 +1,23 @@
-import { j as t } from "./index.es237.js";
-import { RichText as s } from "./index.es143.js";
-import { VerticalCardStepper as m } from "./index.es137.js";
-import { Section as p, SectionHeading as n } from "./index.es123.js";
-const l = ({
-  title: r,
-  description: i,
-  steps: o,
-  type: e
-}) => /* @__PURE__ */ t.jsxs(p, { children: [
-  /* @__PURE__ */ t.jsx(
-    n,
-    {
-      title: r,
-      description: /* @__PURE__ */ t.jsx(s, { description: i }),
-      color: "primary",
-      titleMarginBottom: "mb-x16",
-      descriptionClassName: "text-slate-14 fs-6",
-      descriptionMarginBottom: "mb-x36"
-    }
-  ),
-  /* @__PURE__ */ t.jsx(m, { steps: o, type: e })
-] });
+import { j as o } from "./index.es241.js";
+import i from "./index.es252.js";
+import a from "./index.es253.js";
+const z = (n, t = void 0) => {
+  const e = i.sanitize(n).replace(
+    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,
+    "$3"
+  );
+  return /* @__PURE__ */ o.jsx(a, { dangerouslySetInnerHTML: { __html: e }, as: t });
+}, l = (n, t = "p") => {
+  const r = i.sanitize(n, {
+    ADD_ATTR: ["target"]
+  }), e = t, s = r.replace(
+    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,
+    "$3"
+  );
+  return /* @__PURE__ */ o.jsx(e, { dangerouslySetInnerHTML: { __html: s } });
+};
 export {
-  l as VerticalCardStepperSection
+  l as HTML,
+  z as HTMLBalancer
 };
 //# sourceMappingURL=index.es151.js.map

package/dist/index.es151.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es151.js","sources":["../src/sections/VerticalCardStepperSection/index.tsx"],"sourcesContent":["import {\n  Section,\n  SectionHeading,\n  Step,\n  StepVariantEnum,\n  VerticalCardStepper,\n} from \"@/components\";\nimport React from \"react\";\nimport { RichText } from \"../RichText\";\n\ntype Props = {\n  title: string;\n  description: string | React.ReactNode;\n  steps: Step[];\n  type: StepVariantEnum;\n};\n\nexport const VerticalCardStepperSection = ({\n  title,\n  description,\n  steps,\n  type,\n}: Props) => {\n  return (\n    <Section>\n      <SectionHeading\n        title={title}\n        description={<RichText description={description} />}\n        color=\"primary\"\n        titleMarginBottom=\"mb-x16\"\n        descriptionClassName=\"text-slate-14 fs-6\"\n        descriptionMarginBottom=\"mb-x36\"\n      />\n      <VerticalCardStepper steps={steps} type={type} />\n    </Section>\n  );\n};\n"],"names":["VerticalCardStepperSection","title","description","steps","type","Section","jsx","SectionHeading","RichText","VerticalCardStepper"],"mappings":";;;;AAiBO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AACF,6BAEKC,GAAA,EACC,UAAA;AAAA,EAAAC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,aAAaK,gBAAAA,EAAAA,IAACE,GAAA,EAAS,aAAAN,EAAA,CAA0B;AAAA,MACjD,OAAM;AAAA,MACN,mBAAkB;AAAA,MAClB,sBAAqB;AAAA,MACrB,yBAAwB;AAAA,IAAA;AAAA,EAAA;AAAA,EAE1BI,gBAAAA,EAAAA,IAACG,GAAA,EAAoB,OAAAN,GAAc,MAAAC,EAAA,CAAY;AAAA,GACjD;"}
+{"version":3,"file":"index.es151.js","sources":["../src/sections/HTMLBalancer/index.tsx"],"sourcesContent":["import DOMPurify from \"isomorphic-dompurify\";\nimport Balancer from \"react-wrap-balancer\";\n\nexport const HTMLBalancer = (\n  html: string,\n  as: string | undefined = undefined,\n) => {\n  const sanitized = DOMPurify.sanitize(html);\n  const innerContent = sanitized.replace(\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\n    \"$3\",\n  );\n  return (\n    <Balancer dangerouslySetInnerHTML={{ __html: innerContent }} as={as} />\n  );\n};\n\nexport const HTML = (html: string, as: \"div\" | \"p\" = \"p\") => {\n  const sanitized = DOMPurify.sanitize(html, {\n    ADD_ATTR: [\"target\"],\n  });\n  const Component = as;\n  const innerContent = sanitized.replace(\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\n    \"$3\",\n  );\n  return <Component dangerouslySetInnerHTML={{ __html: innerContent }} />;\n};\n"],"names":["HTMLBalancer","html","as","innerContent","DOMPurify","Balancer","HTML","sanitized","Component"],"mappings":";;;AAGO,MAAMA,IAAe,CAC1BC,GACAC,IAAyB,WACtB;AAEH,QAAMC,IADYC,EAAU,SAASH,CAAI,EACV;AAAA,IAC7B;AAAA,IACA;AAAA,EAAA;AAEF,+BACGI,GAAA,EAAS,yBAAyB,EAAE,QAAQF,EAAA,GAAgB,IAAAD,GAAQ;AAEzE,GAEaI,IAAO,CAACL,GAAcC,IAAkB,QAAQ;AAC3D,QAAMK,IAAYH,EAAU,SAASH,GAAM;AAAA,IACzC,UAAU,CAAC,QAAQ;AAAA,EAAA,CACpB,GACKO,IAAYN,GACZC,IAAeI,EAAU;AAAA,IAC7B;AAAA,IACA;AAAA,EAAA;AAEF,+BAAQC,GAAA,EAAU,yBAAyB,EAAE,QAAQL,KAAgB;AACvE;"}

package/dist/index.es152.js

@@ -1,73 +1,36 @@
-import { j as e } from "./index.es237.js";
-import './sections/TableCard/TableCard.css';/* empty css            */
-import { useState as p, useMemo as x } from "react";
-import { useDebouncedValue as d } from "./index.es253.js";
-import { Search as u } from "./index.es117.js";
-import { GridContainer as f } from "./index.es95.js";
-import { GridItem as j } from "./index.es96.js";
-import { Section as h, SectionHeading as b } from "./index.es123.js";
-import { Col as w } from "./index.es61.js";
-import { Row as m } from "./index.es116.js";
-import { CardFile as C } from "./index.es44.js";
-const R = ({ title: n, headerTitle: l, data: s = [] }) => {
-  const [a, c] = p(""), o = d(a.trim().toLowerCase(), 300), i = x(() => o ? s.filter(
-    (t) => [t.title, t.description].some(
-      (r) => r == null ? void 0 : r.toLowerCase().includes(o)
-    )
-  ) : s, [o, s]);
-  return /* @__PURE__ */ e.jsxs(h, { className: "table-card", children: [
-    /* @__PURE__ */ e.jsx(
-      b,
-      {
-        title: n,
-        mdFs: "2",
-        fs: "3",
-        color: "primary",
-        className: "table-card-section-title"
-      }
-    ),
-    /* @__PURE__ */ e.jsxs(w, { children: [
-      /* @__PURE__ */ e.jsx(
-        m,
-        {
-          alignItems: "flex-start",
-          className: "header-row",
-          justifyContent: "space-between",
-          flexWrap: "wrap",
-          children: /* @__PURE__ */ e.jsx("p", { className: "update-title", children: l })
-        }
-      ),
-      /* @__PURE__ */ e.jsxs(
-        m,
-        {
-          alignItems: "flex-start",
-          className: "header-row border-bottom",
-          justifyContent: "space-between",
-          flexWrap: "wrap",
-          children: [
-            /* @__PURE__ */ e.jsxs("span", { className: "info", children: [
-              "(Numero elementi: ",
-              i.length,
-              ")"
-            ] }),
-            /* @__PURE__ */ e.jsx(
-              u,
-              {
-                variant: "outlined",
-                btnText: "",
-                helperText: "",
-                value: a,
-                onChangeValue: c
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ e.jsx(f, { gap: "x24", mt: "x32", px: "x12", children: i.map((t, r) => /* @__PURE__ */ e.jsx(j, { sm: 6, md: 4, children: /* @__PURE__ */ e.jsx(C, { ...t }) }, `table-card-${r}`)) })
-    ] })
-  ] });
-};
+import { j as s } from "./index.es241.js";
+import './sections/Insights/Insights.css';/* empty css            */
+import { CardPreview as a } from "./index.es52.js";
+import { Section as l, SectionHeading as c } from "./index.es123.js";
+const g = ({
+  title: i,
+  items: t = [],
+  colorTitle: r = "slate-20",
+  showBackgroundRectangle: e = !0
+}) => /* @__PURE__ */ s.jsxs(l, { className: "ui-insights-section", children: [
+  e && /* @__PURE__ */ s.jsx("div", { className: "ui-insights-background-rectangle" }),
+  /* @__PURE__ */ s.jsx(
+    c,
+    {
+      className: "ui-insights-items-section-title",
+      title: i,
+      color: r,
+      titleMarginBottom: "",
+      fs: "3",
+      mdFs: "3"
+    }
+  ),
+  /* @__PURE__ */ s.jsx(
+    "ul",
+    {
+      role: "list",
+      "aria-label": `Lista di ${i}`,
+      className: `list-style-none ui-insights-items-layout ${i ? "" : "mt-x56"}`,
+      children: t == null ? void 0 : t.map((n, o) => /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(a, { ...n }) }, o))
+    }
+  )
+] });
 export {
-  R as TableCard
+  g as Insights
 };
 //# sourceMappingURL=index.es152.js.map

package/dist/index.es152.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es152.js","sources":["../src/sections/TableCard/index.tsx"],"sourcesContent":["import {\n  CardFile,\n  Col,\n  GridContainer,\n  GridItem,\n  Row,\n  Search,\n  Section,\n  SectionHeading,\n} from \"@/components\";\nimport \"./TableCard.scss\";\nimport { useMemo, useState } from \"react\";\nimport { useDebouncedValue } from \"@/utils/useDebouncedValue\";\nimport { CardFileProps } from \"@/components/ui/CardFile\";\n\ntype Props = {\n  title: string;\n  headerTitle: string;\n  data?: CardFileProps[];\n};\n\nexport const TableCard = ({ title, headerTitle, data = [] }: Props) => {\n  const [query, setQuery] = useState(\"\");\n  const debouncedQuery = useDebouncedValue(query.trim().toLowerCase(), 300);\n\n  const filtered = useMemo(() => {\n    if (!debouncedQuery) return data;\n    return data.filter((u) =>\n      [u.title, u.description].some((field) =>\n        field?.toLowerCase().includes(debouncedQuery),\n      ),\n    );\n  }, [debouncedQuery, data]);\n\n  return (\n    <Section className=\"table-card\">\n      <SectionHeading\n        title={title}\n        mdFs=\"2\"\n        fs=\"3\"\n        color=\"primary\"\n        className=\"table-card-section-title\"\n      />\n      <Col>\n        <Row\n          alignItems=\"flex-start\"\n          className=\"header-row\"\n          justifyContent=\"space-between\"\n          flexWrap=\"wrap\"\n        >\n          <p className=\"update-title\">{headerTitle}</p>\n        </Row>\n        <Row\n          alignItems=\"flex-start\"\n          className=\"header-row border-bottom\"\n          justifyContent=\"space-between\"\n          flexWrap=\"wrap\"\n        >\n          <span className=\"info\">(Numero elementi: {filtered.length})</span>\n          <Search\n            variant=\"outlined\"\n            btnText=\"\"\n            helperText=\"\"\n            value={query}\n            onChangeValue={setQuery}\n          />\n        </Row>\n        <GridContainer gap=\"x24\" mt=\"x32\" px=\"x12\">\n          {filtered.map((el, index) => (\n            <GridItem key={`table-card-${index}`} sm={6} md={4}>\n              <CardFile {...el} />\n            </GridItem>\n          ))}\n        </GridContainer>\n      </Col>\n    </Section>\n  );\n};\n"],"names":["TableCard","title","headerTitle","data","query","setQuery","useState","debouncedQuery","useDebouncedValue","filtered","useMemo","u","field","jsxs","Section","jsx","SectionHeading","Col","Row","Search","GridContainer","el","index","GridItem","CardFile"],"mappings":";;;;;;;;;;;AAqBO,MAAMA,IAAY,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,MAAAC,IAAO,CAAA,QAAgB;AACrE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE,GAC/BC,IAAiBC,EAAkBJ,EAAM,OAAO,YAAA,GAAe,GAAG,GAElEK,IAAWC,EAAQ,MAClBH,IACEJ,EAAK;AAAA,IAAO,CAACQ,MAClB,CAACA,EAAE,OAAOA,EAAE,WAAW,EAAE;AAAA,MAAK,CAACC,MAC7BA,KAAA,gBAAAA,EAAO,cAAc,SAASL;AAAA,IAAc;AAAA,EAC9C,IAJ0BJ,GAM3B,CAACI,GAAgBJ,CAAI,CAAC;AAEzB,SACEU,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,cACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,MAAK;AAAA,QACL,IAAG;AAAA,QACH,OAAM;AAAA,QACN,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,2BAEXgB,GAAA,EACC,UAAA;AAAA,MAAAF,gBAAAA,EAAAA;AAAAA,QAACG;AAAA,QAAA;AAAA,UACC,YAAW;AAAA,UACX,WAAU;AAAA,UACV,gBAAe;AAAA,UACf,UAAS;AAAA,UAET,UAAAH,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,gBAAgB,UAAAb,EAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAE3CW,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACC,YAAW;AAAA,UACX,WAAU;AAAA,UACV,gBAAe;AAAA,UACf,UAAS;AAAA,UAET,UAAA;AAAA,YAAAL,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,QAAO,UAAA;AAAA,cAAA;AAAA,cAAmBJ,EAAS;AAAA,cAAO;AAAA,YAAA,GAAC;AAAA,YAC3DM,gBAAAA,EAAAA;AAAAA,cAACI;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,SAAQ;AAAA,gBACR,YAAW;AAAA,gBACX,OAAOf;AAAA,gBACP,eAAeC;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEFU,gBAAAA,EAAAA,IAACK,GAAA,EAAc,KAAI,OAAM,IAAG,OAAM,IAAG,OAClC,UAAAX,EAAS,IAAI,CAACY,GAAIC,MACjBP,gBAAAA,MAACQ,GAAA,EAAqC,IAAI,GAAG,IAAI,GAC/C,UAAAR,gBAAAA,EAAAA,IAACS,GAAA,EAAU,GAAGH,EAAA,CAAI,EAAA,GADL,cAAcC,CAAK,EAElC,CACD,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es152.js","sources":["../src/sections/Insights/index.tsx"],"sourcesContent":["import {\n  CardPreview,\n  CardPreviewProps,\n  Section,\n  SectionHeading,\n} from \"@/components\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./Insights.scss\";\n\ntype Props = {\n  title: string;\n  items: CardPreviewProps[];\n  colorTitle?: ColorKeys;\n  showBackgroundRectangle?: boolean;\n};\n\nexport const Insights = ({ \n  title,\n  items = [],\n  colorTitle = \"slate-20\",\n  showBackgroundRectangle = true,\n}: Props) => {\n  return (\n    <Section className=\"ui-insights-section\">\n      {showBackgroundRectangle && (\n        <div className=\"ui-insights-background-rectangle\"></div>\n      )}\n      <SectionHeading\n        className=\"ui-insights-items-section-title\"\n        title={title}\n        color={colorTitle}\n        titleMarginBottom=\"\"\n        fs=\"3\"\n        mdFs=\"3\"\n      />\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-insights-items-layout ${!title ? \"mt-x56\" : \"\"}`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardPreview {...item} />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Insights","title","items","colorTitle","showBackgroundRectangle","jsxs","Section","jsx","SectionHeading","item","index","CardPreview"],"mappings":";;;;AAgBO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,yBAAAC,IAA0B;AAC5B,MAEIC,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,uBAChB,UAAA;AAAA,EAAAF,KACCG,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,EAEpDA,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAAP;AAAA,MACA,OAAOE;AAAA,MACP,mBAAkB;AAAA,MAClB,IAAG;AAAA,MACH,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAEPI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYN,CAAK;AAAA,MAC7B,WAAW,4CAA6CA,IAAmB,KAAX,QAAa;AAAA,MAE5E,UAAAC,KAAA,gBAAAA,EAAO,IAAI,CAACO,GAAMC,4BAEd,MAAA,EACC,UAAAH,gBAAAA,EAAAA,IAACI,KAAa,GAAGF,EAAA,CAAM,KADhBC,CAET;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es153.js

@@ -1,291 +1,97 @@
-import { j as e } from "./index.es237.js";
-import { Pause as U } from "./index.es254.js";
-import "./index.es.js";
-import { splitInTwo as F } from "./index.es255.js";
-import { clsx as m } from "./index.es239.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.es259.js";
-import q from "./index.es260.js";
-import z from "./index.es261.js";
-import { Swiper as H, SwiperSlide as J } from "./index.es262.js";
-/* empty css            */
-import { Tags as K } from "./index.es147.js";
-import { PlayVideo as O } from "./index.es220.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.es166.js";
-import { File as W } from "./index.es199.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
+import { j as _ } from "./index.es241.js";
+import { clsx as c } from "./index.es243.js";
+import './sections/ImagesDescription/ImagesDescription.css';/* empty css            */
+import { Section as l, SectionHeading as L } from "./index.es123.js";
+const e = {
+  // Layout FULL (1 colonna)
+  FULL_1_1: "FULL_1_1",
+  FULL_4_3: "FULL_4_3",
+  FULL_16_9: "FULL_16_9",
+  FULL_21_9: "FULL_21_9",
+  FULL_32_9: "FULL_32_9",
+  // Layout TWO_COL (2 colonne)
+  TWO_COL_1_1: "TWO_COL_1_1",
+  TWO_COL_4_3: "TWO_COL_4_3",
+  TWO_COL_16_9: "TWO_COL_16_9",
+  TWO_COL_21_9: "TWO_COL_21_9",
+  TWO_COL_32_9: "TWO_COL_32_9",
+  // Layout THREE_COL (3 colonne)
+  THREE_COL_1_1: "THREE_COL_1_1",
+  THREE_COL_4_3: "THREE_COL_4_3",
+  THREE_COL_16_9: "THREE_COL_16_9",
+  THREE_COL_21_9: "THREE_COL_21_9",
+  THREE_COL_32_9: "THREE_COL_32_9"
+}, C = ({
+  title: t,
+  items: i = [],
+  layout: a = e.FULL_1_1,
+  className: r
 }) => {
-  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",
-    {
-      className: m("is-event", "hero-event-container", {
-        "with-shadow": n
-      }),
-      style: p,
-      children: [
-        /* @__PURE__ */ e.jsx(
-          "img",
-          {
-            className: "hero-event-background",
-            src: t.src,
-            alt: `Evento ${t.alt}`,
-            style: h
-          }
-        ),
-        /* @__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 ?? [] })
-          ] })
-        ] })
-      ]
+  const o = ((s) => {
+    switch (s) {
+      // Layout FULL (1 colonna)
+      case e.FULL_1_1:
+        return "images-description-layout-full-1-1";
+      case e.FULL_4_3:
+        return "images-description-layout-full-4-3";
+      case e.FULL_16_9:
+        return "images-description-layout-full-16-9";
+      case e.FULL_21_9:
+        return "images-description-layout-full-21-9";
+      case e.FULL_32_9:
+        return "images-description-layout-full-32-9";
+      // Layout TWO_COL (2 colonne)
+      case e.TWO_COL_1_1:
+        return "images-description-layout-two-col-1-1";
+      case e.TWO_COL_4_3:
+        return "images-description-layout-two-col-4-3";
+      case e.TWO_COL_16_9:
+        return "images-description-layout-two-col-16-9";
+      case e.TWO_COL_21_9:
+        return "images-description-layout-two-col-21-9";
+      case e.TWO_COL_32_9:
+        return "images-description-layout-two-col-32-9";
+      // Layout THREE_COL (3 colonne)
+      case e.THREE_COL_1_1:
+        return "images-description-layout-three-col-1-1";
+      case e.THREE_COL_4_3:
+        return "images-description-layout-three-col-4-3";
+      case e.THREE_COL_16_9:
+        return "images-description-layout-three-col-16-9";
+      case e.THREE_COL_21_9:
+        return "images-description-layout-three-col-21-9";
+      case e.THREE_COL_32_9:
+        return "images-description-layout-three-col-32-9";
+      default:
+        return "";
     }
-  );
-}, 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
-              }
-            )
-          ]
-        }
-      ) })
-    }
-  );
+  })(a);
+  return /* @__PURE__ */ _.jsxs(l, { className: c("base-col images-description-section", r), children: [
+    /* @__PURE__ */ _.jsx(L, { title: t }),
+    /* @__PURE__ */ _.jsx(
+      "ul",
+      {
+        role: "list",
+        "aria-label": `Raccolta di ${t}`,
+        className: `list-style-none ${o}`,
+        children: i == null ? void 0 : i.map((s) => /* @__PURE__ */ _.jsxs("li", { className: "images-description-item", children: [
+          /* @__PURE__ */ _.jsx("div", { className: "images-description-item-image-container", children: /* @__PURE__ */ _.jsx(
+            "img",
+            {
+              src: s.image.src,
+              alt: s.image.alt,
+              title: s.image.title,
+              className: "images-description-item-image"
+            }
+          ) }),
+          /* @__PURE__ */ _.jsx("div", { className: "images-description-item-content", children: /* @__PURE__ */ _.jsx("p", { className: "images-description-item-description text-slate-28 fs-9", children: s.description }) })
+        ] }, s._id))
+      }
+    )
+  ] });
 };
 export {
-  Z as AutoplayButton,
-  Y as BlurImageSlide,
-  ye as Slider,
-  ee as SliderPagination,
-  X as SliderTypeEnum
+  e as IMAGES_DESCRIPTION_LAYOUTS,
+  C as ImagesDescription
 };
 //# sourceMappingURL=index.es153.js.map