@weng-lab/ui-components 2.2.0 → 2.2.1

package/dist/ui-components.es59.js

@@ -1,33 +1,245 @@
-import { j as c } from "./ui-components.es15.js";
-import { c as f } from "./ui-components.es16.js";
-import { useState as x } from "react";
-import b from "./ui-components.es42.js";
-function j(l) {
-  const e = f.c(9), {
-    value: t,
-    figures: n
-  } = l;
-  let r;
-  e[0] !== t ? (r = /* @__PURE__ */ new Set([t]), e[0] = t, e[1] = r) : r = e[1];
-  const [o, d] = x(r);
-  o.has(t) || d(/* @__PURE__ */ new Set([...o, t]));
-  let s;
-  if (e[2] !== n || e[3] !== o || e[4] !== t) {
-    let i;
-    e[6] !== o || e[7] !== t ? (i = (u, a) => {
-      const m = t === a, p = o.has(a);
-      return /* @__PURE__ */ c.jsx(b, { display: m ? "block" : "none", height: "100%", width: "100%", overflow: "auto", padding: 1, sx: {
-        border: "1px solid",
-        borderColor: "divider",
-        borderRadius: 1,
-        position: "relative"
-      }, children: p && u.component }, `figure-${a}`);
-    }, e[6] = o, e[7] = t, e[8] = i) : i = e[8], s = n.map(i), e[2] = n, e[3] = o, e[4] = t, e[5] = s;
-  } else
-    s = e[5];
-  return s;
+const d = `
+  query suggestions($assembly: String!, $snpid: String!) {
+      snpAutocompleteQuery(assembly: $assembly, snpid: $snpid) {
+          id
+          coordinates {
+              chromosome
+              start
+              end
+          }
+      }
+  }
+`, y = `
+  query Genes(
+      $id: [String]
+      $name: [String]
+      $strand: String
+      $chromosome: String
+      $start: Int
+      $end: Int
+      $gene_type: String
+      $havana_id: String
+      $name_prefix: [String!]
+      $limit: Int
+      $assembly: String!
+      $version: Int
+  ) {
+      gene(
+          id: $id
+          name: $name
+          strand: $strand
+          chromosome: $chromosome
+          start: $start
+          end: $end
+          gene_type: $gene_type
+          havana_id: $havana_id
+          name_prefix: $name_prefix
+          limit: $limit
+          assembly: $assembly
+          orderby: "name"
+          version: $version
+      ) {
+          id
+          name
+          coordinates {
+              chromosome
+              start
+              end
+          }
+      }
+  }
+`, g = `
+  query iCREQuery($accession_prefix: [String!], $limit: Int) {
+      iCREQuery(accession_prefix: $accession_prefix, limit: $limit) {
+          rdhs
+          accession
+          celltypes
+          coordinates {
+              start
+              end
+              chromosome
+          }
+      }
+  }
+`, _ = `
+  query cCREAutocompleteQuery(
+    $accession_prefix: [String!]
+    $assembly: String!
+    $includeiCREs: Boolean
+    $limit: Int
+  ) {
+    cCREAutocompleteQuery(
+      includeiCREs: $includeiCREs
+      assembly: $assembly
+      limit: $limit
+      accession_prefix: $accession_prefix
+    ) {
+      accession
+      isiCRE
+      coordinates {
+        chromosome
+        start
+        end
+      }
+    }
+  }
+`, h = `
+  query getv2v3CcreMapping($accessions: [String], $assembly: String!) {
+    ccreMappings: getv2cCREMappings(
+      v2_accession: $accessions
+      assembly: $assembly
+    ) {
+      input: v2_accession
+      input_latest_previous_version: ccre_version
+      input_region: v2_region
+      v4_match_or_intersecting: v4_accession
+      v4_region
+    }
+  }
+`, u = `
+query getGWASStudyMetadata($studyid: [String], $limit: Int, $studyname_prefix: [String], $parent_terms: [String]){
+    getGWASStudiesMetadata(studyid: $studyid, limit: $limit, parent_terms: $parent_terms, studyname_prefix: $studyname_prefix )
+    {
+        studyid
+        author
+        disease_trait
+        has_enrichment_info
+        population
+        parent_terms
+        total_ld_blocks
+        ld_blocks_overlapping_ccres
+        overlapping_ccres
+    }
 }
+`, f = async (e, s, n) => (await fetch("https://screen.api.wenglab.org/graphql", {
+  method: "POST",
+  body: JSON.stringify({
+    query: g,
+    variables: {
+      accession_prefix: [e],
+      limit: s
+    }
+  }),
+  headers: {
+    "Content-Type": "application/json"
+  },
+  signal: n
+})).json(), v = async (e, s, n, t, r) => (await fetch("https://screen.api.wenglab.org/graphql", {
+  method: "POST",
+  body: JSON.stringify({
+    query: _,
+    variables: {
+      accession_prefix: [e],
+      assembly: s.toLowerCase(),
+      limit: n,
+      includeiCREs: t
+    }
+  }),
+  headers: {
+    "Content-Type": "application/json"
+  },
+  signal: r
+})).json(), E = async (e, s, n) => (await fetch("https://screen.api.wenglab.org/graphql", {
+  method: "POST",
+  body: JSON.stringify({
+    query: h,
+    variables: {
+      accessions: [e],
+      assembly: s
+    }
+  }),
+  headers: {
+    "Content-Type": "application/json"
+  },
+  signal: n
+})).json(), R = async (e, s, n, t, r) => {
+  let o = t ? typeof t == "number" ? [t] : t : [s === "GRCh38" ? 40 : 25];
+  o = o.sort((i, a) => a - i);
+  const m = await Promise.all(o.map((i) => fetch("https://screen.api.wenglab.org/graphql", {
+    method: "POST",
+    body: JSON.stringify({
+      query: y,
+      variables: {
+        assembly: s.toLowerCase(),
+        name_prefix: e,
+        version: i,
+        limit: n
+      }
+    }),
+    headers: {
+      "Content-Type": "application/json"
+    },
+    signal: r
+  }).then((a) => a.json()))), p = /* @__PURE__ */ new Map();
+  return m.forEach((i, a) => {
+    (i.data.gene || []).forEach((c) => {
+      p.has(c.name) ? p.get(c.name).versions.push({
+        id: c.id,
+        version: o[a]
+      }) : p.set(c.name, {
+        gene: c,
+        versions: [{
+          id: c.id,
+          version: o[a]
+        }]
+      });
+    });
+  }), await Promise.all(Array.from(p.values()).map(async ({
+    gene: i,
+    versions: a
+  }) => {
+    const l = await C(i.name);
+    return {
+      ...i,
+      description: `${$(l || i.name)}`,
+      versions: a
+    };
+  }));
+}, $ = (e) => e.split(" ").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" ");
+async function C(e) {
+  const n = await (await fetch("https://clinicaltables.nlm.nih.gov/api/ncbi_genes/v3/search?authenticity_token=&terms=" + e.toUpperCase())).json(), t = n[3] && n[3].filter((r) => r[3] === e.toUpperCase());
+  return t && t.length >= 1 ? t[0][4] : null;
+}
+const T = async (e, s, n, t) => (await fetch("https://screen.api.wenglab.org/graphql", {
+  method: "POST",
+  body: JSON.stringify({
+    query: d,
+    variables: {
+      assembly: s.toLowerCase(),
+      snpid: e,
+      limit: n
+    }
+  }),
+  headers: {
+    "Content-Type": "application/json"
+  },
+  signal: t
+})).json(), O = async (e, s, n) => (await fetch("https://screen.api.wenglab.org/graphql", {
+  method: "POST",
+  body: JSON.stringify({
+    query: u,
+    variables: {
+      studyname_prefix: [e],
+      limit: s
+    }
+  }),
+  headers: {
+    "Content-Type": "application/json"
+  },
+  signal: n
+})).json();
 export {
-  j as default
+  _ as CCRE_AUTOCOMPLETE_QUERY,
+  y as GENE_AUTOCOMPLETE_QUERY,
+  u as GWAS_AUTOCOMPLETE_QUERY,
+  g as ICRE_AUTOCOMPLETE_QUERY,
+  h as LEGACY_CCRE_QUERY,
+  d as SNP_AUTOCOMPLETE_QUERY,
+  v as getCCREs,
+  R as getGenes,
+  f as getICREs,
+  E as getLegacyCCREs,
+  T as getSNPs,
+  O as getStudys
 };
 //# sourceMappingURL=ui-components.es59.js.map

