@sjcrh/proteinpaint-client 2.201.0 → 2.202.0

package/dist/chunk-IIT367QZ.js

@@ -1,473 +0,0 @@
-import {
-  getCompInit,
-  multiInit
-} from "./chunk-M3J4MINX.js";
-
-// dom/control.icons.js
-var disabled = {
-  color: "#ccc"
-};
-var icons = {
-  x: (elem, o) => {
-    return getHolder(elem, o).style("padding", "0 3px").style("color", "rgb(255,100,100)").style("opacity", 0.9).style("font-weight", 700).style("font-size", "18px").style("transform", "rotate(-45deg)").style("cursor", "pointer").html("⊕");
-  },
-  plus: (elem, o) => {
-    return getHolder(elem, o).style("padding", "0 3px").style("opacity", 0.9).style("font-size", "18px").html("⊕");
-  },
-  combine: (elem, o) => {
-    return getHolder(elem, o).style("padding", "0 3px").style("opacity", 0.9).style("font-size", "12px").style("color", "rgb(100,100,255)").style("cursor", "pointer").html("[]+[]");
-  },
-  divide: (elem, o) => {
-    return getHolder(elem, o).style("padding", "0 3px").style("opacity", 0.9).style("font-size", "12px").style("color", "rgb(100,100,255)").style("cursor", "pointer").html("[÷]");
-  },
-  expand: (elem, o) => {
-    const color = "color" in o ? o.color : "rgb(100,100,255)";
-    return getHolder(elem, o).style("height", "auto").style("color", color).style("opacity", 0.9).style("font-size", "fontSize" in o ? o.fontSize : "16px").style("padding", "padding" in o ? o.padding : "0 2px").style("display", "display" in o ? o.display : "inline-block").style("cursor", "pointer").html(
-      `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="${color}" class="bi bi-square" viewBox="0 0 16 16" >
-					  <path stroke='${color}' stroke-width='1' d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
-					</svg>`
-    );
-  },
-  collapse: (elem, o) => {
-    const color = "color" in o ? o.color : "rgb(100,100,255)";
-    return getHolder(elem, o).style("height", "auto").style("color", color).style("opacity", 0.9).style("font-size", "fontSize" in o ? o.fontSize : "16px").style("padding", "padding" in o ? o.padding : "0 2px").style("display", "display" in o ? o.display : "inline-block").style("cursor", "pointer").html(
-      `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="${color}" class="bi bi-dash-lg" viewBox="0 0 16 16">
-					  <path stroke='${color}' stroke-width='1' fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"/>
-					</svg>`
-    );
-  },
-  corner: (elem, o) => {
-    return getHolder(elem, o).style("padding", "0 3px").style("color", o.disabled ? disabled.color : "rgb(100,100,255)").style("opacity", 0.9).style("font-size", "16px").style("cursor", "pointer").html("&#8689;");
-  },
-  left: (elem, o) => {
-    const defaultFill = "rgb(100,100,255)";
-    const fill = o.fill ? o.fill : o.disabled ? disabled.color : defaultFill;
-    const _opts = { color: fill, width: 12, height: 12 };
-    Object.assign(_opts, o);
-    return getHolder(elem, o).style("padding", "3px").style("color", _opts.disabled ? disabled.color : defaultFill).style("opacity", 0.9).style("font-size", "16px").style("cursor", "pointer").html(
-      `<svg width='${_opts.width}' height='${_opts.height}'>
-				<g transform='translate(0,1)'>
-					<path d='M0,${_opts.height / 2}L${_opts.width},0L${_opts.width},${_opts.height}Z' style='fill:${_opts.color}'></path>
-				</g>
-			</svg>`
-    );
-  },
-  right: (elem, o) => {
-    const defaultFill = "rgb(100,100,255)";
-    const fill = o.fill ? o.fill : o.disabled ? disabled.color : defaultFill;
-    const _opts = { color: fill, width: 12, height: 12 };
-    Object.assign(_opts, o);
-    return getHolder(elem, o).style("padding", "3px").style("color", _opts.disabled ? disabled.color : defaultFill).style("opacity", 0.9).style("font-size", "16px").style("cursor", "pointer").html(
-      `<svg width='${_opts.width}' height='${_opts.height}'>
-				<g transform='translate(0,1)'>
-					<path d='M0,0L${_opts.width},${_opts.height / 2}L0,${_opts.height}Z' style='fill:${_opts.color}'></path>
-				</g>
-			</svg>`
-    );
-  },
-  up: (elem, o) => {
-    const fill = o.disabled ? disabled.color : "rgb(100,100,255)";
-    return getHolder(elem, o).style("padding", "3px").style("opacity", 0.9).style("font-size", "16px").style("cursor", "pointer").html(
-      `<svg width='12' height='12'>
-				<path d='M6,0L12,12L0,12Z' style='fill:${fill}'></path>
-			</svg>`
-    );
-  },
-  down: (elem, o) => {
-    const fill = o.disabled ? disabled.color : "rgb(100,100,255)";
-    return getHolder(elem, o).style("padding", "0 3px").style("opacity", 0.9).style("font-size", "16px").style("cursor", "pointer").html(
-      `<svg width='12' height='12'>
-				<g transform='translate(0,1)'>
-					<path d='M0,0L12,0L6,12Z' style='fill:${fill}'></path>
-				</g>
-			</svg>`
-    );
-  },
-  updown: (elem, o) => {
-    return getHolder(elem, o).style("padding", "0 3px").style("color", "rgb(100,100,255)").style("opacity", 0.9).style("font-size", "18px").style("font-weight", 800).style("text-decoration", "underline").style("cursor", "pointer").html("&#8693;");
-  },
-  seHookArrow: (elem, o) => {
-    return getHolder(elem, o).style("padding", "0 3px").style("color", "rgb(100,100,255)").style("opacity", 0.9).style("font-size", "18px").style("font-weight", 800).style("cursor", "pointer").html("&#10533;");
-  },
-  swHookArrow: (elem, o) => {
-    return getHolder(elem, o).style("padding", "0 3px").style("color", "rgb(100,100,255)").style("opacity", 0.9).style("font-size", "18px").style("font-weight", 800).style("cursor", "pointer").html("&#10534;");
-  },
-  unlock: (elem, o) => {
-    return getHolder(elem, o).style("padding", "0 3px").style("opacity", 0.9).html(
-      `<svg width='12' height='12'>
-			<g transform="scale(0.045)" fill="rgb(100,100,255)">
-				<path d="m299.02 161.26h-185.84v-46.28c0-41.34 33.635-74.979 74.979-74.979 33.758 0 63.51 22.716 72.36 55.24 2.898 10.657 13.888 16.946 24.547 14.05 10.659-2.898 16.949-13.889 14.05-24.548-13.57-49.896-59.2-84.74-110.96-84.74-63.4 0-114.98 51.58-114.98 114.98v46.715c-9.06 1.902-15.888 9.952-15.888 19.571v175.05c0 11.03 8.972 20 20 20h221.73c11.03 0 20-8.972 20-20v-175.05c0-11.03-8.972-20-20-20"/>
-			</g>
-		</svg>`
-    );
-  },
-  leftBorder: (elem, o) => {
-    return getHolder(elem, o).style("padding", "0 3px").style("color", "rgb(100,100,255)").style("opacity", 0.9).style("font-size", "16px").style("padding", "3px").style("cursor", "pointer").html(
-      `<svg width='12' height='12'>
-				<g transform='translate(0,1)'>
-					<path d='M1,6L11,1L11,11Z' style='stroke:rgb(100,100,255); stroke-width:1px; fill:#ececec'></path>
-				</g>
-			</svg>`
-    );
-  },
-  leftCrossedOut: (elem, o) => {
-    return getHolder(elem, o).style("padding", "0 3px").style("color", "rgb(100,100,255)").style("opacity", 0.9).style("font-size", "16px").style("padding", "3px").style("cursor", "pointer").html(
-      `<svg width='12' height='12'>
-				<g transform='translate(0,1)'>
-					<path d='M1,6L11,1L11,11Z' style='stroke:rgb(100,100,255); stroke-width:1px; fill:#ececec'></path>
-					<text x='3' y='10' style='font-size:12; fill:#f00; font-weight:bold'>X</text>
-				</g>
-			</svg>`
-    );
-  },
-  filter: (elem, o) => {
-    const holder = getHolder(elem, o).style("padding", "0 3px").style("color", "rgb(100,100,255)").style("opacity", 0.9).style("font-size", "16px").style("padding", "3px").style("cursor", "pointer");
-    elem.iconPath = holder.append("svg").attr("width", 16).attr("height", 12).append("g").attr("transform", "translate(8,1)").append("path").attr("d", "M8,0L2,6L2,12L-2,12L-2,6L-8,0Z").style("fill", "rgb(100,100,255)");
-    return holder;
-  },
-  colorScale: (elem, o) => {
-    return getHolder(elem, o).style("padding", "0 3px").style("color", "rgb(100,100,255)").style("opacity", 0.9).html(
-      `<svg width='12' height='12'>
-				<defs>
-					<linearGradient id='` + o.linearGradientId + `'>
-						<stop offset='0' stop-color='red'></stop>
-						<stop offset='1' stop-color='blue'></stop>
-					</linearGradient>
-				</defs>
-				<g transform='translate(0,1)'>
-					<rect x='0' y='1' width='10' height='10' fill='url(#` + o.linearGradientId + `)'></rect>
-				</g>
-			</svg>`
-    );
-  },
-  bar: (elem, o) => {
-    return getHolder(elem, o).style("padding", "0 3px").style("color", "rgb(100,100,255)").style("opacity", 0.9).style("font-size", "16px").style("padding", "3px").style("cursor", "pointer").html(
-      `<svg width='12' height='12'>
-				<g transform='translate(0,1)'>
-					<rect x='0' y='0' width='3' height='11' fill='rgb(100,100,255)'></rect>
-					<rect x='4' y='6' width='3' height='5' fill='rgb(100,100,255)'></rect>
-					<rect x='8' y='3' width='3' height='8' fill='rgb(100,100,255)'></rect>
-				</g>
-			</svg>`
-    );
-  },
-  rect: (elem, o) => {
-    return getHolder(elem, o).style("padding", "0 3px").style("stroke", "rgb(100,100,255)").style("fill", "fill" in o ? o.fill : "none").style("opacity", 0.9).html(
-      `<svg width='12' height='12'>
-				<g transform='translate(0,1)'>
-					<rect x="0" y="1" width="10" height="10"></rect>
-				</g>
-			</svg>`
-    );
-  },
-  text: (elem, o) => {
-    const addWrapper = elem.append("div").style("display", "none");
-    const input = addWrapper.append("input");
-    input.attr("type", "text").style("width", o.width + "px").style("margin", "0 0 1px 2px").style("border", "1px solid #aaa").style("border-spacing", 0).style("height", "21px").style("padding", 0).style("background-color", "#fff").style("cursor", "pointer").on("change", o.handler).on("click.tphm2", (event) => event.stopPropagation());
-    addWrapper.append("button").style("margin", 0).style("border-spacing", 0).style("padding", "2px").html("add").on("click", o.handler);
-    return {
-      wrapper: addWrapper,
-      input
-    };
-  },
-  html: (elem, o) => {
-    select(elem.node().parentNode).append("span").html(o.html);
-    if (o.styles) {
-      for (const s in styles) {
-        elem.style(s, styles[s]);
-      }
-    }
-    return elem;
-  },
-  restart: (elem, opts) => {
-    const _opts = { color: "black", width: 18, height: 18 };
-    Object.assign(_opts, opts);
-    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${_opts.width}" height="${_opts.height}" fill="${_opts.color}" class="bi bi-house-fill" viewBox="0 0 16 16">
-		<path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z"/>
-		<path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z"/>
-	  </svg>`;
-    return getHolder(elem, _opts).html(svg);
-  },
-  zoomIn: (elem, opts) => {
-    const _opts = { color: "black", width: 18, height: 18 };
-    Object.assign(_opts, opts);
-    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${_opts.width}" height="${_opts.height}" fill="${_opts.color}" class="bi bi-zoom-in" viewBox="0 0 16 16">
-	<path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/>
-	<path d="M10.344 11.742c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1 6.538 6.538 0 0 1-1.398 1.4z"/>
-	<path fill-rule="evenodd" d="M6.5 3a.5.5 0 0 1 .5.5V6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 .5-.5z"/>
-	</svg>`;
-    return getHolder(elem, _opts).html(svg);
-  },
-  zoomOut: (elem, opts) => {
-    const _opts = { color: "black", width: 18, height: 18 };
-    Object.assign(_opts, opts);
-    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${_opts.width}" height="${_opts.height}" fill="${_opts.color}" class="bi bi-zoom-in" viewBox="0 0 16 16">
-		<path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/>
-		<path d="M10.344 11.742c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1 6.538 6.538 0 0 1-1.398 1.4z"/>
-		<path fill-rule="evenodd" d="M3 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"/>
-	  </svg>`;
-    return getHolder(elem, _opts).html(svg);
-  },
-  lasso: (elem, opts) => {
-    const _opts = { color: "black", width: 18, height: 18 };
-    const color = !opts.enabled ? "transparent" : "rgb(207, 226, 243)";
-    Object.assign(_opts, opts);
-    const svg = `<button style="cursor:pointer;border:none;background-color:${color};"><svg xmlns="http://www.w3.org/2000/svg" width="${_opts.width}" height="${_opts.height}" fill="${_opts.color}" class="bi bi-zoom-in" viewBox="0 0 16 16">
-		<path d="M15.825.12a.5.5 0 0 1 .132.584c-1.53 3.43-4.743 8.17-7.095 10.64a6.067 6.067 0 0 1-2.373 1.534c-.018.227-.06.538-.16.868-.201.659-.667 1.479-1.708 1.74a8.118 8.118 0 0 1-3.078.132 3.659 3.659 0 0 1-.562-.135 1.382 1.382 0 0 1-.466-.247.714.714 0 0 1-.204-.288.622.622 0 0 1 .004-.443c.095-.245.316-.38.461-.452.394-.197.625-.453.867-.826.095-.144.184-.297.287-.472l.117-.198c.151-.255.326-.54.546-.848.528-.739 1.201-.925 1.746-.896.126.007.243.025.348.048.062-.172.142-.38.238-.608.261-.619.658-1.419 1.187-2.069 2.176-2.67 6.18-6.206 9.117-8.104a.5.5 0 0 1 .596.04zM4.705 11.912a1.23 1.23 0 0 0-.419-.1c-.246-.013-.573.05-.879.479-.197.275-.355.532-.5.777l-.105.177c-.106.181-.213.362-.32.528a3.39 3.39 0 0 1-.76.861c.69.112 1.736.111 2.657-.12.559-.139.843-.569.993-1.06a3.122 3.122 0 0 0 .126-.75l-.793-.792zm1.44.026c.12-.04.277-.1.458-.183a5.068 5.068 0 0 0 1.535-1.1c1.9-1.996 4.412-5.57 6.052-8.631-2.59 1.927-5.566 4.66-7.302 6.792-.442.543-.795 1.243-1.042 1.826-.121.288-.214.54-.275.72v.001l.575.575zm-4.973 3.04.007-.005a.031.031 0 0 1-.007.004zm3.582-3.043.002.001h-.002z"/>
-		</svg></button>`;
-    return getHolder(elem, _opts).html(svg);
-  },
-  download: (elem, opts) => {
-    const _opts = { color: "black", width: 18, height: 18 };
-    Object.assign(_opts, opts);
-    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${_opts.width}" height="${_opts.height}" fill="${_opts.color}" class="bi bi-download" viewBox="0 0 16 16">
-		<path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/>
-		<path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/>
-	  </svg>`;
-    return getHolder(elem, opts).html(svg);
-  },
-  help: (elem, opts) => {
-    const _opts = { color: "black", width: 18, height: 18 };
-    Object.assign(_opts, opts);
-    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${_opts.width}" height="${_opts.height}" fill="${_opts.color}" class="bi bi-question-circle" viewBox="0 0 16 16">
-		<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-		<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
-	  </svg>`;
-    return getHolder(elem, _opts).html(svg);
-  },
-  search: (elem, opts) => {
-    const _opts = { color: "black", width: 18, height: 18 };
-    Object.assign(_opts, opts);
-    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${_opts.width}" height="${_opts.height}" fill="${_opts.color}" class="bi bi-search" viewBox="0 0 16 16">
-		<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
-	  </svg>`;
-    return getHolder(elem, _opts).html(svg);
-  },
-  crosshair: (elem, opts = {}) => {
-    const _opts = { color: "black", width: 18, height: 18, d: 2 };
-    const w = _opts.width;
-    const h = _opts.height;
-    const d = _opts.d;
-    Object.assign(_opts, opts);
-    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${_opts.width}" height="${_opts.height}" style='vertical-align: middle'>
-		<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
-		<path d="M${w / 2},${d}L${w / 2},${h - d}Z" stroke='${_opts.color}'/>
-		<path d="M${d},${h / 2}L${w - d},${h / 2}Z" stroke='${_opts.color}'/>
-		</svg>`;
-    return getHolder(elem, opts).html(svg);
-  },
-  grab: (elem, opts = {}) => {
-    const _opts = { color: "black", width: 18, height: 18, transform: "" };
-    Object.assign(_opts, opts);
-    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${_opts.width}" height="${_opts.height}" fill="${_opts.color}" viewBox="0 0 448 512">
-		<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
-		<path transform='${_opts.transform}' d="M144 64c0-8.8 7.2-16 16-16s16 7.2 16 16c0 9.1 5.1 17.4 13.3 21.5s17.9 3.2 25.1-2.3c2.7-2 6-3.2 9.6-3.2c8.8 0 16 7.2 16 16c0 9.1 5.1 17.4 13.3 21.5s17.9 3.2 25.1-2.3c2.7-2 6-3.2 9.6-3.2c8.8 0 16 7.2 16 16c0 9.1 5.1 17.4 13.3 21.5s17.9 3.2 25.1-2.3c2.7-2 6-3.2 9.6-3.2c8.8 0 16 7.2 16 16V264c0 31.3-20 58-48 67.9c-9.6 3.4-16 12.5-16 22.6V488c0 13.3 10.7 24 24 24s24-10.7 24-24V370.2c38-20.1 64-60.1 64-106.2V160c0-35.3-28.7-64-64-64c-2.8 0-5.6 .2-8.3 .5C332.8 77.1 311.9 64 288 64c-2.8 0-5.6 .2-8.3 .5C268.8 45.1 247.9 32 224 32c-2.8 0-5.6 .2-8.3 .5C204.8 13.1 183.9 0 160 0C124.7 0 96 28.7 96 64v64.3c-11.7 7.4-22.5 16.4-32 26.9l17.8 16.1L64 155.2l-9.4 10.5C40 181.8 32 202.8 32 224.6v12.8c0 49.6 24.2 96.1 64.8 124.5l13.8-19.7L96.8 361.9l8.9 6.2c6.9 4.8 14.4 8.6 22.3 11.3V488c0 13.3 10.7 24 24 24s24-10.7 24-24V359.9c0-12.6-9.8-23.1-22.4-23.9c-7.3-.5-14.3-2.9-20.3-7.1l-13.1 18.7 13.1-18.7-8.9-6.2C96.6 303.1 80 271.3 80 237.4V224.6c0-9.9 3.7-19.4 10.3-26.8l9.4-10.5c3.8-4.2 7.9-8.1 12.3-11.6V208c0 8.8 7.2 16 16 16s16-7.2 16-16V142.3 128 64z"/>
-		</svg>`;
-    return getHolder(elem, opts).html(svg);
-  },
-  arrowPointer: (elem, opts = {}) => {
-    const _opts = { color: "black", width: 18, height: 18, transform: "" };
-    Object.assign(_opts, opts);
-    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${_opts.width}" height="${_opts.height}" fill="${_opts.color}" viewBox="0 0 320 512">
-		<!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
-		<path transform='${_opts.transform}' d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"/>
-		</svg>`;
-    return getHolder(elem, opts).html(svg);
-  },
-  compare: (elem, opts = {}) => {
-    const _opts = { color: "black", width: 18, height: 18, transform: "" };
-    Object.assign(_opts, opts);
-    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${_opts.width}" height="${_opts.height}" fill="${_opts.color}" class="bi bi-copy" viewBox="0 0 16 16">
-  		<path d="M0 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/>
-		</svg>`;
-    return getHolder(elem, _opts).html(svg);
-  },
-  table: (elem, opts = {}) => {
-    const _opts = { color: "black", width: 18, height: 18, transform: "" };
-    Object.assign(_opts, opts);
-    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${_opts.width}" height="${_opts.height}" fill="${_opts.color}" class="bi bi-copy" viewBox="0 0 16 16">
-  			<path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z"/>
-		</svg>`;
-    return getHolder(elem, _opts).html(svg);
-  },
-  pdf: (elem, opts = {}) => {
-    const _opts = { color: "black", width: 18, height: 18, transform: "" };
-    Object.assign(_opts, opts);
-    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${_opts.width}" height="${_opts.height}" fill="${_opts.color}" class="bi bi-copy" viewBox="0 0 16 16">
-  			<path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.6 11.85H0v3.999h.791v-1.342h.803q.43 0 .732-.173.305-.175.463-.474a1.4 1.4 0 0 0 .161-.677q0-.375-.158-.677a1.2 1.2 0 0 0-.46-.477q-.3-.18-.732-.179m.545 1.333a.8.8 0 0 1-.085.38.57.57 0 0 1-.238.241.8.8 0 0 1-.375.082H.788V12.48h.66q.327 0 .512.181.185.183.185.522m1.217-1.333v3.999h1.46q.602 0 .998-.237a1.45 1.45 0 0 0 .595-.689q.196-.45.196-1.084 0-.63-.196-1.075a1.43 1.43 0 0 0-.589-.68q-.396-.234-1.005-.234zm.791.645h.563q.371 0 .609.152a.9.9 0 0 1 .354.454q.118.302.118.753a2.3 2.3 0 0 1-.068.592 1.1 1.1 0 0 1-.196.422.8.8 0 0 1-.334.252 1.3 1.3 0 0 1-.483.082h-.563zm3.743 1.763v1.591h-.79V11.85h2.548v.653H7.896v1.117h1.606v.638z"/>
-		</svg>`;
-    return getHolder(elem, _opts).html(svg);
-  },
-  add: (elem, opts = {}) => {
-    const _opts = { color: "black", width: 18, height: 18, transform: "" };
-    Object.assign(_opts, opts);
-    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${_opts.width}" height="${_opts.height}" fill="${_opts.color}" class="bi bi-copy" viewBox="0 0 18 18">
-			<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
-			<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/>
-		</svg>`;
-    return getHolder(elem, _opts).html(svg);
-  },
-  save: (elem, opts = {}) => {
-    const _opts = { color: "black", width: 17, height: 17, transform: "" };
-    Object.assign(_opts, opts);
-    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${_opts.width}" height="${_opts.height}" fill="${_opts.color}" class="bi bi-floppy" viewBox="0 0 18 18">
-			 	<path d="M11 2H9v3h2z"/>
-			  	<path d="M1.5 0h11.586a1.5 1.5 0 0 1 1.06.44l1.415 1.414A1.5 1.5 0 0 1 16 2.914V14.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 14.5v-13A1.5 1.5 0 0 1 1.5 0M1 1.5v13a.5.5 0 0 0 .5.5H2v-4.5A1.5 1.5 0 0 1 3.5 9h9a1.5 1.5 0 0 1 1.5 1.5V15h.5a.5.5 0 0 0 .5-.5V2.914a.5.5 0 0 0-.146-.353l-1.415-1.415A.5.5 0 0 0 13.086 1H13v4.5A1.5 1.5 0 0 1 11.5 7h-7A1.5 1.5 0 0 1 3 5.5V1H1.5a.5.5 0 0 0-.5.5m3 4a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V1H4zM3 15h10v-4.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5z"/>
-			</svg>`;
-    return getHolder(elem, _opts).html(svg);
-  },
-  burguer: (elem, opts = {}) => {
-    const _opts = { color: "black", width: 20, height: 20, transform: "" };
-    Object.assign(_opts, opts);
-    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${_opts.width}" height="${_opts.height}" fill="${_opts.color}" class="bi bi-copy" viewBox="0 0 16 16">
-  				<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"/>
-		</svg>`;
-    return getHolder(elem, _opts).html(svg);
-  },
-  trash: (elem, opts = {}) => {
-    const _opts = { color: "black", width: 18, height: 18, transform: "" };
-    Object.assign(_opts, opts);
-    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${_opts.width}" height="${_opts.height}" fill="${_opts.color}" class="bi bi-copy" viewBox="0 0 16 16">
-  <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z"/>
-  <path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z"/>
-		</svg>`;
-    return getHolder(elem, _opts).html(svg);
-  }
-};
-function getHolder(elem, opts) {
-  if (opts.handler) {
-    elem.on("click", opts.handler);
-    if (elem.node().tagName != "BUTTON")
-      elem.attr("role", "button").attr("tabindex", 0).style("cursor", "pointer").on("keyup.control_icons", (event) => {
-        if (event.key == "Enter") {
-          const box = event.target.getBoundingClientRect();
-          const clientX = box.x + 0.5 * box.width;
-          const clientY = box.y + box.height;
-          event.target.dispatchEvent(new MouseEvent("click", { bubbles: true, clientX, clientY }));
-        }
-      });
-  }
-  if (opts.title) {
-    elem.attr("aria-label", opts.title).style("z-index", 1);
-  }
-  return elem;
-}
-
-// plots/controls.btns.js
-var TdbControlsTopBar = class _TdbControlsTopBar {
-  static type = "controlsTopBar";
-  constructor(opts) {
-    this.type = _TdbControlsTopBar.type;
-  }
-  async init() {
-    const opts = this.opts;
-    this.dom = {
-      holder: opts.holder,
-      burger_div: opts.holder.append("div"),
-      button_bar: opts.holder.append("div")
-    };
-    const debug = this.opts.debug;
-    this.features = await multiInit({
-      burgerbtn: burgerBtnInit({
-        holder: this.dom.burger_div,
-        callback: opts.callback,
-        debug,
-        title: opts.title
-      }),
-      downloadbtn: downloadBtnInit({
-        id: opts.id,
-        holder: this.dom.holder.insert("div"),
-        callback: opts.downloadHandler,
-        debug
-      }),
-      helpbtn: helpBtnInit({
-        id: opts.id,
-        holder: this.dom.holder.insert("div"),
-        callback: opts.helpHandler,
-        debug
-      })
-    });
-  }
-  getState(appState) {
-    return {
-      config: appState.plots.find((p) => p.id === this.id),
-      isOpen: this.opts.isOpen()
-    };
-  }
-  main() {
-    const plot = this.state.config;
-    const isOpen = this.opts.isOpen();
-    this.dom.button_bar.style("display", isOpen ? "inline-block" : "block").style("float", isOpen ? "right" : "none");
-    for (const name in this.features) {
-      this.features[name].main(isOpen, plot);
-    }
-  }
-};
-var topBarInit = getCompInit(TdbControlsTopBar);
-function burgerBtnInit(opts) {
-  const burguerDiv = opts.holder.style("margin", "10px 0px 10px 10px");
-  icons["burguer"](burguerDiv, { handler: opts.callback, title: opts.title || "Settings" });
-  const self = {
-    dom: {
-      btn: burguerDiv
-    }
-  };
-  const api = {
-    main(isOpen) {
-      self.dom.btn.style("display", isOpen ? "inline-block" : "block");
-    }
-  };
-  if (opts.debug) api.Inner = self;
-  return Object.freeze(api);
-}
-function helpBtnInit(opts) {
-  const infoDiv = opts.holder.style("margin", "10px");
-  icons["help"](infoDiv, { handler: opts.callback, title: opts.title || "Documentation" });
-  const self = {
-    plotTypes: [
-      "profilePolar2",
-      "profileBarchart2",
-      "profileRadar2",
-      "profileRadarFacility2",
-      "boxplot",
-      "correlationVolcano",
-      "differentialAnalysis",
-      "grin2"
-    ],
-    dom: {
-      btn: infoDiv
-    }
-  };
-  const api = {
-    main(isOpen, plot) {
-      if (self.plotTypes.includes(plot.chartType) || self.plotTypes.includes(plot.childType))
-        self.dom.btn.style("display", isOpen ? "inline-block" : "block");
-      else self.dom.btn.style("display", "none");
-    }
-  };
-  if (opts.debug) api.Inner = self;
-  return Object.freeze(api);
-}
-function downloadBtnInit(opts) {
-  const downloadDiv = opts.holder.style("margin-left", "10px");
-  icons["download"](downloadDiv, { handler: opts.callback, title: opts.title || "Download" });
-  const self = {
-    plotTypes: ["summary", "boxplot", "scatter", "brainImaging"],
-    dom: {
-      btn: downloadDiv
-    }
-  };
-  const api = {
-    main(isOpen, plot) {
-      self.dom.btn.style("display", isOpen ? "inline-block" : "block");
-    }
-  };
-  if (opts.debug) api.Inner = self;
-  return Object.freeze(api);
-}
-
-export {
-  icons,
-  topBarInit
-};
-//# sourceMappingURL=chunk-IIT367QZ.js.map

