@undp/data-viz 2.5.3 → 2.6.0

package/dist/ExcelDownloadButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ExcelDownloadButton.cjs","sources":["../src/Components/Actions/ExcelDownloadButton.tsx"],"sourcesContent":["import { Button } from '@undp/design-system-react/Button';\r\nimport { JSX } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { excelDownload } from '@/Utils/excelDownload';\r\nimport { FileDown } from '@/Components/Icons';\r\n\r\ninterface WsColInterface {\r\n  wch: number;\r\n}\r\n\r\ninterface Props {\r\n  buttonContent?: string | JSX.Element;\r\n  buttonType?:\r\n    | 'primary'\r\n    | 'primary-without-icon'\r\n    | 'secondary'\r\n    | 'secondary-without-icon'\r\n    | 'tertiary';\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  csvData: any;\r\n  fileName?: string;\r\n  headers: string[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  xlsxHeader: any;\r\n  wscols: WsColInterface[];\r\n  buttonSmall?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function ExcelDownloadButton(props: Props) {\r\n  const {\r\n    buttonContent,\r\n    buttonType = 'tertiary',\r\n    csvData,\r\n    fileName = 'data',\r\n    headers,\r\n    xlsxHeader,\r\n    wscols,\r\n    buttonSmall,\r\n    className = '',\r\n  } = props;\r\n  return (\r\n    <Button\r\n      variant={buttonType}\r\n      className={cn(buttonSmall ? 'p-2' : 'py-4 px-6', className)}\r\n      onClick={() => excelDownload(csvData, fileName, headers, xlsxHeader, wscols)}\r\n      aria-label='Click to download the data as xlsx'\r\n    >\r\n      {buttonContent || <FileDown />}\r\n    </Button>\r\n  );\r\n}\r\n"],"names":["ExcelDownloadButton","props","$","_c","buttonContent","buttonType","t0","csvData","fileName","t1","headers","xlsxHeader","wscols","buttonSmall","className","t2","undefined","t3","t4","cn","t5","excelDownload","t6","FileDown","t7","jsx","Button"],"mappings":"6MA8BO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,cAAAA,EAAAC,WAAAC,EAAAC,QAAAA,EAAAC,SAAAC,EAAAC,QAAAA,EAAAC,WAAAA,EAAAC,OAAAA,EAAAC,YAAAA,EAAAC,UAAAC,CAAAA,EAUId,EARFI,EAAAC,IAAAU,OAAA,WAAAV,EAEAE,EAAAC,IAAAO,OAAA,OAAAP,EAKAK,EAAAC,IAAAC,OAAA,GAAAD,EAKgBE,EAAAJ,EAAA,MAAA,YAAiC,IAAAK,EAAAhB,EAAA,CAAA,IAAAY,GAAAZ,OAAAe,GAApCC,EAAAC,EAAAA,GAAGF,EAAmCH,CAAS,EAACZ,KAAAY,EAAAZ,KAAAe,EAAAf,KAAAgB,GAAAA,EAAAhB,EAAA,CAAA,EAAA,IAAAkB,EAAAlB,EAAA,CAAA,IAAAK,GAAAL,EAAA,CAAA,IAAAM,GAAAN,EAAA,CAAA,IAAAQ,GAAAR,EAAA,CAAA,IAAAU,GAAAV,OAAAS,GAClDS,EAAAA,IAAMC,EAAAA,cAAcd,EAASC,EAAUE,EAASC,EAAYC,CAAM,EAACV,KAAAK,EAAAL,KAAAM,EAAAN,KAAAQ,EAAAR,KAAAU,EAAAV,KAAAS,EAAAT,KAAAkB,GAAAA,EAAAlB,EAAA,CAAA,EAAA,IAAAoB,EAAApB,OAAAE,GAG3EkB,EAAAlB,2BAAkBmB,EAAAA,SAAA,CAAA,CAAQ,EAAGrB,KAAAE,EAAAF,MAAAoB,GAAAA,EAAApB,EAAA,EAAA,EAAA,IAAAsB,EAAA,OAAAtB,EAAA,EAAA,IAAAG,GAAAH,EAAA,EAAA,IAAAgB,GAAAhB,EAAA,EAAA,IAAAkB,GAAAlB,QAAAoB,GANhCE,EAAAC,EAAAA,kBAAAA,IAACC,EAAAA,EAAA,CACUrB,QAAAA,EACE,UAAAa,EACF,QAAAE,EACE,aAAA,qCAEVE,SAAAA,CAAAA,CACH,EAASpB,MAAAG,EAAAH,MAAAgB,EAAAhB,MAAAkB,EAAAlB,MAAAoB,EAAApB,MAAAsB,GAAAA,EAAAtB,EAAA,EAAA,EAPTsB,CAOS"}
+{"version":3,"file":"ExcelDownloadButton.cjs","sources":["../src/Components/Actions/ExcelDownloadButton.tsx"],"sourcesContent":["import { Button } from '@undp/design-system-react/Button';\r\nimport { JSX } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { excelDownload } from '@/Utils/excelDownload';\r\nimport { FileDown } from '@/Components/Icons';\r\n\r\ninterface WsColInterface {\r\n  wch: number;\r\n}\r\n\r\ninterface Props {\r\n  buttonContent?: string | JSX.Element;\r\n  buttonType?:\r\n    | 'primary'\r\n    | 'primary-without-icon'\r\n    | 'secondary'\r\n    | 'secondary-without-icon'\r\n    | 'tertiary';\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  csvData: any;\r\n  fileName?: string;\r\n  headers: string[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  xlsxHeader: any;\r\n  wscols: WsColInterface[];\r\n  buttonSmall?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function ExcelDownloadButton(props: Props) {\r\n  const {\r\n    buttonContent,\r\n    buttonType = 'tertiary',\r\n    csvData,\r\n    fileName = 'data',\r\n    headers,\r\n    xlsxHeader,\r\n    wscols,\r\n    buttonSmall,\r\n    className = '',\r\n  } = props;\r\n  return (\r\n    <Button\r\n      variant={buttonType}\r\n      className={cn(buttonSmall ? 'p-2' : 'py-4 px-6', className)}\r\n      onClick={() => excelDownload(csvData, fileName, headers, xlsxHeader, wscols)}\r\n      aria-label='Click to download the data as xlsx'\r\n    >\r\n      {buttonContent || <FileDown />}\r\n    </Button>\r\n  );\r\n}\r\n"],"names":["ExcelDownloadButton","props","$","_c","buttonContent","buttonType","t0","csvData","fileName","t1","headers","xlsxHeader","wscols","buttonSmall","className","t2","undefined","t3","t4","cn","t5","excelDownload","t6","FileDown","t7","jsx","Button"],"mappings":"uSA8BO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,cAAAA,EAAAC,WAAAC,EAAAC,QAAAA,EAAAC,SAAAC,EAAAC,QAAAA,EAAAC,WAAAA,EAAAC,OAAAA,EAAAC,YAAAA,EAAAC,UAAAC,CAAAA,EAUId,EARFI,EAAAC,IAAAU,OAAA,WAAAV,EAEAE,EAAAC,IAAAO,OAAA,OAAAP,EAKAK,EAAAC,IAAAC,OAAA,GAAAD,EAKgBE,EAAAJ,EAAA,MAAA,YAAiC,IAAAK,EAAAhB,EAAA,CAAA,IAAAY,GAAAZ,OAAAe,GAApCC,EAAAC,EAAAA,GAAGF,EAAmCH,CAAS,EAACZ,KAAAY,EAAAZ,KAAAe,EAAAf,KAAAgB,GAAAA,EAAAhB,EAAA,CAAA,EAAA,IAAAkB,EAAAlB,EAAA,CAAA,IAAAK,GAAAL,EAAA,CAAA,IAAAM,GAAAN,EAAA,CAAA,IAAAQ,GAAAR,EAAA,CAAA,IAAAU,GAAAV,OAAAS,GAClDS,EAAAA,IAAMC,EAAAA,cAAcd,EAASC,EAAUE,EAASC,EAAYC,CAAM,EAACV,KAAAK,EAAAL,KAAAM,EAAAN,KAAAQ,EAAAR,KAAAU,EAAAV,KAAAS,EAAAT,KAAAkB,GAAAA,EAAAlB,EAAA,CAAA,EAAA,IAAAoB,EAAApB,OAAAE,GAG3EkB,EAAAlB,2BAAkBmB,EAAAA,SAAA,CAAA,CAAQ,EAAGrB,KAAAE,EAAAF,MAAAoB,GAAAA,EAAApB,EAAA,EAAA,EAAA,IAAAsB,EAAA,OAAAtB,EAAA,EAAA,IAAAG,GAAAH,EAAA,EAAA,IAAAgB,GAAAhB,EAAA,EAAA,IAAAkB,GAAAlB,QAAAoB,GANhCE,EAAAC,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACUrB,QAAAA,EACE,UAAAa,EACF,QAAAE,EACE,aAAA,qCAEVE,SAAAA,CAAAA,CACH,EAASpB,MAAAG,EAAAH,MAAAgB,EAAAhB,MAAAkB,EAAAlB,MAAAoB,EAAApB,MAAAsB,GAAAA,EAAAtB,EAAA,EAAA,EAPTsB,CAOS"}

package/dist/ExcelDownloadButton.js

@@ -1,28 +1,30 @@
-import { c as j, m as y, j as v } from "./index-CHPV5EwG-BzibaIRc.js";
-import { d as D, u as h } from "./index-ApTBN0kp.js";
-import { e as C } from "./excelDownload-BEC1AyQW.js";
-function T(w) {
+import { c as j, j as v } from "./compiler-runtime-qHgugrLy.js";
+import { Button as y } from "@undp/design-system-react/Button";
+import { cn as D } from "@undp/design-system-react/cn";
+import { e as h } from "./excelDownload-BEC1AyQW.js";
+import { d as C } from "./index-D_ls5oK8.js";
+function F(w) {
   const t = j.c(16), {
     buttonContent: l,
     buttonType: f,
     csvData: n,
     fileName: u,
     headers: i,
-    xlsxHeader: c,
-    wscols: r,
+    xlsxHeader: r,
+    wscols: c,
     buttonSmall: N,
     className: b
-  } = w, m = f === void 0 ? "tertiary" : f, d = u === void 0 ? "data" : u, x = b === void 0 ? "" : b, p = N ? "p-2" : "py-4 px-6";
-  let e;
-  t[0] !== x || t[1] !== p ? (e = y(p, x), t[0] = x, t[1] = p, t[2] = e) : e = t[2];
+  } = w, m = f === void 0 ? "tertiary" : f, p = u === void 0 ? "data" : u, d = b === void 0 ? "" : b, x = N ? "p-2" : "py-4 px-6";
   let o;
-  t[3] !== n || t[4] !== d || t[5] !== i || t[6] !== r || t[7] !== c ? (o = () => C(n, d, i, c, r), t[3] = n, t[4] = d, t[5] = i, t[6] = r, t[7] = c, t[8] = o) : o = t[8];
+  t[0] !== d || t[1] !== x ? (o = D(x, d), t[0] = d, t[1] = x, t[2] = o) : o = t[2];
+  let e;
+  t[3] !== n || t[4] !== p || t[5] !== i || t[6] !== c || t[7] !== r ? (e = () => h(n, p, i, r, c), t[3] = n, t[4] = p, t[5] = i, t[6] = c, t[7] = r, t[8] = e) : e = t[8];
   let s;
-  t[9] !== l ? (s = l || /* @__PURE__ */ v.jsx(D, {}), t[9] = l, t[10] = s) : s = t[10];
+  t[9] !== l ? (s = l || /* @__PURE__ */ v.jsx(C, {}), t[9] = l, t[10] = s) : s = t[10];
   let a;
-  return t[11] !== m || t[12] !== e || t[13] !== o || t[14] !== s ? (a = /* @__PURE__ */ v.jsx(h, { variant: m, className: e, onClick: o, "aria-label": "Click to download the data as xlsx", children: s }), t[11] = m, t[12] = e, t[13] = o, t[14] = s, t[15] = a) : a = t[15], a;
+  return t[11] !== m || t[12] !== o || t[13] !== e || t[14] !== s ? (a = /* @__PURE__ */ v.jsx(y, { variant: m, className: o, onClick: e, "aria-label": "Click to download the data as xlsx", children: s }), t[11] = m, t[12] = o, t[13] = e, t[14] = s, t[15] = a) : a = t[15], a;
 }
 export {
-  T as ExcelDownloadButton
+  F as ExcelDownloadButton
 };
 //# sourceMappingURL=ExcelDownloadButton.js.map

package/dist/ExcelDownloadButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExcelDownloadButton.js","sources":["../src/Components/Actions/ExcelDownloadButton.tsx"],"sourcesContent":["import { Button } from '@undp/design-system-react/Button';\r\nimport { JSX } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { excelDownload } from '@/Utils/excelDownload';\r\nimport { FileDown } from '@/Components/Icons';\r\n\r\ninterface WsColInterface {\r\n  wch: number;\r\n}\r\n\r\ninterface Props {\r\n  buttonContent?: string | JSX.Element;\r\n  buttonType?:\r\n    | 'primary'\r\n    | 'primary-without-icon'\r\n    | 'secondary'\r\n    | 'secondary-without-icon'\r\n    | 'tertiary';\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  csvData: any;\r\n  fileName?: string;\r\n  headers: string[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  xlsxHeader: any;\r\n  wscols: WsColInterface[];\r\n  buttonSmall?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function ExcelDownloadButton(props: Props) {\r\n  const {\r\n    buttonContent,\r\n    buttonType = 'tertiary',\r\n    csvData,\r\n    fileName = 'data',\r\n    headers,\r\n    xlsxHeader,\r\n    wscols,\r\n    buttonSmall,\r\n    className = '',\r\n  } = props;\r\n  return (\r\n    <Button\r\n      variant={buttonType}\r\n      className={cn(buttonSmall ? 'p-2' : 'py-4 px-6', className)}\r\n      onClick={() => excelDownload(csvData, fileName, headers, xlsxHeader, wscols)}\r\n      aria-label='Click to download the data as xlsx'\r\n    >\r\n      {buttonContent || <FileDown />}\r\n    </Button>\r\n  );\r\n}\r\n"],"names":["ExcelDownloadButton","props","$","_c","buttonContent","buttonType","t0","csvData","fileName","t1","headers","xlsxHeader","wscols","buttonSmall","className","t2","undefined","t3","t4","cn","t5","excelDownload","t6","FileDown","t7","jsx","Button"],"mappings":";;;AA8BO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,eAAAA;AAAAA,IAAAC,YAAAC;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,WAAAC;AAAAA,EAAAA,IAUId,GARFI,IAAAC,MAAAU,SAAA,aAAAV,GAEAE,IAAAC,MAAAO,SAAA,SAAAP,GAKAK,IAAAC,MAAAC,SAAA,KAAAD,GAKgBE,IAAAJ,IAAA,QAAA;AAAiC,MAAAK;AAAA,EAAAhB,EAAA,CAAA,MAAAY,KAAAZ,SAAAe,KAApCC,IAAAC,EAAGF,GAAmCH,CAAS,GAACZ,OAAAY,GAAAZ,OAAAe,GAAAf,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAAA,MAAAkB;AAAA,EAAAlB,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAU,KAAAV,SAAAS,KAClDS,IAAAA,MAAMC,EAAcd,GAASC,GAAUE,GAASC,GAAYC,CAAM,GAACV,OAAAK,GAAAL,OAAAM,GAAAN,OAAAQ,GAAAR,OAAAU,GAAAV,OAAAS,GAAAT,OAAAkB,KAAAA,IAAAlB,EAAA,CAAA;AAAA,MAAAoB;AAAA,EAAApB,SAAAE,KAG3EkB,IAAAlB,2BAAkBmB,GAAA,CAAA,CAAQ,GAAGrB,OAAAE,GAAAF,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AAAA,MAAAsB;AAAA,SAAAtB,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAgB,KAAAhB,EAAA,EAAA,MAAAkB,KAAAlB,UAAAoB,KANhCE,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACUrB,SAAAA,GACE,WAAAa,GACF,SAAAE,GACE,cAAA,sCAEVE,UAAAA,EAAAA,CACH,GAASpB,QAAAG,GAAAH,QAAAgB,GAAAhB,QAAAkB,GAAAlB,QAAAoB,GAAApB,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA,GAPTsB;AAOS;"}
+{"version":3,"file":"ExcelDownloadButton.js","sources":["../src/Components/Actions/ExcelDownloadButton.tsx"],"sourcesContent":["import { Button } from '@undp/design-system-react/Button';\r\nimport { JSX } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { excelDownload } from '@/Utils/excelDownload';\r\nimport { FileDown } from '@/Components/Icons';\r\n\r\ninterface WsColInterface {\r\n  wch: number;\r\n}\r\n\r\ninterface Props {\r\n  buttonContent?: string | JSX.Element;\r\n  buttonType?:\r\n    | 'primary'\r\n    | 'primary-without-icon'\r\n    | 'secondary'\r\n    | 'secondary-without-icon'\r\n    | 'tertiary';\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  csvData: any;\r\n  fileName?: string;\r\n  headers: string[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  xlsxHeader: any;\r\n  wscols: WsColInterface[];\r\n  buttonSmall?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function ExcelDownloadButton(props: Props) {\r\n  const {\r\n    buttonContent,\r\n    buttonType = 'tertiary',\r\n    csvData,\r\n    fileName = 'data',\r\n    headers,\r\n    xlsxHeader,\r\n    wscols,\r\n    buttonSmall,\r\n    className = '',\r\n  } = props;\r\n  return (\r\n    <Button\r\n      variant={buttonType}\r\n      className={cn(buttonSmall ? 'p-2' : 'py-4 px-6', className)}\r\n      onClick={() => excelDownload(csvData, fileName, headers, xlsxHeader, wscols)}\r\n      aria-label='Click to download the data as xlsx'\r\n    >\r\n      {buttonContent || <FileDown />}\r\n    </Button>\r\n  );\r\n}\r\n"],"names":["ExcelDownloadButton","props","$","_c","buttonContent","buttonType","t0","csvData","fileName","t1","headers","xlsxHeader","wscols","buttonSmall","className","t2","undefined","t3","t4","cn","t5","excelDownload","t6","FileDown","t7","jsx","Button"],"mappings":";;;;;AA8BO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,eAAAA;AAAAA,IAAAC,YAAAC;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,WAAAC;AAAAA,EAAAA,IAUId,GARFI,IAAAC,MAAAU,SAAA,aAAAV,GAEAE,IAAAC,MAAAO,SAAA,SAAAP,GAKAK,IAAAC,MAAAC,SAAA,KAAAD,GAKgBE,IAAAJ,IAAA,QAAA;AAAiC,MAAAK;AAAA,EAAAhB,EAAA,CAAA,MAAAY,KAAAZ,SAAAe,KAApCC,IAAAC,EAAGF,GAAmCH,CAAS,GAACZ,OAAAY,GAAAZ,OAAAe,GAAAf,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAAA,MAAAkB;AAAA,EAAAlB,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAU,KAAAV,SAAAS,KAClDS,IAAAA,MAAMC,EAAcd,GAASC,GAAUE,GAASC,GAAYC,CAAM,GAACV,OAAAK,GAAAL,OAAAM,GAAAN,OAAAQ,GAAAR,OAAAU,GAAAV,OAAAS,GAAAT,OAAAkB,KAAAA,IAAAlB,EAAA,CAAA;AAAA,MAAAoB;AAAA,EAAApB,SAAAE,KAG3EkB,IAAAlB,2BAAkBmB,GAAA,CAAA,CAAQ,GAAGrB,OAAAE,GAAAF,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AAAA,MAAAsB;AAAA,SAAAtB,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAgB,KAAAhB,EAAA,EAAA,MAAAkB,KAAAlB,UAAAoB,KANhCE,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACUrB,SAAAA,GACE,WAAAa,GACF,SAAAE,GACE,cAAA,sCAEVE,UAAAA,EAAAA,CACH,GAASpB,QAAAG,GAAAH,QAAAgB,GAAAhB,QAAAkB,GAAAlB,QAAAoB,GAAApB,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA,GAPTsB;AAOS;"}

package/dist/FootNote.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-CHPV5EwG-D4pAp7u0.cjs"),m=require("./Typography-BqmyF1gP.cjs"),u=require("react");function p(c){const e=a.compilerRuntimeExports.c(12),{text:r,style:n,className:o}=c;let s;e[0]!==n?(s=n===void 0?{}:n,e[0]=n,e[1]=s):s=e[1];const i=s;if(typeof r=="string"){if(r.trim()==="")return null;let t;e[2]!==o?(t=a.mo("text-primary-gray-550 dark:text-primary-gray-40",o),e[2]=o,e[3]=t):t=e[3];let l;return e[4]!==i||e[5]!==t||e[6]!==r?(l=a.jsxRuntimeExports.jsx(m._,{size:"sm",marginBottom:"none",className:t,"aria-label":"Graph footnote",style:i,children:r}),e[4]=i,e[5]=t,e[6]=r,e[7]=l):l=e[7],l}if(u.isValidElement(r)){let t;return e[8]!==o||e[9]!==i||e[10]!==r?(t=a.jsxRuntimeExports.jsx("div",{className:o,style:i,children:r}),e[8]=o,e[9]=i,e[10]=r,e[11]=t):t=e[11],t}return console.error("FootNote: Invalid text type. Expected string or React element."),null}exports.FootNote=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./compiler-runtime-oPPev21o.cjs"),u=require("@undp/design-system-react/cn"),m=require("@undp/design-system-react/Typography"),p=require("react");function x(a){const e=c.compilerRuntimeExports.c(12),{text:r,style:n,className:o}=a;let s;e[0]!==n?(s=n===void 0?{}:n,e[0]=n,e[1]=s):s=e[1];const i=s;if(typeof r=="string"){if(r.trim()==="")return null;let t;e[2]!==o?(t=u.cn("text-primary-gray-550 dark:text-primary-gray-40",o),e[2]=o,e[3]=t):t=e[3];let l;return e[4]!==i||e[5]!==t||e[6]!==r?(l=c.jsxRuntimeExports.jsx(m.P,{size:"sm",marginBottom:"none",className:t,"aria-label":"Graph footnote",style:i,children:r}),e[4]=i,e[5]=t,e[6]=r,e[7]=l):l=e[7],l}if(p.isValidElement(r)){let t;return e[8]!==o||e[9]!==i||e[10]!==r?(t=c.jsxRuntimeExports.jsx("div",{className:o,style:i,children:r}),e[8]=o,e[9]=i,e[10]=r,e[11]=t):t=e[11],t}return console.error("FootNote: Invalid text type. Expected string or React element."),null}exports.FootNote=x;
 //# sourceMappingURL=FootNote.cjs.map

package/dist/FootNote.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FootNote.cjs","sources":["../src/Components/Typography/FootNote.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport React from 'react';\r\n\r\ninterface Props {\r\n  text: string | React.ReactNode;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n}\r\n\r\nexport function FootNote(props: Props) {\r\n  const { text, style = {}, className } = props;\r\n  if (typeof text === 'string') {\r\n    if (text.trim() === '') return null;\r\n    return (\r\n      <P\r\n        size='sm'\r\n        marginBottom='none'\r\n        className={cn('text-primary-gray-550 dark:text-primary-gray-40', className)}\r\n        aria-label='Graph footnote'\r\n        style={style}\r\n      >\r\n        {text}\r\n      </P>\r\n    );\r\n  }\r\n  if (React.isValidElement(text))\r\n    return (\r\n      <div className={className} style={style}>\r\n        {text}\r\n      </div>\r\n    );\r\n  console.error('FootNote: Invalid text type. Expected string or React element.');\r\n  return null;\r\n}\r\n"],"names":["FootNote","props","$","_c","text","style","t0","className","t1","undefined","trim","t2","cn","t3","jsx","P","React","isValidElement","console","error"],"mappings":"2LAUO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,KAAAA,EAAAC,MAAAC,EAAAC,UAAAA,CAAAA,EAAwCN,EAAM,IAAAO,EAAAN,OAAAI,GAAhCE,EAAAF,IAAAG,OAAA,CAAA,EAAAH,EAAUJ,KAAAI,EAAAJ,KAAAM,GAAAA,EAAAN,EAAA,CAAA,EAAV,MAAAG,EAAAG,EACd,GAAI,OAAOJ,GAAS,SAAQ,CAC1B,GAAIA,EAAIM,KAAAA,IAAY,GAAE,OAAS,KAAK,IAAAC,EAAAT,OAAAK,GAKrBI,EAAAC,EAAAA,GAAG,kDAAmDL,CAAS,EAACL,KAAAK,EAAAL,KAAAS,GAAAA,EAAAT,EAAA,CAAA,EAAA,IAAAW,EAAA,OAAAX,EAAA,CAAA,IAAAG,GAAAH,OAAAS,GAAAT,EAAA,CAAA,IAAAE,GAH7ES,EAAAC,EAAAA,kBAAAA,IAACC,EAAAA,EAAA,CACM,KAAA,KACQ,aAAA,OACF,UAAAJ,EACA,aAAA,iBACJN,MAAAA,EAEND,SAAAA,EACH,EAAIF,KAAAG,EAAAH,KAAAS,EAAAT,KAAAE,EAAAF,KAAAW,GAAAA,EAAAX,EAAA,CAAA,EARJW,CAQI,CAGR,GAAIG,EAAKC,eAAgBb,CAAI,EAAC,CAAA,IAAAO,EAAA,OAAAT,EAAA,CAAA,IAAAK,GAAAL,OAAAG,GAAAH,EAAA,EAAA,IAAAE,GAE1BO,EAAAG,EAAAA,kBAAAA,IAAA,MAAA,CAAgBP,UAAAA,EAAkBF,MAAAA,EAC/BD,SAAAA,EACH,EAAMF,KAAAK,EAAAL,KAAAG,EAAAH,MAAAE,EAAAF,MAAAS,GAAAA,EAAAT,EAAA,EAAA,EAFNS,CAEM,CAEVO,eAAOC,MAAO,gEAAgE,EACvE,IAAI"}
+{"version":3,"file":"FootNote.cjs","sources":["../src/Components/Typography/FootNote.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport React from 'react';\r\n\r\ninterface Props {\r\n  text: string | React.ReactNode;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n}\r\n\r\nexport function FootNote(props: Props) {\r\n  const { text, style = {}, className } = props;\r\n  if (typeof text === 'string') {\r\n    if (text.trim() === '') return null;\r\n    return (\r\n      <P\r\n        size='sm'\r\n        marginBottom='none'\r\n        className={cn('text-primary-gray-550 dark:text-primary-gray-40', className)}\r\n        aria-label='Graph footnote'\r\n        style={style}\r\n      >\r\n        {text}\r\n      </P>\r\n    );\r\n  }\r\n  if (React.isValidElement(text))\r\n    return (\r\n      <div className={className} style={style}>\r\n        {text}\r\n      </div>\r\n    );\r\n  console.error('FootNote: Invalid text type. Expected string or React element.');\r\n  return null;\r\n}\r\n"],"names":["FootNote","props","$","_c","text","style","t0","className","t1","undefined","trim","t2","cn","t3","jsx","P","React","isValidElement","console","error"],"mappings":"kPAUO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,KAAAA,EAAAC,MAAAC,EAAAC,UAAAA,CAAAA,EAAwCN,EAAM,IAAAO,EAAAN,OAAAI,GAAhCE,EAAAF,IAAAG,OAAA,CAAA,EAAAH,EAAUJ,KAAAI,EAAAJ,KAAAM,GAAAA,EAAAN,EAAA,CAAA,EAAV,MAAAG,EAAAG,EACd,GAAI,OAAOJ,GAAS,SAAQ,CAC1B,GAAIA,EAAIM,KAAAA,IAAY,GAAE,OAAS,KAAK,IAAAC,EAAAT,OAAAK,GAKrBI,EAAAC,EAAAA,GAAG,kDAAmDL,CAAS,EAACL,KAAAK,EAAAL,KAAAS,GAAAA,EAAAT,EAAA,CAAA,EAAA,IAAAW,EAAA,OAAAX,EAAA,CAAA,IAAAG,GAAAH,OAAAS,GAAAT,EAAA,CAAA,IAAAE,GAH7ES,EAAAC,EAAAA,kBAAAA,IAACC,EAAAA,EAAA,CACM,KAAA,KACQ,aAAA,OACF,UAAAJ,EACA,aAAA,iBACJN,MAAAA,EAEND,SAAAA,EACH,EAAIF,KAAAG,EAAAH,KAAAS,EAAAT,KAAAE,EAAAF,KAAAW,GAAAA,EAAAX,EAAA,CAAA,EARJW,CAQI,CAGR,GAAIG,EAAKC,eAAgBb,CAAI,EAAC,CAAA,IAAAO,EAAA,OAAAT,EAAA,CAAA,IAAAK,GAAAL,OAAAG,GAAAH,EAAA,EAAA,IAAAE,GAE1BO,EAAAG,EAAAA,kBAAAA,IAAA,MAAA,CAAgBP,UAAAA,EAAkBF,MAAAA,EAC/BD,SAAAA,EACH,EAAMF,KAAAK,EAAAL,KAAAG,EAAAH,MAAAE,EAAAF,MAAAS,GAAAA,EAAAT,EAAA,EAAA,EAFNS,CAEM,CAEVO,eAAOC,MAAO,gEAAgE,EACvE,IAAI"}

package/dist/FootNote.js

@@ -1,22 +1,23 @@
-import { c, m as f, j as a } from "./index-CHPV5EwG-BzibaIRc.js";
-import { _ as p } from "./Typography-BO0gQDIT.js";
+import { c, j as a } from "./compiler-runtime-qHgugrLy.js";
+import { cn as f } from "@undp/design-system-react/cn";
+import { P as p } from "@undp/design-system-react/Typography";
 import x from "react";
-function g(m) {
+function j(m) {
   const t = c.c(12), {
     text: r,
     style: l,
     className: o
   } = m;
-  let s;
-  t[0] !== l ? (s = l === void 0 ? {} : l, t[0] = l, t[1] = s) : s = t[1];
-  const i = s;
+  let n;
+  t[0] !== l ? (n = l === void 0 ? {} : l, t[0] = l, t[1] = n) : n = t[1];
+  const i = n;
   if (typeof r == "string") {
     if (r.trim() === "")
       return null;
     let e;
     t[2] !== o ? (e = f("text-primary-gray-550 dark:text-primary-gray-40", o), t[2] = o, t[3] = e) : e = t[3];
-    let n;
-    return t[4] !== i || t[5] !== e || t[6] !== r ? (n = /* @__PURE__ */ a.jsx(p, { size: "sm", marginBottom: "none", className: e, "aria-label": "Graph footnote", style: i, children: r }), t[4] = i, t[5] = e, t[6] = r, t[7] = n) : n = t[7], n;
+    let s;
+    return t[4] !== i || t[5] !== e || t[6] !== r ? (s = /* @__PURE__ */ a.jsx(p, { size: "sm", marginBottom: "none", className: e, "aria-label": "Graph footnote", style: i, children: r }), t[4] = i, t[5] = e, t[6] = r, t[7] = s) : s = t[7], s;
   }
   if (x.isValidElement(r)) {
     let e;
@@ -25,6 +26,6 @@ function g(m) {
   return console.error("FootNote: Invalid text type. Expected string or React element."), null;
 }
 export {
-  g as FootNote
+  j as FootNote
 };
 //# sourceMappingURL=FootNote.js.map

package/dist/FootNote.js.map

@@ -1 +1 @@
-{"version":3,"file":"FootNote.js","sources":["../src/Components/Typography/FootNote.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport React from 'react';\r\n\r\ninterface Props {\r\n  text: string | React.ReactNode;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n}\r\n\r\nexport function FootNote(props: Props) {\r\n  const { text, style = {}, className } = props;\r\n  if (typeof text === 'string') {\r\n    if (text.trim() === '') return null;\r\n    return (\r\n      <P\r\n        size='sm'\r\n        marginBottom='none'\r\n        className={cn('text-primary-gray-550 dark:text-primary-gray-40', className)}\r\n        aria-label='Graph footnote'\r\n        style={style}\r\n      >\r\n        {text}\r\n      </P>\r\n    );\r\n  }\r\n  if (React.isValidElement(text))\r\n    return (\r\n      <div className={className} style={style}>\r\n        {text}\r\n      </div>\r\n    );\r\n  console.error('FootNote: Invalid text type. Expected string or React element.');\r\n  return null;\r\n}\r\n"],"names":["FootNote","props","$","_c","text","style","t0","className","t1","undefined","trim","t2","cn","t3","jsx","P","React","isValidElement","console","error"],"mappings":";;;AAUO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,OAAAC;AAAAA,IAAAC,WAAAA;AAAAA,EAAAA,IAAwCN;AAAM,MAAAO;AAAA,EAAAN,SAAAI,KAAhCE,IAAAF,MAAAG,SAAA,CAAA,IAAAH,GAAUJ,OAAAI,GAAAJ,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAAV,QAAAG,IAAAG;AACd,MAAI,OAAOJ,KAAS,UAAQ;AAC1B,QAAIA,EAAIM,KAAAA,MAAY;AAAE,aAAS;AAAK,QAAAC;AAAA,IAAAT,SAAAK,KAKrBI,IAAAC,EAAG,mDAAmDL,CAAS,GAACL,OAAAK,GAAAL,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAAA,QAAAW;AAAA,WAAAX,EAAA,CAAA,MAAAG,KAAAH,SAAAS,KAAAT,EAAA,CAAA,MAAAE,KAH7ES,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACM,MAAA,MACQ,cAAA,QACF,WAAAJ,GACA,cAAA,kBACJN,OAAAA,GAEND,UAAAA,GACH,GAAIF,OAAAG,GAAAH,OAAAS,GAAAT,OAAAE,GAAAF,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GARJW;AAAAA,EAQI;AAGR,MAAIG,EAAKC,eAAgBb,CAAI,GAAC;AAAA,QAAAO;AAAA,WAAAT,EAAA,CAAA,MAAAK,KAAAL,SAAAG,KAAAH,EAAA,EAAA,MAAAE,KAE1BO,IAAAG,gBAAAA,EAAAA,IAAA,OAAA,EAAgBP,WAAAA,GAAkBF,OAAAA,GAC/BD,UAAAA,GACH,GAAMF,OAAAK,GAAAL,OAAAG,GAAAH,QAAAE,GAAAF,QAAAS,KAAAA,IAAAT,EAAA,EAAA,GAFNS;AAAAA,EAEM;AAEVO,iBAAOC,MAAO,gEAAgE,GACvE;AAAI;"}
+{"version":3,"file":"FootNote.js","sources":["../src/Components/Typography/FootNote.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport React from 'react';\r\n\r\ninterface Props {\r\n  text: string | React.ReactNode;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n}\r\n\r\nexport function FootNote(props: Props) {\r\n  const { text, style = {}, className } = props;\r\n  if (typeof text === 'string') {\r\n    if (text.trim() === '') return null;\r\n    return (\r\n      <P\r\n        size='sm'\r\n        marginBottom='none'\r\n        className={cn('text-primary-gray-550 dark:text-primary-gray-40', className)}\r\n        aria-label='Graph footnote'\r\n        style={style}\r\n      >\r\n        {text}\r\n      </P>\r\n    );\r\n  }\r\n  if (React.isValidElement(text))\r\n    return (\r\n      <div className={className} style={style}>\r\n        {text}\r\n      </div>\r\n    );\r\n  console.error('FootNote: Invalid text type. Expected string or React element.');\r\n  return null;\r\n}\r\n"],"names":["FootNote","props","$","_c","text","style","t0","className","t1","undefined","trim","t2","cn","t3","jsx","P","React","isValidElement","console","error"],"mappings":";;;;AAUO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,OAAAC;AAAAA,IAAAC,WAAAA;AAAAA,EAAAA,IAAwCN;AAAM,MAAAO;AAAA,EAAAN,SAAAI,KAAhCE,IAAAF,MAAAG,SAAA,CAAA,IAAAH,GAAUJ,OAAAI,GAAAJ,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAAV,QAAAG,IAAAG;AACd,MAAI,OAAOJ,KAAS,UAAQ;AAC1B,QAAIA,EAAIM,KAAAA,MAAY;AAAE,aAAS;AAAK,QAAAC;AAAA,IAAAT,SAAAK,KAKrBI,IAAAC,EAAG,mDAAmDL,CAAS,GAACL,OAAAK,GAAAL,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAAA,QAAAW;AAAA,WAAAX,EAAA,CAAA,MAAAG,KAAAH,SAAAS,KAAAT,EAAA,CAAA,MAAAE,KAH7ES,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACM,MAAA,MACQ,cAAA,QACF,WAAAJ,GACA,cAAA,kBACJN,OAAAA,GAEND,UAAAA,GACH,GAAIF,OAAAG,GAAAH,OAAAS,GAAAT,OAAAE,GAAAF,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GARJW;AAAAA,EAQI;AAGR,MAAIG,EAAKC,eAAgBb,CAAI,GAAC;AAAA,QAAAO;AAAA,WAAAT,EAAA,CAAA,MAAAK,KAAAL,SAAAG,KAAAH,EAAA,EAAA,MAAAE,KAE1BO,IAAAG,gBAAAA,EAAAA,IAAA,OAAA,EAAgBP,WAAAA,GAAkBF,OAAAA,GAC/BD,UAAAA,GACH,GAAMF,OAAAK,GAAAL,OAAAG,GAAAH,QAAAE,GAAAF,QAAAS,KAAAA,IAAAT,EAAA,EAAA,GAFNS;AAAAA,EAEM;AAEVO,iBAAOC,MAAO,gEAAgE,GACvE;AAAI;"}

package/dist/GeoHubCompareMaps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CHPV5EwG-D4pAp7u0.cjs"),a=require("react"),ce=require("maplibre-gl"),ae=require("pmtiles");;/* empty css                       */const Q=require("@dnd-kit/core"),ue=require("@dnd-kit/modifiers"),ne=require("./index-BhI7mBJx.cjs"),me=require("./string2HTML-30nfIm8R.cjs"),re=require("./select-Bnfk0lJx.cjs"),fe=require("./GraphHeader.cjs"),pe=require("./GraphFooter.cjs"),ie=require("./GraphContainer-Cul9b74X.cjs");function le(m){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(m){for(const n in m)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(m,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:()=>m[n]})}}return e.default=m,Object.freeze(e)}const T=le(ce),de=le(ae);function ge(m,e){let n=!1;function o(s,f){if(!n){n=!0;const u=s.getCenter(),i=s.getZoom(),r=s.getBearing(),p=s.getPitch();f.jumpTo({center:u,zoom:i,bearing:r,pitch:p}),n=!1}}m.on("move",()=>{o(m,e)}),e.on("move",()=>{o(e,m)})}function he(m){const e=t.compilerRuntimeExports.c(47),{height:n,width:o,mapStyles:s,center:f,zoomLevel:u,mapLegend:i}=m,[r,p]=a.useState(50),[x,b]=a.useState(!1),j=a.useRef(null),[N,W]=a.useState(!0),B=a.useRef(50),$=a.useRef(0);let q;e[0]===Symbol.for("react.memo_cache_sentinel")?(q={activationConstraint:{distance:0}},e[0]=q):q=e[0];const G=Q.useSensors(Q.useSensor(Q.PointerSensor,q));let l;e[1]!==r?(l=()=>{b(!0),B.current=r,j.current&&($.current=j.current.getBoundingClientRect().width)},e[1]=r,e[2]=l):l=e[2];const c=l;let z;e[3]===Symbol.for("react.memo_cache_sentinel")?(z=Y=>{if(!j.current||$.current===0)return;const K=Y.delta.x/$.current*100,ee=Math.max(0,Math.min(100,B.current+K));p(ee)},e[3]=z):z=e[3];const F=z;let S;e[4]===Symbol.for("react.memo_cache_sentinel")?(S=()=>{b(!1)},e[4]=S):S=e[4];const Z=S;let P;e[5]!==x?(P=Y=>{if(x||!j.current)return;const K=j.current.getBoundingClientRect(),te=(Y.clientX-K.left)/K.width*100;p(Math.max(0,Math.min(100,te)))},e[5]=x,e[6]=P):P=e[6];const L=P,V=a.useRef(null),H=a.useRef(null),E=a.useRef(null),J=a.useRef(null);let C,A;e[7]!==f||e[8]!==s||e[9]!==o||e[10]!==u?(C=()=>{if(J.current&&H.current&&E.current&&o){re.select(J.current).selectAll(".maplibregl-compare").remove(),re.select(H.current).selectAll("div").remove(),re.select(E.current).selectAll("div").remove();const te=new de.Protocol;T.addProtocol("pmtiles",te.tile);const oe=new T.Map({container:H.current,style:s[0],center:f||[0,0],zoom:u||4}),se=new T.Map({container:E.current,style:s[1],center:f||[0,0],zoom:u||4});se.addControl(new T.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),"bottom-right"),oe.addControl(new T.ScaleControl,"bottom-left"),oe.addControl(new T.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),"bottom-right"),se.addControl(new T.ScaleControl,"bottom-left"),ge(oe,se)}},A=[o,s,f,u],e[7]=f,e[8]=s,e[9]=o,e[10]=u,e[11]=C,e[12]=A):(C=e[11],A=e[12]),a.useEffect(C,A);let y;e[13]!==n||e[14]!==o?(y={width:o,height:n},e[13]=n,e[14]=o,e[15]=y):y=e[15];let I;e[16]===Symbol.for("react.memo_cache_sentinel")?(I={inset:0},e[16]=I):I=e[16];let _;e[17]===Symbol.for("react.memo_cache_sentinel")?(_=[ue.restrictToHorizontalAxis],e[17]=_):_=e[17];const k=x?"grabbing":"col-resize";let R;e[18]!==n||e[19]!==k||e[20]!==o?(R={position:"relative",width:o,height:n,overflow:"hidden",cursor:k,userSelect:"none"},e[18]=n,e[19]=k,e[20]=o,e[21]=R):R=e[21];const O=`polygon(${r}% 0%, ${r}% 100%, 100% 100%, 100% 0%)`;let d;e[22]!==O?(d=t.jsxRuntimeExports.jsx("div",{ref:E,className:"absolute h-full rightMap w-full",style:{position:"absolute",top:0,left:0,clipPath:O}}),e[22]=O,e[23]=d):d=e[23];const w=`polygon(0% 0%, ${r}% 0%, ${r}% 100%, 0% 100%)`;let g;e[24]!==w?(g=t.jsxRuntimeExports.jsx("div",{ref:H,className:"absolute h-full leftMap w-full",style:{position:"absolute",top:0,left:0,inset:0,clipPath:w}}),e[24]=w,e[25]=g):g=e[25];let h;e[26]!==r?(h=t.jsxRuntimeExports.jsx(xe,{position:r}),e[26]=r,e[27]=h):h=e[27];let v;e[28]!==L||e[29]!==R||e[30]!==d||e[31]!==g||e[32]!==h?(v=t.jsxRuntimeExports.jsxs("div",{ref:j,style:R,onClick:L,children:[d,g,h]}),e[28]=L,e[29]=R,e[30]=d,e[31]=g,e[32]=h,e[33]=v):v=e[33];let M;e[34]!==c||e[35]!==G||e[36]!==v?(M=t.jsxRuntimeExports.jsx("div",{ref:J,className:"map maplibre-show-control relative w-full h-full",style:I,children:t.jsxRuntimeExports.jsx(Q.DndContext,{sensors:G,modifiers:_,onDragStart:c,onDragMove:F,onDragEnd:Z,children:v})}),e[34]=c,e[35]=G,e[36]=v,e[37]=M):M=e[37];let D;e[38]!==M||e[39]!==y?(D=t.jsxRuntimeExports.jsx("div",{style:y,children:M}),e[38]=M,e[39]=y,e[40]=D):D=e[40];let X;e[41]!==i||e[42]!==N?(X=i?t.jsxRuntimeExports.jsx("div",{className:"absolute left-[22px] bottom-13",children:N?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("div",{className:"color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",onClick:()=>{W(!1)},children:t.jsxRuntimeExports.jsx(ne.X,{})}),t.jsxRuntimeExports.jsx("div",{className:"color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",dangerouslySetInnerHTML:typeof i=="string"?{__html:me.string2HTML(i)}:void 0,children:a.isValidElement(i)?i:null})]}):t.jsxRuntimeExports.jsx("button",{type:"button",className:"p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button",onClick:()=>{W(!0)},children:t.jsxRuntimeExports.jsx(ne.ExpandIcon,{})})}):null,e[41]=i,e[42]=N,e[43]=X):X=e[43];let U;return e[44]!==D||e[45]!==X?(U=t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col grow justify-center leading-0",ref:V,"aria-label":"Map area",children:[D,X]}),e[44]=D,e[45]=X,e[46]=U):U=e[46],U}function xe(m){const e=t.compilerRuntimeExports.c(10),{position:n}=m;let o;e[0]===Symbol.for("react.memo_cache_sentinel")?(o={id:"slider-handle"},e[0]=o):o=e[0];const{attributes:s,listeners:f,setNodeRef:u}=Q.useDraggable(o),i=`${n}%`;let r;e[1]!==i?(r={position:"absolute",left:i,top:0,bottom:0,width:"40px",transform:"translateX(-50%)",cursor:"col-resize",display:"flex",justifyContent:"center",alignItems:"center",zIndex:10,touchAction:"none"},e[1]=i,e[2]=r):r=e[2];let p;e[3]===Symbol.for("react.memo_cache_sentinel")?(p=t.jsxRuntimeExports.jsx("div",{className:"h-full bg-primary-blue-600 dark:bg-primary-blue-400",style:{width:"2px"}}),e[3]=p):p=e[3];let x;e[4]===Symbol.for("react.memo_cache_sentinel")?(x=t.jsxRuntimeExports.jsx("div",{className:"flex bg-primary-blue-600 dark:bg-primary-blue-400 rounded-full absolute items-center justify-center text-primary-white font-primary-white",style:{boxShadow:"inset 0 0 0 1px #fff",width:"42px",height:"42px",top:"calc(50% - 21px)",left:"0",cursor:"col-resize"},children:t.jsxRuntimeExports.jsx(ne.ChevronLeftRight,{})}),e[4]=x):x=e[4];let b;return e[5]!==s||e[6]!==f||e[7]!==u||e[8]!==r?(b=t.jsxRuntimeExports.jsxs("div",{ref:u,style:r,...f,...s,children:[p,x]}),e[5]=s,e[6]=f,e[7]=u,e[8]=r,e[9]=b):b=e[9],b}function be(m){const e=t.compilerRuntimeExports.c(45),{graphTitle:n,height:o,width:s,relativeHeight:f,sources:u,graphDescription:i,footNote:r,padding:p,backgroundColor:x,graphID:b,mapStyles:j,center:N,zoomLevel:W,language:B,minHeight:$,theme:q,ariaLabel:G,styles:l,classNames:c,mapLegend:z}=m,F=x===void 0?!1:x;let S;e[0]!==N?(S=N===void 0?[0,0]:N,e[0]=N,e[1]=S):S=e[1];const Z=S,P=W===void 0?3:W,L=B===void 0?"en":B,V=$===void 0?0:$,H=q===void 0?"light":q,[E,J]=a.useState(0),[C,A]=a.useState(0),y=a.useRef(null),I=a.useRef(null);let _,k;e[2]===Symbol.for("react.memo_cache_sentinel")?(_=()=>{const M=new ResizeObserver(D=>{J(D[0].target.clientWidth||620),A(D[0].target.clientHeight||480)});return y.current&&M.observe(y.current),()=>M.disconnect()},k=[],e[2]=_,e[3]=k):(_=e[2],k=e[3]),a.useEffect(_,k);const R=c?.graphContainer,O=l?.graphContainer;let d;e[4]!==c?.description||e[5]!==c?.title||e[6]!==i||e[7]!==n||e[8]!==l?.description||e[9]!==l?.title||e[10]!==s?(d=n||i?t.jsxRuntimeExports.jsx(fe.GraphHeader,{styles:{title:l?.title,description:l?.description},classNames:{title:c?.title,description:c?.description},graphTitle:n,graphDescription:i,width:s}):null,e[4]=c?.description,e[5]=c?.title,e[6]=i,e[7]=n,e[8]=l?.description,e[9]=l?.title,e[10]=s,e[11]=d):d=e[11];let w;e[12]!==Z||e[13]!==z||e[14]!==j||e[15]!==C||e[16]!==E||e[17]!==P?(w=E&&C?t.jsxRuntimeExports.jsx(he,{width:E,height:C,mapStyles:j,center:Z,zoomLevel:P,mapLegend:z}):null,e[12]=Z,e[13]=z,e[14]=j,e[15]=C,e[16]=E,e[17]=P,e[18]=w):w=e[18];let g;e[19]!==w?(g=t.jsxRuntimeExports.jsx(ie.GraphArea,{ref:y,children:w}),e[19]=w,e[20]=g):g=e[20];let h;e[21]!==c?.footnote||e[22]!==c?.source||e[23]!==r||e[24]!==u||e[25]!==l?.footnote||e[26]!==l?.source||e[27]!==s?(h=u||r?t.jsxRuntimeExports.jsx(pe.GraphFooter,{styles:{footnote:l?.footnote,source:l?.source},classNames:{footnote:c?.footnote,source:c?.source},sources:u,footNote:r,width:s}):null,e[21]=c?.footnote,e[22]=c?.source,e[23]=r,e[24]=u,e[25]=l?.footnote,e[26]=l?.source,e[27]=s,e[28]=h):h=e[28];let v;return e[29]!==G||e[30]!==F||e[31]!==b||e[32]!==o||e[33]!==L||e[34]!==V||e[35]!==p||e[36]!==f||e[37]!==O||e[38]!==d||e[39]!==g||e[40]!==h||e[41]!==R||e[42]!==H||e[43]!==s?(v=t.jsxRuntimeExports.jsxs(ie.GraphContainer,{className:R,style:O,id:b,ref:I,"aria-label":G,backgroundColor:F,theme:H,language:L,minHeight:V,width:s,height:o,relativeHeight:f,padding:p,children:[d,g,h]}),e[29]=G,e[30]=F,e[31]=b,e[32]=o,e[33]=L,e[34]=V,e[35]=p,e[36]=f,e[37]=O,e[38]=d,e[39]=g,e[40]=h,e[41]=R,e[42]=H,e[43]=s,e[44]=v):v=e[44],v}exports.GeoHubCompareMaps=be;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./compiler-runtime-oPPev21o.cjs"),a=require("react"),ce=require("maplibre-gl"),ae=require("pmtiles");;/* empty css                       */const Q=require("@dnd-kit/core"),ue=require("@dnd-kit/modifiers"),ne=require("./index-DbSnila_.cjs"),me=require("./string2HTML-30nfIm8R.cjs"),re=require("./select-Bnfk0lJx.cjs"),fe=require("./GraphHeader.cjs"),pe=require("./GraphFooter.cjs"),ie=require("./GraphContainer-gaG9TSy4.cjs");function le(m){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(m){for(const n in m)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(m,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:()=>m[n]})}}return e.default=m,Object.freeze(e)}const T=le(ce),de=le(ae);function ge(m,e){let n=!1;function o(s,f){if(!n){n=!0;const u=s.getCenter(),i=s.getZoom(),r=s.getBearing(),p=s.getPitch();f.jumpTo({center:u,zoom:i,bearing:r,pitch:p}),n=!1}}m.on("move",()=>{o(m,e)}),e.on("move",()=>{o(e,m)})}function he(m){const e=t.compilerRuntimeExports.c(47),{height:n,width:o,mapStyles:s,center:f,zoomLevel:u,mapLegend:i}=m,[r,p]=a.useState(50),[x,b]=a.useState(!1),j=a.useRef(null),[N,W]=a.useState(!0),B=a.useRef(50),$=a.useRef(0);let q;e[0]===Symbol.for("react.memo_cache_sentinel")?(q={activationConstraint:{distance:0}},e[0]=q):q=e[0];const G=Q.useSensors(Q.useSensor(Q.PointerSensor,q));let l;e[1]!==r?(l=()=>{b(!0),B.current=r,j.current&&($.current=j.current.getBoundingClientRect().width)},e[1]=r,e[2]=l):l=e[2];const c=l;let z;e[3]===Symbol.for("react.memo_cache_sentinel")?(z=Y=>{if(!j.current||$.current===0)return;const K=Y.delta.x/$.current*100,ee=Math.max(0,Math.min(100,B.current+K));p(ee)},e[3]=z):z=e[3];const F=z;let w;e[4]===Symbol.for("react.memo_cache_sentinel")?(w=()=>{b(!1)},e[4]=w):w=e[4];const Z=w;let P;e[5]!==x?(P=Y=>{if(x||!j.current)return;const K=j.current.getBoundingClientRect(),te=(Y.clientX-K.left)/K.width*100;p(Math.max(0,Math.min(100,te)))},e[5]=x,e[6]=P):P=e[6];const L=P,V=a.useRef(null),H=a.useRef(null),E=a.useRef(null),J=a.useRef(null);let C,A;e[7]!==f||e[8]!==s||e[9]!==o||e[10]!==u?(C=()=>{if(J.current&&H.current&&E.current&&o){re.select(J.current).selectAll(".maplibregl-compare").remove(),re.select(H.current).selectAll("div").remove(),re.select(E.current).selectAll("div").remove();const te=new de.Protocol;T.addProtocol("pmtiles",te.tile);const oe=new T.Map({container:H.current,style:s[0],center:f||[0,0],zoom:u||4}),se=new T.Map({container:E.current,style:s[1],center:f||[0,0],zoom:u||4});se.addControl(new T.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),"bottom-right"),oe.addControl(new T.ScaleControl,"bottom-left"),oe.addControl(new T.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),"bottom-right"),se.addControl(new T.ScaleControl,"bottom-left"),ge(oe,se)}},A=[o,s,f,u],e[7]=f,e[8]=s,e[9]=o,e[10]=u,e[11]=C,e[12]=A):(C=e[11],A=e[12]),a.useEffect(C,A);let y;e[13]!==n||e[14]!==o?(y={width:o,height:n},e[13]=n,e[14]=o,e[15]=y):y=e[15];let I;e[16]===Symbol.for("react.memo_cache_sentinel")?(I={inset:0},e[16]=I):I=e[16];let _;e[17]===Symbol.for("react.memo_cache_sentinel")?(_=[ue.restrictToHorizontalAxis],e[17]=_):_=e[17];const k=x?"grabbing":"col-resize";let R;e[18]!==n||e[19]!==k||e[20]!==o?(R={position:"relative",width:o,height:n,overflow:"hidden",cursor:k,userSelect:"none"},e[18]=n,e[19]=k,e[20]=o,e[21]=R):R=e[21];const O=`polygon(${r}% 0%, ${r}% 100%, 100% 100%, 100% 0%)`;let d;e[22]!==O?(d=t.jsxRuntimeExports.jsx("div",{ref:E,className:"absolute h-full rightMap w-full",style:{position:"absolute",top:0,left:0,clipPath:O}}),e[22]=O,e[23]=d):d=e[23];const S=`polygon(0% 0%, ${r}% 0%, ${r}% 100%, 0% 100%)`;let g;e[24]!==S?(g=t.jsxRuntimeExports.jsx("div",{ref:H,className:"absolute h-full leftMap w-full",style:{position:"absolute",top:0,left:0,inset:0,clipPath:S}}),e[24]=S,e[25]=g):g=e[25];let h;e[26]!==r?(h=t.jsxRuntimeExports.jsx(xe,{position:r}),e[26]=r,e[27]=h):h=e[27];let v;e[28]!==L||e[29]!==R||e[30]!==d||e[31]!==g||e[32]!==h?(v=t.jsxRuntimeExports.jsxs("div",{ref:j,style:R,onClick:L,children:[d,g,h]}),e[28]=L,e[29]=R,e[30]=d,e[31]=g,e[32]=h,e[33]=v):v=e[33];let M;e[34]!==c||e[35]!==G||e[36]!==v?(M=t.jsxRuntimeExports.jsx("div",{ref:J,className:"map maplibre-show-control relative w-full h-full",style:I,children:t.jsxRuntimeExports.jsx(Q.DndContext,{sensors:G,modifiers:_,onDragStart:c,onDragMove:F,onDragEnd:Z,children:v})}),e[34]=c,e[35]=G,e[36]=v,e[37]=M):M=e[37];let D;e[38]!==M||e[39]!==y?(D=t.jsxRuntimeExports.jsx("div",{style:y,children:M}),e[38]=M,e[39]=y,e[40]=D):D=e[40];let X;e[41]!==i||e[42]!==N?(X=i?t.jsxRuntimeExports.jsx("div",{className:"absolute left-[22px] bottom-13",children:N?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("div",{className:"color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",onClick:()=>{W(!1)},children:t.jsxRuntimeExports.jsx(ne.X,{})}),t.jsxRuntimeExports.jsx("div",{className:"color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",dangerouslySetInnerHTML:typeof i=="string"?{__html:me.string2HTML(i)}:void 0,children:a.isValidElement(i)?i:null})]}):t.jsxRuntimeExports.jsx("button",{type:"button",className:"p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button",onClick:()=>{W(!0)},children:t.jsxRuntimeExports.jsx(ne.ExpandIcon,{})})}):null,e[41]=i,e[42]=N,e[43]=X):X=e[43];let U;return e[44]!==D||e[45]!==X?(U=t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col grow justify-center leading-0",ref:V,"aria-label":"Map area",children:[D,X]}),e[44]=D,e[45]=X,e[46]=U):U=e[46],U}function xe(m){const e=t.compilerRuntimeExports.c(10),{position:n}=m;let o;e[0]===Symbol.for("react.memo_cache_sentinel")?(o={id:"slider-handle"},e[0]=o):o=e[0];const{attributes:s,listeners:f,setNodeRef:u}=Q.useDraggable(o),i=`${n}%`;let r;e[1]!==i?(r={position:"absolute",left:i,top:0,bottom:0,width:"40px",transform:"translateX(-50%)",cursor:"col-resize",display:"flex",justifyContent:"center",alignItems:"center",zIndex:10,touchAction:"none"},e[1]=i,e[2]=r):r=e[2];let p;e[3]===Symbol.for("react.memo_cache_sentinel")?(p=t.jsxRuntimeExports.jsx("div",{className:"h-full bg-primary-blue-600 dark:bg-primary-blue-400",style:{width:"2px"}}),e[3]=p):p=e[3];let x;e[4]===Symbol.for("react.memo_cache_sentinel")?(x=t.jsxRuntimeExports.jsx("div",{className:"flex bg-primary-blue-600 dark:bg-primary-blue-400 rounded-full absolute items-center justify-center text-primary-white font-primary-white",style:{boxShadow:"inset 0 0 0 1px #fff",width:"42px",height:"42px",top:"calc(50% - 21px)",left:"0",cursor:"col-resize"},children:t.jsxRuntimeExports.jsx(ne.ChevronLeftRight,{})}),e[4]=x):x=e[4];let b;return e[5]!==s||e[6]!==f||e[7]!==u||e[8]!==r?(b=t.jsxRuntimeExports.jsxs("div",{ref:u,style:r,...f,...s,children:[p,x]}),e[5]=s,e[6]=f,e[7]=u,e[8]=r,e[9]=b):b=e[9],b}function be(m){const e=t.compilerRuntimeExports.c(45),{graphTitle:n,height:o,width:s,relativeHeight:f,sources:u,graphDescription:i,footNote:r,padding:p,backgroundColor:x,graphID:b,mapStyles:j,center:N,zoomLevel:W,language:B,minHeight:$,theme:q,ariaLabel:G,styles:l,classNames:c,mapLegend:z}=m,F=x===void 0?!1:x;let w;e[0]!==N?(w=N===void 0?[0,0]:N,e[0]=N,e[1]=w):w=e[1];const Z=w,P=W===void 0?3:W,L=B===void 0?"en":B,V=$===void 0?0:$,H=q===void 0?"light":q,[E,J]=a.useState(0),[C,A]=a.useState(0),y=a.useRef(null),I=a.useRef(null);let _,k;e[2]===Symbol.for("react.memo_cache_sentinel")?(_=()=>{const M=new ResizeObserver(D=>{J(D[0].target.clientWidth||620),A(D[0].target.clientHeight||480)});return y.current&&M.observe(y.current),()=>M.disconnect()},k=[],e[2]=_,e[3]=k):(_=e[2],k=e[3]),a.useEffect(_,k);const R=c?.graphContainer,O=l?.graphContainer;let d;e[4]!==c?.description||e[5]!==c?.title||e[6]!==i||e[7]!==n||e[8]!==l?.description||e[9]!==l?.title||e[10]!==s?(d=n||i?t.jsxRuntimeExports.jsx(fe.GraphHeader,{styles:{title:l?.title,description:l?.description},classNames:{title:c?.title,description:c?.description},graphTitle:n,graphDescription:i,width:s}):null,e[4]=c?.description,e[5]=c?.title,e[6]=i,e[7]=n,e[8]=l?.description,e[9]=l?.title,e[10]=s,e[11]=d):d=e[11];let S;e[12]!==Z||e[13]!==z||e[14]!==j||e[15]!==C||e[16]!==E||e[17]!==P?(S=E&&C?t.jsxRuntimeExports.jsx(he,{width:E,height:C,mapStyles:j,center:Z,zoomLevel:P,mapLegend:z}):null,e[12]=Z,e[13]=z,e[14]=j,e[15]=C,e[16]=E,e[17]=P,e[18]=S):S=e[18];let g;e[19]!==S?(g=t.jsxRuntimeExports.jsx(ie.GraphArea,{ref:y,children:S}),e[19]=S,e[20]=g):g=e[20];let h;e[21]!==c?.footnote||e[22]!==c?.source||e[23]!==r||e[24]!==u||e[25]!==l?.footnote||e[26]!==l?.source||e[27]!==s?(h=u||r?t.jsxRuntimeExports.jsx(pe.GraphFooter,{styles:{footnote:l?.footnote,source:l?.source},classNames:{footnote:c?.footnote,source:c?.source},sources:u,footNote:r,width:s}):null,e[21]=c?.footnote,e[22]=c?.source,e[23]=r,e[24]=u,e[25]=l?.footnote,e[26]=l?.source,e[27]=s,e[28]=h):h=e[28];let v;return e[29]!==G||e[30]!==F||e[31]!==b||e[32]!==o||e[33]!==L||e[34]!==V||e[35]!==p||e[36]!==f||e[37]!==O||e[38]!==d||e[39]!==g||e[40]!==h||e[41]!==R||e[42]!==H||e[43]!==s?(v=t.jsxRuntimeExports.jsxs(ie.GraphContainer,{className:R,style:O,id:b,ref:I,"aria-label":G,backgroundColor:F,theme:H,language:L,minHeight:V,width:s,height:o,relativeHeight:f,padding:p,children:[d,g,h]}),e[29]=G,e[30]=F,e[31]=b,e[32]=o,e[33]=L,e[34]=V,e[35]=p,e[36]=f,e[37]=O,e[38]=d,e[39]=g,e[40]=h,e[41]=R,e[42]=H,e[43]=s,e[44]=v):v=e[44],v}exports.GeoHubCompareMaps=be;
 //# sourceMappingURL=GeoHubCompareMaps.cjs.map

