@sjcrh/proteinpaint-client 2.198.0 → 2.200.0

package/dist/termCollection.unit.spec-4TIRHC44.js

@@ -0,0 +1,304 @@
+import {
+  SearchHandler
+} from "./chunk-46X6AQ7Z.js";
+import {
+  require_tape
+} from "./chunk-TUMA63WX.js";
+import "./chunk-TKW5TW4Z.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-3SHZTAGF.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-6QCYT6G2.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-OTTMHVYH.js";
+import "./chunk-GNS6CQMA.js";
+import "./chunk-JVPWIVDT.js";
+import "./chunk-4WF3XDQP.js";
+import "./chunk-7JRDJNLR.js";
+import "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-MPSLUEI4.js";
+import "./chunk-6PNPHACF.js";
+import "./chunk-WPHUM5S5.js";
+import "./chunk-JNITUVXP.js";
+import "./chunk-2KXLYFAO.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-UJELJXJG.js";
+import "./chunk-BZTWTH4Y.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import "./chunk-DQC5FFGV.js";
+import {
+  __toESM
+} from "./chunk-HFNDKYVF.js";
+
+// termdb/handlers/test/termCollection.unit.spec.ts
+var import_tape = __toESM(require_tape(), 1);
+function getHolder() {
+  return select_default("body").append("div");
+}
+function getTermCollectionDetails(overrides = {}) {
+  return {
+    name: "Test Collection",
+    type: "gene",
+    memberType: "gene",
+    termlst: [
+      { id: "gene1", name: "TP53", values: { tissue: "Lung" } },
+      { id: "gene2", name: "KRAS", values: { tissue: "Colon" } },
+      { id: "gene3", name: "BRCA1", values: { tissue: "Breast" } }
+    ],
+    categoryKeys: [
+      { key: "tissue", shown: true },
+      { key: "expression", shown: false }
+    ],
+    propsByTermId: {
+      gene1: { color: "#FF0000" },
+      gene2: { color: "#00FF00" }
+    },
+    ...overrides
+  };
+}
+(0, import_tape.default)("\n", function(test) {
+  test.comment("-***- termdb/handlers/termCollection -***-");
+  test.end();
+});
+(0, import_tape.default)("init() should render term list table with all terms from details.termlst", async (test) => {
+  const handler = new SearchHandler();
+  const holder = getHolder();
+  const details = getTermCollectionDetails();
+  await handler.init({
+    holder,
+    callback: () => {
+    },
+    app: {},
+    details
+  });
+  const table = holder.select("table");
+  test.ok(table.node(), "Should render a table");
+  const rows = table.selectAll("tbody tr");
+  test.equal(rows.size(), 3, "Should render three rows for three terms");
+  const rowTexts = rows.nodes().map((row) => row.textContent.trim());
+  test.ok(rowTexts[0].includes("TP53"), "First row should contain TP53");
+  test.ok(rowTexts[1].includes("KRAS"), "Second row should contain KRAS");
+  test.ok(rowTexts[2].includes("BRCA1"), "Third row should contain BRCA1");
+  if (test["_ok"]) holder.remove();
+  test.end();
+});
+(0, import_tape.default)("init() should render category table when details.categoryKeys is present", async (test) => {
+  const handler = new SearchHandler();
+  const holder = getHolder();
+  const details = getTermCollectionDetails();
+  await handler.init({
+    holder,
+    callback: () => {
+    },
+    app: {},
+    details
+  });
+  const tables = holder.selectAll("table");
+  test.equal(tables.size(), 2, "Should render two tables when categoryKeys is present");
+  const categoryTable = tables.nodes()[1];
+  const categoryRows = select_default(categoryTable).selectAll("tbody tr");
+  test.equal(categoryRows.size(), 2, "Should render two rows for two categories");
+  const categoryTexts = categoryRows.nodes().map((row) => row.textContent.trim());
+  test.ok(categoryTexts[0].includes("tissue"), "Should display tissue category key");
+  test.ok(categoryTexts[1].includes("expression"), "Should display expression category key");
+  if (test["_ok"]) holder.remove();
+  test.end();
+});
+(0, import_tape.default)("init() should call callback with selected terms, categoryKeys, and properties", async (test) => {
+  const handler = new SearchHandler();
+  const holder = getHolder();
+  const details = getTermCollectionDetails();
+  let callbackResult;
+  await handler.init({
+    holder,
+    callback: (result) => {
+      callbackResult = result;
+    },
+    app: {},
+    details
+  });
+  const termsTable = holder.selectAll("table").nodes()[0];
+  const checkboxes = termsTable.querySelectorAll('tbody input[type="checkbox"]');
+  checkboxes[0].checked = true;
+  checkboxes[1].checked = true;
+  checkboxes[2].checked = false;
+  const categoryTable = holder.selectAll("table").nodes()[1];
+  const categoryCheckboxes = categoryTable.querySelectorAll('tbody input[type="checkbox"]');
+  categoryCheckboxes[0].checked = true;
+  categoryCheckboxes[1].checked = false;
+  const selectBtn = holder.select('[data-testid="sjpp-term-collection-select"]').node();
+  selectBtn.click();
+  test.equal(callbackResult?.type, "termCollection", "Should set type to termCollection");
+  test.equal(callbackResult?.name, "Test Collection", "Should pass collection name");
+  test.equal(callbackResult?.memberType, "gene", "Should pass memberType");
+  test.deepEqual(callbackResult?.termIds, ["gene1", "gene2"], "Should pass selected term IDs");
+  test.equal(callbackResult?.termlst.length, 2, "Should pass selected term list with correct length");
+  test.equal(callbackResult?.termlst[0].name, "TP53", "First selected term should be TP53");
+  test.equal(callbackResult?.termlst[1].name, "KRAS", "Second selected term should be KRAS");
+  test.deepEqual(
+    callbackResult?.categoryKeys,
+    [
+      { key: "tissue", shown: true },
+      { key: "expression", shown: false }
+    ],
+    "Should pass updated categoryKeys with shown status"
+  );
+  test.deepEqual(
+    callbackResult?.propsByTermId,
+    { gene1: { color: "#FF0000" }, gene2: { color: "#00FF00" } },
+    "Should pass propsByTermId for selected terms only"
+  );
+  if (test["_ok"]) holder.remove();
+  test.end();
+});
+(0, import_tape.default)("init() should not render category table when details.categoryKeys is missing", async (test) => {
+  const handler = new SearchHandler();
+  const holder = getHolder();
+  const details = getTermCollectionDetails({ categoryKeys: void 0 });
+  await handler.init({
+    holder,
+    callback: () => {
+    },
+    app: {},
+    details
+  });
+  const tables = holder.selectAll("table");
+  test.equal(tables.size(), 1, "Should render only one table when categoryKeys is missing");
+  if (test["_ok"]) holder.remove();
+  test.end();
+});
+(0, import_tape.default)("init() disables the Select button for an invalid collection", async (test) => {
+  const handler = new SearchHandler();
+  const holder = getHolder();
+  const details = getTermCollectionDetails();
+  let callbackResult;
+  await handler.init({
+    holder,
+    callback: (result) => {
+      callbackResult = result;
+    },
+    app: {},
+    details
+  });
+  const selectBtn = holder.select('[data-testid="sjpp-term-collection-select"]').node();
+  const getChecks = (tableIdx) => [
+    ...holder.selectAll("table").nodes()[tableIdx].querySelectorAll('tbody input[type="checkbox"]')
+  ];
+  const terms = () => getChecks(0);
+  const categories = () => getChecks(1);
+  test.equal(selectBtn.disabled, false, "enables the button for the default selection");
+  terms()[0].click();
+  test.equal(selectBtn.disabled, false, "stays enabled with two selected variables");
+  terms()[1].click();
+  test.equal(selectBtn.disabled, true, "disables the button with a single selected variable");
+  test.ok(`${selectBtn.title}`.includes("two variables"), `titles the button with the reason: ${selectBtn.title}`);
+  selectBtn.click();
+  test.equal(callbackResult, void 0, "a disabled button does not submit the selection");
+  terms()[1].click();
+  test.equal(selectBtn.disabled, false, "re-enables the button with two selected variables");
+  categories()[0].click();
+  test.equal(selectBtn.disabled, false, "stays enabled with one selected category");
+  categories()[1].click();
+  test.equal(selectBtn.disabled, true, "disables the button without a selected category");
+  test.ok(`${selectBtn.title}`.includes("category"), `titles the button with the reason: ${selectBtn.title}`);
+  categories()[1].click();
+  test.equal(selectBtn.disabled, false, "re-enables the button for a valid collection");
+  selectBtn.click();
+  test.deepEqual(callbackResult?.termIds, ["gene2", "gene3"], "submits the selected variables");
+  test.deepEqual(
+    callbackResult?.categoryKeys,
+    [
+      { key: "tissue", shown: false },
+      { key: "expression", shown: true }
+    ],
+    "submits the selected categories"
+  );
+  if (test["_ok"]) holder.remove();
+  test.end();
+});
+(0, import_tape.default)("fraction selection returns a raw fraction wrapper and retains every member", async (test) => {
+  const handler = new SearchHandler();
+  const holder = getHolder();
+  const details = getTermCollectionDetails({
+    type: "numeric",
+    memberType: "numeric",
+    categoryKeys: void 0
+  });
+  let callbackResult;
+  await handler.init({
+    holder,
+    callback: (result) => {
+      callbackResult = result;
+    },
+    app: {},
+    details,
+    usecase: { target: "barchart", detail: "term2" },
+    termCollectionSelectionMode: "fraction"
+  });
+  test.ok(holder.text().includes("Denominator"), "renders the denominator selector");
+  test.ok(holder.text().includes("Numerator"), "renders the numerator selector");
+  const rows = holder.selectAll("tbody tr").nodes();
+  const numerator = rows[1].querySelector('[data-testid="sjpp-term-collection-numerator"]');
+  numerator.click();
+  holder.select('[data-testid="sjpp-term-collection-fraction-select"]').node().click();
+  test.equal(callbackResult?.type, "TermCollectionTWFraction", "returns a fraction wrapper");
+  test.deepEqual(callbackResult?.q.denominators, ["gene1", "gene2", "gene3"], "defaults all members as denominators");
+  test.deepEqual(callbackResult?.q.numerators, ["gene1", "gene2"], "returns the selected numerators");
+  test.equal(callbackResult?.term.termlst.length, 3, "keeps the complete source member list");
+  test.deepEqual(callbackResult?.term.termIds, ["gene1", "gene2", "gene3"], "keeps every source member ID");
+  if (test["_ok"]) holder.remove();
+  test.end();
+});
+(0, import_tape.default)("fraction selection clears and disables the numerator of a deselected denominator", async (test) => {
+  const handler = new SearchHandler();
+  const holder = getHolder();
+  const details = getTermCollectionDetails({
+    type: "numeric",
+    memberType: "numeric",
+    categoryKeys: void 0
+  });
+  let callbackResult;
+  await handler.init({
+    holder,
+    callback: (result) => {
+      callbackResult = result;
+    },
+    app: {},
+    details,
+    usecase: { target: "barchart", detail: "term2" },
+    termCollectionSelectionMode: "fraction"
+  });
+  const getNumerators = () => holder.selectAll('[data-testid="sjpp-term-collection-numerator"]').nodes();
+  const getDenominators = () => holder.selectAll('[data-testid="sjpp-term-collection-denominator"]').nodes();
+  getDenominators()[0].click();
+  test.equal(getNumerators()[0].checked, false, "clears the numerator of a deselected denominator");
+  test.equal(getNumerators()[0].disabled, true, "disables the numerator of a deselected denominator");
+  const selectBtn = holder.select('[data-testid="sjpp-term-collection-fraction-select"]').node();
+  test.equal(selectBtn.disabled, true, "disables the Select button without a numerator");
+  selectBtn.click();
+  test.equal(callbackResult, void 0, "does not submit a fraction without a numerator");
+  getDenominators()[0].click();
+  test.equal(getNumerators()[0].disabled, false, "enables the numerator when its denominator is restored");
+  test.equal(getNumerators()[0].checked, false, "does not silently restore the numerator");
+  getNumerators()[1].click();
+  holder.select('[data-testid="sjpp-term-collection-fraction-select"]').node().click();
+  test.deepEqual(callbackResult?.q.numerators, ["gene2"], "submits the edited numerator selection");
+  test.deepEqual(
+    callbackResult?.q.denominators,
+    ["gene1", "gene2", "gene3"],
+    "submits the restored denominator selection"
+  );
+  if (test["_ok"]) holder.remove();
+  test.end();
+});
+//# sourceMappingURL=termCollection.unit.spec-4TIRHC44.js.map

