@sjcrh/proteinpaint-client 2.200.0 → 2.202.0

package/dist/Wsi-CMLKCEG3.js

@@ -0,0 +1,239 @@
+import {
+  Map_default,
+  Tile_default,
+  View_default,
+  Zoomify_default
+} from "./chunk-4QW2O66J.js";
+import {
+  PlotBase,
+  renderTable
+} from "./chunk-73PFJ2VF.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-XFAL46LZ.js";
+import "./chunk-ZZMIDYRE.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-6QCYT6G2.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-VSSZJHOR.js";
+import "./chunk-5RUVBYLK.js";
+import "./chunk-ZFJUVP2N.js";
+import "./chunk-R3ARQMM4.js";
+import {
+  dofetch3
+} from "./chunk-X4QQRHFB.js";
+import "./chunk-4WF3XDQP.js";
+import "./chunk-X6VTVZY7.js";
+import {
+  copyMerge,
+  getCompInit
+} from "./chunk-H6INPPUC.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-L44P5N4U.js";
+import "./chunk-GEQUQ3GG.js";
+import "./chunk-WPHUM5S5.js";
+import "./chunk-75T7ESEO.js";
+import "./chunk-2KXLYFAO.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-UJELJXJG.js";
+import "./chunk-FXQXCOII.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-HFNDKYVF.js";
+
+// plots/w2/model/Model.ts
+var Model = class {
+  constructor(genome, dslabel) {
+    this.genome = genome;
+    this.dslabel = dslabel;
+  }
+  /** Every sample in the dataset that has at least one whole-slide image on
+   disk (one subfolder per sample under ds.queries.w2.folder), with counts. */
+  async getData() {
+    return await dofetch3("termdb/wsiBySample", {
+      body: { genome: this.genome, dslabel: this.dslabel }
+    });
+  }
+  /** One sample's whole-slide images ({ fileName, thumbnail }), read from the
+   sample's folder: ds.queries.w2.folder/<sample_id>/ */
+  async getImages(sample_id) {
+    return await dofetch3("termdb/wsiBySample", {
+      body: { genome: this.genome, dslabel: this.dslabel, sample_id }
+    });
+  }
+};
+
+// plots/w2/viewModel/ViewModel.ts
+var ViewModel = class {
+  constructor(samples, settings) {
+    this.viewData = {
+      columns: [{ label: "Sample" }, { label: "Images" }],
+      rows: samples.map((s) => [{ value: s.sampleId }, { value: String(s.count) }]),
+      selectedSample: samples[settings.selectedSampleIndex]
+    };
+  }
+};
+
+// plots/w2/view/View.ts
+var View = class {
+  constructor(dom, viewData, images, settings, interactions, vocab) {
+    this.dom = dom;
+    this.viewData = viewData;
+    this.images = images;
+    this.settings = settings;
+    this.interactions = interactions;
+    this.vocab = vocab;
+  }
+  async render() {
+    this.renderSampleTable();
+    await this.renderViewer();
+  }
+  renderSampleTable() {
+    this.dom.table.selectAll("*").remove();
+    renderTable({
+      div: this.dom.table,
+      columns: this.viewData.columns,
+      rows: this.viewData.rows,
+      singleMode: true,
+      // radio buttons: one sample viewed at a time
+      selectedRows: this.settings.selectedSampleIndex != -1 ? [this.settings.selectedSampleIndex] : [],
+      noButtonCallback: (index) => this.interactions.selectSample(index),
+      resize: true,
+      striped: true,
+      maxHeight: "30vh",
+      header: { style: { "text-transform": "capitalize" } }
+    });
+  }
+  async renderViewer() {
+    const holder = this.dom.viewer;
+    holder.selectAll("*").remove();
+    const sample = this.viewData.selectedSample;
+    const image = this.images[0];
+    if (!sample || !image) return;
+    const params = `wsimage=${encodeURIComponent(image.fileName)}&dslabel=${this.vocab.dslabel}&genome=${this.vocab.genome}&sample_id=${encodeURIComponent(sample.sampleId)}`;
+    const meta = await dofetch3(`wsitiles/meta?${params}`);
+    if (!meta || meta.error || meta.status === "error") {
+      this.dom.error.text(`Error loading ${image.fileName}: ${meta?.error || "failed to load slide metadata"}`);
+      return;
+    }
+    const [w, h] = meta.slide_dimensions;
+    const host = (sessionStorage.getItem("hostURL") || window.testHost || "").replace(/\/+$/, "");
+    const source = new Zoomify_default({
+      // {z}/{x}/{y} hit wsitiles/tile; the unused {TileGroup} token only satisfies
+      // OpenLayers' requirement that a {TileGroup}/{tileIndex} placeholder be present
+      url: `${host}/wsitiles/tile/{z}/{x}/{y}?${params}&_={TileGroup}`,
+      size: [w, h],
+      crossOrigin: "anonymous",
+      zDirection: -1
+    });
+    const grid = source.getTileGrid();
+    const extent = grid.getExtent();
+    const mapDiv = holder.append("div").style("width", "100%").style("height", this.settings.viewerHeight);
+    const map = new Map_default({
+      target: mapDiv.node(),
+      layers: [new Tile_default({ source })],
+      view: new View_default({ resolutions: grid.getResolutions(), extent })
+    });
+    map.getView().fit(extent);
+  }
+};
+
+// plots/w2/interactions/WsiInteractions.ts
+var WsiInteractions = class {
+  constructor(app, id) {
+    this.app = app;
+    this.id = id;
+  }
+  /** a sample row was picked in the table */
+  selectSample(index) {
+    this.app.dispatch({
+      type: "plot_edit",
+      id: this.id,
+      config: { settings: { wsi: { selectedSampleIndex: index } } }
+    });
+  }
+};
+
+// plots/w2/Wsi.ts
+var Wsi = class extends PlotBase {
+  constructor(opts, api) {
+    super(opts, api);
+    this.type = "wsi";
+    this.opts = opts;
+    const holder = opts.holder.classed("sjpp-wsi-main", true);
+    const div = holder.append("div").style("padding", "5px");
+    this.dom = {
+      div,
+      error: div.append("div").attr("id", "sjpp-wsi-error").style("opacity", 0.75),
+      table: div.append("div").attr("id", "sjpp-wsi-table"),
+      viewer: div.append("div").attr("id", "sjpp-wsi-viewer")
+    };
+    if (opts.header)
+      this.dom.header = opts.header.text("WHOLE SLIDE IMAGES").style("font-size", "0.7em").style("opacity", 0.6);
+  }
+  static {
+    this.type = "wsi";
+  }
+  getState(appState) {
+    const config = appState.plots.find((p) => p.id === this.id);
+    if (!config) {
+      throw `No plot with id='${this.id}' found. Did you set this.id before this.api = getComponentApi(this)?`;
+    }
+    return {
+      vocab: appState.vocab,
+      config
+    };
+  }
+  async init() {
+    this.interactions = new WsiInteractions(this.app, this.id);
+  }
+  async main() {
+    const config = structuredClone(this.state.config);
+    if (config.childType != this.type && config.chartType != this.type) return;
+    if (!this.interactions) throw "Interactions not initialized [wsi main()]";
+    const settings = config.settings.wsi;
+    this.dom.error.text("");
+    const model = new Model(this.state.vocab.genome, this.state.vocab.dslabel);
+    const data = await model.getData();
+    if (!data || data.error || !data.samples?.length) {
+      this.dom.table.selectAll("*").remove();
+      this.dom.viewer.selectAll("*").remove();
+      this.dom.error.style("padding", "20px").text(data?.error || "No samples with whole-slide images.");
+      return;
+    }
+    const viewModel = new ViewModel(data.samples, settings);
+    const selectedSample = viewModel.viewData.selectedSample;
+    const images = selectedSample ? (await model.getImages(selectedSample.sampleId)).images ?? [] : [];
+    await new View(this.dom, viewModel.viewData, images, settings, this.interactions, this.state.vocab).render();
+  }
+};
+var wsiInit = getCompInit(Wsi);
+var componentInit = wsiInit;
+function getDefaultWsiSettings(overrides = {}) {
+  const defaults = {
+    selectedSampleIndex: 0,
+    // first sample selected on launch
+    viewerHeight: "70vh"
+  };
+  return Object.assign(defaults, overrides);
+}
+async function getPlotConfig(opts, _app) {
+  const config = {
+    chartType: "wsi",
+    settings: {
+      wsi: getDefaultWsiSettings(opts.overrides)
+    },
+    hidePlotFilter: true
+  };
+  return copyMerge(config, opts);
+}
+export {
+  componentInit,
+  getDefaultWsiSettings,
+  getPlotConfig,
+  wsiInit
+};
+//# sourceMappingURL=Wsi-CMLKCEG3.js.map

