@undp/data-viz 2.5.4 → 2.6.1

package/dist/MultiGraphDashboardWideToLongFormat.js

@@ -1,160 +1,2 @@
-import { j as i } from "./index-CHPV5EwG-BzibaIRc.js";
-import { useState as g, useEffectEvent as w, useEffect as p } from "react";
-import { j as A, D as E } from "./DropdownSelect-Dz7imdTB.js";
-import { b as R } from "./checkIfMultiple-Dpyy6BUP.js";
-import { w as V } from "./Spinner-B2IIKg9r.js";
-import { SingleGraphDashboard as U } from "./SingleGraphDashboard.js";
-import { f as H, a as $, b as z, c as G, t as M } from "./fetchAndParseData-BAXhgTDM.js";
-import { GraphHeader as P } from "./GraphHeader.js";
-import { f as O } from "./filterData-DsAiFzKY.js";
-function J(d, l, t, a) {
-  const o = [];
-  return d.forEach((c) => {
-    Object.entries(c).forEach(([n, h]) => {
-      if (n !== l) {
-        const u = {
-          indicator: t.findIndex((m) => m.value === n) !== -1 ? t[t.findIndex((m) => m.value === n)].label : n,
-          value: h
-        };
-        u[l] = c[l], o.push(u);
-      }
-    });
-  }), a && console.log(o), o;
-}
-const v = (d) => d.map((a) => a.columnWidth || 1).reduce((a, o) => a + o, 0);
-function ta(d) {
-  const {
-    dashboardID: l,
-    dashboardLayout: t,
-    dataSettings: a,
-    debugMode: o,
-    theme: c = "light",
-    readableHeader: n,
-    dataFilters: h,
-    uiMode: u = "normal",
-    graphStyles: m,
-    graphClassNames: D
-  } = d, j = {
-    ignoreCase: !0,
-    ignoreAccents: !0,
-    trim: !0
-  }, [x, T] = g(void 0), [F, I] = g([]), [f, b] = g(void 0), [y, S] = g(void 0), [L, N] = g(void 0), C = w(() => {
-    const r = O(L, h || []);
-    I(
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      r.map((e) => e[a.keyColumn])
-    ), b(r[0][a.keyColumn]);
-    const s = J(r, a.keyColumn, n || [], o);
-    S(s);
-  }), W = w(() => {
-    if (y) {
-      const r = y.filter(
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (s) => s[a.keyColumn] === f
-      );
-      T(r);
-    }
-  });
-  return p(() => {
-    W();
-  }, [f, a.keyColumn]), p(() => {
-    (async () => {
-      try {
-        const s = a.dataURL ? typeof a.dataURL == "string" ? a.fileType === "json" ? await H(a.dataURL, void 0, a.dataTransformation, o) : a.fileType === "api" ? await $(a.dataURL, a.apiHeaders, void 0, a.dataTransformation, o) : await z(a.dataURL, a.dataTransformation, void 0, o, a.delimiter, !0) : await G(a.dataURL, a.idColumnTitle) : await M(a.data, void 0);
-        N(s), C();
-      } catch (s) {
-        console.error("Data fetching error:", s);
-      }
-    })();
-  }, [a, o]), p(() => {
-    C();
-  }, [h, n]), /* @__PURE__ */ i.jsx("div", { className: `${c || "light"} flex grow`, dir: t.language === "he" || t.language === "ar" ? "rtl" : void 0, children: /* @__PURE__ */ i.jsx("div", { className: `${t?.backgroundColor ? t?.backgroundColor === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}flex flex-col w-full ml-auto mr-auto grow gap-4 ${t?.language || "en"}`, style: {
-    ...t?.backgroundColor && t?.backgroundColor !== !0 ? {
-      backgroundColor: t?.backgroundColor
-    } : {}
-  }, id: l, children: /* @__PURE__ */ i.jsx("div", { className: "flex grow", style: {
-    padding: t.backgroundColor ? t.padding || "1rem" : t.padding || 0
-  }, children: /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-    t.title || t.description ? /* @__PURE__ */ i.jsx(P, { graphTitle: t.title, graphDescription: t.description, isDashboard: !0 }) : null,
-    x ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-      /* @__PURE__ */ i.jsx("div", { style: {
-        display: "flex",
-        gap: "1rem",
-        flexWrap: "wrap",
-        alignItems: "flex-start",
-        width: "100%"
-      }, children: /* @__PURE__ */ i.jsxs("div", { style: {
-        width: "100%",
-        flexGrow: 1,
-        flexShrink: 0,
-        minWidth: "240px"
-      }, children: [
-        t.dropdownLabel ? /* @__PURE__ */ i.jsx(R, { className: "mb-2", children: t.dropdownLabel }) : null,
-        /* @__PURE__ */ i.jsx(
-          A,
-          {
-            options: F.map((r) => ({
-              value: r,
-              label: r
-            })),
-            size: "sm",
-            variant: u,
-            isClearable: !1,
-            isSearchable: !0,
-            controlShouldRenderValue: !0,
-            filterOption: E(j),
-            onChange: (r) => {
-              b(r?.value);
-            },
-            defaultValue: {
-              value: f,
-              label: f
-            }
-          }
-        )
-      ] }) }),
-      t.rows.map((r, s) => /* @__PURE__ */ i.jsx("div", { style: {
-        display: "flex",
-        gap: "1rem",
-        alignItems: "stretch",
-        minHeight: `${r.height || 0}px`,
-        height: "auto",
-        width: "100%",
-        flexWrap: "wrap"
-      }, children: r.columns.map((e, k) => /* @__PURE__ */ i.jsx("div", { className: "flex bg-transparent grow min-w-60", style: {
-        width: `calc(${100 * (e.columnWidth || 1) / v(r.columns)}% - ${(v(r.columns) - (e.columnWidth || 1)) / v(r.columns)}rem)`,
-        minHeight: "inherit"
-      }, children: /* @__PURE__ */ i.jsx(U, { graphType: e.graphType, dataFilters: e.dataFilters, uiMode: u, graphSettings: {
-        ...e.settings || {},
-        width: void 0,
-        height: void 0,
-        minHeight: void 0,
-        relativeHeight: void 0,
-        radius: e.graphType === "donutChart" ? void 0 : e.settings?.radius,
-        size: e.graphType === "unitChart" ? e.settings.size : void 0,
-        language: e.settings?.language || t.language,
-        theme: e.settings?.theme || c,
-        styles: e.settings?.styles || m,
-        classNames: e.settings?.classNames || D
-      }, dataSettings: {
-        data: x
-      }, graphDataConfiguration: e.graphDataConfiguration ? e.graphDataConfiguration : e.graphType === "unitChart" ? [{
-        columnId: "indicator",
-        chartConfigId: "label"
-      }, {
-        columnId: "value",
-        chartConfigId: "value"
-      }] : [{
-        columnId: "indicator",
-        chartConfigId: "label"
-      }, {
-        columnId: "value",
-        chartConfigId: "size"
-      }], debugMode: o, readableHeader: n || [] }) }, k)) }, s))
-    ] }) : /* @__PURE__ */ i.jsx("div", { className: "w-full flex justify-center p-4", children: /* @__PURE__ */ i.jsx(V, {}) })
-  ] }) }) }) });
-}
-export {
-  ta as MultiGraphDashboardWideToLongFormat
-};
-//# sourceMappingURL=MultiGraphDashboardWideToLongFormat.js.map
+import { t as e } from "./MultiGraphDashboardWideToLongFormat-Ds7V2gxg.js";
+export { e as MultiGraphDashboardWideToLongFormat };

package/dist/MultiGraphDashboardWideToLongFormatFromConfig.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-CHPV5EwG-D4pAp7u0.cjs"),l=require("react"),g=require("./Spinner-WHzzloYQ.cjs"),c=require("./MultiGraphDashboardWideToLongFormat.cjs"),m=require("./fetchAndParseData-QTF6tjij.cjs");function b(u){const e=i.compilerRuntimeExports.c(15),{config:t}=u,[a,n]=l.useState(void 0);let r,o;if(e[0]!==t?(r=()=>{(async()=>{if(typeof t=="string"){const h=await m.fetchAndParseJSON(t);n(h)}else n(t)})()},o=[t],e[0]=t,e[1]=r,e[2]=o):(r=e[1],o=e[2]),l.useEffect(r,o),!a){let s;return e[3]===Symbol.for("react.memo_cache_sentinel")?(s=i.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center p-4",children:i.jsxRuntimeExports.jsx(g.w,{})}),e[3]=s):s=e[3],s}let d;return e[4]!==a.dashboardID||e[5]!==a.dashboardLayout||e[6]!==a.dataFilters||e[7]!==a.dataSettings||e[8]!==a.debugMode||e[9]!==a.graphClassNames||e[10]!==a.graphStyles||e[11]!==a.readableHeader||e[12]!==a.theme||e[13]!==a.uiMode?(d=i.jsxRuntimeExports.jsx(c.MultiGraphDashboardWideToLongFormat,{dashboardID:a.dashboardID,dashboardLayout:a.dashboardLayout,dataSettings:a.dataSettings,debugMode:a.debugMode,theme:a.theme,readableHeader:a.readableHeader,dataFilters:a.dataFilters,uiMode:a.uiMode,graphStyles:a.graphStyles,graphClassNames:a.graphClassNames}),e[4]=a.dashboardID,e[5]=a.dashboardLayout,e[6]=a.dataFilters,e[7]=a.dataSettings,e[8]=a.debugMode,e[9]=a.graphClassNames,e[10]=a.graphStyles,e[11]=a.readableHeader,e[12]=a.theme,e[13]=a.uiMode,e[14]=d):d=e[14],d}exports.MultiGraphDashboardWideToLongFormatFromConfig=b;
-//# sourceMappingURL=MultiGraphDashboardWideToLongFormatFromConfig.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./jsx-runtime-Cd1vCQjn.cjs`),t=require(`./fetchAndParseData-Dlq4UzdG.cjs`),n=require(`./MultiGraphDashboardWideToLongFormat-BPwP5bx2.cjs`);let r=require(`react`),i=require(`@undp/design-system-react/Spinner`);var a=e.t();function o(e){let{config:o}=e,[s,c]=(0,r.useState)(void 0);return(0,r.useEffect)(()=>{(async()=>{c(typeof o==`string`?await t.r(o):o)})()},[o]),s?(0,a.jsx)(n.t,{dashboardID:s.dashboardID,dashboardLayout:s.dashboardLayout,dataSettings:s.dataSettings,debugMode:s.debugMode,theme:s.theme,readableHeader:s.readableHeader,dataFilters:s.dataFilters,uiMode:s.uiMode,graphStyles:s.graphStyles,graphClassNames:s.graphClassNames}):(0,a.jsx)(`div`,{className:`w-full flex justify-center p-4`,children:(0,a.jsx)(i.Spinner,{})})}exports.MultiGraphDashboardWideToLongFormatFromConfig=o;
+//# sourceMappingURL=MultiGraphDashboardWideToLongFormatFromConfig.cjs.map