package/dist/termCollection.unit.spec-4TIRHC44.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../termdb/handlers/test/termCollection.unit.spec.ts"],
+  "sourcesContent": ["import tape from 'tape'\nimport * as d3s from 'd3-selection'\nimport { SearchHandler } from '../termCollection.ts'\n\n/*************************\n reusable helper functions\n**************************/\n\nfunction getHolder() {\n\treturn d3s.select('body').append('div')\n}\n\nfunction getTermCollectionDetails(overrides: any = {}) {\n\treturn {\n\t\tname: 'Test Collection',\n\t\ttype: 'gene',\n\t\tmemberType: 'gene',\n\t\ttermlst: [\n\t\t\t{ id: 'gene1', name: 'TP53', values: { tissue: 'Lung' } },\n\t\t\t{ id: 'gene2', name: 'KRAS', values: { tissue: 'Colon' } },\n\t\t\t{ id: 'gene3', name: 'BRCA1', values: { tissue: 'Breast' } }\n\t\t],\n\t\tcategoryKeys: [\n\t\t\t{ key: 'tissue', shown: true },\n\t\t\t{ key: 'expression', shown: false }\n\t\t],\n\t\tpropsByTermId: {\n\t\t\tgene1: { color: '#FF0000' },\n\t\t\tgene2: { color: '#00FF00' }\n\t\t},\n\t\t...overrides\n\t}\n}\n\n/**************\n test sections\n***************/\n\ntape('\\n', function (test) {\n\ttest.comment('-***- termdb/handlers/termCollection -***-')\n\ttest.end()\n})\n\ntape('init() should render term list table with all terms from details.termlst', async test => {\n\tconst handler = new SearchHandler()\n\tconst holder = getHolder()\n\tconst details = getTermCollectionDetails()\n\n\tawait handler.init({\n\t\tholder,\n\t\tcallback: () => {},\n\t\tapp: {},\n\t\tdetails\n\t})\n\n\tconst table = holder.select('table')\n\ttest.ok(table.node(), 'Should render a table')\n\n\tconst rows = table.selectAll('tbody tr')\n\ttest.equal(rows.size(), 3, 'Should render three rows for three terms')\n\n\tconst rowTexts = rows.nodes().map((row: any) => row.textContent.trim())\n\ttest.ok(rowTexts[0].includes('TP53'), 'First row should contain TP53')\n\ttest.ok(rowTexts[1].includes('KRAS'), 'Second row should contain KRAS')\n\ttest.ok(rowTexts[2].includes('BRCA1'), 'Third row should contain BRCA1')\n\n\tif (test['_ok']) holder.remove()\n\ttest.end()\n})\n\ntape('init() should render category table when details.categoryKeys is present', async test => {\n\tconst handler = new SearchHandler()\n\tconst holder = getHolder()\n\tconst details = getTermCollectionDetails()\n\n\tawait handler.init({\n\t\tholder,\n\t\tcallback: () => {},\n\t\tapp: {},\n\t\tdetails\n\t})\n\n\tconst tables = holder.selectAll('table')\n\ttest.equal(tables.size(), 2, 'Should render two tables when categoryKeys is present')\n\n\tconst categoryTable = tables.nodes()[1]\n\tconst categoryRows = d3s.select(categoryTable).selectAll('tbody tr')\n\ttest.equal(categoryRows.size(), 2, 'Should render two rows for two categories')\n\n\tconst categoryTexts = categoryRows.nodes().map((row: any) => row.textContent.trim())\n\ttest.ok(categoryTexts[0].includes('tissue'), 'Should display tissue category key')\n\ttest.ok(categoryTexts[1].includes('expression'), 'Should display expression category key')\n\n\tif (test['_ok']) holder.remove()\n\ttest.end()\n})\n\ntape('init() should call callback with selected terms, categoryKeys, and properties', async test => {\n\tconst handler = new SearchHandler()\n\tconst holder = getHolder()\n\tconst details = getTermCollectionDetails()\n\tlet callbackResult: any\n\n\tawait handler.init({\n\t\tholder,\n\t\tcallback: result => {\n\t\t\tcallbackResult = result\n\t\t},\n\t\tapp: {},\n\t\tdetails\n\t})\n\n\t// Simulate selecting first two terms\n\tconst termsTable = holder.selectAll('table').nodes()[0] as HTMLElement\n\tconst checkboxes = termsTable.querySelectorAll('tbody input[type=\"checkbox\"]')\n\t;(checkboxes[0] as any).checked = true\n\t;(checkboxes[1] as any).checked = true\n\t;(checkboxes[2] as any).checked = false\n\n\t// Simulate category selection state\n\tconst categoryTable = holder.selectAll('table').nodes()[1] as HTMLElement\n\tconst categoryCheckboxes = categoryTable.querySelectorAll('tbody input[type=\"checkbox\"]')\n\t;(categoryCheckboxes[0] as any).checked = true\n\t;(categoryCheckboxes[1] as any).checked = false\n\n\t// Click Select button\n\tconst selectBtn = holder.select('[data-testid=\"sjpp-term-collection-select\"]').node() as any\n\tselectBtn.click()\n\n\ttest.equal(callbackResult?.type, 'termCollection', 'Should set type to termCollection')\n\ttest.equal(callbackResult?.name, 'Test Collection', 'Should pass collection name')\n\ttest.equal(callbackResult?.memberType, 'gene', 'Should pass memberType')\n\ttest.deepEqual(callbackResult?.termIds, ['gene1', 'gene2'], 'Should pass selected term IDs')\n\ttest.equal(callbackResult?.termlst.length, 2, 'Should pass selected term list with correct length')\n\ttest.equal(callbackResult?.termlst[0].name, 'TP53', 'First selected term should be TP53')\n\ttest.equal(callbackResult?.termlst[1].name, 'KRAS', 'Second selected term should be KRAS')\n\ttest.deepEqual(\n\t\tcallbackResult?.categoryKeys,\n\t\t[\n\t\t\t{ key: 'tissue', shown: true },\n\t\t\t{ key: 'expression', shown: false }\n\t\t],\n\t\t'Should pass updated categoryKeys with shown status'\n\t)\n\ttest.deepEqual(\n\t\tcallbackResult?.propsByTermId,\n\t\t{ gene1: { color: '#FF0000' }, gene2: { color: '#00FF00' } },\n\t\t'Should pass propsByTermId for selected terms only'\n\t)\n\n\tif (test['_ok']) holder.remove()\n\ttest.end()\n})\n\ntape('init() should not render category table when details.categoryKeys is missing', async test => {\n\tconst handler = new SearchHandler()\n\tconst holder = getHolder()\n\tconst details = getTermCollectionDetails({ categoryKeys: undefined })\n\n\tawait handler.init({\n\t\tholder,\n\t\tcallback: () => {},\n\t\tapp: {},\n\t\tdetails\n\t})\n\n\tconst tables = holder.selectAll('table')\n\ttest.equal(tables.size(), 1, 'Should render only one table when categoryKeys is missing')\n\n\tif (test['_ok']) holder.remove()\n\ttest.end()\n})\n\ntape('init() disables the Select button for an invalid collection', async test => {\n\tconst handler = new SearchHandler()\n\tconst holder = getHolder()\n\tconst details = getTermCollectionDetails()\n\tlet callbackResult: any\n\n\tawait handler.init({\n\t\tholder,\n\t\tcallback: result => {\n\t\t\tcallbackResult = result\n\t\t},\n\t\tapp: {},\n\t\tdetails\n\t})\n\n\tconst selectBtn = holder.select('[data-testid=\"sjpp-term-collection-select\"]').node() as HTMLButtonElement\n\tconst getChecks = (tableIdx: number) =>\n\t\t[\n\t\t\t...(holder.selectAll('table').nodes()[tableIdx] as HTMLElement).querySelectorAll('tbody input[type=\"checkbox\"]')\n\t\t] as HTMLInputElement[]\n\tconst terms = () => getChecks(0)\n\tconst categories = () => getChecks(1)\n\n\ttest.equal(selectBtn.disabled, false, 'enables the button for the default selection')\n\n\tterms()[0].click() // deselect TP53, leaving two variables\n\ttest.equal(selectBtn.disabled, false, 'stays enabled with two selected variables')\n\tterms()[1].click() // deselect KRAS, leaving a lone variable\n\ttest.equal(selectBtn.disabled, true, 'disables the button with a single selected variable')\n\ttest.ok(`${selectBtn.title}`.includes('two variables'), `titles the button with the reason: ${selectBtn.title}`)\n\tselectBtn.click()\n\ttest.equal(callbackResult, undefined, 'a disabled button does not submit the selection')\n\n\tterms()[1].click() // restore KRAS\n\ttest.equal(selectBtn.disabled, false, 're-enables the button with two selected variables')\n\tcategories()[0].click()\n\ttest.equal(selectBtn.disabled, false, 'stays enabled with one selected category')\n\tcategories()[1].click()\n\ttest.equal(selectBtn.disabled, true, 'disables the button without a selected category')\n\ttest.ok(`${selectBtn.title}`.includes('category'), `titles the button with the reason: ${selectBtn.title}`)\n\n\tcategories()[1].click() // restore the category\n\ttest.equal(selectBtn.disabled, false, 're-enables the button for a valid collection')\n\tselectBtn.click()\n\ttest.deepEqual(callbackResult?.termIds, ['gene2', 'gene3'], 'submits the selected variables')\n\ttest.deepEqual(\n\t\tcallbackResult?.categoryKeys,\n\t\t[\n\t\t\t{ key: 'tissue', shown: false },\n\t\t\t{ key: 'expression', shown: true }\n\t\t],\n\t\t'submits the selected categories'\n\t)\n\n\tif (test['_ok']) holder.remove()\n\ttest.end()\n})\n\ntape('fraction selection returns a raw fraction wrapper and retains every member', async test => {\n\tconst handler = new SearchHandler()\n\tconst holder = getHolder()\n\tconst details = getTermCollectionDetails({\n\t\ttype: 'numeric',\n\t\tmemberType: 'numeric',\n\t\tcategoryKeys: undefined\n\t})\n\tlet callbackResult: any\n\n\tawait handler.init({\n\t\tholder,\n\t\tcallback: result => {\n\t\t\tcallbackResult = result\n\t\t},\n\t\tapp: {},\n\t\tdetails,\n\t\tusecase: { target: 'barchart', detail: 'term2' },\n\t\ttermCollectionSelectionMode: 'fraction'\n\t})\n\n\ttest.ok(holder.text().includes('Denominator'), 'renders the denominator selector')\n\ttest.ok(holder.text().includes('Numerator'), 'renders the numerator selector')\n\tconst rows = holder.selectAll('tbody tr').nodes() as HTMLElement[]\n\tconst numerator = rows[1].querySelector('[data-testid=\"sjpp-term-collection-numerator\"]') as HTMLInputElement\n\tnumerator.click()\n\t;(holder.select('[data-testid=\"sjpp-term-collection-fraction-select\"]').node() as HTMLButtonElement).click()\n\n\ttest.equal(callbackResult?.type, 'TermCollectionTWFraction', 'returns a fraction wrapper')\n\ttest.deepEqual(callbackResult?.q.denominators, ['gene1', 'gene2', 'gene3'], 'defaults all members as denominators')\n\ttest.deepEqual(callbackResult?.q.numerators, ['gene1', 'gene2'], 'returns the selected numerators')\n\ttest.equal(callbackResult?.term.termlst.length, 3, 'keeps the complete source member list')\n\ttest.deepEqual(callbackResult?.term.termIds, ['gene1', 'gene2', 'gene3'], 'keeps every source member ID')\n\n\tif (test['_ok']) holder.remove()\n\ttest.end()\n})\n\ntape('fraction selection clears and disables the numerator of a deselected denominator', async test => {\n\tconst handler = new SearchHandler()\n\tconst holder = getHolder()\n\tconst details = getTermCollectionDetails({\n\t\ttype: 'numeric',\n\t\tmemberType: 'numeric',\n\t\tcategoryKeys: undefined\n\t})\n\tlet callbackResult: any\n\n\tawait handler.init({\n\t\tholder,\n\t\tcallback: result => {\n\t\t\tcallbackResult = result\n\t\t},\n\t\tapp: {},\n\t\tdetails,\n\t\tusecase: { target: 'barchart', detail: 'term2' },\n\t\ttermCollectionSelectionMode: 'fraction'\n\t})\n\n\tconst getNumerators = () =>\n\t\tholder.selectAll('[data-testid=\"sjpp-term-collection-numerator\"]').nodes() as HTMLInputElement[]\n\tconst getDenominators = () =>\n\t\tholder.selectAll('[data-testid=\"sjpp-term-collection-denominator\"]').nodes() as HTMLInputElement[]\n\n\t// gene1 is the default numerator, deselecting it as a denominator leaves no numerator\n\tgetDenominators()[0].click()\n\ttest.equal(getNumerators()[0].checked, false, 'clears the numerator of a deselected denominator')\n\ttest.equal(getNumerators()[0].disabled, true, 'disables the numerator of a deselected denominator')\n\n\tconst selectBtn = holder.select('[data-testid=\"sjpp-term-collection-fraction-select\"]').node() as HTMLButtonElement\n\ttest.equal(selectBtn.disabled, true, 'disables the Select button without a numerator')\n\tselectBtn.click()\n\ttest.equal(callbackResult, undefined, 'does not submit a fraction without a numerator')\n\n\tgetDenominators()[0].click() // restore the denominator\n\ttest.equal(getNumerators()[0].disabled, false, 'enables the numerator when its denominator is restored')\n\ttest.equal(getNumerators()[0].checked, false, 'does not silently restore the numerator')\n\tgetNumerators()[1].click()\n\t;(holder.select('[data-testid=\"sjpp-term-collection-fraction-select\"]').node() as HTMLButtonElement).click()\n\ttest.deepEqual(callbackResult?.q.numerators, ['gene2'], 'submits the edited numerator selection')\n\ttest.deepEqual(\n\t\tcallbackResult?.q.denominators,\n\t\t['gene1', 'gene2', 'gene3'],\n\t\t'submits the restored denominator selection'\n\t)\n\n\tif (test['_ok']) holder.remove()\n\ttest.end()\n})\n"],
+  "mappings": "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",
+  "names": ["tape"]
+}