package/dist/ui-components.es59.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es59.js","sources":["../src/components/TwoPaneLayout/FigurePanel.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport Box from \"@mui/material/Box\";\n\ntype Figure = {\n  title: string;\n  component: React.ReactNode;\n};\n\ntype FigurePanelProps = {\n  value: number;\n  figures: Figure[];\n};\n\nexport default function FigurePanel({ value, figures }: FigurePanelProps) {\n  const [mountedTabs, setMountedTabs] = useState<Set<number>>(new Set([value]));\n\n  if (!mountedTabs.has(value)) {\n    setMountedTabs(new Set([...mountedTabs, value]));\n  }\n\n  return figures.map((Figure, i) => {\n    const isActive = value === i;\n    const isMounted = mountedTabs.has(i);\n\n    return (\n      <Box\n        key={`figure-${i}`}\n        display={isActive ? \"block\" : \"none\"}\n        height=\"100%\"\n        width={\"100%\"}\n        overflow={\"auto\"}\n        padding={1}\n        sx={{ border: \"1px solid\", borderColor: \"divider\", borderRadius: 1, position: \"relative\" }}\n      >\n        {isMounted && Figure.component}\n      </Box>\n    );\n  });\n}\n"],"names":["FigurePanel","t0","$","_c","value","figures","t1","Set","mountedTabs","setMountedTabs","useState","has","t2","t3","Figure","i","isActive","isMounted","jsx","Box","border","borderColor","borderRadius","position","component","map"],"mappings":";;;;AAaA,SAAeA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAqB;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,SAAAA;AAAAA,EAAAA,IAAAJ;AAAoC,MAAAK;AAAA,EAAAJ,SAAAE,KACVE,wBAAIC,IAAI,CAACH,CAAK,CAAC,GAACF,OAAAE,GAAAF,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAA5E,QAAA,CAAAM,GAAAC,CAAA,IAAsCC,EAAsBJ,CAAgB;AAE5E,EAAKE,EAAWG,IAAKP,CAAK,KACxBK,sBAAmBF,IAAI,CAAA,GAAIC,GAAaJ,CAAK,CAAC,CAAC;AAChD,MAAAQ;AAAA,MAAAV,EAAA,CAAA,MAAAG,KAAAH,SAAAM,KAAAN,EAAA,CAAA,MAAAE,GAAA;AAAA,QAAAS;AAAA,IAAAX,EAAA,CAAA,MAAAM,KAAAN,SAAAE,KAEkBS,IAAAA,CAAAC,GAAAC,MAAA;AACjB,YAAAC,IAAiBZ,MAAUW,GAC3BE,IAAkBT,EAAWG,IAAKI,CAAC;AAAE,aAGnCG,gBAAAA,EAAAA,IAACC,GAAA,EAEU,SAAAH,IAAA,UAAA,QACF,QAAA,QACA,OAAA,QACG,UAAA,QACD,SAAA,GACL,IAAA;AAAA,QAAAI,QAAU;AAAA,QAAWC,aAAe;AAAA,QAASC,cAAgB;AAAA,QAACC,UAAY;AAAA,MAAA,GAE7EN,UAAAA,KAAaH,EAAMU,UAAAA,aARLT,CAAC,EASlB;AAAA,IAAM,GAETb,OAAAM,GAAAN,OAAAE,GAAAF,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAjBMU,IAAAP,EAAOoB,IAAKZ,CAiBlB,GAACX,OAAAG,GAAAH,OAAAM,GAAAN,OAAAE,GAAAF,OAAAU;AAAAA,EAAA;AAAAA,IAAAA,IAAAV,EAAA,CAAA;AAAA,SAjBKU;AAiBL;"}
+{"version":3,"file":"ui-components.es59.js","sources":["../src/components/GenomeSearch/queries.ts"],"sourcesContent":["import { GeneResponse, GenomeSearchProps } from \"./types\";\n\nexport const SNP_AUTOCOMPLETE_QUERY = `\n  query suggestions($assembly: String!, $snpid: String!) {\n      snpAutocompleteQuery(assembly: $assembly, snpid: $snpid) {\n          id\n          coordinates {\n              chromosome\n              start\n              end\n          }\n      }\n  }\n`;\n\nexport const GENE_AUTOCOMPLETE_QUERY = `\n  query Genes(\n      $id: [String]\n      $name: [String]\n      $strand: String\n      $chromosome: String\n      $start: Int\n      $end: Int\n      $gene_type: String\n      $havana_id: String\n      $name_prefix: [String!]\n      $limit: Int\n      $assembly: String!\n      $version: Int\n  ) {\n      gene(\n          id: $id\n          name: $name\n          strand: $strand\n          chromosome: $chromosome\n          start: $start\n          end: $end\n          gene_type: $gene_type\n          havana_id: $havana_id\n          name_prefix: $name_prefix\n          limit: $limit\n          assembly: $assembly\n          orderby: \"name\"\n          version: $version\n      ) {\n          id\n          name\n          coordinates {\n              chromosome\n              start\n              end\n          }\n      }\n  }\n`;\n\nexport const ICRE_AUTOCOMPLETE_QUERY = `\n  query iCREQuery($accession_prefix: [String!], $limit: Int) {\n      iCREQuery(accession_prefix: $accession_prefix, limit: $limit) {\n          rdhs\n          accession\n          celltypes\n          coordinates {\n              start\n              end\n              chromosome\n          }\n      }\n  }\n`;\n\nexport const CCRE_AUTOCOMPLETE_QUERY = `\n  query cCREAutocompleteQuery(\n    $accession_prefix: [String!]\n    $assembly: String!\n    $includeiCREs: Boolean\n    $limit: Int\n  ) {\n    cCREAutocompleteQuery(\n      includeiCREs: $includeiCREs\n      assembly: $assembly\n      limit: $limit\n      accession_prefix: $accession_prefix\n    ) {\n      accession\n      isiCRE\n      coordinates {\n        chromosome\n        start\n        end\n      }\n    }\n  }\n`;\n\nexport const LEGACY_CCRE_QUERY = `\n  query getv2v3CcreMapping($accessions: [String], $assembly: String!) {\n    ccreMappings: getv2cCREMappings(\n      v2_accession: $accessions\n      assembly: $assembly\n    ) {\n      input: v2_accession\n      input_latest_previous_version: ccre_version\n      input_region: v2_region\n      v4_match_or_intersecting: v4_accession\n      v4_region\n    }\n  }\n`\n\nexport const GWAS_AUTOCOMPLETE_QUERY = `\nquery getGWASStudyMetadata($studyid: [String], $limit: Int, $studyname_prefix: [String], $parent_terms: [String]){\n    getGWASStudiesMetadata(studyid: $studyid, limit: $limit, parent_terms: $parent_terms, studyname_prefix: $studyname_prefix )\n    {\n        studyid\n        author\n        disease_trait\n        has_enrichment_info\n        population\n        parent_terms\n        total_ld_blocks\n        ld_blocks_overlapping_ccres\n        overlapping_ccres\n    }\n}\n`;\n\nexport const getICREs = async (value: string, limit: number, signal?: AbortSignal) => {\n  const response = await fetch(\"https://screen.api.wenglab.org/graphql\", {\n    method: \"POST\",\n    body: JSON.stringify({\n      query: ICRE_AUTOCOMPLETE_QUERY,\n      variables: {\n        accession_prefix: [value],\n        limit: limit,\n      },\n    }),\n    headers: { \"Content-Type\": \"application/json\" },\n    signal,\n  });\n  return response.json();\n};\n\nexport const getCCREs = async (value: string, assembly: GenomeSearchProps[\"assembly\"], limit: number, showiCREFlag: boolean, signal?: AbortSignal) => {\n  const response = await fetch(\"https://screen.api.wenglab.org/graphql\", {\n    method: \"POST\",\n    body: JSON.stringify({\n      query: CCRE_AUTOCOMPLETE_QUERY,\n      variables: {\n        accession_prefix: [value],\n        assembly: assembly.toLowerCase(),\n        limit: limit,\n        includeiCREs: showiCREFlag,\n      },\n    }),\n    headers: { \"Content-Type\": \"application/json\" },\n    signal,\n  });\n  return response.json();\n};\n\nexport const getLegacyCCREs = async (value: string, assembly: GenomeSearchProps[\"assembly\"], signal?: AbortSignal) => {\n  const response = await fetch(\"https://screen.api.wenglab.org/graphql\", {\n    method: \"POST\",\n    body: JSON.stringify({\n      query: LEGACY_CCRE_QUERY,\n      variables: {\n        accessions: [value],\n        assembly,\n      },\n    }),\n    headers: { \"Content-Type\": \"application/json\" },\n    signal,\n  });\n  return response.json();\n};\n\nexport const getGenes = async (\n  value: string,\n  assembly: GenomeSearchProps[\"assembly\"],\n  limit: number,\n  geneVersions: GenomeSearchProps[\"geneVersion\"],\n  signal?: AbortSignal\n) => {\n  let versions = geneVersions\n    ? typeof geneVersions === \"number\"\n      ? [geneVersions]\n      : geneVersions\n    : [assembly === \"GRCh38\" ? 40 : 25];\n\n  // sort versions from high to low (prioritize newest versions in map)\n  versions = versions.sort((a, b) => b - a);\n\n  // Fetch genes for all versions\n  const versionResults = await Promise.all(\n    versions.map((version) =>\n      fetch(\"https://screen.api.wenglab.org/graphql\", {\n        method: \"POST\",\n        body: JSON.stringify({\n          query: GENE_AUTOCOMPLETE_QUERY,\n          variables: {\n            assembly: assembly.toLowerCase(),\n            name_prefix: value,\n            version: version,\n            limit: limit,\n          },\n        }),\n        headers: { \"Content-Type\": \"application/json\" },\n        signal,\n      }).then((res) => res.json())\n    )\n  );\n\n  // Combine and deduplicate results\n  const geneMap = new Map<string, { gene: any; versions: { id: string; version: number }[] }>();\n\n  versionResults.forEach((result, idx) => {\n    const genes = result.data.gene || [];\n    genes.forEach((gene: any) => {\n      if (!geneMap.has(gene.name)) {\n        geneMap.set(gene.name, { gene, versions: [{ id: gene.id, version: versions[idx] }] });\n      } else {\n        // if gene already exists, just add legacy versions to list.\n        const existing = geneMap.get(gene.name)!;\n        existing.versions.push({ id: gene.id, version: versions[idx] });\n      }\n    });\n  });\n\n  // Convert map to array and fetch descriptions\n  const out = await Promise.all(\n    Array.from(geneMap.values()).map(async ({ gene, versions }) => {\n      const description = await getDescription(gene.name);\n      return {\n        ...gene,\n        description: `${toTitleCase(description || gene.name)}`,\n        versions,\n      };\n    })\n  );\n\n  return out;\n};\nconst toTitleCase = (str: string) =>\n  str\n    .split(\" \")\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(\" \");\n\nasync function getDescription(name: string): Promise<string | null> {\n  const response = await fetch(\n    \"https://clinicaltables.nlm.nih.gov/api/ncbi_genes/v3/search?authenticity_token=&terms=\" + name.toUpperCase()\n  );\n  const data = await response.json();\n  const matches = data[3] && data[3].filter((x: string[]) => x[3] === name.toUpperCase());\n  return matches && matches.length >= 1 ? matches[0][4] : null;\n}\n\nexport const getSNPs = async (value: string, assembly: GenomeSearchProps[\"assembly\"], limit: number, signal?: AbortSignal) => {\n  const response = await fetch(\"https://screen.api.wenglab.org/graphql\", {\n    method: \"POST\",\n    body: JSON.stringify({\n      query: SNP_AUTOCOMPLETE_QUERY,\n      variables: {\n        assembly: assembly.toLowerCase(),\n        snpid: value,\n        limit: limit,\n      },\n    }),\n    headers: { \"Content-Type\": \"application/json\" },\n    signal,\n  });\n  return response.json();\n};\n\nexport const getStudys = async (value: string, limit: number, signal?: AbortSignal) => {\n  const response = await fetch(\"https://screen.api.wenglab.org/graphql\", {\n    method: \"POST\",\n    body: JSON.stringify({\n      query: GWAS_AUTOCOMPLETE_QUERY,\n      variables: {\n        studyname_prefix: [value],\n        limit,\n      },\n    }),\n    headers: { \"Content-Type\": \"application/json\" },\n    signal,\n  });\n\n  return response.json();\n};\n"],"names":["SNP_AUTOCOMPLETE_QUERY","GENE_AUTOCOMPLETE_QUERY","ICRE_AUTOCOMPLETE_QUERY","CCRE_AUTOCOMPLETE_QUERY","LEGACY_CCRE_QUERY","GWAS_AUTOCOMPLETE_QUERY","getICREs","value","limit","signal","fetch","method","body","JSON","stringify","query","variables","accession_prefix","headers","json","getCCREs","assembly","showiCREFlag","toLowerCase","includeiCREs","getLegacyCCREs","accessions","getGenes","geneVersions","versions","sort","a","b","versionResults","Promise","all","map","version","name_prefix","then","res","geneMap","Map","forEach","result","idx","genes","data","gene","has","name","get","push","id","set","Array","from","values","description","getDescription","toTitleCase","str","split","word","charAt","toUpperCase","slice","join","matches","filter","x","length","getSNPs","snpid","getStudys","studyname_prefix"],"mappings":"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"}

