@weng-lab/ui-components 2.2.3 → 2.2.4

package/dist/ui-components.es59.js

@@ -1,245 +1,33 @@
-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
-    }
+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;
+  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;
 }
-`, 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 {
-  _ 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
+  j as default
 };
 //# 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/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":"AAEO,MAAMA,IAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAazBC,IAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyC1BC,IAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAe1BC,IAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwB1BC,IAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAepBC,IAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiB1BC,IAAW,OAAOC,GAAeC,GAAeC,OAC1C,MAAMC,MAAM,0CAA0C;AAAA,EACrEC,QAAQ;AAAA,EACRC,MAAMC,KAAKC,UAAU;AAAA,IACnBC,OAAOb;AAAAA,IACPc,WAAW;AAAA,MACTC,kBAAkB,CAACV,CAAK;AAAA,MACxBC,OAAAA;AAAAA,IAAAA;AAAAA,EACF,CACD;AAAA,EACDU,SAAS;AAAA,IAAE,gBAAgB;AAAA,EAAA;AAAA,EAC3BT,QAAAA;AAAAA,CACD,GACeU,KAAAA,GAGLC,IAAW,OAAOb,GAAec,GAAyCb,GAAec,GAAuBb,OAC1G,MAAMC,MAAM,0CAA0C;AAAA,EACrEC,QAAQ;AAAA,EACRC,MAAMC,KAAKC,UAAU;AAAA,IACnBC,OAAOZ;AAAAA,IACPa,WAAW;AAAA,MACTC,kBAAkB,CAACV,CAAK;AAAA,MACxBc,UAAUA,EAASE,YAAAA;AAAAA,MACnBf,OAAAA;AAAAA,MACAgB,cAAcF;AAAAA,IAAAA;AAAAA,EAChB,CACD;AAAA,EACDJ,SAAS;AAAA,IAAE,gBAAgB;AAAA,EAAA;AAAA,EAC3BT,QAAAA;AAAAA,CACD,GACeU,KAAAA,GAGLM,IAAiB,OAAOlB,GAAec,GAAyCZ,OAC1E,MAAMC,MAAM,0CAA0C;AAAA,EACrEC,QAAQ;AAAA,EACRC,MAAMC,KAAKC,UAAU;AAAA,IACnBC,OAAOX;AAAAA,IACPY,WAAW;AAAA,MACTU,YAAY,CAACnB,CAAK;AAAA,MAClBc,UAAAA;AAAAA,IAAAA;AAAAA,EACF,CACD;AAAA,EACDH,SAAS;AAAA,IAAE,gBAAgB;AAAA,EAAA;AAAA,EAC3BT,QAAAA;AAAAA,CACD,GACeU,KAAAA,GAGLQ,IAAW,OACtBpB,GACAc,GACAb,GACAoB,GACAnB,MACG;AACH,MAAIoB,IAAWD,IACX,OAAOA,KAAiB,WACtB,CAACA,CAAY,IACbA,IACF,CAACP,MAAa,WAAW,KAAK,EAAE;AAGpCQ,EAAAA,IAAWA,EAASC,KAAK,CAACC,GAAGC,MAAMA,IAAID,CAAC;AAGxC,QAAME,IAAiB,MAAMC,QAAQC,IACnCN,EAASO,IAAKC,CAAAA,MACZ3B,MAAM,0CAA0C;AAAA,IAC9CC,QAAQ;AAAA,IACRC,MAAMC,KAAKC,UAAU;AAAA,MACnBC,OAAOd;AAAAA,MACPe,WAAW;AAAA,QACTK,UAAUA,EAASE,YAAAA;AAAAA,QACnBe,aAAa/B;AAAAA,QACb8B,SAAAA;AAAAA,QACA7B,OAAAA;AAAAA,MAAAA;AAAAA,IACF,CACD;AAAA,IACDU,SAAS;AAAA,MAAE,gBAAgB;AAAA,IAAA;AAAA,IAC3BT,QAAAA;AAAAA,EAAAA,CACD,EAAE8B,KAAMC,CAAAA,MAAQA,EAAIrB,KAAAA,CAAM,CAC7B,CACF,GAGMsB,wBAAcC,IAAAA;AAEpBT,SAAAA,EAAeU,QAAQ,CAACC,GAAQC,MAAQ;AAEtCC,KADcF,EAAOG,KAAKC,QAAQ,CAAA,GAC5BL,QAAQ,CAACK,MAAc;AAC3B,MAAKP,EAAQQ,IAAID,EAAKE,IAAI,IAIPT,EAAQU,IAAIH,EAAKE,IAAI,EAC7BrB,SAASuB,KAAK;AAAA,QAAEC,IAAIL,EAAKK;AAAAA,QAAIhB,SAASR,EAASgB,CAAG;AAAA,MAAA,CAAG,IAJ9DJ,EAAQa,IAAIN,EAAKE,MAAM;AAAA,QAAEF,MAAAA;AAAAA,QAAMnB,UAAU,CAAC;AAAA,UAAEwB,IAAIL,EAAKK;AAAAA,UAAIhB,SAASR,EAASgB,CAAG;AAAA,QAAA,CAAG;AAAA,MAAA,CAAG;AAAA,IAMxF,CAAC;AAAA,EACH,CAAC,GAGW,MAAMX,QAAQC,IACxBoB,MAAMC,KAAKf,EAAQgB,OAAAA,CAAQ,EAAErB,IAAI,OAAO;AAAA,IAAEY,MAAAA;AAAAA,IAAMnB,UAAAA;AAAAA,EAAAA,MAAe;AAC7D,UAAM6B,IAAc,MAAMC,EAAeX,EAAKE,IAAI;AAClD,WAAO;AAAA,MACL,GAAGF;AAAAA,MACHU,aAAa,GAAGE,EAAYF,KAAeV,EAAKE,IAAI,CAAC;AAAA,MACrDrB,UAAAA;AAAAA,IAAAA;AAAAA,EAEJ,CAAC,CACH;AAGF,GACM+B,IAAcA,CAACC,MACnBA,EACGC,MAAM,GAAG,EACT1B,IAAK2B,CAAAA,MAASA,EAAKC,OAAO,CAAC,EAAEC,gBAAgBF,EAAKG,MAAM,CAAC,CAAC,EAC1DC,KAAK,GAAG;AAEb,eAAeR,EAAeT,GAAsC;AAIlE,QAAMH,IAAO,OAHI,MAAMrC,MACrB,2FAA2FwC,EAAKe,aAClG,GAC4B9C,KAAAA,GACtBiD,IAAUrB,EAAK,CAAC,KAAKA,EAAK,CAAC,EAAEsB,OAAO,CAACC,MAAgBA,EAAE,CAAC,MAAMpB,EAAKe,aAAa;AACtF,SAAOG,KAAWA,EAAQG,UAAU,IAAIH,EAAQ,CAAC,EAAE,CAAC,IAAI;AAC1D;AAEO,MAAMI,IAAU,OAAOjE,GAAec,GAAyCb,GAAeC,OAClF,MAAMC,MAAM,0CAA0C;AAAA,EACrEC,QAAQ;AAAA,EACRC,MAAMC,KAAKC,UAAU;AAAA,IACnBC,OAAOf;AAAAA,IACPgB,WAAW;AAAA,MACTK,UAAUA,EAASE,YAAAA;AAAAA,MACnBkD,OAAOlE;AAAAA,MACPC,OAAAA;AAAAA,IAAAA;AAAAA,EACF,CACD;AAAA,EACDU,SAAS;AAAA,IAAE,gBAAgB;AAAA,EAAA;AAAA,EAC3BT,QAAAA;AAAAA,CACD,GACeU,KAAAA,GAGLuD,IAAY,OAAOnE,GAAeC,GAAeC,OAC3C,MAAMC,MAAM,0CAA0C;AAAA,EACrEC,QAAQ;AAAA,EACRC,MAAMC,KAAKC,UAAU;AAAA,IACnBC,OAAOV;AAAAA,IACPW,WAAW;AAAA,MACT2D,kBAAkB,CAACpE,CAAK;AAAA,MACxBC,OAAAA;AAAAA,IAAAA;AAAAA,EACF,CACD;AAAA,EACDU,SAAS;AAAA,IAAE,gBAAgB;AAAA,EAAA;AAAA,EAC3BT,QAAAA;AAAAA,CACD,GAEeU,KAAAA;"}
+{"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;"}

package/dist/ui-components.es6.js

@@ -1,132 +1,134 @@
 import { j as t } from "./ui-components.es15.js";
-import { c as ye } from "./ui-components.es16.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 { useState as te, useRef as $e } from "react";
-import ze from "./ui-components.es60.js";
-import Le from "./ui-components.es61.js";
-function Ee(i) {
-  const e = ye.c(10), l = Me();
+import { c as ve } from "./ui-components.es17.js";
+import { TableChartRounded as He, CloseFullscreenRounded as Be, DragHandle as Ve } from "@mui/icons-material";
+import { useTheme as Ne, useMediaQuery as G, IconButton as Te, Tooltip as ye, Button as Oe, Typography as $e, Stack as Ce, Box as ee, Divider as ze, Tab as Le, Tabs as Ee } from "@mui/material";
+import ke from "./ui-components.es21.js";
+import { useState as te, useRef as Fe } from "react";
+import Ue from "./ui-components.es58.js";
+import Qe from "./ui-components.es59.js";
+function We(i) {
+  const e = ve.c(10), l = Ne();
   let s;
   e[0] !== l.breakpoints ? (s = l.breakpoints.up("xs"), e[0] = l.breakpoints, e[1] = s) : s = e[1];
-  const M = I(s);
+  const _ = G(s);
+  let c;
+  e[2] !== l.breakpoints ? (c = l.breakpoints.up("sm"), e[2] = l.breakpoints, e[3] = c) : c = e[3];
+  const I = G(c);
   let p;
-  e[2] !== l.breakpoints ? (p = l.breakpoints.up("sm"), e[2] = l.breakpoints, e[3] = p) : p = e[3];
-  const oe = I(p);
+  e[4] !== l.breakpoints ? (p = l.breakpoints.up("md"), e[4] = l.breakpoints, e[5] = p) : p = e[5];
+  const oe = G(p);
   let f;
-  e[4] !== l.breakpoints ? (f = l.breakpoints.up("md"), e[4] = l.breakpoints, e[5] = f) : f = e[5];
-  const o = I(f);
+  e[6] !== l.breakpoints ? (f = l.breakpoints.up("lg"), e[6] = l.breakpoints, e[7] = f) : f = e[7];
+  const ne = G(f);
   let u;
-  e[6] !== l.breakpoints ? (u = l.breakpoints.up("lg"), e[6] = l.breakpoints, e[7] = u) : u = e[7];
-  const x = I(u);
-  let c;
-  e[8] !== l.breakpoints ? (c = l.breakpoints.up("xl"), e[8] = l.breakpoints, e[9] = c) : c = e[9];
-  const G = {
-    xs: M,
-    sm: oe,
-    md: o,
-    lg: x,
-    xl: I(c)
+  e[8] !== l.breakpoints ? (u = l.breakpoints.up("xl"), e[8] = l.breakpoints, e[9] = u) : u = e[9];
+  const o = {
+    xs: _,
+    sm: I,
+    md: oe,
+    lg: ne,
+    xl: G(u)
   };
   if (typeof i == "string")
     return i;
-  for (const _ of ["xl", "lg", "md", "sm", "xs"])
-    if (G[_] && i[_])
-      return i[_];
+  for (const R of ["xl", "lg", "md", "sm", "xs"])
+    if (o[R] && i[R])
+      return i[R];
   return "column";
 }
-const ot = (i) => {
-  const e = ye.c(81), {
+const st = (i) => {
+  const e = ve.c(81), {
     TableComponent: l,
     plots: s,
-    direction: M
-  } = i, p = M === void 0 ? "row" : M, [oe, f] = te(0), [o, u] = te(!0), [x, c] = te(!1), [G, _] = te(40), we = $e(null), n = Ee(p) === "column", d = Math.min(oe, s.length - 1), a = s[d], B = !!(a?.onDownloadSVG || a?.onDownloadPNG), h = n ? "500px" : "max(60vh, 600px)";
+    direction: _,
+    columnHeight: c,
+    rowHeight: I
+  } = i, p = _ === void 0 ? "row" : _, oe = c === void 0 ? "500px" : c, f = I === void 0 ? "max(60vh, 600px)" : I, [ne, u] = te(0), [o, R] = te(!0), [M, je] = te(!1), [le, Pe] = te(40), De = Fe(null), n = We(p) === "column", d = Math.min(ne, s.length - 1), a = s[d], H = !!(a?.onDownloadSVG || a?.onDownloadPNG), h = n ? oe : f;
+  let B;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = (r) => {
+    u(r);
+  }, e[0] = B) : B = e[0];
+  const Se = B;
   let V;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V = (r) => {
-    f(r);
-  }, e[0] = V) : V = e[0];
-  const Ce = V;
-  let H;
-  e[1] !== o ? (H = () => {
-    u(!o);
-  }, e[1] = o, e[2] = H) : H = e[2];
-  const b = H;
+  e[1] !== o ? (V = () => {
+    R(!o);
+  }, e[1] = o, e[2] = V) : V = e[2];
+  const x = V;
   let N;
-  e[3] !== B ? (N = () => {
-    B && c(!0);
-  }, e[3] = B, e[4] = N) : N = e[4];
+  e[3] !== H ? (N = () => {
+    H && je(!0);
+  }, e[3] = H, e[4] = N) : N = e[4];
   const O = N;
   let $;
-  e[5] !== s ? ($ = s.map(Fe), e[5] = s, e[6] = $) : $ = e[6];
-  const ne = $;
+  e[5] !== s ? ($ = s.map(Xe), e[5] = s, e[6] = $) : $ = e[6];
+  const ie = $;
   let z;
-  e[7] !== s ? (z = s.map(Ue), e[7] = s, e[8] = z) : z = e[8];
-  const le = z, ie = `${o ? "Hide" : "Show"} Table`, se = o ? -1 : 0;
-  let g;
-  e[9] !== se ? (g = {
+  e[7] !== s ? (z = s.map(qe), e[7] = s, e[8] = z) : z = e[8];
+  const se = z, re = `${o ? "Hide" : "Show"} Table`, ae = o ? -1 : 0;
+  let b;
+  e[9] !== ae ? (b = {
     marginLeft: -1,
-    marginRight: se
-  }, e[9] = se, e[10] = g) : g = e[10];
+    marginRight: ae
+  }, e[9] = ae, e[10] = b) : b = e[10];
   let L;
-  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ t.jsx(Ge, { color: "primary", fontSize: "small" }), e[11] = L) : L = e[11];
-  let w;
-  e[12] !== b || e[13] !== g ? (w = /* @__PURE__ */ t.jsx(ge, { onClick: b, sx: g, children: L }), e[12] = b, e[13] = g, e[14] = w) : w = e[14];
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ t.jsx(He, { color: "primary", fontSize: "small" }), e[11] = L) : L = e[11];
+  let g;
+  e[12] !== x || e[13] !== b ? (g = /* @__PURE__ */ t.jsx(Te, { onClick: x, sx: b, children: L }), e[12] = x, e[13] = b, e[14] = g) : g = e[14];
   let E;
-  e[15] !== w || e[16] !== ie ? (E = /* @__PURE__ */ t.jsx(Te, { title: ie, children: w }), e[15] = w, e[16] = ie, e[17] = E) : E = e[17];
+  e[15] !== g || e[16] !== re ? (E = /* @__PURE__ */ t.jsx(ye, { title: re, children: g }), e[15] = g, e[16] = re, e[17] = E) : E = e[17];
   const F = E;
   let U, Q;
   e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (U = {
     mx: -1
-  }, Q = /* @__PURE__ */ t.jsx(_e, { color: "primary" }), e[18] = U, e[19] = Q) : (U = e[18], Q = e[19]);
+  }, Q = /* @__PURE__ */ t.jsx(Be, { color: "primary" }), e[18] = U, e[19] = Q) : (U = e[18], Q = e[19]);
   let W;
-  e[20] !== b ? (W = /* @__PURE__ */ t.jsx(Te, { title: "Hide Table", children: /* @__PURE__ */ t.jsx(ge, { onClick: b, sx: U, children: Q }) }), e[20] = b, e[21] = W) : W = e[21];
-  const re = W;
+  e[20] !== x ? (W = /* @__PURE__ */ t.jsx(ye, { title: "Hide Table", children: /* @__PURE__ */ t.jsx(Te, { onClick: x, sx: U, children: Q }) }), e[20] = x, e[21] = W) : W = e[21];
+  const ce = W;
   let X;
-  e[22] !== O || e[23] !== n ? (X = n ? /* @__PURE__ */ t.jsx(ge, { color: "primary", "aria-label": "download", size: "small", onClick: O, children: /* @__PURE__ */ t.jsx(De, {}) }) : /* @__PURE__ */ t.jsx(Be, { variant: "text", startIcon: /* @__PURE__ */ t.jsx(De, {}), onClick: O, sx: {
+  e[22] !== O || e[23] !== n ? (X = n ? /* @__PURE__ */ t.jsx(Te, { color: "primary", "aria-label": "download", size: "small", onClick: O, children: /* @__PURE__ */ t.jsx(ke, {}) }) : /* @__PURE__ */ t.jsx(Oe, { variant: "text", startIcon: /* @__PURE__ */ t.jsx(ke, {}), onClick: O, sx: {
     flexShrink: 0
   }, children: "Download" }), e[22] = O, e[23] = n, e[24] = X) : X = e[24];
-  const ke = X, Pe = Qe;
+  const Re = X, Ge = Ae;
   let q;
   e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = (r) => {
     if (!r.currentTarget.hasPointerCapture(r.pointerId))
       return;
-    const m = we.current;
+    const m = De.current;
     if (!m)
       return;
-    const Z = m.getBoundingClientRect(), Re = (r.clientX - Z.left) / Z.width * 100;
-    _(Math.min(70, Math.max(15, Re)));
+    const Z = m.getBoundingClientRect(), Me = (r.clientX - Z.left) / Z.width * 100;
+    Pe(Math.min(70, Math.max(15, Me)));
   }, e[25] = q) : q = e[25];
-  const ve = q, Se = We;
-  let T;
-  e[26] !== n || e[27] !== G || e[28] !== o ? (T = !n && o ? (r) => `${G}% ${r.spacing(2)} minmax(0, 1fr)` : "minmax(0, 1fr)", e[26] = n, e[27] = G, e[28] = o, e[29] = T) : T = e[29];
-  const ae = n && o ? "auto auto auto auto" : "auto 1fr", ce = !n && o ? 0 : 2, de = o ? "flex" : "none";
+  const _e = q, Ie = Je;
+  let w;
+  e[26] !== n || e[27] !== le || e[28] !== o ? (w = !n && o ? (r) => `${le}% ${r.spacing(2)} minmax(0, 1fr)` : "minmax(0, 1fr)", e[26] = n, e[27] = le, e[28] = o, e[29] = w) : w = e[29];
+  const de = n && o ? "auto auto auto auto" : "auto 1fr", me = !n && o ? 0 : 2, pe = o ? "flex" : "none";
   let A;
-  e[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ t.jsx(Ve, { variant: "h6", sx: {
+  e[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ t.jsx($e, { variant: "h6", sx: {
     flexGrow: 1
   }, children: "Table View" }), e[30] = A) : A = e[30];
-  let j;
-  e[31] !== re || e[32] !== de || e[33] !== F ? (j = /* @__PURE__ */ t.jsxs(je, { display: de, direction: "row", alignItems: "center", gap: 1, gridRow: 1, gridColumn: 1, children: [
+  let T;
+  e[31] !== ce || e[32] !== pe || e[33] !== F ? (T = /* @__PURE__ */ t.jsxs(Ce, { display: pe, direction: "row", alignItems: "center", gap: 1, gridRow: 1, gridColumn: 1, children: [
     F,
     A,
-    re
-  ] }), e[31] = re, e[32] = de, e[33] = F, e[34] = j) : j = e[34];
-  let D;
-  e[35] !== n || e[36] !== o ? (D = o && !n && /* @__PURE__ */ t.jsx(ee, { display: "flex", alignItems: "center", justifyContent: "center", gridRow: "1 / 3", gridColumn: 2, sx: {
+    ce
+  ] }), e[31] = ce, e[32] = pe, e[33] = F, e[34] = T) : T = e[34];
+  let j;
+  e[35] !== n || e[36] !== o ? (j = o && !n && /* @__PURE__ */ t.jsx(ee, { display: "flex", alignItems: "center", justifyContent: "center", gridRow: "1 / 3", gridColumn: 2, sx: {
     cursor: "col-resize"
-  }, onPointerDown: Pe, onPointerMove: ve, onPointerUp: Se, children: /* @__PURE__ */ t.jsx(He, { orientation: "vertical", flexItem: !0, sx: {
+  }, onPointerDown: Ge, onPointerMove: _e, onPointerUp: Ie, children: /* @__PURE__ */ t.jsx(ze, { orientation: "vertical", flexItem: !0, sx: {
     "& .MuiDivider-wrapperVertical": {
       padding: 0,
       display: "flex"
     },
     mx: "auto"
-  }, children: /* @__PURE__ */ t.jsx(Ie, { sx: {
+  }, children: /* @__PURE__ */ t.jsx(Ve, { sx: {
     transform: "rotate(90deg)",
     color: "divider"
-  } }) }) }), e[35] = n, e[36] = o, e[37] = D) : D = e[37];
-  const me = n && o ? 3 : 1, pe = !n && o ? 3 : 1, fe = !o && F;
+  } }) }) }), e[35] = n, e[36] = o, e[37] = j) : j = e[37];
+  const fe = n && o ? 3 : 1, ue = !n && o ? 3 : 1, he = !o && F;
   let J;
-  e[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (J = (r, m) => Ce(m), e[38] = J) : J = e[38];
+  e[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (J = (r, m) => Se(m), e[38] = J) : J = e[38];
   let K;
   e[39] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (K = {
     flexGrow: 1,
@@ -134,64 +136,64 @@ const ot = (i) => {
       opacity: 0.3
     }
   }, e[39] = K) : K = e[39];
-  let y;
-  if (e[40] !== n || e[41] !== ne) {
+  let D;
+  if (e[40] !== n || e[41] !== ie) {
     let r;
-    e[43] !== n ? (r = (m, Z) => /* @__PURE__ */ t.jsx(Ne, { label: n ? "" : m.tabTitle, icon: m.icon, iconPosition: "start", sx: {
+    e[43] !== n ? (r = (m, Z) => /* @__PURE__ */ t.jsx(Le, { label: n ? "" : m.tabTitle, icon: m.icon, iconPosition: "start", sx: {
       minHeight: "48px"
-    } }, Z), e[43] = n, e[44] = r) : r = e[44], y = ne.map(r), e[40] = n, e[41] = ne, e[42] = y;
+    } }, Z), e[43] = n, e[44] = r) : r = e[44], D = ie.map(r), e[40] = n, e[41] = ie, e[42] = D;
   } else
-    y = e[42];
+    D = e[42];
+  let y;
+  e[45] !== D || e[46] !== d ? (y = /* @__PURE__ */ t.jsx(Ee, { value: d, variant: "scrollable", onChange: J, sx: K, children: D }), e[45] = D, e[46] = d, e[47] = y) : y = e[47];
+  const xe = H && Re;
   let C;
-  e[45] !== y || e[46] !== d ? (C = /* @__PURE__ */ t.jsx(Oe, { value: d, variant: "scrollable", onChange: J, sx: K, children: y }), e[45] = y, e[46] = d, e[47] = C) : C = e[47];
-  const ue = B && ke;
+  e[48] !== fe || e[49] !== ue || e[50] !== he || e[51] !== y || e[52] !== xe ? (C = /* @__PURE__ */ t.jsxs(Ce, { direction: "row", alignItems: "center", justifyContent: "space-between", gridRow: fe, gridColumn: ue, children: [
+    he,
+    y,
+    xe
+  ] }), e[48] = fe, e[49] = ue, e[50] = he, e[51] = y, e[52] = xe, e[53] = C) : C = e[53];
+  const be = o ? "block" : "none";
   let k;
-  e[48] !== me || e[49] !== pe || e[50] !== fe || e[51] !== C || e[52] !== ue ? (k = /* @__PURE__ */ t.jsxs(je, { direction: "row", alignItems: "center", justifyContent: "space-between", gridRow: me, gridColumn: pe, children: [
-    fe,
-    C,
-    ue
-  ] }), e[48] = me, e[49] = pe, e[50] = fe, e[51] = C, e[52] = ue, e[53] = k) : k = e[53];
-  const xe = o ? "block" : "none";
-  let P;
-  e[54] !== l || e[55] !== h || e[56] !== xe ? (P = /* @__PURE__ */ t.jsx(ee, { display: xe, gridRow: 2, gridColumn: 1, height: h, children: l }), e[54] = l, e[55] = h, e[56] = xe, e[57] = P) : P = e[57];
-  const he = n && o ? 4 : 2, be = !n && o ? 3 : 1;
+  e[54] !== l || e[55] !== h || e[56] !== be ? (k = /* @__PURE__ */ t.jsx(ee, { display: be, gridRow: 2, gridColumn: 1, height: h, children: l }), e[54] = l, e[55] = h, e[56] = be, e[57] = k) : k = e[57];
+  const ge = n && o ? 4 : 2, we = !n && o ? 3 : 1;
   let v;
-  e[58] !== le || e[59] !== d ? (v = /* @__PURE__ */ t.jsx(Le, { value: d, figures: le }), e[58] = le, e[59] = d, e[60] = v) : v = e[60];
+  e[58] !== se || e[59] !== d ? (v = /* @__PURE__ */ t.jsx(Qe, { value: d, figures: se }), e[58] = se, e[59] = d, e[60] = v) : v = e[60];
+  let P;
+  e[61] !== a?.onDownloadPNG || e[62] !== a?.onDownloadSVG || e[63] !== a?.tabTitle || e[64] !== M ? (P = M && /* @__PURE__ */ t.jsx(Ue, { open: M, onClose: () => je(!1), onDownloadSVG: a?.onDownloadSVG, onDownloadPNG: a?.onDownloadPNG, plotTitle: a?.tabTitle }), e[61] = a?.onDownloadPNG, e[62] = a?.onDownloadSVG, e[63] = a?.tabTitle, e[64] = M, e[65] = P) : P = e[65];
   let S;
-  e[61] !== a?.onDownloadPNG || e[62] !== a?.onDownloadSVG || e[63] !== a?.tabTitle || e[64] !== x ? (S = x && /* @__PURE__ */ t.jsx(ze, { open: x, onClose: () => c(!1), onDownloadSVG: a?.onDownloadSVG, onDownloadPNG: a?.onDownloadPNG, plotTitle: a?.tabTitle }), e[61] = a?.onDownloadPNG, e[62] = a?.onDownloadSVG, e[63] = a?.tabTitle, e[64] = x, e[65] = S) : S = e[65];
-  let R;
-  e[66] !== h || e[67] !== he || e[68] !== be || e[69] !== v || e[70] !== S ? (R = /* @__PURE__ */ t.jsxs(ee, { gridRow: he, gridColumn: be, height: h, minWidth: 0, children: [
+  e[66] !== h || e[67] !== ge || e[68] !== we || e[69] !== v || e[70] !== P ? (S = /* @__PURE__ */ t.jsxs(ee, { gridRow: ge, gridColumn: we, height: h, minWidth: 0, children: [
     v,
-    S
-  ] }), e[66] = h, e[67] = he, e[68] = be, e[69] = v, e[70] = S, e[71] = R) : R = e[71];
+    P
+  ] }), e[66] = h, e[67] = ge, e[68] = we, e[69] = v, e[70] = P, e[71] = S) : S = e[71];
   let Y;
-  return e[72] !== T || e[73] !== ae || e[74] !== ce || e[75] !== j || e[76] !== D || e[77] !== k || e[78] !== P || e[79] !== R ? (Y = /* @__PURE__ */ t.jsxs(ee, { ref: we, display: "grid", gridTemplateColumns: T, gridTemplateRows: ae, rowGap: 1, columnGap: ce, children: [
+  return e[72] !== w || e[73] !== de || e[74] !== me || e[75] !== T || e[76] !== j || e[77] !== C || e[78] !== k || e[79] !== S ? (Y = /* @__PURE__ */ t.jsxs(ee, { ref: De, display: "grid", gridTemplateColumns: w, gridTemplateRows: de, rowGap: 1, columnGap: me, children: [
+    T,
     j,
-    D,
+    C,
     k,
-    P,
-    R
-  ] }), e[72] = T, e[73] = ae, e[74] = ce, e[75] = j, e[76] = D, e[77] = k, e[78] = P, e[79] = R, e[80] = Y) : Y = e[80], Y;
+    S
+  ] }), e[72] = w, e[73] = de, e[74] = me, e[75] = T, e[76] = j, e[77] = C, e[78] = k, e[79] = S, e[80] = Y) : Y = e[80], Y;
 };
-function Fe(i) {
+function Xe(i) {
   return {
     tabTitle: i.tabTitle,
     icon: i.icon
   };
 }
-function Ue(i) {
+function qe(i) {
   return {
     title: i.tabTitle,
     component: i.plotComponent
   };
 }
-function Qe(i) {
+function Ae(i) {
   i.currentTarget.setPointerCapture(i.pointerId);
 }
-function We(i) {
+function Je(i) {
   i.currentTarget.releasePointerCapture(i.pointerId);
 }
 export {
-  ot as default
+  st as default
 };
 //# sourceMappingURL=ui-components.es6.js.map