package/dist/termCollectionFractionSelection-35YKAOUY.js

@@ -0,0 +1,47 @@
+import {
+  getDefaultFractionSelection,
+  getFractionSelectionError,
+  makeFractionTermWrapper,
+  mayRenderFractionSelection,
+  pickCollectionFraction,
+  renderFractionSelection
+} from "./chunk-TKW5TW4Z.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-3SHZTAGF.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-6QCYT6G2.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-OTTMHVYH.js";
+import "./chunk-GNS6CQMA.js";
+import "./chunk-JVPWIVDT.js";
+import "./chunk-4WF3XDQP.js";
+import "./chunk-7JRDJNLR.js";
+import "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-MPSLUEI4.js";
+import "./chunk-6PNPHACF.js";
+import "./chunk-WPHUM5S5.js";
+import "./chunk-JNITUVXP.js";
+import "./chunk-2KXLYFAO.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-UJELJXJG.js";
+import "./chunk-BZTWTH4Y.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 {
+  getDefaultFractionSelection,
+  getFractionSelectionError,
+  makeFractionTermWrapper,
+  mayRenderFractionSelection,
+  pickCollectionFraction,
+  renderFractionSelection
+};
+//# sourceMappingURL=termCollectionFractionSelection-35YKAOUY.js.map