package/dist/chunk-IYT5PNYJ.js

@@ -1,148 +0,0 @@
-import {
-  storeInit
-} from "./chunk-RIQT2LSR.js";
-import {
-  recoverInit
-} from "./chunk-4KY4XKJV.js";
-import {
-  AppBase,
-  sayerror,
-  vocabInit
-} from "./chunk-K6OVOHIZ.js";
-import {
-  importPlot
-} from "./chunk-HQAJVJCQ.js";
-import {
-  Menu
-} from "./chunk-HYOEWQ5P.js";
-import {
-  AppApi
-} from "./chunk-M3J4MINX.js";
-
-// plots/plot.app.ts
-var PlotApp = class _PlotApp extends AppBase {
-  constructor(opts, api) {
-    super(opts);
-    this.components = {};
-    this.wasDestroyed = false;
-    this.api = api;
-    this.type = _PlotApp.type;
-    this.dom = this.getDom(opts);
-  }
-  static {
-    this.type = "app";
-  }
-  getDom(opts) {
-    const dom = {
-      holder: opts.holder,
-      errdiv: opts.holder.append("div"),
-      plotDiv: opts.holder.append("div")
-    };
-    const controls = opts.violin?.mode == "minimal" ? null : opts.holder.append("div").style("white-space", "nowrap");
-    if (controls) {
-      dom.plotControls = controls.append("div").style("display", "inline-block");
-      dom.recoverControls = controls.append("div").style("display", "inline-block");
-    }
-    return dom;
-  }
-  async preApiFreeze(api) {
-    try {
-      api.tip = new Menu({ padding: "5px" });
-      api.printError = (e) => this.printError(e);
-      const vocab = this.opts.state.vocab;
-      api.vocabApi = this.opts.vocabApi ? this.opts.vocabApi : await vocabInit({
-        app: api,
-        state: {
-          vocab: {
-            // either (genome + dslabel) XOR (terms) can be undefined
-            genome: vocab?.genome || this.opts.state.genome,
-            dslabel: vocab?.dslabel || this.opts.state.dslabel,
-            terms: vocab?.terms
-          }
-        },
-        fetchOpts: this.opts.fetchOpts
-      });
-      this.opts.state.vocab = api.vocabApi.vocab;
-    } catch (e) {
-      console.log(`preApiFreeze error`, e);
-      throw e;
-    }
-  }
-  async init() {
-    try {
-      this.opts.state.nav = { header_mode: "hidden" };
-      this.store = await storeInit({ app: this.api, state: this.opts.state });
-      this.state = await this.store.copyState();
-      this.components = {
-        plots: {}
-      };
-      if (this.opts.app?.features?.includes("recover"))
-        this.components.recover = await recoverInit({
-          app: this.api,
-          holder: this.dom.recoverControls,
-          // TODO: ???? may limit the tracked state to only the filter, activeCohort ???
-          getState: (appState) => appState,
-          //reactsTo: action => true, //action.type != 'plot_edit' || action.type == 'app_refresh',
-          maxHistoryLen: 10
-        });
-      if (this.opts.app?.doNotAwaitInitRender) {
-        this.api.dispatch();
-      } else {
-        await this.api.dispatch();
-      }
-    } catch (e) {
-      this.printError(e);
-      throw e;
-    }
-  }
-  async main() {
-    this.api.vocabApi.main();
-    for (const id in this.components.plots) {
-      const plot = this.components.plots[id];
-      if (!this.state.plots.find((p) => p.id === plot.id)) {
-        plot.destroy();
-        delete this.components.plots[id];
-      }
-    }
-    for (const plot of this.state.plots.values()) {
-      if (plot.parentId) continue;
-      if (!this.components.plots[plot.id]) {
-        const holder = this.opts?.app?.getPlotHolder ? this.opts.app.getPlotHolder(plot, this.dom.holder) : this.dom.holder.append("div");
-        if (!this.dom.plotDiv) this.dom.plotDiv = holder;
-        const { componentInit } = await importPlot(plot.chartType);
-        const plotApi = await componentInit({
-          id: plot.id,
-          app: this.api,
-          holder,
-          controls: this.dom.plotControls
-        });
-        this.components.plots[plot.id] = plotApi;
-      }
-    }
-  }
-  printError(e) {
-    sayerror(this.dom.errdiv, "Error: " + (e.message || e));
-    if (e.stack) console.log(e.stack);
-    this.bus.emit("error");
-  }
-  skipPrevActionAbort(action) {
-    if (!action) return false;
-    if (action.type.startsWith("filter")) return false;
-    if (action.type.startsWith("cohort")) return false;
-    if (action.type == "app_refresh") {
-      if (action.subactions) {
-        return action.subactions.find((a) => a.type.startsWith("filter") || a.type.startsWith("cohort")) ? false : true;
-      }
-    }
-    return true;
-  }
-  destroy() {
-    if (this.dom?.holder) this.dom.holder.selectAll("*").remove();
-  }
-};
-var appInit = AppApi.getInitFxn(PlotApp);
-
-export {
-  appInit
-};
-//# sourceMappingURL=chunk-IYT5PNYJ.js.map

