@undp/data-viz 1.2.8 → 1.3.0

package/dist/index-BIPNFFja.js

@@ -0,0 +1,506 @@
+import { r as J, b as U, a as fe, j as l } from "./index-BHm2KTjD-2e-Fu8L-.js";
+import K, { useState as P, useMemo as ae, useEffect as T } from "react";
+import { i as he } from "./index-C1rRk_50.js";
+import { f as O } from "./index-UV9hjG_S.js";
+import { s as ge } from "./index-DxagiOHo.js";
+import { D as $ } from "./DropdownSelect-DmZsXrhY.js";
+import { c as ye, T as te } from "./Typography-XJoSE-By.js";
+import { r as B } from "./x-Dft9NVe_-DcB7wtv5.js";
+import { r as ve, d as je } from "./index-DXmF_0ez.js";
+import { M as be } from "./Modal-C9txyGOk.js";
+import { CsvDownloadButton as we } from "./CsvDownloadButton.js";
+import { s as ie } from "./string2HTML-BX0oNw83.js";
+import { GraphFooter as Ne } from "./GraphFooter.js";
+import { GraphHeader as ke } from "./GraphHeader.js";
+import { getUniqValue as Se } from "./getUniqValue.js";
+var F = {}, Y = {}, se;
+function Ce() {
+  if (se) return Y;
+  se = 1;
+  const i = /* @__PURE__ */ B();
+  /**
+  * @license lucide-react v0.488.0 - ISC
+  *
+  * This source code is licensed under the ISC license.
+  * See the LICENSE file in the root directory of this source tree.
+  */
+  const r = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], n = i.createLucideIcon("chevron-left", r);
+  return Y.ChevronLeft = n, Y;
+}
+var _ = {}, ne;
+function Re() {
+  if (ne) return _;
+  ne = 1;
+  const i = /* @__PURE__ */ B();
+  /**
+  * @license lucide-react v0.488.0 - ISC
+  *
+  * This source code is licensed under the ISC license.
+  * See the LICENSE file in the root directory of this source tree.
+  */
+  const r = [["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }], ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }], ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]], n = i.createLucideIcon("ellipsis", r);
+  return _.Ellipsis = n, _;
+}
+var G = {}, le;
+function Ee() {
+  if (le) return G;
+  le = 1;
+  const i = /* @__PURE__ */ B();
+  /**
+  * @license lucide-react v0.488.0 - ISC
+  *
+  * This source code is licensed under the ISC license.
+  * See the LICENSE file in the root directory of this source tree.
+  */
+  const r = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], n = i.createLucideIcon("chevron-right", r);
+  return G.ChevronRight = n, G;
+}
+var oe;
+function De() {
+  return oe || (oe = 1, function(i) {
+    Object.defineProperty(i, Symbol.toStringTag, { value: "Module" });
+    const r = /* @__PURE__ */ J(), n = K, s = /* @__PURE__ */ U(), f = /* @__PURE__ */ Ce(), d = /* @__PURE__ */ Re(), h = /* @__PURE__ */ Ee();
+    function b({ className: e, ...t }) {
+      return r.jsxRuntimeExports.jsx("nav", { ...t, role: "navigation", "aria-label": "pagination", className: s.cn("mx-auto flex w-full justify-center", e) });
+    }
+    b.displayName = "PaginationUnit";
+    const o = n.forwardRef(({ className: e, ...t }, p) => r.jsxRuntimeExports.jsx("ul", { ...t, ref: p, className: s.cn("flex flex-row items-center gap-1 list-none", e) }));
+    o.displayName = "PaginationContent";
+    const m = n.forwardRef(({ className: e, ...t }, p) => r.jsxRuntimeExports.jsx("li", { ...t, ref: p, className: s.cn("mr-2 last:mr-0", e) }));
+    m.displayName = "PaginationItem";
+    function u({ className: e, children: t, ...p }) {
+      return r.jsxRuntimeExports.jsx("button", { ...p, type: "button", className: s.cn("p-4 text-base text-primary-black dark:text-primary-gray-100 dark:hover:bg-primary-gray-600", e), children: t });
+    }
+    u.displayName = "PaginationLink";
+    function w({ className: e, ...t }) {
+      return r.jsxRuntimeExports.jsx(u, { ...t, "aria-label": "Go to previous page", className: s.cn("p-2 bg-primary-gray-300 dark:bg-primary-gray-600 rtl:scale-x-[-1] rounded-full hover:bg-primary-gray-400 dark:hover:bg-primary-gray-550", e), children: r.jsxRuntimeExports.jsx(f.ChevronLeft, { className: "h-6 w-6 stroke-primary-gray-700 dark:stroke-primary-gray-100" }) });
+    }
+    w.displayName = "PaginationPrevious";
+    function C({ className: e, ...t }) {
+      return r.jsxRuntimeExports.jsx(u, { ...t, "aria-label": "Go to next page", className: s.cn("p-2 bg-primary-gray-300 dark:bg-primary-gray-600 rtl:scale-x-[-1] rounded-full hover:bg-primary-gray-400 dark:hover:bg-primary-gray-550", e), children: r.jsxRuntimeExports.jsx(h.ChevronRight, { className: "h-6 w-6 stroke-primary-gray-700 dark:stroke-primary-gray-100" }) });
+    }
+    C.displayName = "PaginationNext";
+    function g({ className: e, ...t }) {
+      return r.jsxRuntimeExports.jsxs("span", { ...t, "aria-hidden": !0, className: s.cn("flex h-9 w-9 items-center justify-center", e), children: [r.jsxRuntimeExports.jsx(d.Ellipsis, { className: "h-4 w-4 text-primary-gray-700 dark:text-primary-gray-100" }), r.jsxRuntimeExports.jsx("span", { className: "sr-only", children: "More pages" })] });
+    }
+    g.displayName = "PaginationEllipsis";
+    const y = (e, t) => {
+      const p = [];
+      return t <= 7 ? Array.from({ length: t }, (v, k) => k + 1) : (p.push(1), e <= 3 ? p.push(2, 3, 4, "ellipsis") : e >= t - 2 ? p.push("ellipsis", t - 3, t - 2, t - 1) : p.push("ellipsis", e - 1, e, e + 1, "ellipsis"), p.push(t), p);
+    };
+    function N(e) {
+      const { defaultPage: t = 1, total: p, pageSize: v, onChange: k, className: q } = e, R = Math.ceil(p / v), [c, E] = n.useState(t), [S, j] = n.useState(y(t, R));
+      return n.useEffect(() => {
+        j(y(c, R));
+      }, [c, R]), r.jsxRuntimeExports.jsx(b, { className: s.cn("select-none", q), children: r.jsxRuntimeExports.jsxs(o, { children: [r.jsxRuntimeExports.jsx(m, { children: r.jsxRuntimeExports.jsx(w, { onClick: () => {
+        c > 1 && (k(c - 1), E(c - 1));
+      }, className: s.cn("cursor-pointer", c <= 1 && "cursor-not-allowed pointer-events-none opacity-35") }) }), S.map((x, V) => r.jsxRuntimeExports.jsx(m, { children: x === "ellipsis" ? r.jsxRuntimeExports.jsx(g, {}) : r.jsxRuntimeExports.jsx(u, { onClick: () => {
+        E(x), k(x);
+      }, className: s.cn("cursor-pointer w-[32px] h-[32px] flex items-center justify-center rounded-full hover:bg-primary-gray-300", x === c && "bg-primary-blue-600 hover:bg-primary-blue-700 dark:bg-primary-blue-500 dark:hover:bg-primary-blue-400 hover:text-primary-wite text-primary-white"), children: x }) }, V)), r.jsxRuntimeExports.jsx(m, { children: r.jsxRuntimeExports.jsx(C, { onClick: () => {
+        c < R && (k(c + 1), E(c + 1));
+      }, className: s.cn("cursor-pointer", c >= R && "cursor-not-allowed pointer-events-none opacity-35") }) })] }) });
+    }
+    i.Pagination = N;
+  }(F)), F;
+}
+var Ie = /* @__PURE__ */ De(), A = {}, H = {}, ce;
+function Pe() {
+  return ce || (ce = 1, function(i) {
+    Object.defineProperty(i, Symbol.toStringTag, { value: "Module" });
+    const r = /* @__PURE__ */ J(), n = K, s = /* @__PURE__ */ fe(), f = /* @__PURE__ */ U(), d = s.cva("w-full h-auto bg-primary-white dark:bg-primary-gray-650 text-primary-black dark:text-primary-white text-base transition-colors file:border-0 file:bg-transparent file:font-medium file:text-primary-gray-700 dark:file:text-primary-white focus-visible:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-primary-gray-550 dark:placeholder:text-primary-gray-400", { variants: { variant: { light: "border border-primary-gray-400 dark:border-primary-gray-500", normal: "border-2 border-primary-black dark:border-primary-gray-300" }, inputSize: { sm: "px-2.5 py-1", base: "p-2.5" } }, defaultVariants: { inputSize: "base", variant: "normal" } }), h = n.forwardRef(({ className: b, inputSize: o, variant: m, ...u }, w) => r.jsxRuntimeExports.jsx("input", { ...u, ref: w, className: f.cn(d({ inputSize: o, variant: m }), b) }));
+    h.displayName = "Input", i.Input = h;
+  }(H)), H;
+}
+var ue;
+function qe() {
+  return ue || (ue = 1, function(i) {
+    Object.defineProperty(i, Symbol.toStringTag, { value: "Module" });
+    const r = /* @__PURE__ */ J(), n = K, s = /* @__PURE__ */ ve(), f = /* @__PURE__ */ Pe(), d = /* @__PURE__ */ U(), h = /* @__PURE__ */ B();
+    /**
+    * @license lucide-react v0.488.0 - ISC
+    *
+    * This source code is licensed under the ISC license.
+    * See the LICENSE file in the root directory of this source tree.
+    */
+    const b = [["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }], ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]], o = h.createLucideIcon("search", b), m = n.forwardRef(({ className: u, inputClassName: w, buttonClassName: C, onSearch: g, searchOnlyOnClick: y, buttonVariant: N, buttonChildren: e, showSearchButton: t, inputVariant: p, inputSize: v, placeholder: k, ...q }, R) => {
+      const [c, E] = n.useState(void 0), [S, j] = n.useState(!1);
+      return r.jsxRuntimeExports.jsxs("div", { className: d.cn("flex gap-0", u), ref: R, children: [r.jsxRuntimeExports.jsxs("div", { className: "relative w-full", children: [r.jsxRuntimeExports.jsx(f.Input, { ...q, variant: p, type: "text", className: w, onChange: (x) => {
+        E(x.target.value), y || g?.(x.target.value);
+      }, inputSize: v, onKeyDown: (x) => {
+        x.key === "Enter" && g?.(c);
+      }, onFocus: () => j(!0), onBlur: () => j(!1) }), !S && (c === "" || !c) && r.jsxRuntimeExports.jsxs("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: [e ? null : r.jsxRuntimeExports.jsx(o, { className: "h-4 w-4 text-primary-gray-500 dark:text-primary-gray-400 mr-2" }), r.jsxRuntimeExports.jsx("span", { className: "text-primary-gray-500 dark:text-primary-gray-400", children: k || "Search..." })] })] }), t === !1 ? null : r.jsxRuntimeExports.jsx(s.Button, { variant: N || "icon", className: C, padding: v, onClick: () => {
+        g?.(c);
+      }, children: e || r.jsxRuntimeExports.jsx(o, { className: "stroke-2" }) })] });
+    });
+    m.displayName = "Search", i.Search = m;
+  }(A)), A;
+}
+var Ve = /* @__PURE__ */ qe();
+const Me = (i) => i ? Object.entries(i).map(([n, s]) => Array.isArray(s) ? {
+  " ": n,
+  value: `"${s.join("; ")}"`
+} : {
+  " ": n,
+  value: `"${s}"`
+}) : {};
+function $e(i) {
+  const {
+    width: r,
+    height: n,
+    data: s,
+    onSeriesMouseClick: f,
+    cardTemplate: d,
+    cardBackgroundColor: h,
+    cardMinWidth: b = 320,
+    detailsOnClick: o,
+    noOfItemsInAPage: m,
+    styles: u,
+    classNames: w,
+    page: C,
+    allowDataDownloadOnDetail: g
+  } = i, [y, N] = P(void 0);
+  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx(
+      "div",
+      {
+        className: "undp-scrollbar w-full my-0 mx-auto grid gap-4 undp-viz-data-cards-container",
+        style: {
+          width: r ? `${r}px` : "100%",
+          height: n ? `${n}px` : "auto",
+          gridTemplateColumns: `repeat(auto-fill, minmax(${b}px, 1fr))`
+        },
+        children: s.filter(
+          (e, t) => m ? t < C * m && t >= (C - 1) * m : !0
+        ).map((e, t) => /* @__PURE__ */ l.jsx(
+          "div",
+          {
+            style: {
+              ...u?.dataCards || {},
+              ...h && { backgroundColor: h }
+            },
+            className: `w-full flex flex-col ${f || o ? "cursor-pointer" : "cursor-auto"}${h ? "" : "bg-primary-gray-200 dark:bg-primary-gray-600"} ${w?.dataCards || ""}`,
+            onClick: () => {
+              f?.(e), N(e);
+            },
+            dangerouslySetInnerHTML: typeof d == "string" ? { __html: ie(d, e) } : void 0,
+            children: typeof d == "function" ? d(e) : null
+          },
+          t
+        ))
+      }
+    ),
+    o && y !== void 0 ? /* @__PURE__ */ l.jsxs(
+      be.Modal,
+      {
+        open: y !== void 0,
+        onClose: () => {
+          N(void 0);
+        },
+        children: [
+          /* @__PURE__ */ l.jsx(
+            "div",
+            {
+              className: "graph-modal-content m-0",
+              dangerouslySetInnerHTML: typeof o == "string" ? { __html: ie(o, y) } : void 0,
+              children: typeof o == "function" ? o(y) : null
+            }
+          ),
+          g ? /* @__PURE__ */ l.jsx("div", { className: "flex", children: /* @__PURE__ */ l.jsx(
+            we,
+            {
+              csvData: Me(y),
+              headers: [
+                {
+                  label: " ",
+                  key: " "
+                },
+                {
+                  label: "value",
+                  key: "value"
+                }
+              ],
+              buttonContent: /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-4", children: [
+                typeof g == "string" ? g : null,
+                /* @__PURE__ */ l.jsx(je, {})
+              ] })
+            }
+          ) }) : null
+        ]
+      }
+    ) : null
+  ] });
+}
+function pe(i) {
+  if (i !== void 0)
+    return Array.isArray(i) ? i.map((r) => ({
+      value: r,
+      label: r
+    })) : {
+      value: i,
+      label: i
+    };
+}
+const Be = (i, r, n) => r.length === 0 ? i : i.filter(
+  (s) => r.some((f) => s[f]?.toLowerCase().includes(n.toLowerCase()))
+);
+function We(i) {
+  const {
+    width: r,
+    height: n,
+    graphTitle: s,
+    sources: f,
+    graphDescription: d,
+    footNote: h,
+    graphID: b,
+    data: o,
+    onSeriesMouseClick: m,
+    language: u = "en",
+    theme: w = "light",
+    ariaLabel: C,
+    cardTemplate: g,
+    cardBackgroundColor: y,
+    cardFilters: N,
+    cardSortingOptions: e,
+    cardSearchColumns: t,
+    cardMinWidth: p = 320,
+    backgroundColor: v = !1,
+    padding: k,
+    detailsOnClick: q,
+    allowDataDownloadOnDetail: R = !1,
+    noOfItemsInAPage: c,
+    uiMode: E = "normal",
+    styles: S,
+    classNames: j
+  } = i, [x, V] = P(o), [de, Q] = P(1), [Z, me] = P(""), W = ae(
+    () => (N || []).map((a) => ({
+      filter: a.column,
+      label: a.label || `Filter by ${a.column}`,
+      singleSelect: !0,
+      clearable: !0,
+      defaultValue: pe(a.defaultValue),
+      availableValues: Se(o, a.column).filter((D) => !a.excludeValues?.includes(`${D}`)).map((D) => ({ value: D, label: D })),
+      width: a.width
+    })),
+    [N, o]
+  ), [X, xe] = P(
+    (N || []).map((a) => ({
+      filter: a.column,
+      value: pe(a.defaultValue)
+    }))
+  ), [M, ee] = P(
+    e ? !e.defaultValue || e.options.findIndex((a) => a.label === e.defaultValue) === -1 ? e.options[0] : e.options[e.options.findIndex((a) => a.label === e.defaultValue)] : void 0
+  ), re = ae(
+    () => ({
+      ignoreCase: !0,
+      ignoreAccents: !0,
+      trim: !0
+    }),
+    []
+  );
+  return T(() => {
+    ee(
+      e ? !e.defaultValue || e.options.findIndex(
+        (a) => a.label === e.defaultValue
+      ) === -1 ? e.options[0] : e.options[e.options.findIndex(
+        (a) => a.label === e.defaultValue
+      )] : void 0
+    );
+  }, [e]), T(() => {
+    const a = Be(o, t || [], Z).filter(
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      (D) => X.every(
+        (I) => I.value && O([I.value]).length > 0 ? he(
+          O([D[I.filter]]),
+          O([I.value]).map((z) => z.value)
+        ).length > 0 : !0
+      )
+    );
+    V(M ? ge(a, M?.value, M?.type) : a);
+  }, [o, t, Z, X, M]), T(() => {
+    Q(1);
+  }, [x]), /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: `${w || "light"} flex  ${r ? "w-fit grow-0" : "w-full grow"}`,
+      dir: u === "he" || u === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ l.jsx(
+        "div",
+        {
+          className: ye.cn(
+            `${v ? v === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${u || "en"}`,
+            j?.graphContainer
+          ),
+          style: {
+            ...S?.graphContainer || {},
+            ...v && v !== !0 ? { backgroundColor: v } : {}
+          },
+          id: b,
+          "aria-label": C || `${s ? `The graph shows ${s}. ` : ""}This is an list of cards. ${d ? ` ${d}` : ""}`,
+          children: /* @__PURE__ */ l.jsx(
+            "div",
+            {
+              className: "flex grow",
+              style: { padding: v ? k || "1rem" : k || 0 },
+              children: /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col grow gap-3 w-full justify-between", children: [
+                s || d ? /* @__PURE__ */ l.jsx(
+                  ke,
+                  {
+                    styles: {
+                      title: S?.title,
+                      description: S?.description
+                    },
+                    classNames: {
+                      title: j?.title,
+                      description: j?.description
+                    },
+                    graphTitle: s,
+                    graphDescription: d,
+                    width: r
+                  }
+                ) : null,
+                e || W.length > 0 ? /* @__PURE__ */ l.jsxs("div", { className: "flex gap-4 flex-wrap items-start w-full", children: [
+                  e ? /* @__PURE__ */ l.jsxs(
+                    "div",
+                    {
+                      className: "grow shrink-0 min-w-[240px]",
+                      style: { width: e.width || "calc(25% - 0.75rem)" },
+                      children: [
+                        /* @__PURE__ */ l.jsx(
+                          te.P,
+                          {
+                            marginBottom: "xs",
+                            size: "sm",
+                            className: "text-primary-gray-700 dark:text-primary-gray-100",
+                            children: "Sort by"
+                          }
+                        ),
+                        /* @__PURE__ */ l.jsx(
+                          $.DropdownSelect,
+                          {
+                            options: e.options,
+                            isRtl: u === "he" || u === "ar",
+                            isSearchable: !0,
+                            filterOption: $.createFilter(re),
+                            onChange: (a) => {
+                              ee(a || void 0);
+                            },
+                            variant: E,
+                            size: "sm",
+                            defaultValue: !e.defaultValue || e.options.findIndex(
+                              (a) => a.label === e.defaultValue
+                            ) === -1 ? e.options[0] : e.options[e.options.findIndex(
+                              (a) => a.label === e.defaultValue
+                            )]
+                          }
+                        )
+                      ]
+                    }
+                  ) : null,
+                  W?.map((a, D) => /* @__PURE__ */ l.jsxs(
+                    "div",
+                    {
+                      className: "grow shrink-0 min-w-[240px]",
+                      style: { width: a.width || "calc(25% - 0.75rem)" },
+                      children: [
+                        /* @__PURE__ */ l.jsx(
+                          te.P,
+                          {
+                            marginBottom: "xs",
+                            size: "sm",
+                            className: "text-primary-gray-700 dark:text-primary-gray-100",
+                            children: a.label
+                          }
+                        ),
+                        /* @__PURE__ */ l.jsx(
+                          $.DropdownSelect,
+                          {
+                            options: a.availableValues,
+                            isClearable: a.clearable === void 0 ? !0 : a.clearable,
+                            isRtl: u === "he" || u === "ar",
+                            isSearchable: !0,
+                            variant: E,
+                            size: "sm",
+                            controlShouldRenderValue: !0,
+                            filterOption: $.createFilter(re),
+                            onChange: (I) => {
+                              xe(
+                                (z) => (
+                                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                  z.map((L) => L.filter === a.filter ? { ...L, value: I } : L)
+                                )
+                              );
+                            },
+                            defaultValue: a.defaultValue
+                          }
+                        )
+                      ]
+                    },
+                    D
+                  ))
+                ] }) : null,
+                (t || []).length > 0 ? /* @__PURE__ */ l.jsx("div", { style: { paddingTop: "1px" }, children: /* @__PURE__ */ l.jsx(
+                  Ve.Search,
+                  {
+                    placeholder: "Search...",
+                    onSearch: (a) => {
+                      me(a || "");
+                    },
+                    buttonVariant: "icon",
+                    inputVariant: E,
+                    showSearchButton: !1,
+                    inputSize: "sm"
+                  }
+                ) }) : null,
+                /* @__PURE__ */ l.jsx(
+                  $e,
+                  {
+                    data: x,
+                    width: r,
+                    height: n,
+                    cardTemplate: g,
+                    cardMinWidth: p,
+                    page: de,
+                    cardBackgroundColor: y,
+                    styles: S,
+                    classNames: j,
+                    noOfItemsInAPage: c,
+                    detailsOnClick: q,
+                    onSeriesMouseClick: m,
+                    allowDataDownloadOnDetail: R
+                  }
+                ),
+                c ? /* @__PURE__ */ l.jsx(
+                  Ie.Pagination,
+                  {
+                    total: x.length,
+                    defaultPage: 0,
+                    pageSize: c,
+                    onChange: Q
+                  }
+                ) : null,
+                f || h ? /* @__PURE__ */ l.jsx(
+                  Ne,
+                  {
+                    styles: { footnote: S?.footnote, source: S?.source },
+                    classNames: {
+                      footnote: j?.footnote,
+                      source: j?.source
+                    },
+                    sources: f,
+                    footNote: h,
+                    width: r
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  We as D,
+  pe as t
+};
+//# sourceMappingURL=index-BIPNFFja.js.map

package/dist/index-BIPNFFja.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BIPNFFja.js","sources":["../node_modules/@undp/design-system-react/dist/chevron-left-BYkZnGJE.cjs","../node_modules/@undp/design-system-react/dist/ellipsis-D-YyfMoY.cjs","../node_modules/@undp/design-system-react/dist/chevron-right-C69Yd7-_.cjs","../node_modules/@undp/design-system-react/dist/Pagination.js","../node_modules/@undp/design-system-react/dist/Input.js","../node_modules/@undp/design-system-react/dist/Search.js","../src/Components/Graphs/DataCards/Graph.tsx","../src/Utils/transformDataForSelect.ts","../src/Components/Graphs/DataCards/index.tsx"],"sourcesContent":["\"use strict\";const e=require(\"./createLucideIcon-DpotSgUx.cjs\");/**\n * @license lucide-react v0.488.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */const c=[[\"path\",{d:\"m15 18-6-6 6-6\",key:\"1wnfg3\"}]],t=e.createLucideIcon(\"chevron-left\",c);exports.ChevronLeft=t;\n//# sourceMappingURL=chevron-left-BYkZnGJE.cjs.map\n","\"use strict\";const c=require(\"./createLucideIcon-DpotSgUx.cjs\");/**\n * @license lucide-react v0.488.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */const e=[[\"circle\",{cx:\"12\",cy:\"12\",r:\"1\",key:\"41hilf\"}],[\"circle\",{cx:\"19\",cy:\"12\",r:\"1\",key:\"1wjl8i\"}],[\"circle\",{cx:\"5\",cy:\"12\",r:\"1\",key:\"1pcz8c\"}]],i=c.createLucideIcon(\"ellipsis\",e);exports.Ellipsis=i;\n//# sourceMappingURL=ellipsis-D-YyfMoY.cjs.map\n","\"use strict\";const e=require(\"./createLucideIcon-DpotSgUx.cjs\");/**\n * @license lucide-react v0.488.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */const c=[[\"path\",{d:\"m9 18 6-6-6-6\",key:\"mthhwq\"}]],t=e.createLucideIcon(\"chevron-right\",c);exports.ChevronRight=t;\n//# sourceMappingURL=chevron-right-C69Yd7-_.cjs.map\n","\"use strict\";Object.defineProperty(exports,Symbol.toStringTag,{value:\"Module\"});const s=require(\"./jsx-runtime-Dszzpdy0.cjs\"),p=require(\"react\"),a=require(\"./utils-D9-qIS7T.cjs\"),k=require(\"./chevron-left-BYkZnGJE.cjs\"),v=require(\"./ellipsis-D-YyfMoY.cjs\"),P=require(\"./chevron-right-C69Yd7-_.cjs\");function g({className:e,...r}){return s.jsxRuntimeExports.jsx(\"nav\",{...r,role:\"navigation\",\"aria-label\":\"pagination\",className:a.cn(\"mx-auto flex w-full justify-center\",e)})}g.displayName=\"PaginationUnit\";const j=p.forwardRef(({className:e,...r},i)=>s.jsxRuntimeExports.jsx(\"ul\",{...r,ref:i,className:a.cn(\"flex flex-row items-center gap-1 list-none\",e)}));j.displayName=\"PaginationContent\";const c=p.forwardRef(({className:e,...r},i)=>s.jsxRuntimeExports.jsx(\"li\",{...r,ref:i,className:a.cn(\"mr-2 last:mr-0\",e)}));c.displayName=\"PaginationItem\";function m({className:e,children:r,...i}){return s.jsxRuntimeExports.jsx(\"button\",{...i,type:\"button\",className:a.cn(\"p-4 text-base text-primary-black dark:text-primary-gray-100 dark:hover:bg-primary-gray-600\",e),children:r})}m.displayName=\"PaginationLink\";function d({className:e,...r}){return s.jsxRuntimeExports.jsx(m,{...r,\"aria-label\":\"Go to previous page\",className:a.cn(\"p-2 bg-primary-gray-300 dark:bg-primary-gray-600 rtl:scale-x-[-1] rounded-full hover:bg-primary-gray-400 dark:hover:bg-primary-gray-550\",e),children:s.jsxRuntimeExports.jsx(k.ChevronLeft,{className:\"h-6 w-6 stroke-primary-gray-700 dark:stroke-primary-gray-100\"})})}d.displayName=\"PaginationPrevious\";function h({className:e,...r}){return s.jsxRuntimeExports.jsx(m,{...r,\"aria-label\":\"Go to next page\",className:a.cn(\"p-2 bg-primary-gray-300 dark:bg-primary-gray-600 rtl:scale-x-[-1] rounded-full hover:bg-primary-gray-400 dark:hover:bg-primary-gray-550\",e),children:s.jsxRuntimeExports.jsx(P.ChevronRight,{className:\"h-6 w-6 stroke-primary-gray-700 dark:stroke-primary-gray-100\"})})}h.displayName=\"PaginationNext\";function f({className:e,...r}){return s.jsxRuntimeExports.jsxs(\"span\",{...r,\"aria-hidden\":!0,className:a.cn(\"flex h-9 w-9 items-center justify-center\",e),children:[s.jsxRuntimeExports.jsx(v.Ellipsis,{className:\"h-4 w-4 text-primary-gray-700 dark:text-primary-gray-100\"}),s.jsxRuntimeExports.jsx(\"span\",{className:\"sr-only\",children:\"More pages\"})]})}f.displayName=\"PaginationEllipsis\";const y=(e,r)=>{const i=[];return r<=7?Array.from({length:r},(x,n)=>n+1):(i.push(1),e<=3?i.push(2,3,4,\"ellipsis\"):e>=r-2?i.push(\"ellipsis\",r-3,r-2,r-1):i.push(\"ellipsis\",e-1,e,e+1,\"ellipsis\"),i.push(r),i)};function w(e){const{defaultPage:r=1,total:i,pageSize:x,onChange:n,className:b}=e,o=Math.ceil(i/x),[t,u]=p.useState(r),[R,E]=p.useState(y(r,o));return p.useEffect(()=>{E(y(t,o))},[t,o]),s.jsxRuntimeExports.jsx(g,{className:a.cn(\"select-none\",b),children:s.jsxRuntimeExports.jsxs(j,{children:[s.jsxRuntimeExports.jsx(c,{children:s.jsxRuntimeExports.jsx(d,{onClick:()=>{t>1&&(n(t-1),u(t-1))},className:a.cn(\"cursor-pointer\",t<=1&&\"cursor-not-allowed pointer-events-none opacity-35\")})}),R.map((l,N)=>s.jsxRuntimeExports.jsx(c,{children:l===\"ellipsis\"?s.jsxRuntimeExports.jsx(f,{}):s.jsxRuntimeExports.jsx(m,{onClick:()=>{u(l),n(l)},className:a.cn(\"cursor-pointer w-[32px] h-[32px] flex items-center justify-center rounded-full hover:bg-primary-gray-300\",l===t&&\"bg-primary-blue-600 hover:bg-primary-blue-700 dark:bg-primary-blue-500 dark:hover:bg-primary-blue-400 hover:text-primary-wite text-primary-white\"),children:l})},N)),s.jsxRuntimeExports.jsx(c,{children:s.jsxRuntimeExports.jsx(h,{onClick:()=>{t<o&&(n(t+1),u(t+1))},className:a.cn(\"cursor-pointer\",t>=o&&\"cursor-not-allowed pointer-events-none opacity-35\")})})]})})}exports.Pagination=w;\n//# sourceMappingURL=Pagination.js.map\n","\"use strict\";Object.defineProperty(exports,Symbol.toStringTag,{value:\"Module\"});const o=require(\"./jsx-runtime-Dszzpdy0.cjs\"),s=require(\"react\"),l=require(\"./index-BHm2KTjD.cjs\"),d=require(\"./utils-D9-qIS7T.cjs\"),p=l.cva(\"w-full h-auto bg-primary-white dark:bg-primary-gray-650 text-primary-black dark:text-primary-white text-base transition-colors file:border-0 file:bg-transparent file:font-medium file:text-primary-gray-700 dark:file:text-primary-white focus-visible:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-primary-gray-550 dark:placeholder:text-primary-gray-400\",{variants:{variant:{light:\"border border-primary-gray-400 dark:border-primary-gray-500\",normal:\"border-2 border-primary-black dark:border-primary-gray-300\"},inputSize:{sm:\"px-2.5 py-1\",base:\"p-2.5\"}},defaultVariants:{inputSize:\"base\",variant:\"normal\"}}),r=s.forwardRef(({className:e,inputSize:a,variant:t,...i},n)=>o.jsxRuntimeExports.jsx(\"input\",{...i,ref:n,className:d.cn(p({inputSize:a,variant:t}),e)}));r.displayName=\"Input\";exports.Input=r;\n//# sourceMappingURL=Input.js.map\n","\"use strict\";Object.defineProperty(exports,Symbol.toStringTag,{value:\"Module\"});const e=require(\"./jsx-runtime-Dszzpdy0.cjs\"),a=require(\"react\"),N=require(\"./Button.js\"),q=require(\"./Input.js\"),E=require(\"./utils-D9-qIS7T.cjs\"),k=require(\"./createLucideIcon-DpotSgUx.cjs\");/**\n * @license lucide-react v0.488.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */const S=[[\"circle\",{cx:\"11\",cy:\"11\",r:\"8\",key:\"4ej97u\"}],[\"path\",{d:\"m21 21-4.3-4.3\",key:\"1qie3q\"}]],o=k.createLucideIcon(\"search\",S),u=a.forwardRef(({className:l,inputClassName:x,buttonClassName:m,onSearch:r,searchOnlyOnClick:p,buttonVariant:d,buttonChildren:n,showSearchButton:y,inputVariant:j,inputSize:c,placeholder:f,...g},h)=>{const[s,v]=a.useState(void 0),[R,i]=a.useState(!1);return e.jsxRuntimeExports.jsxs(\"div\",{className:E.cn(\"flex gap-0\",l),ref:h,children:[e.jsxRuntimeExports.jsxs(\"div\",{className:\"relative w-full\",children:[e.jsxRuntimeExports.jsx(q.Input,{...g,variant:j,type:\"text\",className:x,onChange:t=>{v(t.target.value),p||r?.(t.target.value)},inputSize:c,onKeyDown:t=>{t.key===\"Enter\"&&r?.(s)},onFocus:()=>i(!0),onBlur:()=>i(!1)}),!R&&(s===\"\"||!s)&&e.jsxRuntimeExports.jsxs(\"div\",{className:\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\",children:[n?null:e.jsxRuntimeExports.jsx(o,{className:\"h-4 w-4 text-primary-gray-500 dark:text-primary-gray-400 mr-2\"}),e.jsxRuntimeExports.jsx(\"span\",{className:\"text-primary-gray-500 dark:text-primary-gray-400\",children:f||\"Search...\"})]})]}),y===!1?null:e.jsxRuntimeExports.jsx(N.Button,{variant:d||\"icon\",className:m,padding:c,onClick:()=>{r?.(s)},children:n||e.jsxRuntimeExports.jsx(o,{className:\"stroke-2\"})})]})});u.displayName=\"Search\";exports.Search=u;\n//# sourceMappingURL=Search.js.map\n","import { Modal } from '@undp/design-system-react/Modal';\r\nimport { useState } from 'react';\r\n\r\nimport { CsvDownloadButton } from '@/Components/Actions/CsvDownloadButton';\r\nimport { FileDown } from '@/Components/Icons';\r\nimport { StyleObject, ClassNameObject } from '@/Types';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\n\r\nexport type FilterDataType = {\r\n  column: string;\r\n  label?: string;\r\n  defaultValue?: string;\r\n  excludeValues?: string[];\r\n  width?: string;\r\n};\r\n\r\ninterface Props {\r\n  data: object[];\r\n  cardBackgroundColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  width?: number;\r\n  height?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  cardTemplate: string | ((_d: any) => React.ReactNode);\r\n  cardMinWidth: number;\r\n  noOfItemsInAPage?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  allowDataDownloadOnDetail: boolean | string;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  page: number;\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nconst csvData = (data: any) => {\r\n  if (!data) return {};\r\n  const dataForCsv = Object.entries(data).map(([key, value]) => {\r\n    if (Array.isArray(value)) {\r\n      return {\r\n        ' ': key,\r\n        value: `\"${value.join('; ')}\"`,\r\n      };\r\n    }\r\n    return {\r\n      ' ': key,\r\n      value: `\"${value}\"`,\r\n    };\r\n  });\r\n  return dataForCsv;\r\n};\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    width,\r\n    height,\r\n    data,\r\n    onSeriesMouseClick,\r\n    cardTemplate,\r\n    cardBackgroundColor,\r\n    cardMinWidth = 320,\r\n    detailsOnClick,\r\n    noOfItemsInAPage,\r\n    styles,\r\n    classNames,\r\n    page,\r\n    allowDataDownloadOnDetail,\r\n  } = props;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [selectedData, setSelectedData] = useState<any>(undefined);\r\n  return (\r\n    <>\r\n      <div\r\n        className='undp-scrollbar w-full my-0 mx-auto grid gap-4 undp-viz-data-cards-container'\r\n        style={{\r\n          width: width ? `${width}px` : '100%',\r\n          height: height ? `${height}px` : 'auto',\r\n          gridTemplateColumns: `repeat(auto-fill, minmax(${cardMinWidth}px, 1fr))`,\r\n        }}\r\n      >\r\n        {data\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          .filter((_d: any, i: number) =>\r\n            noOfItemsInAPage\r\n              ? i < page * noOfItemsInAPage && i >= (page - 1) * noOfItemsInAPage\r\n              : true,\r\n          )\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          .map((d: any, i: number) => (\r\n            <div\r\n              key={i}\r\n              style={{\r\n                ...(styles?.dataCards || {}),\r\n                ...(cardBackgroundColor && { backgroundColor: cardBackgroundColor }),\r\n              }}\r\n              className={`w-full flex flex-col ${\r\n                onSeriesMouseClick || detailsOnClick ? 'cursor-pointer' : 'cursor-auto'\r\n              }${\r\n                !cardBackgroundColor ? 'bg-primary-gray-200 dark:bg-primary-gray-600' : ''\r\n              } ${classNames?.dataCards || ''}`}\r\n              onClick={() => {\r\n                onSeriesMouseClick?.(d);\r\n                setSelectedData(d);\r\n              }}\r\n              dangerouslySetInnerHTML={\r\n                typeof cardTemplate === 'string'\r\n                  ? { __html: string2HTML(cardTemplate, d) }\r\n                  : undefined\r\n              }\r\n            >\r\n              {typeof cardTemplate === 'function' ? cardTemplate(d) : null}\r\n            </div>\r\n          ))}\r\n      </div>\r\n      {detailsOnClick && selectedData !== undefined ? (\r\n        <Modal\r\n          open={selectedData !== undefined}\r\n          onClose={() => {\r\n            setSelectedData(undefined);\r\n          }}\r\n        >\r\n          <div\r\n            className='graph-modal-content m-0'\r\n            dangerouslySetInnerHTML={\r\n              typeof detailsOnClick === 'string'\r\n                ? { __html: string2HTML(detailsOnClick, selectedData) }\r\n                : undefined\r\n            }\r\n          >\r\n            {typeof detailsOnClick === 'function' ? detailsOnClick(selectedData) : null}\r\n          </div>\r\n          {allowDataDownloadOnDetail ? (\r\n            <div className='flex'>\r\n              <CsvDownloadButton\r\n                csvData={csvData(selectedData)}\r\n                headers={[\r\n                  {\r\n                    label: ' ',\r\n                    key: ' ',\r\n                  },\r\n                  {\r\n                    label: 'value',\r\n                    key: 'value',\r\n                  },\r\n                ]}\r\n                buttonContent={\r\n                  <div className='flex items-center gap-4'>\r\n                    {typeof allowDataDownloadOnDetail === 'string'\r\n                      ? allowDataDownloadOnDetail\r\n                      : null}\r\n                    <FileDown />\r\n                  </div>\r\n                }\r\n              />\r\n            </div>\r\n          ) : null}\r\n        </Modal>\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","export function transformDefaultValue(\r\n  defaultValue?: string | string[] | number | number[],\r\n):\r\n  | { value: string | number; label: string | number }\r\n  | { value: string | number; label: string | number }[]\r\n  | undefined {\r\n  if (defaultValue === undefined) return undefined;\r\n\r\n  if (Array.isArray(defaultValue)) {\r\n    return defaultValue.map(el => ({\r\n      value: el,\r\n      label: el,\r\n    }));\r\n  }\r\n\r\n  return {\r\n    value: defaultValue,\r\n    label: defaultValue,\r\n  };\r\n}\r\n","import React, { useEffect, useMemo, useState } from 'react';\r\nimport intersection from 'lodash.intersection';\r\nimport flattenDeep from 'lodash.flattendeep';\r\nimport sortBy from 'lodash.sortby';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport { Pagination } from '@undp/design-system-react/Pagination';\r\nimport { Search } from '@undp/design-system-react/Search';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { Languages, SourcesDataType, StyleObject, ClassNameObject } from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { getUniqValue } from '@/Utils/getUniqValue';\r\nimport { transformDefaultValue } from '@/Utils/transformDataForSelect';\r\n\r\nexport type FilterDataType = {\r\n  column: string;\r\n  label?: string;\r\n  defaultValue?: string;\r\n  excludeValues?: string[];\r\n  width?: string;\r\n};\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: object[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of each of the card */\r\n  cardBackgroundColor?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** Html for each card. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data. */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  cardTemplate: string | ((_d: any) => React.ReactNode);\r\n  /** Allows users to add a dropdown menus, that can be used as filters in the graph. Each filter is an object that specifies the column to filter by, and the default value. All the filters are single select only.  */\r\n  cardFilters?: FilterDataType[];\r\n  /** Allows users to add a dropdown menus, that can be used to sort the cards based on different columns. */\r\n  cardSortingOptions?: {\r\n    defaultValue?: string;\r\n    options: {\r\n      value: string;\r\n      label: string;\r\n      type: 'asc' | 'desc';\r\n    }[];\r\n    width?: string;\r\n  };\r\n  /** Adds a search bar to search the cards list. The array defines all the columns from the data where text is used to search from. */\r\n  cardSearchColumns?: string[];\r\n  /** Min width of the cards for responsiveness. */\r\n  cardMinWidth?: number;\r\n  /** Add a button to download data object when viewing details. If true, data can be downloaded; if a string is provided, it specifies the button label. */\r\n  allowDataDownloadOnDetail?: string | boolean;\r\n  /** Defines the number of items displayed per page. */\r\n  noOfItemsInAPage?: number;\r\n\r\n  // Interactions and Callbacks\r\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Theme for the UI elements */\r\n  uiMode?: 'light' | 'normal';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nconst filterByKeys = (jsonArray: any, keys: string[], substring: string) => {\r\n  if (keys.length === 0) return jsonArray;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  return jsonArray.filter((item: any) =>\r\n    keys.some(key => item[key]?.toLowerCase().includes(substring.toLowerCase())),\r\n  );\r\n};\r\n\r\nexport function DataCards(props: Props) {\r\n  const {\r\n    width,\r\n    height,\r\n    graphTitle,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    graphID,\r\n    data,\r\n    onSeriesMouseClick,\r\n    language = 'en',\r\n    theme = 'light',\r\n    ariaLabel,\r\n    cardTemplate,\r\n    cardBackgroundColor,\r\n    cardFilters,\r\n    cardSortingOptions,\r\n    cardSearchColumns,\r\n    cardMinWidth = 320,\r\n    backgroundColor = false,\r\n    padding,\r\n    detailsOnClick,\r\n    allowDataDownloadOnDetail = false,\r\n    noOfItemsInAPage,\r\n    uiMode = 'normal',\r\n    styles,\r\n    classNames,\r\n  } = props;\r\n\r\n  const [cardData, setCardData] = useState(data);\r\n\r\n  const [page, setPage] = useState(1);\r\n\r\n  const [searchQuery, setSearchQuery] = useState('');\r\n  const filterSettings = useMemo(\r\n    () =>\r\n      (cardFilters || []).map(el => ({\r\n        filter: el.column,\r\n        label: el.label || `Filter by ${el.column}`,\r\n        singleSelect: true,\r\n        clearable: true,\r\n        defaultValue: transformDefaultValue(el.defaultValue),\r\n        availableValues: getUniqValue(data, el.column)\r\n          .filter(v => !el.excludeValues?.includes(`${v}`))\r\n          .map(v => ({ value: v, label: v })),\r\n        width: el.width,\r\n      })),\r\n    [cardFilters, data],\r\n  );\r\n\r\n  const [selectedFilters, setSelectedFilters] = useState(\r\n    (cardFilters || []).map(el => ({\r\n      filter: el.column,\r\n      value: transformDefaultValue(el.defaultValue),\r\n    })),\r\n  );\r\n  const [sortedBy, setSortedBy] = useState<\r\n    | {\r\n        value: string;\r\n        label: string;\r\n        type: 'asc' | 'desc';\r\n      }\r\n    | undefined\r\n  >(\r\n    cardSortingOptions\r\n      ? !cardSortingOptions.defaultValue ||\r\n        cardSortingOptions.options.findIndex(el => el.label === cardSortingOptions.defaultValue) ===\r\n          -1\r\n        ? cardSortingOptions.options[0]\r\n        : cardSortingOptions.options[\r\n            cardSortingOptions.options.findIndex(el => el.label === cardSortingOptions.defaultValue)\r\n          ]\r\n      : undefined,\r\n  );\r\n\r\n  const filterConfig = useMemo(\r\n    () => ({\r\n      ignoreCase: true,\r\n      ignoreAccents: true,\r\n      trim: true,\r\n    }),\r\n    [],\r\n  );\r\n\r\n  useEffect(() => {\r\n    setSortedBy(\r\n      cardSortingOptions\r\n        ? !cardSortingOptions.defaultValue ||\r\n          cardSortingOptions.options.findIndex(\r\n            el => el.label === cardSortingOptions.defaultValue,\r\n          ) === -1\r\n          ? cardSortingOptions.options[0]\r\n          : cardSortingOptions.options[\r\n              cardSortingOptions.options.findIndex(\r\n                el => el.label === cardSortingOptions.defaultValue,\r\n              )\r\n            ]\r\n        : undefined,\r\n    );\r\n  }, [cardSortingOptions]);\r\n\r\n  useEffect(() => {\r\n    const filteredData = filterByKeys(data, cardSearchColumns || [], searchQuery).filter(\r\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n      (item: any) =>\r\n        selectedFilters.every(filter =>\r\n          filter.value && flattenDeep([filter.value]).length > 0\r\n            ? intersection(\r\n                flattenDeep([item[filter.filter]]),\r\n                flattenDeep([filter.value]).map(el => el.value),\r\n              ).length > 0\r\n            : true,\r\n        ),\r\n    );\r\n    if (sortedBy) {\r\n      setCardData(sortBy(filteredData, sortedBy?.value, sortedBy?.type));\r\n    } else {\r\n      setCardData(filteredData);\r\n    }\r\n  }, [data, cardSearchColumns, searchQuery, selectedFilters, sortedBy]);\r\n\r\n  useEffect(() => {\r\n    setPage(1);\r\n  }, [cardData]);\r\n\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex  ${width ? 'w-fit grow-0' : 'w-full grow'}`}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }ml-auto mr-auto flex flex-col grow h-inherit ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is an list of cards. ${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          <div className='flex flex-col grow gap-3 w-full justify-between'>\r\n            {graphTitle || graphDescription ? (\r\n              <GraphHeader\r\n                styles={{\r\n                  title: styles?.title,\r\n                  description: styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title: classNames?.title,\r\n                  description: classNames?.description,\r\n                }}\r\n                graphTitle={graphTitle}\r\n                graphDescription={graphDescription}\r\n                width={width}\r\n              />\r\n            ) : null}\r\n            {cardSortingOptions || filterSettings.length > 0 ? (\r\n              <div className='flex gap-4 flex-wrap items-start w-full'>\r\n                {cardSortingOptions ? (\r\n                  <div\r\n                    className='grow shrink-0 min-w-[240px]'\r\n                    style={{ width: cardSortingOptions.width || 'calc(25% - 0.75rem)' }}\r\n                  >\r\n                    <P\r\n                      marginBottom='xs'\r\n                      size='sm'\r\n                      className='text-primary-gray-700 dark:text-primary-gray-100'\r\n                    >\r\n                      Sort by\r\n                    </P>\r\n                    <DropdownSelect\r\n                      options={cardSortingOptions.options}\r\n                      isRtl={language === 'he' || language === 'ar'}\r\n                      isSearchable\r\n                      filterOption={createFilter(filterConfig)}\r\n                      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                      onChange={(el: any) => {\r\n                        setSortedBy(el || undefined);\r\n                      }}\r\n                      variant={uiMode}\r\n                      size='sm'\r\n                      defaultValue={\r\n                        !cardSortingOptions.defaultValue ||\r\n                        cardSortingOptions.options.findIndex(\r\n                          el => el.label === cardSortingOptions.defaultValue,\r\n                        ) === -1\r\n                          ? cardSortingOptions.options[0]\r\n                          : cardSortingOptions.options[\r\n                              cardSortingOptions.options.findIndex(\r\n                                el => el.label === cardSortingOptions.defaultValue,\r\n                              )\r\n                            ]\r\n                      }\r\n                    />\r\n                  </div>\r\n                ) : null}\r\n                {filterSettings?.map((d, i) => (\r\n                  <div\r\n                    className='grow shrink-0 min-w-[240px]'\r\n                    style={{ width: d.width || 'calc(25% - 0.75rem)' }}\r\n                    key={i}\r\n                  >\r\n                    <P\r\n                      marginBottom='xs'\r\n                      size='sm'\r\n                      className='text-primary-gray-700 dark:text-primary-gray-100'\r\n                    >\r\n                      {d.label}\r\n                    </P>\r\n                    <DropdownSelect\r\n                      options={d.availableValues}\r\n                      isClearable={d.clearable === undefined ? true : d.clearable}\r\n                      isRtl={language === 'he' || language === 'ar'}\r\n                      isSearchable\r\n                      variant={uiMode}\r\n                      size='sm'\r\n                      controlShouldRenderValue\r\n                      filterOption={createFilter(filterConfig)}\r\n                      onChange={el => {\r\n                        setSelectedFilters(prev =>\r\n                          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                          prev.map(f => (f.filter === d.filter ? { ...f, value: el as any } : f)),\r\n                        );\r\n                      }}\r\n                      defaultValue={d.defaultValue}\r\n                    />\r\n                  </div>\r\n                ))}\r\n              </div>\r\n            ) : null}\r\n            {(cardSearchColumns || []).length > 0 ? (\r\n              <div style={{ paddingTop: '1px' }}>\r\n                <Search\r\n                  placeholder='Search...'\r\n                  onSearch={e => {\r\n                    setSearchQuery(e || '');\r\n                  }}\r\n                  buttonVariant='icon'\r\n                  inputVariant={uiMode}\r\n                  showSearchButton={false}\r\n                  inputSize='sm'\r\n                />\r\n              </div>\r\n            ) : null}\r\n            <Graph\r\n              data={cardData}\r\n              width={width}\r\n              height={height}\r\n              cardTemplate={cardTemplate}\r\n              cardMinWidth={cardMinWidth}\r\n              page={page}\r\n              cardBackgroundColor={cardBackgroundColor}\r\n              styles={styles}\r\n              classNames={classNames}\r\n              noOfItemsInAPage={noOfItemsInAPage}\r\n              detailsOnClick={detailsOnClick}\r\n              onSeriesMouseClick={onSeriesMouseClick}\r\n              allowDataDownloadOnDetail={allowDataDownloadOnDetail}\r\n            />\r\n            {noOfItemsInAPage ? (\r\n              <Pagination\r\n                total={cardData.length}\r\n                defaultPage={0}\r\n                pageSize={noOfItemsInAPage}\r\n                onChange={setPage}\r\n              />\r\n            ) : null}\r\n            {sources || footNote ? (\r\n              <GraphFooter\r\n                styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                classNames={{\r\n                  footnote: classNames?.footnote,\r\n                  source: classNames?.source,\r\n                }}\r\n                sources={sources}\r\n                footNote={footNote}\r\n                width={width}\r\n              />\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["e","c","t","chevronLeftBYkZnGJE","i","ellipsisDYyfMoY","chevronRightC69Yd7_","exports","s","require$$0","p","require$$1","a","require$$2","k","require$$3","v","require$$4","P","require$$5","g","r","j","m","d","h","f","x","n","w","b","o","u","R","E","l","N","q","S","y","csvData","data","key","value","Graph","props","width","height","onSeriesMouseClick","cardTemplate","cardBackgroundColor","cardMinWidth","detailsOnClick","noOfItemsInAPage","styles","classNames","page","allowDataDownloadOnDetail","selectedData","setSelectedData","useState","jsxs","Fragment","jsx","_d","string2HTML","Modal","CsvDownloadButton","FileDown","transformDefaultValue","defaultValue","el","filterByKeys","jsonArray","keys","substring","item","DataCards","graphTitle","sources","graphDescription","footNote","graphID","language","theme","ariaLabel","cardFilters","cardSortingOptions","cardSearchColumns","backgroundColor","padding","uiMode","cardData","setCardData","setPage","searchQuery","setSearchQuery","filterSettings","useMemo","getUniqValue","selectedFilters","setSelectedFilters","sortedBy","setSortedBy","filterConfig","useEffect","filteredData","filter","flattenDeep","intersection","sortBy","cn","GraphHeader","DropdownSelect","createFilter","prev","Search","Pagination","GraphFooter"],"mappings":";;;;;;;;;;;;;;;;;;;AAAa,QAAMA;EAA6C;AAAA;AAAA;AAAA;AAAA;AAAA;AAK7D,QAAMC,IAAE,CAAC,CAAC,QAAO,EAAC,GAAE,kBAAiB,KAAI,SAAQ,CAAC,CAAC,GAAEC,IAAEF,EAAE,iBAAiB,gBAAeC,CAAC;AAAE,SAAAE,EAAA,cAAoBD;;;;;;ACLtG,QAAMD;EAA6C;AAAA;AAAA;AAAA;AAAA;AAAA;AAK7D,QAAMD,IAAE,CAAC,CAAC,UAAS,EAAC,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,KAAI,SAAQ,CAAC,GAAE,CAAC,UAAS,EAAC,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,KAAI,SAAQ,CAAC,GAAE,CAAC,UAAS,EAAC,IAAG,KAAI,IAAG,MAAK,GAAE,KAAI,KAAI,SAAQ,CAAC,CAAC,GAAEI,IAAEH,EAAE,iBAAiB,YAAWD,CAAC;AAAE,SAAAK,EAAA,WAAiBD;;;;;;ACLnM,QAAMJ;EAA6C;AAAA;AAAA;AAAA;AAAA;AAAA;AAK7D,QAAMC,IAAE,CAAC,CAAC,QAAO,EAAC,GAAE,iBAAgB,KAAI,SAAQ,CAAC,CAAC,GAAEC,IAAEF,EAAE,iBAAiB,iBAAgBC,CAAC;AAAE,SAAAK,EAAA,eAAqBJ;;;;;ACLvG,WAAO,eAAeK,GAAQ,OAAO,aAAY,EAAC,OAAM,SAAQ,CAAC;AAAE,UAAMC,IAAEC,gBAAAA,EAAA,GAAsCC,IAAEC,GAAiBC,IAAEC,gBAAAA,EAAA,GAAgCC,IAAEC,gBAAAA,GAAA,GAAuCC,IAAEC,gBAAAA,GAAA,GAAmCC,IAAEC,gBAAAA,GAAA;AAAwC,aAASC,EAAE,EAAC,WAAU,GAAE,GAAGC,EAAC,GAAE;AAAC,aAAOb,EAAE,kBAAkB,IAAI,OAAM,EAAC,GAAGa,GAAE,MAAK,cAAa,cAAa,cAAa,WAAUT,EAAE,GAAG,sCAAqC,CAAC,EAAC,CAAC;AAAA,IAAC;AAAC,IAAAQ,EAAE,cAAY;AAAiB,UAAME,IAAEZ,EAAE,WAAW,CAAC,EAAC,WAAU,GAAE,GAAGW,EAAC,GAAEjB,MAAII,EAAE,kBAAkB,IAAI,MAAK,EAAC,GAAGa,GAAE,KAAIjB,GAAE,WAAUQ,EAAE,GAAG,8CAA6C,CAAC,EAAC,CAAC,CAAC;AAAE,IAAAU,EAAE,cAAY;AAAoB,UAAMrB,IAAES,EAAE,WAAW,CAAC,EAAC,WAAU,GAAE,GAAGW,EAAC,GAAEjB,MAAII,EAAE,kBAAkB,IAAI,MAAK,EAAC,GAAGa,GAAE,KAAIjB,GAAE,WAAUQ,EAAE,GAAG,kBAAiB,CAAC,EAAC,CAAC,CAAC;AAAE,IAAAX,EAAE,cAAY;AAAiB,aAASsB,EAAE,EAAC,WAAU,GAAE,UAASF,GAAE,GAAGjB,EAAC,GAAE;AAAC,aAAOI,EAAE,kBAAkB,IAAI,UAAS,EAAC,GAAGJ,GAAE,MAAK,UAAS,WAAUQ,EAAE,GAAG,8FAA6F,CAAC,GAAE,UAASS,EAAC,CAAC;AAAA,IAAC;AAAC,IAAAE,EAAE,cAAY;AAAiB,aAASC,EAAE,EAAC,WAAU,GAAE,GAAGH,EAAC,GAAE;AAAC,aAAOb,EAAE,kBAAkB,IAAIe,GAAE,EAAC,GAAGF,GAAE,cAAa,uBAAsB,WAAUT,EAAE,GAAG,2IAA0I,CAAC,GAAE,UAASJ,EAAE,kBAAkB,IAAIM,EAAE,aAAY,EAAC,WAAU,+DAA8D,CAAC,EAAC,CAAC;AAAA,IAAC;AAAC,IAAAU,EAAE,cAAY;AAAqB,aAASC,EAAE,EAAC,WAAU,GAAE,GAAGJ,EAAC,GAAE;AAAC,aAAOb,EAAE,kBAAkB,IAAIe,GAAE,EAAC,GAAGF,GAAE,cAAa,mBAAkB,WAAUT,EAAE,GAAG,2IAA0I,CAAC,GAAE,UAASJ,EAAE,kBAAkB,IAAIU,EAAE,cAAa,EAAC,WAAU,+DAA8D,CAAC,EAAC,CAAC;AAAA,IAAC;AAAC,IAAAO,EAAE,cAAY;AAAiB,aAASC,EAAE,EAAC,WAAU,GAAE,GAAGL,EAAC,GAAE;AAAC,aAAOb,EAAE,kBAAkB,KAAK,QAAO,EAAC,GAAGa,GAAE,eAAc,IAAG,WAAUT,EAAE,GAAG,4CAA2C,CAAC,GAAE,UAAS,CAACJ,EAAE,kBAAkB,IAAIQ,EAAE,UAAS,EAAC,WAAU,2DAA0D,CAAC,GAAER,EAAE,kBAAkB,IAAI,QAAO,EAAC,WAAU,WAAU,UAAS,aAAY,CAAC,CAAC,EAAC,CAAC;AAAA,IAAC;AAAC,IAAAkB,EAAE,cAAY;AAAqB,UAAM,IAAE,CAAC,GAAEL,MAAI;AAAC,YAAMjB,IAAE,CAAA;AAAG,aAAOiB,KAAG,IAAE,MAAM,KAAK,EAAC,QAAOA,EAAC,GAAE,CAACM,GAAEC,MAAIA,IAAE,CAAC,KAAGxB,EAAE,KAAK,CAAC,GAAE,KAAG,IAAEA,EAAE,KAAK,GAAE,GAAE,GAAE,UAAU,IAAE,KAAGiB,IAAE,IAAEjB,EAAE,KAAK,YAAWiB,IAAE,GAAEA,IAAE,GAAEA,IAAE,CAAC,IAAEjB,EAAE,KAAK,YAAW,IAAE,GAAE,GAAE,IAAE,GAAE,UAAU,GAAEA,EAAE,KAAKiB,CAAC,GAAEjB;AAAA,IAAE;AAAE,aAASyB,EAAE,GAAE;AAAC,YAAK,EAAC,aAAYR,IAAE,GAAE,OAAMjB,GAAE,UAASuB,GAAE,UAASC,GAAE,WAAUE,EAAC,IAAE,GAAEC,IAAE,KAAK,KAAK3B,IAAEuB,CAAC,GAAE,CAACzB,GAAE8B,CAAC,IAAEtB,EAAE,SAASW,CAAC,GAAE,CAACY,GAAEC,CAAC,IAAExB,EAAE,SAAS,EAAEW,GAAEU,CAAC,CAAC;AAAE,aAAOrB,EAAE,UAAU,MAAI;AAAC,QAAAwB,EAAE,EAAEhC,GAAE6B,CAAC,CAAC;AAAA,MAAC,GAAE,CAAC7B,GAAE6B,CAAC,CAAC,GAAEvB,EAAE,kBAAkB,IAAIY,GAAE,EAAC,WAAUR,EAAE,GAAG,eAAckB,CAAC,GAAE,UAAStB,EAAE,kBAAkB,KAAKc,GAAE,EAAC,UAAS,CAACd,EAAE,kBAAkB,IAAIP,GAAE,EAAC,UAASO,EAAE,kBAAkB,IAAIgB,GAAE,EAAC,SAAQ,MAAI;AAAC,QAAAtB,IAAE,MAAI0B,EAAE1B,IAAE,CAAC,GAAE8B,EAAE9B,IAAE,CAAC;AAAA,MAAE,GAAE,WAAUU,EAAE,GAAG,kBAAiBV,KAAG,KAAG,mDAAmD,EAAC,CAAC,EAAC,CAAC,GAAE+B,EAAE,IAAI,CAACE,GAAEC,MAAI5B,EAAE,kBAAkB,IAAIP,GAAE,EAAC,UAASkC,MAAI,aAAW3B,EAAE,kBAAkB,IAAIkB,GAAE,CAAA,CAAE,IAAElB,EAAE,kBAAkB,IAAIe,GAAE,EAAC,SAAQ,MAAI;AAAC,QAAAS,EAAEG,CAAC,GAAEP,EAAEO,CAAC;AAAA,MAAC,GAAE,WAAUvB,EAAE,GAAG,4GAA2GuB,MAAIjC,KAAG,kJAAkJ,GAAE,UAASiC,EAAC,CAAC,EAAC,GAAEC,CAAC,CAAC,GAAE5B,EAAE,kBAAkB,IAAIP,GAAE,EAAC,UAASO,EAAE,kBAAkB,IAAIiB,GAAE,EAAC,SAAQ,MAAI;AAAC,QAAAvB,IAAE6B,MAAIH,EAAE1B,IAAE,CAAC,GAAE8B,EAAE9B,IAAE,CAAC;AAAA,MAAE,GAAE,WAAUU,EAAE,GAAG,kBAAiBV,KAAG6B,KAAG,mDAAmD,EAAC,CAAC,EAAC,CAAC,CAAC,EAAC,CAAC,EAAC,CAAC;AAAA,IAAC;AAAC,IAAAxB,EAAA,aAAmBsB;AAAA;;;;;ACAzkH,WAAO,eAAetB,GAAQ,OAAO,aAAY,EAAC,OAAM,SAAQ,CAAC;AAAE,UAAMwB,IAAEtB,gBAAAA,EAAA,GAAsCD,IAAEG,GAAiBwB,IAAEtB,gBAAAA,GAAA,GAAgCW,yBAAkCd,IAAEyB,EAAE,IAAI,wZAAuZ,EAAC,UAAS,EAAC,SAAQ,EAAC,OAAM,+DAA8D,QAAO,6DAA4D,GAAE,WAAU,EAAC,IAAG,eAAc,MAAK,QAAO,EAAC,GAAE,iBAAgB,EAAC,WAAU,QAAO,SAAQ,SAAQ,EAAC,CAAC,GAAEd,IAAEb,EAAE,WAAW,CAAC,EAAC,WAAUR,GAAE,WAAUY,GAAE,SAAQV,GAAE,GAAGE,EAAC,GAAEwB,MAAIG,EAAE,kBAAkB,IAAI,SAAQ,EAAC,GAAG3B,GAAE,KAAIwB,GAAE,WAAUJ,EAAE,GAAGd,EAAE,EAAC,WAAUE,GAAE,SAAQV,EAAC,CAAC,GAAEF,CAAC,EAAC,CAAC,CAAC;AAAE,IAAAqB,EAAE,cAAY,SAAQd,UAAcc;AAAA;;;;;ACAliC,WAAO,eAAed,GAAQ,OAAO,aAAY,EAAC,OAAM,SAAQ,CAAC;AAAE,UAAMP,IAAES,gBAAAA,EAAA,GAAsCG,IAAED,GAAiByB,0BAAyBC,IAAEtB,gBAAAA,MAAsBmB,IAAEjB,gBAAAA,EAAA,GAAgCH;IAA6C;AAAA;AAAA;AAAA;AAAA;AAAA;AAK9Q,UAAMwB,IAAE,CAAC,CAAC,UAAS,EAAC,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,KAAI,SAAQ,CAAC,GAAE,CAAC,QAAO,EAAC,GAAE,kBAAiB,KAAI,SAAQ,CAAC,CAAC,GAAE,IAAExB,EAAE,iBAAiB,UAASwB,CAAC,GAAEN,IAAEpB,EAAE,WAAW,CAAC,EAAC,WAAUuB,GAAE,gBAAeR,GAAE,iBAAgBJ,GAAE,UAASF,GAAE,mBAAkBX,GAAE,eAAcc,GAAE,gBAAeI,GAAE,kBAAiBW,GAAE,cAAajB,GAAE,WAAUrB,GAAE,aAAYyB,GAAE,GAAGN,EAAC,GAAEK,MAAI;AAAC,YAAK,CAACjB,GAAEQ,CAAC,IAAEJ,EAAE,SAAS,MAAM,GAAE,CAACqB,GAAE7B,CAAC,IAAEQ,EAAE,SAAS,EAAE;AAAE,aAAOZ,EAAE,kBAAkB,KAAK,OAAM,EAAC,WAAUkC,EAAE,GAAG,cAAaC,CAAC,GAAE,KAAIV,GAAE,UAAS,CAACzB,EAAE,kBAAkB,KAAK,OAAM,EAAC,WAAU,mBAAkB,UAAS,CAACA,EAAE,kBAAkB,IAAIqC,EAAE,OAAM,EAAC,GAAGjB,GAAE,SAAQE,GAAE,MAAK,QAAO,WAAUK,GAAE,UAAS,CAAAzB,MAAG;AAAC,QAAAc,EAAEd,EAAE,OAAO,KAAK,GAAEQ,KAAGW,IAAInB,EAAE,OAAO,KAAK;AAAA,MAAC,GAAE,WAAUD,GAAE,WAAU,CAAAC,MAAG;AAAC,QAAAA,EAAE,QAAM,WAASmB,IAAIb,CAAC;AAAA,MAAC,GAAE,SAAQ,MAAIJ,EAAE,EAAE,GAAE,QAAO,MAAIA,EAAE,EAAE,EAAC,CAAC,GAAE,CAAC6B,MAAIzB,MAAI,MAAI,CAACA,MAAIR,EAAE,kBAAkB,KAAK,OAAM,EAAC,WAAU,wEAAuE,UAAS,CAAC4B,IAAE,OAAK5B,EAAE,kBAAkB,IAAI,GAAE,EAAC,WAAU,gEAA+D,CAAC,GAAEA,EAAE,kBAAkB,IAAI,QAAO,EAAC,WAAU,oDAAmD,UAAS0B,KAAG,YAAW,CAAC,CAAC,EAAC,CAAC,CAAC,EAAC,CAAC,GAAEa,MAAI,KAAG,OAAKvC,EAAE,kBAAkB,IAAIoC,EAAE,QAAO,EAAC,SAAQZ,KAAG,QAAO,WAAUD,GAAE,SAAQtB,GAAE,SAAQ,MAAI;AAAC,QAAAoB,IAAIb,CAAC;AAAA,MAAC,GAAE,UAASoB,KAAG5B,EAAE,kBAAkB,IAAI,GAAE,EAAC,WAAU,WAAU,CAAC,EAAC,CAAC,CAAC,EAAC,CAAC;AAAA,IAAC,CAAC;AAAE,IAAAgC,EAAE,cAAY,UAASzB,EAAA,SAAeyB;AAAA;;;AC+Bp0C,MAAMQ,KAAU,CAACC,MACVA,IACc,OAAO,QAAQA,CAAI,EAAE,IAAI,CAAC,CAACC,GAAKC,CAAK,MAClD,MAAM,QAAQA,CAAK,IACd;AAAA,EACL,KAAKD;AAAA,EACL,OAAO,IAAIC,EAAM,KAAK,IAAI,CAAC;AAAA,IAGxB;AAAA,EACL,KAAKD;AAAA,EACL,OAAO,IAAIC,CAAK;AAAA,CAEnB,IAZiB,CAAA;AAgBb,SAASC,GAAMC,GAAc;AAClC,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAN;AAAA,IACA,oBAAAO;AAAA,IACA,cAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAC;AAAA,IACA,2BAAAC;AAAA,EAAA,IACEZ,GAEE,CAACa,GAAcC,CAAe,IAAIC,EAAc,MAAS;AAC/D,SACEC,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,OAAOjB,IAAQ,GAAGA,CAAK,OAAO;AAAA,UAC9B,QAAQC,IAAS,GAAGA,CAAM,OAAO;AAAA,UACjC,qBAAqB,4BAA4BI,CAAY;AAAA,QAAA;AAAA,QAG9D,UAAAV,EAEE;AAAA,UAAO,CAACuB,GAAS5D,MAChBiD,IACIjD,IAAIoD,IAAOH,KAAoBjD,MAAMoD,IAAO,KAAKH,IACjD;AAAA,QAAA,EAGL,IAAI,CAAC7B,GAAQpB,MACZ2D,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,OAAO;AAAA,cACL,GAAIT,GAAQ,aAAa,CAAA;AAAA,cACzB,GAAIJ,KAAuB,EAAE,iBAAiBA,EAAA;AAAA,YAAoB;AAAA,YAEpE,WAAW,wBACTF,KAAsBI,IAAiB,mBAAmB,aAC5D,GACGF,IAAuE,KAAjD,8CACzB,IAAIK,GAAY,aAAa,EAAE;AAAA,YAC/B,SAAS,MAAM;AACb,cAAAP,IAAqBxB,CAAC,GACtBmC,EAAgBnC,CAAC;AAAA,YACnB;AAAA,YACA,yBACE,OAAOyB,KAAiB,WACpB,EAAE,QAAQgB,GAAYhB,GAAczB,CAAC,EAAA,IACrC;AAAA,YAGL,UAAA,OAAOyB,KAAiB,aAAaA,EAAazB,CAAC,IAAI;AAAA,UAAA;AAAA,UApBnDpB;AAAA,QAAA,CAsBR;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJgD,KAAkBM,MAAiB,SAClCG,gBAAAA,EAAAA;AAAAA,MAACK,GAAAA;AAAAA,MAAA;AAAA,QACC,MAAMR,MAAiB;AAAA,QACvB,SAAS,MAAM;AACb,UAAAC,EAAgB,MAAS;AAAA,QAC3B;AAAA,QAEA,UAAA;AAAA,UAAAI,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,yBACE,OAAOX,KAAmB,WACtB,EAAE,QAAQa,GAAYb,GAAgBM,CAAY,EAAA,IAClD;AAAA,cAGL,UAAA,OAAON,KAAmB,aAAaA,EAAeM,CAAY,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UAExED,IACCM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,QACb,UAAAA,gBAAAA,EAAAA;AAAAA,YAACI;AAAA,YAAA;AAAA,cACC,SAAS3B,GAAQkB,CAAY;AAAA,cAC7B,SAAS;AAAA,gBACP;AAAA,kBACE,OAAO;AAAA,kBACP,KAAK;AAAA,gBAAA;AAAA,gBAEP;AAAA,kBACE,OAAO;AAAA,kBACP,KAAK;AAAA,gBAAA;AAAA,cACP;AAAA,cAEF,eACEG,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,gBAAA,OAAOJ,KAA8B,WAClCA,IACA;AAAA,sCACHW,IAAA,CAAA,CAAS;AAAA,cAAA,EAAA,CACZ;AAAA,YAAA;AAAA,UAAA,GAGN,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAEJ;AAAA,EAAA,GACN;AAEJ;ACjKO,SAASC,GACdC,GAIY;AACZ,MAAIA,MAAiB;AAErB,WAAI,MAAM,QAAQA,CAAY,IACrBA,EAAa,IAAI,CAAAC,OAAO;AAAA,MAC7B,OAAOA;AAAA,MACP,OAAOA;AAAA,IAAA,EACP,IAGG;AAAA,MACL,OAAOD;AAAA,MACP,OAAOA;AAAA,IAAA;AAEX;ACuFA,MAAME,KAAe,CAACC,GAAgBC,GAAgBC,MAChDD,EAAK,WAAW,IAAUD,IAEvBA,EAAU;AAAA,EAAO,CAACG,MACvBF,EAAK,KAAK,OAAOE,EAAKlC,CAAG,GAAG,YAAA,EAAc,SAASiC,EAAU,YAAA,CAAa,CAAC;AAAA;AAIxE,SAASE,GAAUhC,GAAc;AACtC,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAA+B;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAzC;AAAA,IACA,oBAAAO;AAAA,IACA,UAAAmC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,WAAAC;AAAA,IACA,cAAApC;AAAA,IACA,qBAAAC;AAAA,IACA,aAAAoC;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAArC,IAAe;AAAA,IACf,iBAAAsC,IAAkB;AAAA,IAClB,SAAAC;AAAA,IACA,gBAAAtC;AAAA,IACA,2BAAAK,IAA4B;AAAA,IAC5B,kBAAAJ;AAAA,IACA,QAAAsC,IAAS;AAAA,IACT,QAAArC;AAAA,IACA,YAAAC;AAAA,EAAA,IACEV,GAEE,CAAC+C,GAAUC,CAAW,IAAIjC,EAASnB,CAAI,GAEvC,CAACe,IAAMsC,CAAO,IAAIlC,EAAS,CAAC,GAE5B,CAACmC,GAAaC,EAAc,IAAIpC,EAAS,EAAE,GAC3CqC,IAAiBC;AAAA,IACrB,OACGZ,KAAe,CAAA,GAAI,IAAI,CAAAf,OAAO;AAAA,MAC7B,QAAQA,EAAG;AAAA,MACX,OAAOA,EAAG,SAAS,aAAaA,EAAG,MAAM;AAAA,MACzC,cAAc;AAAA,MACd,WAAW;AAAA,MACX,cAAcF,GAAsBE,EAAG,YAAY;AAAA,MACnD,iBAAiB4B,GAAa1D,GAAM8B,EAAG,MAAM,EAC1C,OAAO,CAAAvD,MAAK,CAACuD,EAAG,eAAe,SAAS,GAAGvD,CAAC,EAAE,CAAC,EAC/C,IAAI,CAAAA,OAAM,EAAE,OAAOA,GAAG,OAAOA,EAAA,EAAI;AAAA,MACpC,OAAOuD,EAAG;AAAA,IAAA,EACV;AAAA,IACJ,CAACe,GAAa7C,CAAI;AAAA,EAAA,GAGd,CAAC2D,GAAiBC,EAAkB,IAAIzC;AAAA,KAC3C0B,KAAe,CAAA,GAAI,IAAI,CAAAf,OAAO;AAAA,MAC7B,QAAQA,EAAG;AAAA,MACX,OAAOF,GAAsBE,EAAG,YAAY;AAAA,IAAA,EAC5C;AAAA,EAAA,GAEE,CAAC+B,GAAUC,EAAW,IAAI3C;AAAA,IAQ9B2B,IACI,CAACA,EAAmB,gBACpBA,EAAmB,QAAQ,UAAU,CAAAhB,MAAMA,EAAG,UAAUgB,EAAmB,YAAY,MACrF,KACAA,EAAmB,QAAQ,CAAC,IAC5BA,EAAmB,QACjBA,EAAmB,QAAQ,UAAU,CAAAhB,MAAMA,EAAG,UAAUgB,EAAmB,YAAY,CACzF,IACF;AAAA,EAAA,GAGAiB,KAAeN;AAAA,IACnB,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,IAER,CAAA;AAAA,EAAC;AAGH,SAAAO,EAAU,MAAM;AACd,IAAAF;AAAA,MACEhB,IACI,CAACA,EAAmB,gBACpBA,EAAmB,QAAQ;AAAA,QACzB,CAAAhB,MAAMA,EAAG,UAAUgB,EAAmB;AAAA,MAAA,MAClC,KACJA,EAAmB,QAAQ,CAAC,IAC5BA,EAAmB,QACjBA,EAAmB,QAAQ;AAAA,QACzB,CAAAhB,MAAMA,EAAG,UAAUgB,EAAmB;AAAA,MAAA,CAE1C,IACF;AAAA,IAAA;AAAA,EAER,GAAG,CAACA,CAAkB,CAAC,GAEvBkB,EAAU,MAAM;AACd,UAAMC,IAAelC,GAAa/B,GAAM+C,KAAqB,CAAA,GAAIO,CAAW,EAAE;AAAA;AAAA,MAE5E,CAACnB,MACCwB,EAAgB;AAAA,QAAM,CAAAO,MACpBA,EAAO,SAASC,EAAY,CAACD,EAAO,KAAK,CAAC,EAAE,SAAS,IACjDE;AAAA,UACED,EAAY,CAAChC,EAAK+B,EAAO,MAAM,CAAC,CAAC;AAAA,UACjCC,EAAY,CAACD,EAAO,KAAK,CAAC,EAAE,IAAI,CAAApC,MAAMA,EAAG,KAAK;AAAA,QAAA,EAC9C,SAAS,IACX;AAAA,MAAA;AAAA,IACN;AAEJ,IACEsB,EADES,IACUQ,GAAOJ,GAAcJ,GAAU,OAAOA,GAAU,IAAI,IAEpDI,CAFqD;AAAA,EAIrE,GAAG,CAACjE,GAAM+C,GAAmBO,GAAaK,GAAiBE,CAAQ,CAAC,GAEpEG,EAAU,MAAM;AACd,IAAAX,EAAQ,CAAC;AAAA,EACX,GAAG,CAACF,CAAQ,CAAC,GAGX7B,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGqB,KAAS,OAAO,UAAUtC,IAAQ,iBAAiB,aAAa;AAAA,MAC9E,KAAKqC,MAAa,QAAQA,MAAa,OAAO,QAAQ;AAAA,MAEtD,UAAApB,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWgD,GAAAA;AAAAA,YACT,GACGtB,IAEGA,MAAoB,KAClB,kDACA,KAHF,iBAIN,gDAAgDN,KAAY,IAAI;AAAA,YAChE5B,GAAY;AAAA,UAAA;AAAA,UAEd,OAAO;AAAA,YACL,GAAID,GAAQ,kBAAkB,CAAA;AAAA,YAC9B,GAAImC,KAAmBA,MAAoB,KAAO,EAAE,iBAAAA,EAAA,IAAoB,CAAA;AAAA,UAAC;AAAA,UAE3E,IAAIP;AAAA,UACJ,cACEG,KACA,GAAGP,IAAa,mBAAmBA,CAAU,OAAO,EAAE,6BACpDE,IAAmB,IAAIA,CAAgB,KAAK,EAC9C;AAAA,UAGF,UAAAjB,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,SAAS0B,IAAkBC,KAAW,SAASA,KAAW,EAAA;AAAA,cAEnE,UAAA7B,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,mDACZ,UAAA;AAAA,gBAAAiB,KAAcE,IACbjB,gBAAAA,EAAAA;AAAAA,kBAACiD;AAAA,kBAAA;AAAA,oBACC,QAAQ;AAAA,sBACN,OAAO1D,GAAQ;AAAA,sBACf,aAAaA,GAAQ;AAAA,oBAAA;AAAA,oBAEvB,YAAY;AAAA,sBACV,OAAOC,GAAY;AAAA,sBACnB,aAAaA,GAAY;AAAA,oBAAA;AAAA,oBAE3B,YAAAuB;AAAA,oBACA,kBAAAE;AAAA,oBACA,OAAAlC;AAAA,kBAAA;AAAA,gBAAA,IAEA;AAAA,gBACHyC,KAAsBU,EAAe,SAAS,IAC7CpC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,2CACZ,UAAA;AAAA,kBAAA0B,IACC1B,gBAAAA,EAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,OAAO,EAAE,OAAO0B,EAAmB,SAAS,sBAAA;AAAA,sBAE5C,UAAA;AAAA,wBAAAxB,gBAAAA,EAAAA;AAAAA,0BAAC7C,GAAAA;AAAAA,0BAAA;AAAA,4BACC,cAAa;AAAA,4BACb,MAAK;AAAA,4BACL,WAAU;AAAA,4BACX,UAAA;AAAA,0BAAA;AAAA,wBAAA;AAAA,wBAGD6C,gBAAAA,EAAAA;AAAAA,0BAACkD,EAAAA;AAAAA,0BAAA;AAAA,4BACC,SAAS1B,EAAmB;AAAA,4BAC5B,OAAOJ,MAAa,QAAQA,MAAa;AAAA,4BACzC,cAAY;AAAA,4BACZ,cAAc+B,EAAAA,aAAaV,EAAY;AAAA,4BAEvC,UAAU,CAACjC,MAAY;AACrB,8BAAAgC,GAAYhC,KAAM,MAAS;AAAA,4BAC7B;AAAA,4BACA,SAASoB;AAAA,4BACT,MAAK;AAAA,4BACL,cACE,CAACJ,EAAmB,gBACpBA,EAAmB,QAAQ;AAAA,8BACzB,CAAAhB,MAAMA,EAAG,UAAUgB,EAAmB;AAAA,4BAAA,MAClC,KACFA,EAAmB,QAAQ,CAAC,IAC5BA,EAAmB,QACjBA,EAAmB,QAAQ;AAAA,8BACzB,CAAAhB,MAAMA,EAAG,UAAUgB,EAAmB;AAAA,4BAAA,CAE1C;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAER;AAAA,oBAAA;AAAA,kBAAA,IAEA;AAAA,kBACHU,GAAgB,IAAI,CAACzE,GAAGpB,MACvByD,gBAAAA,EAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,OAAO,EAAE,OAAOrC,EAAE,SAAS,sBAAA;AAAA,sBAG3B,UAAA;AAAA,wBAAAuC,gBAAAA,EAAAA;AAAAA,0BAAC7C,GAAAA;AAAAA,0BAAA;AAAA,4BACC,cAAa;AAAA,4BACb,MAAK;AAAA,4BACL,WAAU;AAAA,4BAET,UAAAM,EAAE;AAAA,0BAAA;AAAA,wBAAA;AAAA,wBAELuC,gBAAAA,EAAAA;AAAAA,0BAACkD,EAAAA;AAAAA,0BAAA;AAAA,4BACC,SAASzF,EAAE;AAAA,4BACX,aAAaA,EAAE,cAAc,SAAY,KAAOA,EAAE;AAAA,4BAClD,OAAO2D,MAAa,QAAQA,MAAa;AAAA,4BACzC,cAAY;AAAA,4BACZ,SAASQ;AAAA,4BACT,MAAK;AAAA,4BACL,0BAAwB;AAAA,4BACxB,cAAcuB,EAAAA,aAAaV,EAAY;AAAA,4BACvC,UAAU,CAAAjC,MAAM;AACd,8BAAA8B;AAAA,gCAAmB,CAAAc;AAAA;AAAA,kCAEjBA,EAAK,IAAI,CAAAzF,MAAMA,EAAE,WAAWF,EAAE,SAAS,EAAE,GAAGE,GAAG,OAAO6C,EAAA,IAAc7C,CAAE;AAAA;AAAA,8BAAA;AAAA,4BAE1E;AAAA,4BACA,cAAcF,EAAE;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAClB;AAAA,oBAAA;AAAA,oBAzBKpB;AAAA,kBAAA,CA2BR;AAAA,gBAAA,EAAA,CACH,IACE;AAAA,iBACFoF,KAAqB,CAAA,GAAI,SAAS,IAClCzB,gBAAAA,EAAAA,IAAC,OAAA,EAAI,OAAO,EAAE,YAAY,MAAA,GACxB,UAAAA,gBAAAA,EAAAA;AAAAA,kBAACqD,GAAAA;AAAAA,kBAAA;AAAA,oBACC,aAAY;AAAA,oBACZ,UAAU,CAAApH,MAAK;AACb,sBAAAgG,GAAehG,KAAK,EAAE;AAAA,oBACxB;AAAA,oBACA,eAAc;AAAA,oBACd,cAAc2F;AAAA,oBACd,kBAAkB;AAAA,oBAClB,WAAU;AAAA,kBAAA;AAAA,gBAAA,GAEd,IACE;AAAA,gBACJ5B,gBAAAA,EAAAA;AAAAA,kBAACnB;AAAA,kBAAA;AAAA,oBACC,MAAMgD;AAAA,oBACN,OAAA9C;AAAA,oBACA,QAAAC;AAAA,oBACA,cAAAE;AAAA,oBACA,cAAAE;AAAA,oBACA,MAAAK;AAAA,oBACA,qBAAAN;AAAA,oBACA,QAAAI;AAAA,oBACA,YAAAC;AAAA,oBACA,kBAAAF;AAAA,oBACA,gBAAAD;AAAA,oBACA,oBAAAJ;AAAA,oBACA,2BAAAS;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEDJ,IACCU,gBAAAA,EAAAA;AAAAA,kBAACsD,GAAAA;AAAAA,kBAAA;AAAA,oBACC,OAAOzB,EAAS;AAAA,oBAChB,aAAa;AAAA,oBACb,UAAUvC;AAAA,oBACV,UAAUyC;AAAA,kBAAA;AAAA,gBAAA,IAEV;AAAA,gBACHf,KAAWE,IACVlB,gBAAAA,EAAAA;AAAAA,kBAACuD;AAAA,kBAAA;AAAA,oBACC,QAAQ,EAAE,UAAUhE,GAAQ,UAAU,QAAQA,GAAQ,OAAA;AAAA,oBACtD,YAAY;AAAA,sBACV,UAAUC,GAAY;AAAA,sBACtB,QAAQA,GAAY;AAAA,oBAAA;AAAA,oBAEtB,SAAAwB;AAAA,oBACA,UAAAE;AAAA,oBACA,OAAAnC;AAAA,kBAAA;AAAA,gBAAA,IAEA;AAAA,cAAA,EAAA,CACN;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;","x_google_ignoreList":[0,1,2,3,4,5]}