package/dist/termCollectionFractionSelection.unit.spec-SUFEIKJZ.js

@@ -0,0 +1,193 @@
+import {
+  require_tape
+} from "./chunk-TUMA63WX.js";
+import {
+  mayRenderFractionSelection,
+  renderFractionSelection
+} from "./chunk-TKW5TW4Z.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-LSEFWW72.js";
+import "./chunk-3SHZTAGF.js";
+import "./chunk-HYOEWQ5P.js";
+import "./chunk-6QCYT6G2.js";
+import "./chunk-FN5XPUPH.js";
+import "./chunk-IIT367QZ.js";
+import "./chunk-RZGEKL77.js";
+import "./chunk-OTTMHVYH.js";
+import "./chunk-GNS6CQMA.js";
+import "./chunk-JVPWIVDT.js";
+import "./chunk-4WF3XDQP.js";
+import "./chunk-7JRDJNLR.js";
+import "./chunk-M3J4MINX.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-MPSLUEI4.js";
+import "./chunk-6PNPHACF.js";
+import "./chunk-WPHUM5S5.js";
+import "./chunk-JNITUVXP.js";
+import "./chunk-2KXLYFAO.js";
+import "./chunk-LOZEKOES.js";
+import "./chunk-VQZ2Z5YU.js";
+import "./chunk-UJELJXJG.js";
+import "./chunk-BZTWTH4Y.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import "./chunk-DQC5FFGV.js";
+import {
+  __toESM
+} from "./chunk-HFNDKYVF.js";
+
+// termdb/handlers/test/termCollectionFractionSelection.unit.spec.ts
+var import_tape = __toESM(require_tape(), 1);
+function getDivs() {
+  const holder = select_default("body").append("div");
+  return { holder, listDiv: holder.append("div"), fractionDiv: holder.append("div").style("display", "none") };
+}
+function getCollectionTerm(overrides = {}) {
+  return {
+    type: "termCollection",
+    isCustom: true,
+    memberType: "numeric",
+    name: "Splice junction event",
+    termlst: [
+      { id: "junction-1", name: "junction-1" },
+      { id: "junction-2", name: "junction-2" }
+    ],
+    ...overrides
+  };
+}
+(0, import_tape.default)("\n", function(test) {
+  test.comment("-***- termdb/handlers/termCollectionFractionSelection -***-");
+  test.end();
+});
+(0, import_tape.default)("mayRenderFractionSelection() renders the chooser for a numeric collection", (test) => {
+  const { holder, listDiv, fractionDiv } = getDivs();
+  let selected;
+  const term = getCollectionTerm();
+  const isStaged = mayRenderFractionSelection({
+    term,
+    selectionMode: "fraction",
+    listDiv,
+    fractionDiv,
+    callback: (tw) => selected = tw
+  });
+  test.equal(isStaged, true, "defers the selection to the chooser");
+  test.equal(listDiv.style("display"), "none", "hides the term list");
+  test.ok(fractionDiv.text().includes("Denominator"), "renders the denominator selector");
+  test.ok(fractionDiv.text().includes("Numerator"), "renders the numerator selector");
+  fractionDiv.select('[data-testid="sjpp-term-collection-fraction-select"]').node().click();
+  test.equal(selected?.type, "TermCollectionTWFraction", "submits a fraction wrapper");
+  test.deepEqual(selected?.q.denominators, ["junction-1", "junction-2"], "defaults all members as denominators");
+  test.deepEqual(selected?.q.numerators, ["junction-1"], "defaults only the first member as numerator");
+  test.equal(selected?.term, term, "wraps the clicked term as is");
+  if (test["_ok"]) holder.remove();
+  test.end();
+});
+(0, import_tape.default)("mayRenderFractionSelection() back button restores the term list", (test) => {
+  const { holder, listDiv, fractionDiv } = getDivs();
+  mayRenderFractionSelection({
+    term: getCollectionTerm(),
+    selectionMode: "fraction",
+    listDiv,
+    fractionDiv,
+    callback: () => {
+    }
+  });
+  fractionDiv.select('[data-testid="sjpp-term-collection-fraction-back"]').node().click();
+  test.notEqual(listDiv.style("display"), "none", "shows the term list again");
+  test.equal(fractionDiv.style("display"), "none", "hides the chooser");
+  test.equal(fractionDiv.selectAll("*").size(), 0, "clears the chooser");
+  if (test["_ok"]) holder.remove();
+  test.end();
+});
+(0, import_tape.default)("mayRenderFractionSelection() skips terms that do not require a fraction", (test) => {
+  const cases = [
+    { label: "no fraction selection mode", selectionMode: void 0, term: getCollectionTerm() },
+    {
+      label: "categorical collection",
+      selectionMode: "fraction",
+      term: getCollectionTerm({ memberType: "categorical" })
+    },
+    { label: "collection without members", selectionMode: "fraction", term: getCollectionTerm({ termlst: [] }) },
+    { label: "non-collection term", selectionMode: "fraction", term: { type: "junction", id: "junction-1" } }
+  ];
+  for (const c of cases) {
+    const { holder, listDiv, fractionDiv } = getDivs();
+    const isStaged = mayRenderFractionSelection({
+      term: c.term,
+      selectionMode: c.selectionMode,
+      listDiv,
+      fractionDiv,
+      callback: () => {
+      }
+    });
+    test.equal(isStaged, false, `does not stage a selection for ${c.label}`);
+    test.equal(fractionDiv.selectAll("*").size(), 0, `renders no chooser for ${c.label}`);
+    test.notEqual(listDiv.style("display"), "none", `keeps the term list visible for ${c.label}`);
+    if (test["_ok"]) holder.remove();
+  }
+  test.end();
+});
+(0, import_tape.default)("renderFractionSelection() only renders the Select button with a selectCallback", (test) => {
+  const holder = select_default("body").append("div");
+  const term = getCollectionTerm();
+  renderFractionSelection({
+    holder,
+    termlst: term.termlst,
+    selection: { numerators: ["junction-1"], denominators: ["junction-1", "junction-2"] }
+  });
+  test.equal(
+    holder.selectAll('[data-testid="sjpp-term-collection-fraction-select"]').size(),
+    0,
+    "renders no button for a caller with its own apply button"
+  );
+  if (test["_ok"]) holder.remove();
+  test.end();
+});
+(0, import_tape.default)("renderFractionSelection() disables the Select button for an inapplicable selection", (test) => {
+  const holder = select_default("body").append("div");
+  const term = getCollectionTerm({
+    termlst: [
+      { id: "junction-1", name: "junction-1" },
+      { id: "junction-2", name: "junction-2" },
+      { id: "junction-3", name: "junction-3" }
+    ]
+  });
+  const selected = [];
+  const selection = { numerators: ["junction-1"], denominators: term.termlst.map((t) => t.id) };
+  renderFractionSelection({
+    holder,
+    termlst: term.termlst,
+    selection,
+    selectCallback: (s) => selected.push(structuredClone(s))
+  });
+  const selectBtn = holder.select('[data-testid="sjpp-term-collection-fraction-select"]').node();
+  const numerators = holder.selectAll('[data-testid="sjpp-term-collection-numerator"]').nodes();
+  const denominators = holder.selectAll('[data-testid="sjpp-term-collection-denominator"]').nodes();
+  test.equal(selectBtn.disabled, false, "enables the button for the starting selection");
+  numerators[0].click();
+  test.equal(selectBtn.disabled, true, "disables the button without a numerator");
+  test.ok(`${selectBtn.title}`.includes("numerator"), `titles the button with the reason: ${selectBtn.title}`);
+  selectBtn.click();
+  test.equal(selected.length, 0, "a disabled button does not submit the selection");
+  numerators[0].click();
+  denominators[1].click();
+  test.equal(selectBtn.disabled, false, "stays enabled with two denominators");
+  denominators[2].click();
+  test.equal(selectBtn.disabled, true, "disables the button with a single denominator");
+  test.ok(`${selectBtn.title}`.includes("denominator"), `titles the button with the reason: ${selectBtn.title}`);
+  denominators[1].click();
+  test.equal(selectBtn.disabled, false, "re-enables the button for an applicable selection");
+  selectBtn.click();
+  test.deepEqual(
+    selected,
+    [{ numerators: ["junction-1"], denominators: ["junction-1", "junction-2"] }],
+    "submits the current selection"
+  );
+  if (test["_ok"]) holder.remove();
+  test.end();
+});
+//# sourceMappingURL=termCollectionFractionSelection.unit.spec-SUFEIKJZ.js.map