package/dist/GeoHubCompareMaps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GeoHubCompareMaps.cjs","sources":["../src/Components/Graphs/Maps/GeoHubMaps/CompareMaps/Graph.tsx","../src/Components/Graphs/Maps/GeoHubMaps/CompareMaps/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\nimport * as maplibreGl from 'maplibre-gl';\r\nimport * as pmtiles from 'pmtiles';\r\nimport 'maplibre-gl/dist/maplibre-gl.css';\r\nimport { select } from 'd3-selection';\r\nimport {\r\n  DndContext,\r\n  useDraggable,\r\n  useSensor,\r\n  useSensors,\r\n  PointerSensor,\r\n  DragMoveEvent,\r\n} from '@dnd-kit/core';\r\nimport { restrictToHorizontalAxis } from '@dnd-kit/modifiers';\r\nimport React from 'react';\r\n\r\nimport { ChevronLeftRight, ExpandIcon, X } from '@/Components/Icons';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\n\r\ninterface Props {\r\n  width: number;\r\n  height: number;\r\n  mapStyles: [string, string];\r\n  center: [number, number];\r\n  mapLegend?: string | React.ReactNode;\r\n  zoomLevel: number;\r\n}\r\n\r\nfunction synchronizeMap(map1: maplibreGl.Map, map2: maplibreGl.Map) {\r\n  let isSyncing = false;\r\n  function syncMap(sourceMap: maplibreGl.Map, targetMap: maplibreGl.Map) {\r\n    if (!isSyncing) {\r\n      isSyncing = true;\r\n      const center = sourceMap.getCenter();\r\n      const zoom = sourceMap.getZoom();\r\n      const bearing = sourceMap.getBearing();\r\n      const pitch = sourceMap.getPitch();\r\n      targetMap.jumpTo({\r\n        center,\r\n        zoom,\r\n        bearing,\r\n        pitch,\r\n      });\r\n      isSyncing = false;\r\n    }\r\n  }\r\n\r\n  // Event listeners for map1\r\n  map1.on('move', () => {\r\n    syncMap(map1, map2);\r\n  });\r\n\r\n  // Event listeners for map2\r\n  map2.on('move', () => {\r\n    syncMap(map2, map1);\r\n  });\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const { height, width, mapStyles, center, zoomLevel, mapLegend } = props;\r\n  const [position, setPosition] = useState(50);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  const dragStartPositionRef = useRef(50);\r\n  const sliderWidthRef = useRef(0);\r\n\r\n  const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 0 } }));\r\n\r\n  const handleDragStart = () => {\r\n    setIsDragging(true);\r\n    dragStartPositionRef.current = position;\r\n\r\n    if (containerRef.current) {\r\n      sliderWidthRef.current = containerRef.current.getBoundingClientRect().width;\r\n    }\r\n  };\r\n\r\n  const handleDragMove = (event: DragMoveEvent) => {\r\n    if (!containerRef.current || sliderWidthRef.current === 0) return;\r\n\r\n    // Calculate position change as percentage of width\r\n    const deltaPercentage = (event.delta.x / sliderWidthRef.current) * 100;\r\n    const newPosition = Math.max(0, Math.min(100, dragStartPositionRef.current + deltaPercentage));\r\n\r\n    setPosition(newPosition);\r\n  };\r\n\r\n  const handleDragEnd = () => {\r\n    setIsDragging(false);\r\n  };\r\n\r\n  const handleClick = (e: React.MouseEvent) => {\r\n    if (isDragging || !containerRef.current) return;\r\n\r\n    const rect = containerRef.current.getBoundingClientRect();\r\n    const clickX = e.clientX - rect.left;\r\n    const newPosition = (clickX / rect.width) * 100;\r\n\r\n    setPosition(Math.max(0, Math.min(100, newPosition)));\r\n  };\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const leftMapRef = useRef<HTMLDivElement>(null);\r\n  const rightMapRef = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    if (mapContainer.current && leftMapRef.current && rightMapRef.current && width) {\r\n      const mapDiv = select(mapContainer.current);\r\n      mapDiv.selectAll('.maplibregl-compare').remove();\r\n      const leftMapDiv = select(leftMapRef.current);\r\n      leftMapDiv.selectAll('div').remove();\r\n      const rightMapDiv = select(rightMapRef.current);\r\n      rightMapDiv.selectAll('div').remove();\r\n      const protocol = new pmtiles.Protocol();\r\n      maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n      const leftMap = new maplibreGl.Map({\r\n        container: leftMapRef.current,\r\n        style: mapStyles[0],\r\n        center: center || [0, 0],\r\n        zoom: zoomLevel || 4,\r\n      });\r\n\r\n      const rightMap = new maplibreGl.Map({\r\n        container: rightMapRef.current,\r\n        style: mapStyles[1],\r\n        center: center || [0, 0],\r\n        zoom: zoomLevel || 4,\r\n      });\r\n      rightMap.addControl(\r\n        new maplibreGl.NavigationControl({\r\n          visualizePitch: true,\r\n          showZoom: true,\r\n          showCompass: true,\r\n        }),\r\n        'bottom-right',\r\n      );\r\n      leftMap.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      leftMap.addControl(\r\n        new maplibreGl.NavigationControl({\r\n          visualizePitch: true,\r\n          showZoom: true,\r\n          showCompass: true,\r\n        }),\r\n        'bottom-right',\r\n      );\r\n      rightMap.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      synchronizeMap(leftMap, rightMap);\r\n    }\r\n  }, [width, mapStyles, center, zoomLevel]);\r\n  return (\r\n    <div\r\n      className='flex flex-col grow justify-center leading-0'\r\n      ref={graphDiv}\r\n      aria-label='Map area'\r\n    >\r\n      <div\r\n        style={{\r\n          width,\r\n          height,\r\n        }}\r\n      >\r\n        <div\r\n          ref={mapContainer}\r\n          className='map maplibre-show-control relative w-full h-full'\r\n          style={{ inset: 0 }}\r\n        >\r\n          <DndContext\r\n            sensors={sensors}\r\n            modifiers={[restrictToHorizontalAxis]}\r\n            onDragStart={handleDragStart}\r\n            onDragMove={handleDragMove}\r\n            onDragEnd={handleDragEnd}\r\n          >\r\n            <div\r\n              ref={containerRef}\r\n              style={{\r\n                position: 'relative',\r\n                width,\r\n                height,\r\n                overflow: 'hidden',\r\n                cursor: isDragging ? 'grabbing' : 'col-resize',\r\n                userSelect: 'none', // Prevent text selection during drag\r\n              }}\r\n              onClick={handleClick}\r\n            >\r\n              <div\r\n                ref={rightMapRef}\r\n                className='absolute h-full rightMap w-full'\r\n                style={{\r\n                  position: 'absolute',\r\n                  top: 0,\r\n                  left: 0,\r\n                  clipPath: `polygon(${position}% 0%, ${position}% 100%, 100% 100%, 100% 0%)`,\r\n                }}\r\n              />\r\n              <div\r\n                ref={leftMapRef}\r\n                className='absolute h-full leftMap w-full'\r\n                style={{\r\n                  position: 'absolute',\r\n                  top: 0,\r\n                  left: 0,\r\n                  inset: 0,\r\n                  clipPath: `polygon(0% 0%, ${position}% 0%, ${position}% 100%, 0% 100%)`,\r\n                }}\r\n              />\r\n\r\n              <SliderHandle position={position} />\r\n            </div>\r\n          </DndContext>\r\n        </div>\r\n      </div>\r\n      {mapLegend ? (\r\n        <div className='absolute left-[22px] bottom-13'>\r\n          {showLegend ? (\r\n            <>\r\n              <div\r\n                className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\r\n                onClick={() => {\r\n                  setShowLegend(false);\r\n                }}\r\n              >\r\n                <X />\r\n              </div>\r\n              <div\r\n                className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                dangerouslySetInnerHTML={\r\n                  typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\r\n                }\r\n              >\r\n                {React.isValidElement(mapLegend) ? mapLegend : null}\r\n              </div>\r\n            </>\r\n          ) : (\r\n            <button\r\n              type='button'\r\n              className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n              onClick={() => {\r\n                setShowLegend(true);\r\n              }}\r\n            >\r\n              <ExpandIcon />\r\n            </button>\r\n          )}\r\n        </div>\r\n      ) : null}\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface HandleProps {\r\n  position: number;\r\n}\r\n\r\nfunction SliderHandle(props: HandleProps) {\r\n  const { position } = props;\r\n  const { attributes, listeners, setNodeRef } = useDraggable({ id: 'slider-handle' });\r\n\r\n  return (\r\n    <div\r\n      ref={setNodeRef}\r\n      style={{\r\n        position: 'absolute',\r\n        left: `${position}%`,\r\n        top: 0,\r\n        bottom: 0,\r\n        width: '40px',\r\n        transform: 'translateX(-50%)',\r\n        cursor: 'col-resize',\r\n        display: 'flex',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n        zIndex: 10,\r\n        touchAction: 'none',\r\n      }}\r\n      {...listeners}\r\n      {...attributes}\r\n    >\r\n      <div\r\n        className='h-full bg-primary-blue-600 dark:bg-primary-blue-400'\r\n        style={{ width: '2px' }}\r\n      />\r\n      <div\r\n        className='flex bg-primary-blue-600 dark:bg-primary-blue-400 rounded-full absolute items-center justify-center text-primary-white font-primary-white'\r\n        style={{\r\n          boxShadow: 'inset 0 0 0 1px #fff',\r\n          width: '42px',\r\n          height: '42px',\r\n          top: 'calc(50% - 21px)',\r\n          left: '0',\r\n          cursor: 'col-resize',\r\n        }}\r\n      >\r\n        <ChevronLeftRight />\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import { useRef, useEffect, useState } from 'react';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** URLs for mapStyles JSON user wants to compare  */\r\n  mapStyles: [string, string];\r\n  /** Defines the legend for the map. mapLegend with type string is show as innerHTML. */\r\n  mapLegend?: string | React.ReactNode;\r\n  /** Starting center point of the map */\r\n  center?: [number, number];\r\n  /** Starting zoom level of the map */\r\n  zoomLevel?: number;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\n/** For using these maps you will have to install [`maplibre`](https://maplibre.org/maplibre-gl-js/docs/#npm), [pmtiles](https://www.npmjs.com/package/pmtiles), [dnd-kit/core](https://www.npmjs.com/package/@dnd-kit/core), and [dnd-kit/modifier](https://www.npmjs.com/package/@dnd-kit/modifiers) package to your project */\r\nexport function GeoHubCompareMaps(props: Props) {\r\n  const {\r\n    graphTitle,\r\n    height,\r\n    width,\r\n    relativeHeight,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    mapStyles,\r\n    center = [0, 0],\r\n    zoomLevel = 3,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    styles,\r\n    classNames,\r\n    mapLegend,\r\n  } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {svgWidth && svgHeight ? (\r\n          <Graph\r\n            width={svgWidth}\r\n            height={svgHeight}\r\n            mapStyles={mapStyles}\r\n            center={center}\r\n            zoomLevel={zoomLevel}\r\n            mapLegend={mapLegend}\r\n          />\r\n        ) : null}\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["synchronizeMap","map1","map2","isSyncing","syncMap","sourceMap","targetMap","center","getCenter","zoom","getZoom","bearing","getBearing","pitch","getPitch","jumpTo","on","Graph","props","$","_c","height","width","mapStyles","zoomLevel","mapLegend","position","setPosition","useState","isDragging","setIsDragging","containerRef","useRef","showLegend","setShowLegend","dragStartPositionRef","sliderWidthRef","t0","Symbol","for","activationConstraint","distance","sensors","useSensors","useSensor","PointerSensor","t1","current","getBoundingClientRect","handleDragStart","t2","event","deltaPercentage","delta","x","newPosition","Math","max","min","handleDragMove","t3","handleDragEnd","t4","e","rect","newPosition_0","clientX","left","handleClick","graphDiv","leftMapRef","rightMapRef","mapContainer","t5","t6","select","selectAll","remove","protocol","pmtiles","Protocol","maplibreGl","addProtocol","tile","leftMap","Map","container","style","rightMap","addControl","NavigationControl","visualizePitch","showZoom","showCompass","ScaleControl","useEffect","t7","t8","inset","t9","restrictToHorizontalAxis","t10","t11","overflow","cursor","userSelect","t12","t13","top","clipPath","t14","t15","t16","SliderHandle","t17","t18","jsx","DndContext","t19","t20","jsxs","Fragment","X","__html","string2HTML","undefined","React","isValidElement","ExpandIcon","t21","id","attributes","listeners","setNodeRef","useDraggable","bottom","transform","display","justifyContent","alignItems","zIndex","touchAction","boxShadow","ChevronLeftRight","GeoHubCompareMaps","graphTitle","relativeHeight","sources","graphDescription","footNote","padding","backgroundColor","graphID","language","minHeight","theme","ariaLabel","styles","classNames","svgWidth","setSvgWidth","svgHeight","setSvgHeight","graphParentDiv","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","graphContainer","description","title","GraphHeader","GraphArea","footnote","source","GraphFooter","GraphContainer"],"mappings":"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"}
+{"version":3,"file":"GeoHubCompareMaps.cjs","sources":["../src/Components/Graphs/Maps/GeoHubMaps/CompareMaps/Graph.tsx","../src/Components/Graphs/Maps/GeoHubMaps/CompareMaps/index.tsx"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\r\nimport * as maplibreGl from 'maplibre-gl';\r\nimport * as pmtiles from 'pmtiles';\r\nimport 'maplibre-gl/dist/maplibre-gl.css';\r\nimport { select } from 'd3-selection';\r\nimport {\r\n  DndContext,\r\n  useDraggable,\r\n  useSensor,\r\n  useSensors,\r\n  PointerSensor,\r\n  DragMoveEvent,\r\n} from '@dnd-kit/core';\r\nimport { restrictToHorizontalAxis } from '@dnd-kit/modifiers';\r\nimport React from 'react';\r\n\r\nimport { ChevronLeftRight, ExpandIcon, X } from '@/Components/Icons';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\n\r\ninterface Props {\r\n  width: number;\r\n  height: number;\r\n  mapStyles: [string, string];\r\n  center: [number, number];\r\n  mapLegend?: string | React.ReactNode;\r\n  zoomLevel: number;\r\n}\r\n\r\nfunction synchronizeMap(map1: maplibreGl.Map, map2: maplibreGl.Map) {\r\n  let isSyncing = false;\r\n  function syncMap(sourceMap: maplibreGl.Map, targetMap: maplibreGl.Map) {\r\n    if (!isSyncing) {\r\n      isSyncing = true;\r\n      const center = sourceMap.getCenter();\r\n      const zoom = sourceMap.getZoom();\r\n      const bearing = sourceMap.getBearing();\r\n      const pitch = sourceMap.getPitch();\r\n      targetMap.jumpTo({\r\n        center,\r\n        zoom,\r\n        bearing,\r\n        pitch,\r\n      });\r\n      isSyncing = false;\r\n    }\r\n  }\r\n\r\n  // Event listeners for map1\r\n  map1.on('move', () => {\r\n    syncMap(map1, map2);\r\n  });\r\n\r\n  // Event listeners for map2\r\n  map2.on('move', () => {\r\n    syncMap(map2, map1);\r\n  });\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const { height, width, mapStyles, center, zoomLevel, mapLegend } = props;\r\n  const [position, setPosition] = useState(50);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const [showLegend, setShowLegend] = useState(true);\r\n  const dragStartPositionRef = useRef(50);\r\n  const sliderWidthRef = useRef(0);\r\n\r\n  const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 0 } }));\r\n\r\n  const handleDragStart = () => {\r\n    setIsDragging(true);\r\n    dragStartPositionRef.current = position;\r\n\r\n    if (containerRef.current) {\r\n      sliderWidthRef.current = containerRef.current.getBoundingClientRect().width;\r\n    }\r\n  };\r\n\r\n  const handleDragMove = (event: DragMoveEvent) => {\r\n    if (!containerRef.current || sliderWidthRef.current === 0) return;\r\n\r\n    // Calculate position change as percentage of width\r\n    const deltaPercentage = (event.delta.x / sliderWidthRef.current) * 100;\r\n    const newPosition = Math.max(0, Math.min(100, dragStartPositionRef.current + deltaPercentage));\r\n\r\n    setPosition(newPosition);\r\n  };\r\n\r\n  const handleDragEnd = () => {\r\n    setIsDragging(false);\r\n  };\r\n\r\n  const handleClick = (e: React.MouseEvent) => {\r\n    if (isDragging || !containerRef.current) return;\r\n\r\n    const rect = containerRef.current.getBoundingClientRect();\r\n    const clickX = e.clientX - rect.left;\r\n    const newPosition = (clickX / rect.width) * 100;\r\n\r\n    setPosition(Math.max(0, Math.min(100, newPosition)));\r\n  };\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const leftMapRef = useRef<HTMLDivElement>(null);\r\n  const rightMapRef = useRef<HTMLDivElement>(null);\r\n  const mapContainer = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    if (mapContainer.current && leftMapRef.current && rightMapRef.current && width) {\r\n      const mapDiv = select(mapContainer.current);\r\n      mapDiv.selectAll('.maplibregl-compare').remove();\r\n      const leftMapDiv = select(leftMapRef.current);\r\n      leftMapDiv.selectAll('div').remove();\r\n      const rightMapDiv = select(rightMapRef.current);\r\n      rightMapDiv.selectAll('div').remove();\r\n      const protocol = new pmtiles.Protocol();\r\n      maplibreGl.addProtocol('pmtiles', protocol.tile);\r\n      const leftMap = new maplibreGl.Map({\r\n        container: leftMapRef.current,\r\n        style: mapStyles[0],\r\n        center: center || [0, 0],\r\n        zoom: zoomLevel || 4,\r\n      });\r\n\r\n      const rightMap = new maplibreGl.Map({\r\n        container: rightMapRef.current,\r\n        style: mapStyles[1],\r\n        center: center || [0, 0],\r\n        zoom: zoomLevel || 4,\r\n      });\r\n      rightMap.addControl(\r\n        new maplibreGl.NavigationControl({\r\n          visualizePitch: true,\r\n          showZoom: true,\r\n          showCompass: true,\r\n        }),\r\n        'bottom-right',\r\n      );\r\n      leftMap.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      leftMap.addControl(\r\n        new maplibreGl.NavigationControl({\r\n          visualizePitch: true,\r\n          showZoom: true,\r\n          showCompass: true,\r\n        }),\r\n        'bottom-right',\r\n      );\r\n      rightMap.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\r\n      synchronizeMap(leftMap, rightMap);\r\n    }\r\n  }, [width, mapStyles, center, zoomLevel]);\r\n  return (\r\n    <div\r\n      className='flex flex-col grow justify-center leading-0'\r\n      ref={graphDiv}\r\n      aria-label='Map area'\r\n    >\r\n      <div\r\n        style={{\r\n          width,\r\n          height,\r\n        }}\r\n      >\r\n        <div\r\n          ref={mapContainer}\r\n          className='map maplibre-show-control relative w-full h-full'\r\n          style={{ inset: 0 }}\r\n        >\r\n          <DndContext\r\n            sensors={sensors}\r\n            modifiers={[restrictToHorizontalAxis]}\r\n            onDragStart={handleDragStart}\r\n            onDragMove={handleDragMove}\r\n            onDragEnd={handleDragEnd}\r\n          >\r\n            <div\r\n              ref={containerRef}\r\n              style={{\r\n                position: 'relative',\r\n                width,\r\n                height,\r\n                overflow: 'hidden',\r\n                cursor: isDragging ? 'grabbing' : 'col-resize',\r\n                userSelect: 'none', // Prevent text selection during drag\r\n              }}\r\n              onClick={handleClick}\r\n            >\r\n              <div\r\n                ref={rightMapRef}\r\n                className='absolute h-full rightMap w-full'\r\n                style={{\r\n                  position: 'absolute',\r\n                  top: 0,\r\n                  left: 0,\r\n                  clipPath: `polygon(${position}% 0%, ${position}% 100%, 100% 100%, 100% 0%)`,\r\n                }}\r\n              />\r\n              <div\r\n                ref={leftMapRef}\r\n                className='absolute h-full leftMap w-full'\r\n                style={{\r\n                  position: 'absolute',\r\n                  top: 0,\r\n                  left: 0,\r\n                  inset: 0,\r\n                  clipPath: `polygon(0% 0%, ${position}% 0%, ${position}% 100%, 0% 100%)`,\r\n                }}\r\n              />\r\n\r\n              <SliderHandle position={position} />\r\n            </div>\r\n          </DndContext>\r\n        </div>\r\n      </div>\r\n      {mapLegend ? (\r\n        <div className='absolute left-[22px] bottom-13'>\r\n          {showLegend ? (\r\n            <>\r\n              <div\r\n                className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\r\n                onClick={() => {\r\n                  setShowLegend(false);\r\n                }}\r\n              >\r\n                <X />\r\n              </div>\r\n              <div\r\n                className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                dangerouslySetInnerHTML={\r\n                  typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\r\n                }\r\n              >\r\n                {React.isValidElement(mapLegend) ? mapLegend : null}\r\n              </div>\r\n            </>\r\n          ) : (\r\n            <button\r\n              type='button'\r\n              className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n              onClick={() => {\r\n                setShowLegend(true);\r\n              }}\r\n            >\r\n              <ExpandIcon />\r\n            </button>\r\n          )}\r\n        </div>\r\n      ) : null}\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface HandleProps {\r\n  position: number;\r\n}\r\n\r\nfunction SliderHandle(props: HandleProps) {\r\n  const { position } = props;\r\n  const { attributes, listeners, setNodeRef } = useDraggable({ id: 'slider-handle' });\r\n\r\n  return (\r\n    <div\r\n      ref={setNodeRef}\r\n      style={{\r\n        position: 'absolute',\r\n        left: `${position}%`,\r\n        top: 0,\r\n        bottom: 0,\r\n        width: '40px',\r\n        transform: 'translateX(-50%)',\r\n        cursor: 'col-resize',\r\n        display: 'flex',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n        zIndex: 10,\r\n        touchAction: 'none',\r\n      }}\r\n      {...listeners}\r\n      {...attributes}\r\n    >\r\n      <div\r\n        className='h-full bg-primary-blue-600 dark:bg-primary-blue-400'\r\n        style={{ width: '2px' }}\r\n      />\r\n      <div\r\n        className='flex bg-primary-blue-600 dark:bg-primary-blue-400 rounded-full absolute items-center justify-center text-primary-white font-primary-white'\r\n        style={{\r\n          boxShadow: 'inset 0 0 0 1px #fff',\r\n          width: '42px',\r\n          height: '42px',\r\n          top: 'calc(50% - 21px)',\r\n          left: '0',\r\n          cursor: 'col-resize',\r\n        }}\r\n      >\r\n        <ChevronLeftRight />\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import { useRef, useEffect, useState } from 'react';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** URLs for mapStyles JSON user wants to compare  */\r\n  mapStyles: [string, string];\r\n  /** Defines the legend for the map. mapLegend with type string is show as innerHTML. */\r\n  mapLegend?: string | React.ReactNode;\r\n  /** Starting center point of the map */\r\n  center?: [number, number];\r\n  /** Starting zoom level of the map */\r\n  zoomLevel?: number;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\n/** For using these maps you will have to install [`maplibre`](https://maplibre.org/maplibre-gl-js/docs/#npm), [pmtiles](https://www.npmjs.com/package/pmtiles), [dnd-kit/core](https://www.npmjs.com/package/@dnd-kit/core), and [dnd-kit/modifier](https://www.npmjs.com/package/@dnd-kit/modifiers) package to your project */\r\nexport function GeoHubCompareMaps(props: Props) {\r\n  const {\r\n    graphTitle,\r\n    height,\r\n    width,\r\n    relativeHeight,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    mapStyles,\r\n    center = [0, 0],\r\n    zoomLevel = 3,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    styles,\r\n    classNames,\r\n    mapLegend,\r\n  } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {svgWidth && svgHeight ? (\r\n          <Graph\r\n            width={svgWidth}\r\n            height={svgHeight}\r\n            mapStyles={mapStyles}\r\n            center={center}\r\n            zoomLevel={zoomLevel}\r\n            mapLegend={mapLegend}\r\n          />\r\n        ) : null}\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["synchronizeMap","map1","map2","isSyncing","syncMap","sourceMap","targetMap","center","getCenter","zoom","getZoom","bearing","getBearing","pitch","getPitch","jumpTo","on","Graph","props","$","_c","height","width","mapStyles","zoomLevel","mapLegend","position","setPosition","useState","isDragging","setIsDragging","containerRef","useRef","showLegend","setShowLegend","dragStartPositionRef","sliderWidthRef","t0","Symbol","for","activationConstraint","distance","sensors","useSensors","useSensor","PointerSensor","t1","current","getBoundingClientRect","handleDragStart","t2","event","deltaPercentage","delta","x","newPosition","Math","max","min","handleDragMove","t3","handleDragEnd","t4","e","rect","newPosition_0","clientX","left","handleClick","graphDiv","leftMapRef","rightMapRef","mapContainer","t5","t6","select","selectAll","remove","protocol","pmtiles","Protocol","maplibreGl","addProtocol","tile","leftMap","Map","container","style","rightMap","addControl","NavigationControl","visualizePitch","showZoom","showCompass","ScaleControl","useEffect","t7","t8","inset","t9","restrictToHorizontalAxis","t10","t11","overflow","cursor","userSelect","t12","t13","top","clipPath","t14","t15","t16","SliderHandle","t17","t18","jsx","DndContext","t19","t20","jsxs","Fragment","X","__html","string2HTML","undefined","React","isValidElement","ExpandIcon","t21","id","attributes","listeners","setNodeRef","useDraggable","bottom","transform","display","justifyContent","alignItems","zIndex","touchAction","boxShadow","ChevronLeftRight","GeoHubCompareMaps","graphTitle","relativeHeight","sources","graphDescription","footNote","padding","backgroundColor","graphID","language","minHeight","theme","ariaLabel","styles","classNames","svgWidth","setSvgWidth","svgHeight","setSvgHeight","graphParentDiv","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","graphContainer","description","title","GraphHeader","GraphArea","footnote","source","GraphFooter","GraphContainer"],"mappings":"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"}

package/dist/GeoHubCompareMaps.js

@@ -1,16 +1,16 @@
-import { c as le, j as t } from "./index-CHPV5EwG-BzibaIRc.js";
+import { c as le, j as t } from "./compiler-runtime-qHgugrLy.js";
 import ie, { useState as Q, useRef as z, useEffect as se } from "react";
 import * as I from "maplibre-gl";
 import * as ae from "pmtiles";
 /* empty css                     */
 import { useSensors as ce, useSensor as fe, PointerSensor as me, DndContext as de, useDraggable as ue } from "@dnd-kit/core";
 import { restrictToHorizontalAxis as pe } from "@dnd-kit/modifiers";
-import { X as he, E as ge, C as be } from "./index-ApTBN0kp.js";
+import { X as he, E as ge, f as be } from "./index-D_ls5oK8.js";
 import { s as ve } from "./string2HTML-DL-pInUB.js";
 import { s as ne } from "./select-DKy99ogv.js";
 import { GraphHeader as xe } from "./GraphHeader.js";
 import { GraphFooter as ye } from "./GraphFooter.js";
-import { a as we, G as je } from "./GraphContainer-B8ZqOzKI.js";
+import { a as we, G as je } from "./GraphContainer-DcOM2CI6.js";
 function Ce(j, e) {
   let i = !1;
   function n(o, f) {
@@ -52,27 +52,27 @@ function Se(j) {
     g(!0), F.current = r, v.current && (T.current = v.current.getBoundingClientRect().width);
   }, e[1] = r, e[2] = s) : s = e[2];
   const a = s;
-  let k;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = (Y) => {
+  let R;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = (Y) => {
     if (!v.current || T.current === 0)
       return;
     const K = Y.delta.x / T.current * 100, ee = Math.max(0, Math.min(100, F.current + K));
     m(ee);
-  }, e[3] = k) : k = e[3];
-  const O = k;
+  }, e[3] = R) : R = e[3];
+  const O = R;
   let C;
   e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = () => {
     g(!1);
   }, e[4] = C) : C = e[4];
   const V = C;
-  let R;
-  e[5] !== h ? (R = (Y) => {
+  let k;
+  e[5] !== h ? (k = (Y) => {
     if (h || !v.current)
       return;
     const K = v.current.getBoundingClientRect(), te = (Y.clientX - K.left) / K.width * 100;
     m(Math.max(0, Math.min(100, te)));
-  }, e[5] = h, e[6] = R) : R = e[6];
-  const $ = R, q = z(null), H = z(null), S = z(null), J = z(null);
+  }, e[5] = h, e[6] = k) : k = e[6];
+  const $ = k, q = z(null), H = z(null), S = z(null), J = z(null);
   let _, X;
   e[7] !== f || e[8] !== o || e[9] !== n || e[10] !== c ? (_ = () => {
     if (J.current && H.current && S.current && n) {
@@ -236,11 +236,11 @@ function $e(j) {
     ariaLabel: G,
     styles: s,
     classNames: a,
-    mapLegend: k
+    mapLegend: R
   } = j, O = h === void 0 ? !1 : h;
   let C;
   e[0] !== P ? (C = P === void 0 ? [0, 0] : P, e[0] = P, e[1] = C) : C = e[1];
-  const V = C, R = Z === void 0 ? 3 : Z, $ = F === void 0 ? "en" : F, q = T === void 0 ? 0 : T, H = E === void 0 ? "light" : E, [S, J] = Q(0), [_, X] = Q(0), x = z(null), W = z(null);
+  const V = C, k = Z === void 0 ? 3 : Z, $ = F === void 0 ? "en" : F, q = T === void 0 ? 0 : T, H = E === void 0 ? "light" : E, [S, J] = Q(0), [_, X] = Q(0), x = z(null), W = z(null);
   let D, L;
   e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = () => {
     const M = new ResizeObserver((N) => {
@@ -258,7 +258,7 @@ function $e(j) {
     description: a?.description
   }, graphTitle: i, graphDescription: l, width: o }) : null, e[4] = a?.description, e[5] = a?.title, e[6] = l, e[7] = i, e[8] = s?.description, e[9] = s?.title, e[10] = o, e[11] = d) : d = e[11];
   let w;
-  e[12] !== V || e[13] !== k || e[14] !== v || e[15] !== _ || e[16] !== S || e[17] !== R ? (w = S && _ ? /* @__PURE__ */ t.jsx(Se, { width: S, height: _, mapStyles: v, center: V, zoomLevel: R, mapLegend: k }) : null, e[12] = V, e[13] = k, e[14] = v, e[15] = _, e[16] = S, e[17] = R, e[18] = w) : w = e[18];
+  e[12] !== V || e[13] !== R || e[14] !== v || e[15] !== _ || e[16] !== S || e[17] !== k ? (w = S && _ ? /* @__PURE__ */ t.jsx(Se, { width: S, height: _, mapStyles: v, center: V, zoomLevel: k, mapLegend: R }) : null, e[12] = V, e[13] = R, e[14] = v, e[15] = _, e[16] = S, e[17] = k, e[18] = w) : w = e[18];
   let u;
   e[19] !== w ? (u = /* @__PURE__ */ t.jsx(we, { ref: x, children: w }), e[19] = w, e[20] = u) : u = e[20];
   let p;

package/dist/GeoHubMap.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-D4pAp7u0.cjs"),c=require("react"),ue=require("./DropdownSelect-CX1yMemd.cjs"),N=require("maplibre-gl"),xe=require("pmtiles");;/* empty css                       */const ie=require("./fetchAndParseData-QTF6tjij.cjs"),ae=require("./filterData-T5DQBE9b.cjs"),se=require("./index-BhI7mBJx.cjs"),de=require("./string2HTML-30nfIm8R.cjs"),ce=require("./GraphContainer-Cul9b74X.cjs"),pe=require("./select-Bnfk0lJx.cjs"),fe=require("./GraphHeader.cjs"),be=require("./GraphFooter.cjs");function ye(g){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(g){for(const t in g)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(g,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>g[t]})}}return e.default=g,Object.freeze(e)}const me=ye(xe);function je(g){const e=o.compilerRuntimeExports.c(22),{mapStyle:t,center:i,zoomLevel:p,includeLayers:n,excludeLayers:u,mapLegend:a}=g,[l,L]=c.useState(0),[y,O]=c.useState(0),[j,w]=c.useState(!0),S=c.useRef(null),v=c.useRef(null),h=c.useRef(null);let R,x;e[0]===Symbol.for("react.memo_cache_sentinel")?(R=()=>{const d=new ResizeObserver(b=>{L(b[0].target.clientWidth||620),O(b[0].target.clientHeight||480)});return S.current&&d.observe(S.current),()=>d.disconnect()},x=[],e[0]=R,e[1]=x):(R=e[0],x=e[1]),c.useEffect(R,x);let f,m;e[2]!==i||e[3]!==u||e[4]!==n||e[5]!==t||e[6]!==l||e[7]!==p?(f=()=>{v.current&&l&&!h.current&&ie.fetchAndParseJSON(t).then(d=>{pe.select(v.current).selectAll("div").remove();const Q=new me.Protocol;N.addProtocol("pmtiles",Q.tile);const M={container:v.current,style:n.length===0&&u.length===0?d:{...d,layers:ae.filterData(d.layers,[{column:"id",includeValues:n,excludeValues:u}])},attributionControl:!0};i&&(M.center=i),p&&(M.zoom=p),h.current=new N.Map(M),h.current.addControl(new N.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),"bottom-right"),h.current.addControl(new N.ScaleControl,"bottom-left")})},m=[l,i,p,n,u,t],e[2]=i,e[3]=u,e[4]=n,e[5]=t,e[6]=l,e[7]=p,e[8]=f,e[9]=m):(f=e[8],m=e[9]),c.useEffect(f,m);let E,r;e[10]!==u||e[11]!==n||e[12]!==t?(E=()=>{h.current&&ie.fetchAndParseJSON(t).then(d=>{const b={...d,layers:ae.filterData(d.layers,[{column:"id",includeValues:n,excludeValues:u}])};h.current.setStyle(b)})},r=[u,n,t],e[10]=u,e[11]=n,e[12]=t,e[13]=E,e[14]=r):(E=e[13],r=e[14]),c.useEffect(E,r);let s;e[15]!==a||e[16]!==j||e[17]!==y||e[18]!==l?(s=l&&y?o.jsxRuntimeExports.jsxs("div",{style:{width:l,height:y},children:[o.jsxRuntimeExports.jsx("div",{ref:v,className:"map maplibre-show-control",style:{width:"100%",height:"100%"}}),a?o.jsxRuntimeExports.jsx("div",{className:"absolute left-[22px] bottom-13",children:j?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx("div",{className:"color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",onClick:()=>{w(!1)},children:o.jsxRuntimeExports.jsx(se.X,{})}),o.jsxRuntimeExports.jsx("div",{className:"color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",dangerouslySetInnerHTML:typeof a=="string"?{__html:de.string2HTML(a)}:void 0,children:c.isValidElement(a)?a:null})]}):o.jsxRuntimeExports.jsx("button",{type:"button",className:"p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button",onClick:()=>{w(!0)},children:o.jsxRuntimeExports.jsx(se.ExpandIcon,{})})}):null]}):null,e[15]=a,e[16]=j,e[17]=y,e[18]=l,e[19]=s):s=e[19];let C;return e[20]!==s?(C=o.jsxRuntimeExports.jsx(ce.GraphArea,{ref:S,children:s}),e[20]=s,e[21]=C):C=e[21],C}function ve(g){const e=o.compilerRuntimeExports.c(17),{mapStyle:t,center:i,zoomLevel:p,includeLayers:n,excludeLayers:u,mapLegend:a}=g,[l,L]=c.useState(0),[y,O]=c.useState(0),[j,w]=c.useState(!0),S=c.useRef(null),v=c.useRef(null);let h,R;e[0]===Symbol.for("react.memo_cache_sentinel")?(h=()=>{const r=new ResizeObserver(s=>{L(s[0].target.clientWidth||620),O(s[0].target.clientHeight||480)});return S.current&&r.observe(S.current),()=>r.disconnect()},R=[],e[0]=h,e[1]=R):(h=e[0],R=e[1]),c.useEffect(h,R);let x,f;e[2]!==i||e[3]!==u||e[4]!==n||e[5]!==t||e[6]!==l||e[7]!==p?(x=()=>{v.current&&l&&ie.fetchAndParseJSON(t).then(r=>{pe.select(v.current).selectAll("div").remove();const C=new me.Protocol;N.addProtocol("pmtiles",C.tile);const d={container:v.current,style:n.length===0&&u.length===0?r:{...r,layers:ae.filterData(r.layers,[{column:"id",includeValues:n,excludeValues:u}])},attributionControl:!0};i&&(d.center=i),p&&(d.zoom=p);const b=new N.Map(d);b.addControl(new N.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),"bottom-right"),b.addControl(new N.ScaleControl,"bottom-left")})},f=[l,t,i,p,n,u],e[2]=i,e[3]=u,e[4]=n,e[5]=t,e[6]=l,e[7]=p,e[8]=x,e[9]=f):(x=e[8],f=e[9]),c.useEffect(x,f);let m;e[10]!==a||e[11]!==j||e[12]!==y||e[13]!==l?(m=l&&y?o.jsxRuntimeExports.jsxs("div",{style:{width:l,height:y},children:[o.jsxRuntimeExports.jsx("div",{ref:v,className:"map maplibre-show-control",style:{width:"100%",height:"100%"}}),a?o.jsxRuntimeExports.jsx("div",{className:"absolute left-[22px] bottom-13",children:j?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx("div",{className:"color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",onClick:()=>{w(!1)},children:o.jsxRuntimeExports.jsx(se.X,{})}),o.jsxRuntimeExports.jsx("div",{className:"color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",dangerouslySetInnerHTML:typeof a=="string"?{__html:de.string2HTML(a)}:void 0,children:c.isValidElement(a)?a:null})]}):o.jsxRuntimeExports.jsx("button",{type:"button",className:"p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button",onClick:()=>{w(!0)},children:o.jsxRuntimeExports.jsx(se.ExpandIcon,{})})}):null]}):null,e[10]=a,e[11]=j,e[12]=y,e[13]=l,e[14]=m):m=e[14];let E;return e[15]!==m?(E=o.jsxRuntimeExports.jsx(ce.GraphArea,{ref:S,children:m}),e[15]=m,e[16]=E):E=e[16],E}function Re(g){const e=o.compilerRuntimeExports.c(85),{mapStyle:t,graphTitle:i,height:p,width:n,relativeHeight:u,sources:a,graphDescription:l,footNote:L,padding:y,backgroundColor:O,center:j,zoomLevel:w,graphID:S,language:v,minHeight:h,theme:R,includeLayers:x,excludeLayers:f,ariaLabel:m,uiMode:E,styles:r,classNames:s,mapLegend:C}=g,d=O===void 0?!1:O,b=v===void 0?"en":v,Q=h===void 0?0:h,M=R===void 0?"light":R;let U;e[0]!==x?(U=x===void 0?[]:x,e[0]=x,e[1]=U):U=e[1];const Y=U;let ee;e[2]!==f?(ee=f===void 0?[]:f,e[2]=f,e[3]=ee):ee=e[3];const te=ee,ne=E===void 0?"normal":E,[re,ge]=c.useState(void 0),he=c.useRef(null),D=typeof t=="string"?t:t[0].style;let z,P,k,q,G,V,_,A,T,W,I,F,J,H,$,X;if(e[4]!==m||e[5]!==d||e[6]!==s?.description||e[7]!==s?.graphContainer||e[8]!==s?.title||e[9]!==D||e[10]!==l||e[11]!==S||e[12]!==i||e[13]!==p||e[14]!==b||e[15]!==t||e[16]!==Q||e[17]!==y||e[18]!==u||e[19]!==r?.description||e[20]!==r?.graphContainer||e[21]!==r?.title||e[22]!==M||e[23]!==ne||e[24]!==n){const le={ignoreCase:!0,ignoreAccents:!0,trim:!0};z=ce.GraphContainer,X=s?.graphContainer,P=r?.graphContainer,k=S,q=he,G=m,V=d,_=M,A=b,T=Q,W=n,I=p,F=u,J=y,e[41]!==s?.description||e[42]!==s?.title||e[43]!==l||e[44]!==i||e[45]!==r?.description||e[46]!==r?.title||e[47]!==n?(H=i||l?o.jsxRuntimeExports.jsx(fe.GraphHeader,{styles:{title:r?.title,description:r?.description},classNames:{title:s?.title,description:s?.description},graphTitle:i,graphDescription:l,width:n}):null,e[41]=s?.description,e[42]=s?.title,e[43]=l,e[44]=i,e[45]=r?.description,e[46]=r?.title,e[47]=n,e[48]=H):H=e[48],$=typeof t=="string"?null:o.jsxRuntimeExports.jsx(ue.ja,{options:t.map(Ee),isClearable:!1,size:"sm",variant:ne,isRtl:b==="he"||b==="ar",isSearchable:!0,filterOption:ue.Du(le),defaultValue:t.find(K=>K.style===D),controlShouldRenderValue:!0,onChange:K=>{K&&ge(K.value)}}),e[4]=m,e[5]=d,e[6]=s?.description,e[7]=s?.graphContainer,e[8]=s?.title,e[9]=D,e[10]=l,e[11]=S,e[12]=i,e[13]=p,e[14]=b,e[15]=t,e[16]=Q,e[17]=y,e[18]=u,e[19]=r?.description,e[20]=r?.graphContainer,e[21]=r?.title,e[22]=M,e[23]=ne,e[24]=n,e[25]=z,e[26]=P,e[27]=k,e[28]=q,e[29]=G,e[30]=V,e[31]=_,e[32]=A,e[33]=T,e[34]=W,e[35]=I,e[36]=F,e[37]=J,e[38]=H,e[39]=$,e[40]=X}else z=e[25],P=e[26],k=e[27],q=e[28],G=e[29],V=e[30],_=e[31],A=e[32],T=e[33],W=e[34],I=e[35],F=e[36],J=e[37],H=e[38],$=e[39],X=e[40];let Z;e[49]!==j||e[50]!==D||e[51]!==te||e[52]!==Y||e[53]!==C||e[54]!==t||e[55]!==re||e[56]!==w?(Z=typeof t=="string"?o.jsxRuntimeExports.jsx(ve,{mapStyle:t,center:j,zoomLevel:w,includeLayers:Y,excludeLayers:te,mapLegend:C}):o.jsxRuntimeExports.jsx(je,{mapStyle:re||D,center:j,zoomLevel:w,includeLayers:Y,excludeLayers:te,mapLegend:(C||[]).find(le=>le.mapStyleName===t.find(K=>K.style===(re||D))?.name)?.legend}),e[49]=j,e[50]=D,e[51]=te,e[52]=Y,e[53]=C,e[54]=t,e[55]=re,e[56]=w,e[57]=Z):Z=e[57];let B;e[58]!==s?.footnote||e[59]!==s?.source||e[60]!==L||e[61]!==a||e[62]!==r?.footnote||e[63]!==r?.source||e[64]!==n?(B=a||L?o.jsxRuntimeExports.jsx(be.GraphFooter,{styles:{footnote:r?.footnote,source:r?.source},classNames:{footnote:s?.footnote,source:s?.source},sources:a,footNote:L,width:n}):null,e[58]=s?.footnote,e[59]=s?.source,e[60]=L,e[61]=a,e[62]=r?.footnote,e[63]=r?.source,e[64]=n,e[65]=B):B=e[65];let oe;return e[66]!==z||e[67]!==P||e[68]!==k||e[69]!==q||e[70]!==G||e[71]!==V||e[72]!==_||e[73]!==A||e[74]!==T||e[75]!==W||e[76]!==I||e[77]!==F||e[78]!==J||e[79]!==H||e[80]!==$||e[81]!==Z||e[82]!==B||e[83]!==X?(oe=o.jsxRuntimeExports.jsxs(z,{className:X,style:P,id:k,ref:q,"aria-label":G,backgroundColor:V,theme:_,language:A,minHeight:T,width:W,height:I,relativeHeight:F,padding:J,children:[H,$,Z,B]}),e[66]=z,e[67]=P,e[68]=k,e[69]=q,e[70]=G,e[71]=V,e[72]=_,e[73]=A,e[74]=T,e[75]=W,e[76]=I,e[77]=F,e[78]=J,e[79]=H,e[80]=$,e[81]=Z,e[82]=B,e[83]=X,e[84]=oe):oe=e[84],oe}function Ee(g){return{label:g.name,value:g.style}}exports.GeoHubMap=Re;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./compiler-runtime-oPPev21o.cjs"),c=require("react"),ue=require("@undp/design-system-react/DropdownSelect"),N=require("maplibre-gl"),xe=require("pmtiles");;/* empty css                       */const ie=require("./fetchAndParseData-QTF6tjij.cjs"),ae=require("./filterData-T5DQBE9b.cjs"),se=require("./index-DbSnila_.cjs"),de=require("./string2HTML-30nfIm8R.cjs"),ce=require("./GraphContainer-gaG9TSy4.cjs"),pe=require("./select-Bnfk0lJx.cjs"),fe=require("./GraphHeader.cjs"),be=require("./GraphFooter.cjs");function ye(g){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(g){for(const t in g)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(g,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>g[t]})}}return e.default=g,Object.freeze(e)}const me=ye(xe);function je(g){const e=o.compilerRuntimeExports.c(22),{mapStyle:t,center:i,zoomLevel:p,includeLayers:n,excludeLayers:u,mapLegend:a}=g,[l,L]=c.useState(0),[y,O]=c.useState(0),[j,w]=c.useState(!0),E=c.useRef(null),v=c.useRef(null),h=c.useRef(null);let R,x;e[0]===Symbol.for("react.memo_cache_sentinel")?(R=()=>{const d=new ResizeObserver(b=>{L(b[0].target.clientWidth||620),O(b[0].target.clientHeight||480)});return E.current&&d.observe(E.current),()=>d.disconnect()},x=[],e[0]=R,e[1]=x):(R=e[0],x=e[1]),c.useEffect(R,x);let f,m;e[2]!==i||e[3]!==u||e[4]!==n||e[5]!==t||e[6]!==l||e[7]!==p?(f=()=>{v.current&&l&&!h.current&&ie.fetchAndParseJSON(t).then(d=>{pe.select(v.current).selectAll("div").remove();const Q=new me.Protocol;N.addProtocol("pmtiles",Q.tile);const M={container:v.current,style:n.length===0&&u.length===0?d:{...d,layers:ae.filterData(d.layers,[{column:"id",includeValues:n,excludeValues:u}])},attributionControl:!0};i&&(M.center=i),p&&(M.zoom=p),h.current=new N.Map(M),h.current.addControl(new N.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),"bottom-right"),h.current.addControl(new N.ScaleControl,"bottom-left")})},m=[l,i,p,n,u,t],e[2]=i,e[3]=u,e[4]=n,e[5]=t,e[6]=l,e[7]=p,e[8]=f,e[9]=m):(f=e[8],m=e[9]),c.useEffect(f,m);let S,r;e[10]!==u||e[11]!==n||e[12]!==t?(S=()=>{h.current&&ie.fetchAndParseJSON(t).then(d=>{const b={...d,layers:ae.filterData(d.layers,[{column:"id",includeValues:n,excludeValues:u}])};h.current.setStyle(b)})},r=[u,n,t],e[10]=u,e[11]=n,e[12]=t,e[13]=S,e[14]=r):(S=e[13],r=e[14]),c.useEffect(S,r);let s;e[15]!==a||e[16]!==j||e[17]!==y||e[18]!==l?(s=l&&y?o.jsxRuntimeExports.jsxs("div",{style:{width:l,height:y},children:[o.jsxRuntimeExports.jsx("div",{ref:v,className:"map maplibre-show-control",style:{width:"100%",height:"100%"}}),a?o.jsxRuntimeExports.jsx("div",{className:"absolute left-[22px] bottom-13",children:j?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx("div",{className:"color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",onClick:()=>{w(!1)},children:o.jsxRuntimeExports.jsx(se.X,{})}),o.jsxRuntimeExports.jsx("div",{className:"color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",dangerouslySetInnerHTML:typeof a=="string"?{__html:de.string2HTML(a)}:void 0,children:c.isValidElement(a)?a:null})]}):o.jsxRuntimeExports.jsx("button",{type:"button",className:"p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button",onClick:()=>{w(!0)},children:o.jsxRuntimeExports.jsx(se.ExpandIcon,{})})}):null]}):null,e[15]=a,e[16]=j,e[17]=y,e[18]=l,e[19]=s):s=e[19];let C;return e[20]!==s?(C=o.jsxRuntimeExports.jsx(ce.GraphArea,{ref:E,children:s}),e[20]=s,e[21]=C):C=e[21],C}function ve(g){const e=o.compilerRuntimeExports.c(17),{mapStyle:t,center:i,zoomLevel:p,includeLayers:n,excludeLayers:u,mapLegend:a}=g,[l,L]=c.useState(0),[y,O]=c.useState(0),[j,w]=c.useState(!0),E=c.useRef(null),v=c.useRef(null);let h,R;e[0]===Symbol.for("react.memo_cache_sentinel")?(h=()=>{const r=new ResizeObserver(s=>{L(s[0].target.clientWidth||620),O(s[0].target.clientHeight||480)});return E.current&&r.observe(E.current),()=>r.disconnect()},R=[],e[0]=h,e[1]=R):(h=e[0],R=e[1]),c.useEffect(h,R);let x,f;e[2]!==i||e[3]!==u||e[4]!==n||e[5]!==t||e[6]!==l||e[7]!==p?(x=()=>{v.current&&l&&ie.fetchAndParseJSON(t).then(r=>{pe.select(v.current).selectAll("div").remove();const C=new me.Protocol;N.addProtocol("pmtiles",C.tile);const d={container:v.current,style:n.length===0&&u.length===0?r:{...r,layers:ae.filterData(r.layers,[{column:"id",includeValues:n,excludeValues:u}])},attributionControl:!0};i&&(d.center=i),p&&(d.zoom=p);const b=new N.Map(d);b.addControl(new N.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),"bottom-right"),b.addControl(new N.ScaleControl,"bottom-left")})},f=[l,t,i,p,n,u],e[2]=i,e[3]=u,e[4]=n,e[5]=t,e[6]=l,e[7]=p,e[8]=x,e[9]=f):(x=e[8],f=e[9]),c.useEffect(x,f);let m;e[10]!==a||e[11]!==j||e[12]!==y||e[13]!==l?(m=l&&y?o.jsxRuntimeExports.jsxs("div",{style:{width:l,height:y},children:[o.jsxRuntimeExports.jsx("div",{ref:v,className:"map maplibre-show-control",style:{width:"100%",height:"100%"}}),a?o.jsxRuntimeExports.jsx("div",{className:"absolute left-[22px] bottom-13",children:j?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx("div",{className:"color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",onClick:()=>{w(!1)},children:o.jsxRuntimeExports.jsx(se.X,{})}),o.jsxRuntimeExports.jsx("div",{className:"color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",dangerouslySetInnerHTML:typeof a=="string"?{__html:de.string2HTML(a)}:void 0,children:c.isValidElement(a)?a:null})]}):o.jsxRuntimeExports.jsx("button",{type:"button",className:"p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button",onClick:()=>{w(!0)},children:o.jsxRuntimeExports.jsx(se.ExpandIcon,{})})}):null]}):null,e[10]=a,e[11]=j,e[12]=y,e[13]=l,e[14]=m):m=e[14];let S;return e[15]!==m?(S=o.jsxRuntimeExports.jsx(ce.GraphArea,{ref:E,children:m}),e[15]=m,e[16]=S):S=e[16],S}function Re(g){const e=o.compilerRuntimeExports.c(85),{mapStyle:t,graphTitle:i,height:p,width:n,relativeHeight:u,sources:a,graphDescription:l,footNote:L,padding:y,backgroundColor:O,center:j,zoomLevel:w,graphID:E,language:v,minHeight:h,theme:R,includeLayers:x,excludeLayers:f,ariaLabel:m,uiMode:S,styles:r,classNames:s,mapLegend:C}=g,d=O===void 0?!1:O,b=v===void 0?"en":v,Q=h===void 0?0:h,M=R===void 0?"light":R;let U;e[0]!==x?(U=x===void 0?[]:x,e[0]=x,e[1]=U):U=e[1];const Y=U;let ee;e[2]!==f?(ee=f===void 0?[]:f,e[2]=f,e[3]=ee):ee=e[3];const te=ee,ne=S===void 0?"normal":S,[re,ge]=c.useState(void 0),he=c.useRef(null),D=typeof t=="string"?t:t[0].style;let z,k,q,P,G,V,_,A,T,W,F,I,J,H,$,X;if(e[4]!==m||e[5]!==d||e[6]!==s?.description||e[7]!==s?.graphContainer||e[8]!==s?.title||e[9]!==D||e[10]!==l||e[11]!==E||e[12]!==i||e[13]!==p||e[14]!==b||e[15]!==t||e[16]!==Q||e[17]!==y||e[18]!==u||e[19]!==r?.description||e[20]!==r?.graphContainer||e[21]!==r?.title||e[22]!==M||e[23]!==ne||e[24]!==n){const le={ignoreCase:!0,ignoreAccents:!0,trim:!0};z=ce.GraphContainer,X=s?.graphContainer,k=r?.graphContainer,q=E,P=he,G=m,V=d,_=M,A=b,T=Q,W=n,F=p,I=u,J=y,e[41]!==s?.description||e[42]!==s?.title||e[43]!==l||e[44]!==i||e[45]!==r?.description||e[46]!==r?.title||e[47]!==n?(H=i||l?o.jsxRuntimeExports.jsx(fe.GraphHeader,{styles:{title:r?.title,description:r?.description},classNames:{title:s?.title,description:s?.description},graphTitle:i,graphDescription:l,width:n}):null,e[41]=s?.description,e[42]=s?.title,e[43]=l,e[44]=i,e[45]=r?.description,e[46]=r?.title,e[47]=n,e[48]=H):H=e[48],$=typeof t=="string"?null:o.jsxRuntimeExports.jsx(ue.DropdownSelect,{options:t.map(Se),isClearable:!1,size:"sm",variant:ne,isRtl:b==="he"||b==="ar",isSearchable:!0,filterOption:ue.createFilter(le),defaultValue:t.find(K=>K.style===D),controlShouldRenderValue:!0,onChange:K=>{K&&ge(K.value)}}),e[4]=m,e[5]=d,e[6]=s?.description,e[7]=s?.graphContainer,e[8]=s?.title,e[9]=D,e[10]=l,e[11]=E,e[12]=i,e[13]=p,e[14]=b,e[15]=t,e[16]=Q,e[17]=y,e[18]=u,e[19]=r?.description,e[20]=r?.graphContainer,e[21]=r?.title,e[22]=M,e[23]=ne,e[24]=n,e[25]=z,e[26]=k,e[27]=q,e[28]=P,e[29]=G,e[30]=V,e[31]=_,e[32]=A,e[33]=T,e[34]=W,e[35]=F,e[36]=I,e[37]=J,e[38]=H,e[39]=$,e[40]=X}else z=e[25],k=e[26],q=e[27],P=e[28],G=e[29],V=e[30],_=e[31],A=e[32],T=e[33],W=e[34],F=e[35],I=e[36],J=e[37],H=e[38],$=e[39],X=e[40];let Z;e[49]!==j||e[50]!==D||e[51]!==te||e[52]!==Y||e[53]!==C||e[54]!==t||e[55]!==re||e[56]!==w?(Z=typeof t=="string"?o.jsxRuntimeExports.jsx(ve,{mapStyle:t,center:j,zoomLevel:w,includeLayers:Y,excludeLayers:te,mapLegend:C}):o.jsxRuntimeExports.jsx(je,{mapStyle:re||D,center:j,zoomLevel:w,includeLayers:Y,excludeLayers:te,mapLegend:(C||[]).find(le=>le.mapStyleName===t.find(K=>K.style===(re||D))?.name)?.legend}),e[49]=j,e[50]=D,e[51]=te,e[52]=Y,e[53]=C,e[54]=t,e[55]=re,e[56]=w,e[57]=Z):Z=e[57];let B;e[58]!==s?.footnote||e[59]!==s?.source||e[60]!==L||e[61]!==a||e[62]!==r?.footnote||e[63]!==r?.source||e[64]!==n?(B=a||L?o.jsxRuntimeExports.jsx(be.GraphFooter,{styles:{footnote:r?.footnote,source:r?.source},classNames:{footnote:s?.footnote,source:s?.source},sources:a,footNote:L,width:n}):null,e[58]=s?.footnote,e[59]=s?.source,e[60]=L,e[61]=a,e[62]=r?.footnote,e[63]=r?.source,e[64]=n,e[65]=B):B=e[65];let oe;return e[66]!==z||e[67]!==k||e[68]!==q||e[69]!==P||e[70]!==G||e[71]!==V||e[72]!==_||e[73]!==A||e[74]!==T||e[75]!==W||e[76]!==F||e[77]!==I||e[78]!==J||e[79]!==H||e[80]!==$||e[81]!==Z||e[82]!==B||e[83]!==X?(oe=o.jsxRuntimeExports.jsxs(z,{className:X,style:k,id:q,ref:P,"aria-label":G,backgroundColor:V,theme:_,language:A,minHeight:T,width:W,height:F,relativeHeight:I,padding:J,children:[H,$,Z,B]}),e[66]=z,e[67]=k,e[68]=q,e[69]=P,e[70]=G,e[71]=V,e[72]=_,e[73]=A,e[74]=T,e[75]=W,e[76]=F,e[77]=I,e[78]=J,e[79]=H,e[80]=$,e[81]=Z,e[82]=B,e[83]=X,e[84]=oe):oe=e[84],oe}function Se(g){return{label:g.name,value:g.style}}exports.GeoHubMap=Re;
 //# sourceMappingURL=GeoHubMap.cjs.map