package/dist/ui-components.es6.js

@@ -1,11 +1,11 @@
 import { j as t } from "./ui-components.es15.js";
-import { c as ye } from "./ui-components.es16.js";
+import { c as ye } from "./ui-components.es17.js";
 import { TableChartRounded as Ge, CloseFullscreenRounded as _e, DragHandle as Ie } from "@mui/icons-material";
 import { useTheme as Me, useMediaQuery as I, IconButton as ge, Tooltip as Te, Button as Be, Typography as Ve, Stack as je, Box as ee, Divider as He, Tab as Ne, Tabs as Oe } from "@mui/material";
-import De from "./ui-components.es18.js";
+import De from "./ui-components.es21.js";
 import { useState as te, useRef as $e } from "react";
-import ze from "./ui-components.es58.js";
-import Le from "./ui-components.es59.js";
+import ze from "./ui-components.es60.js";
+import Le from "./ui-components.es61.js";
 function Ee(i) {
   const e = ye.c(10), l = Me();
   let s;

package/dist/ui-components.es60.js

@@ -1,30 +1,73 @@
-import { j as l } from "./ui-components.es15.js";
-import { c as f } from "./ui-components.es16.js";
-import { Switch as x, Box as p, Tooltip as u, FormControlLabel as S } from "@mui/material";
-import { Sort as h } from "@mui/icons-material";
-const g = (a) => {
-  const e = f.c(9), {
-    autoSort: m,
-    setAutoSort: c
-  } = a;
+import { j as t } from "./ui-components.es15.js";
+import { c as S } from "./ui-components.es17.js";
+import { Stack as D, Typography as y, IconButton as C, Divider as v, Box as g, Button as _, Modal as k } from "@mui/material";
+import G from "./ui-components.es21.js";
+const P = (o) => {
+  const e = S.c(24), {
+    open: h,
+    onClose: l,
+    onDownloadSVG: b,
+    onDownloadPNG: u,
+    plotTitle: j
+  } = o;
+  let n;
+  e[0] !== u ? (n = {
+    label: "PNG",
+    action: u
+  }, e[0] = u, e[1] = n) : n = e[1];
   let r;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
-    mr: 1
-  }, e[0] = r) : r = e[0];
-  let t;
-  e[1] !== c ? (t = (j, n) => c(n), e[1] = c, e[2] = t) : t = e[2];
-  let o;
-  e[3] !== m || e[4] !== t ? (o = /* @__PURE__ */ l.jsx(x, { color: "primary", size: "small", sx: r, checked: m, onChange: t }), e[3] = m, e[4] = t, e[5] = o) : o = e[5];
-  let s;
-  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ l.jsx(p, { sx: {
-    display: "flex",
-    alignItems: "center",
-    lineHeight: 1
-  }, children: /* @__PURE__ */ l.jsx(h, { fontSize: "small" }) }), e[6] = s) : s = e[6];
+  e[2] !== b ? (r = {
+    label: "SVG",
+    action: b
+  }, e[2] = b, e[3] = r) : r = e[3];
+  let d;
+  e[4] !== n || e[5] !== r ? (d = [n, r].filter(I), e[4] = n, e[5] = r, e[6] = d) : d = e[6];
+  const w = d;
+  let m;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
+    position: "absolute",
+    top: "50%",
+    left: "50%",
+    transform: "translate(-50%, -50%)",
+    bgcolor: "background.paper",
+    boxShadow: 24,
+    borderRadius: 2,
+    p: 3,
+    width: 360
+  }, e[7] = m) : m = e[7];
   let i;
