@hpcc-js/html 3.2.12 → 3.3.0

package/dist/index.js

@@ -1,258 +1,247 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { HTMLWidget, select, format } from "@hpcc-js/common";
+import { HTMLWidget, format, select } from "@hpcc-js/common";
 import { scopedLogger } from "@hpcc-js/util";
 import { React } from "@hpcc-js/react";
+
+//#region src/__package__.ts
 const PKG_NAME = "@hpcc-js/html";
-const PKG_VERSION = "3.1.1";
-const BUILD_VERSION = "3.2.1";
-const _HTMLTooltip = class _HTMLTooltip extends HTMLWidget {
-  _triggerElement;
-  _contentNode;
-  _prevContentNode;
-  _tooltipElement;
-  _arrowElement;
-  _tooltipHTMLCallback = /* @__PURE__ */ __name((data) => "<b>_tooltipHTMLCallback is undefined</b>", "_tooltipHTMLCallback");
-  _logger = scopedLogger("html/HTMLTooltip");
-  constructor() {
-    super();
-    this.visible(false);
-  }
-  tooltipHTML(_) {
-    this._tooltipHTMLCallback = _;
-    return this;
-  }
-  tooltipContent(_) {
-    if (!arguments.length) return this._contentNode;
-    this._contentNode = _;
-    return this;
-  }
-  triggerElement(_) {
-    this._triggerElement = _;
-    return this;
-  }
-  enter(domNode, element) {
-    super.enter(domNode, element);
-    const body = select("body");
-    this._tooltipElement = body.append("div").attr("class", "tooltip-div").style("z-index", "2147483638").style("position", "fixed");
-    this._arrowElement = body.append("div").attr("class", "arrow-div").style("z-index", "2147483638").style("position", "fixed");
-  }
-  update(domNode, element) {
-    super.update(domNode, element);
-    if (this._contentNode !== this._prevContentNode) {
-      const node = this._tooltipElement.node();
-      [...node.querySelectorAll("*")].map((n) => n.__data__).filter((n) => n).forEach((w) => {
-        if (typeof w.target === "function") {
-          w.target(null);
-        }
-        if (typeof w.exit === "function") {
-          w.exit();
-        }
-      });
-      node.innerHTML = "";
-      node.appendChild(this._contentNode);
-      this._prevContentNode = this._contentNode;
-    }
-    if (this._contentNode) {
-      this.onShowContent(this._contentNode);
-    } else {
-      this._tooltipElement.html(() => {
-        return this._tooltipHTMLCallback(this.data());
-      });
-    }
-    if (this.fitContent()) {
-      this._tooltipElement.style("width", "auto").style("height", "auto").style("padding", "0px").style("box-sizing", "content-box");
-      const rect = this._tooltipElement.node().getBoundingClientRect();
-      this.tooltipWidth_default(rect.width);
-      this.tooltipHeight_default(rect.height);
-    }
-    this._closing = false;
-    this._tooltipElement.style("background-color", this.tooltipColor()).style("color", this.fontColor()).style("width", this.tooltipWidth() + "px").style("height", this.tooltipHeight() + "px").style("opacity", 1).style("padding", this.padding() + "px").style("pointer-events", this.enablePointerEvents() ? "all" : "none").style("box-sizing", "content-box");
-    this._arrowElement.style("opacity", 1).style("pointer-events", "none");
-    this.updateTooltipPosition();
-  }
-  onShowContent(node) {
-  }
-  updateTooltipPosition() {
-    const bbox = this.calcReferenceBBox();
-    const direction = this.calcTooltipDirection(bbox);
-    const box = bbox[direction];
-    this._tooltipElement.style("top", box.y + "px").style("left", box.x + "px");
-    this.setArrowPosition(box, direction);
-    return box;
-  }
-  calcTooltipDirection(bbox) {
-    const directions = Object.keys(bbox);
-    const defaultDirection = this.direction();
-    directions.sort((a, b) => a === defaultDirection ? -1 : 1);
-    const windowRect = {
-      top: 0,
-      left: 0,
-      width: window.innerWidth,
-      height: window.innerHeight
-    };
-    for (let i = 0; i < directions.length; i++) {
-      const tooltipRect = {
-        top: bbox[directions[i]].y,
-        left: bbox[directions[i]].x,
-        width: this.tooltipWidth(),
-        height: this.tooltipHeight()
-      };
-      if (this.rectFits(tooltipRect, windowRect)) {
-        return directions[i];
-      }
-    }
-    this._logger.warning(`Tooltip doesn't fit in the window for any of the directions. Defaulting to '${defaultDirection}'`);
-    this._logger.debug(windowRect);
-    this._logger.debug({
-      top: bbox[defaultDirection].y,
-      left: bbox[defaultDirection].x,
-      width: this.tooltipWidth(),
-      height: this.tooltipHeight()
-    });
-    return defaultDirection;
-  }
-  rectFits(innerRect, outerRect) {
-    return innerRect.top >= outerRect.top && innerRect.left >= outerRect.left && innerRect.width + innerRect.left <= outerRect.width + outerRect.left && innerRect.height + innerRect.top <= outerRect.height + outerRect.top;
-  }
-  setArrowPosition(point, direction) {
-    let top;
-    let left;
-    let visibleBorderStyle = "border-top-color";
-    this._arrowElement.style("border", `${this.arrowHeight()}px solid ${this.tooltipColor()}`).style("border-top-color", "transparent").style("border-right-color", "transparent").style("border-bottom-color", "transparent").style("border-left-color", "transparent");
-    switch (direction) {
-      case "n":
-        top = point.y + this.tooltipHeight() + this.padding() * 2;
-        left = point.x + this.tooltipWidth() / 2 - this.arrowWidth() / 2 + this.padding();
-        visibleBorderStyle = "border-top-color";
-        this._arrowElement.style("border-top-width", `${this.arrowHeight()}px`).style("border-bottom-width", "0px").style("border-left-width", `${this.arrowWidth() / 2}px`).style("border-right-width", `${this.arrowWidth() / 2}px`);
-        break;
-      case "s":
-        top = point.y - this.arrowHeight();
-        left = point.x + this.padding() + this.tooltipWidth() / 2 - this.arrowWidth() / 2;
-        visibleBorderStyle = "border-bottom-color";
-        this._arrowElement.style("border-top-width", "0px").style("border-bottom-width", `${this.arrowHeight()}px`).style("border-left-width", `${this.arrowWidth() / 2}px`).style("border-right-width", `${this.arrowWidth() / 2}px`);
-        break;
-      case "e":
-        top = point.y + this.tooltipHeight() / 2 + this.padding() - this.arrowWidth() / 2;
-        left = point.x - this.arrowHeight();
-        visibleBorderStyle = "border-right-color";
-        this._arrowElement.style("border-top-width", `${this.arrowWidth() / 2}px`).style("border-bottom-width", `${this.arrowWidth() / 2}px`).style("border-left-width", "0px").style("border-right-width", `${this.arrowHeight()}px`);
-        break;
-      case "w":
-        top = point.y + this.tooltipHeight() / 2 - this.arrowWidth() / 2 + this.padding();
-        left = point.x + this.tooltipWidth() + this.padding() * 2;
-        visibleBorderStyle = "border-left-color";
-        this._arrowElement.style("border-top-width", `${this.arrowWidth() / 2}px`).style("border-bottom-width", `${this.arrowWidth() / 2}px`).style("border-left-width", `${this.arrowHeight()}px`).style("border-right-width", "0px");
-        break;
-    }
-    if (typeof top !== "undefined" && typeof left !== "undefined") {
-      this._arrowElement.style("top", top + "px").style("left", left + "px").style(visibleBorderStyle, this.tooltipColor()).style("opacity", 1);
-    } else {
-      this._arrowElement.style("opacity", 0);
-    }
-    return point;
-  }
-  getReferenceNode() {
-    if (!this._triggerElement) {
-      return this.element().node().parentNode.parentNode;
-    }
-    return this._triggerElement.node();
-  }
-  _cursorLoc;
-  calcReferenceBBox() {
-    const node = this.getReferenceNode();
-    let { top, left, width, height } = node.getBoundingClientRect();
-    const wholeW = this.tooltipWidth();
-    const wholeH = this.tooltipHeight();
-    const halfW = wholeW / 2;
-    const halfH = wholeH / 2;
-    const arrowH = this.arrowHeight();
-    const p = this.padding();
-    const p2 = p * 2;
-    if (this.followCursor() && this._cursorLoc) {
-      left = this._cursorLoc[0];
-      top = this._cursorLoc[1];
-      width = 1;
-      height = 1;
-    }
-    const bbox = {
-      n: {
-        x: left + width / 2 - halfW - p,
-        y: top - wholeH - arrowH - p2
-      },
-      e: {
-        x: left + width + arrowH,
-        y: top + height / 2 - halfH - p
-      },
-      s: {
-        x: left + width / 2 - halfW - p,
-        y: top + height + arrowH
-      },
-      w: {
-        x: left - wholeW - arrowH - p2,
-        y: top + height / 2 - halfH - p
-      },
-      nw: {
-        x: left - wholeW - p2,
-        y: top - wholeH - p2
-      },
-      ne: {
-        x: left + width,
-        y: top - wholeH - p2
-      },
-      se: {
-        x: left + width,
-        y: top + height
-      },
-      sw: {
-        x: left - wholeW - p2,
-        y: top + height
-      }
-    };
-    return bbox;
-  }
-  _closing = false;
-  mouseout() {
-    this._closing = true;
-    this._tooltipElement.on("mouseover", () => {
-      this._closing = false;
-    });
-    this._tooltipElement.on("mouseout", () => {
-      this.mouseout();
-    });
-    setTimeout(() => {
-      if (this._closing) {
-        this.visible(false);
-      }
-    }, this.closeDelay());
-  }
-  visible(_) {
-    if (!arguments.length) return super.visible();
-    if (this._arrowElement) {
-      this._arrowElement.style("visibility", _ ? "visible" : "hidden");
-      this._tooltipElement.style("visibility", _ ? "visible" : "hidden");
-    }
-    super.visible(_);
-    return this;
-  }
-  exit(domNode, element) {
-    if (this._arrowElement) {
-      this._arrowElement.remove();
-      this._tooltipElement.remove();
-    }
-    super.exit(domNode, element);
-  }
+const PKG_VERSION = "3.3.0";
+const BUILD_VERSION = "3.15.0";
+
+//#endregion
+//#region src/HTMLTooltip.ts
+var HTMLTooltip = class extends HTMLWidget {
+	_triggerElement;
+	_contentNode;
+	_prevContentNode;
+	_tooltipElement;
+	_arrowElement;
+	_tooltipHTMLCallback = (data) => "<b>_tooltipHTMLCallback is undefined</b>";
+	_logger = scopedLogger("html/HTMLTooltip");
+	constructor() {
+		super();
+		this.visible(false);
+	}
+	tooltipHTML(_) {
+		this._tooltipHTMLCallback = _;
+		return this;
+	}
+	tooltipContent(_) {
+		if (!arguments.length) return this._contentNode;
+		this._contentNode = _;
+		return this;
+	}
+	triggerElement(_) {
+		this._triggerElement = _;
+		return this;
+	}
+	enter(domNode, element) {
+		super.enter(domNode, element);
+		const body = select("body");
+		this._tooltipElement = body.append("div").attr("class", "tooltip-div").style("z-index", "2147483638").style("position", "fixed");
+		this._arrowElement = body.append("div").attr("class", "arrow-div").style("z-index", "2147483638").style("position", "fixed");
+	}
+	update(domNode, element) {
+		super.update(domNode, element);
+		if (this._contentNode !== this._prevContentNode) {
+			const node = this._tooltipElement.node();
+			[...node.querySelectorAll("*")].map((n$1) => n$1.__data__).filter((n$1) => n$1).forEach((w$1) => {
+				if (typeof w$1.target === "function") w$1.target(null);
+				if (typeof w$1.exit === "function") w$1.exit();
+			});
+			node.innerHTML = "";
+			node.appendChild(this._contentNode);
+			this._prevContentNode = this._contentNode;
+		}
+		if (this._contentNode) this.onShowContent(this._contentNode);
+		else this._tooltipElement.html(() => {
+			return this._tooltipHTMLCallback(this.data());
+		});
+		if (this.fitContent()) {
+			this._tooltipElement.style("width", "auto").style("height", "auto").style("padding", "0px").style("box-sizing", "content-box");
+			const rect = this._tooltipElement.node().getBoundingClientRect();
+			this.tooltipWidth_default(rect.width);
+			this.tooltipHeight_default(rect.height);
+		}
+		this._closing = false;
+		this._tooltipElement.style("background-color", this.tooltipColor()).style("color", this.fontColor()).style("width", this.tooltipWidth() + "px").style("height", this.tooltipHeight() + "px").style("opacity", 1).style("padding", this.padding() + "px").style("pointer-events", this.enablePointerEvents() ? "all" : "none").style("box-sizing", "content-box");
+		this._arrowElement.style("opacity", 1).style("pointer-events", "none");
+		this.updateTooltipPosition();
+	}
+	onShowContent(node) {}
+	updateTooltipPosition() {
+		const bbox = this.calcReferenceBBox();
+		const direction = this.calcTooltipDirection(bbox);
+		const box = bbox[direction];
+		this._tooltipElement.style("top", box.y + "px").style("left", box.x + "px");
+		this.setArrowPosition(box, direction);
+		return box;
+	}
+	calcTooltipDirection(bbox) {
+		const directions = Object.keys(bbox);
+		const defaultDirection = this.direction();
+		directions.sort((a$1, b) => a$1 === defaultDirection ? -1 : 1);
+		const windowRect = {
+			top: 0,
+			left: 0,
+			width: window.innerWidth,
+			height: window.innerHeight
+		};
+		for (let i$2 = 0; i$2 < directions.length; i$2++) {
+			const tooltipRect = {
+				top: bbox[directions[i$2]].y,
+				left: bbox[directions[i$2]].x,
+				width: this.tooltipWidth(),
+				height: this.tooltipHeight()
+			};
+			if (this.rectFits(tooltipRect, windowRect)) return directions[i$2];
+		}
+		this._logger.warning(`Tooltip doesn't fit in the window for any of the directions. Defaulting to '${defaultDirection}'`);
+		this._logger.debug(windowRect);
+		this._logger.debug({
+			top: bbox[defaultDirection].y,
+			left: bbox[defaultDirection].x,
+			width: this.tooltipWidth(),
+			height: this.tooltipHeight()
+		});
+		return defaultDirection;
+	}
+	rectFits(innerRect, outerRect) {
+		return innerRect.top >= outerRect.top && innerRect.left >= outerRect.left && innerRect.width + innerRect.left <= outerRect.width + outerRect.left && innerRect.height + innerRect.top <= outerRect.height + outerRect.top;
+	}
+	setArrowPosition(point, direction) {
+		let top;
+		let left;
+		let visibleBorderStyle = "border-top-color";
+		this._arrowElement.style("border", `${this.arrowHeight()}px solid ${this.tooltipColor()}`).style("border-top-color", "transparent").style("border-right-color", "transparent").style("border-bottom-color", "transparent").style("border-left-color", "transparent");
+		switch (direction) {
+			case "n":
+				top = point.y + this.tooltipHeight() + this.padding() * 2;
+				left = point.x + this.tooltipWidth() / 2 - this.arrowWidth() / 2 + this.padding();
+				visibleBorderStyle = "border-top-color";
+				this._arrowElement.style("border-top-width", `${this.arrowHeight()}px`).style("border-bottom-width", "0px").style("border-left-width", `${this.arrowWidth() / 2}px`).style("border-right-width", `${this.arrowWidth() / 2}px`);
+				break;
+			case "s":
+				top = point.y - this.arrowHeight();
+				left = point.x + this.padding() + this.tooltipWidth() / 2 - this.arrowWidth() / 2;
+				visibleBorderStyle = "border-bottom-color";
+				this._arrowElement.style("border-top-width", "0px").style("border-bottom-width", `${this.arrowHeight()}px`).style("border-left-width", `${this.arrowWidth() / 2}px`).style("border-right-width", `${this.arrowWidth() / 2}px`);
+				break;
+			case "e":
+				top = point.y + this.tooltipHeight() / 2 + this.padding() - this.arrowWidth() / 2;
+				left = point.x - this.arrowHeight();
+				visibleBorderStyle = "border-right-color";
+				this._arrowElement.style("border-top-width", `${this.arrowWidth() / 2}px`).style("border-bottom-width", `${this.arrowWidth() / 2}px`).style("border-left-width", "0px").style("border-right-width", `${this.arrowHeight()}px`);
+				break;
+			case "w":
+				top = point.y + this.tooltipHeight() / 2 - this.arrowWidth() / 2 + this.padding();
+				left = point.x + this.tooltipWidth() + this.padding() * 2;
+				visibleBorderStyle = "border-left-color";
+				this._arrowElement.style("border-top-width", `${this.arrowWidth() / 2}px`).style("border-bottom-width", `${this.arrowWidth() / 2}px`).style("border-left-width", `${this.arrowHeight()}px`).style("border-right-width", "0px");
+				break;
+		}
+		if (typeof top !== "undefined" && typeof left !== "undefined") this._arrowElement.style("top", top + "px").style("left", left + "px").style(visibleBorderStyle, this.tooltipColor()).style("opacity", 1);
+		else this._arrowElement.style("opacity", 0);
+		return point;
+	}
+	getReferenceNode() {
+		if (!this._triggerElement) return this.element().node().parentNode.parentNode;
+		return this._triggerElement.node();
+	}
+	_cursorLoc;
+	calcReferenceBBox() {
+		let { top, left, width, height } = this.getReferenceNode().getBoundingClientRect();
+		const wholeW = this.tooltipWidth();
+		const wholeH = this.tooltipHeight();
+		const halfW = wholeW / 2;
+		const halfH = wholeH / 2;
+		const arrowH = this.arrowHeight();
+		const p$1 = this.padding();
+		const p2 = p$1 * 2;
+		if (this.followCursor() && this._cursorLoc) {
+			left = this._cursorLoc[0];
+			top = this._cursorLoc[1];
+			width = 1;
+			height = 1;
+		}
+		return {
+			n: {
+				x: left + width / 2 - halfW - p$1,
+				y: top - wholeH - arrowH - p2
+			},
+			e: {
+				x: left + width + arrowH,
+				y: top + height / 2 - halfH - p$1
+			},
+			s: {
+				x: left + width / 2 - halfW - p$1,
+				y: top + height + arrowH
+			},
+			w: {
+				x: left - wholeW - arrowH - p2,
+				y: top + height / 2 - halfH - p$1
+			},
+			nw: {
+				x: left - wholeW - p2,
+				y: top - wholeH - p2
+			},
+			ne: {
+				x: left + width,
+				y: top - wholeH - p2
+			},
+			se: {
+				x: left + width,
+				y: top + height
+			},
+			sw: {
+				x: left - wholeW - p2,
+				y: top + height
+			}
+		};
+	}
+	_closing = false;
+	mouseout() {
+		this._closing = true;
+		this._tooltipElement.on("mouseover", () => {
+			this._closing = false;
+		});
+		this._tooltipElement.on("mouseout", () => {
+			this.mouseout();
+		});
+		setTimeout(() => {
+			if (this._closing) this.visible(false);
+		}, this.closeDelay());
+	}
+	visible(_) {
+		if (!arguments.length) return super.visible();
+		if (this._arrowElement) {
+			this._arrowElement.style("visibility", _ ? "visible" : "hidden");
+			this._tooltipElement.style("visibility", _ ? "visible" : "hidden");
+		}
+		super.visible(_);
+		return this;
+	}
+	exit(domNode, element) {
+		if (this._arrowElement) {
+			this._arrowElement.remove();
+			this._tooltipElement.remove();
+		}
+		super.exit(domNode, element);
+	}
 };
-__name(_HTMLTooltip, "HTMLTooltip");
-let HTMLTooltip = _HTMLTooltip;
 HTMLTooltip.prototype._class += " html_HTMLTooltip";
 HTMLTooltip.prototype.publish("fitContent", false, "boolean", "If true, tooltip will grow to fit its html content");
 HTMLTooltip.prototype.publish("followCursor", false, "boolean", "If true, tooltip will display relative to cursor location");
 HTMLTooltip.prototype.publish("closeDelay", 400, "number", "Number of milliseconds to wait before closing tooltip (cancelled on tooltip mouseover event)");
-HTMLTooltip.prototype.publish("direction", "n", "set", "Direction in which to display the tooltip", ["n", "s", "e", "w", "ne", "nw", "se", "sw"]);
+HTMLTooltip.prototype.publish("direction", "n", "set", "Direction in which to display the tooltip", [
+	"n",
+	"s",
+	"e",
+	"w",
+	"ne",
+	"nw",
+	"se",
+	"sw"
+]);
 HTMLTooltip.prototype.publish("padding", 8, "number", "Padding (pixels)");
 HTMLTooltip.prototype.publish("arrowWidth", 16, "number", "Width (or height depending on direction) of the tooltip arrow (pixels)");
 HTMLTooltip.prototype.publish("arrowHeight", 8, "number", "Height (or width depending on direction) of the tooltip arrow (pixels)");
@@ -261,229 +250,223 @@ HTMLTooltip.prototype.publish("tooltipColor", "#000000EE", "html-color", "Backgr
 HTMLTooltip.prototype.publish("tooltipWidth", 200, "number", "Width of the tooltip (not including arrow) (pixels)");
 HTMLTooltip.prototype.publish("tooltipHeight", 200, "number", "Height of the tooltip (not including arrow) (pixels)");
 HTMLTooltip.prototype.publish("enablePointerEvents", false, "boolean", "If true, the 'pointer-events: all' style will be used");
-const _SimpleTable = class _SimpleTable extends HTMLWidget {
-  _table;
-  _tbody;
-  _thead;
-  _theadRow;
-  constructor() {
-    super();
-  }
-  transformData() {
-    return this.data();
-  }
-  enter(domNode, element) {
-    super.enter(domNode, element);
-    this._table = element.append("table");
-    this._thead = this._table.append("thead");
-    this._theadRow = this._thead.append("tr");
-    this._tbody = this._table.append("tbody");
-  }
-  update(domNode, element) {
-    super.update(domNode, element);
-    this._table.style("width", this.autoWidth() ? "auto" : "100%");
-    const theadTrSelection = this._theadRow.selectAll("th").data(this.columns());
-    theadTrSelection.enter().append("th").attr("class", (n, i) => `th-${i}`).merge(theadTrSelection).text((_d) => _d.toString());
-    theadTrSelection.exit().remove();
-    const trSelection = this._tbody.selectAll("tr").data(this.transformData());
-    trSelection.enter().append("tr").merge(trSelection).each(function(d) {
-      const tr = select(this);
-      const tdSelection = tr.selectAll("td").data(d);
-      tdSelection.enter().append("td").attr("class", (n, i) => `col-${i}`).merge(tdSelection).text((_d) => _d.toString());
-      tdSelection.exit().remove();
-    });
-    trSelection.exit().remove();
-  }
+
+//#endregion
+//#region src/SimpleTable.ts
+var SimpleTable = class extends HTMLWidget {
+	_table;
+	_tbody;
+	_thead;
+	_theadRow;
+	constructor() {
+		super();
+	}
+	transformData() {
+		return this.data();
+	}
+	enter(domNode, element) {
+		super.enter(domNode, element);
+		this._table = element.append("table");
+		this._thead = this._table.append("thead");
+		this._theadRow = this._thead.append("tr");
+		this._tbody = this._table.append("tbody");
+	}
+	update(domNode, element) {
+		super.update(domNode, element);
+		this._table.style("width", this.autoWidth() ? "auto" : "100%");
+		const theadTrSelection = this._theadRow.selectAll("th").data(this.columns());
+		theadTrSelection.enter().append("th").attr("class", (n$1, i$2) => `th-${i$2}`).merge(theadTrSelection).text((_d) => _d.toString());
+		theadTrSelection.exit().remove();
+		const trSelection = this._tbody.selectAll("tr").data(this.transformData());
+		trSelection.enter().append("tr").merge(trSelection).each(function(d$1) {
+			const tdSelection = select(this).selectAll("td").data(d$1);
+			tdSelection.enter().append("td").attr("class", (n$1, i$2) => `col-${i$2}`).merge(tdSelection).text((_d) => _d.toString());
+			tdSelection.exit().remove();
+		});
+		trSelection.exit().remove();
+	}
 };
-__name(_SimpleTable, "SimpleTable");
-let SimpleTable = _SimpleTable;
 SimpleTable.prototype._class += " html_SimpleTable";
 SimpleTable.prototype.publish("autoWidth", false, "boolean", "If true, table width will be set to 'auto'. If false, the width is set to '100%'");
-const _StyledTable = class _StyledTable extends SimpleTable {
-  constructor() {
-    super();
-  }
-  applyStyleObject(selection, styleObject) {
-    Object.keys(styleObject).forEach((styleName) => {
-      selection.style(styleName, styleObject[styleName]);
-    });
-  }
-  update(domNode, element) {
-    super.update(domNode, element);
-    element.selectAll("tr,th,td").attr("style", "").style("font-family", this.fontFamily()).style("color", this.fontColor());
-    this.theadColumnStyles().forEach((styleObj, i) => {
-      this.applyStyleObject(element.select(`.th-${i}`), styleObj);
-    });
-    this.tbodyColumnStyles().forEach((styleObj, i) => {
-      this.applyStyleObject(element.selectAll(`.col-${i}`), styleObj);
-    });
-    const evenRowStylesExist = Object.keys(this.evenRowStyles()).length > 0;
-    const lastRowStylesExist = Object.keys(this.lastRowStyles()).length > 0;
-    const tbodyRows = element.selectAll("tbody > tr");
-    if (evenRowStylesExist) {
-      const tbodyEvenRows = tbodyRows.select(function(d, i) {
-        return i % 2 ? this : null;
-      });
-      this.applyStyleObject(tbodyEvenRows, this.evenRowStyles());
-    }
-    if (lastRowStylesExist) {
-      const tbodyLastRow = tbodyRows.select(function(d, i, arr) {
-        return i === arr.length - 1 ? this : null;
-      });
-      this.applyStyleObject(tbodyLastRow, this.lastRowStyles());
-    }
-  }
+
+//#endregion
+//#region src/StyledTable.ts
+var StyledTable = class extends SimpleTable {
+	constructor() {
+		super();
+	}
+	applyStyleObject(selection, styleObject) {
+		Object.keys(styleObject).forEach((styleName) => {
+			selection.style(styleName, styleObject[styleName]);
+		});
+	}
+	update(domNode, element) {
+		super.update(domNode, element);
+		element.selectAll("tr,th,td").attr("style", "").style("font-family", this.fontFamily()).style("color", this.fontColor());
+		this.theadColumnStyles().forEach((styleObj, i$2) => {
+			this.applyStyleObject(element.select(`.th-${i$2}`), styleObj);
+		});
+		this.tbodyColumnStyles().forEach((styleObj, i$2) => {
+			this.applyStyleObject(element.selectAll(`.col-${i$2}`), styleObj);
+		});
+		const evenRowStylesExist = Object.keys(this.evenRowStyles()).length > 0;
+		const lastRowStylesExist = Object.keys(this.lastRowStyles()).length > 0;
+		const tbodyRows = element.selectAll("tbody > tr");
+		if (evenRowStylesExist) {
+			const tbodyEvenRows = tbodyRows.select(function(d$1, i$2) {
+				return i$2 % 2 ? this : null;
+			});
+			this.applyStyleObject(tbodyEvenRows, this.evenRowStyles());
+		}
+		if (lastRowStylesExist) {
+			const tbodyLastRow = tbodyRows.select(function(d$1, i$2, arr) {
+				return i$2 === arr.length - 1 ? this : null;
+			});
+			this.applyStyleObject(tbodyLastRow, this.lastRowStyles());
+		}
+	}
 };
-__name(_StyledTable, "StyledTable");
-let StyledTable = _StyledTable;
 StyledTable.prototype._class += " html_StyledTable";
 StyledTable.prototype.publish("fontFamily", "Verdana", "string", "Base font-family used within the table");
 StyledTable.prototype.publish("fontColor", "#333", "string", "Base font color used within the table");
-StyledTable.prototype.publish("theadColumnStyles", [], "array", 'Array of objects containing styles for the thead columns (ex: [{"color":"red"},{"color":"blue"}])');
-StyledTable.prototype.publish("tbodyColumnStyles", [], "array", 'Array of objects containing styles for the tbody columns (ex: [{"color":"red"},{"color":"blue"}])');
-StyledTable.prototype.publish("lastRowStyles", {}, "object", 'Object containing styles for the last row (ex: {"color":"red"})');
-StyledTable.prototype.publish("evenRowStyles", {}, "object", 'Object containing styles for even rows (ex: {"background-color":"#AAA"})');
-const _BreakdownTable = class _BreakdownTable extends StyledTable {
-  // protected _table;
-  // protected _tbody;
-  _tooltip;
-  constructor() {
-    super();
-  }
-  transformData() {
-    const rowCount = this.useCalculatedRowCount() ? this.calculateRowCount() : this.rowCount();
-    return this.breakdownData(rowCount);
-  }
-  breakdownData(limit) {
-    const len = this.data().length;
-    const sum = this.data().reduce((acc, row) => acc + row[1], 0);
-    const data = [];
-    let percSum = 0;
-    this.data().sort((a, b) => a[1] > b[1] ? -1 : 1);
-    const hiddenRowCount = len - limit;
-    const showOther = hiddenRowCount > 0;
-    this.data().filter((_, i) => showOther ? i < limit - 1 : true).forEach((row) => {
-      const perc = Math.round(row[1] / sum * 100);
-      percSum += perc;
-      data.push([row[0], perc + "%"]);
-    });
-    if (showOther) {
-      const otherLabel = `${this.otherLabel()} (${len - limit + 1})`;
-      const otherPercentage = "~" + (100 - percSum) + "%";
-      data.push([otherLabel, otherPercentage]);
-    }
-    return data;
-  }
-  calculateRowCount() {
-    const theadRowHeight = this.columns().length > 0 ? this.thFontSize() + 5 : 0;
-    const tbodyRowHeight = this.fontSize() + 5;
-    const tbodyAvailableHeight = this.height() - theadRowHeight;
-    const rowCount = Math.floor(tbodyAvailableHeight / tbodyRowHeight);
-    return rowCount;
-  }
-  enter(domNode, element) {
-    super.enter(domNode, element);
-    this._tooltip = new HTMLTooltip().target(domNode);
-    this._tooltip.tooltipHTML((data) => {
-      const rowCount = this.useCalculatedRowCount() ? this.calculateRowCount() : this.rowCount();
-      const rowHeight = Math.max(...data.map((row) => this.textSize(row[0], this.fontFamily(), this.fontSize()).height)) ?? this.fontSize();
-      const widestLabel = Math.max(...data.map((row) => this.textSize(row[0], this.fontFamily(), this.fontSize()).width));
-      const widestPerc = 30;
-      const colCount = 2;
-      const w = colCount * (widestLabel + widestPerc) + this._tooltip.padding() * 2;
-      const h = rowHeight * Math.ceil((data.length - rowCount) / colCount) + this._tooltip.padding() * 2;
-      this._tooltip.tooltipWidth(w);
-      this._tooltip.tooltipHeight(h);
-      const otherData = this.breakdownData(this.data().length).slice(rowCount - 1);
-      return `<div style="
+StyledTable.prototype.publish("theadColumnStyles", [], "array", "Array of objects containing styles for the thead columns (ex: [{\"color\":\"red\"},{\"color\":\"blue\"}])");
+StyledTable.prototype.publish("tbodyColumnStyles", [], "array", "Array of objects containing styles for the tbody columns (ex: [{\"color\":\"red\"},{\"color\":\"blue\"}])");
+StyledTable.prototype.publish("lastRowStyles", {}, "object", "Object containing styles for the last row (ex: {\"color\":\"red\"})");
+StyledTable.prototype.publish("evenRowStyles", {}, "object", "Object containing styles for even rows (ex: {\"background-color\":\"#AAA\"})");
+
+//#endregion
+//#region src/BreakdownTable.ts
+var BreakdownTable = class extends StyledTable {
+	_tooltip;
+	constructor() {
+		super();
+	}
+	transformData() {
+		const rowCount = this.useCalculatedRowCount() ? this.calculateRowCount() : this.rowCount();
+		return this.breakdownData(rowCount);
+	}
+	breakdownData(limit) {
+		const len = this.data().length;
+		const sum = this.data().reduce((acc, row) => acc + row[1], 0);
+		const data = [];
+		let percSum = 0;
+		this.data().sort((a$1, b) => a$1[1] > b[1] ? -1 : 1);
+		const showOther = len - limit > 0;
+		this.data().filter((_, i$2) => showOther ? i$2 < limit - 1 : true).forEach((row) => {
+			const perc = Math.round(row[1] / sum * 100);
+			percSum += perc;
+			data.push([row[0], perc + "%"]);
+		});
+		if (showOther) {
+			const otherLabel = `${this.otherLabel()} (${len - limit + 1})`;
+			const otherPercentage = "~" + (100 - percSum) + "%";
+			data.push([otherLabel, otherPercentage]);
+		}
+		return data;
+	}
+	calculateRowCount() {
+		const theadRowHeight = this.columns().length > 0 ? this.thFontSize() + 5 : 0;
+		const tbodyRowHeight = this.fontSize() + 5;
+		const tbodyAvailableHeight = this.height() - theadRowHeight;
+		return Math.floor(tbodyAvailableHeight / tbodyRowHeight);
+	}
+	enter(domNode, element) {
+		super.enter(domNode, element);
+		this._tooltip = new HTMLTooltip().target(domNode);
+		this._tooltip.tooltipHTML((data) => {
+			const rowCount = this.useCalculatedRowCount() ? this.calculateRowCount() : this.rowCount();
+			const rowHeight = Math.max(...data.map((row) => this.textSize(row[0], this.fontFamily(), this.fontSize()).height)) ?? this.fontSize();
+			const widestLabel = Math.max(...data.map((row) => this.textSize(row[0], this.fontFamily(), this.fontSize()).width));
+			const widestPerc = 30;
+			const colCount = 2;
+			const w$1 = colCount * (widestLabel + widestPerc) + this._tooltip.padding() * 2;
+			const h$1 = rowHeight * Math.ceil((data.length - rowCount) / colCount) + this._tooltip.padding() * 2;
+			this._tooltip.tooltipWidth(w$1);
+			this._tooltip.tooltipHeight(h$1);
+			const otherData = this.breakdownData(this.data().length).slice(rowCount - 1);
+			return `<div style="
                     width: 100%;
                     height: 100%;
                     font-size: ${this.fontSize()}px;
-                ">${otherData.map(
-        (row) => `<div style="
+                ">${otherData.map((row) => `<div style="
                         float:left;
                         width:${Math.floor(99 / colCount)}%;
-                    ">${row[0]}: ${row[1]}</div>`
-      ).join("")}</div>`;
-    });
-  }
-  update(domNode, element) {
-    this.theadColumnStyles_default([
-      {
-        "color": this.thFirstColor(),
-        "font-size": this.thFontSize() + "px",
-        "font-weight": this.thFontWeight(),
-        "text-align": this.labelAlignment(),
-        "width": "auto",
-        "padding": "0px"
-      },
-      {
-        "width": "1%",
-        "font-size": this.thFontSize() + "px",
-        "font-weight": this.thFontWeight(),
-        "text-align": this.percentageAlignment(),
-        "padding": "0px"
-      }
-    ]);
-    this.tbodyColumnStyles_default([
-      {
-        "color": this.topLabelColor(),
-        "font-size": this.fontSize() + "px",
-        "font-weight": "normal",
-        "text-align": this.labelAlignment(),
-        "width": "auto",
-        "padding": "0px"
-      },
-      {
-        "color": this.topPercentageColor(),
-        "font-size": this.fontSize() + "px",
-        "font-weight": "normal",
-        "text-align": this.percentageAlignment(),
-        "width": "1%",
-        "padding": "0px"
-      }
-    ]);
-    this.lastRowStyles_default([
-      {
-        "color": this.otherLabelColor(),
-        "font-size": this.fontSize() + "px",
-        "font-weight": this.otherLabelBold() ? "bold" : "normal",
-        "text-align": this.labelAlignment(),
-        "width": "auto",
-        "padding": "0px"
-      },
-      {
-        "color": this.otherLabelColor(),
-        "font-size": this.fontSize() + "px",
-        "font-weight": this.otherPercentageBold() ? "bold" : "normal",
-        "text-align": this.percentageAlignment(),
-        "width": "1%",
-        "padding": "0px"
-      }
-    ]);
-    super.update(domNode, element);
-    const rowCount = this.useCalculatedRowCount() ? this.calculateRowCount() : this.rowCount();
-    if (rowCount < this.data().length) {
-      const lastRow = element.select("tbody > tr:last-child");
-      const context = this;
-      lastRow.on("mouseout.tooltip", (d) => {
-        context._tooltip._triggerElement = lastRow;
-        context._tooltip.visible(false).render();
-      }).on("mouseenter.tooltip", (d) => {
-        context._tooltip._triggerElement = lastRow;
-        context._tooltip.direction("n").data(context.data()).visible(true).render();
-      });
-    }
-  }
+                    ">${row[0]}: ${row[1]}</div>`).join("")}</div>`;
+		});
+	}
+	update(domNode, element) {
+		this.theadColumnStyles_default([{
+			"color": this.thFirstColor(),
+			"font-size": this.thFontSize() + "px",
+			"font-weight": this.thFontWeight(),
+			"text-align": this.labelAlignment(),
+			"width": "auto",
+			"padding": "0px"
+		}, {
+			"width": "1%",
+			"font-size": this.thFontSize() + "px",
+			"font-weight": this.thFontWeight(),
+			"text-align": this.percentageAlignment(),
+			"padding": "0px"
+		}]);
+		this.tbodyColumnStyles_default([{
+			"color": this.topLabelColor(),
+			"font-size": this.fontSize() + "px",
+			"font-weight": "normal",
+			"text-align": this.labelAlignment(),
+			"width": "auto",
+			"padding": "0px"
+		}, {
+			"color": this.topPercentageColor(),
+			"font-size": this.fontSize() + "px",
+			"font-weight": "normal",
+			"text-align": this.percentageAlignment(),
+			"width": "1%",
+			"padding": "0px"
+		}]);
+		this.lastRowStyles_default([{
+			"color": this.otherLabelColor(),
+			"font-size": this.fontSize() + "px",
+			"font-weight": this.otherLabelBold() ? "bold" : "normal",
+			"text-align": this.labelAlignment(),
+			"width": "auto",
+			"padding": "0px"
+		}, {
+			"color": this.otherLabelColor(),
+			"font-size": this.fontSize() + "px",
+			"font-weight": this.otherPercentageBold() ? "bold" : "normal",
+			"text-align": this.percentageAlignment(),
+			"width": "1%",
+			"padding": "0px"
+		}]);
+		super.update(domNode, element);
+		if ((this.useCalculatedRowCount() ? this.calculateRowCount() : this.rowCount()) < this.data().length) {
+			const lastRow = element.select("tbody > tr:last-child");
+			const context = this;
+			lastRow.on("mouseout.tooltip", (d$1) => {
+				context._tooltip._triggerElement = lastRow;
+				context._tooltip.visible(false).render();
+			}).on("mouseenter.tooltip", (d$1) => {
+				context._tooltip._triggerElement = lastRow;
+				context._tooltip.direction("n").data(context.data()).visible(true).render();
+			});
+		}
+	}
 };
-__name(_BreakdownTable, "BreakdownTable");
-let BreakdownTable = _BreakdownTable;
 BreakdownTable.prototype._class += " html_BreakdownTable";
 BreakdownTable.prototype.publish("useCalculatedRowCount", true, "boolean", "If true, rowCount will be calculated and its default will be overwritten");
-BreakdownTable.prototype.publish("rowCount", 5, "number", "Number of total rows to display (including the 'other' row)", void 0, { disable: /* @__PURE__ */ __name((w) => w.useCalculatedRowCount(), "disable") });
+BreakdownTable.prototype.publish("rowCount", 5, "number", "Number of total rows to display (including the 'other' row)", void 0, { disable: (w$1) => w$1.useCalculatedRowCount() });
 BreakdownTable.prototype.publish("fontSize", 14, "number", "Font size (pixels)");
-BreakdownTable.prototype.publish("labelAlignment", "left", "set", "Alignment of the label column text", ["left", "center", "right"]);
-BreakdownTable.prototype.publish("percentageAlignment", "center", "set", "Alignment of the percentage column text", ["left", "center", "right"]);
+BreakdownTable.prototype.publish("labelAlignment", "left", "set", "Alignment of the label column text", [
+	"left",
+	"center",
+	"right"
+]);
+BreakdownTable.prototype.publish("percentageAlignment", "center", "set", "Alignment of the percentage column text", [
+	"left",
+	"center",
+	"right"
+]);
 BreakdownTable.prototype.publish("topLabelColor", "#333", "html-color", "Color of displayed 'top' labels");
 BreakdownTable.prototype.publish("topPercentageColor", "#1A99D5", "html-color", "Color of displayed 'top' percentages");
 BreakdownTable.prototype.publish("topPercentageBold", true, "html-color", "If true, the 'top' percentages will be bold");
@@ -496,252 +479,491 @@ BreakdownTable.prototype.publish("thFontWeight", "bold", "string", "Font weight
 BreakdownTable.prototype.publish("thFontSize", 26, "number", "Font size for th elements");
 BreakdownTable.prototype.publish("thFirstColor", "#333", "html-color", "Text color of the first th element");
 BreakdownTable.prototype.publish("thLastColor", "#333", "html-color", "Text color of the last th element");
-const _JSXWidget = class _JSXWidget extends HTMLWidget {
-  rootNode;
-  jsxRender(jsx, domNode) {
-    this.rootNode = React.render(jsx, domNode, this.rootNode);
-  }
+
+//#endregion
+//#region src/JSXWidget.ts
+var JSXWidget = class extends HTMLWidget {
+	static Component = React.Component;
+	static createElement = React.createElement;
+	rootNode;
+	jsxRender(jsx, domNode) {
+		this.rootNode = React.render(jsx, domNode, this.rootNode);
+	}
 };
-__name(_JSXWidget, "JSXWidget");
-__publicField(_JSXWidget, "Component", React.Component);
-__publicField(_JSXWidget, "createElement", React.createElement);
-let JSXWidget = _JSXWidget;
 JSXWidget.prototype._class += " html_JSXWidget";
-const _VNode = class _VNode {
-  _attrs;
-  _children;
-  constructor(attrs, children) {
-    this._attrs = attrs;
-    this._children = children;
-  }
-  type() {
-    return "div";
-  }
-  attrs() {
-    return this._attrs;
-  }
-  attr(key) {
-    return this._attrs[key];
-  }
-  children() {
-    return this._children;
-  }
-  update(targetElement) {
-    for (const key in this._attrs) {
-      targetElement.attr(key, this._attrs[key]);
-    }
-  }
-  render(targetElement) {
-    const thisElement = targetElement.selectAll(`${targetElement.node().tagName} > *`).data([this]);
-    thisElement.exit().remove();
-    return thisElement.enter().append(this.type()).attr("reactd3", 0).merge(thisElement).each(function(d) {
-      const element = select(this);
-      d.update(element);
-      d.renderChildren(element);
-    });
-  }
-  renderChildren(targetElement) {
-    const thisElement = targetElement.selectAll(`${targetElement.node().tagName} > *`).data(this._children);
-    thisElement.exit().remove();
-    return thisElement.enter().append((d) => document.createElement(d.type())).attr("reactd3", (_d, i) => i).merge(thisElement).each(function(d) {
-      const element = select(this);
-      d.update(element);
-      d.renderChildren(element);
-    });
-  }
+
+//#endregion
+//#region src/reactD3.ts
+var VNode = class {
+	_attrs;
+	_children;
+	constructor(attrs, children) {
+		this._attrs = attrs;
+		this._children = children;
+	}
+	type() {
+		return "div";
+	}
+	attrs() {
+		return this._attrs;
+	}
+	attr(key) {
+		return this._attrs[key];
+	}
+	children() {
+		return this._children;
+	}
+	update(targetElement) {
+		for (const key in this._attrs) targetElement.attr(key, this._attrs[key]);
+	}
+	render(targetElement) {
+		const thisElement = targetElement.selectAll(`${targetElement.node().tagName} > *`).data([this]);
+		thisElement.exit().remove();
+		return thisElement.enter().append(this.type()).attr("reactd3", 0).merge(thisElement).each(function(d$1) {
+			const element = select(this);
+			d$1.update(element);
+			d$1.renderChildren(element);
+		});
+	}
+	renderChildren(targetElement) {
+		const thisElement = targetElement.selectAll(`${targetElement.node().tagName} > *`).data(this._children);
+		thisElement.exit().remove();
+		return thisElement.enter().append((d$1) => document.createElement(d$1.type())).attr("reactd3", (_d, i$2) => i$2).merge(thisElement).each(function(d$1) {
+			const element = select(this);
+			d$1.update(element);
+			d$1.renderChildren(element);
+		});
+	}
 };
-__name(_VNode, "VNode");
-let VNode = _VNode;
-const _ConstVNode = class _ConstVNode extends VNode {
-  _type;
-  constructor(type, attrs, children) {
-    super(attrs, children);
-    this._type = type;
-  }
-  type() {
-    return this._type;
-  }
+var ConstVNode = class extends VNode {
+	_type;
+	constructor(type, attrs, children) {
+		super(attrs, children);
+		this._type = type;
+	}
+	type() {
+		return this._type;
+	}
 };
-__name(_ConstVNode, "ConstVNode");
-let ConstVNode = _ConstVNode;
-const _TextVNode = class _TextVNode extends VNode {
-  _text;
-  constructor(text) {
-    super({}, []);
-    this._text = text;
-  }
-  type() {
-    return "span";
-  }
-  update(targetElement) {
-    super.update(targetElement);
-    targetElement.text(this._text);
-  }
+var TextVNode = class extends VNode {
+	_text;
+	constructor(text) {
+		super({}, []);
+		this._text = text;
+	}
+	type() {
+		return "span";
+	}
+	update(targetElement) {
+		super.update(targetElement);
+		targetElement.text(this._text);
+	}
 };
-__name(_TextVNode, "TextVNode");
-let TextVNode = _TextVNode;
 function isReactFn(_) {
-  return typeof _ === "function";
+	return typeof _ === "function";
 }
-__name(isReactFn, "isReactFn");
 function isIVNode(_) {
-  return _.prototype && _.prototype instanceof VNode;
+	return _.prototype && _.prototype instanceof VNode;
 }
-__name(isIVNode, "isIVNode");
-const _ReactD3 = class _ReactD3 {
-  // static createElementXXX(type: string | ReactFn | IVNode, attrs: { [key: string]: string }, ...children: Array<string | VNode>): VNode {
-  static createElement(type, attrs, ...children) {
-    if (isIVNode(type)) {
-      return new type(attrs);
-    } else if (isReactFn(type)) {
-      return type(attrs);
-    }
-    return new ConstVNode(type, attrs, children.map((child) => {
-      if (typeof child === "string") {
-        return new TextVNode(child);
-      }
-      return child;
-    }));
-  }
-  static render(vdom, targetElement) {
-    vdom.render(targetElement);
-  }
+var ReactD3 = class {
+	static createElement(type, attrs, ...children) {
+		if (isIVNode(type)) return new type(attrs);
+		else if (isReactFn(type)) return type(attrs);
+		return new ConstVNode(type, attrs, children.map((child) => {
+			if (typeof child === "string") return new TextVNode(child);
+			return child;
+		}));
+	}
+	static render(vdom, targetElement) {
+		vdom.render(targetElement);
+	}
 };
-__name(_ReactD3, "ReactD3");
-let ReactD3 = _ReactD3;
-var l;
-l = { __e: /* @__PURE__ */ __name(function(n, l2, u2, t) {
-  for (var i, r, o; l2 = l2.__; ) if ((i = l2.__c) && !i.__) try {
-    if ((r = i.constructor) && null != r.getDerivedStateFromError && (i.setState(r.getDerivedStateFromError(n)), o = i.__d), null != i.componentDidCatch && (i.componentDidCatch(n, t || {}), o = i.__d), o) return i.__E = i;
-  } catch (l3) {
-    n = l3;
-  }
-  throw n;
-}, "__e") }, "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout;
-var f = 0;
-function u(e, t, n, o, i, u2) {
-  t || (t = {});
-  var a, c, p = t;
-  if ("ref" in p) for (c in p = {}, t) "ref" == c ? a = t[c] : p[c] = t[c];
-  var l$1 = { type: e, props: p, key: n, ref: a, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --f, __i: -1, __u: 0, __source: i, __self: u2 };
-  return l.vnode && l.vnode(l$1), l$1;
+
+//#endregion
+//#region ../../node_modules/preact/dist/preact.module.js
+var n, l, u$1, t, i$1, r, o$1, e, f$1, c, s, a, h, p = {}, v = [], y = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, w = Array.isArray;
+function d(n$1, l$1) {
+	for (var u$2 in l$1) n$1[u$2] = l$1[u$2];
+	return n$1;
 }
-__name(u, "u");
-const _VizComponent = class _VizComponent extends JSXWidget.Component {
-  widget;
-  refreshProps() {
-    for (const key in this.props) {
-      if (this.widget[key] && typeof this.widget[key] === "function") {
-        this.widget[key](this.props[key]);
-      }
-    }
-  }
-  componentDidMount() {
-    this.widget = new this.props.type().target(this.base);
-    this.refreshProps();
-    this.widget.render();
-  }
-  componentWillUnmount() {
-    this.widget.target(null).render();
-  }
-  render() {
-    return /* @__PURE__ */ u("div", { style: this.props.style });
-  }
-  componentDidUpdate() {
-    this.refreshProps();
-    this.widget.render();
-  }
+function g(n$1) {
+	n$1 && n$1.parentNode && n$1.parentNode.removeChild(n$1);
+}
+function m(n$1, t$1, i$2, r$1, o$2) {
+	var e$1 = {
+		type: n$1,
+		props: t$1,
+		key: i$2,
+		ref: r$1,
+		__k: null,
+		__: null,
+		__b: 0,
+		__e: null,
+		__c: null,
+		constructor: void 0,
+		__v: null == o$2 ? ++u$1 : o$2,
+		__i: -1,
+		__u: 0
+	};
+	return null == o$2 && null != l.vnode && l.vnode(e$1), e$1;
+}
+function k(n$1) {
+	return n$1.children;
+}
+function x(n$1, l$1) {
+	this.props = n$1, this.context = l$1;
+}
+function S(n$1, l$1) {
+	if (null == l$1) return n$1.__ ? S(n$1.__, n$1.__i + 1) : null;
+	for (var u$2; l$1 < n$1.__k.length; l$1++) if (null != (u$2 = n$1.__k[l$1]) && null != u$2.__e) return u$2.__e;
+	return "function" == typeof n$1.type ? S(n$1) : null;
+}
+function C(n$1) {
+	var l$1, u$2;
+	if (null != (n$1 = n$1.__) && null != n$1.__c) {
+		for (n$1.__e = n$1.__c.base = null, l$1 = 0; l$1 < n$1.__k.length; l$1++) if (null != (u$2 = n$1.__k[l$1]) && null != u$2.__e) {
+			n$1.__e = n$1.__c.base = u$2.__e;
+			break;
+		}
+		return C(n$1);
+	}
+}
+function M(n$1) {
+	(!n$1.__d && (n$1.__d = !0) && i$1.push(n$1) && !$.__r++ || r != l.debounceRendering) && ((r = l.debounceRendering) || o$1)($);
+}
+function $() {
+	for (var n$1, u$2, t$1, r$1, o$2, f$2, c$1, s$1 = 1; i$1.length;) i$1.length > s$1 && i$1.sort(e), n$1 = i$1.shift(), s$1 = i$1.length, n$1.__d && (t$1 = void 0, r$1 = void 0, o$2 = (r$1 = (u$2 = n$1).__v).__e, f$2 = [], c$1 = [], u$2.__P && ((t$1 = d({}, r$1)).__v = r$1.__v + 1, l.vnode && l.vnode(t$1), O(u$2.__P, t$1, r$1, u$2.__n, u$2.__P.namespaceURI, 32 & r$1.__u ? [o$2] : null, f$2, null == o$2 ? S(r$1) : o$2, !!(32 & r$1.__u), c$1), t$1.__v = r$1.__v, t$1.__.__k[t$1.__i] = t$1, N(f$2, t$1, c$1), r$1.__e = r$1.__ = null, t$1.__e != o$2 && C(t$1)));
+	$.__r = 0;
+}
+function I(n$1, l$1, u$2, t$1, i$2, r$1, o$2, e$1, f$2, c$1, s$1) {
+	var a$1, h$1, y$1, w$1, d$1, g$1, _, m$1 = t$1 && t$1.__k || v, b = l$1.length;
+	for (f$2 = P(u$2, l$1, m$1, f$2, b), a$1 = 0; a$1 < b; a$1++) null != (y$1 = u$2.__k[a$1]) && (h$1 = -1 == y$1.__i ? p : m$1[y$1.__i] || p, y$1.__i = a$1, g$1 = O(n$1, y$1, h$1, i$2, r$1, o$2, e$1, f$2, c$1, s$1), w$1 = y$1.__e, y$1.ref && h$1.ref != y$1.ref && (h$1.ref && B(h$1.ref, null, y$1), s$1.push(y$1.ref, y$1.__c || w$1, y$1)), null == d$1 && null != w$1 && (d$1 = w$1), (_ = !!(4 & y$1.__u)) || h$1.__k === y$1.__k ? f$2 = A(y$1, f$2, n$1, _) : "function" == typeof y$1.type && void 0 !== g$1 ? f$2 = g$1 : w$1 && (f$2 = w$1.nextSibling), y$1.__u &= -7);
+	return u$2.__e = d$1, f$2;
+}
+function P(n$1, l$1, u$2, t$1, i$2) {
+	var r$1, o$2, e$1, f$2, c$1, s$1 = u$2.length, a$1 = s$1, h$1 = 0;
+	for (n$1.__k = new Array(i$2), r$1 = 0; r$1 < i$2; r$1++) null != (o$2 = l$1[r$1]) && "boolean" != typeof o$2 && "function" != typeof o$2 ? (f$2 = r$1 + h$1, (o$2 = n$1.__k[r$1] = "string" == typeof o$2 || "number" == typeof o$2 || "bigint" == typeof o$2 || o$2.constructor == String ? m(null, o$2, null, null, null) : w(o$2) ? m(k, { children: o$2 }, null, null, null) : null == o$2.constructor && o$2.__b > 0 ? m(o$2.type, o$2.props, o$2.key, o$2.ref ? o$2.ref : null, o$2.__v) : o$2).__ = n$1, o$2.__b = n$1.__b + 1, e$1 = null, -1 != (c$1 = o$2.__i = L(o$2, u$2, f$2, a$1)) && (a$1--, (e$1 = u$2[c$1]) && (e$1.__u |= 2)), null == e$1 || null == e$1.__v ? (-1 == c$1 && (i$2 > s$1 ? h$1-- : i$2 < s$1 && h$1++), "function" != typeof o$2.type && (o$2.__u |= 4)) : c$1 != f$2 && (c$1 == f$2 - 1 ? h$1-- : c$1 == f$2 + 1 ? h$1++ : (c$1 > f$2 ? h$1-- : h$1++, o$2.__u |= 4))) : n$1.__k[r$1] = null;
+	if (a$1) for (r$1 = 0; r$1 < s$1; r$1++) null != (e$1 = u$2[r$1]) && 0 == (2 & e$1.__u) && (e$1.__e == t$1 && (t$1 = S(e$1)), D(e$1, e$1));
+	return t$1;
+}
+function A(n$1, l$1, u$2, t$1) {
+	var i$2, r$1;
+	if ("function" == typeof n$1.type) {
+		for (i$2 = n$1.__k, r$1 = 0; i$2 && r$1 < i$2.length; r$1++) i$2[r$1] && (i$2[r$1].__ = n$1, l$1 = A(i$2[r$1], l$1, u$2, t$1));
+		return l$1;
+	}
+	n$1.__e != l$1 && (t$1 && (l$1 && n$1.type && !l$1.parentNode && (l$1 = S(n$1)), u$2.insertBefore(n$1.__e, l$1 || null)), l$1 = n$1.__e);
+	do
+		l$1 = l$1 && l$1.nextSibling;
+	while (null != l$1 && 8 == l$1.nodeType);
+	return l$1;
+}
+function L(n$1, l$1, u$2, t$1) {
+	var i$2, r$1, o$2, e$1 = n$1.key, f$2 = n$1.type, c$1 = l$1[u$2], s$1 = null != c$1 && 0 == (2 & c$1.__u);
+	if (null === c$1 && null == n$1.key || s$1 && e$1 == c$1.key && f$2 == c$1.type) return u$2;
+	if (t$1 > (s$1 ? 1 : 0)) {
+		for (i$2 = u$2 - 1, r$1 = u$2 + 1; i$2 >= 0 || r$1 < l$1.length;) if (null != (c$1 = l$1[o$2 = i$2 >= 0 ? i$2-- : r$1++]) && 0 == (2 & c$1.__u) && e$1 == c$1.key && f$2 == c$1.type) return o$2;
+	}
+	return -1;
+}
+function T(n$1, l$1, u$2) {
+	"-" == l$1[0] ? n$1.setProperty(l$1, null == u$2 ? "" : u$2) : n$1[l$1] = null == u$2 ? "" : "number" != typeof u$2 || y.test(l$1) ? u$2 : u$2 + "px";
+}
+function j(n$1, l$1, u$2, t$1, i$2) {
+	var r$1, o$2;
+	n: if ("style" == l$1) if ("string" == typeof u$2) n$1.style.cssText = u$2;
+	else {
+		if ("string" == typeof t$1 && (n$1.style.cssText = t$1 = ""), t$1) for (l$1 in t$1) u$2 && l$1 in u$2 || T(n$1.style, l$1, "");
+		if (u$2) for (l$1 in u$2) t$1 && u$2[l$1] == t$1[l$1] || T(n$1.style, l$1, u$2[l$1]);
+	}
+	else if ("o" == l$1[0] && "n" == l$1[1]) r$1 = l$1 != (l$1 = l$1.replace(f$1, "$1")), o$2 = l$1.toLowerCase(), l$1 = o$2 in n$1 || "onFocusOut" == l$1 || "onFocusIn" == l$1 ? o$2.slice(2) : l$1.slice(2), n$1.l || (n$1.l = {}), n$1.l[l$1 + r$1] = u$2, u$2 ? t$1 ? u$2.u = t$1.u : (u$2.u = c, n$1.addEventListener(l$1, r$1 ? a : s, r$1)) : n$1.removeEventListener(l$1, r$1 ? a : s, r$1);
+	else {
+		if ("http://www.w3.org/2000/svg" == i$2) l$1 = l$1.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
+		else if ("width" != l$1 && "height" != l$1 && "href" != l$1 && "list" != l$1 && "form" != l$1 && "tabIndex" != l$1 && "download" != l$1 && "rowSpan" != l$1 && "colSpan" != l$1 && "role" != l$1 && "popover" != l$1 && l$1 in n$1) try {
+			n$1[l$1] = null == u$2 ? "" : u$2;
+			break n;
+		} catch (n$2) {}
+		"function" == typeof u$2 || (null == u$2 || !1 === u$2 && "-" != l$1[4] ? n$1.removeAttribute(l$1) : n$1.setAttribute(l$1, "popover" == l$1 && 1 == u$2 ? "" : u$2));
+	}
+}
+function F(n$1) {
+	return function(u$2) {
+		if (this.l) {
+			var t$1 = this.l[u$2.type + n$1];
+			if (null == u$2.t) u$2.t = c++;
+			else if (u$2.t < t$1.u) return;
+			return t$1(l.event ? l.event(u$2) : u$2);
+		}
+	};
+}
+function O(n$1, u$2, t$1, i$2, r$1, o$2, e$1, f$2, c$1, s$1) {
+	var a$1, h$1, p$1, v$1, y$1, _, m$1, b, S$1, C$1, M$1, $$1, P$1, A$1, H, L$1, T$1, j$1 = u$2.type;
+	if (null != u$2.constructor) return null;
+	128 & t$1.__u && (c$1 = !!(32 & t$1.__u), o$2 = [f$2 = u$2.__e = t$1.__e]), (a$1 = l.__b) && a$1(u$2);
+	n: if ("function" == typeof j$1) try {
+		if (b = u$2.props, S$1 = "prototype" in j$1 && j$1.prototype.render, C$1 = (a$1 = j$1.contextType) && i$2[a$1.__c], M$1 = a$1 ? C$1 ? C$1.props.value : a$1.__ : i$2, t$1.__c ? m$1 = (h$1 = u$2.__c = t$1.__c).__ = h$1.__E : (S$1 ? u$2.__c = h$1 = new j$1(b, M$1) : (u$2.__c = h$1 = new x(b, M$1), h$1.constructor = j$1, h$1.render = E), C$1 && C$1.sub(h$1), h$1.props = b, h$1.state || (h$1.state = {}), h$1.context = M$1, h$1.__n = i$2, p$1 = h$1.__d = !0, h$1.__h = [], h$1._sb = []), S$1 && null == h$1.__s && (h$1.__s = h$1.state), S$1 && null != j$1.getDerivedStateFromProps && (h$1.__s == h$1.state && (h$1.__s = d({}, h$1.__s)), d(h$1.__s, j$1.getDerivedStateFromProps(b, h$1.__s))), v$1 = h$1.props, y$1 = h$1.state, h$1.__v = u$2, p$1) S$1 && null == j$1.getDerivedStateFromProps && null != h$1.componentWillMount && h$1.componentWillMount(), S$1 && null != h$1.componentDidMount && h$1.__h.push(h$1.componentDidMount);
+		else {
+			if (S$1 && null == j$1.getDerivedStateFromProps && b !== v$1 && null != h$1.componentWillReceiveProps && h$1.componentWillReceiveProps(b, M$1), !h$1.__e && null != h$1.shouldComponentUpdate && !1 === h$1.shouldComponentUpdate(b, h$1.__s, M$1) || u$2.__v == t$1.__v) {
+				for (u$2.__v != t$1.__v && (h$1.props = b, h$1.state = h$1.__s, h$1.__d = !1), u$2.__e = t$1.__e, u$2.__k = t$1.__k, u$2.__k.some(function(n$2) {
+					n$2 && (n$2.__ = u$2);
+				}), $$1 = 0; $$1 < h$1._sb.length; $$1++) h$1.__h.push(h$1._sb[$$1]);
+				h$1._sb = [], h$1.__h.length && e$1.push(h$1);
+				break n;
+			}
+			null != h$1.componentWillUpdate && h$1.componentWillUpdate(b, h$1.__s, M$1), S$1 && null != h$1.componentDidUpdate && h$1.__h.push(function() {
+				h$1.componentDidUpdate(v$1, y$1, _);
+			});
+		}
+		if (h$1.context = M$1, h$1.props = b, h$1.__P = n$1, h$1.__e = !1, P$1 = l.__r, A$1 = 0, S$1) {
+			for (h$1.state = h$1.__s, h$1.__d = !1, P$1 && P$1(u$2), a$1 = h$1.render(h$1.props, h$1.state, h$1.context), H = 0; H < h$1._sb.length; H++) h$1.__h.push(h$1._sb[H]);
+			h$1._sb = [];
+		} else do
+			h$1.__d = !1, P$1 && P$1(u$2), a$1 = h$1.render(h$1.props, h$1.state, h$1.context), h$1.state = h$1.__s;
+		while (h$1.__d && ++A$1 < 25);
+		h$1.state = h$1.__s, null != h$1.getChildContext && (i$2 = d(d({}, i$2), h$1.getChildContext())), S$1 && !p$1 && null != h$1.getSnapshotBeforeUpdate && (_ = h$1.getSnapshotBeforeUpdate(v$1, y$1)), L$1 = a$1, null != a$1 && a$1.type === k && null == a$1.key && (L$1 = V(a$1.props.children)), f$2 = I(n$1, w(L$1) ? L$1 : [L$1], u$2, t$1, i$2, r$1, o$2, e$1, f$2, c$1, s$1), h$1.base = u$2.__e, u$2.__u &= -161, h$1.__h.length && e$1.push(h$1), m$1 && (h$1.__E = h$1.__ = null);
+	} catch (n$2) {
+		if (u$2.__v = null, c$1 || null != o$2) if (n$2.then) {
+			for (u$2.__u |= c$1 ? 160 : 128; f$2 && 8 == f$2.nodeType && f$2.nextSibling;) f$2 = f$2.nextSibling;
+			o$2[o$2.indexOf(f$2)] = null, u$2.__e = f$2;
+		} else {
+			for (T$1 = o$2.length; T$1--;) g(o$2[T$1]);
+			z(u$2);
+		}
+		else u$2.__e = t$1.__e, u$2.__k = t$1.__k, n$2.then || z(u$2);
+		l.__e(n$2, u$2, t$1);
+	}
+	else null == o$2 && u$2.__v == t$1.__v ? (u$2.__k = t$1.__k, u$2.__e = t$1.__e) : f$2 = u$2.__e = q(t$1.__e, u$2, t$1, i$2, r$1, o$2, e$1, c$1, s$1);
+	return (a$1 = l.diffed) && a$1(u$2), 128 & u$2.__u ? void 0 : f$2;
+}
+function z(n$1) {
+	n$1 && n$1.__c && (n$1.__c.__e = !0), n$1 && n$1.__k && n$1.__k.forEach(z);
+}
+function N(n$1, u$2, t$1) {
+	for (var i$2 = 0; i$2 < t$1.length; i$2++) B(t$1[i$2], t$1[++i$2], t$1[++i$2]);
+	l.__c && l.__c(u$2, n$1), n$1.some(function(u$3) {
+		try {
+			n$1 = u$3.__h, u$3.__h = [], n$1.some(function(n$2) {
+				n$2.call(u$3);
+			});
+		} catch (n$2) {
+			l.__e(n$2, u$3.__v);
+		}
+	});
+}
+function V(n$1) {
+	return "object" != typeof n$1 || null == n$1 || n$1.__b && n$1.__b > 0 ? n$1 : w(n$1) ? n$1.map(V) : d({}, n$1);
+}
+function q(u$2, t$1, i$2, r$1, o$2, e$1, f$2, c$1, s$1) {
+	var a$1, h$1, v$1, y$1, d$1, _, m$1, b = i$2.props, k$1 = t$1.props, x$1 = t$1.type;
+	if ("svg" == x$1 ? o$2 = "http://www.w3.org/2000/svg" : "math" == x$1 ? o$2 = "http://www.w3.org/1998/Math/MathML" : o$2 || (o$2 = "http://www.w3.org/1999/xhtml"), null != e$1) {
+		for (a$1 = 0; a$1 < e$1.length; a$1++) if ((d$1 = e$1[a$1]) && "setAttribute" in d$1 == !!x$1 && (x$1 ? d$1.localName == x$1 : 3 == d$1.nodeType)) {
+			u$2 = d$1, e$1[a$1] = null;
+			break;
+		}
+	}
+	if (null == u$2) {
+		if (null == x$1) return document.createTextNode(k$1);
+		u$2 = document.createElementNS(o$2, x$1, k$1.is && k$1), c$1 && (l.__m && l.__m(t$1, e$1), c$1 = !1), e$1 = null;
+	}
+	if (null == x$1) b === k$1 || c$1 && u$2.data == k$1 || (u$2.data = k$1);
+	else {
+		if (e$1 = e$1 && n.call(u$2.childNodes), b = i$2.props || p, !c$1 && null != e$1) for (b = {}, a$1 = 0; a$1 < u$2.attributes.length; a$1++) b[(d$1 = u$2.attributes[a$1]).name] = d$1.value;
+		for (a$1 in b) if (d$1 = b[a$1], "children" == a$1);
+		else if ("dangerouslySetInnerHTML" == a$1) v$1 = d$1;
+		else if (!(a$1 in k$1)) {
+			if ("value" == a$1 && "defaultValue" in k$1 || "checked" == a$1 && "defaultChecked" in k$1) continue;
+			j(u$2, a$1, null, d$1, o$2);
+		}
+		for (a$1 in k$1) d$1 = k$1[a$1], "children" == a$1 ? y$1 = d$1 : "dangerouslySetInnerHTML" == a$1 ? h$1 = d$1 : "value" == a$1 ? _ = d$1 : "checked" == a$1 ? m$1 = d$1 : c$1 && "function" != typeof d$1 || b[a$1] === d$1 || j(u$2, a$1, d$1, b[a$1], o$2);
+		if (h$1) c$1 || v$1 && (h$1.__html == v$1.__html || h$1.__html == u$2.innerHTML) || (u$2.innerHTML = h$1.__html), t$1.__k = [];
+		else if (v$1 && (u$2.innerHTML = ""), I("template" == t$1.type ? u$2.content : u$2, w(y$1) ? y$1 : [y$1], t$1, i$2, r$1, "foreignObject" == x$1 ? "http://www.w3.org/1999/xhtml" : o$2, e$1, f$2, e$1 ? e$1[0] : i$2.__k && S(i$2, 0), c$1, s$1), null != e$1) for (a$1 = e$1.length; a$1--;) g(e$1[a$1]);
+		c$1 || (a$1 = "value", "progress" == x$1 && null == _ ? u$2.removeAttribute("value") : null != _ && (_ !== u$2[a$1] || "progress" == x$1 && !_ || "option" == x$1 && _ != b[a$1]) && j(u$2, a$1, _, b[a$1], o$2), a$1 = "checked", null != m$1 && m$1 != u$2[a$1] && j(u$2, a$1, m$1, b[a$1], o$2));
+	}
+	return u$2;
+}
+function B(n$1, u$2, t$1) {
+	try {
+		if ("function" == typeof n$1) {
+			var i$2 = "function" == typeof n$1.__u;
+			i$2 && n$1.__u(), i$2 && null == u$2 || (n$1.__u = n$1(u$2));
+		} else n$1.current = u$2;
+	} catch (n$2) {
+		l.__e(n$2, t$1);
+	}
+}
+function D(n$1, u$2, t$1) {
+	var i$2, r$1;
+	if (l.unmount && l.unmount(n$1), (i$2 = n$1.ref) && (i$2.current && i$2.current != n$1.__e || B(i$2, null, u$2)), null != (i$2 = n$1.__c)) {
+		if (i$2.componentWillUnmount) try {
+			i$2.componentWillUnmount();
+		} catch (n$2) {
+			l.__e(n$2, u$2);
+		}
+		i$2.base = i$2.__P = null;
+	}
+	if (i$2 = n$1.__k) for (r$1 = 0; r$1 < i$2.length; r$1++) i$2[r$1] && D(i$2[r$1], u$2, t$1 || "function" != typeof n$1.type);
+	t$1 || g(n$1.__e), n$1.__c = n$1.__ = n$1.__e = void 0;
+}
+function E(n$1, l$1, u$2) {
+	return this.constructor(n$1, u$2);
+}
+n = v.slice, l = { __e: function(n$1, l$1, u$2, t$1) {
+	for (var i$2, r$1, o$2; l$1 = l$1.__;) if ((i$2 = l$1.__c) && !i$2.__) try {
+		if ((r$1 = i$2.constructor) && null != r$1.getDerivedStateFromError && (i$2.setState(r$1.getDerivedStateFromError(n$1)), o$2 = i$2.__d), null != i$2.componentDidCatch && (i$2.componentDidCatch(n$1, t$1 || {}), o$2 = i$2.__d), o$2) return i$2.__E = i$2;
+	} catch (l$2) {
+		n$1 = l$2;
+	}
+	throw n$1;
+} }, u$1 = 0, t = function(n$1) {
+	return null != n$1 && null == n$1.constructor;
+}, x.prototype.setState = function(n$1, l$1) {
+	var u$2 = null != this.__s && this.__s != this.state ? this.__s : this.__s = d({}, this.state);
+	"function" == typeof n$1 && (n$1 = n$1(d({}, u$2), this.props)), n$1 && d(u$2, n$1), null != n$1 && this.__v && (l$1 && this._sb.push(l$1), M(this));
+}, x.prototype.forceUpdate = function(n$1) {
+	this.__v && (this.__e = !0, n$1 && this.__h.push(n$1), M(this));
+}, x.prototype.render = k, i$1 = [], o$1 = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, e = function(n$1, l$1) {
+	return n$1.__v.__b - l$1.__v.__b;
+}, $.__r = 0, f$1 = /(PointerCapture)$|Capture$/i, c = 0, s = F(!1), a = F(!0), h = 0;
+
+//#endregion
+//#region ../../node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
+var o = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, f = 0, i = Array.isArray;
+function u(e$1, t$1, n$1, o$2, i$2, u$2) {
+	t$1 || (t$1 = {});
+	var a$1, c$1, p$1 = t$1;
+	if ("ref" in p$1) for (c$1 in p$1 = {}, t$1) "ref" == c$1 ? a$1 = t$1[c$1] : p$1[c$1] = t$1[c$1];
+	var l$1 = {
+		type: e$1,
+		props: p$1,
+		key: n$1,
+		ref: a$1,
+		__k: null,
+		__: null,
+		__b: 0,
+		__e: null,
+		__c: null,
+		constructor: void 0,
+		__v: --f,
+		__i: -1,
+		__u: 0,
+		__source: i$2,
+		__self: u$2
+	};
+	if ("function" == typeof e$1 && (a$1 = e$1.defaultProps)) for (c$1 in a$1) void 0 === p$1[c$1] && (p$1[c$1] = a$1[c$1]);
+	return l.vnode && l.vnode(l$1), l$1;
+}
+
+//#endregion
+//#region src/VizComponent.tsx
+var VizComponent = class extends JSXWidget.Component {
+	widget;
+	refreshProps() {
+		for (const key in this.props) if (this.widget[key] && typeof this.widget[key] === "function") this.widget[key](this.props[key]);
+	}
+	componentDidMount() {
+		this.widget = new this.props.type().target(this.base);
+		this.refreshProps();
+		this.widget.render();
+	}
+	componentWillUnmount() {
+		this.widget.target(null).render();
+	}
+	render() {
+		return /* @__PURE__ */ u("div", { style: this.props.style });
+	}
+	componentDidUpdate() {
+		this.refreshProps();
+		this.widget.render();
+	}
 };
-__name(_VizComponent, "VizComponent");
-let VizComponent = _VizComponent;
-const _VizInstance = class _VizInstance extends JSXWidget.Component {
-  widget;
-  refreshProps() {
-    for (const key in this.props) {
-      if (this.widget[key] && typeof this.widget[key] === "function") {
-        this.widget[key](this.props[key]);
-      }
-    }
-  }
-  componentDidMount() {
-    this.widget = this.props.instance.target(this.base);
-    this.refreshProps();
-    this.widget.render();
-  }
-  componentWillUnmount() {
-    this.widget.target(null).render();
-  }
-  render() {
-    return /* @__PURE__ */ u("div", { style: this.props.style });
-  }
-  componentDidUpdate() {
-    this.refreshProps();
-    this.widget.render();
-  }
+
+//#endregion
+//#region src/VizInstance.tsx
+var VizInstance = class extends JSXWidget.Component {
+	widget;
+	refreshProps() {
+		for (const key in this.props) if (this.widget[key] && typeof this.widget[key] === "function") this.widget[key](this.props[key]);
+	}
+	componentDidMount() {
+		this.widget = this.props.instance.target(this.base);
+		this.refreshProps();
+		this.widget.render();
+	}
+	componentWillUnmount() {
+		this.widget.target(null).render();
+	}
+	render() {
+		return /* @__PURE__ */ u("div", { style: this.props.style });
+	}
+	componentDidUpdate() {
+		this.refreshProps();
+		this.widget.render();
+	}
 };
-__name(_VizInstance, "VizInstance");
-let VizInstance = _VizInstance;
-const _StatsTable = class _StatsTable extends StyledTable {
-  transformData() {
-    const totalRow = [["Total", 0, 0]];
-    const data = this.data();
-    data.forEach((row) => {
-      totalRow[0][1] += row[1];
-      totalRow[0][2] += row[2];
-    });
-    return data.concat(totalRow).map((row) => {
-      return [
-        row[0],
-        this.secondColumnFormat_exists() ? format(this.secondColumnFormat())(row[1]) : row[1],
-        this.thirdColumnFormat_exists() ? format(this.thirdColumnFormat())(row[2]) : row[2]
-      ];
-    });
-  }
-  update(domNode, element) {
-    this.tbodyColumnStyles_default([
-      {
-        "font-weight": "bold",
-        "width": this.firstColumnWidth(),
-        "text-align": "left"
-      },
-      {
-        "width": this.secondColumnWidth(),
-        "text-align": "right"
-      },
-      {
-        "width": this.thirdColumnWidth(),
-        "text-align": "right"
-      }
-    ]);
-    this.evenRowStyles_default([
-      {
-        "font-weight": "bold",
-        "width": this.firstColumnWidth(),
-        "text-align": "left",
-        "font-color": this.evenRowFontColor(),
-        "background-color": this.evenRowBackgroundColor()
-      },
-      {
-        "width": this.secondColumnWidth(),
-        "text-align": "right",
-        "font-color": this.evenRowFontColor(),
-        "background-color": this.evenRowBackgroundColor()
-      },
-      {
-        "width": this.thirdColumnWidth(),
-        "text-align": "right",
-        "font-color": this.evenRowFontColor(),
-        "background-color": this.evenRowBackgroundColor()
-      }
-    ]);
-    this.lastRowStyles_default({
-      "font-weight": "bold"
-    });
-    super.update(domNode, element);
-  }
+
+//#endregion
+//#region src/StatsTable.ts
+var StatsTable = class extends StyledTable {
+	transformData() {
+		const totalRow = [[
+			"Total",
+			0,
+			0
+		]];
+		const data = this.data();
+		data.forEach((row) => {
+			totalRow[0][1] += row[1];
+			totalRow[0][2] += row[2];
+		});
+		return data.concat(totalRow).map((row) => {
+			return [
+				row[0],
+				this.secondColumnFormat_exists() ? format(this.secondColumnFormat())(row[1]) : row[1],
+				this.thirdColumnFormat_exists() ? format(this.thirdColumnFormat())(row[2]) : row[2]
+			];
+		});
+	}
+	update(domNode, element) {
+		this.tbodyColumnStyles_default([
+			{
+				"font-weight": "bold",
+				"width": this.firstColumnWidth(),
+				"text-align": "left"
+			},
+			{
+				"width": this.secondColumnWidth(),
+				"text-align": "right"
+			},
+			{
+				"width": this.thirdColumnWidth(),
+				"text-align": "right"
+			}
+		]);
+		this.evenRowStyles_default([
+			{
+				"font-weight": "bold",
+				"width": this.firstColumnWidth(),
+				"text-align": "left",
+				"font-color": this.evenRowFontColor(),
+				"background-color": this.evenRowBackgroundColor()
+			},
+			{
+				"width": this.secondColumnWidth(),
+				"text-align": "right",
+				"font-color": this.evenRowFontColor(),
+				"background-color": this.evenRowBackgroundColor()
+			},
+			{
+				"width": this.thirdColumnWidth(),
+				"text-align": "right",
+				"font-color": this.evenRowFontColor(),
+				"background-color": this.evenRowBackgroundColor()
+			}
+		]);
+		this.lastRowStyles_default({ "font-weight": "bold" });
+		super.update(domNode, element);
+	}
 };
-__name(_StatsTable, "StatsTable");
-let StatsTable = _StatsTable;
 StatsTable.prototype._class += " html_StatsTable";
 StatsTable.prototype.publish("labelColor", "#333", "html-color", "Color of the text in the first column");
 StatsTable.prototype.publish("primaryValueColor", "#333", "html-color", "Color of the text in the second column");
@@ -753,112 +975,87 @@ StatsTable.prototype.publish("secondColumnWidth", "1%", "string", "CSS style app
 StatsTable.prototype.publish("thirdColumnWidth", "1%", "string", "CSS style applied as the 'width' for the third column (ex: 40px)");
 StatsTable.prototype.publish("secondColumnFormat", "$,.0f", "string", "d3-format specifier applied to the second column's values", void 0, { optional: true });
 StatsTable.prototype.publish("thirdColumnFormat", null, "string", "d3-format specifier applied to the third column's values", void 0, { optional: true });
-const _Item = class _Item extends HTMLWidget {
-  _owner;
-  constructor(owner) {
-    super();
-    this._owner = owner;
-    this._tag = "a";
-  }
+
+//#endregion
+//#region src/TitleBar.ts
+var Item = class extends HTMLWidget {
+	_owner;
+	constructor(owner) {
+		super();
+		this._owner = owner;
+		this._tag = "a";
+	}
 };
-__name(_Item, "Item");
-let Item = _Item;
 Item.prototype._class += " html_Item";
-const _Button = class _Button extends Item {
-  _icon;
-  constructor(owner, icon) {
-    super(owner);
-    this._icon = icon;
-  }
-  icon() {
-    return this._icon;
-  }
-  enter(domNode, element) {
-    super.enter(domNode, element);
-    element.attr("href", "#").on("click", (d, idx, groups) => this._owner.titleBarClick(this, d, idx, groups)).append("i").attr("class", `fa ${this._icon} fa-lg fa-fw`);
-  }
+var Button = class extends Item {
+	_icon;
+	constructor(owner, icon) {
+		super(owner);
+		this._icon = icon;
+	}
+	icon() {
+		return this._icon;
+	}
+	enter(domNode, element) {
+		super.enter(domNode, element);
+		element.attr("href", "#").on("click", (d$1, idx, groups) => this._owner.titleBarClick(this, d$1, idx, groups)).append("i").attr("class", `fa ${this._icon} fa-lg fa-fw`);
+	}
 };
-__name(_Button, "Button");
-let Button = _Button;
 Button.prototype._class += " html_Button";
-const _ToggleButton = class _ToggleButton extends Button {
-  enter(domNode, element) {
-    element.on("click.sel", (d, idx, groups) => {
-      this.selected(!this.selected());
-      this.render();
-    });
-    super.enter(domNode, element);
-  }
-  update(domNode, element) {
-    super.update(domNode, element);
-    this._element.classed("selected", this.selected());
-  }
+var ToggleButton = class extends Button {
+	enter(domNode, element) {
+		element.on("click.sel", (d$1, idx, groups) => {
+			this.selected(!this.selected());
+			this.render();
+		});
+		super.enter(domNode, element);
+	}
+	update(domNode, element) {
+		super.update(domNode, element);
+		this._element.classed("selected", this.selected());
+	}
 };
-__name(_ToggleButton, "ToggleButton");
-let ToggleButton = _ToggleButton;
 ToggleButton.prototype._class += " html_ToggleButton";
 ToggleButton.prototype.publish("selected", false, "boolean");
-const _Spacer = class _Spacer extends Item {
-  enter(domNode, element) {
-    super.enter(domNode, element);
-    element.attr("class", "spacer").attr("href", "#").append("i");
-  }
+var Spacer = class extends Item {
+	enter(domNode, element) {
+		super.enter(domNode, element);
+		element.attr("class", "spacer").attr("href", "#").append("i");
+	}
 };
-__name(_Spacer, "Spacer");
-let Spacer = _Spacer;
 Spacer.prototype._class += " html_Spacer";
-const _TitleBar = class _TitleBar extends JSXWidget {
-  _divMain;
-  _divIconBar;
-  _divTitle;
-  constructor() {
-    super();
-  }
-  enter(domNode, element) {
-    super.enter(domNode, element);
-    this._divMain = element.append("div").attr("class", "main");
-    this._divIconBar = this._divMain.append("div").attr("class", "icon-bar");
-    this._divTitle = this._divMain.append("div").attr("class", "title");
-  }
-  update(domNode, element) {
-    super.update(domNode, element);
-    this._divTitle.text(this.title());
-    const icons = this._divIconBar.selectAll(".icon-bar-item").data(this.buttons());
-    icons.enter().append("div").attr("class", "icon-bar-item").each(function(d) {
-      d.target(this);
-    }).merge(icons).each(function(d) {
-      d.render();
-    });
-    icons.exit().each(function(d) {
-      d.target(null);
-    }).remove();
-    icons.order();
-  }
+var TitleBar = class extends JSXWidget {
+	_divMain;
+	_divIconBar;
+	_divTitle;
+	constructor() {
+		super();
+	}
+	enter(domNode, element) {
+		super.enter(domNode, element);
+		this._divMain = element.append("div").attr("class", "main");
+		this._divIconBar = this._divMain.append("div").attr("class", "icon-bar");
+		this._divTitle = this._divMain.append("div").attr("class", "title");
+	}
+	update(domNode, element) {
+		super.update(domNode, element);
+		this._divTitle.text(this.title());
+		const icons = this._divIconBar.selectAll(".icon-bar-item").data(this.buttons());
+		icons.enter().append("div").attr("class", "icon-bar-item").each(function(d$1) {
+			d$1.target(this);
+		}).merge(icons).each(function(d$1) {
+			d$1.render();
+		});
+		icons.exit().each(function(d$1) {
+			d$1.target(null);
+		}).remove();
+		icons.order();
+	}
 };
-__name(_TitleBar, "TitleBar");
-let TitleBar = _TitleBar;
 TitleBar.prototype._class += " html_TitleBar";
 TitleBar.prototype.publish("title", "", "string");
 TitleBar.prototype.publish("buttons", [], "widgetArray");
-export {
-  BUILD_VERSION,
-  BreakdownTable,
-  Button,
-  HTMLTooltip,
-  Item,
-  JSXWidget,
-  PKG_NAME,
-  PKG_VERSION,
-  ReactD3,
-  SimpleTable,
-  Spacer,
-  StatsTable,
-  StyledTable,
-  TitleBar,
-  ToggleButton,
-  VNode,
-  VizComponent,
-  VizInstance
-};
-//# sourceMappingURL=index.js.map
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode("#wrap{width:100%}#left,#right{padding:5px}#left{background-color:red;text-align:left;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#right{background-color:orange;float:right;text-align:right;white-space:nowrap}.html_TitleBar>.main{width:100%;display:block}.html_TitleBar .title{padding:4px;text-align:left;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:20px;font-weight:700}.html_TitleBar .icon-bar{padding:4px;float:right;text-align:right;white-space:nowrap;line-height:28px}.html_TitleBar .icon-bar-item{display:inline}.html_TitleBar .icon-bar-item>div{display:inline}.html_TitleBar .icon-bar a{text-align:center;padding-top:4px;padding-bottom:4px;transition:all .3s ease;color:#a9a9a9}.html_TitleBar .icon-bar a:hover{background-color:#f5f5f5}.html_TitleBar .icon-bar a.selected{background-color:#efe5e5}.html_TitleBar .icon-bar a.spacer{text-align:center;padding-top:2px;padding-left:8px;padding-bottom:0;color:none}.html_TitleBar .icon-bar a.spacer:hover{background-color:transparent}.html_TitleBar .icon-bar .active{background-color:#4caf50}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+
+//#endregion
+export { BUILD_VERSION, BreakdownTable, Button, HTMLTooltip, Item, JSXWidget, PKG_NAME, PKG_VERSION, ReactD3, SimpleTable, Spacer, StatsTable, StyledTable, TitleBar, ToggleButton, VNode, VizComponent, VizInstance };
+//# sourceMappingURL=index.js.map!function(){try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode("#wrap{width:100%}#left,#right{padding:5px}#left{text-align:left;text-overflow:ellipsis;white-space:nowrap;background-color:red;display:block;overflow:hidden}#right{float:right;text-align:right;white-space:nowrap;background-color:orange}.html_TitleBar>.main{width:100%;display:block}.html_TitleBar .title{text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:4px;font-size:20px;font-weight:700;display:block;overflow:hidden}.html_TitleBar .icon-bar{float:right;text-align:right;white-space:nowrap;padding:4px;line-height:28px}.html_TitleBar .icon-bar-item,.html_TitleBar .icon-bar-item>div{display:inline}.html_TitleBar .icon-bar a{text-align:center;color:#a9a9a9;padding-top:4px;padding-bottom:4px;transition:all .3s}.html_TitleBar .icon-bar a:hover{background-color:#f5f5f5}.html_TitleBar .icon-bar a.selected{background-color:#efe5e5}.html_TitleBar .icon-bar a.spacer{text-align:center;color:none;padding-top:2px;padding-bottom:0;padding-left:8px}.html_TitleBar .icon-bar a.spacer:hover{background-color:#0000}.html_TitleBar .icon-bar .active{background-color:#4caf50}\n/*$vite$:1*/")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();