package/dist/MultiGraphDashboardWideToLongFormatFromConfig.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MultiGraphDashboardWideToLongFormatFromConfig.cjs","sources":["../src/Components/Dashboard/MultiGraphDashboardWideToLongFormatFromConfig.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { MultiGraphDashboardWideToLongFormat } from './MultiGraphDashboardWideToLongFormat';\r\n\r\nimport {\r\n  ClassNameObject,\r\n  DashboardFromWideToLongFormatLayoutDataType,\r\n  DataFilterDataType,\r\n  DataSettingsWideToLongDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\n\r\ninterface ConfigObject {\r\n  validateDataAndSettings?: boolean;\r\n  dashboardID?: string;\r\n  dashboardLayout: DashboardFromWideToLongFormatLayoutDataType;\r\n  dataSettings: DataSettingsWideToLongDataType;\r\n  debugMode?: boolean;\r\n  theme?: 'dark' | 'light';\r\n  readableHeader?: {\r\n    value: string;\r\n    label: string;\r\n  }[];\r\n  dataFilters?: DataFilterDataType[];\r\n  uiMode?: 'light' | 'normal';\r\n  graphStyles?: StyleObject;\r\n  graphClassNames?: ClassNameObject;\r\n}\r\n\r\ninterface Props {\r\n  config: string | ConfigObject;\r\n}\r\n\r\nexport function MultiGraphDashboardWideToLongFormatFromConfig(props: Props) {\r\n  const { config } = props;\r\n  const [configSettings, setConfigSettings] = useState<ConfigObject | undefined>(undefined);\r\n  useEffect(() => {\r\n    const fetchData = async () => {\r\n      if (typeof config === 'string') {\r\n        const data = await fetchAndParseJSON(config);\r\n        setConfigSettings(data);\r\n      } else {\r\n        setConfigSettings(config);\r\n      }\r\n    };\r\n    fetchData();\r\n  }, [config]);\r\n  if (!configSettings)\r\n    return (\r\n      <div className='w-full flex justify-center p-4'>\r\n        <Spinner />\r\n      </div>\r\n    );\r\n  return (\r\n    <MultiGraphDashboardWideToLongFormat\r\n      dashboardID={configSettings.dashboardID}\r\n      dashboardLayout={configSettings.dashboardLayout}\r\n      dataSettings={configSettings.dataSettings}\r\n      debugMode={configSettings.debugMode}\r\n      theme={configSettings.theme}\r\n      readableHeader={configSettings.readableHeader}\r\n      dataFilters={configSettings.dataFilters}\r\n      uiMode={configSettings.uiMode}\r\n      graphStyles={configSettings.graphStyles}\r\n      graphClassNames={configSettings.graphClassNames}\r\n    />\r\n  );\r\n}\r\n"],"names":["MultiGraphDashboardWideToLongFormatFromConfig","props","$","_c","config","configSettings","setConfigSettings","useState","undefined","t0","t1","data","fetchAndParseJSON","fetchData","useEffect","t2","Symbol","for","jsx","Spinner","dashboardID","dashboardLayout","dataFilters","dataSettings","debugMode","graphClassNames","graphStyles","readableHeader","theme","uiMode","MultiGraphDashboardWideToLongFormat"],"mappings":"6RAmCO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,OAAAA,CAAAA,EAAmBH,EACnB,CAAAI,EAAAC,CAAA,EAA4CC,EAAAA,SAAmCC,MAAS,EAAE,IAAAC,EAAAC,EAY1F,GAZ0FR,OAAAE,GAChFK,EAAAA,IAAA,EACU,SAAA,CAChB,GAAI,OAAOL,GAAW,SAAQ,CAC5B,MAAAO,EAAa,MAAMC,EAAAA,kBAAkBR,CAAM,EAC3CE,EAAkBK,CAAI,CAAC,MAEvBL,EAAkBF,CAAM,CACzB,GAEHS,CAAW,EACVH,EAAA,CAACN,CAAM,EAACF,KAAAE,EAAAF,KAAAO,EAAAP,KAAAQ,IAAAD,EAAAP,EAAA,CAAA,EAAAQ,EAAAR,EAAA,CAAA,GAVXY,EAAAA,UAAUL,EAUPC,CAAQ,EACP,CAACL,EAAc,CAAA,IAAAU,EAAA,OAAAb,EAAA,CAAA,IAAAc,OAAAC,IAAA,2BAAA,GAEfF,EAAAG,EAAAA,kBAAAA,IAAA,MAAA,CAAe,UAAA,iCACb,SAAAA,wBAACC,EAAAA,IAAO,EACV,EAAMjB,KAAAa,GAAAA,EAAAb,EAAA,CAAA,EAFNa,CAEM,CACN,IAAAA,EAAA,OAAAb,EAAA,CAAA,IAAAG,EAAAe,aAAAlB,EAAA,CAAA,IAAAG,EAAAgB,iBAAAnB,EAAA,CAAA,IAAAG,EAAAiB,aAAApB,EAAA,CAAA,IAAAG,EAAAkB,cAAArB,EAAA,CAAA,IAAAG,EAAAmB,WAAAtB,EAAA,CAAA,IAAAG,EAAAoB,iBAAAvB,EAAA,EAAA,IAAAG,EAAAqB,aAAAxB,EAAA,EAAA,IAAAG,EAAAsB,gBAAAzB,EAAA,EAAA,IAAAG,EAAAuB,OAAA1B,EAAA,EAAA,IAAAG,EAAAwB,QAEFd,0BAACe,EAAAA,oCAAA,CACc,YAAAzB,EAAce,YACV,gBAAAf,EAAcgB,gBACjB,aAAAhB,EAAckB,aACjB,UAAAlB,EAAcmB,UAClB,MAAAnB,EAAcuB,MACL,eAAAvB,EAAcsB,eACjB,YAAAtB,EAAciB,YACnB,OAAAjB,EAAcwB,OACT,YAAAxB,EAAcqB,YACV,gBAAArB,EAAcoB,gBAAgB,EAC/CvB,EAAA,CAAA,EAAAG,EAAAe,YAAAlB,EAAA,CAAA,EAAAG,EAAAgB,gBAAAnB,EAAA,CAAA,EAAAG,EAAAiB,YAAApB,EAAA,CAAA,EAAAG,EAAAkB,aAAArB,EAAA,CAAA,EAAAG,EAAAmB,UAAAtB,EAAA,CAAA,EAAAG,EAAAoB,gBAAAvB,EAAA,EAAA,EAAAG,EAAAqB,YAAAxB,EAAA,EAAA,EAAAG,EAAAsB,eAAAzB,EAAA,EAAA,EAAAG,EAAAuB,MAAA1B,EAAA,EAAA,EAAAG,EAAAwB,OAAA3B,MAAAa,GAAAA,EAAAb,EAAA,EAAA,EAXFa,CAWE"}
+{"version":3,"file":"MultiGraphDashboardWideToLongFormatFromConfig.cjs","names":[],"sources":["../src/Components/Dashboard/MultiGraphDashboardWideToLongFormatFromConfig.tsx"],"sourcesContent":["import { Spinner } from '@undp/design-system-react/Spinner';\nimport { useEffect, useState } from 'react';\nimport type {\n  ClassNameObject,\n  DashboardFromWideToLongFormatLayoutDataType,\n  DataFilterDataType,\n  DataSettingsWideToLongDataType,\n  StyleObject,\n} from '@/Types';\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\nimport { MultiGraphDashboardWideToLongFormat } from './MultiGraphDashboardWideToLongFormat';\n\ninterface ConfigObject {\n  validateDataAndSettings?: boolean;\n  dashboardID?: string;\n  dashboardLayout: DashboardFromWideToLongFormatLayoutDataType;\n  dataSettings: DataSettingsWideToLongDataType;\n  debugMode?: boolean;\n  theme?: 'dark' | 'light';\n  readableHeader?: {\n    value: string;\n    label: string;\n  }[];\n  dataFilters?: DataFilterDataType[];\n  uiMode?: 'light' | 'normal';\n  graphStyles?: StyleObject;\n  graphClassNames?: ClassNameObject;\n}\n\ninterface Props {\n  config: string | ConfigObject;\n}\n\nexport function MultiGraphDashboardWideToLongFormatFromConfig(props: Props) {\n  const { config } = props;\n  const [configSettings, setConfigSettings] = useState<ConfigObject | undefined>(undefined);\n  useEffect(() => {\n    const fetchData = async () => {\n      if (typeof config === 'string') {\n        const data = await fetchAndParseJSON(config);\n        setConfigSettings(data);\n      } else {\n        setConfigSettings(config);\n      }\n    };\n    fetchData();\n  }, [config]);\n  if (!configSettings)\n    return (\n      <div className='w-full flex justify-center p-4'>\n        <Spinner />\n      </div>\n    );\n  return (\n    <MultiGraphDashboardWideToLongFormat\n      dashboardID={configSettings.dashboardID}\n      dashboardLayout={configSettings.dashboardLayout}\n      dataSettings={configSettings.dataSettings}\n      debugMode={configSettings.debugMode}\n      theme={configSettings.theme}\n      readableHeader={configSettings.readableHeader}\n      dataFilters={configSettings.dataFilters}\n      uiMode={configSettings.uiMode}\n      graphStyles={configSettings.graphStyles}\n      graphClassNames={configSettings.graphClassNames}\n    />\n  );\n}\n"],"mappings":"iVAiCA,SAAgB,EAA8C,EAAc,CAC1E,GAAM,CAAE,UAAW,EACb,CAAC,EAAgB,IAAA,EAAA,EAAA,UAAwD,IAAA,EAAS,EAkBxF,OAjBA,EAAA,EAAA,eAAgB,EASd,SAR8B,CAG1B,EAFE,OAAO,GAAW,SAEF,MADC,EAAA,EAAkB,CAAM,EAGzB,CAAM,CAE5B,GACU,CACZ,EAAG,CAAC,CAAM,CAAC,EACN,GAOH,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,YAAa,EAAe,YAC5B,gBAAiB,EAAe,gBAChC,aAAc,EAAe,aAC7B,UAAW,EAAe,UAC1B,MAAO,EAAe,MACtB,eAAgB,EAAe,eAC/B,YAAa,EAAe,YAC5B,OAAQ,EAAe,OACvB,YAAa,EAAe,YAC5B,gBAAiB,EAAe,eACjC,CAAA,GAhBC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2CACb,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,CAAA,CACP,CAAA,CAgBX"}

package/dist/MultiGraphDashboardWideToLongFormatFromConfig.d.ts

@@ -1,136 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-
-declare interface AxesClassNameObject {
-    gridLines?: string;
-    labels?: string;
-    title?: string;
-    axis?: string;
-}
-
-declare interface AxesStyleObject {
-    gridLines?: React.CSSProperties;
-    labels?: React.CSSProperties;
-    title?: React.CSSProperties;
-    axis?: React.CSSProperties;
-}
-
-declare interface ClassNameObject {
-    title?: string;
-    footnote?: string;
-    source?: string;
-    description?: string;
-    tooltip?: string;
-    xAxis?: AxesClassNameObject;
-    yAxis?: AxesClassNameObject;
-    legend?: string;
-    graphContainer?: string;
-    graphObjectValues?: string;
-    dataConnectors?: string;
-    mouseOverLine?: string;
-    regLine?: string;
-    dataCards?: string;
-    colorLegend?: string;
-    modal?: string;
-}
-
-declare interface ColumnConfigurationDataType {
-    column: string;
-    delimiter?: string;
-}
-
-declare interface ConfigObject {
-    validateDataAndSettings?: boolean;
-    dashboardID?: string;
-    dashboardLayout: DashboardFromWideToLongFormatLayoutDataType;
-    dataSettings: DataSettingsWideToLongDataType;
-    debugMode?: boolean;
-    theme?: 'dark' | 'light';
-    readableHeader?: {
-        value: string;
-        label: string;
-    }[];
-    dataFilters?: DataFilterDataType[];
-    uiMode?: 'light' | 'normal';
-    graphStyles?: StyleObject;
-    graphClassNames?: ClassNameObject;
-}
-
-declare type DashboardFromWideToLongFormatColumnDataType = {
-    graphType: 'donutChart' | 'barChart' | 'unitChart' | 'treeMap' | 'circlePacking';
-    columnWidth?: number;
-    dataFilters?: DataFilterDataType[];
-    settings?: any;
-    graphDataConfiguration?: GraphConfigurationDataType[];
-};
-
-declare type DashboardFromWideToLongFormatLayoutDataType = {
-    title?: string;
-    description?: string;
-    dropdownLabel?: string;
-    padding?: string;
-    backgroundColor?: string | boolean;
-    language?: Languages;
-    rows: {
-        columns: DashboardFromWideToLongFormatColumnDataType[];
-        height?: number;
-    }[];
-};
-
-declare interface DataFilterDataType {
-    column: string;
-    includeValues?: (string | number | boolean | null | undefined)[];
-    excludeValues?: (string | number | boolean | null | undefined)[];
-}
-
-declare interface DataSettingsWideToLongDataType {
-    dataURL?: string | FileSettingsDataType[];
-    fileType?: 'csv' | 'json' | 'api';
-    delimiter?: string;
-    data?: any;
-    keyColumn: string;
-    idColumnTitle?: string;
-    dataTransformation?: string;
-    apiHeaders?: any;
-}
-
-declare interface FileSettingsDataType {
-    dataURL: string;
-    idColumnName: string;
-    fileType?: 'csv' | 'json' | 'api';
-    delimiter?: string;
-    columnsToArray?: ColumnConfigurationDataType[];
-    apiHeaders?: any;
-    dataTransformation?: string;
-}
-
-declare interface GraphConfigurationDataType {
-    columnId: string | string[];
-    chartConfigId: string;
-}
-
-declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'ja' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
-
-export declare function MultiGraphDashboardWideToLongFormatFromConfig(props: Props): JSX.Element;
-
-declare interface Props {
-    config: string | ConfigObject;
-}
-
-declare interface StyleObject {
-    title?: React.CSSProperties;
-    footnote?: React.CSSProperties;
-    source?: React.CSSProperties;
-    description?: React.CSSProperties;
-    graphContainer?: React.CSSProperties;
-    tooltip?: React.CSSProperties;
-    xAxis?: AxesStyleObject;
-    yAxis?: AxesStyleObject;
-    graphObjectValues?: React.CSSProperties;
-    dataConnectors?: React.CSSProperties;
-    mouseOverLine?: React.CSSProperties;
-    regLine?: React.CSSProperties;
-    dataCards?: React.CSSProperties;
-    modal?: React.CSSProperties;
-}
-
-export { }
+export * from './Components/Dashboard/MultiGraphDashboardWideToLongFormatFromConfig'
+export {}

package/dist/MultiGraphDashboardWideToLongFormatFromConfig.js

@@ -1,29 +1,33 @@
-import { c as m, j as i } from "./index-CHPV5EwG-BzibaIRc.js";
-import { useState as f, useEffect as g } from "react";
-import { w as u } from "./Spinner-B2IIKg9r.js";
-import { MultiGraphDashboardWideToLongFormat as c } from "./MultiGraphDashboardWideToLongFormat.js";
-import { f as p } from "./fetchAndParseData-BAXhgTDM.js";
-function D(n) {
-  const e = m.c(15), {
-    config: t
-  } = n, [a, l] = f(void 0);
-  let r, o;
-  if (e[0] !== t ? (r = () => {
-    (async () => {
-      if (typeof t == "string") {
-        const h = await p(t);
-        l(h);
-      } else
-        l(t);
-    })();
-  }, o = [t], e[0] = t, e[1] = r, e[2] = o) : (r = e[1], o = e[2]), g(r, o), !a) {
-    let s;
-    return e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ i.jsx("div", { className: "w-full flex justify-center p-4", children: /* @__PURE__ */ i.jsx(u, {}) }), e[3] = s) : s = e[3], s;
-  }
-  let d;
-  return e[4] !== a.dashboardID || e[5] !== a.dashboardLayout || e[6] !== a.dataFilters || e[7] !== a.dataSettings || e[8] !== a.debugMode || e[9] !== a.graphClassNames || e[10] !== a.graphStyles || e[11] !== a.readableHeader || e[12] !== a.theme || e[13] !== a.uiMode ? (d = /* @__PURE__ */ i.jsx(c, { dashboardID: a.dashboardID, dashboardLayout: a.dashboardLayout, dataSettings: a.dataSettings, debugMode: a.debugMode, theme: a.theme, readableHeader: a.readableHeader, dataFilters: a.dataFilters, uiMode: a.uiMode, graphStyles: a.graphStyles, graphClassNames: a.graphClassNames }), e[4] = a.dashboardID, e[5] = a.dashboardLayout, e[6] = a.dataFilters, e[7] = a.dataSettings, e[8] = a.debugMode, e[9] = a.graphClassNames, e[10] = a.graphStyles, e[11] = a.readableHeader, e[12] = a.theme, e[13] = a.uiMode, e[14] = d) : d = e[14], d;
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { r as t } from "./fetchAndParseData-C50SqMPu.js";
+import { t as n } from "./MultiGraphDashboardWideToLongFormat-Ds7V2gxg.js";
+import { useEffect as r, useState as i } from "react";
+import { Spinner as a } from "@undp/design-system-react/Spinner";
+//#region src/Components/Dashboard/MultiGraphDashboardWideToLongFormatFromConfig.tsx
+var o = e();
+function s(e) {
+	let { config: s } = e, [c, l] = i(void 0);
+	return r(() => {
+		(async () => {
+			l(typeof s == "string" ? await t(s) : s);
+		})();
+	}, [s]), c ? /* @__PURE__ */ (0, o.jsx)(n, {
+		dashboardID: c.dashboardID,
+		dashboardLayout: c.dashboardLayout,
+		dataSettings: c.dataSettings,
+		debugMode: c.debugMode,
+		theme: c.theme,
+		readableHeader: c.readableHeader,
+		dataFilters: c.dataFilters,
+		uiMode: c.uiMode,
+		graphStyles: c.graphStyles,
+		graphClassNames: c.graphClassNames
+	}) : /* @__PURE__ */ (0, o.jsx)("div", {
+		className: "w-full flex justify-center p-4",
+		children: /* @__PURE__ */ (0, o.jsx)(a, {})
+	});
 }
-export {
-  D as MultiGraphDashboardWideToLongFormatFromConfig
-};
-//# sourceMappingURL=MultiGraphDashboardWideToLongFormatFromConfig.js.map
+//#endregion
+export { s as MultiGraphDashboardWideToLongFormatFromConfig };
+
+//# sourceMappingURL=MultiGraphDashboardWideToLongFormatFromConfig.js.map

package/dist/MultiGraphDashboardWideToLongFormatFromConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiGraphDashboardWideToLongFormatFromConfig.js","sources":["../src/Components/Dashboard/MultiGraphDashboardWideToLongFormatFromConfig.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { MultiGraphDashboardWideToLongFormat } from './MultiGraphDashboardWideToLongFormat';\r\n\r\nimport {\r\n  ClassNameObject,\r\n  DashboardFromWideToLongFormatLayoutDataType,\r\n  DataFilterDataType,\r\n  DataSettingsWideToLongDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\n\r\ninterface ConfigObject {\r\n  validateDataAndSettings?: boolean;\r\n  dashboardID?: string;\r\n  dashboardLayout: DashboardFromWideToLongFormatLayoutDataType;\r\n  dataSettings: DataSettingsWideToLongDataType;\r\n  debugMode?: boolean;\r\n  theme?: 'dark' | 'light';\r\n  readableHeader?: {\r\n    value: string;\r\n    label: string;\r\n  }[];\r\n  dataFilters?: DataFilterDataType[];\r\n  uiMode?: 'light' | 'normal';\r\n  graphStyles?: StyleObject;\r\n  graphClassNames?: ClassNameObject;\r\n}\r\n\r\ninterface Props {\r\n  config: string | ConfigObject;\r\n}\r\n\r\nexport function MultiGraphDashboardWideToLongFormatFromConfig(props: Props) {\r\n  const { config } = props;\r\n  const [configSettings, setConfigSettings] = useState<ConfigObject | undefined>(undefined);\r\n  useEffect(() => {\r\n    const fetchData = async () => {\r\n      if (typeof config === 'string') {\r\n        const data = await fetchAndParseJSON(config);\r\n        setConfigSettings(data);\r\n      } else {\r\n        setConfigSettings(config);\r\n      }\r\n    };\r\n    fetchData();\r\n  }, [config]);\r\n  if (!configSettings)\r\n    return (\r\n      <div className='w-full flex justify-center p-4'>\r\n        <Spinner />\r\n      </div>\r\n    );\r\n  return (\r\n    <MultiGraphDashboardWideToLongFormat\r\n      dashboardID={configSettings.dashboardID}\r\n      dashboardLayout={configSettings.dashboardLayout}\r\n      dataSettings={configSettings.dataSettings}\r\n      debugMode={configSettings.debugMode}\r\n      theme={configSettings.theme}\r\n      readableHeader={configSettings.readableHeader}\r\n      dataFilters={configSettings.dataFilters}\r\n      uiMode={configSettings.uiMode}\r\n      graphStyles={configSettings.graphStyles}\r\n      graphClassNames={configSettings.graphClassNames}\r\n    />\r\n  );\r\n}\r\n"],"names":["MultiGraphDashboardWideToLongFormatFromConfig","props","$","_c","config","configSettings","setConfigSettings","useState","undefined","t0","t1","fetchData","data","fetchAndParseJSON","useEffect","t2","Symbol","for","jsx","Spinner","dashboardID","dashboardLayout","dataFilters","dataSettings","debugMode","graphClassNames","graphStyles","readableHeader","theme","uiMode","MultiGraphDashboardWideToLongFormat"],"mappings":";;;;;AAmCO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,QAAAA;AAAAA,EAAAA,IAAmBH,GACnB,CAAAI,GAAAC,CAAA,IAA4CC,EAAmCC,MAAS;AAAE,MAAAC,GAAAC;AAY1F,MAZ0FR,SAAAE,KAChFK,IAAAA,MAAA;AASRE,KARkB,YAAA;AAChB,UAAI,OAAOP,KAAW,UAAQ;AAC5B,cAAAQ,IAAa,MAAMC,EAAkBT,CAAM;AAC3CE,QAAAA,EAAkBM,CAAI;AAAA,MAAC;AAEvBN,QAAAA,EAAkBF,CAAM;AAAA,IACzB,GAEHO;AAAAA,EAAW,GACVD,IAAA,CAACN,CAAM,GAACF,OAAAE,GAAAF,OAAAO,GAAAP,OAAAQ,MAAAD,IAAAP,EAAA,CAAA,GAAAQ,IAAAR,EAAA,CAAA,IAVXY,EAAUL,GAUPC,CAAQ,GACP,CAACL,GAAc;AAAA,QAAAU;AAAA,WAAAb,EAAA,CAAA,MAAAc,uBAAAC,IAAA,2BAAA,KAEfF,IAAAG,gBAAAA,EAAAA,IAAA,OAAA,EAAe,WAAA,kCACb,UAAAA,gBAAAA,MAACC,KAAO,GACV,GAAMjB,OAAAa,KAAAA,IAAAb,EAAA,CAAA,GAFNa;AAAAA,EAEM;AACN,MAAAA;AAAA,SAAAb,EAAA,CAAA,MAAAG,EAAAe,eAAAlB,EAAA,CAAA,MAAAG,EAAAgB,mBAAAnB,EAAA,CAAA,MAAAG,EAAAiB,eAAApB,EAAA,CAAA,MAAAG,EAAAkB,gBAAArB,EAAA,CAAA,MAAAG,EAAAmB,aAAAtB,EAAA,CAAA,MAAAG,EAAAoB,mBAAAvB,EAAA,EAAA,MAAAG,EAAAqB,eAAAxB,EAAA,EAAA,MAAAG,EAAAsB,kBAAAzB,EAAA,EAAA,MAAAG,EAAAuB,SAAA1B,EAAA,EAAA,MAAAG,EAAAwB,UAEFd,0BAACe,GAAA,EACc,aAAAzB,EAAce,aACV,iBAAAf,EAAcgB,iBACjB,cAAAhB,EAAckB,cACjB,WAAAlB,EAAcmB,WAClB,OAAAnB,EAAcuB,OACL,gBAAAvB,EAAcsB,gBACjB,aAAAtB,EAAciB,aACnB,QAAAjB,EAAcwB,QACT,aAAAxB,EAAcqB,aACV,iBAAArB,EAAcoB,iBAAgB,GAC/CvB,EAAA,CAAA,IAAAG,EAAAe,aAAAlB,EAAA,CAAA,IAAAG,EAAAgB,iBAAAnB,EAAA,CAAA,IAAAG,EAAAiB,aAAApB,EAAA,CAAA,IAAAG,EAAAkB,cAAArB,EAAA,CAAA,IAAAG,EAAAmB,WAAAtB,EAAA,CAAA,IAAAG,EAAAoB,iBAAAvB,EAAA,EAAA,IAAAG,EAAAqB,aAAAxB,EAAA,EAAA,IAAAG,EAAAsB,gBAAAzB,EAAA,EAAA,IAAAG,EAAAuB,OAAA1B,EAAA,EAAA,IAAAG,EAAAwB,QAAA3B,QAAAa,KAAAA,IAAAb,EAAA,EAAA,GAXFa;AAWE;"}
+{"version":3,"file":"MultiGraphDashboardWideToLongFormatFromConfig.js","names":[],"sources":["../src/Components/Dashboard/MultiGraphDashboardWideToLongFormatFromConfig.tsx"],"sourcesContent":["import { Spinner } from '@undp/design-system-react/Spinner';\nimport { useEffect, useState } from 'react';\nimport type {\n  ClassNameObject,\n  DashboardFromWideToLongFormatLayoutDataType,\n  DataFilterDataType,\n  DataSettingsWideToLongDataType,\n  StyleObject,\n} from '@/Types';\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\nimport { MultiGraphDashboardWideToLongFormat } from './MultiGraphDashboardWideToLongFormat';\n\ninterface ConfigObject {\n  validateDataAndSettings?: boolean;\n  dashboardID?: string;\n  dashboardLayout: DashboardFromWideToLongFormatLayoutDataType;\n  dataSettings: DataSettingsWideToLongDataType;\n  debugMode?: boolean;\n  theme?: 'dark' | 'light';\n  readableHeader?: {\n    value: string;\n    label: string;\n  }[];\n  dataFilters?: DataFilterDataType[];\n  uiMode?: 'light' | 'normal';\n  graphStyles?: StyleObject;\n  graphClassNames?: ClassNameObject;\n}\n\ninterface Props {\n  config: string | ConfigObject;\n}\n\nexport function MultiGraphDashboardWideToLongFormatFromConfig(props: Props) {\n  const { config } = props;\n  const [configSettings, setConfigSettings] = useState<ConfigObject | undefined>(undefined);\n  useEffect(() => {\n    const fetchData = async () => {\n      if (typeof config === 'string') {\n        const data = await fetchAndParseJSON(config);\n        setConfigSettings(data);\n      } else {\n        setConfigSettings(config);\n      }\n    };\n    fetchData();\n  }, [config]);\n  if (!configSettings)\n    return (\n      <div className='w-full flex justify-center p-4'>\n        <Spinner />\n      </div>\n    );\n  return (\n    <MultiGraphDashboardWideToLongFormat\n      dashboardID={configSettings.dashboardID}\n      dashboardLayout={configSettings.dashboardLayout}\n      dataSettings={configSettings.dataSettings}\n      debugMode={configSettings.debugMode}\n      theme={configSettings.theme}\n      readableHeader={configSettings.readableHeader}\n      dataFilters={configSettings.dataFilters}\n      uiMode={configSettings.uiMode}\n      graphStyles={configSettings.graphStyles}\n      graphClassNames={configSettings.graphClassNames}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAiCA,SAAgB,EAA8C,GAAc;CAC1E,IAAM,EAAE,cAAW,GACb,CAAC,GAAgB,KAAqB,EAAmC,KAAA,CAAS;CAkBxF,OAjBA,QAAgB;EASd,aAR8B;GAC5B,AAEE,EAFE,OAAO,KAAW,WAEF,MADC,EAAkB,CAAM,IAGzB,CAAM;EAE5B,GACU;CACZ,GAAG,CAAC,CAAM,CAAC,GACN,IAOH,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,aAAa,EAAe;EAC5B,iBAAiB,EAAe;EAChC,cAAc,EAAe;EAC7B,WAAW,EAAe;EAC1B,OAAO,EAAe;EACtB,gBAAgB,EAAe;EAC/B,aAAa,EAAe;EAC5B,QAAQ,EAAe;EACvB,aAAa,EAAe;EAC5B,iBAAiB,EAAe;CACjC,CAAA,IAhBC,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAU,CAAA;CACP,CAAA;AAgBX"}

package/dist/MultiLineAltChart-BkEze7t7.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`),n=require(`./Colors.cjs`),r=require(`./GraphFooter.cjs`),i=require(`./GraphHeader.cjs`),a=require(`./checkIfNullOrUndefined-DYvc3fz_.cjs`),o=require(`./uniqBy-DTdieuuc.cjs`),s=require(`./GraphContainer-7xAPK4Tb.cjs`),c=require(`./parse-C718o4YM.cjs`),l=require(`./lodash.orderby-Us2PHq2D.cjs`),ee=require(`./ColorLegendWithMouseOver.cjs`),te=require(`./EmptyState-Bq7ZJmZB.cjs`),u=require(`./init-BTypmXMF.cjs`),ne=require(`./linear-B93YyHf_.cjs`),re=require(`./time-B9tsaA4g.cjs`),d=require(`./proxy-DaRMphjR.cjs`),f=require(`./use-in-view-C4EPQfwM.cjs`),ie=require(`./Axis-BbfI4T5K.cjs`),ae=require(`./AxisTitle-Co2DmqOy.cjs`),oe=require(`./numberFormattingFunction-Caf5NyIo.cjs`),se=require(`./XTicksAndGridLines-8v1W02Pd.cjs`),ce=require(`./YTicksAndGridLines-CRW_R845.cjs`),le=require(`./ReferenceLine-Dltt-xtO.cjs`),ue=require(`./Tooltip-CO_iOj_w.cjs`),p=require(`./line-DoUnRqpS.cjs`),m=require(`./step-C_FLQezZ.cjs`),de=require(`./getNoOfTicks-CwG9lMmQ.cjs`),fe=require(`./select-CZVfejpg.cjs`),pe=require(`./pointer-nSSkgdlX.cjs`),h=require(`./getLineEndPoint-CahgY2dz.cjs`),me=require(`./HighlightArea-CJ2XwY67.cjs`),he=require(`./delaunay-M1ErmNzW.cjs`);let g=require(`@undp/design-system-react/cn`),_=require(`react`);function ge(e,t){return Array.from(t,t=>e[t])}function _e(e,...t){if(typeof e[Symbol.iterator]!=`function`)throw TypeError(`values is not iterable`);e=Array.from(e);let[n]=t;if(n&&n.length!==2||t.length>1){let r=Uint32Array.from(e,(e,t)=>t);return t.length>1?(t=t.map(t=>e.map(t)),r.sort((e,n)=>{for(let r of t){let t=y(r[e],r[n]);if(t)return t}})):(n=e.map(n),r.sort((e,t)=>y(n[e],n[t]))),ge(e,r)}return e.sort(v(n))}function v(e=u.a){if(e===u.a)return y;if(typeof e!=`function`)throw TypeError(`compare is not a function`);return(t,n)=>{let r=e(t,n);return r||r===0?r:(e(n,n)===0)-(e(t,t)===0)}}function y(e,t){return(e==null||!(e>=e))-(t==null||!(t>=t))||(e<t?-1:+(e>t))}var ve=e.a(l.t(),1),b=t.t();function x(e){let{data:t,width:r,height:i,lineColors:s,dateFormat:l,noOfXTicks:ee,rightMargin:te,topMargin:de,bottomMargin:ge,suffix:v,prefix:y,leftMargin:x,tooltip:S,onSeriesMouseOver:C,refValues:ye,highlightAreaSettings:be,minValue:w,maxValue:xe,highlightedLines:T,animate:E,rtl:D,strokeWidth:O,showDots:Se,annotations:k,customHighlightAreaSettings:Ce,yAxisTitle:we,noOfYTicks:Te,minDate:Ee,maxDate:De,curveType:A,styles:j,colorDomain:M,selectedColor:N,classNames:P,showLabels:Oe,dimmedOpacity:F,precision:I,naLabel:L,customLayers:ke,showHighlightedLinesLabels:Ae,showDateOnHover:je,locale:R,padZeros:z}=e,B=(0,_.useRef)(null),V=f.t(B,{once:E.once,amount:E.amount}),[H,Me]=(0,_.useState)(!1);(0,_.useEffect)(()=>{if(V&&!H){let e=setTimeout(()=>{Me(!0)},(E.duration+.5)*1e3);return()=>clearTimeout(e)}},[V,H,E.duration]);let Ne=A===`linear`?p.i:A===`step`?m.r:A===`stepAfter`?m.t:A===`stepBefore`?m.n:m.i,U=(0,ve.default)(t.map(e=>({...e,date:c.t(`${e.date}`,l,new Date)})),[`date`],[`asc`]).filter(e=>!a.t(e.y)),Pe=o.t(U,`label`,!0),Fe=_e(o.t(t,`date`,!0).map(e=>c.t(`${e}`,l,new Date)),(e,t)=>u.a(e,t)),[W,G]=(0,_.useState)(void 0),[Ie,K]=(0,_.useState)(void 0),[Le,q]=(0,_.useState)(void 0),J={top:de,bottom:ge,left:we?x+30:x,right:te},Re=(0,_.useRef)(null),ze=Pe.map(e=>(0,ve.default)(U.filter(t=>t.label===e),[`date`],[`asc`])),Be=be.map(e=>({...e,coordinates:[e.coordinates[0]===null?null:c.t(`${e.coordinates[0]}`,l,new Date),e.coordinates[1]===null?null:c.t(`${e.coordinates[1]}`,l,new Date)]})),Ve=Ce.map(e=>({...e,coordinates:e.coordinates.map((e,t)=>t%2==0?c.t(`${e}`,l,new Date):e)})),Y=r-J.left-J.right,X=i-J.top-J.bottom,He=Ee?c.t(`${Ee}`,l,new Date):Fe[0],Ue=De?c.t(`${De}`,l,new Date):Fe[Fe.length-1],Z=a.t(w)?Math.min(...U.map(e=>e.y).filter(e=>!a.t(e)))?Math.min(...U.map(e=>e.y).filter(e=>!a.t(e)))>0?0:Math.min(...U.map(e=>e.y).filter(e=>!a.t(e))):0:w,We=Math.max(...U.map(e=>e.y).filter(e=>!a.t(e)))?Math.max(...U.map(e=>e.y).filter(e=>!a.t(e))):0,Q=re.t().domain([He,Ue]).range([0,Y]),$=ne.t().domain([a.t(w)?Z:w,a.t(xe)?We>0?We:0:xe]).range([X,0]).nice(),Ge=he.t.from(U.filter(e=>!a.t(e.date)&&!a.t(e.y)),e=>Q(e.date),e=>$(e.y)).voronoi([0,0,Y<0?0:Y,X<0?0:X]),Ke=p.t().x(e=>Q(e.date)).y(e=>$(e.y)).curve(Ne),qe=$.ticks(Te),Je=Q.ticks(ee);return(0,_.useEffect)(()=>{fe.t(Re.current).on(`mousemove`,e=>{let t=U[u.n(U.map(e=>e.date),Q.invert(pe.t(e)[0]),0)];G(t||U[U.length-1]),q(e.clientY),K(e.clientX),C?.(t||U[U.length-1])}).on(`mouseout`,()=>{G(void 0),K(void 0),q(void 0)}),C?.(void 0)},[Q,U,C]),(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(d.t.svg,{width:`${r}px`,height:`${i}px`,viewBox:`0 0 ${r} ${i}`,direction:`ltr`,ref:B,children:(0,b.jsxs)(`g`,{transform:`translate(${J.left},${J.top})`,children:[(0,b.jsx)(me.t,{areaSettings:Be,width:Y,height:X,scale:Q,animate:E,isInView:V}),(0,b.jsx)(h.n,{areaSettings:Ve,scaleX:Q,scaleY:$,animate:E,isInView:V}),(0,b.jsxs)(`g`,{children:[(0,b.jsx)(ce.t,{values:qe.filter(e=>e!==0),y:qe.filter(e=>e!==0).map(e=>$(e)),x1:0-x,x2:Y+J.right,styles:{gridLines:j?.yAxis?.gridLines,labels:j?.yAxis?.labels},classNames:{gridLines:P?.yAxis?.gridLines,labels:P?.yAxis?.labels},suffix:v,prefix:y,labelType:`secondary`,showGridLines:!0,labelPos:`vertical`,precision:I,locale:R,padZeros:z}),(0,b.jsx)(ie.t,{y1:$(Z<0?0:Z),y2:$(Z<0?0:Z),x1:0-x,x2:Y+J.right,label:oe.t(Z<0?0:Z,void 0,I,y,v,R,z),labelPos:{x:0-x,y:$(Z<0?0:Z),dx:0,dy:We<0?`1em`:-5},classNames:{axis:P?.xAxis?.axis,label:P?.yAxis?.labels},styles:{axis:j?.xAxis?.axis,label:j?.yAxis?.labels}}),(0,b.jsx)(ae.t,{x:0-x-15,y:X/2,style:j?.yAxis?.title,className:P?.yAxis?.title,text:we,rotate90:!0})]}),(0,b.jsx)(`g`,{children:(0,b.jsx)(se.t,{values:Je.map(e=>c.n(e,l)),x:Je.map(e=>Q(e)),y1:0,y2:X,styles:{gridLines:j?.xAxis?.gridLines,labels:j?.xAxis?.labels},classNames:{gridLines:(0,g.cn)(`opacity-0`,P?.xAxis?.gridLines),labels:(0,g.cn)(`fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs`,P?.xAxis?.labels)},suffix:v,prefix:y,labelType:`primary`,showGridLines:!0,precision:I,locale:R,padZeros:z})}),ke.filter(e=>e.position===`before`).map(e=>e.layer),(0,b.jsxs)(d.t.g,{children:[ze.map(e=>(0,b.jsxs)(d.t.g,{exit:{opacity:0,transition:{duration:E.duration}},variants:{initial:{opacity:W?e[0].label===W.label?1:F:N?e[0].color&&s[M.indexOf(e[0].color)]===N?1:F:T&&T.indexOf(e[0].label)===-1?F:1},whileInView:{opacity:W?e[0].label===W.label?1:F:N?e[0].color&&s[M.indexOf(e[0].color)]===N?1:F:T&&T.indexOf(e[0].label)===-1?F:1,transition:{duration:E.duration}}},initial:`initial`,animate:V?`whileInView`:`initial`,children:[(0,b.jsx)(d.t.path,{d:Ke(e.filter(e=>!a.t(e.y)))||``,style:{fill:`none`,strokeWidth:W?e[0].label===W.label?O+Math.max(2,.5*O):O:T?T.indexOf(e[0].label)===-1?O:O+Math.max(2,.5*O):O},exit:{opacity:0,transition:{duration:E.duration}},variants:{initial:{pathLength:0,d:Ke(e.filter(e=>!a.t(e.y)))||``,opacity:1,stroke:t.filter(e=>e.color).length===0?s[0]:e[0].color?s[M.indexOf(e[0].color)]:n.Colors.gray},whileInView:{pathLength:1,d:Ke(e.filter(e=>!a.t(e.y)))||``,opacity:1,stroke:t.filter(e=>e.color).length===0?s[0]:e[0].color?s[M.indexOf(e[0].color)]:n.Colors.gray,transition:{duration:E.duration}}},initial:`initial`,animate:V?`whileInView`:`initial`}),e.map((r,i)=>(0,b.jsx)(d.t.g,{children:!a.t(r.y)&&Se?(0,b.jsx)(d.t.circle,{r:Y/e.length<5?0:Y/e.length<20?2:4,exit:{opacity:0,transition:{duration:E.duration}},variants:{initial:{opacity:0,fill:t.filter(e=>e.color).length===0?s[0]:e[0].color?s[M.indexOf(e[0].color)]:n.Colors.gray,cx:Q(r.date),cy:$(r.y)},whileInView:{opacity:1,fill:t.filter(e=>e.color).length===0?s[0]:e[0].color?s[M.indexOf(e[0].color)]:n.Colors.gray,transition:{duration:H?E.duration:.5,delay:H?0:E.duration},cx:Q(r.date),cy:$(r.y)}},initial:`initial`,animate:V?`whileInView`:`initial`}):null},`${r.label}_${i}`)),((T||[]).indexOf(e[0].label)!==-1&&Ae||W?.label===e[0].label)&&Oe?(0,b.jsx)(d.t.text,{className:`text-sm font-bold`,dx:5,dy:4,exit:{opacity:0,transition:{duration:E.duration}},variants:{initial:{opacity:0,fill:t.filter(e=>e.color).length===0?s[0]:e[0].color?s[M.indexOf(e[0].color)]:n.Colors.gray,x:Q(e[e.length-1].date),y:$(e[e.length-1].y)},whileInView:{opacity:1,fill:t.filter(e=>e.color).length===0?s[0]:e[0].color?s[M.indexOf(e[0].color)]:n.Colors.gray,x:Q(e[e.length-1].date),y:$(e[e.length-1].y),transition:{duration:H?E.duration:.5,delay:H?0:E.duration}}},initial:`initial`,animate:V?`whileInView`:`initial`,children:e[0].label}):null]},e[0].label)),W?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`text`,{y:$(W.y)-8,x:Q(W.date),className:(0,g.cn)(`graph-value text-sm font-bold`,P?.graphObjectValues),style:{fill:t.filter(e=>e.color).length===0?s[0]:W.color?s[M.indexOf(W.color)]:n.Colors.gray,textAnchor:`middle`,...j?.graphObjectValues||{}},children:oe.t(W.y,L,I,y,v,R,z)}),je&&(0,b.jsx)(`text`,{y:$(W.y)+20,x:Q(W.date),className:(0,g.cn)(`graph-value text-sm fill-primary-gray-500 dark:fill-primary-gray-400`,P?.graphObjectValues),style:{textAnchor:`middle`,...j?.graphObjectValues||{}},children:c.n(new Date(W.date),l||`yyyy`)})]}):null]}),U.filter(e=>!a.t(e.y)).map((e,t)=>(0,b.jsx)(`g`,{children:(0,b.jsx)(`path`,{d:Ge.renderCell(U.findIndex(t=>t.label===e.label&&t.date===e.date)),opacity:0,onMouseEnter:t=>{G(e),q(t.clientY),K(t.clientX),C?.(e)},onMouseMove:t=>{G(e),q(t.clientY),K(t.clientX)},onMouseLeave:()=>{G(void 0),K(void 0),q(void 0),C?.(void 0)}})},t)),ye?.map(e=>(0,b.jsx)(le.n,{text:e.text,color:e.color,y:$(e.value),x1:0-x,x2:Y+J.right,classNames:e.classNames,styles:e.styles,animate:E,isInView:V},e.text)),(0,b.jsx)(`g`,{children:k.map(e=>{let t=h.t({x:e.xCoordinate?Q(c.t(`${e.xCoordinate}`,l,new Date))+(e.xOffset||0):0+(e.xOffset||0),y:e.yCoordinate?$(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8},{x:e.xCoordinate?Q(c.t(`${e.xCoordinate}`,l,new Date)):0,y:e.yCoordinate?$(e.yCoordinate):0},a.t(e.connectorRadius)?3.5:e.connectorRadius),n=e.showConnector?{y1:t.y,x1:t.x,y2:e.yCoordinate?$(e.yCoordinate)+(e.yOffset||0):0+(e.yOffset||0),x2:e.xCoordinate?Q(c.t(`${e.xCoordinate}`,l,new Date))+(e.xOffset||0):0+(e.xOffset||0),cy:e.yCoordinate?$(e.yCoordinate):0,cx:e.xCoordinate?Q(c.t(`${e.xCoordinate}`,l,new Date)):0,circleRadius:a.t(e.connectorRadius)?3.5:e.connectorRadius,strokeWidth:e.showConnector===!0?2:Math.min(e.showConnector||0,1)}:void 0,r={y:e.yCoordinate?$(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8,x:D?0:e.xCoordinate?Q(c.t(`${e.xCoordinate}`,l,new Date))+(e.xOffset||0):0+(e.xOffset||0),width:D?e.xCoordinate?Q(c.t(`${e.xCoordinate}`,l,new Date))+(e.xOffset||0):0+(e.xOffset||0):Y+J.right-(e.xCoordinate?Q(c.t(`${e.xCoordinate}`,l,new Date))+(e.xOffset||0):0+(e.xOffset||0)),maxWidth:e.maxWidth,fontWeight:e.fontWeight,align:e.align};return(0,b.jsx)(h.r,{color:e.color,connectorsSettings:n,labelSettings:r,text:e.text,classNames:e.classNames,styles:e.styles,animate:E,isInView:V},e.text)})}),ke.filter(e=>e.position===`after`).map(e=>e.layer)]})}),W&&S&&Ie&&Le?(0,b.jsx)(ue.t,{data:W,body:S,xPos:Ie,yPos:Le,backgroundStyle:j?.tooltip,className:P?.tooltip}):null]})}function S(e){let{data:t,graphTitle:a,showNAColor:c=!0,colors:l,colorDomain:u,sources:ne,graphDescription:re,height:d,width:f,footNote:ie,noOfXTicks:ae=10,dateFormat:oe=`yyyy`,padding:se,backgroundColor:ce=!1,leftMargin:le=30,rightMargin:ue=50,topMargin:p=20,bottomMargin:m=25,showColorScale:fe=!0,tooltip:pe,relativeHeight:h,onSeriesMouseOver:me,showLabels:he=!0,showHighlightedLinesLabels:g=!1,refValues:ge=[],highlightAreaSettings:_e=[],graphID:v,minValue:y,maxValue:ve,highlightedLines:S,graphDownload:C=!1,dataDownload:ye=!1,animate:be=!1,language:w=`en`,colorLegendTitle:xe,minHeight:T=0,strokeWidth:E=2,showDots:D=!0,annotations:O=[],customHighlightAreaSettings:Se=[],theme:k=`light`,ariaLabel:Ce,yAxisTitle:we,noOfYTicks:Te=5,minDate:Ee,maxDate:De,curveType:A=`curve`,styles:j,classNames:M,dimmedOpacity:N=.3,customLayers:P=[],naLabel:Oe=`NA`,showDateOnHover:F=!1,numberDisplayOptions:I}=e,[L,ke]=(0,_.useState)(0),[Ae,je]=(0,_.useState)(0),[R,z]=(0,_.useState)(void 0),B=(0,_.useRef)(null),V=(0,_.useRef)(null);return(0,_.useEffect)(()=>{let e=new ResizeObserver(e=>{ke(e[0].target.clientWidth||620),je(e[0].target.clientHeight||480)});return B.current&&e.observe(B.current),()=>e.disconnect()},[]),(0,b.jsxs)(s.n,{className:M?.graphContainer,style:j?.graphContainer,id:v,ref:V,"aria-label":Ce,backgroundColor:ce,theme:k,language:w,minHeight:T,width:f,height:d,relativeHeight:h,padding:se,children:[a||re||C||ye?(0,b.jsx)(i.GraphHeader,{styles:{title:j?.title,description:j?.description},classNames:{title:M?.title,description:M?.description},graphTitle:a,graphDescription:re,width:f,graphDownload:C?V:void 0,dataDownload:ye?t.map(e=>e.data).filter(e=>e!==void 0).length>0?t.map(e=>e.data).filter(e=>e!==void 0):t.filter(e=>e!==void 0):null}):null,fe&&t.filter(e=>e.color).length!==0&&t.length>0?(0,b.jsx)(ee.ColorLegendWithMouseOver,{width:f,colorLegendTitle:xe,colors:l||n.Colors[k].categoricalColors.colors,colorDomain:u||o.t(t,`color`,!0),setSelectedColor:z,showNAColor:c,className:M?.colorLegend}):null,(0,b.jsxs)(s.t,{ref:B,children:[t.length===0&&(0,b.jsx)(te.t,{}),L&&Ae&&t.length>0?(0,b.jsx)(x,{data:t,lineColors:t.filter(e=>e.color).length===0?l?[l]:[n.Colors.primaryColors[`blue-600`]]:l||n.Colors[k].categoricalColors.colors,width:L,height:Ae,dateFormat:oe,noOfXTicks:ae??de.t(L),leftMargin:le,rightMargin:ue,topMargin:p,bottomMargin:m,tooltip:pe,onSeriesMouseOver:me,highlightAreaSettings:_e,refValues:ge,minValue:y,maxValue:ve,highlightedLines:S,showHighlightedLinesLabels:g,animate:be===!0?{duration:.5,once:!0,amount:.5}:be||{duration:0,once:!0,amount:0},rtl:w===`he`||w===`ar`,strokeWidth:E,showDots:D,annotations:O,customHighlightAreaSettings:Se,yAxisTitle:we,noOfYTicks:Te,minDate:Ee,maxDate:De,curveType:A,styles:j,classNames:M,selectedColor:R,showLabels:he,colorDomain:t.filter(e=>e.color).length===0?[]:u||o.t(t,`color`,!0),dimmedOpacity:N,customLayers:P,naLabel:Oe,showDateOnHover:F,locale:I?.locale||`en`,padZeros:I?.padZeros||!1,suffix:I?.suffix||``,prefix:I?.prefix||``,precision:I?.precision??2}):null]}),ne||ie?(0,b.jsx)(r.GraphFooter,{styles:{footnote:j?.footnote,source:j?.source},classNames:{footnote:M?.footnote,source:M?.source},sources:ne,footNote:ie,width:f}):null]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return S}});
+//# sourceMappingURL=MultiLineAltChart-BkEze7t7.cjs.map

package/dist/MultiLineAltChart-BkEze7t7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLineAltChart-BkEze7t7.cjs","names":["ascending"],"sources":["../node_modules/d3-array/src/permute.js","../node_modules/d3-array/src/sort.js","../src/Components/Graphs/LineCharts/MultiLineAltChart/Graph.tsx","../src/Components/Graphs/LineCharts/MultiLineAltChart/index.tsx"],"sourcesContent":["export default function permute(source, keys) {\n  return Array.from(keys, key => source[key]);\n}\n","import ascending from \"./ascending.js\";\nimport permute from \"./permute.js\";\n\nexport default function sort(values, ...F) {\n  if (typeof values[Symbol.iterator] !== \"function\") throw new TypeError(\"values is not iterable\");\n  values = Array.from(values);\n  let [f] = F;\n  if ((f && f.length !== 2) || F.length > 1) {\n    const index = Uint32Array.from(values, (d, i) => i);\n    if (F.length > 1) {\n      F = F.map(f => values.map(f));\n      index.sort((i, j) => {\n        for (const f of F) {\n          const c = ascendingDefined(f[i], f[j]);\n          if (c) return c;\n        }\n      });\n    } else {\n      f = values.map(f);\n      index.sort((i, j) => ascendingDefined(f[i], f[j]));\n    }\n    return permute(values, index);\n  }\n  return values.sort(compareDefined(f));\n}\n\nexport function compareDefined(compare = ascending) {\n  if (compare === ascending) return ascendingDefined;\n  if (typeof compare !== \"function\") throw new TypeError(\"compare is not a function\");\n  return (a, b) => {\n    const x = compare(a, b);\n    if (x || x === 0) return x;\n    return (compare(b, b) === 0) - (compare(a, a) === 0);\n  };\n}\n\nexport function ascendingDefined(a, b) {\n  return (a == null || !(a >= a)) - (b == null || !(b >= b)) || (a < b ? -1 : a > b ? 1 : 0);\n}\n","import { cn } from '@undp/design-system-react/cn';\nimport { ascending, bisectCenter, sort } from 'd3-array';\nimport { Delaunay } from 'd3-delaunay';\nimport { scaleLinear, scaleTime } from 'd3-scale';\nimport { pointer, select } from 'd3-selection';\nimport {\n  curveLinear,\n  curveMonotoneX,\n  curveStep,\n  curveStepAfter,\n  curveStepBefore,\n  line,\n} from 'd3-shape';\nimport { format } from 'date-fns/format';\nimport { parse } from 'date-fns/parse';\nimport orderBy from 'lodash.orderby';\nimport { motion, useInView } from 'motion/react';\nimport { useEffect, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { Annotation } from '@/Components/Elements/Annotations';\nimport { Axis } from '@/Components/Elements/Axes/Axis';\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\nimport { HighlightArea } from '@/Components/Elements/HighlightArea';\nimport { CustomArea } from '@/Components/Elements/HighlightArea/customArea';\nimport { RefLineY } from '@/Components/Elements/ReferenceLine';\nimport { Tooltip } from '@/Components/Elements/Tooltip';\nimport type {\n  AnimateDataType,\n  AnnotationSettingsDataType,\n  ClassNameObject,\n  CurveTypes,\n  CustomHighlightAreaSettingsDataType,\n  CustomLayerDataType,\n  HighlightAreaSettingsDataType,\n  MultiLineAltChartDataType,\n  ReferenceDataType,\n  StyleObject,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { getLineEndPoint } from '@/Utils/getLineEndPoint';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\nimport { uniqBy } from '@/Utils/uniqBy';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: MultiLineAltChartDataType[];\n  lineColors: string[];\n  width: number;\n  height: number;\n  dateFormat: string;\n  noOfXTicks: number;\n  topMargin: number;\n  bottomMargin: number;\n  leftMargin: number;\n  rightMargin: number;\n  suffix: string;\n  prefix: string;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  highlightAreaSettings: HighlightAreaSettingsDataType[];\n  refValues: ReferenceDataType[];\n  maxValue?: number;\n  minValue?: number;\n  highlightedLines?: (string | number)[];\n  animate: AnimateDataType;\n  rtl: boolean;\n  strokeWidth: number;\n  showLabels: boolean;\n  showDots: boolean;\n  annotations: AnnotationSettingsDataType[];\n  customHighlightAreaSettings: CustomHighlightAreaSettingsDataType[];\n  yAxisTitle?: string;\n  noOfYTicks: number;\n  minDate?: string | number;\n  maxDate?: string | number;\n  colorDomain: (string | number)[];\n  curveType: CurveTypes;\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  selectedColor?: string;\n  dimmedOpacity: number;\n  precision: number;\n  customLayers: CustomLayerDataType[];\n  naLabel: string;\n  showHighlightedLinesLabels: boolean;\n  showDateOnHover: boolean;\n  locale: string;\n  padZeros: boolean;\n}\n\ninterface FormattedDataType {\n  y: number;\n  date: Date;\n  label: number | string;\n}\n\nexport function Graph(props: Props) {\n  const {\n    data,\n    width,\n    height,\n    lineColors,\n    dateFormat,\n    noOfXTicks,\n    rightMargin,\n    topMargin,\n    bottomMargin,\n    suffix,\n    prefix,\n    leftMargin,\n    tooltip,\n    onSeriesMouseOver,\n    refValues,\n    highlightAreaSettings,\n    minValue,\n    maxValue,\n    highlightedLines,\n    animate,\n    rtl,\n    strokeWidth,\n    showDots,\n    annotations,\n    customHighlightAreaSettings,\n    yAxisTitle,\n    noOfYTicks,\n    minDate,\n    maxDate,\n    curveType,\n    styles,\n    colorDomain,\n    selectedColor,\n    classNames,\n    showLabels,\n    dimmedOpacity,\n    precision,\n    naLabel,\n    customLayers,\n    showHighlightedLinesLabels,\n    showDateOnHover,\n    locale,\n    padZeros,\n  } = props;\n  const svgRef = useRef(null);\n  const isInView = useInView(svgRef, {\n    once: animate.once,\n    amount: animate.amount,\n  });\n  const [hasAnimatedOnce, setHasAnimatedOnce] = useState(false);\n\n  useEffect(() => {\n    if (isInView && !hasAnimatedOnce) {\n      const timeout = setTimeout(\n        () => {\n          setHasAnimatedOnce(true);\n        },\n        (animate.duration + 0.5) * 1000,\n      );\n      return () => clearTimeout(timeout);\n    }\n  }, [isInView, hasAnimatedOnce, animate.duration]);\n  const curve =\n    curveType === 'linear'\n      ? curveLinear\n      : curveType === 'step'\n        ? curveStep\n        : curveType === 'stepAfter'\n          ? curveStepAfter\n          : curveType === 'stepBefore'\n            ? curveStepBefore\n            : curveMonotoneX;\n  const dataFormatted = orderBy(\n    data.map((d) => ({\n      ...d,\n      date: parse(`${d.date}`, dateFormat, new Date()),\n    })),\n    ['date'],\n    ['asc'],\n  ).filter((d) => !checkIfNullOrUndefined(d.y));\n  const labels = uniqBy(dataFormatted, 'label', true) as (string | number)[];\n  const dates = sort(\n    uniqBy(data, 'date', true).map((d) => parse(`${d}`, dateFormat, new Date())),\n    (a, b) => ascending(a, b),\n  );\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const margin = {\n    top: topMargin,\n    bottom: bottomMargin,\n    left: yAxisTitle ? leftMargin + 30 : leftMargin,\n    right: rightMargin,\n  };\n  const MouseoverRectRef = useRef(null);\n  const lineArray = labels.map((d) =>\n    orderBy(\n      dataFormatted.filter((el) => el.label === d),\n      ['date'],\n      ['asc'],\n    ),\n  );\n  const highlightAreaSettingsFormatted = highlightAreaSettings.map((d) => ({\n    ...d,\n    coordinates: [\n      d.coordinates[0] === null ? null : parse(`${d.coordinates[0]}`, dateFormat, new Date()),\n      d.coordinates[1] === null ? null : parse(`${d.coordinates[1]}`, dateFormat, new Date()),\n    ],\n  }));\n  const customHighlightAreaSettingsFormatted = customHighlightAreaSettings.map((d) => ({\n    ...d,\n    coordinates: d.coordinates.map((el, j) =>\n      j % 2 === 0 ? parse(`${el}`, dateFormat, new Date()) : (el as number),\n    ),\n  }));\n  const graphWidth = width - margin.left - margin.right;\n  const graphHeight = height - margin.top - margin.bottom;\n  const minYear = minDate ? parse(`${minDate}`, dateFormat, new Date()) : dates[0];\n  const maxYear = maxDate ? parse(`${maxDate}`, dateFormat, new Date()) : dates[dates.length - 1];\n  const minParam: number = checkIfNullOrUndefined(minValue)\n    ? Math.min(\n        ...(dataFormatted.map((d) => d.y).filter((d) => !checkIfNullOrUndefined(d)) as number[]),\n      )\n      ? (Math.min(\n          ...(dataFormatted.map((d) => d.y).filter((d) => !checkIfNullOrUndefined(d)) as number[]),\n        ) as number) > 0\n        ? 0\n        : (Math.min(\n            ...(dataFormatted\n              .map((d) => d.y)\n              .filter((d) => !checkIfNullOrUndefined(d)) as number[]),\n          ) as number)\n      : 0\n    : (minValue as number);\n  const maxParam: number = (Math.max(\n    ...(dataFormatted.map((d) => d.y).filter((d) => !checkIfNullOrUndefined(d)) as number[]),\n  ) as number)\n    ? (Math.max(\n        ...(dataFormatted.map((d) => d.y).filter((d) => !checkIfNullOrUndefined(d)) as number[]),\n      ) as number)\n    : 0;\n\n  const x = scaleTime().domain([minYear, maxYear]).range([0, graphWidth]);\n  const y = scaleLinear()\n    .domain([\n      checkIfNullOrUndefined(minValue) ? minParam : (minValue as number),\n      checkIfNullOrUndefined(maxValue) ? (maxParam > 0 ? maxParam : 0) : (maxValue as number),\n    ])\n    .range([graphHeight, 0])\n    .nice();\n\n  const voronoiDiagram = Delaunay.from(\n    dataFormatted.filter((d) => !checkIfNullOrUndefined(d.date) && !checkIfNullOrUndefined(d.y)),\n    (d) => x(d.date),\n    (d) => y(d.y as number),\n  ).voronoi([0, 0, graphWidth < 0 ? 0 : graphWidth, graphHeight < 0 ? 0 : graphHeight]);\n  const lineShape = line<FormattedDataType>()\n    .x((d) => x(d.date))\n    .y((d) => y(d.y))\n    .curve(curve);\n  const yTicks = y.ticks(noOfYTicks);\n  const xTicks = x.ticks(noOfXTicks);\n  useEffect(() => {\n    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n    const mousemove = (event: any) => {\n      const selectedData =\n        dataFormatted[\n          bisectCenter(\n            dataFormatted.map((d) => d.date),\n            x.invert(pointer(event)[0]),\n            0,\n          )\n        ];\n      setMouseOverData(selectedData || dataFormatted[dataFormatted.length - 1]);\n      setEventY(event.clientY);\n      setEventX(event.clientX);\n      onSeriesMouseOver?.(selectedData || dataFormatted[dataFormatted.length - 1]);\n    };\n    const mouseout = () => {\n      setMouseOverData(undefined);\n      setEventX(undefined);\n      setEventY(undefined);\n    };\n    select(MouseoverRectRef.current).on('mousemove', mousemove).on('mouseout', mouseout);\n    onSeriesMouseOver?.(undefined);\n  }, [x, dataFormatted, onSeriesMouseOver]);\n\n  return (\n    <>\n      <motion.svg\n        width={`${width}px`}\n        height={`${height}px`}\n        viewBox={`0 0 ${width} ${height}`}\n        direction='ltr'\n        ref={svgRef}\n      >\n        <g transform={`translate(${margin.left},${margin.top})`}>\n          <HighlightArea\n            areaSettings={highlightAreaSettingsFormatted}\n            width={graphWidth}\n            height={graphHeight}\n            scale={x}\n            animate={animate}\n            isInView={isInView}\n          />\n          <CustomArea\n            areaSettings={customHighlightAreaSettingsFormatted}\n            scaleX={x}\n            scaleY={y}\n            animate={animate}\n            isInView={isInView}\n          />\n          <g>\n            <YTicksAndGridLines\n              values={yTicks.filter((d) => d !== 0)}\n              y={yTicks.filter((d) => d !== 0).map((d) => y(d))}\n              x1={0 - leftMargin}\n              x2={graphWidth + margin.right}\n              styles={{\n                gridLines: styles?.yAxis?.gridLines,\n                labels: styles?.yAxis?.labels,\n              }}\n              classNames={{\n                gridLines: classNames?.yAxis?.gridLines,\n                labels: classNames?.yAxis?.labels,\n              }}\n              suffix={suffix}\n              prefix={prefix}\n              labelType='secondary'\n              showGridLines\n              labelPos='vertical'\n              precision={precision}\n              locale={locale}\n              padZeros={padZeros}\n            />\n            <Axis\n              y1={y(minParam < 0 ? 0 : minParam)}\n              y2={y(minParam < 0 ? 0 : minParam)}\n              x1={0 - leftMargin}\n              x2={graphWidth + margin.right}\n              label={numberFormattingFunction(\n                minParam < 0 ? 0 : minParam,\n                undefined,\n                precision,\n                prefix,\n                suffix,\n                locale,\n                padZeros,\n              )}\n              labelPos={{\n                x: 0 - leftMargin,\n                y: y(minParam < 0 ? 0 : minParam),\n                dx: 0,\n                dy: maxParam < 0 ? '1em' : -5,\n              }}\n              classNames={{\n                axis: classNames?.xAxis?.axis,\n                label: classNames?.yAxis?.labels,\n              }}\n              styles={{\n                axis: styles?.xAxis?.axis,\n                label: styles?.yAxis?.labels,\n              }}\n            />\n            <AxisTitle\n              x={0 - leftMargin - 15}\n              y={graphHeight / 2}\n              style={styles?.yAxis?.title}\n              className={classNames?.yAxis?.title}\n              text={yAxisTitle}\n              rotate90\n            />\n          </g>\n          <g>\n            <XTicksAndGridLines\n              values={xTicks.map((d) => format(d, dateFormat))}\n              x={xTicks.map((d) => x(d))}\n              y1={0}\n              y2={graphHeight}\n              styles={{\n                gridLines: styles?.xAxis?.gridLines,\n                labels: styles?.xAxis?.labels,\n              }}\n              classNames={{\n                gridLines: cn('opacity-0', classNames?.xAxis?.gridLines),\n                labels: cn(\n                  'fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs',\n                  classNames?.xAxis?.labels,\n                ),\n              }}\n              suffix={suffix}\n              prefix={prefix}\n              labelType='primary'\n              showGridLines\n              precision={precision}\n              locale={locale}\n              padZeros={padZeros}\n            />\n          </g>\n          {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n          <motion.g>\n            {lineArray.map((d) => (\n              <motion.g\n                key={d[0].label}\n                exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                variants={{\n                  initial: {\n                    opacity: mouseOverData\n                      ? d[0].label === mouseOverData.label\n                        ? 1\n                        : dimmedOpacity\n                      : selectedColor\n                        ? d[0].color\n                          ? lineColors[colorDomain.indexOf(d[0].color)] === selectedColor\n                            ? 1\n                            : dimmedOpacity\n                          : dimmedOpacity\n                        : highlightedLines\n                          ? highlightedLines.indexOf(d[0].label) !== -1\n                            ? 1\n                            : dimmedOpacity\n                          : 1,\n                  },\n                  whileInView: {\n                    opacity: mouseOverData\n                      ? d[0].label === mouseOverData.label\n                        ? 1\n                        : dimmedOpacity\n                      : selectedColor\n                        ? d[0].color\n                          ? lineColors[colorDomain.indexOf(d[0].color)] === selectedColor\n                            ? 1\n                            : dimmedOpacity\n                          : dimmedOpacity\n                        : highlightedLines\n                          ? highlightedLines.indexOf(d[0].label) !== -1\n                            ? 1\n                            : dimmedOpacity\n                          : 1,\n                    transition: { duration: animate.duration },\n                  },\n                }}\n                initial='initial'\n                animate={isInView ? 'whileInView' : 'initial'}\n              >\n                <motion.path\n                  d={\n                    lineShape(\n                      d.filter((el): el is FormattedDataType => !checkIfNullOrUndefined(el.y)),\n                    ) || ''\n                  }\n                  style={{\n                    fill: 'none',\n                    strokeWidth: mouseOverData\n                      ? d[0].label === mouseOverData.label\n                        ? strokeWidth + Math.max(2, 0.5 * strokeWidth)\n                        : strokeWidth\n                      : highlightedLines\n                        ? highlightedLines.indexOf(d[0].label) !== -1\n                          ? strokeWidth + Math.max(2, 0.5 * strokeWidth)\n                          : strokeWidth\n                        : strokeWidth,\n                  }}\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                  variants={{\n                    initial: {\n                      pathLength: 0,\n                      d:\n                        lineShape(\n                          d.filter((el): el is FormattedDataType => !checkIfNullOrUndefined(el.y)),\n                        ) || '',\n                      opacity: 1,\n                      stroke:\n                        data.filter((el) => el.color).length === 0\n                          ? lineColors[0]\n                          : !d[0].color\n                            ? Colors.gray\n                            : lineColors[colorDomain.indexOf(d[0].color)],\n                    },\n                    whileInView: {\n                      pathLength: 1,\n                      d:\n                        lineShape(\n                          d.filter((el): el is FormattedDataType => !checkIfNullOrUndefined(el.y)),\n                        ) || '',\n                      opacity: 1,\n                      stroke:\n                        data.filter((el) => el.color).length === 0\n                          ? lineColors[0]\n                          : !d[0].color\n                            ? Colors.gray\n                            : lineColors[colorDomain.indexOf(d[0].color)],\n                      transition: { duration: animate.duration },\n                    },\n                  }}\n                  initial='initial'\n                  animate={isInView ? 'whileInView' : 'initial'}\n                />\n                {d.map((el, j) => (\n                  // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                  <motion.g key={`${el.label}_${j}`}>\n                    {!checkIfNullOrUndefined(el.y) && showDots ? (\n                      <motion.circle\n                        r={graphWidth / d.length < 5 ? 0 : graphWidth / d.length < 20 ? 2 : 4}\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                        variants={{\n                          initial: {\n                            opacity: 0,\n                            fill:\n                              data.filter((el) => el.color).length === 0\n                                ? lineColors[0]\n                                : !d[0].color\n                                  ? Colors.gray\n                                  : lineColors[colorDomain.indexOf(d[0].color)],\n                            cx: x(el.date),\n                            cy: y(el.y as number),\n                          },\n                          whileInView: {\n                            opacity: 1,\n                            fill:\n                              data.filter((el) => el.color).length === 0\n                                ? lineColors[0]\n                                : !d[0].color\n                                  ? Colors.gray\n                                  : lineColors[colorDomain.indexOf(d[0].color)],\n                            transition: {\n                              duration: hasAnimatedOnce ? animate.duration : 0.5,\n                              delay: hasAnimatedOnce ? 0 : animate.duration,\n                            },\n                            cx: x(el.date),\n                            cy: y(el.y as number),\n                          },\n                        }}\n                        initial='initial'\n                        animate={isInView ? 'whileInView' : 'initial'}\n                      />\n                    ) : null}\n                  </motion.g>\n                ))}\n                {(((highlightedLines || []).indexOf(d[0].label) !== -1 &&\n                  showHighlightedLinesLabels) ||\n                  mouseOverData?.label === d[0].label) &&\n                showLabels ? (\n                  <motion.text\n                    className='text-sm font-bold'\n                    dx={5}\n                    dy={4}\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                    variants={{\n                      initial: {\n                        opacity: 0,\n                        fill:\n                          data.filter((el) => el.color).length === 0\n                            ? lineColors[0]\n                            : !d[0].color\n                              ? Colors.gray\n                              : lineColors[colorDomain.indexOf(d[0].color)],\n                        x: x(d[d.length - 1].date),\n                        y: y(d[d.length - 1].y as number),\n                      },\n                      whileInView: {\n                        opacity: 1,\n                        fill:\n                          data.filter((el) => el.color).length === 0\n                            ? lineColors[0]\n                            : !d[0].color\n                              ? Colors.gray\n                              : lineColors[colorDomain.indexOf(d[0].color)],\n                        x: x(d[d.length - 1].date),\n                        y: y(d[d.length - 1].y as number),\n                        transition: {\n                          duration: hasAnimatedOnce ? animate.duration : 0.5,\n                          delay: hasAnimatedOnce ? 0 : animate.duration,\n                        },\n                      },\n                    }}\n                    initial='initial'\n                    animate={isInView ? 'whileInView' : 'initial'}\n                  >\n                    {d[0].label}\n                  </motion.text>\n                ) : null}\n              </motion.g>\n            ))}\n            {mouseOverData ? (\n              <>\n                <text\n                  y={y(mouseOverData.y) - 8}\n                  x={x(mouseOverData.date)}\n                  className={cn('graph-value text-sm font-bold', classNames?.graphObjectValues)}\n                  style={{\n                    fill:\n                      data.filter((el) => el.color).length === 0\n                        ? lineColors[0]\n                        : !mouseOverData.color\n                          ? Colors.gray\n                          : lineColors[colorDomain.indexOf(mouseOverData.color)],\n                    textAnchor: 'middle',\n                    ...(styles?.graphObjectValues || {}),\n                  }}\n                >\n                  {numberFormattingFunction(\n                    mouseOverData.y,\n                    naLabel,\n                    precision,\n                    prefix,\n                    suffix,\n                    locale,\n                    padZeros,\n                  )}\n                </text>\n                {showDateOnHover && (\n                  <text\n                    y={y(mouseOverData.y) + 20}\n                    x={x(mouseOverData.date)}\n                    className={cn(\n                      'graph-value text-sm fill-primary-gray-500 dark:fill-primary-gray-400',\n                      classNames?.graphObjectValues,\n                    )}\n                    style={{\n                      textAnchor: 'middle',\n                      ...(styles?.graphObjectValues || {}),\n                    }}\n                  >\n                    {format(new Date(mouseOverData.date), dateFormat || 'yyyy')}\n                  </text>\n                )}\n              </>\n            ) : null}\n          </motion.g>\n          {dataFormatted\n            .filter((d) => !checkIfNullOrUndefined(d.y))\n            .map((d, i) => {\n              return (\n                // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                <g key={i}>\n                  {/* biome-ignore lint/a11y/noStaticElementInteractions: interaction for graph */}\n                  <path\n                    d={voronoiDiagram.renderCell(\n                      dataFormatted.findIndex((el) => el.label === d.label && el.date === d.date),\n                    )}\n                    opacity={0}\n                    onMouseEnter={(event) => {\n                      setMouseOverData(d);\n                      setEventY(event.clientY);\n                      setEventX(event.clientX);\n                      onSeriesMouseOver?.(d);\n                    }}\n                    onMouseMove={(event) => {\n                      setMouseOverData(d);\n                      setEventY(event.clientY);\n                      setEventX(event.clientX);\n                    }}\n                    onMouseLeave={() => {\n                      setMouseOverData(undefined);\n                      setEventX(undefined);\n                      setEventY(undefined);\n                      onSeriesMouseOver?.(undefined);\n                    }}\n                  />\n                </g>\n              );\n            })}\n          {refValues?.map((el) => (\n            <RefLineY\n              key={el.text}\n              text={el.text}\n              color={el.color}\n              y={y(el.value as number)}\n              x1={0 - leftMargin}\n              x2={graphWidth + margin.right}\n              classNames={el.classNames}\n              styles={el.styles}\n              animate={animate}\n              isInView={isInView}\n            />\n          ))}\n          <g>\n            {annotations.map((d) => {\n              const endPoints = getLineEndPoint(\n                {\n                  x: d.xCoordinate\n                    ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                    : 0 + (d.xOffset || 0),\n                  y: d.yCoordinate\n                    ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\n                    : 0 + (d.yOffset || 0) - 8,\n                },\n                {\n                  x: d.xCoordinate ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) : 0,\n                  y: d.yCoordinate ? y(d.yCoordinate as number) : 0,\n                },\n                checkIfNullOrUndefined(d.connectorRadius) ? 3.5 : (d.connectorRadius as number),\n              );\n              const connectorSettings = d.showConnector\n                ? {\n                    y1: endPoints.y,\n                    x1: endPoints.x,\n                    y2: d.yCoordinate\n                      ? y(d.yCoordinate as number) + (d.yOffset || 0)\n                      : 0 + (d.yOffset || 0),\n                    x2: d.xCoordinate\n                      ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                      : 0 + (d.xOffset || 0),\n                    cy: d.yCoordinate ? y(d.yCoordinate as number) : 0,\n                    cx: d.xCoordinate ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) : 0,\n                    circleRadius: checkIfNullOrUndefined(d.connectorRadius)\n                      ? 3.5\n                      : (d.connectorRadius as number),\n                    strokeWidth: d.showConnector === true ? 2 : Math.min(d.showConnector || 0, 1),\n                  }\n                : undefined;\n              const labelSettings = {\n                y: d.yCoordinate\n                  ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\n                  : 0 + (d.yOffset || 0) - 8,\n                x: rtl\n                  ? 0\n                  : d.xCoordinate\n                    ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                    : 0 + (d.xOffset || 0),\n                width: rtl\n                  ? d.xCoordinate\n                    ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                    : 0 + (d.xOffset || 0)\n                  : graphWidth +\n                    margin.right -\n                    (d.xCoordinate\n                      ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                      : 0 + (d.xOffset || 0)),\n                maxWidth: d.maxWidth,\n                fontWeight: d.fontWeight,\n                align: d.align,\n              };\n              return (\n                <Annotation\n                  key={d.text}\n                  color={d.color}\n                  connectorsSettings={connectorSettings}\n                  labelSettings={labelSettings}\n                  text={d.text}\n                  classNames={d.classNames}\n                  styles={d.styles}\n                  animate={animate}\n                  isInView={isInView}\n                />\n              );\n            })}\n          </g>\n          {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n        </g>\n      </motion.svg>\n      {mouseOverData && tooltip && eventX && eventY ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={eventX}\n          yPos={eventY}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n    </>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\nimport { EmptyState } from '@/Components/Elements/EmptyState';\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type {\n  AnimateDataType,\n  AnnotationSettingsDataType,\n  ClassNameObject,\n  CurveTypes,\n  CustomHighlightAreaSettingsDataType,\n  CustomLayerDataType,\n  HighlightAreaSettingsDataType,\n  Languages,\n  MultiLineAltChartDataType,\n  NumberFormatOptions,\n  ReferenceDataType,\n  SourcesDataType,\n  StyleObject,\n} from '@/Types';\nimport { getNoOfTicks } from '@/Utils/getNoOfTicks';\nimport { uniqBy } from '@/Utils/uniqBy';\nimport { Graph } from './Graph';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: MultiLineAltChartDataType[];\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Color or array of colors for lines */\n  colors?: string | string[];\n  /** Domain of colors for the graph */\n  colorDomain?: (string | number)[];\n  /** Toggle the visibility of labels of the lines when highlighted or mouse hovered */\n  showLabels?: boolean;\n  /** Title for the color legend */\n  colorLegendTitle?: string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n  /** Left margin of the graph */\n  leftMargin?: number;\n  /** Right margin of the graph */\n  rightMargin?: number;\n  /** Top margin of the graph */\n  topMargin?: number;\n  /** Bottom margin of the graph */\n  bottomMargin?: number;\n\n  // Values and Ticks\n  /** Maximum value for the chart */\n  maxValue?: number;\n  /** Minimum value for the chart */\n  minValue?: number;\n  /** Reference values for comparison */\n  refValues?: ReferenceDataType[];\n  /** Maximum value of the date for the chart */\n  maxDate?: string | number;\n  /** Minimum value of the date for the chart */\n  minDate?: string | number;\n  /** No. of ticks on the x-axis  */\n  noOfXTicks?: number;\n  /** No. of ticks on the y-axis  */\n  noOfYTicks?: number;\n\n  // Graph Parameters\n  /** Toggle visibility of dots on the line */\n  showDots?: boolean;\n  /** Stroke width of the line */\n  strokeWidth?: number;\n  /** Toggle the initial animation of the line. If the type is number then it uses the number as the time in seconds for animation. */\n  animate?: boolean | AnimateDataType;\n  /** Format of the date in the data object. Available formats can be found [here](https://date-fns.org/docs/format)  */\n  dateFormat?: string;\n  /** Title for the Y-axis */\n  yAxisTitle?: string;\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\n  showColorScale?: boolean;\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\n  showNAColor?: boolean;\n  /** Toggle visibility of year labels on hover. */\n  showDateOnHover?: boolean;\n  /** Defines how “NA” values should be displayed/labelled in the graph */\n  naLabel?: string;\n  /** Data points to highlight. Use the label value from data to highlight the data point */\n  highlightedLines?: (string | number)[];\n  /** Defines if the labels should be shown for highlighted lines. */\n  showHighlightedLinesLabels?: boolean;\n  /** Defines the opacity of the non-highlighted data */\n  dimmedOpacity?: number;\n  /** Annotations on the chart */\n  annotations?: AnnotationSettingsDataType[];\n  /** Highlighted area(square) on the chart  */\n  highlightAreaSettings?: HighlightAreaSettingsDataType[];\n  /** Highlighted area(custom shape) on the chart  */\n  customHighlightAreaSettings?: CustomHighlightAreaSettingsDataType[];\n  /** Curve type for the line */\n  curveType?: CurveTypes;\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\n  numberDisplayOptions?: NumberFormatOptions;\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\n  customLayers?: CustomLayerDataType[];\n  /** Enable graph download option as png */\n  graphDownload?: boolean;\n  /** Enable data download option as a csv */\n  dataDownload?: boolean;\n\n  // Interactions and Callbacks\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  /** Callback for mouse over event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function MultiLineAltChart(props: Props) {\n  const {\n    data,\n    graphTitle,\n    showNAColor = true,\n    colors,\n    colorDomain,\n    sources,\n    graphDescription,\n    height,\n    width,\n    footNote,\n    noOfXTicks = 10,\n    dateFormat = 'yyyy',\n    padding,\n    backgroundColor = false,\n    leftMargin = 30,\n    rightMargin = 50,\n    topMargin = 20,\n    bottomMargin = 25,\n    showColorScale = true,\n    tooltip,\n    relativeHeight,\n    onSeriesMouseOver,\n    showLabels = true,\n    showHighlightedLinesLabels = false,\n    refValues = [],\n    highlightAreaSettings = [],\n    graphID,\n    minValue,\n    maxValue,\n    highlightedLines,\n    graphDownload = false,\n    dataDownload = false,\n    animate = false,\n    language = 'en',\n    colorLegendTitle,\n    minHeight = 0,\n    strokeWidth = 2,\n    showDots = true,\n    annotations = [],\n    customHighlightAreaSettings = [],\n    theme = 'light',\n    ariaLabel,\n    yAxisTitle,\n    noOfYTicks = 5,\n    minDate,\n    maxDate,\n    curveType = 'curve',\n    styles,\n    classNames,\n    dimmedOpacity = 0.3,\n    customLayers = [],\n    naLabel = 'NA',\n    showDateOnHover = false,\n    numberDisplayOptions,\n  } = props;\n\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\n\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n          graphDownload={graphDownload ? graphParentDiv : undefined}\n          dataDownload={\n            dataDownload\n              ? data.map((d) => d.data).filter((d) => d !== undefined).length > 0\n                ? data.map((d) => d.data).filter((d) => d !== undefined)\n                : data.filter((d) => d !== undefined)\n              : null\n          }\n        />\n      ) : null}\n      {showColorScale && data.filter((el) => el.color).length !== 0 && data.length > 0 ? (\n        <ColorLegendWithMouseOver\n          width={width}\n          colorLegendTitle={colorLegendTitle}\n          colors={(colors as string[] | undefined) || Colors[theme].categoricalColors.colors}\n          colorDomain={colorDomain || (uniqBy(data, 'color', true) as string[])}\n          setSelectedColor={setSelectedColor}\n          showNAColor={showNAColor}\n          className={classNames?.colorLegend}\n        />\n      ) : null}\n      <GraphArea ref={graphDiv}>\n        {data.length === 0 && <EmptyState />}\n        {svgWidth && svgHeight && data.length > 0 ? (\n          <Graph\n            data={data}\n            lineColors={\n              data.filter((el) => el.color).length === 0\n                ? colors\n                  ? [colors as string]\n                  : [Colors.primaryColors['blue-600']]\n                : (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\n            }\n            width={svgWidth}\n            height={svgHeight}\n            dateFormat={dateFormat}\n            noOfXTicks={noOfXTicks ?? getNoOfTicks(svgWidth)}\n            leftMargin={leftMargin}\n            rightMargin={rightMargin}\n            topMargin={topMargin}\n            bottomMargin={bottomMargin}\n            tooltip={tooltip}\n            onSeriesMouseOver={onSeriesMouseOver}\n            highlightAreaSettings={highlightAreaSettings}\n            refValues={refValues}\n            minValue={minValue}\n            maxValue={maxValue}\n            highlightedLines={highlightedLines}\n            showHighlightedLinesLabels={showHighlightedLinesLabels}\n            animate={\n              animate === true\n                ? { duration: 0.5, once: true, amount: 0.5 }\n                : animate || { duration: 0, once: true, amount: 0 }\n            }\n            rtl={language === 'he' || language === 'ar'}\n            strokeWidth={strokeWidth}\n            showDots={showDots}\n            annotations={annotations}\n            customHighlightAreaSettings={customHighlightAreaSettings}\n            yAxisTitle={yAxisTitle}\n            noOfYTicks={noOfYTicks}\n            minDate={minDate}\n            maxDate={maxDate}\n            curveType={curveType}\n            styles={styles}\n            classNames={classNames}\n            selectedColor={selectedColor}\n            showLabels={showLabels}\n            colorDomain={\n              data.filter((el) => el.color).length === 0\n                ? []\n                : colorDomain || (uniqBy(data, 'color', true) as string[])\n            }\n            dimmedOpacity={dimmedOpacity}\n            customLayers={customLayers}\n            naLabel={naLabel}\n            showDateOnHover={showDateOnHover}\n            locale={numberDisplayOptions?.locale || 'en'}\n            padZeros={numberDisplayOptions?.padZeros || false}\n            suffix={numberDisplayOptions?.suffix || ''}\n            prefix={numberDisplayOptions?.prefix || ''}\n            precision={numberDisplayOptions?.precision ?? 2}\n          />\n        ) : null}\n      </GraphArea>\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n"],"x_google_ignoreList":[0,1],"mappings":"8xCAAA,SAAwB,GAAQ,EAAQ,EAAM,CAC5C,OAAO,MAAM,KAAK,EAAM,GAAO,EAAO,EAAI,CAC5C,CCCA,SAAwB,GAAK,EAAQ,GAAG,EAAG,CACzC,GAAI,OAAO,EAAO,OAAO,WAAc,WAAY,MAAU,UAAU,wBAAwB,EAC/F,EAAS,MAAM,KAAK,CAAM,EAC1B,GAAI,CAAC,GAAK,EACV,GAAK,GAAK,EAAE,SAAW,GAAM,EAAE,OAAS,EAAG,CACzC,IAAM,EAAQ,YAAY,KAAK,GAAS,EAAG,IAAM,CAAC,EAalD,OAZI,EAAE,OAAS,GACb,EAAI,EAAE,IAAI,GAAK,EAAO,IAAI,CAAC,CAAC,EAC5B,EAAM,MAAM,EAAG,IAAM,CACnB,IAAK,IAAM,KAAK,EAAG,CACjB,IAAM,EAAI,EAAiB,EAAE,GAAI,EAAE,EAAE,EACrC,GAAI,EAAG,OAAO,CAChB,CACF,CAAC,IAED,EAAI,EAAO,IAAI,CAAC,EAChB,EAAM,MAAM,EAAG,IAAM,EAAiB,EAAE,GAAI,EAAE,EAAE,CAAC,GAE5C,GAAQ,EAAQ,CAAK,CAC9B,CACA,OAAO,EAAO,KAAK,EAAe,CAAC,CAAC,CACtC,CAEA,SAAgB,EAAe,EAAUA,EAAAA,EAAW,CAClD,GAAI,IAAYA,EAAAA,EAAW,OAAO,EAClC,GAAI,OAAO,GAAY,WAAY,MAAU,UAAU,2BAA2B,EAClF,OAAQ,EAAG,IAAM,CACf,IAAM,EAAI,EAAQ,EAAG,CAAC,EAEtB,OADI,GAAK,IAAM,EAAU,GACjB,EAAQ,EAAG,CAAC,IAAM,IAAM,EAAQ,EAAG,CAAC,IAAM,EACpD,CACF,CAEA,SAAgB,EAAiB,EAAG,EAAG,CACrC,OAAQ,GAAK,MAAQ,EAAE,GAAK,KAAO,GAAK,MAAQ,EAAE,GAAK,MAAQ,EAAI,EAAI,GAAK,IAAI,GAClF,6BC+DA,SAAgB,EAAM,EAAc,CAClC,GAAM,CACJ,OACA,QACA,SACA,aACA,aACA,cACA,eACA,aACA,gBACA,SACA,SACA,aACA,UACA,oBACA,aACA,yBACA,WACA,YACA,mBACA,UACA,MACA,cACA,YACA,cACA,+BACA,cACA,cACA,WACA,WACA,YACA,SACA,cACA,gBACA,aACA,cACA,gBACA,YACA,UACA,gBACA,8BACA,mBACA,SACA,YACE,EACE,GAAA,EAAA,EAAA,QAAgB,IAAI,EACpB,EAAW,EAAA,EAAU,EAAQ,CACjC,KAAM,EAAQ,KACd,OAAQ,EAAQ,MAClB,CAAC,EACK,CAAC,EAAiB,KAAA,EAAA,EAAA,UAA+B,EAAK,GAE5D,EAAA,EAAA,eAAgB,CACd,GAAI,GAAY,CAAC,EAAiB,CAChC,IAAM,EAAU,eACR,CACJ,GAAmB,EAAI,CACzB,GACC,EAAQ,SAAW,IAAO,GAC7B,EACA,UAAa,aAAa,CAAO,CACnC,CACF,EAAG,CAAC,EAAU,EAAiB,EAAQ,QAAQ,CAAC,EAChD,IAAM,GACJ,IAAc,SACV,EAAA,EACA,IAAc,OACZ,EAAA,EACA,IAAc,YACZ,EAAA,EACA,IAAc,aACZ,EAAA,EACA,EAAA,EACN,GAAA,EAAA,GAAA,SACJ,EAAK,IAAK,IAAO,CACf,GAAG,EACH,KAAM,EAAA,EAAM,GAAG,EAAE,OAAQ,EAAY,IAAI,IAAM,CACjD,EAAE,EACF,CAAC,MAAM,EACP,CAAC,KAAK,CACR,EAAE,OAAQ,GAAM,CAAC,EAAA,EAAuB,EAAE,CAAC,CAAC,EACtC,GAAS,EAAA,EAAO,EAAe,QAAS,EAAI,EAC5C,GAAQ,GACZ,EAAA,EAAO,EAAM,OAAQ,EAAI,EAAE,IAAK,GAAM,EAAA,EAAM,GAAG,IAAK,EAAY,IAAI,IAAM,CAAC,GAC1E,EAAG,IAAM,EAAA,EAAU,EAAG,CAAC,CAC1B,EAEM,CAAC,EAAe,IAAA,EAAA,EAAA,UAAkC,IAAA,EAAS,EAC3D,CAAC,GAAQ,IAAA,EAAA,EAAA,UAA0C,IAAA,EAAS,EAC5D,CAAC,GAAQ,IAAA,EAAA,EAAA,UAA0C,IAAA,EAAS,EAC5D,EAAS,CACb,IAAK,GACL,OAAQ,GACR,KAAM,GAAa,EAAa,GAAK,EACrC,MAAO,EACT,EACM,IAAA,EAAA,EAAA,QAA0B,IAAI,EAC9B,GAAY,GAAO,IAAK,IAAA,EAAA,GAAA,SAE1B,EAAc,OAAQ,GAAO,EAAG,QAAU,CAAC,EAC3C,CAAC,MAAM,EACP,CAAC,KAAK,CACR,CACF,EACM,GAAiC,GAAsB,IAAK,IAAO,CACvE,GAAG,EACH,YAAa,CACX,EAAE,YAAY,KAAO,KAAO,KAAO,EAAA,EAAM,GAAG,EAAE,YAAY,KAAM,EAAY,IAAI,IAAM,EACtF,EAAE,YAAY,KAAO,KAAO,KAAO,EAAA,EAAM,GAAG,EAAE,YAAY,KAAM,EAAY,IAAI,IAAM,CACxF,CACF,EAAE,EACI,GAAuC,GAA4B,IAAK,IAAO,CACnF,GAAG,EACH,YAAa,EAAE,YAAY,KAAK,EAAI,IAClC,EAAI,GAAM,EAAI,EAAA,EAAM,GAAG,IAAM,EAAY,IAAI,IAAM,EAAK,CAC1D,CACF,EAAE,EACI,EAAa,EAAQ,EAAO,KAAO,EAAO,MAC1C,EAAc,EAAS,EAAO,IAAM,EAAO,OAC3C,GAAU,GAAU,EAAA,EAAM,GAAG,KAAW,EAAY,IAAI,IAAM,EAAI,GAAM,GACxE,GAAU,GAAU,EAAA,EAAM,GAAG,KAAW,EAAY,IAAI,IAAM,EAAI,GAAM,GAAM,OAAS,GACvF,EAAmB,EAAA,EAAuB,CAAQ,EACpD,KAAK,IACH,GAAI,EAAc,IAAK,GAAM,EAAE,CAAC,EAAE,OAAQ,GAAM,CAAC,EAAA,EAAuB,CAAC,CAAC,CAC5E,EACG,KAAK,IACJ,GAAI,EAAc,IAAK,GAAM,EAAE,CAAC,EAAE,OAAQ,GAAM,CAAC,EAAA,EAAuB,CAAC,CAAC,CAC5E,EAAe,EACb,EACC,KAAK,IACJ,GAAI,EACD,IAAK,GAAM,EAAE,CAAC,EACd,OAAQ,GAAM,CAAC,EAAA,EAAuB,CAAC,CAAC,CAC7C,EACF,EACD,EACC,GAAoB,KAAK,IAC7B,GAAI,EAAc,IAAK,GAAM,EAAE,CAAC,EAAE,OAAQ,GAAM,CAAC,EAAA,EAAuB,CAAC,CAAC,CAC5E,EACK,KAAK,IACJ,GAAI,EAAc,IAAK,GAAM,EAAE,CAAC,EAAE,OAAQ,GAAM,CAAC,EAAA,EAAuB,CAAC,CAAC,CAC5E,EACA,EAEE,EAAI,GAAA,EAAU,EAAE,OAAO,CAAC,GAAS,EAAO,CAAC,EAAE,MAAM,CAAC,EAAG,CAAU,CAAC,EAChE,EAAI,GAAA,EAAY,EACnB,OAAO,CACN,EAAA,EAAuB,CAAQ,EAAI,EAAY,EAC/C,EAAA,EAAuB,EAAQ,EAAK,GAAW,EAAI,GAAW,EAAM,EACtE,CAAC,EACA,MAAM,CAAC,EAAa,CAAC,CAAC,EACtB,KAAK,EAEF,GAAiB,GAAA,EAAS,KAC9B,EAAc,OAAQ,GAAM,CAAC,EAAA,EAAuB,EAAE,IAAI,GAAK,CAAC,EAAA,EAAuB,EAAE,CAAC,CAAC,EAC1F,GAAM,EAAE,EAAE,IAAI,EACd,GAAM,EAAE,EAAE,CAAW,CACxB,EAAE,QAAQ,CAAC,EAAG,EAAG,EAAa,EAAI,EAAI,EAAY,EAAc,EAAI,EAAI,CAAW,CAAC,EAC9E,GAAY,EAAA,EAAwB,EACvC,EAAG,GAAM,EAAE,EAAE,IAAI,CAAC,EAClB,EAAG,GAAM,EAAE,EAAE,CAAC,CAAC,EACf,MAAM,EAAK,EACR,GAAS,EAAE,MAAM,EAAU,EAC3B,GAAS,EAAE,MAAM,EAAU,EA0BjC,OAzBA,EAAA,EAAA,eAAgB,CAqBd,GAAA,EAAO,GAAiB,OAAO,EAAE,GAAG,YAnBjB,GAAe,CAChC,IAAM,EACJ,EACE,EAAA,EACE,EAAc,IAAK,GAAM,EAAE,IAAI,EAC/B,EAAE,OAAO,GAAA,EAAQ,CAAK,EAAE,EAAE,EAC1B,CACF,GAEJ,EAAiB,GAAgB,EAAc,EAAc,OAAS,EAAE,EACxE,EAAU,EAAM,OAAO,EACvB,EAAU,EAAM,OAAO,EACvB,IAAoB,GAAgB,EAAc,EAAc,OAAS,EAAE,CAC7E,CAM0D,EAAE,GAAG,eALxC,CACrB,EAAiB,IAAA,EAAS,EAC1B,EAAU,IAAA,EAAS,EACnB,EAAU,IAAA,EAAS,CACrB,CACmF,EACnF,IAAoB,IAAA,EAAS,CAC/B,EAAG,CAAC,EAAG,EAAe,CAAiB,CAAC,GAGtC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,EAAO,IAAR,CACE,MAAO,GAAG,EAAM,IAChB,OAAQ,GAAG,EAAO,IAClB,QAAS,OAAO,EAAM,GAAG,IACzB,UAAU,MACV,IAAK,YAEL,EAAA,EAAA,MAAC,IAAD,CAAG,UAAW,aAAa,EAAO,KAAK,GAAG,EAAO,IAAI,YAArD,EACE,EAAA,EAAA,KAAC,GAAA,EAAD,CACE,aAAc,GACd,MAAO,EACP,OAAQ,EACR,MAAO,EACE,UACC,UACX,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,aAAc,GACd,OAAQ,EACR,OAAQ,EACC,UACC,UACX,CAAA,GACD,EAAA,EAAA,MAAC,IAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,GAAA,EAAD,CACE,OAAQ,GAAO,OAAQ,GAAM,IAAM,CAAC,EACpC,EAAG,GAAO,OAAQ,GAAM,IAAM,CAAC,EAAE,IAAK,GAAM,EAAE,CAAC,CAAC,EAChD,GAAI,EAAI,EACR,GAAI,EAAa,EAAO,MACxB,OAAQ,CACN,UAAW,GAAQ,OAAO,UAC1B,OAAQ,GAAQ,OAAO,MACzB,EACA,WAAY,CACV,UAAW,GAAY,OAAO,UAC9B,OAAQ,GAAY,OAAO,MAC7B,EACQ,SACA,SACR,UAAU,YACV,cAAA,GACA,SAAS,WACE,YACH,SACE,UACX,CAAA,GACD,EAAA,EAAA,KAAC,GAAA,EAAD,CACE,GAAI,EAAE,EAAW,EAAI,EAAI,CAAQ,EACjC,GAAI,EAAE,EAAW,EAAI,EAAI,CAAQ,EACjC,GAAI,EAAI,EACR,GAAI,EAAa,EAAO,MACxB,MAAO,GAAA,EACL,EAAW,EAAI,EAAI,EACnB,IAAA,GACA,EACA,EACA,EACA,EACA,CACF,EACA,SAAU,CACR,EAAG,EAAI,EACP,EAAG,EAAE,EAAW,EAAI,EAAI,CAAQ,EAChC,GAAI,EACJ,GAAI,GAAW,EAAI,MAAQ,EAC7B,EACA,WAAY,CACV,KAAM,GAAY,OAAO,KACzB,MAAO,GAAY,OAAO,MAC5B,EACA,OAAQ,CACN,KAAM,GAAQ,OAAO,KACrB,MAAO,GAAQ,OAAO,MACxB,CACD,CAAA,GACD,EAAA,EAAA,KAAC,GAAA,EAAD,CACE,EAAG,EAAI,EAAa,GACpB,EAAG,EAAc,EACjB,MAAO,GAAQ,OAAO,MACtB,UAAW,GAAY,OAAO,MAC9B,KAAM,GACN,SAAA,EACD,CAAA,CACA,CAAA,CAAA,GACH,EAAA,EAAA,KAAC,IAAD,CAAA,UACE,EAAA,EAAA,KAAC,GAAA,EAAD,CACE,OAAQ,GAAO,IAAK,GAAM,EAAA,EAAO,EAAG,CAAU,CAAC,EAC/C,EAAG,GAAO,IAAK,GAAM,EAAE,CAAC,CAAC,EACzB,GAAI,EACJ,GAAI,EACJ,OAAQ,CACN,UAAW,GAAQ,OAAO,UAC1B,OAAQ,GAAQ,OAAO,MACzB,EACA,WAAY,CACV,WAAA,EAAA,EAAA,IAAc,YAAa,GAAY,OAAO,SAAS,EACvD,QAAA,EAAA,EAAA,IACE,8GACA,GAAY,OAAO,MACrB,CACF,EACQ,SACA,SACR,UAAU,UACV,cAAA,GACW,YACH,SACE,UACX,CAAA,CACA,CAAA,EACF,GAAa,OAAQ,GAAM,EAAE,WAAa,QAAQ,EAAE,IAAK,GAAM,EAAE,KAAK,GACvE,EAAA,EAAA,MAAC,EAAA,EAAO,EAAR,CAAA,SAAA,CACG,GAAU,IAAK,IACd,EAAA,EAAA,MAAC,EAAA,EAAO,EAAR,CAEE,KAAM,CAAE,QAAS,EAAG,WAAY,CAAE,SAAU,EAAQ,QAAS,CAAE,EAC/D,SAAU,CACR,QAAS,CACP,QAAS,EACL,EAAE,GAAG,QAAU,EAAc,MAC3B,EACA,EACF,EACE,EAAE,GAAG,OACH,EAAW,EAAY,QAAQ,EAAE,GAAG,KAAK,KAAO,EAC9C,EACA,EAEJ,GACE,EAAiB,QAAQ,EAAE,GAAG,KAAK,IAAM,GAEvC,EADA,CAGZ,EACA,YAAa,CACX,QAAS,EACL,EAAE,GAAG,QAAU,EAAc,MAC3B,EACA,EACF,EACE,EAAE,GAAG,OACH,EAAW,EAAY,QAAQ,EAAE,GAAG,KAAK,KAAO,EAC9C,EACA,EAEJ,GACE,EAAiB,QAAQ,EAAE,GAAG,KAAK,IAAM,GAEvC,EADA,EAGV,WAAY,CAAE,SAAU,EAAQ,QAAS,CAC3C,CACF,EACA,QAAQ,UACR,QAAS,EAAW,cAAgB,mBAzCtC,EA2CE,EAAA,EAAA,KAAC,EAAA,EAAO,KAAR,CACE,EACE,GACE,EAAE,OAAQ,GAAgC,CAAC,EAAA,EAAuB,EAAG,CAAC,CAAC,CACzE,GAAK,GAEP,MAAO,CACL,KAAM,OACN,YAAa,EACT,EAAE,GAAG,QAAU,EAAc,MAC3B,EAAc,KAAK,IAAI,EAAG,GAAM,CAAW,EAC3C,EACF,EACE,EAAiB,QAAQ,EAAE,GAAG,KAAK,IAAM,GAEvC,EADA,EAAc,KAAK,IAAI,EAAG,GAAM,CAAW,EAE7C,CACR,EACA,KAAM,CAAE,QAAS,EAAG,WAAY,CAAE,SAAU,EAAQ,QAAS,CAAE,EAC/D,SAAU,CACR,QAAS,CACP,WAAY,EACZ,EACE,GACE,EAAE,OAAQ,GAAgC,CAAC,EAAA,EAAuB,EAAG,CAAC,CAAC,CACzE,GAAK,GACP,QAAS,EACT,OACE,EAAK,OAAQ,GAAO,EAAG,KAAK,EAAE,SAAW,EACrC,EAAW,GACV,EAAE,GAAG,MAEJ,EAAW,EAAY,QAAQ,EAAE,GAAG,KAAK,GADzC,EAAA,OAAO,IAEjB,EACA,YAAa,CACX,WAAY,EACZ,EACE,GACE,EAAE,OAAQ,GAAgC,CAAC,EAAA,EAAuB,EAAG,CAAC,CAAC,CACzE,GAAK,GACP,QAAS,EACT,OACE,EAAK,OAAQ,GAAO,EAAG,KAAK,EAAE,SAAW,EACrC,EAAW,GACV,EAAE,GAAG,MAEJ,EAAW,EAAY,QAAQ,EAAE,GAAG,KAAK,GADzC,EAAA,OAAO,KAEf,WAAY,CAAE,SAAU,EAAQ,QAAS,CAC3C,CACF,EACA,QAAQ,UACR,QAAS,EAAW,cAAgB,SACrC,CAAA,EACA,EAAE,KAAK,EAAI,KAEV,EAAA,EAAA,KAAC,EAAA,EAAO,EAAR,CAAA,SACG,CAAC,EAAA,EAAuB,EAAG,CAAC,GAAK,IAChC,EAAA,EAAA,KAAC,EAAA,EAAO,OAAR,CACE,EAAG,EAAa,EAAE,OAAS,EAAI,EAAI,EAAa,EAAE,OAAS,GAAK,EAAI,EACpE,KAAM,CAAE,QAAS,EAAG,WAAY,CAAE,SAAU,EAAQ,QAAS,CAAE,EAC/D,SAAU,CACR,QAAS,CACP,QAAS,EACT,KACE,EAAK,OAAQ,GAAO,EAAG,KAAK,EAAE,SAAW,EACrC,EAAW,GACV,EAAE,GAAG,MAEJ,EAAW,EAAY,QAAQ,EAAE,GAAG,KAAK,GADzC,EAAA,OAAO,KAEf,GAAI,EAAE,EAAG,IAAI,EACb,GAAI,EAAE,EAAG,CAAW,CACtB,EACA,YAAa,CACX,QAAS,EACT,KACE,EAAK,OAAQ,GAAO,EAAG,KAAK,EAAE,SAAW,EACrC,EAAW,GACV,EAAE,GAAG,MAEJ,EAAW,EAAY,QAAQ,EAAE,GAAG,KAAK,GADzC,EAAA,OAAO,KAEf,WAAY,CACV,SAAU,EAAkB,EAAQ,SAAW,GAC/C,MAAO,EAAkB,EAAI,EAAQ,QACvC,EACA,GAAI,EAAE,EAAG,IAAI,EACb,GAAI,EAAE,EAAG,CAAW,CACtB,CACF,EACA,QAAQ,UACR,QAAS,EAAW,cAAgB,SACrC,CAAA,EACC,IACI,EArCK,GAAG,EAAG,MAAM,GAAG,GAqCpB,CACX,IACG,GAAoB,CAAC,GAAG,QAAQ,EAAE,GAAG,KAAK,IAAM,IAClD,IACA,GAAe,QAAU,EAAE,GAAG,QAChC,IACE,EAAA,EAAA,KAAC,EAAA,EAAO,KAAR,CACE,UAAU,oBACV,GAAI,EACJ,GAAI,EACJ,KAAM,CAAE,QAAS,EAAG,WAAY,CAAE,SAAU,EAAQ,QAAS,CAAE,EAC/D,SAAU,CACR,QAAS,CACP,QAAS,EACT,KACE,EAAK,OAAQ,GAAO,EAAG,KAAK,EAAE,SAAW,EACrC,EAAW,GACV,EAAE,GAAG,MAEJ,EAAW,EAAY,QAAQ,EAAE,GAAG,KAAK,GADzC,EAAA,OAAO,KAEf,EAAG,EAAE,EAAE,EAAE,OAAS,GAAG,IAAI,EACzB,EAAG,EAAE,EAAE,EAAE,OAAS,GAAG,CAAW,CAClC,EACA,YAAa,CACX,QAAS,EACT,KACE,EAAK,OAAQ,GAAO,EAAG,KAAK,EAAE,SAAW,EACrC,EAAW,GACV,EAAE,GAAG,MAEJ,EAAW,EAAY,QAAQ,EAAE,GAAG,KAAK,GADzC,EAAA,OAAO,KAEf,EAAG,EAAE,EAAE,EAAE,OAAS,GAAG,IAAI,EACzB,EAAG,EAAE,EAAE,EAAE,OAAS,GAAG,CAAW,EAChC,WAAY,CACV,SAAU,EAAkB,EAAQ,SAAW,GAC/C,MAAO,EAAkB,EAAI,EAAQ,QACvC,CACF,CACF,EACA,QAAQ,UACR,QAAS,EAAW,cAAgB,mBAEnC,EAAE,GAAG,KACK,CAAA,EACX,IACI,GAnLH,EAAE,GAAG,KAmLF,CACX,EACA,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,OAAD,CACE,EAAG,EAAE,EAAc,CAAC,EAAI,EACxB,EAAG,EAAE,EAAc,IAAI,EACvB,WAAA,EAAA,EAAA,IAAc,gCAAiC,GAAY,iBAAiB,EAC5E,MAAO,CACL,KACE,EAAK,OAAQ,GAAO,EAAG,KAAK,EAAE,SAAW,EACrC,EAAW,GACV,EAAc,MAEb,EAAW,EAAY,QAAQ,EAAc,KAAK,GADlD,EAAA,OAAO,KAEf,WAAY,SACZ,GAAI,GAAQ,mBAAqB,CAAC,CACpC,WAEC,GAAA,EACC,EAAc,EACd,EACA,EACA,EACA,EACA,EACA,CACF,CACI,CAAA,EACL,KACC,EAAA,EAAA,KAAC,OAAD,CACE,EAAG,EAAE,EAAc,CAAC,EAAI,GACxB,EAAG,EAAE,EAAc,IAAI,EACvB,WAAA,EAAA,EAAA,IACE,uEACA,GAAY,iBACd,EACA,MAAO,CACL,WAAY,SACZ,GAAI,GAAQ,mBAAqB,CAAC,CACpC,WAEC,EAAA,EAAO,IAAI,KAAK,EAAc,IAAI,EAAG,GAAc,MAAM,CACtD,CAAA,CAER,CAAA,CAAA,EACA,IACI,CAAA,CAAA,EACT,EACE,OAAQ,GAAM,CAAC,EAAA,EAAuB,EAAE,CAAC,CAAC,EAC1C,KAAK,EAAG,KAGL,EAAA,EAAA,KAAC,IAAD,CAAA,UAEE,EAAA,EAAA,KAAC,OAAD,CACE,EAAG,GAAe,WAChB,EAAc,UAAW,GAAO,EAAG,QAAU,EAAE,OAAS,EAAG,OAAS,EAAE,IAAI,CAC5E,EACA,QAAS,EACT,aAAe,GAAU,CACvB,EAAiB,CAAC,EAClB,EAAU,EAAM,OAAO,EACvB,EAAU,EAAM,OAAO,EACvB,IAAoB,CAAC,CACvB,EACA,YAAc,GAAU,CACtB,EAAiB,CAAC,EAClB,EAAU,EAAM,OAAO,EACvB,EAAU,EAAM,OAAO,CACzB,EACA,iBAAoB,CAClB,EAAiB,IAAA,EAAS,EAC1B,EAAU,IAAA,EAAS,EACnB,EAAU,IAAA,EAAS,EACnB,IAAoB,IAAA,EAAS,CAC/B,CACD,CAAA,CACA,EAzBK,CAyBL,CAEN,EACF,IAAW,IAAK,IACf,EAAA,EAAA,KAAC,GAAA,EAAD,CAEE,KAAM,EAAG,KACT,MAAO,EAAG,MACV,EAAG,EAAE,EAAG,KAAe,EACvB,GAAI,EAAI,EACR,GAAI,EAAa,EAAO,MACxB,WAAY,EAAG,WACf,OAAQ,EAAG,OACF,UACC,UACX,EAVM,EAAG,IAUT,CACF,GACD,EAAA,EAAA,KAAC,IAAD,CAAA,SACG,EAAY,IAAK,GAAM,CACtB,IAAM,EAAY,EAAA,EAChB,CACE,EAAG,EAAE,YACD,EAAE,EAAA,EAAM,GAAG,EAAE,cAAe,EAAY,IAAI,IAAM,CAAC,GAAK,EAAE,SAAW,GACrE,GAAK,EAAE,SAAW,GACtB,EAAG,EAAE,YACD,EAAE,EAAE,WAAqB,GAAK,EAAE,SAAW,GAAK,EAChD,GAAK,EAAE,SAAW,GAAK,CAC7B,EACA,CACE,EAAG,EAAE,YAAc,EAAE,EAAA,EAAM,GAAG,EAAE,cAAe,EAAY,IAAI,IAAM,CAAC,EAAI,EAC1E,EAAG,EAAE,YAAc,EAAE,EAAE,WAAqB,EAAI,CAClD,EACA,EAAA,EAAuB,EAAE,eAAe,EAAI,IAAO,EAAE,eACvD,EACM,EAAoB,EAAE,cACxB,CACE,GAAI,EAAU,EACd,GAAI,EAAU,EACd,GAAI,EAAE,YACF,EAAE,EAAE,WAAqB,GAAK,EAAE,SAAW,GAC3C,GAAK,EAAE,SAAW,GACtB,GAAI,EAAE,YACF,EAAE,EAAA,EAAM,GAAG,EAAE,cAAe,EAAY,IAAI,IAAM,CAAC,GAAK,EAAE,SAAW,GACrE,GAAK,EAAE,SAAW,GACtB,GAAI,EAAE,YAAc,EAAE,EAAE,WAAqB,EAAI,EACjD,GAAI,EAAE,YAAc,EAAE,EAAA,EAAM,GAAG,EAAE,cAAe,EAAY,IAAI,IAAM,CAAC,EAAI,EAC3E,aAAc,EAAA,EAAuB,EAAE,eAAe,EAClD,IACC,EAAE,gBACP,YAAa,EAAE,gBAAkB,GAAO,EAAI,KAAK,IAAI,EAAE,eAAiB,EAAG,CAAC,CAC9E,EACA,IAAA,GACE,EAAgB,CACpB,EAAG,EAAE,YACD,EAAE,EAAE,WAAqB,GAAK,EAAE,SAAW,GAAK,EAChD,GAAK,EAAE,SAAW,GAAK,EAC3B,EAAG,EACC,EACA,EAAE,YACA,EAAE,EAAA,EAAM,GAAG,EAAE,cAAe,EAAY,IAAI,IAAM,CAAC,GAAK,EAAE,SAAW,GACrE,GAAK,EAAE,SAAW,GACxB,MAAO,EACH,EAAE,YACA,EAAE,EAAA,EAAM,GAAG,EAAE,cAAe,EAAY,IAAI,IAAM,CAAC,GAAK,EAAE,SAAW,GACrE,GAAK,EAAE,SAAW,GACpB,EACA,EAAO,OACN,EAAE,YACC,EAAE,EAAA,EAAM,GAAG,EAAE,cAAe,EAAY,IAAI,IAAM,CAAC,GAAK,EAAE,SAAW,GACrE,GAAK,EAAE,SAAW,IAC1B,SAAU,EAAE,SACZ,WAAY,EAAE,WACd,MAAO,EAAE,KACX,EACA,OACE,EAAA,EAAA,KAAC,EAAA,EAAD,CAEE,MAAO,EAAE,MACT,mBAAoB,EACL,gBACf,KAAM,EAAE,KACR,WAAY,EAAE,WACd,OAAQ,EAAE,OACD,UACC,UACX,EATM,EAAE,IASR,CAEL,CAAC,CACA,CAAA,EACF,GAAa,OAAQ,GAAM,EAAE,WAAa,OAAO,EAAE,IAAK,GAAM,EAAE,KAAK,CACrE,GACO,CAAA,EACX,GAAiB,GAAW,IAAU,IACrC,EAAA,EAAA,KAAC,GAAA,EAAD,CACE,KAAM,EACN,KAAM,EACN,KAAM,GACN,KAAM,GACN,gBAAiB,GAAQ,QACzB,UAAW,GAAY,OACxB,CAAA,EACC,IACJ,CAAA,CAAA,CAEN,CCtmBA,SAAgB,EAAkB,EAAc,CAC9C,GAAM,CACJ,OACA,aACA,cAAc,GACd,SACA,cACA,WACA,oBACA,SACA,QACA,YACA,cAAa,GACb,cAAa,OACb,WACA,mBAAkB,GAClB,cAAa,GACb,eAAc,GACd,YAAY,GACZ,eAAe,GACf,kBAAiB,GACjB,WACA,iBACA,qBACA,cAAa,GACb,6BAA6B,GAC7B,aAAY,CAAC,EACb,yBAAwB,CAAC,EACzB,UACA,WACA,YACA,mBACA,gBAAgB,GAChB,gBAAe,GACf,WAAU,GACV,WAAW,KACX,oBACA,YAAY,EACZ,cAAc,EACd,WAAW,GACX,cAAc,CAAC,EACf,+BAA8B,CAAC,EAC/B,QAAQ,QACR,aACA,cACA,cAAa,EACb,WACA,WACA,YAAY,QACZ,SACA,aACA,gBAAgB,GAChB,eAAe,CAAC,EAChB,WAAU,KACV,kBAAkB,GAClB,wBACE,EAEE,CAAC,EAAU,KAAA,EAAA,EAAA,UAAwB,CAAC,EACpC,CAAC,GAAW,KAAA,EAAA,EAAA,UAAyB,CAAC,EACtC,CAAC,EAAe,IAAA,EAAA,EAAA,UAAiD,IAAA,EAAS,EAE1E,GAAA,EAAA,EAAA,QAAkC,IAAI,EACtC,GAAA,EAAA,EAAA,QAAwC,IAAI,EAYlD,OAXA,EAAA,EAAA,eAAgB,CACd,IAAM,EAAiB,IAAI,eAAgB,GAAY,CACrD,GAAY,EAAQ,GAAG,OAAO,aAAe,GAAG,EAChD,GAAa,EAAQ,GAAG,OAAO,cAAgB,GAAG,CACpD,CAAC,EAID,OAHI,EAAS,SACX,EAAe,QAAQ,EAAS,OAAO,MAE5B,EAAe,WAAW,CACzC,EAAG,CAAC,CAAC,GAGH,EAAA,EAAA,MAAC,EAAA,EAAD,CACE,UAAW,GAAY,eACvB,MAAO,GAAQ,eACf,GAAI,EACJ,IAAK,EACL,aAAY,GACK,mBACV,QACG,WACC,YACJ,QACC,SACQ,iBACP,oBAbX,CAeG,GAAc,IAAoB,GAAiB,IAClD,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAQ,CACN,MAAO,GAAQ,MACf,YAAa,GAAQ,WACvB,EACA,WAAY,CACV,MAAO,GAAY,MACnB,YAAa,GAAY,WAC3B,EACY,aACM,oBACX,QACP,cAAe,EAAgB,EAAiB,IAAA,GAChD,aACE,GACI,EAAK,IAAK,GAAM,EAAE,IAAI,EAAE,OAAQ,GAAM,IAAM,IAAA,EAAS,EAAE,OAAS,EAC9D,EAAK,IAAK,GAAM,EAAE,IAAI,EAAE,OAAQ,GAAM,IAAM,IAAA,EAAS,EACrD,EAAK,OAAQ,GAAM,IAAM,IAAA,EAAS,EACpC,IAEP,CAAA,EACC,KACH,IAAkB,EAAK,OAAQ,GAAO,EAAG,KAAK,EAAE,SAAW,GAAK,EAAK,OAAS,GAC7E,EAAA,EAAA,KAAC,GAAA,yBAAD,CACS,QACW,oBAClB,OAAS,GAAmC,EAAA,OAAO,GAAO,kBAAkB,OAC5E,YAAa,GAAgB,EAAA,EAAO,EAAM,QAAS,EAAI,EACrC,mBACL,cACb,UAAW,GAAY,WACxB,CAAA,EACC,MACJ,EAAA,EAAA,MAAC,EAAA,EAAD,CAAW,IAAK,WAAhB,CACG,EAAK,SAAW,IAAK,EAAA,EAAA,KAAC,GAAA,EAAD,CAAa,CAAA,EAClC,GAAY,IAAa,EAAK,OAAS,GACtC,EAAA,EAAA,KAAC,EAAD,CACQ,OACN,WACE,EAAK,OAAQ,GAAO,EAAG,KAAK,EAAE,SAAW,EACrC,EACE,CAAC,CAAgB,EACjB,CAAC,EAAA,OAAO,cAAc,WAAW,EAClC,GAAmC,EAAA,OAAO,GAAO,kBAAkB,OAE1E,MAAO,EACP,OAAQ,GACI,cACZ,WAAY,IAAc,GAAA,EAAa,CAAQ,EACnC,cACC,eACF,YACG,eACL,WACU,qBACI,yBACZ,aACD,WACA,YACQ,mBACU,6BAC5B,QACE,KAAY,GACR,CAAE,SAAU,GAAK,KAAM,GAAM,OAAQ,EAAI,EACzC,IAAW,CAAE,SAAU,EAAG,KAAM,GAAM,OAAQ,CAAE,EAEtD,IAAK,IAAa,MAAQ,IAAa,KAC1B,cACH,WACG,cACgB,+BACjB,cACA,cACH,WACA,WACE,YACH,SACI,aACG,gBACH,cACZ,YACE,EAAK,OAAQ,GAAO,EAAG,KAAK,EAAE,SAAW,EACrC,CAAC,EACD,GAAgB,EAAA,EAAO,EAAM,QAAS,EAAI,EAEjC,gBACD,eACL,WACQ,kBACjB,OAAQ,GAAsB,QAAU,KACxC,SAAU,GAAsB,UAAY,GAC5C,OAAQ,GAAsB,QAAU,GACxC,OAAQ,GAAsB,QAAU,GACxC,UAAW,GAAsB,WAAa,CAC/C,CAAA,EACC,IACK,IACV,IAAW,IACV,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAQ,CAAE,SAAU,GAAQ,SAAU,OAAQ,GAAQ,MAAO,EAC7D,WAAY,CACV,SAAU,GAAY,SACtB,OAAQ,GAAY,MACtB,EACS,WACC,YACH,OACR,CAAA,EACC,IACU,GAEpB"}