-  return e[7] !== o ? (i = /* @__PURE__ */ l.jsx(u, { title: "Auto sort selected rows", children: /* @__PURE__ */ l.jsx(S, { value: "autoSort", control: o, label: s, labelPlacement: "start" }) }), e[7] = o, e[8] = i) : i = e[8], i;
+  e[8] !== j ? (i = /* @__PURE__ */ t.jsxs(y, { variant: "h6", fontWeight: 600, mb: 1, children: [
+    "Download ",
+    j
+  ] }), e[8] = j, e[9] = i) : i = e[9];
+  let f;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ t.jsx(y, { variant: "body2", color: "text.secondary", mb: 2, children: "Choose a file format to export your plot." }), e[10] = f) : f = e[10];
+  let p;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ t.jsx(v, { flexItem: !0 }), e[11] = p) : p = e[11];
+  let a;
+  e[12] !== w ? (a = /* @__PURE__ */ t.jsx(D, { spacing: 1.5, divider: p, children: w.map(B) }), e[12] = w, e[13] = a) : a = e[13];
+  let s;
+  e[14] !== l ? (s = /* @__PURE__ */ t.jsx(g, { mt: 3, textAlign: "right", children: /* @__PURE__ */ t.jsx(_, { onClick: l, children: "Close" }) }), e[14] = l, e[15] = s) : s = e[15];
+  let c;
+  e[16] !== i || e[17] !== a || e[18] !== s ? (c = /* @__PURE__ */ t.jsxs(g, { sx: m, children: [
+    i,
+    f,
+    a,
+    s
+  ] }), e[16] = i, e[17] = a, e[18] = s, e[19] = c) : c = e[19];
+  let x;
+  return e[20] !== l || e[21] !== h || e[22] !== c ? (x = /* @__PURE__ */ t.jsx(k, { open: h, onClose: l, children: c }), e[20] = l, e[21] = h, e[22] = c, e[23] = x) : x = e[23], x;
 };