package/dist/chunk-IYT5PNYJ.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../plots/plot.app.ts"],
-  "sourcesContent": ["import { AppApi, type RxApp, type ComponentApi } from '../rx'\nimport { AppBase } from '#plots/AppBase.ts'\nimport { storeInit } from '#mass/store'\nimport { vocabInit } from '#termdb/vocabulary'\nimport { recoverInit } from '../rx/src/recover'\nimport { sayerror, Menu } from '#dom'\nimport { importPlot } from '#plots/importPlot.js'\n\n/*\nthe purpose of this wrapper is to allow a mass plot to be used with control options outside of mass app\n\nTODO allow to hide controls. e.g. in the cuminc plot integrated into cox-snplocus, allowing to get rid of duplicating code of Cuminc class in cuminc.js\n\nFIXME convert to ts and fully type opts\n\nconstructor options (opts)\n\n\t.holder\n\t\td3-wrapped DOM container\n\n\t.vocabApi\n\t\trequired if state.vocab is not provided\n\n\t.violin{}\n\t\t.mode='minimal'??\n\n\t.app{}\n\t\t.features{}\n\t\t.getPlotHolder() ??\n\n\t.fetchOpts{}\n\t.state: {\n\t\t\n\t\t// required if opts.vocabApi is not provided\n\t\t.vocab: { \n\t\t\tgenome\n\t\t\tdslabel\n\t\t}\n\t\t\n\t\t// required\n\t\tplots[{}] options for rendering 1 or more plot(s), for example:\n\n\t\t[{\n\t\t\tchartType: 'summary',\n\t\t\tchildType: 'barchart',\n\t\t\tterm: {},\n\t\t\tterm2: {},\n\t\t\tsettings: {\n\t\t\t\tbarchart: {\n\t\t\t\t\tunit: 'pct'\n\t\t\t\t}\n\t\t\t}\n\t\t}]\n\t}\n*/\n\nclass PlotApp extends AppBase implements RxApp {\n\tstatic type = 'app'\n\n\t// expected RxApp, some are already declared/set in AppBase\n\tapi: AppApi\n\ttype: string\n\tparentId?: string\n\tdom!: {\n\t\t[index: string]: any\n\t}\n\tcomponents: {\n\t\t[name: string]: ComponentApi | { [name: string]: ComponentApi }\n\t} = {}\n\n\twasDestroyed = false\n\tstore: any\n\tbus!: any\n\n\tconstructor(opts, api) {\n\t\tsuper(opts)\n\t\tthis.api = api\n\t\tthis.type = PlotApp.type\n\t\tthis.dom = this.getDom(opts)\n\t}\n\n\tgetDom(opts) {\n\t\t// this will create divs in the correct stacking order\n\t\tconst dom: { [index: string]: any } = {\n\t\t\tholder: opts.holder,\n\t\t\terrdiv: opts.holder.append('div'),\n\t\t\tplotDiv: opts.holder.append('div')\n\t\t}\n\t\tconst controls = opts.violin?.mode == 'minimal' ? null : opts.holder.append('div').style('white-space', 'nowrap')\n\t\tif (controls) {\n\t\t\tdom.plotControls = controls.append('div').style('display', 'inline-block')\n\t\t\tdom.recoverControls = controls.append('div').style('display', 'inline-block')\n\t\t}\n\t\treturn dom\n\t}\n\n\tasync preApiFreeze(api) {\n\t\ttry {\n\t\t\tapi.tip = new Menu({ padding: '5px' })\n\t\t\tapi.printError = e => this.printError(e)\n\n\t\t\tconst vocab = this.opts.state.vocab\n\n\t\t\tapi.vocabApi = this.opts.vocabApi\n\t\t\t\t? this.opts.vocabApi\n\t\t\t\t: await vocabInit({\n\t\t\t\t\t\tapp: api,\n\t\t\t\t\t\tstate: {\n\t\t\t\t\t\t\tvocab: {\n\t\t\t\t\t\t\t\t// either (genome + dslabel) XOR (terms) can be undefined\n\t\t\t\t\t\t\t\tgenome: vocab?.genome || this.opts.state.genome,\n\t\t\t\t\t\t\t\tdslabel: vocab?.dslabel || this.opts.state.dslabel,\n\t\t\t\t\t\t\t\tterms: vocab?.terms\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\tfetchOpts: this.opts.fetchOpts\n\t\t\t\t  })\n\n\t\t\t// the vocabApi's vocab may be reprocessed from the original input\n\t\t\tthis.opts.state.vocab = api.vocabApi.vocab\n\t\t} catch (e) {\n\t\t\tconsole.log(`preApiFreeze error`, e)\n\t\t\tthrow e\n\t\t}\n\t}\n\n\tasync init() {\n\t\t// catch initialization error\n\t\ttry {\n\t\t\t// this plot.app does not create a this.components.nav, unlike mass/app.js\n\t\t\t// so the nav is always hidden, can be hardcoded here\n\t\t\tthis.opts.state.nav = { header_mode: 'hidden' }\n\t\t\tthis.store = await storeInit({ app: this.api, state: this.opts.state })\n\t\t\tthis.state = await this.store.copyState()\n\t\t\tthis.components = {\n\t\t\t\tplots: {}\n\t\t\t}\n\t\t\tif (this.opts.app?.features?.includes('recover'))\n\t\t\t\tthis.components.recover = await recoverInit({\n\t\t\t\t\tapp: this.api,\n\t\t\t\t\tholder: this.dom.recoverControls,\n\t\t\t\t\t// TODO: ???? may limit the tracked state to only the filter, activeCohort ???\n\t\t\t\t\tgetState: appState => appState,\n\t\t\t\t\t//reactsTo: action => true, //action.type != 'plot_edit' || action.type == 'app_refresh',\n\t\t\t\t\tmaxHistoryLen: 10\n\t\t\t\t})\n\n\t\t\tif (this.opts.app?.doNotAwaitInitRender) {\n\t\t\t\t// do not await to return the instance sooner and allow calling appApi.triggerAbort() before initial render,\n\t\t\t\t// instead of waiting for initial data loading and rendering\n\t\t\t\tthis.api.dispatch()\n\t\t\t} else {\n\t\t\t\tawait this.api.dispatch()\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tthis.printError(e)\n\t\t\tthrow e\n\t\t}\n\t}\n\n\tasync main() {\n\t\tthis.api.vocabApi.main()\n\n\t\tfor (const id in this.components.plots) {\n\t\t\tconst plot = this.components.plots[id]\n\t\t\tif (!this.state.plots.find(p => p.id === plot.id)) {\n\t\t\t\tplot.destroy()\n\t\t\t\tdelete this.components.plots[id]\n\t\t\t}\n\t\t}\n\n\t\tfor (const plot of this.state.plots.values()) {\n\t\t\t/** plots with parentId means the parent plot will trigger the plot instead of being triggered here\n\t\t\t * (e.g. subplots with SC app). Mimics the same behavior in client/mass/app.ts main() */\n\t\t\tif (plot.parentId) continue\n\t\t\tif (!this.components.plots[plot.id]) {\n\t\t\t\tconst holder = this.opts?.app?.getPlotHolder\n\t\t\t\t\t? this.opts.app.getPlotHolder(plot, this.dom.holder)\n\t\t\t\t\t: this.dom.holder.append('div')\n\n\t\t\t\t// quick fix to only track the plotDiv for the first plot\n\t\t\t\t// TODO: reliably handle the case where a plotApp instance may have multiple plots/holders\n\t\t\t\tif (!this.dom.plotDiv) this.dom.plotDiv = holder\n\t\t\t\tconst { componentInit } = await importPlot(plot.chartType)\n\t\t\t\tconst plotApi = await componentInit({\n\t\t\t\t\tid: plot.id,\n\t\t\t\t\tapp: this.api,\n\t\t\t\t\tholder,\n\t\t\t\t\tcontrols: this.dom.plotControls\n\t\t\t\t})\n\t\t\t\tthis.components.plots[plot.id] = plotApi\n\t\t\t}\n\t\t}\n\t}\n\n\tprintError(e) {\n\t\tsayerror(this.dom.errdiv, 'Error: ' + (e.message || e))\n\t\tif (e.stack) console.log(e.stack)\n\t\tthis.bus.emit('error')\n\t}\n\n\tskipPrevActionAbort(action) {\n\t\t// may skip aborting previously dispatched actions in AppApi.dispatch()\n\t\t// if the new dispatched action doesn't affect all components; this will\n\t\t// allow plots and control menus to continue rendering while creating,\n\t\t// editing, or deleting another plot\n\t\tif (!action) return false\n\t\tif (action.type.startsWith('filter')) return false\n\t\tif (action.type.startsWith('cohort')) return false\n\t\tif (action.type == 'app_refresh') {\n\t\t\tif (action.subactions) {\n\t\t\t\treturn action.subactions.find(a => a.type.startsWith('filter') || a.type.startsWith('cohort')) ? false : true\n\t\t\t}\n\t\t}\n\t\treturn true\n\t}\n\n\tdestroy() {\n\t\tif (this.dom?.holder) this.dom.holder.selectAll('*').remove()\n\t}\n}\n\nexport const appInit = AppApi.getInitFxn(PlotApp)\n"],
-  "mappings": "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",
-  "names": []
-}