package/dist/termCollectionFractionSelection.unit.spec-SUFEIKJZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../termdb/handlers/test/termCollectionFractionSelection.unit.spec.ts"],
+  "sourcesContent": ["import tape from 'tape'\nimport * as d3s from 'd3-selection'\nimport { mayRenderFractionSelection, renderFractionSelection } from '../termCollectionFractionSelection.ts'\n\n/*************************\n reusable helper functions\n**************************/\n\nfunction getDivs() {\n\tconst holder = d3s.select('body').append('div')\n\treturn { holder, listDiv: holder.append('div'), fractionDiv: holder.append('div').style('display', 'none') }\n}\n\nfunction getCollectionTerm(overrides: any = {}) {\n\treturn {\n\t\ttype: 'termCollection',\n\t\tisCustom: true,\n\t\tmemberType: 'numeric',\n\t\tname: 'Splice junction event',\n\t\ttermlst: [\n\t\t\t{ id: 'junction-1', name: 'junction-1' },\n\t\t\t{ id: 'junction-2', name: 'junction-2' }\n\t\t],\n\t\t...overrides\n\t}\n}\n\n/**************\n test sections\n***************/\n\ntape('\\n', function (test) {\n\ttest.comment('-***- termdb/handlers/termCollectionFractionSelection -***-')\n\ttest.end()\n})\n\ntape('mayRenderFractionSelection() renders the chooser for a numeric collection', test => {\n\tconst { holder, listDiv, fractionDiv } = getDivs()\n\tlet selected: any\n\tconst term = getCollectionTerm()\n\n\tconst isStaged = mayRenderFractionSelection({\n\t\tterm,\n\t\tselectionMode: 'fraction',\n\t\tlistDiv,\n\t\tfractionDiv,\n\t\tcallback: tw => (selected = tw)\n\t})\n\n\ttest.equal(isStaged, true, 'defers the selection to the chooser')\n\ttest.equal(listDiv.style('display'), 'none', 'hides the term list')\n\ttest.ok(fractionDiv.text().includes('Denominator'), 'renders the denominator selector')\n\ttest.ok(fractionDiv.text().includes('Numerator'), 'renders the numerator selector')\n\t;(fractionDiv.select('[data-testid=\"sjpp-term-collection-fraction-select\"]').node() as HTMLButtonElement).click()\n\ttest.equal(selected?.type, 'TermCollectionTWFraction', 'submits a fraction wrapper')\n\ttest.deepEqual(selected?.q.denominators, ['junction-1', 'junction-2'], 'defaults all members as denominators')\n\ttest.deepEqual(selected?.q.numerators, ['junction-1'], 'defaults only the first member as numerator')\n\ttest.equal(selected?.term, term, 'wraps the clicked term as is')\n\n\tif (test['_ok']) holder.remove()\n\ttest.end()\n})\n\ntape('mayRenderFractionSelection() back button restores the term list', test => {\n\tconst { holder, listDiv, fractionDiv } = getDivs()\n\tmayRenderFractionSelection({\n\t\tterm: getCollectionTerm(),\n\t\tselectionMode: 'fraction',\n\t\tlistDiv,\n\t\tfractionDiv,\n\t\tcallback: () => {}\n\t})\n\t;(fractionDiv.select('[data-testid=\"sjpp-term-collection-fraction-back\"]').node() as HTMLButtonElement).click()\n\n\ttest.notEqual(listDiv.style('display'), 'none', 'shows the term list again')\n\ttest.equal(fractionDiv.style('display'), 'none', 'hides the chooser')\n\ttest.equal(fractionDiv.selectAll('*').size(), 0, 'clears the chooser')\n\n\tif (test['_ok']) holder.remove()\n\ttest.end()\n})\n\ntape('mayRenderFractionSelection() skips terms that do not require a fraction', test => {\n\tconst cases = [\n\t\t{ label: 'no fraction selection mode', selectionMode: undefined, term: getCollectionTerm() },\n\t\t{\n\t\t\tlabel: 'categorical collection',\n\t\t\tselectionMode: 'fraction',\n\t\t\tterm: getCollectionTerm({ memberType: 'categorical' })\n\t\t},\n\t\t{ label: 'collection without members', selectionMode: 'fraction', term: getCollectionTerm({ termlst: [] }) },\n\t\t{ label: 'non-collection term', selectionMode: 'fraction', term: { type: 'junction', id: 'junction-1' } }\n\t]\n\tfor (const c of cases) {\n\t\tconst { holder, listDiv, fractionDiv } = getDivs()\n\t\tconst isStaged = mayRenderFractionSelection({\n\t\t\tterm: c.term,\n\t\t\tselectionMode: c.selectionMode as any,\n\t\t\tlistDiv,\n\t\t\tfractionDiv,\n\t\t\tcallback: () => {}\n\t\t})\n\t\ttest.equal(isStaged, false, `does not stage a selection for ${c.label}`)\n\t\ttest.equal(fractionDiv.selectAll('*').size(), 0, `renders no chooser for ${c.label}`)\n\t\ttest.notEqual(listDiv.style('display'), 'none', `keeps the term list visible for ${c.label}`)\n\t\tif (test['_ok']) holder.remove()\n\t}\n\ttest.end()\n})\n\ntape('renderFractionSelection() only renders the Select button with a selectCallback', test => {\n\tconst holder = d3s.select('body').append('div')\n\tconst term = getCollectionTerm()\n\n\trenderFractionSelection({\n\t\tholder,\n\t\ttermlst: term.termlst,\n\t\tselection: { numerators: ['junction-1'], denominators: ['junction-1', 'junction-2'] }\n\t})\n\ttest.equal(\n\t\tholder.selectAll('[data-testid=\"sjpp-term-collection-fraction-select\"]').size(),\n\t\t0,\n\t\t'renders no button for a caller with its own apply button'\n\t)\n\n\tif (test['_ok']) holder.remove()\n\ttest.end()\n})\n\ntape('renderFractionSelection() disables the Select button for an inapplicable selection', test => {\n\tconst holder = d3s.select('body').append('div')\n\tconst term = getCollectionTerm({\n\t\ttermlst: [\n\t\t\t{ id: 'junction-1', name: 'junction-1' },\n\t\t\t{ id: 'junction-2', name: 'junction-2' },\n\t\t\t{ id: 'junction-3', name: 'junction-3' }\n\t\t]\n\t})\n\tconst selected: any[] = []\n\tconst selection = { numerators: ['junction-1'], denominators: term.termlst.map(t => t.id) }\n\trenderFractionSelection({\n\t\tholder,\n\t\ttermlst: term.termlst,\n\t\tselection,\n\t\tselectCallback: s => selected.push(structuredClone(s))\n\t})\n\n\tconst selectBtn = holder.select('[data-testid=\"sjpp-term-collection-fraction-select\"]').node() as HTMLButtonElement\n\tconst numerators = holder.selectAll('[data-testid=\"sjpp-term-collection-numerator\"]').nodes() as HTMLInputElement[]\n\tconst denominators = holder\n\t\t.selectAll('[data-testid=\"sjpp-term-collection-denominator\"]')\n\t\t.nodes() as HTMLInputElement[]\n\n\ttest.equal(selectBtn.disabled, false, 'enables the button for the starting selection')\n\n\tnumerators[0].click() // uncheck the only numerator\n\ttest.equal(selectBtn.disabled, true, 'disables the button without a numerator')\n\ttest.ok(`${selectBtn.title}`.includes('numerator'), `titles the button with the reason: ${selectBtn.title}`)\n\tselectBtn.click()\n\ttest.equal(selected.length, 0, 'a disabled button does not submit the selection')\n\n\tnumerators[0].click() // restore the numerator\n\tdenominators[1].click()\n\ttest.equal(selectBtn.disabled, false, 'stays enabled with two denominators')\n\tdenominators[2].click() // a lone denominator makes the fraction a constant 1\n\ttest.equal(selectBtn.disabled, true, 'disables the button with a single denominator')\n\ttest.ok(`${selectBtn.title}`.includes('denominator'), `titles the button with the reason: ${selectBtn.title}`)\n\n\tdenominators[1].click() // restore a second denominator\n\ttest.equal(selectBtn.disabled, false, 're-enables the button for an applicable selection')\n\tselectBtn.click()\n\ttest.deepEqual(\n\t\tselected,\n\t\t[{ numerators: ['junction-1'], denominators: ['junction-1', 'junction-2'] }],\n\t\t'submits the current selection'\n\t)\n\n\tif (test['_ok']) holder.remove()\n\ttest.end()\n})\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kBAAiB;AAQjB,SAAS,UAAU;AAClB,QAAM,SAAa,eAAO,MAAM,EAAE,OAAO,KAAK;AAC9C,SAAO,EAAE,QAAQ,SAAS,OAAO,OAAO,KAAK,GAAG,aAAa,OAAO,OAAO,KAAK,EAAE,MAAM,WAAW,MAAM,EAAE;AAC5G;AAEA,SAAS,kBAAkB,YAAiB,CAAC,GAAG;AAC/C,SAAO;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA,MACR,EAAE,IAAI,cAAc,MAAM,aAAa;AAAA,MACvC,EAAE,IAAI,cAAc,MAAM,aAAa;AAAA,IACxC;AAAA,IACA,GAAG;AAAA,EACJ;AACD;AAAA,IAMA,YAAAA,SAAK,MAAM,SAAU,MAAM;AAC1B,OAAK,QAAQ,6DAA6D;AAC1E,OAAK,IAAI;AACV,CAAC;AAAA,IAED,YAAAA,SAAK,6EAA6E,UAAQ;AACzF,QAAM,EAAE,QAAQ,SAAS,YAAY,IAAI,QAAQ;AACjD,MAAI;AACJ,QAAM,OAAO,kBAAkB;AAE/B,QAAM,WAAW,2BAA2B;AAAA,IAC3C;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,UAAU,QAAO,WAAW;AAAA,EAC7B,CAAC;AAED,OAAK,MAAM,UAAU,MAAM,qCAAqC;AAChE,OAAK,MAAM,QAAQ,MAAM,SAAS,GAAG,QAAQ,qBAAqB;AAClE,OAAK,GAAG,YAAY,KAAK,EAAE,SAAS,aAAa,GAAG,kCAAkC;AACtF,OAAK,GAAG,YAAY,KAAK,EAAE,SAAS,WAAW,GAAG,gCAAgC;AACjF,EAAC,YAAY,OAAO,sDAAsD,EAAE,KAAK,EAAwB,MAAM;AAChH,OAAK,MAAM,UAAU,MAAM,4BAA4B,4BAA4B;AACnF,OAAK,UAAU,UAAU,EAAE,cAAc,CAAC,cAAc,YAAY,GAAG,sCAAsC;AAC7G,OAAK,UAAU,UAAU,EAAE,YAAY,CAAC,YAAY,GAAG,6CAA6C;AACpG,OAAK,MAAM,UAAU,MAAM,MAAM,8BAA8B;AAE/D,MAAI,KAAK,KAAK,EAAG,QAAO,OAAO;AAC/B,OAAK,IAAI;AACV,CAAC;AAAA,IAED,YAAAA,SAAK,mEAAmE,UAAQ;AAC/E,QAAM,EAAE,QAAQ,SAAS,YAAY,IAAI,QAAQ;AACjD,6BAA2B;AAAA,IAC1B,MAAM,kBAAkB;AAAA,IACxB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,UAAU,MAAM;AAAA,IAAC;AAAA,EAClB,CAAC;AACA,EAAC,YAAY,OAAO,oDAAoD,EAAE,KAAK,EAAwB,MAAM;AAE9G,OAAK,SAAS,QAAQ,MAAM,SAAS,GAAG,QAAQ,2BAA2B;AAC3E,OAAK,MAAM,YAAY,MAAM,SAAS,GAAG,QAAQ,mBAAmB;AACpE,OAAK,MAAM,YAAY,UAAU,GAAG,EAAE,KAAK,GAAG,GAAG,oBAAoB;AAErE,MAAI,KAAK,KAAK,EAAG,QAAO,OAAO;AAC/B,OAAK,IAAI;AACV,CAAC;AAAA,IAED,YAAAA,SAAK,2EAA2E,UAAQ;AACvF,QAAM,QAAQ;AAAA,IACb,EAAE,OAAO,8BAA8B,eAAe,QAAW,MAAM,kBAAkB,EAAE;AAAA,IAC3F;AAAA,MACC,OAAO;AAAA,MACP,eAAe;AAAA,MACf,MAAM,kBAAkB,EAAE,YAAY,cAAc,CAAC;AAAA,IACtD;AAAA,IACA,EAAE,OAAO,8BAA8B,eAAe,YAAY,MAAM,kBAAkB,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE;AAAA,IAC3G,EAAE,OAAO,uBAAuB,eAAe,YAAY,MAAM,EAAE,MAAM,YAAY,IAAI,aAAa,EAAE;AAAA,EACzG;AACA,aAAW,KAAK,OAAO;AACtB,UAAM,EAAE,QAAQ,SAAS,YAAY,IAAI,QAAQ;AACjD,UAAM,WAAW,2BAA2B;AAAA,MAC3C,MAAM,EAAE;AAAA,MACR,eAAe,EAAE;AAAA,MACjB;AAAA,MACA;AAAA,MACA,UAAU,MAAM;AAAA,MAAC;AAAA,IAClB,CAAC;AACD,SAAK,MAAM,UAAU,OAAO,kCAAkC,EAAE,KAAK,EAAE;AACvE,SAAK,MAAM,YAAY,UAAU,GAAG,EAAE,KAAK,GAAG,GAAG,0BAA0B,EAAE,KAAK,EAAE;AACpF,SAAK,SAAS,QAAQ,MAAM,SAAS,GAAG,QAAQ,mCAAmC,EAAE,KAAK,EAAE;AAC5F,QAAI,KAAK,KAAK,EAAG,QAAO,OAAO;AAAA,EAChC;AACA,OAAK,IAAI;AACV,CAAC;AAAA,IAED,YAAAA,SAAK,kFAAkF,UAAQ;AAC9F,QAAM,SAAa,eAAO,MAAM,EAAE,OAAO,KAAK;AAC9C,QAAM,OAAO,kBAAkB;AAE/B,0BAAwB;AAAA,IACvB;AAAA,IACA,SAAS,KAAK;AAAA,IACd,WAAW,EAAE,YAAY,CAAC,YAAY,GAAG,cAAc,CAAC,cAAc,YAAY,EAAE;AAAA,EACrF,CAAC;AACD,OAAK;AAAA,IACJ,OAAO,UAAU,sDAAsD,EAAE,KAAK;AAAA,IAC9E;AAAA,IACA;AAAA,EACD;AAEA,MAAI,KAAK,KAAK,EAAG,QAAO,OAAO;AAC/B,OAAK,IAAI;AACV,CAAC;AAAA,IAED,YAAAA,SAAK,sFAAsF,UAAQ;AAClG,QAAM,SAAa,eAAO,MAAM,EAAE,OAAO,KAAK;AAC9C,QAAM,OAAO,kBAAkB;AAAA,IAC9B,SAAS;AAAA,MACR,EAAE,IAAI,cAAc,MAAM,aAAa;AAAA,MACvC,EAAE,IAAI,cAAc,MAAM,aAAa;AAAA,MACvC,EAAE,IAAI,cAAc,MAAM,aAAa;AAAA,IACxC;AAAA,EACD,CAAC;AACD,QAAM,WAAkB,CAAC;AACzB,QAAM,YAAY,EAAE,YAAY,CAAC,YAAY,GAAG,cAAc,KAAK,QAAQ,IAAI,OAAK,EAAE,EAAE,EAAE;AAC1F,0BAAwB;AAAA,IACvB;AAAA,IACA,SAAS,KAAK;AAAA,IACd;AAAA,IACA,gBAAgB,OAAK,SAAS,KAAK,gBAAgB,CAAC,CAAC;AAAA,EACtD,CAAC;AAED,QAAM,YAAY,OAAO,OAAO,sDAAsD,EAAE,KAAK;AAC7F,QAAM,aAAa,OAAO,UAAU,gDAAgD,EAAE,MAAM;AAC5F,QAAM,eAAe,OACnB,UAAU,kDAAkD,EAC5D,MAAM;AAER,OAAK,MAAM,UAAU,UAAU,OAAO,+CAA+C;AAErF,aAAW,CAAC,EAAE,MAAM;AACpB,OAAK,MAAM,UAAU,UAAU,MAAM,yCAAyC;AAC9E,OAAK,GAAG,GAAG,UAAU,KAAK,GAAG,SAAS,WAAW,GAAG,sCAAsC,UAAU,KAAK,EAAE;AAC3G,YAAU,MAAM;AAChB,OAAK,MAAM,SAAS,QAAQ,GAAG,iDAAiD;AAEhF,aAAW,CAAC,EAAE,MAAM;AACpB,eAAa,CAAC,EAAE,MAAM;AACtB,OAAK,MAAM,UAAU,UAAU,OAAO,qCAAqC;AAC3E,eAAa,CAAC,EAAE,MAAM;AACtB,OAAK,MAAM,UAAU,UAAU,MAAM,+CAA+C;AACpF,OAAK,GAAG,GAAG,UAAU,KAAK,GAAG,SAAS,aAAa,GAAG,sCAAsC,UAAU,KAAK,EAAE;AAE7G,eAAa,CAAC,EAAE,MAAM;AACtB,OAAK,MAAM,UAAU,UAAU,OAAO,mDAAmD;AACzF,YAAU,MAAM;AAChB,OAAK;AAAA,IACJ;AAAA,IACA,CAAC,EAAE,YAAY,CAAC,YAAY,GAAG,cAAc,CAAC,cAAc,YAAY,EAAE,CAAC;AAAA,IAC3E;AAAA,EACD;AAEA,MAAI,KAAK,KAAK,EAAG,QAAO,OAAO;AAC/B,OAAK,IAAI;AACV,CAAC;",
+  "names": ["tape"]
+}