+function I(o) {
+  return o.action;
+}
+function B(o) {
+  return /* @__PURE__ */ t.jsxs(D, { direction: "row", alignItems: "center", justifyContent: "space-between", children: [
+    /* @__PURE__ */ t.jsx(y, { variant: "body1", children: o.label }),
+    /* @__PURE__ */ t.jsx(C, { color: "primary", onClick: o.action, "aria-label": `Download ${o.label}`, children: /* @__PURE__ */ t.jsx(G, {}) })
+  ] }, o.label);
+}
 export {
-  g as default
+  P as default
 };
 //# sourceMappingURL=ui-components.es60.js.map

package/dist/ui-components.es60.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es60.js","sources":["../src/components/TwoPaneLayout/AutoSortSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip, FormControlLabel, Switch, Box } from \"@mui/material\";\nimport { Sort } from \"@mui/icons-material\";\n\ninterface AutoSortSwitchProps {\n  autoSort: boolean;\n  setAutoSort: (value: boolean) => void;\n}\n\nconst AutoSortSwitch: React.FC<AutoSortSwitchProps> = ({ autoSort, setAutoSort }) => {\n  return (\n    <Tooltip title=\"Auto sort selected rows\">\n      <FormControlLabel\n        value=\"autoSort\"\n        control={\n          <Switch\n            color=\"primary\"\n            size=\"small\"\n            sx={{ mr: 1 }}\n            checked={autoSort}\n            onChange={(_, checked) => setAutoSort(checked)}\n          />\n        }\n        label={\n          <Box sx={{ display: \"flex\", alignItems: \"center\", lineHeight: 1 }}>\n            <Sort fontSize=\"small\" />\n          </Box>\n        }\n        labelPlacement=\"start\"\n      />\n    </Tooltip>\n  );\n};\n\nexport default AutoSortSwitch;\n"],"names":["AutoSortSwitch","t0","$","_c","autoSort","setAutoSort","t1","Symbol","for","mr","t2","_","checked","t3","jsx","Switch","t4","Box","display","alignItems","lineHeight","Sort","t5","Tooltip","FormControlLabel"],"mappings":";;;;AASA,MAAMA,IAAgDC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAJ;AAAyB,MAAAK;AAAA,EAAAJ,EAAA,CAAA,MAAAK,uBAAAC,IAAA,2BAAA,KAShEF,IAAA;AAAA,IAAAG,IAAM;AAAA,EAAA,GAAGP,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAA,MAAAQ;AAAA,EAAAR,SAAAG,KAEHK,IAAAA,CAAAC,GAAAC,MAAgBP,EAAYO,CAAO,GAACV,OAAAG,GAAAH,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAW;AAAA,EAAAX,EAAA,CAAA,MAAAE,KAAAF,SAAAQ,KALhDG,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACO,OAAA,WACD,MAAA,SACD,IAAAT,GACKF,SAAAA,GACC,UAAAM,EAAAA,CAAoC,GAC9CR,OAAAE,GAAAF,OAAAQ,GAAAR,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,EAAA,CAAA,MAAAK,uBAAAC,IAAA,2BAAA,KAGFQ,IAAAF,gBAAAA,EAAAA,IAACG,KAAQ,IAAA;AAAA,IAAAC,SAAW;AAAA,IAAMC,YAAc;AAAA,IAAQC,YAAc;AAAA,EAAA,GAC5D,UAAAN,gBAAAA,EAAAA,IAACO,GAAA,EAAc,UAAA,SAAO,GACxB,GAAMnB,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAoB;AAAA,SAAApB,SAAAW,KAfZS,IAAAR,gBAAAA,EAAAA,IAACS,GAAA,EAAc,OAAA,2BACb,gCAACC,GAAA,EACO,OAAA,YAEJ,SAAAX,GASA,OAAAG,GAIa,gBAAA,SAAO,GAE1B,GAAUd,OAAAW,GAAAX,OAAAoB,KAAAA,IAAApB,EAAA,CAAA,GAnBVoB;AAmBU;"}
+{"version":3,"file":"ui-components.es60.js","sources":["../src/components/TwoPaneLayout/DownloadModal.tsx"],"sourcesContent":["import React from \"react\";\nimport { Modal, Box, IconButton, Stack, Typography, Divider, Button } from \"@mui/material\";\nimport DownloadIcon from \"@mui/icons-material/Download\";\n\nexport interface DownloadModalProps {\n  open: boolean;\n  onClose: () => void;\n  onDownloadSVG?: () => void;\n  onDownloadPNG?: () => void;\n  plotTitle: string;\n}\n\nconst DownloadModal: React.FC<DownloadModalProps> = ({ open, onClose, onDownloadSVG, onDownloadPNG, plotTitle }) => {\n  const downloadOptions = [\n    { label: \"PNG\", action: onDownloadPNG },\n    { label: \"SVG\", action: onDownloadSVG },\n  ].filter((option) => option.action);\n\n  return (\n    <Modal open={open} onClose={onClose}>\n      <Box\n        sx={{\n          position: \"absolute\",\n          top: \"50%\",\n          left: \"50%\",\n          transform: \"translate(-50%, -50%)\",\n          bgcolor: \"background.paper\",\n          boxShadow: 24,\n          borderRadius: 2,\n          p: 3,\n          width: 360,\n        }}\n      >\n        <Typography variant=\"h6\" fontWeight={600} mb={1}>\n          Download {plotTitle}\n        </Typography>\n        <Typography variant=\"body2\" color=\"text.secondary\" mb={2}>\n          Choose a file format to export your plot.\n        </Typography>\n        <Stack spacing={1.5} divider={<Divider flexItem />}>\n          {downloadOptions.map((option) => (\n            <Stack key={option.label} direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\">\n              <Typography variant=\"body1\">{option.label}</Typography>\n              <IconButton color=\"primary\" onClick={option.action} aria-label={`Download ${option.label}`}>\n                <DownloadIcon />\n              </IconButton>\n            </Stack>\n          ))}\n        </Stack>\n        <Box mt={3} textAlign=\"right\">\n          <Button onClick={onClose}>Close</Button>\n        </Box>\n      </Box>\n    </Modal>\n  );\n};\n\nexport default DownloadModal;\n"],"names":["DownloadModal","t0","$","_c","open","onClose","onDownloadSVG","onDownloadPNG","plotTitle","t1","label","action","t2","t3","filter","_temp","downloadOptions","t4","Symbol","for","position","top","left","transform","bgcolor","boxShadow","borderRadius","p","width","t5","Typography","t6","t7","Divider","t8","jsx","Stack","map","_temp2","t9","Box","Button","t10","jsxs","t11","Modal","option","option_0","IconButton","DownloadIcon"],"mappings":"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"}