package/dist/Wsi-CMLKCEG3.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../plots/w2/model/Model.ts", "../plots/w2/viewModel/ViewModel.ts", "../plots/w2/view/View.ts", "../plots/w2/interactions/WsiInteractions.ts", "../plots/w2/Wsi.ts"],
+  "sourcesContent": ["import { dofetch3 } from '#common/dofetch'\nimport type { WsiBySampleResponse } from '#types'\n\n/** Server data access for the w2 plot. Both calls hit termdb/wsiBySample,\n which lists straight from the ds.queries.w2.folder directory on disk. */\nexport class Model {\n\tconstructor(readonly genome: string, readonly dslabel: string) {}\n\n\t/** Every sample in the dataset that has at least one whole-slide image on\n\t disk (one subfolder per sample under ds.queries.w2.folder), with counts. */\n\tasync getData(): Promise<WsiBySampleResponse> {\n\t\treturn await dofetch3('termdb/wsiBySample', {\n\t\t\tbody: { genome: this.genome, dslabel: this.dslabel }\n\t\t})\n\t}\n\n\t/** One sample's whole-slide images ({ fileName, thumbnail }), read from the\n\t sample's folder: ds.queries.w2.folder/<sample_id>/ */\n\tasync getImages(sample_id: string): Promise<WsiBySampleResponse> {\n\t\treturn await dofetch3('termdb/wsiBySample', {\n\t\t\tbody: { genome: this.genome, dslabel: this.dslabel, sample_id }\n\t\t})\n\t}\n}\n", "import type { WsiSampleSummary } from '#types'\nimport type { TableColumn, TableRow } from '#dom'\nimport type Settings from '../Settings.ts'\n\nexport type ViewData = {\n\t/** sample table skeleton for renderTable() */\n\tcolumns: TableColumn[]\n\trows: TableRow[]\n\t/** the sample whose image is shown in the viewer; undefined when none selected */\n\tselectedSample?: WsiSampleSummary\n}\n\n/** Shapes the server data for rendering: one table row per sample that has\n whole-slide images on disk, plus the currently selected sample. */\nexport class ViewModel {\n\tviewData: ViewData\n\n\tconstructor(samples: WsiSampleSummary[], settings: Settings) {\n\t\tthis.viewData = {\n\t\t\tcolumns: [{ label: 'Sample' }, { label: 'Images' }],\n\t\t\trows: samples.map(s => [{ value: s.sampleId }, { value: String(s.count) }]),\n\t\t\tselectedSample: samples[settings.selectedSampleIndex]\n\t\t}\n\t}\n}\n", "import { renderTable } from '#dom'\nimport { dofetch3 } from '#common/dofetch'\nimport 'ol/ol.css'\nimport OlMap from 'ol/Map.js'\nimport OlView from 'ol/View.js'\nimport TileLayer from 'ol/layer/Tile.js'\nimport Zoomify from 'ol/source/Zoomify.js'\nimport type { WsiImage } from '#types'\nimport type Settings from '../Settings.ts'\nimport type { ViewData } from '../viewModel/ViewModel.ts'\nimport type { WsiInteractions } from '../interactions/WsiInteractions.ts'\n\n/** Renders the sample table and, when a sample is selected, an OpenLayers\n pan/zoom viewer for the sample's first whole-slide image via the\n openslide-backed wsitiles route (no tile server sidecar, no auth). */\nexport class View {\n\tconstructor(\n\t\treadonly dom: { table: any; viewer: any; error: any },\n\t\treadonly viewData: ViewData,\n\t\t/** the selected sample's images from termdb/wsiBySample */\n\t\treadonly images: WsiImage[],\n\t\treadonly settings: Settings,\n\t\treadonly interactions: WsiInteractions,\n\t\treadonly vocab: { genome: string; dslabel: string }\n\t) {}\n\n\tasync render() {\n\t\tthis.renderSampleTable()\n\t\tawait this.renderViewer()\n\t}\n\n\tprivate renderSampleTable() {\n\t\tthis.dom.table.selectAll('*').remove()\n\t\trenderTable({\n\t\t\tdiv: this.dom.table,\n\t\t\tcolumns: this.viewData.columns,\n\t\t\trows: this.viewData.rows,\n\t\t\tsingleMode: true, // radio buttons: one sample viewed at a time\n\t\t\tselectedRows: this.settings.selectedSampleIndex != -1 ? [this.settings.selectedSampleIndex] : [],\n\t\t\tnoButtonCallback: index => this.interactions.selectSample(index),\n\t\t\tresize: true,\n\t\t\tstriped: true,\n\t\t\tmaxHeight: '30vh',\n\t\t\theader: { style: { 'text-transform': 'capitalize' } }\n\t\t})\n\t}\n\n\tprivate async renderViewer() {\n\t\tconst holder = this.dom.viewer\n\t\tholder.selectAll('*').remove()\n\n\t\t// simply display the sample's first image for now\n\t\tconst sample = this.viewData.selectedSample\n\t\tconst image = this.images[0]\n\t\tif (!sample || !image) return\n\n\t\t// query params match the wsitiles route (server/src/routes/wsitiles.ts);\n\t\t// the server resolves the file as ds.queries.w2.folder/<sample>/<fileName>\n\t\tconst params = `wsimage=${encodeURIComponent(image.fileName)}&dslabel=${this.vocab.dslabel}&genome=${\n\t\t\tthis.vocab.genome\n\t\t}&sample_id=${encodeURIComponent(sample.sampleId)}`\n\n\t\t// slide dimensions are needed before tiles can be requested\n\t\tconst meta = await dofetch3(`wsitiles/meta?${params}`)\n\t\tif (!meta || meta.error || meta.status === 'error') {\n\t\t\tthis.dom.error.text(`Error loading ${image.fileName}: ${meta?.error || 'failed to load slide metadata'}`)\n\t\t\treturn\n\t\t}\n\n\t\tconst [w, h] = meta.slide_dimensions\n\t\tconst host = (sessionStorage.getItem('hostURL') || (window as any).testHost || '').replace(/\\/+$/, '')\n\n\t\tconst source = new Zoomify({\n\t\t\t// {z}/{x}/{y} hit wsitiles/tile; the unused {TileGroup} token only satisfies\n\t\t\t// OpenLayers' requirement that a {TileGroup}/{tileIndex} placeholder be present\n\t\t\turl: `${host}/wsitiles/tile/{z}/{x}/{y}?${params}&_={TileGroup}`,\n\t\t\tsize: [w, h],\n\t\t\tcrossOrigin: 'anonymous',\n\t\t\tzDirection: -1\n\t\t})\n\t\tconst grid = source.getTileGrid()!\n\t\tconst extent = grid.getExtent()\n\n\t\tconst mapDiv = holder.append('div').style('width', '100%').style('height', this.settings.viewerHeight)\n\t\tconst map = new OlMap({\n\t\t\ttarget: mapDiv.node(),\n\t\t\tlayers: [new TileLayer({ source })],\n\t\t\tview: new OlView({ resolutions: grid.getResolutions(), extent })\n\t\t})\n\t\tmap.getView().fit(extent) // start fully zoomed out, whole slide visible\n\t}\n}\n", "/** User interactions for the wsi plot; each one dispatches a plot_edit so the\n change flows through app state and main() re-renders. */\nexport class WsiInteractions {\n\tconstructor(readonly app: any, readonly id: string) {}\n\n\t/** a sample row was picked in the table */\n\tselectSample(index: number) {\n\t\tthis.app.dispatch({\n\t\t\ttype: 'plot_edit',\n\t\t\tid: this.id,\n\t\t\tconfig: { settings: { wsi: { selectedSampleIndex: index } } }\n\t\t})\n\t}\n}\n", "import { getCompInit, copyMerge, type RxComponent } from '#rx'\nimport { PlotBase } from '../PlotBase'\nimport type { BasePlotConfig, MassState } from '#mass/types/mass'\nimport type Settings from './Settings.ts'\nimport { Model } from './model/Model'\nimport { ViewModel } from './viewModel/ViewModel'\nimport { View } from './view/View'\nimport { WsiInteractions } from './interactions/WsiInteractions'\n\n/** Mass plot listing every sample in the dataset that has whole-slide images\n (the wsisamples route performs the per-sample check), with a pan/zoom viewer\n for the selected sample's slide. Architecture mirrors plots/corrVolcano:\n Model (server data) -> ViewModel (view data) -> View (render), with\n interactions dispatching state edits. */\ntype WsiDom = {\n\tdiv: any\n\terror: any\n\ttable: any\n\tviewer: any\n\theader?: any\n}\n\nclass Wsi extends PlotBase implements RxComponent {\n\tstatic type = 'wsi'\n\treadonly type = 'wsi'\n\tdom: WsiDom\n\tinteractions?: WsiInteractions\n\n\tconstructor(opts: any, api) {\n\t\tsuper(opts, api)\n\t\tthis.opts = opts\n\t\tconst holder = opts.holder.classed('sjpp-wsi-main', true)\n\t\tconst div = holder.append('div').style('padding', '5px')\n\t\tthis.dom = {\n\t\t\tdiv,\n\t\t\terror: div.append('div').attr('id', 'sjpp-wsi-error').style('opacity', 0.75),\n\t\t\ttable: div.append('div').attr('id', 'sjpp-wsi-table'),\n\t\t\tviewer: div.append('div').attr('id', 'sjpp-wsi-viewer')\n\t\t}\n\t\tif (opts.header)\n\t\t\tthis.dom.header = opts.header.text('WHOLE SLIDE IMAGES').style('font-size', '0.7em').style('opacity', 0.6)\n\t}\n\n\tgetState(appState: MassState) {\n\t\tconst config = appState.plots.find((p: BasePlotConfig) => p.id === this.id)\n\t\tif (!config) {\n\t\t\tthrow `No plot with id='${this.id}' found. Did you set this.id before this.api = getComponentApi(this)?`\n\t\t}\n\t\treturn {\n\t\t\tvocab: appState.vocab,\n\t\t\tconfig\n\t\t}\n\t}\n\n\tasync init() {\n\t\tthis.interactions = new WsiInteractions(this.app, this.id)\n\t}\n\n\tasync main() {\n\t\tconst config = structuredClone(this.state.config)\n\t\tif (config.childType != this.type && config.chartType != this.type) return\n\t\tif (!this.interactions) throw 'Interactions not initialized [wsi main()]'\n\n\t\tconst settings: Settings = config.settings.wsi\n\t\tthis.dom.error.text('')\n\n\t\t// which samples have whole-slide images on disk?\n\t\tconst model = new Model(this.state.vocab.genome, this.state.vocab.dslabel)\n\t\tconst data = await model.getData()\n\t\tif (!data || data.error || !data.samples?.length) {\n\t\t\tthis.dom.table.selectAll('*').remove()\n\t\t\tthis.dom.viewer.selectAll('*').remove()\n\t\t\tthis.dom.error.style('padding', '20px').text(data?.error || 'No samples with whole-slide images.')\n\t\t\treturn\n\t\t}\n\n\t\t// shape for rendering\n\t\tconst viewModel = new ViewModel(data.samples, settings)\n\n\t\t// the selected sample's images from termdb/wsiBySample; on launch the\n\t\t// first sample is selected by default so its first image displays\n\t\tconst selectedSample = viewModel.viewData.selectedSample\n\t\tconst images = selectedSample ? (await model.getImages(selectedSample.sampleId)).images ?? [] : []\n\n\t\tawait new View(this.dom, viewModel.viewData, images, settings, this.interactions, this.state.vocab).render()\n\t}\n}\n\nexport const wsiInit = getCompInit(Wsi)\nexport const componentInit = wsiInit\n\nexport function getDefaultWsiSettings(overrides = {}): Settings {\n\tconst defaults: Settings = {\n\t\tselectedSampleIndex: 0, // first sample selected on launch\n\t\tviewerHeight: '70vh'\n\t}\n\treturn Object.assign(defaults, overrides)\n}\n\nexport async function getPlotConfig(opts: any, _app: any) {\n\tconst config = {\n\t\tchartType: 'wsi',\n\t\tsettings: {\n\t\t\twsi: getDefaultWsiSettings(opts.overrides)\n\t\t},\n\t\thidePlotFilter: true\n\t}\n\treturn copyMerge(config, opts)\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/WsiSamplesPlot-ET7LGNJW.js

@@ -0,0 +1,165 @@
+import {
+  renderTable
+} from "./chunk-73PFJ2VF.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-XFAL46LZ.js";
+import "./chunk-ZZMIDYRE.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-6QCYT6G2.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-VSSZJHOR.js";
+import "./chunk-5RUVBYLK.js";
+import "./chunk-ZFJUVP2N.js";
+import "./chunk-R3ARQMM4.js";
+import {
+  dofetch3
+} from "./chunk-X4QQRHFB.js";
+import "./chunk-4WF3XDQP.js";
+import "./chunk-X6VTVZY7.js";
+import {
+  copyMerge,
+  getCompInit
+} from "./chunk-H6INPPUC.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-L44P5N4U.js";
+import "./chunk-GEQUQ3GG.js";
+import "./chunk-WPHUM5S5.js";
+import "./chunk-75T7ESEO.js";
+import "./chunk-2KXLYFAO.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-UJELJXJG.js";
+import "./chunk-FXQXCOII.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-HFNDKYVF.js";
+
+// plots/wsisamples/defaults.ts
+function wsiSamplesDefaults(overrides = {}) {
+  const defaults = {
+    selectedSampleIndex: -1
+  };
+  return copyMerge(defaults, overrides);
+}
+
+// plots/wsisamples/WsiSamplesPlot.ts
+var WSISamplesPlot = class _WSISamplesPlot {
+  static {
+    this.type = "WSISamplesPlot";
+  }
+  constructor(opts) {
+    this.type = _WSISamplesPlot.type;
+    this.opts = opts;
+  }
+  getState(appState) {
+    const config = appState.plots.find((p) => p.id === this.id);
+    if (!config) {
+      throw `No plot with id='${this.id}' found. Did you set this.id before this.api = getComponentApi(this)?`;
+    }
+    return {
+      config,
+      dslabel: appState.vocab.dslabel,
+      genome: appState.vocab.genome
+    };
+  }
+  async init() {
+    const state = this.app.getState();
+    const plotConfig = state.plots.find((p) => p.id === this.id);
+    const settings = plotConfig.settings;
+    const selectedRows = [];
+    const selectedSampleIndex = settings.selectedSampleIndex;
+    if (selectedSampleIndex != -1) selectedRows.push(selectedSampleIndex);
+    const holder = this.opts.holder;
+    const contentDiv = holder.append("div").attr("class", "wsi-samples-content");
+    const columns = [
+      {
+        label: "Sample"
+      }
+    ];
+    const rows = [];
+    const wsiImages = plotConfig.wsimages;
+    wsiImages.forEach((wsiImage) => {
+      const row = [];
+      const tableCell = {
+        value: wsiImage.sampleId
+      };
+      row.push(tableCell);
+      rows.push(row);
+    });
+    renderTable({
+      rows,
+      columns,
+      resize: true,
+      singleMode: true,
+      div: contentDiv,
+      maxHeight: "50vh",
+      selectedRows,
+      noButtonCallback: (index) => {
+        this.app.dispatch({
+          type: "plot_edit",
+          id: this.id,
+          config: {
+            settings: {
+              selectedSampleIndex: index
+            }
+          }
+        });
+      },
+      striped: true,
+      header: { style: { "text-transform": "capitalize" } }
+    });
+  }
+  async main() {
+    const state = this.app.getState();
+    const plotConfig = state.plots.find((p) => p.id === this.id);
+    const settings = plotConfig.settings;
+    const selectedSampleIndex = settings.selectedSampleIndex;
+    const contentDiv = this.opts.holder.select(".wsi-samples-content");
+    const wsiImages = plotConfig.wsimages;
+    if (selectedSampleIndex != -1) {
+      const existingViewer = contentDiv.select(".wsi-viewer");
+      if (!existingViewer.empty()) {
+        existingViewer.remove();
+      }
+      const viewerDiv = contentDiv.append("div").attr("class", "wsi-viewer").style("width", "100%");
+      const wsiViewer = await import("./plot.wsi-OSZU2PQ5.js");
+      wsiViewer.default(
+        this.app.opts.state.vocab.dslabel,
+        viewerDiv,
+        this.app.opts.genome,
+        wsiImages[selectedSampleIndex].sampleId
+      );
+    }
+  }
+};
+var wsiSamplesPlot = getCompInit(WSISamplesPlot);
+var componentInit = wsiSamplesPlot;
+async function getPlotConfig(opts, app) {
+  return {
+    chartType: "WSISamplesPlot",
+    subfolder: "wsisamples",
+    extension: "ts",
+    wsimages: await getWSISamples(app),
+    settings: wsiSamplesDefaults(opts.overrides),
+    hidePlotFilter: true
+  };
+}
+async function getWSISamples(app) {
+  const data = await dofetch3("wsisamples", {
+    body: {
+      genome: app.opts.state.vocab.genome,
+      dslabel: app.opts.state.vocab.dslabel
+    }
+  });
+  return data.samples;
+}
+export {
+  componentInit,
+  WSISamplesPlot as default,
+  getPlotConfig,
+  wsiSamplesPlot
+};
+//# sourceMappingURL=WsiSamplesPlot-ET7LGNJW.js.map

package/dist/adSandbox-6LGHUXPX.js

@@ -0,0 +1,38 @@
+import {
+  openSandbox
+} from "./chunk-ZUDSOVYT.js";
+import "./chunk-73PFJ2VF.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-XFAL46LZ.js";
+import "./chunk-ZZMIDYRE.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-6QCYT6G2.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-VSSZJHOR.js";
+import "./chunk-5RUVBYLK.js";
+import "./chunk-ZFJUVP2N.js";
+import "./chunk-R3ARQMM4.js";
+import "./chunk-X4QQRHFB.js";
+import "./chunk-4WF3XDQP.js";
+import "./chunk-X6VTVZY7.js";
+import "./chunk-H6INPPUC.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-L44P5N4U.js";
+import "./chunk-GEQUQ3GG.js";
+import "./chunk-WPHUM5S5.js";
+import "./chunk-75T7ESEO.js";
+import "./chunk-2KXLYFAO.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-UJELJXJG.js";
+import "./chunk-FXQXCOII.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import "./chunk-DQC5FFGV.js";
+import "./chunk-HFNDKYVF.js";
+export {
+  openSandbox
+};
+//# sourceMappingURL=adSandbox-6LGHUXPX.js.map