package/dist/ui-components.es61.js

@@ -1,46 +1,33 @@
-import { c as M } from "./ui-components.es16.js";
-import { useState as d, useRef as E, useEffect as S } from "react";
-function v(r, n, u) {
-  const t = M.c(11), [e, b] = d(!1), m = E(e);
+import { j as c } from "./ui-components.es15.js";
+import { c as f } from "./ui-components.es17.js";
+import { useState as x } from "react";
+import b from "./ui-components.es45.js";
+function j(l) {
+  const e = f.c(9), {
+    value: t,
+    figures: n
+  } = l;
+  let r;
+  e[0] !== t ? (r = /* @__PURE__ */ new Set([t]), e[0] = t, e[1] = r) : r = e[1];
+  const [o, d] = x(r);
+  o.has(t) || d(/* @__PURE__ */ new Set([...o, t]));
   let s;
-  t[0] !== e ? (s = () => {
-    m.current = e;
-  }, t[0] = e, t[1] = s) : s = t[1], S(s);
-  let l, _;
-  t[2] !== r || t[3] !== e || t[4] !== n || t[5] !== u ? (l = () => {
-    const c = r?.current;
-    if (!c)
-      return;
-    const o = u ? [] : n;
-    c.setSortModel(e ? [{
-      field: "__check__",
-      sort: "desc"
-    }, ...o] : o);
-  }, _ = [r, e, u, n], t[2] = r, t[3] = e, t[4] = n, t[5] = u, t[6] = l, t[7] = _) : (l = t[6], _ = t[7]), S(l, _);
-  let f;
-  t[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (c) => [c.current.subscribeEvent("sortModelChange", (o) => {
-    if (!m.current || o[0]?.field === "__check__")
-      return;
-    const k = o.filter(g);
-    c.current.setSortModel([{
-      field: "__check__",
-      sort: "desc"
-    }, ...k]);
-  }), c.current.subscribeEvent("rowSelectionChange", () => {
-    m.current && c.current.setSortModel([...c.current.getSortModel()]);
-  })], t[8] = f) : f = t[8];
-  const i = f;
-  let h;
-  return t[9] !== e ? (h = {
-    autoSort: e,
-    setAutoSort: b,
-    onReady: i
-  }, t[9] = e, t[10] = h) : h = t[10], h;
-}
-function g(r) {
-  return r.field !== "__check__";
+  if (e[2] !== n || e[3] !== o || e[4] !== t) {
+    let i;
+    e[6] !== o || e[7] !== t ? (i = (u, a) => {
+      const m = t === a, p = o.has(a);
+      return /* @__PURE__ */ c.jsx(b, { display: m ? "block" : "none", height: "100%", width: "100%", overflow: "auto", padding: 1, sx: {
+        border: "1px solid",
+        borderColor: "divider",
+        borderRadius: 1,
+        position: "relative"
+      }, children: p && u.component }, `figure-${a}`);
+    }, e[6] = o, e[7] = t, e[8] = i) : i = e[8], s = n.map(i), e[2] = n, e[3] = o, e[4] = t, e[5] = s;
+  } else
+    s = e[5];
+  return s;
 }
 export {
-  v as useAutoSort
+  j as default
 };
 //# sourceMappingURL=ui-components.es61.js.map

package/dist/ui-components.es61.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es61.js","sources":["../src/components/TwoPaneLayout/useAutoSort.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { RefObject } from \"react\";\nimport type { GridApi, GridSortModel } from \"@mui/x-data-grid-premium\";\n\ntype UseAutoSortReturn = {\n  autoSort: boolean;\n  setAutoSort: (value: boolean) => void;\n  onReady: (readyApiRef: RefObject<GridApi>) => (() => void)[];\n};\n\n/**\n * Manages the \"auto-sort selected rows to top\" behavior for a Table.\n *\n * Owns the autoSort toggle state and all related DataGrid behavior, returning\n * `autoSort` and `setAutoSort` for use in a toolbar toggle, and `onReady` to\n * be composed with the Table's `onReady` prop.\n *\n * `onReady` is used for event subscriptions rather than plain useEffects because\n * the Table is wrapped in <NoSsr>, which defers DataGrid initialization — subscriptions\n * attempted on mount may attach before the api is ready. `onReady` fires inside the\n * NoSsr boundary after the DataGrid is fully initialized.\n *\n * The sort model reset remains a reactive useEffect because it must fire on every\n * autoSort/viewBy change, not just on mount.\n */\nexport function useAutoSort(\n  apiRef: RefObject<GridApi | null>,\n  initialSort: GridSortModel,\n  isPresorted: boolean\n): UseAutoSortReturn {\n  const [autoSort, setAutoSort] = useState(false);\n\n  // Track autoSort in a ref so event handlers always see the current value\n  // without needing to unsubscribe and re-subscribe on every change.\n  const autoSortRef = useRef(autoSort);\n  useEffect(() => {\n    autoSortRef.current = autoSort;\n  });\n\n  // Reactive: reset sort model when autoSort or viewBy changes.\n  // The null guard handles any edge case where this runs before the DataGrid is ready.\n  useEffect(() => {\n    const api = apiRef?.current;\n    if (!api) return;\n\n    const base: GridSortModel = isPresorted ? [] : initialSort;\n    api.setSortModel(autoSort ? [{ field: \"__check__\", sort: \"desc\" }, ...base] : base);\n  }, [apiRef, autoSort, isPresorted, initialSort]);\n\n  // Return a stable onReady callback that attaches event subscriptions once,\n  // after the DataGrid has fully mounted. Handlers read autoSortRef at event\n  // time so they reflect the current autoSort state without re-subscribing.\n  const onReady = useCallback(\n    (readyApiRef: RefObject<GridApi>) => [\n      // Keep __check__ as the primary sort after any user-initiated sort change.\n      // Guard against infinite loop: if __check__ is already first, the call was ours — skip it.\n      readyApiRef.current.subscribeEvent(\"sortModelChange\", (model) => {\n        if (!autoSortRef.current || model[0]?.field === \"__check__\") return;\n        const withoutCheck = model.filter((s) => s.field !== \"__check__\");\n        readyApiRef.current.setSortModel([{ field: \"__check__\", sort: \"desc\" }, ...withoutCheck]);\n      }),\n      // Re-apply sort when selection changes — DataGrid doesn't re-sort automatically\n      // when checkbox state changes.\n      readyApiRef.current.subscribeEvent(\"rowSelectionChange\", () => {\n        if (!autoSortRef.current) return;\n        readyApiRef.current.setSortModel([...readyApiRef.current.getSortModel()]);\n      }),\n    ],\n    []\n  );\n\n  return { autoSort, setAutoSort, onReady };\n}\n"],"names":["useAutoSort","apiRef","initialSort","isPresorted","$","_c","autoSort","setAutoSort","useState","autoSortRef","useRef","t0","current","useEffect","t1","t2","api","base","setSortModel","field","sort","t3","Symbol","for","readyApiRef","subscribeEvent","model","withoutCheck","filter","_temp","getSortModel","onReady","t4","s"],"mappings":";;AAyBO,SAAAA,EAAAC,GAAAC,GAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAKL,CAAAC,GAAAC,CAAA,IAAgCC,EAAS,EAAK,GAI9CC,IAAoBC,EAAOJ,CAAQ;AAAE,MAAAK;AAAA,EAAAP,SAAAE,KAC3BK,IAAAA,MAAA;AACRF,IAAAA,EAAWG,UAAWN;AAAAA,EAAH,GACpBF,OAAAE,GAAAF,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAFDS,EAAUF,CAET;AAAC,MAAAG,GAAAC;AAAA,EAAAX,EAAA,CAAA,MAAAH,KAAAG,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAF,KAAAE,SAAAD,KAIQW,IAAAA,MAAA;AACR,UAAAE,IAAYf,GAAMW;AAClB,QAAI,CAACI;AAAG;AAER,UAAAC,IAA4Bd,IAAA,CAAA,IAAAD;AAC5Bc,IAAAA,EAAGE,aAAcZ,IAAA,CAAY;AAAA,MAAAa,OAAS;AAAA,MAAWC,MAAQ;AAAA,IAAA,GAAQ,GAAKH,CAAI,IAAzDA,CAAiE;AAAA,EAAC,GAClFF,IAAA,CAACd,GAAQK,GAAUH,GAAaD,CAAW,GAACE,OAAAH,GAAAG,OAAAE,GAAAF,OAAAF,GAAAE,OAAAD,GAAAC,OAAAU,GAAAV,OAAAW,MAAAD,IAAAV,EAAA,CAAA,GAAAW,IAAAX,EAAA,CAAA,IAN/CS,EAAUC,GAMPC,CAA4C;AAAC,MAAAM;AAAA,EAAAjB,EAAA,CAAA,MAAAkB,uBAAAC,IAAA,2BAAA,KAM9CF,IAAAG,OAAqC,CAGnCA,EAAWZ,QAAQa,eAAgB,mBAAmBC,CAAAA,MAAA;AACpD,QAAI,CAACjB,EAAWG,WAAYc,EAAK,CAAA,GAAUP,UAAK;AAAW;AAC3D,UAAAQ,IAAqBD,EAAKE,OAAQC,CAA8B;AAChEL,IAAAA,EAAWZ,QAAQM,aAAc,CAAC;AAAA,MAAAC,OAAS;AAAA,MAAWC,MAAQ;AAAA,IAAA,GAAQ,GAAKO,CAAY,CAAC;AAAA,EAAC,CAC1F,GAGDH,EAAWZ,QAAQa,eAAgB,sBAAsB,MAAA;AACvD,IAAKhB,EAAWG,WAChBY,EAAWZ,QAAQM,aAAc,CAAA,GAAIM,EAAWZ,QAAQkB,aAAAA,CAAe,CAAC;AAAA,EAAC,CAC1E,CAAC,GACH1B,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAfH,QAAA2B,IAAgBV;AAiBd,MAAAW;AAAA,SAAA5B,SAAAE,KAEK0B,IAAA;AAAA,IAAA1B,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAwB,SAAAA;AAAAA,EAAAA,GAAkC3B,OAAAE,GAAAF,QAAA4B,KAAAA,IAAA5B,EAAA,EAAA,GAAlC4B;AAAkC;AA9CpC,SAAAH,EAAAI,GAAA;AAAA,SAiC0CA,EAACd,UAAW;AAAW;"}
+{"version":3,"file":"ui-components.es61.js","sources":["../src/components/TwoPaneLayout/FigurePanel.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport Box from \"@mui/material/Box\";\n\ntype Figure = {\n  title: string;\n  component: React.ReactNode;\n};\n\ntype FigurePanelProps = {\n  value: number;\n  figures: Figure[];\n};\n\nexport default function FigurePanel({ value, figures }: FigurePanelProps) {\n  const [mountedTabs, setMountedTabs] = useState<Set<number>>(new Set([value]));\n\n  if (!mountedTabs.has(value)) {\n    setMountedTabs(new Set([...mountedTabs, value]));\n  }\n\n  return figures.map((Figure, i) => {\n    const isActive = value === i;\n    const isMounted = mountedTabs.has(i);\n\n    return (\n      <Box\n        key={`figure-${i}`}\n        display={isActive ? \"block\" : \"none\"}\n        height=\"100%\"\n        width={\"100%\"}\n        overflow={\"auto\"}\n        padding={1}\n        sx={{ border: \"1px solid\", borderColor: \"divider\", borderRadius: 1, position: \"relative\" }}\n      >\n        {isMounted && Figure.component}\n      </Box>\n    );\n  });\n}\n"],"names":["FigurePanel","t0","$","_c","value","figures","t1","Set","mountedTabs","setMountedTabs","useState","has","t2","t3","Figure","i","isActive","isMounted","jsx","Box","border","borderColor","borderRadius","position","component","map"],"mappings":";;;;AAaA,SAAeA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAqB;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,SAAAA;AAAAA,EAAAA,IAAAJ;AAAoC,MAAAK;AAAA,EAAAJ,SAAAE,KACVE,wBAAIC,IAAI,CAACH,CAAK,CAAC,GAACF,OAAAE,GAAAF,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAA5E,QAAA,CAAAM,GAAAC,CAAA,IAAsCC,EAAsBJ,CAAgB;AAE5E,EAAKE,EAAWG,IAAKP,CAAK,KACxBK,sBAAmBF,IAAI,CAAA,GAAIC,GAAaJ,CAAK,CAAC,CAAC;AAChD,MAAAQ;AAAA,MAAAV,EAAA,CAAA,MAAAG,KAAAH,SAAAM,KAAAN,EAAA,CAAA,MAAAE,GAAA;AAAA,QAAAS;AAAA,IAAAX,EAAA,CAAA,MAAAM,KAAAN,SAAAE,KAEkBS,IAAAA,CAAAC,GAAAC,MAAA;AACjB,YAAAC,IAAiBZ,MAAUW,GAC3BE,IAAkBT,EAAWG,IAAKI,CAAC;AAAE,aAGnCG,gBAAAA,EAAAA,IAACC,GAAA,EAEU,SAAAH,IAAA,UAAA,QACF,QAAA,QACA,OAAA,QACG,UAAA,QACD,SAAA,GACL,IAAA;AAAA,QAAAI,QAAU;AAAA,QAAWC,aAAe;AAAA,QAASC,cAAgB;AAAA,QAACC,UAAY;AAAA,MAAA,GAE7EN,UAAAA,KAAaH,EAAMU,UAAAA,aARLT,CAAC,EASlB;AAAA,IAAM,GAETb,OAAAM,GAAAN,OAAAE,GAAAF,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAjBMU,IAAAP,EAAOoB,IAAKZ,CAiBlB,GAACX,OAAAG,GAAAH,OAAAM,GAAAN,OAAAE,GAAAF,OAAAU;AAAAA,EAAA;AAAAA,IAAAA,IAAAV,EAAA,CAAA;AAAA,SAjBKU;AAiBL;"}