@hpcc-js/layout 3.4.0 → 3.4.2

package/dist/index.js

@@ -1,3985 +1,4 @@
-import { Button, Database, FAChar, HTMLWidget, IconBar, Palette, Platform, ProgressBar, SVGWidget, Spacer, Text, TitleBar, ToggleButton, Utility, d3Event, dispatch, drag, format, formatLocale, formatPrefix, formatSpecifier, scaleLinear, scaleOrdinal, select, selectAll, sum } from "@hpcc-js/common";
-import { Table } from "@hpcc-js/dgrid";
-import { instanceOfIHighlight } from "@hpcc-js/api";
-
-//#region rolldown:runtime
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function() {
-	return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k$1) => from[k$1]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-
-//#endregion
-//#region src/__package__.ts
-const PKG_NAME = "@hpcc-js/layout";
-const PKG_VERSION = "3.4.0";
-const BUILD_VERSION = "3.15.0";
-
-//#endregion
-//#region src/AbsoluteSurface.ts
-var AbsoluteSurface = class extends HTMLWidget {
-	constructor() {
-		super();
-		this._tag = "div";
-	}
-	enter(domNode, element) {
-		super.enter(domNode, element);
-	}
-	update(domNode, element) {
-		super.update(domNode, element);
-		let xPos = 0;
-		let yPos = 0;
-		let width = this.clientWidth();
-		let height = this.clientHeight();
-		switch (this.units()) {
-			case "pixels":
-				xPos = this.widgetX();
-				yPos = this.widgetY();
-				width = this.widgetWidth() === "" ? width - xPos : Number(this.widgetWidth());
-				height = this.widgetHeight() === "" ? height - yPos : Number(this.widgetHeight());
-				break;
-			case "percent":
-				xPos = this.widgetX() * width / 100;
-				yPos = this.widgetY() * height / 100;
-				width = this.widgetWidth() === "" ? width - xPos : Number(this.widgetWidth()) * width / 100;
-				height = this.widgetHeight() === "" ? height - yPos : Number(this.widgetHeight()) * height / 100;
-				break;
-		}
-		element.style("opacity", this.opacity());
-		const widgets = element.selectAll("#" + this._id + " > .placeholder").data(this.widget() ? [this.widget()] : [], function(d) {
-			return d._id;
-		});
-		widgets.enter().append("div").attr("class", "placeholder").each(function(d) {
-			d.target(this);
-		}).merge(widgets).style("left", xPos + "px").style("top", yPos + "px").style("width", width + "px").style("bottom", height + "px").each(function(d) {
-			d.resize({
-				width,
-				height
-			});
-		});
-		widgets.exit().each(function(d) {
-			d.target(null);
-		}).remove();
-	}
-	exit(domNode, element) {
-		if (this.widget()) this.widget().target(null);
-		super.exit(domNode, element);
-	}
-};
-AbsoluteSurface.prototype._class += " layout_AbsoluteSurface";
-AbsoluteSurface.prototype.publish("units", "percent", "set", "Units", ["pixels", "percent"]);
-AbsoluteSurface.prototype.publish("widgetX", 0, "number", "Widget XPos");
-AbsoluteSurface.prototype.publish("widgetY", 0, "number", "Widget YPos");
-AbsoluteSurface.prototype.publish("widgetWidth", "100", "string", "Widget Width, omit for full");
-AbsoluteSurface.prototype.publish("widgetHeight", "100", "string", "Widget Height, omit for full");
-AbsoluteSurface.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Private"] });
-AbsoluteSurface.prototype.publish("opacity", 1, "number", "Opacity");
-
-//#endregion
-//#region src/Accordion.ts
-var Accordion = class extends HTMLWidget {
-	_isClosed;
-	titleSpan;
-	iconDiv;
-	ul;
-	icon;
-	constructor() {
-		super();
-		this._tag = "div";
-		this._isClosed = false;
-	}
-	pushListItem(widget, prepend = false, protect = false) {
-		const contentArr = this.content();
-		widget._protected = protect;
-		if (prepend) contentArr.unshift(widget);
-		else contentArr.push(widget);
-		this.content(contentArr);
-		return this;
-	}
-	clearListItems() {
-		const arr = [];
-		for (const i in this.content()) if (this.content()[i]._protected) arr.push(this.content()[i]);
-		this.content(arr);
-		return this;
-	}
-	collapseClick(element) {
-		if (element.classed("closed")) {
-			this._isClosed = false;
-			element.classed("open", true);
-			element.classed("closed", false);
-		} else {
-			this._isClosed = true;
-			element.classed("open", false);
-			element.classed("closed", true);
-		}
-	}
-	enter(domNode, element) {
-		super.enter(domNode, element);
-		const context = this;
-		this._isClosed = this.defaultCollapsed();
-		element.classed(this._isClosed ? "closed" : "open", true);
-		this.titleSpan = element.append("span").classed("collapsible-title", true);
-		this.iconDiv = element.append("div").classed("collapsible-icon", true);
-		this.ul = element.append("ul");
-		this.icon = new FAChar().size({
-			height: 24,
-			width: 24
-		}).target(this.iconDiv.node());
-		this.iconDiv.on("click", function() {
-			context.collapseClick(element);
-			context.render();
-		});
-		this.titleSpan.on("click", function() {
-			context.collapseClick(element);
-			context.render();
-		});
-	}
-	update(domNode, element) {
-		super.update(domNode, element);
-		const context = this;
-		this.titleSpan.text(context.title().length > 0 ? context.title() + "" : "Accordion [" + context._id + "]");
-		const rows = this.ul.selectAll("#" + context._id + " > ul > li").data(this.content(), function(d) {
-			return d._id;
-		});
-		rows.enter().append(function(widget) {
-			const li = document.createElement("li");
-			if (widget._target === null) {
-				const wSize = widget.size();
-				if (wSize.width === 0 || wSize.height === 0) {
-					const cSize = context.size();
-					widget.size({
-						width: cSize.width,
-						height: cSize.width
-					});
-				}
-				widget.target(li);
-			} else return widget._target;
-			return li;
-		});
-		rows.exit().remove();
-		this.icon.text_colorFill(this.titleFontColor()).char(this._isClosed ? this.closedIcon() : this.openIcon()).render();
-	}
-	exit(domNode, element) {
-		super.exit(domNode, element);
-	}
-};
-Accordion.prototype._class += " layout_Accordion";
-Accordion.prototype.publish("content", [], "widgetArray", "Array of widgets", null, { tags: ["Basic"] });
-Accordion.prototype.publish("title", "", "string", "Title of collapsible section", null, { tags: ["Private"] });
-Accordion.prototype.publish("openIcon", "", "string", "Icon to display when list is open", null, { tags: ["Private"] });
-Accordion.prototype.publish("closedIcon", "", "string", "Icon to display when list is closed", null, { tags: ["Private"] });
-Accordion.prototype.publish("titleFontColor", "#FFFFFF", "html-color", "Title font color", null, { tags: ["Private"] });
-Accordion.prototype.publish("titleBackgroundColor", "#333333", "html-color", "Title background color", null, { tags: ["Private"] });
-Accordion.prototype.publish("defaultCollapsed", false, "boolean", "Collapsed by default if true", null, { tags: ["Private"] });
-
-//#endregion
-//#region src/Surface.ts
-var Surface = class extends HTMLWidget {
-	_surfaceButtons;
-	constructor() {
-		super();
-		this._tag = "div";
-		this._surfaceButtons = [];
-	}
-	widgetSize(titleDiv, widgetDiv) {
-		let width = this.clientWidth();
-		let height = this.clientHeight();
-		if (this.title()) height -= this.calcHeight(titleDiv);
-		height -= this.calcFrameHeight(widgetDiv);
-		width -= this.calcFrameWidth(widgetDiv);
-		return {
-			width,
-			height
-		};
-	}
-	enter(domNode, element) {
-		super.enter(domNode, element);
-	}
-	update(domNode, element2) {
-		super.update(domNode, element2);
-		const context = this;
-		element2.classed("shadow2", this.surfaceShadow()).style("border-width", this.surfaceBorderWidth_exists() ? this.surfaceBorderWidth() + "px" : null).style("border-color", this.surfaceBorderColor()).style("border-radius", this.surfaceBorderRadius_exists() ? this.surfaceBorderRadius() + "px" : null).style("background-color", this.surfaceBackgroundColor());
-		const titles = element2.selectAll(".surfaceTitle").data(this.title() ? [this.title()] : []);
-		titles.enter().insert("h3", "div").attr("class", "surfaceTitle").merge(titles).text(function(d) {
-			return d;
-		}).style("text-align", this.surfaceTitleAlignment()).style("color", this.surfaceTitleFontColor()).style("font-size", this.surfaceTitleFontSize_exists() ? this.surfaceTitleFontSize() + "px" : null).style("font-family", this.surfaceTitleFontFamily()).style("font-weight", this.surfaceTitleFontBold() ? "bold" : "normal").style("background-color", this.surfaceTitleBackgroundColor()).style("padding", this.surfaceTitlePadding_exists() ? this.surfaceTitlePadding() + "px" : null).style("title", this.altText_exists() ? this.altText() : null);
-		titles.exit().remove();
-		const surfaceButtons = element2.select(".surfaceTitle").append("div").attr("class", "html-button-container").selectAll(".surface-button").data(this.buttonAnnotations());
-		surfaceButtons.enter().append("button").classed("surface-button", true).each(function(button, idx) {
-			const el = context._surfaceButtons[idx] = select(this).attr("class", "surface-button" + (button.class ? " " + button.class : "")).attr("id", button.id).style("padding", button.padding).style("width", button.width).style("height", button.height).style("cursor", "pointer");
-			if (button.font === "FontAwesome") el.style("background", "transparent").style("border", "none").on("click", function(d) {
-				context.click(d);
-			}).append("i").attr("class", "fa").text(function() {
-				return button.label;
-			});
-			else el.text(function() {
-				return button.label;
-			}).on("click", function(d) {
-				context.click(d);
-			});
-		});
-		surfaceButtons.exit().each(function(_d, idx) {
-			const element = select(this);
-			delete context._surfaceButtons[idx];
-			element.remove();
-		});
-		const widgets = element2.selectAll("#" + this._id + " > .surfaceWidget").data(this.widget() ? [this.widget()] : [], function(d) {
-			return d._id;
-		});
-		widgets.enter().append("div").attr("class", "surfaceWidget").each(function(d) {
-			select(context.element().node().parentElement).classed("content-icon content-icon-" + d.classID().split("_")[1], true);
-			d.target(this);
-		}).merge(widgets).style("padding", this.surfacePadding_exists() ? this.surfacePadding() + "px" : null).each(function(d) {
-			const widgetSize = context.widgetSize(element2.select("h3"), select(this));
-			if (widgetSize.width < 0) widgetSize.width = 0;
-			if (widgetSize.height < 0) widgetSize.height = 0;
-			d.resize({
-				width: widgetSize.width,
-				height: widgetSize.height
-			});
-		});
-		widgets.exit().each(function(d) {
-			d.target(null);
-		}).remove();
-	}
-	exit(domNode, element) {
-		if (this.widget()) this.widget().target(null);
-		super.exit(domNode, element);
-	}
-	click(obj) {}
-};
-Surface.prototype._class += " layout_Surface";
-Surface.prototype.publish("title", "", "string", "Title", null, { tags: ["Intermediate"] });
-Surface.prototype.publish("altText", null, "string", "Alt text", null, { optional: true });
-Surface.prototype.publish("surfaceTitlePadding", null, "number", "Title Padding (px)", null, {
-	tags: ["Advanced"],
-	disable: (w) => !w.title()
-});
-Surface.prototype.publish("surfaceTitleFontSize", null, "number", "Title Font Size (px)", null, {
-	tags: ["Advanced"],
-	disable: (w) => !w.title()
-});
-Surface.prototype.publish("surfaceTitleFontColor", null, "html-color", "Title Font Color", null, {
-	tags: ["Advanced"],
-	disable: (w) => !w.title()
-});
-Surface.prototype.publish("surfaceTitleFontFamily", null, "string", "Title Font Family", null, {
-	tags: ["Advanced"],
-	disable: (w) => !w.title()
-});
-Surface.prototype.publish("surfaceTitleFontBold", true, "boolean", "Enable Bold Title Font", null, {
-	tags: ["Advanced"],
-	disable: (w) => !w.title()
-});
-Surface.prototype.publish("surfaceTitleBackgroundColor", null, "html-color", "Title Background Color", null, {
-	tags: ["Advanced"],
-	disable: (w) => !w.title()
-});
-Surface.prototype.publish("surfaceTitleAlignment", "center", "set", "Title Alignment", [
-	"left",
-	"right",
-	"center"
-], {
-	tags: ["Basic"],
-	disable: (w) => !w.title()
-});
-Surface.prototype.publish("surfaceShadow", false, "boolean", "3D Shadow");
-Surface.prototype.publish("surfacePadding", null, "string", "Surface Padding (px)", null, { tags: ["Intermediate"] });
-Surface.prototype.publish("surfaceBackgroundColor", null, "html-color", "Surface Background Color", null, { tags: ["Advanced"] });
-Surface.prototype.publish("surfaceBorderWidth", null, "number", "Surface Border Width (px)", null, { tags: ["Advanced"] });
-Surface.prototype.publish("surfaceBorderColor", null, "html-color", "Surface Border Color", null, { tags: ["Advanced"] });
-Surface.prototype.publish("surfaceBorderRadius", null, "number", "Surface Border Radius (px)", null, { tags: ["Advanced"] });
-Surface.prototype.publish("buttonAnnotations", [], "array", "Button Array", null, { tags: ["Private"] });
-Surface.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Basic"] });
-
-//#endregion
-//#region src/Cell.ts
-var Cell = class extends Surface {
-	_indicateTheseIds;
-	constructor() {
-		super();
-		this._indicateTheseIds = [];
-	}
-	indicateTheseIds(_) {
-		if (!arguments.length) return this._indicateTheseIds;
-		this._indicateTheseIds = _;
-		return this;
-	}
-	enter(domNode, element) {
-		super.enter(domNode, element);
-		const context = this;
-		element.classed("layout_Surface", true).on("mouseenter", function() {
-			context.onMouseEnter();
-		}).on("mouseleave", function() {
-			context.onMouseLeave();
-		});
-	}
-	update(domNode, element) {
-		super.update(domNode, element);
-	}
-	onMouseEnter() {
-		const arr = this.indicateTheseIds();
-		const opacity = this.indicatorOpacity();
-		const indicatorBorderColor = this.indicatorBorderColor();
-		const indicatorGlowColor = this.indicatorGlowColor();
-		for (let i = 0; i < arr.length; i++) {
-			const otherElement = select("#" + arr[i]);
-			const otherWidget = otherElement.datum();
-			if (otherElement && otherWidget) otherElement.append("div").attr("class", "update-indicator").style("width", otherWidget.width() + "px").style("height", otherWidget.height() + "px").style("opacity", opacity).style("border-color", indicatorBorderColor).style("-webkit-box-shadow", "inset 0px 0px 30px 0px " + indicatorGlowColor).style("-moz-box-shadow", "inset 0px 0px 30px 0px " + indicatorGlowColor).style("box-shadow", "inset 0px 0px 30px 0px " + indicatorGlowColor);
-		}
-	}
-	onMouseLeave() {
-		const arr = this.indicateTheseIds();
-		for (let i = 0; i < arr.length; i++) selectAll("#" + arr[i] + " > div.update-indicator").remove();
-	}
-};
-Cell.prototype._class += " layout_Cell";
-Cell.prototype.publish("gridRow", 0, "number", "Grid Row Position", null, { tags: ["Private"] });
-Cell.prototype.publish("gridCol", 0, "number", "Grid Column Position", null, { tags: ["Private"] });
-Cell.prototype.publish("gridRowSpan", 1, "number", "Grid Row Span", null, { tags: ["Private"] });
-Cell.prototype.publish("gridColSpan", 1, "number", "Grid Column Span", null, { tags: ["Private"] });
-Cell.prototype.publish("indicatorGlowColor", "#EEEE11", "html-color", "Glow color of update-indicator", null, { tags: ["Basic"] });
-Cell.prototype.publish("indicatorBorderColor", "#F48A00", "html-color", "Border color of update-indicator", null, { tags: ["Basic"] });
-Cell.prototype.publish("indicatorOpacity", .8, "number", "Opacity of update-indicator", null, { tags: ["Basic"] });
-
-//#endregion
-//#region src/Border.ts
-var Border = class extends HTMLWidget {
-	_colCount;
-	_rowCount;
-	_colSize;
-	_rowSize;
-	_shrinkWrapBoxes;
-	_watch;
-	_offsetX;
-	_offsetY;
-	_dragCell;
-	_dragCellSize;
-	_dragCellStartSize;
-	_handleTop;
-	_handleLeft;
-	_dragPrevX;
-	_dragPrevY;
-	_cellSizes;
-	contentDiv;
-	_scrollBarWidth;
-	_borderHandles;
-	_sectionTypeArr;
-	constructor() {
-		super();
-		this._tag = "div";
-		this._colCount = 0;
-		this._rowCount = 0;
-		this._colSize = 0;
-		this._rowSize = 0;
-		this._shrinkWrapBoxes = {};
-		this.content([]);
-		this.sectionTypes([]);
-	}
-	watchWidget(widget) {
-		if (this._watch === void 0) this._watch = {};
-		if (this._watch[widget.id()]) {
-			this._watch[widget.id()].remove();
-			delete this._watch[widget.id()];
-		}
-		if (widget) {
-			const context = this;
-			this._watch[widget.id()] = widget.monitor(function(paramId, newVal, oldVal) {
-				if (oldVal !== newVal) context.lazyPostUpdate();
-			});
-		}
-	}
-	lazyPostUpdate = Utility.debounce(function() {
-		this.postUpdate();
-	}, 100);
-	applyLayoutType() {
-		const layoutObj = this.borderLayoutObject();
-		this.content().forEach(function(cell, i) {
-			cell._fixedLeft = layoutObj[this.sectionTypes()[i]].left;
-			cell._fixedTop = layoutObj[this.sectionTypes()[i]].top;
-			cell._fixedWidth = layoutObj[this.sectionTypes()[i]].width;
-			cell._fixedHeight = layoutObj[this.sectionTypes()[i]].height;
-			cell._dragHandles = this.cellSpecificDragHandles(this.sectionTypes()[i]);
-		}, this);
-	}
-	cellSpecificDragHandles(sectionType) {
-		switch (sectionType) {
-			case "top": return ["s"];
-			case "right": return ["w"];
-			case "bottom": return ["n"];
-			case "left": return ["e"];
-			case "center": return [];
-		}
-	}
-	borderLayoutObject(layoutType) {
-		const retObj = {};
-		const context = this;
-		let topSize;
-		let topPerc;
-		let bottomSize;
-		let bottomPerc;
-		let leftSize;
-		let leftPerc;
-		let rightSize;
-		let rightPerc;
-		const bcRect = this.target().getBoundingClientRect();
-		const gridRect = {};
-		gridRect.top = bcRect.top;
-		gridRect.left = bcRect.left;
-		gridRect.bottom = bcRect.bottom;
-		gridRect.right = bcRect.right;
-		if (this.target() instanceof SVGElement) {
-			gridRect.width = parseFloat(this.target().getAttribute("width"));
-			gridRect.height = parseFloat(this.target().getAttribute("height"));
-		} else {
-			gridRect.width = bcRect.width;
-			gridRect.height = bcRect.height;
-		}
-		if (this.sectionTypes().indexOf("top") !== -1) {
-			topSize = this.topSize();
-			topPerc = this.topPercentage();
-			if (typeof this._shrinkWrapBoxes["top"] !== "undefined") {
-				topSize = this._shrinkWrapBoxes["top"].height + this.gutter();
-				topPerc = 0;
-			}
-		}
-		if (this.sectionTypes().indexOf("bottom") !== -1) {
-			bottomSize = this.bottomSize();
-			bottomPerc = this.bottomPercentage();
-			if (typeof this._shrinkWrapBoxes["bottom"] !== "undefined") {
-				bottomSize = this._shrinkWrapBoxes["bottom"].height + this.gutter();
-				bottomPerc = 0;
-			}
-		}
-		if (this.sectionTypes().indexOf("left") !== -1) {
-			leftSize = this.leftSize();
-			leftPerc = this.leftPercentage();
-			if (typeof this._shrinkWrapBoxes["left"] !== "undefined") {
-				leftSize = this._shrinkWrapBoxes["left"].width + this.gutter();
-				leftPerc = 0;
-			}
-		}
-		if (this.sectionTypes().indexOf("right") !== -1) {
-			rightSize = this.rightSize();
-			rightPerc = this.rightPercentage();
-			if (typeof this._shrinkWrapBoxes["right"] !== "undefined") {
-				rightSize = this._shrinkWrapBoxes["right"].width + this.gutter();
-				rightPerc = 0;
-			}
-		}
-		const t = _sectionPlacementObject({
-			width: {
-				"px": 0,
-				"%": 100
-			},
-			height: {
-				"px": topSize,
-				"%": topPerc
-			},
-			top: {
-				"px": 0,
-				"%": 0
-			},
-			left: {
-				"px": 0,
-				"%": 0
-			}
-		});
-		const b = _sectionPlacementObject({
-			width: {
-				"px": 0,
-				"%": 100
-			},
-			height: {
-				"px": bottomSize,
-				"%": bottomPerc
-			},
-			top: {
-				"px": 0,
-				"%": 100
-			},
-			left: {
-				"px": 0,
-				"%": 0
-			}
-		});
-		b.top -= b.height;
-		const l = _sectionPlacementObject({
-			width: {
-				"px": leftSize,
-				"%": leftPerc
-			},
-			height: {
-				"px": -t.height - b.height,
-				"%": 100
-			},
-			top: {
-				"px": t.height,
-				"%": 0
-			},
-			left: {
-				"px": 0,
-				"%": 0
-			}
-		});
-		const r = _sectionPlacementObject({
-			width: {
-				"px": rightSize,
-				"%": rightPerc
-			},
-			height: {
-				"px": -t.height - b.height,
-				"%": 100
-			},
-			top: {
-				"px": t.height,
-				"%": 0
-			},
-			left: {
-				"px": 0,
-				"%": 100
-			}
-		});
-		r.left -= r.width;
-		const c$1 = _sectionPlacementObject({
-			width: {
-				"px": -r.width - l.width,
-				"%": 100
-			},
-			height: {
-				"px": -t.height - b.height,
-				"%": 100
-			},
-			top: {
-				"px": t.height,
-				"%": 0
-			},
-			left: {
-				"px": l.width,
-				"%": 0
-			}
-		});
-		retObj["top"] = t;
-		retObj["bottom"] = b;
-		retObj["right"] = r;
-		retObj["left"] = l;
-		retObj["center"] = c$1;
-		return retObj;
-		function _sectionPlacementObject(obj) {
-			obj.width["px"] = typeof obj.width["px"] !== "undefined" ? obj.width["px"] : 0;
-			obj.width["%"] = typeof obj.width["%"] !== "undefined" ? obj.width["%"] : 0;
-			obj.height["px"] = typeof obj.height["px"] !== "undefined" ? obj.height["px"] : 0;
-			obj.height["%"] = typeof obj.height["%"] !== "undefined" ? obj.height["%"] : 0;
-			return {
-				width: obj.width["px"] + obj.width["%"] / 100 * context.width(),
-				height: obj.height["px"] + obj.height["%"] / 100 * context.height(),
-				top: obj.top["px"] + obj.top["%"] / 100 * context.height() + context.gutter() / 2,
-				left: obj.left["px"] + obj.left["%"] / 100 * context.width() + context.gutter() / 2
-			};
-		}
-	}
-	clearContent(sectionType) {
-		if (!sectionType) {
-			this.content().forEach(function(contentWidget) {
-				contentWidget.target(null);
-				return false;
-			});
-			select("#" + this.id() + " > div.borderHandle").classed("borderHandleDisabled", true);
-			delete this._watch;
-			this.content([]);
-			this.sectionTypes([]);
-		} else {
-			const idx = this.sectionTypes().indexOf(sectionType);
-			if (idx >= 0) {
-				if (this._watch && this.content()[idx]) delete this._watch[this.content()[idx].id()];
-				this.content()[idx].target(null);
-				select("#" + this.id() + " > div.borderHandle_" + sectionType).classed("borderHandleDisabled", true);
-				this.content().splice(idx, 1);
-				this.sectionTypes().splice(idx, 1);
-			}
-		}
-	}
-	hasContent(sectionType, widget, title) {
-		return this.sectionTypes().indexOf(sectionType) >= 0;
-	}
-	setContent(sectionType, widget, title) {
-		this.clearContent(sectionType);
-		title = typeof title !== "undefined" ? title : "";
-		if (widget) {
-			const cell = new Cell().surfaceBorderWidth(0).widget(widget).title(title);
-			this.watchWidget(widget);
-			this.content().push(cell);
-			this.sectionTypes().push(sectionType);
-		}
-		return this;
-	}
-	getCell(id) {
-		const idx = this.sectionTypes().indexOf(id);
-		if (idx >= 0) return this.content()[idx];
-		return null;
-	}
-	getContent(id) {
-		const idx = this.sectionTypes().indexOf(id);
-		if (idx >= 0) return this.content()[idx].widget();
-		return null;
-	}
-	setLayoutOffsets() {
-		this._offsetX = this._element.node().getBoundingClientRect().left + this.gutter() / 2;
-		this._offsetY = this._element.node().getBoundingClientRect().top + this.gutter() / 2;
-	}
-	dragStart(handle) {
-		const event = d3Event();
-		event.sourceEvent.stopPropagation();
-		const context = this;
-		this._dragCell = handle;
-		this._dragCellStartSize = this[handle + "Size"]();
-		if (this[handle + "ShrinkWrap"]()) {
-			this[handle + "Percentage"](0);
-			this[handle + "ShrinkWrap"](false);
-		}
-		const handleElm = select("#" + context.id() + " > div.borderHandle_" + handle);
-		context._handleTop = parseFloat(handleElm.style("top").split("px")[0]);
-		context._handleLeft = parseFloat(handleElm.style("left").split("px")[0]);
-		this._dragPrevX = event.sourceEvent.clientX;
-		this._dragPrevY = event.sourceEvent.clientY;
-	}
-	dragTick(handle) {
-		const context = this;
-		const event = d3Event();
-		const xDelta = this._dragPrevX - event.sourceEvent.clientX;
-		const yDelta = this._dragPrevY - event.sourceEvent.clientY;
-		switch (handle) {
-			case "top":
-			case "bottom":
-				_moveHandles(handle, yDelta);
-				break;
-			case "right":
-			case "left":
-				_moveHandles(handle, xDelta);
-				break;
-		}
-		function _moveHandles(handle2, delta) {
-			if (delta === 0) return;
-			const handles = selectAll("#" + context.id() + " > div.borderHandle");
-			const grabbedHandle = select("#" + context.id() + " > div.borderHandle_" + handle2);
-			if (grabbedHandle.classed("borderHandle_top")) {
-				grabbedHandle.style("top", context._handleTop - delta + "px");
-				context._cellSizes.topHeight = context._handleTop - delta;
-				context._cellSizes.leftHeight = context._cellSizes.height;
-				context._cellSizes.leftHeight -= context._cellSizes.topHeight;
-				context._cellSizes.leftHeight -= context._cellSizes.bottomHeight;
-				context._cellSizes.rightHeight = context._cellSizes.leftHeight;
-			} else if (grabbedHandle.classed("borderHandle_right")) {
-				grabbedHandle.style("left", context._handleLeft - delta + "px");
-				context._cellSizes.rightWidth = context._cellSizes.width - context._handleLeft + delta;
-			} else if (grabbedHandle.classed("borderHandle_bottom")) {
-				grabbedHandle.style("top", context._handleTop - delta + "px");
-				context._cellSizes.bottomHeight = context._cellSizes.height - context._handleTop + delta;
-				context._cellSizes.leftHeight = context._cellSizes.height;
-				context._cellSizes.leftHeight -= context._cellSizes.bottomHeight;
-				context._cellSizes.leftHeight -= context._cellSizes.topHeight;
-				context._cellSizes.rightHeight = context._cellSizes.leftHeight;
-			} else if (grabbedHandle.classed("borderHandle_left")) {
-				grabbedHandle.style("left", context._handleLeft - delta + "px");
-				context._cellSizes.leftWidth = context._handleLeft - delta;
-			}
-			handles.each(function() {
-				const handle3 = select(this);
-				if (handle3.classed("borderHandle_top")) {
-					handle3.style("width", context._cellSizes.width + "px");
-					handle3.style("top", context._cellSizes.topHeight - 3 + "px");
-				} else if (handle3.classed("borderHandle_right")) {
-					handle3.style("left", context._cellSizes.width - context._cellSizes.rightWidth + "px");
-					handle3.style("top", context._cellSizes.topHeight + 3 + "px");
-					handle3.style("height", context._cellSizes.rightHeight + "px");
-				} else if (handle3.classed("borderHandle_bottom")) {
-					handle3.style("width", context._cellSizes.width + "px");
-					handle3.style("top", context._cellSizes.height - context._cellSizes.bottomHeight - 3 + "px");
-				} else if (handle3.classed("borderHandle_left")) {
-					handle3.style("left", context._cellSizes.leftWidth + "px");
-					handle3.style("height", context._cellSizes.leftHeight + "px");
-					handle3.style("top", context._cellSizes.topHeight + 3 + "px");
-				}
-			});
-		}
-	}
-	dragEnd(handle) {
-		if (handle) {
-			const event = d3Event();
-			const xDelta = this._dragPrevX - event.sourceEvent.clientX;
-			const yDelta = this._dragPrevY - event.sourceEvent.clientY;
-			switch (handle) {
-				case "top":
-					if (yDelta !== 0) {
-						this.topPercentage(0);
-						this.topSize(this.topSize() === 0 ? this.getContent("top").getBBox().height - yDelta : this.topSize() - yDelta);
-					}
-					break;
-				case "right":
-					if (xDelta !== 0) {
-						this.rightPercentage(0);
-						this.rightSize(this.rightSize() === 0 ? this.getContent("right").getBBox().width + xDelta : this.rightSize() + xDelta);
-					}
-					break;
-				case "bottom":
-					if (yDelta !== 0) {
-						this.bottomPercentage(0);
-						this.bottomSize(this.bottomSize() === 0 ? this.getContent("bottom").getBBox().height + yDelta : this.bottomSize() + yDelta);
-					}
-					break;
-				case "left":
-					if (xDelta !== 0) {
-						this.leftPercentage(0);
-						this.leftSize(this.leftSize() === 0 ? this.getContent("left").getBBox().width - xDelta : this.leftSize() - xDelta);
-					}
-					break;
-			}
-			this._dragPrevX = event.sourceEvent.clientX;
-			this._dragPrevY = event.sourceEvent.clientY;
-		}
-		this.render();
-	}
-	size(_) {
-		const retVal = HTMLWidget.prototype.size.apply(this, arguments);
-		if (arguments.length && this.contentDiv) this.contentDiv.style("width", this._size.width + "px").style("height", this._size.height + "px");
-		return retVal;
-	}
-	enter(domNode, element) {
-		super.enter(domNode, element);
-		const context = this;
-		element.style("position", "relative");
-		this.contentDiv = element.append("div").classed("border-content", true);
-		this._scrollBarWidth = Platform.getScrollbarWidth();
-		this._borderHandles = [
-			"top",
-			"left",
-			"right",
-			"bottom"
-		];
-		element.selectAll("div.borderHandle").data(this._borderHandles).enter().append("div").classed("borderHandle", true).each(function(handle) {
-			select(this).classed("borderHandle_" + handle, true).classed("borderHandleDisabled", context.getContent(handle) === null);
-		});
-	}
-	update(domNode, element) {
-		super.update(domNode, element);
-		this._sectionTypeArr = this.sectionTypes();
-		const context = this;
-		element.classed("design-mode", this.designMode());
-		this.setLayoutOffsets();
-		const rows = this.contentDiv.selectAll(".cell_" + this._id).data(this.content(), function(d) {
-			return d._id;
-		});
-		const rowsUpdate = rows.enter().append("div").classed("cell_" + this._id, true).style("position", "absolute").each(function(d, i) {
-			select(this).classed("border-cell border-cell-" + context._sectionTypeArr[i], true);
-			d.target(this);
-			select("#" + context.id() + " > div.borderHandle_" + context._sectionTypeArr[i]).classed("borderHandleDisabled", false);
-		}).merge(rows);
-		rowsUpdate.each(function(d, idx) {
-			const sectionType = context.sectionTypes()[idx];
-			if (typeof context[sectionType + "ShrinkWrap"] !== "undefined" && context[sectionType + "ShrinkWrap"]()) {
-				d.render();
-				context._shrinkWrapBoxes[sectionType] = d.widget().getBBox(true);
-			} else delete context._shrinkWrapBoxes[sectionType];
-		});
-		const drag$1 = drag().on("start", function(d, i) {
-			context.dragStart.call(context, d, i);
-		}).on("drag", function(d, i) {
-			context.dragTick.call(context, d, i);
-		}).on("end", function(d, i) {
-			context.dragEnd.call(context, d, i);
-		});
-		if (this.designMode()) element.selectAll("#" + this.id() + " > div.borderHandle").call(drag$1);
-		else element.selectAll("#" + this.id() + " > div.borderHandle").on(".drag", null);
-		const layoutObj = this.borderLayoutObject();
-		this.content().forEach(function(cell, i) {
-			cell._fixedLeft = layoutObj[this.sectionTypes()[i]].left;
-			cell._fixedTop = layoutObj[this.sectionTypes()[i]].top;
-			cell._fixedWidth = layoutObj[this.sectionTypes()[i]].width;
-			cell._fixedHeight = layoutObj[this.sectionTypes()[i]].height;
-			cell._dragHandles = [];
-		}, this);
-		rowsUpdate.style("left", function(d) {
-			return d._fixedLeft + "px";
-		}).style("top", function(d) {
-			return d._fixedTop + "px";
-		}).style("width", function(d) {
-			return d._fixedWidth - context.gutter() + "px";
-		}).style("height", function(d) {
-			return d._fixedHeight - context.gutter() + "px";
-		}).each(function(d) {
-			d._placeholderElement.attr("draggable", context.designMode()).selectAll(".dragHandle").attr("draggable", context.designMode());
-			d.surfacePadding(context.surfacePadding()).resize();
-		});
-		rows.exit().each(function(d) {
-			d.target(null);
-		}).remove();
-		this.getCellSizes();
-		element.selectAll("#" + this.id() + " > div.borderHandle").each(function() {
-			const handle = select(this);
-			if (handle.classed("borderHandle_top")) {
-				handle.style("width", context._cellSizes.width + "px");
-				handle.style("top", context._cellSizes.topHeight - 3 + "px");
-			} else if (handle.classed("borderHandle_right")) {
-				handle.style("left", context._cellSizes.width - context._cellSizes.rightWidth + "px");
-				handle.style("top", context._cellSizes.topHeight + 3 + "px");
-				handle.style("height", context._cellSizes.rightHeight + "px");
-			} else if (handle.classed("borderHandle_bottom")) {
-				handle.style("width", context._cellSizes.width + "px");
-				handle.style("top", context._cellSizes.height - context._cellSizes.bottomHeight - 3 + "px");
-			} else if (handle.classed("borderHandle_left")) {
-				handle.style("left", context._cellSizes.leftWidth + "px");
-				handle.style("height", context._cellSizes.leftHeight + "px");
-				handle.style("top", context._cellSizes.topHeight + 3 + "px");
-			}
-		});
-	}
-	getCellSizes() {
-		const context = this;
-		context._cellSizes = {};
-		const contentRect = this.element().node().getBoundingClientRect();
-		context._cellSizes.width = contentRect.width;
-		context._cellSizes.height = contentRect.height;
-		this.element().selectAll("#" + this.id() + " > div > div.border-cell").each(function() {
-			const cell = select(this);
-			if (typeof cell.node === "function") {
-				const rect = cell.node().getBoundingClientRect();
-				if (cell.classed("border-cell-top")) context._cellSizes.topHeight = rect.height;
-				else if (cell.classed("border-cell-left")) {
-					context._cellSizes.leftWidth = rect.width;
-					context._cellSizes.leftHeight = rect.height;
-				} else if (cell.classed("border-cell-right")) {
-					context._cellSizes.rightWidth = rect.width;
-					context._cellSizes.rightHeight = rect.height;
-				} else if (cell.classed("border-cell-bottom")) context._cellSizes.bottomHeight = rect.height;
-			}
-		});
-		[
-			"height",
-			"width",
-			"topHeight",
-			"bottomHeight",
-			"leftHeight",
-			"rightHeight",
-			"leftWidth",
-			"rightWidth"
-		].forEach(function(size) {
-			context._cellSizes[size] = context._cellSizes[size] === void 0 ? 0 : context._cellSizes[size];
-		});
-	}
-	postUpdate(domNode, element) {
-		const context = this;
-		this.content().forEach(function(n) {
-			if (n._element.node() !== null && n.widget()) {
-				const prevBox = n.widget().getBBox(false, true);
-				const currBox = n.widget().getBBox(true, true);
-				if (prevBox.width !== currBox.width || prevBox.height !== currBox.height) context.lazyRender();
-			}
-		});
-	}
-	exit(domNode, element) {
-		this.content().forEach((w) => w.target(null));
-		super.exit(domNode, element);
-	}
-};
-Border.prototype._class += " layout_Border";
-Border.prototype.publish("designMode", false, "boolean", "Design Mode", null, { tags: ["Basic"] });
-Border.prototype.publish("content", [], "widgetArray", "widgets", null, { tags: ["Intermediate"] });
-Border.prototype.publish("gutter", 0, "number", "Gap Between Widgets", null, { tags: ["Basic"] });
-Border.prototype.publish("topShrinkWrap", false, "boolean", "'Top' Cell shrinks to fit content", null, { tags: ["Intermediate"] });
-Border.prototype.publish("leftShrinkWrap", false, "boolean", "'Left' Cell shrinks to fit content", null, { tags: ["Intermediate"] });
-Border.prototype.publish("rightShrinkWrap", false, "boolean", "'Right' Cell shrinks to fit content", null, { tags: ["Intermediate"] });
-Border.prototype.publish("bottomShrinkWrap", false, "boolean", "'Bottom' Cell shrinks to fit content", null, { tags: ["Intermediate"] });
-Border.prototype.publish("topSize", 0, "number", "Height of the 'Top' Cell (px)", null, { tags: ["Private"] });
-Border.prototype.publish("leftSize", 0, "number", "Width of the 'Left' Cell (px)", null, { tags: ["Private"] });
-Border.prototype.publish("rightSize", 0, "number", "Width of the 'Right' Cell (px)", null, { tags: ["Private"] });
-Border.prototype.publish("bottomSize", 0, "number", "Height of the 'Bottom' Cell (px)", null, { tags: ["Private"] });
-Border.prototype.publish("topPercentage", 20, "number", "Percentage (of parent) Height of the 'Top' Cell", null, { tags: ["Private"] });
-Border.prototype.publish("leftPercentage", 20, "number", "Percentage (of parent) Width of the 'Left' Cell", null, { tags: ["Private"] });
-Border.prototype.publish("rightPercentage", 20, "number", "Percentage (of parent) Width of the 'Right' Cell", null, { tags: ["Private"] });
-Border.prototype.publish("bottomPercentage", 20, "number", "Percentage (of parent) Height of the 'Bottom' Cell", null, { tags: ["Private"] });
-Border.prototype.publish("surfacePadding", 0, "number", "Cell Padding (px)", null, { tags: ["Intermediate"] });
-Border.prototype.publish("sectionTypes", [], "array", "Section Types sharing an index with 'content' - Used to determine position/size.", null, { tags: ["Private"] });
-
-//#endregion
-//#region src/Border2.ts
-var WidgetDiv = class {
-	_div;
-	_overlay = false;
-	_overflowX = "visible";
-	_overflowY = "visible";
-	_widget;
-	constructor(div) {
-		this._div = div;
-	}
-	overlay(_) {
-		if (!arguments.length) return this._overlay;
-		this._overlay = _;
-		return this;
-	}
-	overflowX(_) {
-		if (!arguments.length) return this._overflowX;
-		this._overflowX = _;
-		this._div.style("overflow-x", _);
-		return this;
-	}
-	overflowY(_) {
-		if (!arguments.length) return this._overflowY;
-		this._overflowY = _;
-		this._div.style("overflow-y", _);
-		return this;
-	}
-	element() {
-		return this._div;
-	}
-	node() {
-		return this._div.node();
-	}
-	widget(_) {
-		if (!arguments.length) return this._widget;
-		if (this._widget !== _) {
-			if (this._widget) this._widget.target(null);
-			this._widget = _;
-			if (this._widget) this._widget.target(this._div.node());
-		}
-		return this;
-	}
-	resize(size) {
-		if (this._widget) {
-			this._div.style("width", `${size.width}px`).style("height", `${size.height}px`);
-			this._widget.resize(size);
-		}
-		return this;
-	}
-	async render(getBBox, availableHeight, availableWidth) {
-		let overflowX = this.overflowX();
-		if (!this.overlay() && overflowX === "visible") overflowX = null;
-		let overflowY = this.overflowY();
-		if (!this.overlay() && overflowY === "visible") overflowY = null;
-		this._div.style("height", this.overlay() ? "0px" : null).style("overflow-x", overflowX).style("overflow-y", overflowY);
-		if (this._widget) return this._widget.renderPromise().then((w) => {
-			if (getBBox && this._widget.visible()) {
-				const retVal = this._widget.getBBox();
-				retVal.width += 8;
-				if (availableHeight !== void 0 && retVal.height > availableHeight) retVal.width += Platform.getScrollbarWidth();
-				if (availableWidth !== void 0 && retVal.width > availableWidth) retVal.height += Platform.getScrollbarWidth();
-				if (this.overlay()) retVal.height = 0;
-				else retVal.height += 4;
-				return retVal;
-			}
-			return getBBox ? {
-				x: 0,
-				y: 0,
-				width: 0,
-				height: 0
-			} : void 0;
-		});
-		else return Promise.resolve(getBBox ? {
-			x: 0,
-			y: 0,
-			width: 0,
-			height: 0
-		} : void 0);
-	}
-};
-var Border2 = class extends HTMLWidget {
-	_bodyElement;
-	_topWA;
-	_leftWA;
-	_centerWA;
-	_rightWA;
-	_bottomWA;
-	_topPrevOverflow;
-	_leftPrevOverflow;
-	_rightPrevOverflow;
-	_bottomPrevOverflow;
-	constructor() {
-		super();
-		this._tag = "div";
-	}
-	enter(domNode, element) {
-		super.enter(domNode, element);
-		const topElement = element.append("header");
-		this._bodyElement = element.append("div").attr("class", "body");
-		const centerElement = this._bodyElement.append("div").attr("class", "center");
-		const leftElement = this._bodyElement.append("div").attr("class", "lhs");
-		const rightElement = this._bodyElement.append("div").attr("class", "rhs");
-		const bottomElement = element.append("div").attr("class", "footer");
-		this._topWA = new WidgetDiv(topElement);
-		this._centerWA = new WidgetDiv(centerElement);
-		this._leftWA = new WidgetDiv(leftElement);
-		this._rightWA = new WidgetDiv(rightElement);
-		this._bottomWA = new WidgetDiv(bottomElement);
-	}
-	update(domNode, element) {
-		super.update(domNode, element);
-		this._topWA.element().style("display", this.showTop() ? null : "none");
-		this._rightWA.element().style("display", this.showRight() ? null : "none");
-		this._bottomWA.element().style("display", this.showBottom() ? null : "none");
-		this._leftWA.element().style("display", this.showLeft() ? null : "none");
-		if (this.topOverflowX() !== this._topWA.overflowX()) this._topWA.overflowX(this.topOverflowX());
-		if (this.rightOverflowX() !== this._rightWA.overflowX()) this._rightWA.overflowX(this.rightOverflowX());
-		if (this.bottomOverflowX() !== this._bottomWA.overflowX()) this._bottomWA.overflowX(this.bottomOverflowX());
-		if (this.leftOverflowX() !== this._leftWA.overflowX()) this._leftWA.overflowX(this.leftOverflowX());
-		if (this.topOverflowY() !== this._topWA.overflowY()) this._topWA.overflowY(this.topOverflowY());
-		if (this.rightOverflowY() !== this._rightWA.overflowY()) this._rightWA.overflowY(this.rightOverflowY());
-		if (this.bottomOverflowY() !== this._bottomWA.overflowY()) this._bottomWA.overflowY(this.bottomOverflowY());
-		if (this.leftOverflowY() !== this._leftWA.overflowY()) this._leftWA.overflowY(this.leftOverflowY());
-		this.element().style("width", `${this.width()}px`).style("height", `${this.height()}px`);
-	}
-	targetNull(w) {
-		if (w) w.target(null);
-	}
-	exit(domNode, element) {
-		this.targetNull(this.center());
-		this.targetNull(this.bottom());
-		this.targetNull(this.right());
-		this.targetNull(this.left());
-		this.targetNull(this.top());
-		super.exit(domNode, element);
-	}
-	swap(sectionA, sectionB) {
-		const a$1 = this[sectionA]();
-		const b = this[sectionB]();
-		this.targetNull(a$1);
-		this.targetNull(b);
-		this[`_${sectionA}WA`].widget(null);
-		this[`_${sectionB}WA`].widget(null);
-		this[sectionA](b);
-		this[sectionB](a$1);
-		return this;
-	}
-	render(callback) {
-		return super.render((w) => {
-			if (this._topWA) this._topWA.widget(this.top()).overlay(this.topOverlay()).render(true).then(async (topBBox) => {
-				const bottomBBox = await this._bottomWA.widget(this.bottom()).render(true, void 0, this.width());
-				const availableHeight = this.height() - (topBBox.height + bottomBBox.height);
-				const leftBBox = await this._leftWA.widget(this.left()).render(true, availableHeight);
-				const rightBBox = await this._rightWA.widget(this.right()).render(true, availableHeight);
-				if (this.bottomHeight_exists()) bottomBBox.height = this.bottomHeight();
-				const bodyWidth = this.width() - (leftBBox.width + rightBBox.width);
-				const bodyHeight = this.height() - (topBBox.height + bottomBBox.height);
-				const centerOverflowX = this.centerOverflowX();
-				const centerOverflowY = this.centerOverflowY();
-				const scrollCenterX = ["auto", "scroll"].indexOf(centerOverflowX) !== -1;
-				const scrollCenterY = ["auto", "scroll"].indexOf(centerOverflowY) !== -1;
-				if (scrollCenterX || scrollCenterY) this._centerWA.overflowX(this.centerOverflowX()).overflowY(this.centerOverflowY()).widget(this.center()).resize({
-					width: bodyWidth,
-					height: bodyHeight
-				}).render();
-				this._bodyElement.style("height", `${bodyHeight}px`);
-				const promises = [
-					this._topWA.overflowX(this.topOverflowX()).overflowY(this.topOverflowY()).resize({
-						width: this.width(),
-						height: topBBox.height
-					}).render(),
-					this._leftWA.overflowX(this.leftOverflowX()).overflowY(this.leftOverflowY()).resize({
-						width: leftBBox.width,
-						height: bodyHeight
-					}).render(),
-					this._rightWA.overflowX(this.rightOverflowX()).overflowY(this.rightOverflowY()).resize({
-						width: rightBBox.width,
-						height: bodyHeight
-					}).render(),
-					this._centerWA.overflowX(this.centerOverflowX()).overflowY(this.centerOverflowY()).widget(this.center()).resize({
-						width: bodyWidth,
-						height: bodyHeight
-					}).render(),
-					this._bottomWA.overflowX(this.bottomOverflowX()).overflowY(this.bottomOverflowY()).resize({
-						width: this.width(),
-						height: bottomBBox.height
-					}).render()
-				];
-				Promise.all(promises).then((promises$1) => {
-					if (callback) callback(this);
-				});
-			});
-			else if (callback) callback(this);
-		});
-	}
-};
-Border2.prototype._class += " layout_Border2";
-Border2.prototype.publish("showTop", true, "boolean", "If true, top widget adapter will display");
-Border2.prototype.publish("showRight", true, "boolean", "If true, right widget adapter will display");
-Border2.prototype.publish("showBottom", true, "boolean", "If true, bottom widget adapter will display");
-Border2.prototype.publish("showLeft", true, "boolean", "If true, left widget adapter will display");
-Border2.prototype.publish("topOverflowX", "visible", "set", "Sets the overflow-x css style for the top widget adapter", [
-	"hidden",
-	"scroll",
-	"visible",
-	"auto"
-]);
-Border2.prototype.publish("rightOverflowX", "visible", "set", "Sets the overflow-x css style for the right widget adapter", [
-	"hidden",
-	"scroll",
-	"visible",
-	"auto"
-]);
-Border2.prototype.publish("bottomOverflowX", "visible", "set", "Sets the overflow-x css style for the bottom widget adapter", [
-	"hidden",
-	"scroll",
-	"visible",
-	"auto"
-]);
-Border2.prototype.publish("leftOverflowX", "visible", "set", "Sets the overflow-x css style for the left widget adapter", [
-	"hidden",
-	"scroll",
-	"visible",
-	"auto"
-]);
-Border2.prototype.publish("centerOverflowX", "visible", "set", "Sets the overflow-x css style for the center widget adapter", [
-	"hidden",
-	"scroll",
-	"visible",
-	"auto"
-]);
-Border2.prototype.publish("topOverflowY", "visible", "set", "Sets the overflow-y css style for the top widget adapter", [
-	"hidden",
-	"scroll",
-	"visible",
-	"auto"
-]);
-Border2.prototype.publish("rightOverflowY", "visible", "set", "Sets the overflow-y css style for the right widget adapter", [
-	"hidden",
-	"scroll",
-	"visible",
-	"auto"
-]);
-Border2.prototype.publish("bottomOverflowY", "visible", "set", "Sets the overflow-y css style for the bottom widget adapter", [
-	"hidden",
-	"scroll",
-	"visible",
-	"auto"
-]);
-Border2.prototype.publish("leftOverflowY", "visible", "set", "Sets the overflow-y css style for the left widget adapter", [
-	"hidden",
-	"scroll",
-	"visible",
-	"auto"
-]);
-Border2.prototype.publish("centerOverflowY", "visible", "set", "Sets the overflow-y css style for the center widget adapter", [
-	"hidden",
-	"scroll",
-	"visible",
-	"auto"
-]);
-Border2.prototype.publish("top", null, "widget", "Top Widget", void 0, { render: false });
-Border2.prototype.publish("topOverlay", false, "boolean", "Overlay Top Widget");
-Border2.prototype.publish("left", null, "widget", "Left Widget", void 0, { render: false });
-Border2.prototype.publish("center", null, "widget", "Center Widget", void 0, { render: false });
-Border2.prototype.publish("right", null, "widget", "Right Widget", void 0, { render: false });
-Border2.prototype.publish("bottom", null, "widget", "Bottom Widget", void 0, { render: false });
-Border2.prototype.publish("bottomHeight", null, "number", "Bottom Fixed Height", void 0, { optional: true });
-
-//#endregion
-//#region src/Carousel.ts
-var Carousel = class extends HTMLWidget {
-	_prevActive = 0;
-	_root;
-	activeWidget() {
-		return this.widgets()[this.active()];
-	}
-	enter(domNode, element) {
-		super.enter(domNode, element);
-		this._root = element.append("div").attr("id", `${this.id()}_root`);
-	}
-	update(domNode, element) {
-		super.update(domNode, element);
-		const active = this.active();
-		const width = this.width();
-		this._root.style("width", `${width}px`).style("height", `${this.height()}px`);
-		const widgetElements = this._root.selectAll(`#${this.id()}_root > .carouselItem`).data(this.widgets(), (d) => d.id());
-		const update = widgetElements.enter().append("div").attr("class", "carouselItem").each(function(w) {
-			w.target(this);
-		}).merge(widgetElements).style("left", (d, i) => `${(i - this._prevActive) * width}px`).style("width", `${width}px`);
-		if (this._prevActive !== active) {
-			update.style("display", (d, i) => i === this._prevActive || i === active ? null : "none").transition().duration(this.transitionDuration()).style("left", (d, i) => `${(i - active) * width}px`).on("end", function(d, i) {
-				select(this).style("display", () => i === active ? null : "none");
-			});
-			this._prevActive = active;
-		}
-		widgetElements.exit().each(function(w) {
-			w.target(null);
-		}).remove();
-	}
-	exit(domNode, element) {
-		this.widgets().forEach((w) => w.target(null));
-		super.exit(domNode, element);
-	}
-	render(callback) {
-		return super.render((w) => {
-			if (!this.visible() || this.isDOMHidden()) {
-				if (callback) callback(w);
-			} else {
-				const aw = this.activeWidget();
-				if (aw) aw.resize(this.size()).render((w2) => {
-					if (callback) callback(w);
-				});
-			}
-		});
-	}
-};
-Carousel.prototype._class += " layout_Carousel";
-Carousel.prototype.publish("widgets", [], "widgetArray", "Widgets", null, { render: false });
-Carousel.prototype.publish("active", 0, "number", "Active widget");
-Carousel.prototype.publish("transitionDuration", 500, "number", "Transition duration");
-
-//#endregion
-//#region ../../node_modules/d3-path/src/path.js
-var pi$1 = Math.PI, tau$1 = 2 * pi$1, epsilon = 1e-6, tauEpsilon = tau$1 - epsilon;
-function Path() {
-	this._x0 = this._y0 = this._x1 = this._y1 = null;
-	this._ = "";
-}
-function path() {
-	return new Path();
-}
-Path.prototype = path.prototype = {
-	constructor: Path,
-	moveTo: function(x, y) {
-		this._ += "M" + (this._x0 = this._x1 = +x) + "," + (this._y0 = this._y1 = +y);
-	},
-	closePath: function() {
-		if (this._x1 !== null) {
-			this._x1 = this._x0, this._y1 = this._y0;
-			this._ += "Z";
-		}
-	},
-	lineTo: function(x, y) {
-		this._ += "L" + (this._x1 = +x) + "," + (this._y1 = +y);
-	},
-	quadraticCurveTo: function(x1, y1, x, y) {
-		this._ += "Q" + +x1 + "," + +y1 + "," + (this._x1 = +x) + "," + (this._y1 = +y);
-	},
-	bezierCurveTo: function(x1, y1, x2, y2, x, y) {
-		this._ += "C" + +x1 + "," + +y1 + "," + +x2 + "," + +y2 + "," + (this._x1 = +x) + "," + (this._y1 = +y);
-	},
-	arcTo: function(x1, y1, x2, y2, r) {
-		x1 = +x1, y1 = +y1, x2 = +x2, y2 = +y2, r = +r;
-		var x0 = this._x1, y0 = this._y1, x21 = x2 - x1, y21 = y2 - y1, x01 = x0 - x1, y01 = y0 - y1, l01_2 = x01 * x01 + y01 * y01;
-		if (r < 0) throw new Error("negative radius: " + r);
-		if (this._x1 === null) this._ += "M" + (this._x1 = x1) + "," + (this._y1 = y1);
-		else if (!(l01_2 > epsilon));
-		else if (!(Math.abs(y01 * x21 - y21 * x01) > epsilon) || !r) this._ += "L" + (this._x1 = x1) + "," + (this._y1 = y1);
-		else {
-			var x20 = x2 - x0, y20 = y2 - y0, l21_2 = x21 * x21 + y21 * y21, l20_2 = x20 * x20 + y20 * y20, l21 = Math.sqrt(l21_2), l01 = Math.sqrt(l01_2), l = r * Math.tan((pi$1 - Math.acos((l21_2 + l01_2 - l20_2) / (2 * l21 * l01))) / 2), t01 = l / l01, t21 = l / l21;
-			if (Math.abs(t01 - 1) > epsilon) this._ += "L" + (x1 + t01 * x01) + "," + (y1 + t01 * y01);
-			this._ += "A" + r + "," + r + ",0,0," + +(y01 * x20 > x01 * y20) + "," + (this._x1 = x1 + t21 * x21) + "," + (this._y1 = y1 + t21 * y21);
-		}
-	},
-	arc: function(x, y, r, a0, a1, ccw) {
-		x = +x, y = +y, r = +r, ccw = !!ccw;
-		var dx = r * Math.cos(a0), dy = r * Math.sin(a0), x0 = x + dx, y0 = y + dy, cw = 1 ^ ccw, da = ccw ? a0 - a1 : a1 - a0;
-		if (r < 0) throw new Error("negative radius: " + r);
-		if (this._x1 === null) this._ += "M" + x0 + "," + y0;
-		else if (Math.abs(this._x1 - x0) > epsilon || Math.abs(this._y1 - y0) > epsilon) this._ += "L" + x0 + "," + y0;
-		if (!r) return;
-		if (da < 0) da = da % tau$1 + tau$1;
-		if (da > tauEpsilon) this._ += "A" + r + "," + r + ",0,1," + cw + "," + (x - dx) + "," + (y - dy) + "A" + r + "," + r + ",0,1," + cw + "," + (this._x1 = x0) + "," + (this._y1 = y0);
-		else if (da > epsilon) this._ += "A" + r + "," + r + ",0," + +(da >= pi$1) + "," + cw + "," + (this._x1 = x + r * Math.cos(a1)) + "," + (this._y1 = y + r * Math.sin(a1));
-	},
-	rect: function(x, y, w, h) {
-		this._ += "M" + (this._x0 = this._x1 = +x) + "," + (this._y0 = this._y1 = +y) + "h" + +w + "v" + +h + "h" + -w + "Z";
-	},
-	toString: function() {
-		return this._;
-	}
-};
-var path_default = path;
-
-//#endregion
-//#region ../../node_modules/d3-shape/src/constant.js
-function constant_default(x) {
-	return function constant() {
-		return x;
-	};
-}
-
-//#endregion
-//#region ../../node_modules/d3-shape/src/math.js
-var pi = Math.PI;
-var halfPi = pi / 2;
-var tau = 2 * pi;
-
-//#endregion
-//#region ../../node_modules/d3-shape/src/symbol/circle.js
-var circle_default = { draw: function(context, size) {
-	var r = Math.sqrt(size / pi);
-	context.moveTo(r, 0);
-	context.arc(0, 0, r, 0, tau);
-} };
-
-//#endregion
-//#region ../../node_modules/d3-shape/src/symbol/cross.js
-var cross_default = { draw: function(context, size) {
-	var r = Math.sqrt(size / 5) / 2;
-	context.moveTo(-3 * r, -r);
-	context.lineTo(-r, -r);
-	context.lineTo(-r, -3 * r);
-	context.lineTo(r, -3 * r);
-	context.lineTo(r, -r);
-	context.lineTo(3 * r, -r);
-	context.lineTo(3 * r, r);
-	context.lineTo(r, r);
-	context.lineTo(r, 3 * r);
-	context.lineTo(-r, 3 * r);
-	context.lineTo(-r, r);
-	context.lineTo(-3 * r, r);
-	context.closePath();
-} };
-
-//#endregion
-//#region ../../node_modules/d3-shape/src/symbol/diamond.js
-var tan30 = Math.sqrt(1 / 3), tan30_2 = tan30 * 2;
-var diamond_default = { draw: function(context, size) {
-	var y = Math.sqrt(size / tan30_2), x = y * tan30;
-	context.moveTo(0, -y);
-	context.lineTo(x, 0);
-	context.lineTo(0, y);
-	context.lineTo(-x, 0);
-	context.closePath();
-} };
-
-//#endregion
-//#region ../../node_modules/d3-shape/src/symbol/star.js
-var ka = .8908130915292852, kr = Math.sin(pi / 10) / Math.sin(7 * pi / 10), kx = Math.sin(tau / 10) * kr, ky = -Math.cos(tau / 10) * kr;
-var star_default = { draw: function(context, size) {
-	var r = Math.sqrt(size * ka), x = kx * r, y = ky * r;
-	context.moveTo(0, -r);
-	context.lineTo(x, y);
-	for (var i = 1; i < 5; ++i) {
-		var a$1 = tau * i / 5, c$1 = Math.cos(a$1), s$1 = Math.sin(a$1);
-		context.lineTo(s$1 * r, -c$1 * r);
-		context.lineTo(c$1 * x - s$1 * y, s$1 * x + c$1 * y);
-	}
-	context.closePath();
-} };
-
-//#endregion
-//#region ../../node_modules/d3-shape/src/symbol/square.js
-var square_default = { draw: function(context, size) {
-	var w = Math.sqrt(size), x = -w / 2;
-	context.rect(x, x, w, w);
-} };
-
-//#endregion
-//#region ../../node_modules/d3-shape/src/symbol/triangle.js
-var sqrt3 = Math.sqrt(3);
-var triangle_default = { draw: function(context, size) {
-	var y = -Math.sqrt(size / (sqrt3 * 3));
-	context.moveTo(0, y * 2);
-	context.lineTo(-sqrt3 * y, -y);
-	context.lineTo(sqrt3 * y, -y);
-	context.closePath();
-} };
-
-//#endregion
-//#region ../../node_modules/d3-shape/src/symbol/wye.js
-var c = -.5, s = Math.sqrt(3) / 2, k = 1 / Math.sqrt(12), a = (k / 2 + 1) * 3;
-var wye_default = { draw: function(context, size) {
-	var r = Math.sqrt(size / a), x0 = r / 2, y0 = r * k, x1 = x0, y1 = r * k + r, x2 = -x1, y2 = y1;
-	context.moveTo(x0, y0);
-	context.lineTo(x1, y1);
-	context.lineTo(x2, y2);
-	context.lineTo(c * x0 - s * y0, s * x0 + c * y0);
-	context.lineTo(c * x1 - s * y1, s * x1 + c * y1);
-	context.lineTo(c * x2 - s * y2, s * x2 + c * y2);
-	context.lineTo(c * x0 + s * y0, c * y0 - s * x0);
-	context.lineTo(c * x1 + s * y1, c * y1 - s * x1);
-	context.lineTo(c * x2 + s * y2, c * y2 - s * x2);
-	context.closePath();
-} };
-
-//#endregion
-//#region ../../node_modules/d3-shape/src/symbol.js
-function symbol_default() {
-	var type = constant_default(circle_default), size = constant_default(64), context = null;
-	function symbol() {
-		var buffer;
-		if (!context) context = buffer = path_default();
-		type.apply(this, arguments).draw(context, +size.apply(this, arguments));
-		if (buffer) return context = null, buffer + "" || null;
-	}
-	symbol.type = function(_) {
-		return arguments.length ? (type = typeof _ === "function" ? _ : constant_default(_), symbol) : type;
-	};
-	symbol.size = function(_) {
-		return arguments.length ? (size = typeof _ === "function" ? _ : constant_default(+_), symbol) : size;
-	};
-	symbol.context = function(_) {
-		return arguments.length ? (context = _ == null ? null : _, symbol) : context;
-	};
-	return symbol;
-}
-
-//#endregion
-//#region ../../node_modules/d3-svg-legend/indexRollupNext.js
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function(obj) {
-	return typeof obj;
-} : function(obj) {
-	return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-};
-var d3_identity = function d3_identity$1(d) {
-	return d;
-};
-var d3_reverse = function d3_reverse$1(arr) {
-	var mirror = [];
-	for (var i = 0, l = arr.length; i < l; i++) mirror[i] = arr[l - i - 1];
-	return mirror;
-};
-var d3_textWrapping = function d3_textWrapping$1(text, width) {
-	text.each(function() {
-		var text$1 = select(this), words = text$1.text().split(/\s+/).reverse(), word, line = [], lineHeight = 1.2;
-		text$1.attr("y");
-		var dy = parseFloat(text$1.attr("dy")) || 0, tspan = text$1.text(null).append("tspan").attr("x", 0).attr("dy", dy + "em");
-		while (word = words.pop()) {
-			line.push(word);
-			tspan.text(line.join(" "));
-			if (tspan.node().getComputedTextLength() > width && line.length > 1) {
-				line.pop();
-				tspan.text(line.join(" "));
-				line = [word];
-				tspan = text$1.append("tspan").attr("x", 0).attr("dy", lineHeight + dy + "em").text(word);
-			}
-		}
-	});
-};
-var d3_mergeLabels = function d3_mergeLabels$1() {
-	var gen = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
-	var labels = arguments[1];
-	var domain = arguments[2];
-	var range = arguments[3];
-	var labelDelimiter = arguments[4];
-	if ((typeof labels === "undefined" ? "undefined" : _typeof(labels)) === "object") {
-		if (labels.length === 0) return gen;
-		var i = labels.length;
-		for (; i < gen.length; i++) labels.push(gen[i]);
-		return labels;
-	} else if (typeof labels === "function") {
-		var customLabels = [];
-		var genLength = gen.length;
-		for (var _i = 0; _i < genLength; _i++) customLabels.push(labels({
-			i: _i,
-			genLength,
-			generatedLabels: gen,
-			domain,
-			range,
-			labelDelimiter
-		}));
-		return customLabels;
-	}
-	return gen;
-};
-var d3_linearLegend = function d3_linearLegend$1(scale, cells, labelFormat) {
-	var data = [];
-	if (cells.length > 1) data = cells;
-	else {
-		var domain = scale.domain(), increment = (domain[domain.length - 1] - domain[0]) / (cells - 1);
-		var i = 0;
-		for (; i < cells; i++) data.push(domain[0] + i * increment);
-	}
-	var labels = data.map(labelFormat);
-	return {
-		data,
-		labels,
-		feature: function feature(d) {
-			return scale(d);
-		}
-	};
-};
-var d3_quantLegend = function d3_quantLegend$1(scale, labelFormat, labelDelimiter) {
-	var labels = scale.range().map(function(d) {
-		var invert = scale.invertExtent(d);
-		return labelFormat(invert[0]) + " " + labelDelimiter + " " + labelFormat(invert[1]);
-	});
-	return {
-		data: scale.range(),
-		labels,
-		feature: d3_identity
-	};
-};
-var d3_ordinalLegend = function d3_ordinalLegend$1(scale) {
-	return {
-		data: scale.domain(),
-		labels: scale.domain(),
-		feature: function feature(d) {
-			return scale(d);
-		}
-	};
-};
-var d3_cellOver = function d3_cellOver$1(cellDispatcher, d, obj) {
-	cellDispatcher.call("cellover", obj, d);
-};
-var d3_cellOut = function d3_cellOut$1(cellDispatcher, d, obj) {
-	cellDispatcher.call("cellout", obj, d);
-};
-var d3_cellClick = function d3_cellClick$1(cellDispatcher, d, obj) {
-	cellDispatcher.call("cellclick", obj, d);
-};
-var helper = {
-	d3_drawShapes: function d3_drawShapes(shape, shapes, shapeHeight, shapeWidth, shapeRadius, path$1) {
-		if (shape === "rect") shapes.attr("height", shapeHeight).attr("width", shapeWidth);
-		else if (shape === "circle") shapes.attr("r", shapeRadius);
-		else if (shape === "line") shapes.attr("x1", 0).attr("x2", shapeWidth).attr("y1", 0).attr("y2", 0);
-		else if (shape === "path") shapes.attr("d", path$1);
-	},
-	d3_addText: function d3_addText(svg, enter, labels, classPrefix, labelWidth) {
-		enter.append("text").attr("class", classPrefix + "label");
-		var text = svg.selectAll("g." + classPrefix + "cell text." + classPrefix + "label").data(labels).text(d3_identity);
-		if (labelWidth) svg.selectAll("g." + classPrefix + "cell text." + classPrefix + "label").call(d3_textWrapping, labelWidth);
-		return text;
-	},
-	d3_calcType: function d3_calcType(scale, ascending, cells, labels, labelFormat, labelDelimiter) {
-		var type = scale.invertExtent ? d3_quantLegend(scale, labelFormat, labelDelimiter) : scale.ticks ? d3_linearLegend(scale, cells, labelFormat) : d3_ordinalLegend(scale);
-		var range = scale.range && scale.range() || scale.domain();
-		type.labels = d3_mergeLabels(type.labels, labels, scale.domain(), range, labelDelimiter);
-		if (ascending) {
-			type.labels = d3_reverse(type.labels);
-			type.data = d3_reverse(type.data);
-		}
-		return type;
-	},
-	d3_filterCells: function d3_filterCells(type, cellFilter) {
-		var filterCells = type.data.map(function(d, i) {
-			return {
-				data: d,
-				label: type.labels[i]
-			};
-		}).filter(cellFilter);
-		var dataValues = filterCells.map(function(d) {
-			return d.data;
-		});
-		var labelValues = filterCells.map(function(d) {
-			return d.label;
-		});
-		type.data = type.data.filter(function(d) {
-			return dataValues.indexOf(d) !== -1;
-		});
-		type.labels = type.labels.filter(function(d) {
-			return labelValues.indexOf(d) !== -1;
-		});
-		return type;
-	},
-	d3_placement: function d3_placement(orient, cell, cellTrans, text, textTrans, labelAlign) {
-		cell.attr("transform", cellTrans);
-		text.attr("transform", textTrans);
-		if (orient === "horizontal") text.style("text-anchor", labelAlign);
-	},
-	d3_addEvents: function d3_addEvents(cells, dispatcher) {
-		cells.on("mouseover.legend", function(d) {
-			d3_cellOver(dispatcher, d, this);
-		}).on("mouseout.legend", function(d) {
-			d3_cellOut(dispatcher, d, this);
-		}).on("click.legend", function(d) {
-			d3_cellClick(dispatcher, d, this);
-		});
-	},
-	d3_title: function d3_title(svg, title, classPrefix, titleWidth) {
-		if (title !== "") {
-			svg.selectAll("text." + classPrefix + "legendTitle").data([title]).enter().append("text").attr("class", classPrefix + "legendTitle");
-			svg.selectAll("text." + classPrefix + "legendTitle").text(title);
-			if (titleWidth) svg.selectAll("text." + classPrefix + "legendTitle").call(d3_textWrapping, titleWidth);
-			var cellsSvg = svg.select("." + classPrefix + "legendCells");
-			var yOffset = svg.select("." + classPrefix + "legendTitle").nodes().map(function(d) {
-				return d.getBBox().height;
-			})[0], xOffset = -cellsSvg.nodes().map(function(d) {
-				return d.getBBox().x;
-			})[0];
-			cellsSvg.attr("transform", "translate(" + xOffset + "," + yOffset + ")");
-		}
-	},
-	d3_defaultLocale: {
-		format,
-		formatPrefix
-	},
-	d3_defaultFormatSpecifier: ".01f",
-	d3_defaultDelimiter: "to"
-};
-function color() {
-	var scale = scaleLinear(), shape = "rect", shapeWidth = 15, shapeHeight = 15, shapeRadius = 10, shapePadding = 2, cells = [5], cellFilter = void 0, labels = [], classPrefix = "", useClass = false, title = "", locale = helper.d3_defaultLocale, specifier = helper.d3_defaultFormatSpecifier, labelOffset = 10, labelAlign = "middle", labelDelimiter = helper.d3_defaultDelimiter, labelWrap = void 0, orient = "vertical", ascending = false, path$1 = void 0, titleWidth = void 0, legendDispatcher = dispatch("cellover", "cellout", "cellclick");
-	function legend(svg) {
-		var type = helper.d3_calcType(scale, ascending, cells, labels, locale.format(specifier), labelDelimiter);
-		svg.selectAll("g").data([scale]).enter().append("g").attr("class", classPrefix + "legendCells");
-		if (cellFilter) helper.d3_filterCells(type, cellFilter);
-		var cell = svg.select("." + classPrefix + "legendCells").selectAll("." + classPrefix + "cell").data(type.data);
-		var cellEnter = cell.enter().append("g").attr("class", classPrefix + "cell");
-		cellEnter.append(shape).attr("class", classPrefix + "swatch");
-		var shapes = svg.selectAll("g." + classPrefix + "cell " + shape + "." + classPrefix + "swatch").data(type.data);
-		helper.d3_addEvents(cellEnter, legendDispatcher);
-		cell.exit().transition().style("opacity", 0).remove();
-		shapes.exit().transition().style("opacity", 0).remove();
-		shapes = shapes.merge(shapes);
-		helper.d3_drawShapes(shape, shapes, shapeHeight, shapeWidth, shapeRadius, path$1);
-		var text = helper.d3_addText(svg, cellEnter, type.labels, classPrefix, labelWrap);
-		cell = cellEnter.merge(cell);
-		var textSize = text.nodes().map(function(d) {
-			return d.getBBox();
-		}), shapeSize = shapes.nodes().map(function(d) {
-			return d.getBBox();
-		});
-		if (!useClass) if (shape == "line") shapes.style("stroke", type.feature);
-		else shapes.style("fill", type.feature);
-		else shapes.attr("class", function(d) {
-			return classPrefix + "swatch " + type.feature(d);
-		});
-		var cellTrans = void 0, textTrans = void 0, textAlign = labelAlign == "start" ? 0 : labelAlign == "middle" ? .5 : 1;
-		if (orient === "vertical") (function() {
-			var cellSize = textSize.map(function(d, i) {
-				return Math.max(d.height, shapeSize[i].height);
-			});
-			cellTrans = function cellTrans$1(d, i) {
-				return "translate(0, " + (sum(cellSize.slice(0, i)) + i * shapePadding) + ")";
-			};
-			textTrans = function textTrans$1(d, i) {
-				return "translate( " + (shapeSize[i].width + shapeSize[i].x + labelOffset) + ", " + (shapeSize[i].y + shapeSize[i].height / 2 + 5) + ")";
-			};
-		})();
-		else if (orient === "horizontal") {
-			cellTrans = function cellTrans$1(d, i) {
-				return "translate(" + i * (shapeSize[i].width + shapePadding) + ",0)";
-			};
-			textTrans = function textTrans$1(d, i) {
-				return "translate(" + (shapeSize[i].width * textAlign + shapeSize[i].x) + ",\n          " + (shapeSize[i].height + shapeSize[i].y + labelOffset + 8) + ")";
-			};
-		}
-		helper.d3_placement(orient, cell, cellTrans, text, textTrans, labelAlign);
-		helper.d3_title(svg, title, classPrefix, titleWidth);
-		cell.transition().style("opacity", 1);
-	}
-	legend.scale = function(_) {
-		if (!arguments.length) return scale;
-		scale = _;
-		return legend;
-	};
-	legend.cells = function(_) {
-		if (!arguments.length) return cells;
-		if (_.length > 1 || _ >= 2) cells = _;
-		return legend;
-	};
-	legend.cellFilter = function(_) {
-		if (!arguments.length) return cellFilter;
-		cellFilter = _;
-		return legend;
-	};
-	legend.shape = function(_, d) {
-		if (!arguments.length) return shape;
-		if (_ == "rect" || _ == "circle" || _ == "line" || _ == "path" && typeof d === "string") {
-			shape = _;
-			path$1 = d;
-		}
-		return legend;
-	};
-	legend.shapeWidth = function(_) {
-		if (!arguments.length) return shapeWidth;
-		shapeWidth = +_;
-		return legend;
-	};
-	legend.shapeHeight = function(_) {
-		if (!arguments.length) return shapeHeight;
-		shapeHeight = +_;
-		return legend;
-	};
-	legend.shapeRadius = function(_) {
-		if (!arguments.length) return shapeRadius;
-		shapeRadius = +_;
-		return legend;
-	};
-	legend.shapePadding = function(_) {
-		if (!arguments.length) return shapePadding;
-		shapePadding = +_;
-		return legend;
-	};
-	legend.labels = function(_) {
-		if (!arguments.length) return labels;
-		labels = _;
-		return legend;
-	};
-	legend.labelAlign = function(_) {
-		if (!arguments.length) return labelAlign;
-		if (_ == "start" || _ == "end" || _ == "middle") labelAlign = _;
-		return legend;
-	};
-	legend.locale = function(_) {
-		if (!arguments.length) return locale;
-		locale = formatLocale(_);
-		return legend;
-	};
-	legend.labelFormat = function(_) {
-		if (!arguments.length) return legend.locale().format(specifier);
-		specifier = formatSpecifier(_);
-		return legend;
-	};
-	legend.labelOffset = function(_) {
-		if (!arguments.length) return labelOffset;
-		labelOffset = +_;
-		return legend;
-	};
-	legend.labelDelimiter = function(_) {
-		if (!arguments.length) return labelDelimiter;
-		labelDelimiter = _;
-		return legend;
-	};
-	legend.labelWrap = function(_) {
-		if (!arguments.length) return labelWrap;
-		labelWrap = _;
-		return legend;
-	};
-	legend.useClass = function(_) {
-		if (!arguments.length) return useClass;
-		if (_ === true || _ === false) useClass = _;
-		return legend;
-	};
-	legend.orient = function(_) {
-		if (!arguments.length) return orient;
-		_ = _.toLowerCase();
-		if (_ == "horizontal" || _ == "vertical") orient = _;
-		return legend;
-	};
-	legend.ascending = function(_) {
-		if (!arguments.length) return ascending;
-		ascending = !!_;
-		return legend;
-	};
-	legend.classPrefix = function(_) {
-		if (!arguments.length) return classPrefix;
-		classPrefix = _;
-		return legend;
-	};
-	legend.title = function(_) {
-		if (!arguments.length) return title;
-		title = _;
-		return legend;
-	};
-	legend.titleWidth = function(_) {
-		if (!arguments.length) return titleWidth;
-		titleWidth = _;
-		return legend;
-	};
-	legend.textWrap = function(_) {
-		if (!arguments.length) return textWrap;
-		textWrap = _;
-		return legend;
-	};
-	legend.on = function() {
-		var value = legendDispatcher.on.apply(legendDispatcher, arguments);
-		return value === legendDispatcher ? legend : value;
-	};
-	return legend;
-}
-
-//#endregion
-//#region src/Legend.ts
-var Legend = class extends SVGWidget {
-	_owner;
-	_targetWidget;
-	_targetWidgetMonitor;
-	_legendOrdinal;
-	_disabled = [];
-	_symbolTypeMap = {
-		"circle": circle_default,
-		"cross": cross_default,
-		"diamond": diamond_default,
-		"square": square_default,
-		"star": star_default,
-		"triangle": triangle_default,
-		"wye": wye_default
-	};
-	constructor(owner) {
-		super();
-		this._owner = owner;
-		this._drawStartPos = "origin";
-		const context = this;
-		this._legendOrdinal = color().shape("path", symbol_default().type(circle_default).size(150)()).shapePadding(10).shapeRadius(10).on("cellclick", function(d) {
-			context.onClick(d, this);
-		}).on("cellover", (d) => {
-			context.onOver(d, this);
-		}).on("cellout", (d) => {
-			context.onOut(d, this);
-		});
-	}
-	isDisabled(d) {
-		if (typeof d === "undefined") return false;
-		else if (typeof d === "string") return d.indexOf("__") === 0 || this._disabled.indexOf(d) >= 0;
-		else if (d instanceof Database.Field) return d.id().indexOf("__") === 0 || this._disabled.indexOf(d.id()) >= 0;
-		return this._disabled.indexOf(d) >= 0;
-	}
-	filteredFields() {
-		switch (this.dataFamily()) {
-			case "2D": return this.fields();
-			case "ND": return this.fields().filter((d) => !this.isDisabled(d));
-		}
-		return this.fields();
-	}
-	filteredColumns() {
-		switch (this.dataFamily()) {
-			case "2D": return this.columns();
-			case "ND": return this.columns().filter((d) => !this.isDisabled(d));
-		}
-		return this.columns();
-	}
-	filteredData() {
-		switch (this.dataFamily()) {
-			case "2D": return this.data().filter((row) => !this.isDisabled(row[0]));
-			case "ND":
-				const disabledCols = {};
-				let anyDisabled = false;
-				this.columns().forEach((col, idx) => {
-					const disabled = this.isDisabled(col);
-					disabledCols[idx] = disabled;
-					if (disabled) anyDisabled = true;
-				});
-				return !anyDisabled ? this.data() : this.data().map((row) => {
-					return row.filter((cell, idx) => !disabledCols[idx]);
-				});
-		}
-		return this.data();
-	}
-	isRainbow() {
-		const widget = this.getWidget();
-		return widget && widget._palette && widget._palette.type() === "rainbow";
-	}
-	targetWidget(_) {
-		if (!arguments.length) return this._targetWidget;
-		this._targetWidget = _;
-		if (this._targetWidgetMonitor) {
-			this._targetWidgetMonitor.remove();
-			delete this._targetWidgetMonitor;
-		}
-		if (this._targetWidget) {
-			const context = this;
-			this._targetWidgetMonitor = this._targetWidget.monitor(function(key, newProp, oldProp, source) {
-				switch (key) {
-					case "chart":
-					case "columns":
-					case "data":
-					case "paletteID":
-						context.lazyRender();
-						break;
-				}
-			});
-		}
-		return this;
-	}
-	getWidget() {
-		if (this._targetWidget) switch (this._targetWidget.classID()) {
-			case "composite_MultiChart": return this._targetWidget.chart();
-		}
-		return this._targetWidget;
-	}
-	getPalette() {
-		const widget = this.getWidget();
-		if (widget && widget._palette) switch (widget._palette.type()) {
-			case "ordinal": return Palette.ordinal(widget._palette.id());
-			case "rainbow": return Palette.rainbow(widget._palette.id());
-		}
-		return Palette.ordinal("default");
-	}
-	getPaletteType() {
-		return this.getPalette().type();
-	}
-	fillColorFunc() {
-		const widget = this.getWidget();
-		if (widget && widget.fillColor) {
-			if (widget._palette && widget.paletteID && widget._palette.name !== widget.paletteID()) widget._palette = widget._palette.switch(widget.paletteID());
-			return (row, col, sel) => {
-				return widget.fillColor(row, col, sel);
-			};
-		}
-		const palette = Palette.ordinal(widget && widget.paletteID ? widget.paletteID() || "default" : "default");
-		return (row, col, sel) => {
-			return palette(col);
-		};
-	}
-	fillColor(row, col, sel) {
-		return this.fillColorFunc()(row, col, sel);
-	}
-	_g;
-	enter(domNode, element) {
-		super.enter(domNode, element);
-		this._g = element.append("g").attr("class", "legendOrdinal");
-	}
-	calcMetaData() {
-		let dataArr = [];
-		let total = 0;
-		let maxLabelWidth = 0;
-		const colLength = this.columns().length;
-		if (this._targetWidget) {
-			const columns = this.columns();
-			switch (this.getPaletteType()) {
-				case "ordinal":
-					const fillColor = this.fillColorFunc();
-					let val = 0;
-					switch (this.dataFamily()) {
-						case "2D":
-							dataArr = this.data().map(function(n, i) {
-								val = this.data()[i].slice(1, colLength).reduce((acc, n$1) => acc + n$1, 0);
-								const disabled = this.isDisabled(n[0]);
-								if (!disabled) total += val;
-								const label = n[0] + (!disabled && this.showSeriesTotal() ? ` (${val})` : "");
-								const textSize = this.textSize(label);
-								if (maxLabelWidth < textSize.width) maxLabelWidth = textSize.width;
-								return [
-									fillColor(n, n[0], false),
-									n[0],
-									label
-								];
-							}, this);
-							break;
-						case "ND":
-							dataArr = this.columns().filter((col) => col.indexOf("__") !== 0).filter(function(n, i) {
-								return i > 0;
-							}).map(function(n, i) {
-								val = this.data().reduce((acc, n$1) => acc + n$1[i + 1], 0);
-								const disabled = this.isDisabled(columns[i + 1]);
-								const label = n + (!disabled && this.showSeriesTotal() ? ` (${val})` : "");
-								if (!disabled) total += val;
-								const textSize = this.textSize(label);
-								if (maxLabelWidth < textSize.width) maxLabelWidth = textSize.width;
-								return [
-									fillColor(void 0, n, false),
-									n,
-									label
-								];
-							}, this);
-							break;
-						default:
-							dataArr = this.columns().map(function(n) {
-								return [fillColor(void 0, n, false), n];
-							}, this);
-							break;
-					}
-					break;
-				case "rainbow":
-					const palette = this.getPalette();
-					const format$1 = format(this.rainbowFormat());
-					const widget = this.getWidget();
-					const steps = this.rainbowBins();
-					const weightMin = widget._dataMinWeight;
-					const weightMax = widget._dataMaxWeight;
-					const stepWeightDiff = (weightMax - weightMin) / (steps - 1);
-					dataArr.push([palette(weightMin, weightMin, weightMax), format$1(weightMin)]);
-					for (let x = 1; x < steps - 1; ++x) {
-						let mid = stepWeightDiff * x;
-						if (Math.floor(mid) > parseInt(dataArr[0][1])) mid = Math.floor(mid);
-						dataArr.push([palette(mid, weightMin, weightMax), format$1(mid)]);
-					}
-					dataArr.push([palette(weightMax, weightMin, weightMax), format$1(weightMax)]);
-					break;
-			}
-		}
-		return {
-			dataArr,
-			total,
-			maxLabelWidth
-		};
-	}
-	update(domNode, element) {
-		super.update(domNode, element);
-		const { dataArr, maxLabelWidth, total } = this.calcMetaData();
-		const radius = this.shapeRadius();
-		const size = this.radiusToSymbolSize(radius);
-		const strokeWidth = 1;
-		let shapePadding = this.itemPadding();
-		if (this.orientation() === "horizontal") shapePadding += maxLabelWidth - radius * 2;
-		const ordinal = scaleOrdinal().domain(dataArr.map((row) => row[1])).range(dataArr.map((row) => row[0]));
-		this._legendOrdinal.shape("path", symbol_default().type(this._symbolTypeMap[this.symbolType()]).size(size)()).orient(this.orientation()).title(this.title()).labelWrap(this.labelMaxWidth()).labelAlign(this.labelAlign()).shapePadding(shapePadding).scale(ordinal).labels((d) => dataArr[d.i][2]);
-		this._g.call(this._legendOrdinal);
-		this.updateDisabled(element, dataArr);
-		const legendCellsBbox = this._g.select(".legendCells").node().getBBox();
-		let offsetX = Math.abs(legendCellsBbox.x);
-		let offsetY = Math.abs(legendCellsBbox.y) + strokeWidth;
-		if (this.orientation() === "horizontal") {
-			if (this.labelAlign() === "start") offsetX += strokeWidth;
-			else if (this.labelAlign() === "end") offsetX -= strokeWidth;
-			if (this.width() > legendCellsBbox.width) {
-				const extraWidth = this.width() - legendCellsBbox.width;
-				offsetX += extraWidth / 2;
-			}
-		} else if (this.orientation() === "vertical") {
-			offsetX += strokeWidth;
-			if (this._containerSize.height > legendCellsBbox.height) {
-				const extraHeight = this.height() - legendCellsBbox.height;
-				offsetY += extraHeight / 2;
-			}
-		}
-		this._g.attr("transform", `translate(${offsetX}, ${offsetY})`);
-		this.pos({
-			x: 0,
-			y: 0
-		});
-		this._legendOrdinal.labelOffset(this.itemPadding());
-		const legendTotal = this._g.selectAll(".legendTotal").data(dataArr.length && this.showLegendTotal() ? [total] : []);
-		const totalText = `Total: ${total}`;
-		const totalOffsetX = -offsetX;
-		const totalOffsetY = legendCellsBbox.height + this.itemPadding() + strokeWidth;
-		this.enableOverflowScroll(false);
-		this.enableOverflow(true);
-		legendTotal.enter().append("text").classed("legendTotal", true).merge(legendTotal).attr("transform", `translate(${totalOffsetX}, ${totalOffsetY})`).text(totalText);
-		legendTotal.exit().remove();
-	}
-	updateDisabled(element, dataArr) {
-		element.style("cursor", "pointer").selectAll("path.swatch").filter((d, i) => i < dataArr.length).style("stroke", (d, i) => dataArr[i][0]).style("fill", (d, i) => this._disabled.indexOf(d) < 0 ? dataArr[i][0] : "white");
-	}
-	postUpdate(domNode, element) {
-		let w;
-		if (this._boundingBox) {
-			w = this._boundingBox.width;
-			this._boundingBox.width = this._size.width;
-		}
-		super.postUpdate(domNode, element);
-		if (w !== void 0) this._boundingBox.width = w;
-		this._parentRelativeDiv.style("overflow", "hidden");
-	}
-	exit(domNode, element) {
-		super.exit(domNode, element);
-	}
-	radiusToSymbolSize(radius) {
-		const circleSize = Math.pow(radius, 2) * Math.PI;
-		switch (this.symbolType()) {
-			case "star": return circleSize * .45;
-			case "triangle": return circleSize * .65;
-			case "cross":
-			case "diamond":
-			case "wye": return circleSize * .75;
-			case "circle": return circleSize;
-			case "square": return circleSize * 1.3;
-		}
-	}
-	onClick(d, domNode) {
-		switch (this.getPaletteType()) {
-			case "ordinal":
-				switch (this.dataFamily()) {
-					case "2D":
-					case "ND":
-						const disabledIdx = this._disabled.indexOf(d);
-						if (disabledIdx < 0) this._disabled.push(d);
-						else this._disabled.splice(disabledIdx, 1);
-						this._owner.refreshColumns();
-						this._owner.refreshData();
-						this._owner.render();
-						break;
-				}
-				break;
-		}
-	}
-	onOver(d, domNode) {
-		if (instanceOfIHighlight(this._owner)) switch (this.getPaletteType()) {
-			case "ordinal":
-				switch (this.dataFamily()) {
-					case "2D":
-					case "ND":
-						if (this._disabled.indexOf(d) < 0) this._owner.highlightColumn(d);
-						break;
-				}
-				break;
-		}
-	}
-	onOut(d, domNode) {
-		if (instanceOfIHighlight(this._owner)) switch (this.getPaletteType()) {
-			case "ordinal":
-				switch (this.dataFamily()) {
-					case "2D":
-					case "ND":
-						this._owner.highlightColumn();
-						break;
-				}
-				break;
-		}
-	}
-	onDblClick(rowData, rowIdx) {}
-	onMouseOver(rowData, rowIdx) {}
-	_containerSize;
-	resize(_size) {
-		let retVal;
-		if (this.fitToContent()) {
-			this._containerSize = _size;
-			const bbox = this.getBBox();
-			if (_size.width > bbox.width) bbox.width = _size.width;
-			if (_size.height > bbox.height) bbox.height = _size.height;
-			retVal = super.resize.apply(this, [{ ...bbox }]);
-		} else retVal = super.resize.apply(this, arguments);
-		return retVal;
-	}
-};
-Legend.prototype._class += " layout_Legend";
-Legend.prototype.publish("title", "", "string", "Title");
-Legend.prototype.publish("symbolType", "circle", "set", "Shape of each legend item", [
-	"circle",
-	"cross",
-	"diamond",
-	"square",
-	"star",
-	"triangle",
-	"wye"
-]);
-Legend.prototype.publish("labelMaxWidth", null, "number", "Max Label Width (pixels)", null, { optional: true });
-Legend.prototype.publish("orientation", "vertical", "set", "Orientation of Legend rows", ["vertical", "horizontal"], { tags: ["Private"] });
-Legend.prototype.publish("dataFamily", "ND", "set", "Type of data", [
-	"1D",
-	"2D",
-	"ND",
-	"map",
-	"graph",
-	"any"
-], { tags: ["Private"] });
-Legend.prototype.publish("rainbowFormat", ",", "string", "Rainbow number formatting", null, {
-	tags: ["Private"],
-	optional: true,
-	disable: (w) => !w.isRainbow()
-});
-Legend.prototype.publish("rainbowBins", 8, "number", "Number of rainbow bins", null, {
-	tags: ["Private"],
-	disable: (w) => !w.isRainbow()
-});
-Legend.prototype.publish("showSeriesTotal", false, "boolean", "Show value next to series");
-Legend.prototype.publish("showLegendTotal", false, "boolean", "Show a total of the series values under the legend", null);
-Legend.prototype.publish("itemPadding", 8, "number", "Padding between legend items (pixels)");
-Legend.prototype.publish("shapeRadius", 7, "number", "Radius of legend shape (pixels)");
-Legend.prototype.publish("fitToContent", true, "boolean", "If true, resize will simply reapply the bounding box dimensions");
-Legend.prototype.publish("labelAlign", "start", "set", "Horizontal alignment of legend item label (for horizontal orientation only)", [
-	"start",
-	"middle",
-	"end"
-], {
-	optional: true,
-	disable: (w) => w.orientation() === "vertical"
-});
-
-//#endregion
-//#region src/Modal.ts
-var Modal = class extends HTMLWidget {
-	_widget;
-	_relativeTarget;
-	_fade;
-	_modal;
-	_modalHeader;
-	_modalBody;
-	_modalHeaderAnnotations;
-	_modalHeaderCloseButton;
-	_close;
-	constructor() {
-		super();
-		this._tag = "div";
-	}
-	closeModal() {
-		this.visible(false);
-	}
-	getRelativeTarget() {
-		let relativeTarget;
-		if (this.relativeTargetId()) {
-			relativeTarget = document.getElementById(this.relativeTargetId());
-			if (relativeTarget) return relativeTarget;
-		}
-		if (!relativeTarget) {
-			relativeTarget = this.locateAncestor("layout_Grid");
-			if (relativeTarget && relativeTarget.element) return relativeTarget.element().node();
-		}
-		return document.body;
-	}
-	setModalSize() {
-		if (this.fixedHeight() !== null && this.fixedWidth() !== null) this._modal.style("height", this.fixedHeight()).style("width", this.fixedWidth()).style("min-height", null).style("min-width", null).style("max-height", null).style("max-width", null);
-		else if (this.minHeight() || this.minWidth()) this._modal.style("min-height", this.minHeight()).style("min-width", this.minWidth()).style("max-height", this.maxHeight()).style("max-width", this.maxWidth());
-		const modalRect = this._modal.node().getBoundingClientRect();
-		const headerRect = this._modalHeader.node().getBoundingClientRect();
-		this._modalBody.style("height", modalRect.height - headerRect.height + "px").style("width", modalRect.width);
-		return modalRect;
-	}
-	setFadePosition(rect) {
-		this._fade.style("top", rect.top + "px").style("left", rect.left + "px").style("width", rect.width + "px").style("height", rect.height + "px");
-	}
-	setModalPosition(rect) {
-		const modalRect = this.setModalSize();
-		if (this.fixedTop() !== null && this.fixedLeft() !== null) this._modal.style("top", `calc(${this.fixedTop()} + ${rect.top}px)`).style("left", `calc(${this.fixedLeft()} + ${rect.left}px)`);
-		else if (this.fixedHeight() !== null && this.fixedWidth() !== null) this._modal.style("top", rect.top + rect.height / 2 - modalRect.height / 2 + "px").style("left", rect.left + rect.width / 2 - modalRect.width / 2 + "px");
-		else if (this.minHeight() || this.minWidth()) {
-			const contentRect = this._modal.node().getBoundingClientRect();
-			this._modal.style("top", rect.top + rect.height / 2 - contentRect.height / 2 + "px").style("left", rect.left + rect.width / 2 - contentRect.width / 2 + "px");
-		}
-	}
-	resize(size) {
-		super.resize();
-		if (this._modal) this.setModalSize();
-		return this;
-	}
-	resizeBodySync(width, height) {
-		const headerRect = this._modalHeader.node().getBoundingClientRect();
-		this._modal.style("width", width + "px").style("height", height + headerRect.height + "px").style("min-width", width + "px").style("min-height", height + headerRect.height + "px");
-		this._modalHeader.style("width", width + "px");
-		this._modalBody.style("width", width + "px").style("height", height + "px");
-		return this.minWidth(width + "px").minHeight(height + headerRect.height + "px").resize({
-			height: height + headerRect.height,
-			width
-		});
-	}
-	enter(domNode, element) {
-		super.enter(domNode, element);
-		this._fade = element.append("div").classed("layout_Modal-fade", true).classed("layout_Modal-fadeClickable", this.enableClickFadeToClose()).classed("layout_Modal-fade-hidden", !this.showFade());
-		const header_h = this.titleFontSize() * 2;
-		this._modal = element.append("div").classed("layout_Modal-content", true);
-		this._modalHeader = this._modal.append("div").classed("layout_Modal-header", true).style("color", this.titleFontColor()).style("font-size", this.titleFontSize() + "px").style("height", header_h + "px");
-		this._modalBody = this._modal.append("div").classed("layout_Modal-body", true).style("height", `calc( 100% - ${header_h}px )`).style("overflow-x", this.overflowX()).style("overflow-y", this.overflowY());
-		this._modalHeader.append("div").classed("layout_Modal-title", true).style("line-height", this.titleFontSize() + "px").style("top", this.titleFontSize() / 2 + "px").style("left", this.titleFontSize() / 2 + "px").text(this.formattedTitle());
-		this._modalHeaderAnnotations = this._modalHeader.append("div").classed("layout_Modal-annotations", true);
-		this._modalHeaderCloseButton = this._modalHeaderAnnotations.append("div").classed("layout_Modal-closeButton", true).html("<i class=\"fa fa-close\"></i>");
-		this._modalHeaderAnnotations.style("line-height", this.titleFontSize() + "px").style("right", this.titleFontSize() / 2 + "px").style("top", this.titleFontSize() / 2 + "px");
-		this._modalHeaderCloseButton.on("click", () => {
-			this.closeModal();
-		});
-		this._fade.on("click", (n) => {
-			if (this.enableClickFadeToClose()) this.closeModal();
-		});
-	}
-	update(domNode, element) {
-		super.update(domNode, element);
-		element.style("display", this.show() ? null : "none");
-		this._fade.classed("layout_Modal-fade-hidden", !this.showFade());
-		this._relativeTarget = this.getRelativeTarget();
-		this.setModalSize();
-		const rect = this._relativeTarget.getBoundingClientRect();
-		this.setFadePosition(rect);
-		this.setModalPosition(rect);
-		if (this.show()) {
-			if (!this._widget.target()) this._widget.target(this._modalBody.node());
-			this._widget.resize().render();
-		} else this._widget.target(null).render();
-	}
-	exit(domNode, element) {
-		if (this._widget) this._widget.target(null);
-		super.exit(domNode, element);
-	}
-	formattedTitle() {
-		const title = this.title_exists() ? this.title().trim() : "";
-		if (title.length > 0 && title.slice(0, 1) === "(" && title.slice(-1) === ")") return title.slice(1, -1);
-		return this.title();
-	}
-};
-Modal.prototype._class += " layout_Modal";
-Modal.prototype.publish("title", null, "string", "title");
-Modal.prototype.publish("widget", null, "widget", "widget");
-Modal.prototype.publish("titleFontSize", 18, "number", "titleFontSize (in pixels)");
-Modal.prototype.publish("titleFontColor", "#ffffff", "html-color", "titleFontColor");
-Modal.prototype.publish("relativeTargetId", null, "string", "relativeTargetId");
-Modal.prototype.publish("show", true, "boolean", "show");
-Modal.prototype.publish("showFade", true, "boolean", "showFade");
-Modal.prototype.publish("enableClickFadeToClose", true, "boolean", "enableClickFadeToClose");
-Modal.prototype.publish("minWidth", "400px", "string", "minWidth");
-Modal.prototype.publish("minHeight", "400px", "string", "minHeight");
-Modal.prototype.publish("maxWidth", "800px", "string", "maxWidth");
-Modal.prototype.publish("maxHeight", "800px", "string", "maxHeight");
-Modal.prototype.publish("fixedWidth", null, "string", "fixedWidth");
-Modal.prototype.publish("fixedHeight", null, "string", "fixedHeight");
-Modal.prototype.publish("fixedTop", null, "string", "fixedTop");
-Modal.prototype.publish("fixedLeft", null, "string", "fixedLeft");
-Modal.prototype.publish("overflowX", "hidden", "string", "overflowX");
-Modal.prototype.publish("overflowY", "scroll", "string", "overflowY");
-
-//#endregion
-//#region src/ChartPanel.ts
-var ChartPanel = class extends Border2 {
-	_legend = new Legend(this).enableOverflow(true);
-	_progressBar = new ProgressBar();
-	_autoScale = false;
-	_resolutions = {
-		tiny: {
-			width: 100,
-			height: 100
-		},
-		small: {
-			width: 300,
-			height: 300
-		}
-	};
-	_modal = new Modal();
-	_highlight;
-	_scale;
-	_orig_size;
-	_toggleInfo = new ToggleButton().faChar("fa-info-circle").tooltip(".Description").selected(false).on("enabled", () => {
-		return this.description() !== "";
-	}).on("click", () => {
-		if (this._toggleInfo.selected()) {
-			this._modal.title(this.title()).widget(new Text().text(this.description())).show(true).render();
-			const origCloseFunc = this._modal._close;
-			this._modal._close = () => {
-				this._toggleInfo.selected(false).render();
-				this._modal._close = origCloseFunc;
-			};
-		}
-	}).on("mouseMove", () => {}).on("mouseOut", () => {});
-	_toggleData = new ToggleButton().faChar("fa-table").tooltip("Data").on("click", () => {
-		this.dataVisible(this._toggleData.selected());
-		this.render();
-	});
-	_buttonDownload = new Button().faChar("fa-download").tooltip("Download").on("click", () => {
-		this.downloadCSV();
-	});
-	_buttonDownloadImage = new Button().faChar("fa-image").tooltip("Download Image").on("click", () => {
-		this.downloadPNG();
-	});
-	_toggleLegend = new ToggleButton().faChar("fa-list-ul").tooltip("Legend").selected(false).on("click", () => {
-		const selected = this._toggleLegend.selected();
-		if (this.legendPosition() === "bottom") this.showBottom(selected);
-		else if (this.legendPosition() === "right") this.showRight(selected);
-		this.legendVisible(selected);
-		this.render();
-	});
-	_spacer = new Spacer();
-	_titleBar = new TitleBar().buttons([
-		this._toggleData,
-		this._buttonDownload,
-		this._buttonDownloadImage,
-		this._spacer,
-		this._toggleLegend
-	]);
-	_carousel = new Carousel();
-	_table = new Table();
-	_widget;
-	_hideLegendToggleList = ["dgrid_Table"];
-	constructor() {
-		super();
-		this._tag = "div";
-	}
-	fields(_) {
-		if (!arguments.length) return super.fields();
-		super.fields(_);
-		this._legend.fields(_);
-		this.refreshFields();
-		return this;
-	}
-	refreshFields() {
-		this._widget.fields(this._legend.filteredFields());
-		this._table.fields(this._legend.filteredFields());
-		return this;
-	}
-	columns(_, asDefault) {
-		if (!arguments.length) return super.columns();
-		super.columns(_, asDefault);
-		this._legend.columns(_, asDefault);
-		this.refreshColumns();
-		return this;
-	}
-	refreshColumns() {
-		this._widget.columns(this._legend.filteredColumns());
-		this._table.columns(this._legend.filteredColumns());
-		return this;
-	}
-	data(_) {
-		if (!arguments.length) return super.data();
-		super.data(_);
-		this._legend.data(_);
-		this.refreshData();
-		return this;
-	}
-	refreshData() {
-		this._widget.data(this._legend.filteredData());
-		this._table.data(this._legend.filteredData());
-		return this;
-	}
-	highlight(_) {
-		if (!arguments.length) return this._highlight;
-		this._highlight = _;
-		return this;
-	}
-	startProgress() {
-		this._progressBar.start();
-	}
-	finishProgress() {
-		this._progressBar.finish();
-	}
-	buttons(_) {
-		if (!arguments.length) return this._titleBar.buttons();
-		this._titleBar.buttons(_);
-		return this;
-	}
-	downloadCSV() {
-		const namePrefix = this.downloadTitle() ? this.downloadTitle() : this.title() ? this.title() : "data";
-		const nameSuffix = this.downloadTimestampSuffix() ? "_" + Utility.timestamp() : "";
-		Utility.downloadString("CSV", this._widget.export("CSV"), namePrefix + nameSuffix);
-		return this;
-	}
-	downloadPNG() {
-		const widget = this.widget();
-		if (widget instanceof SVGWidget) if (!this.legendVisible()) widget.downloadPNG(this.title());
-		else widget.downloadPNG(this.title(), void 0, this._legend);
-		return this;
-	}
-	highlightColumn(column) {
-		if (column) {
-			const cssTag = `series-${this.cssTag(column)}`;
-			this._centerWA.element().selectAll(".series").each(function() {
-				const element = select(this);
-				const highlight = element.classed(cssTag);
-				element.classed("highlight", highlight).classed("lowlight", !highlight);
-			});
-		} else this._centerWA.element().selectAll(".series").classed("highlight", false).classed("lowlight", false);
-		return this;
-	}
-	getResponsiveMode() {
-		if (!this.enableAutoscaling()) return "none";
-		if (!this._autoScale) return "regular";
-		if (this.size().width <= this._resolutions.tiny.width || this.size().height <= this._resolutions.tiny.height) return "tiny";
-		else if (this.size().width <= this._resolutions.small.width || this.size().height <= this._resolutions.small.height) return "small";
-		return "regular";
-	}
-	setOrigSize() {
-		this._orig_size = JSON.parse(JSON.stringify(this.size()));
-	}
-	enter(domNode, element) {
-		super.enter(domNode, element);
-		this._modal.target(this.target()).relativeTargetId(this.id());
-		this.top(this._titleBar);
-		this.center(this._carousel);
-		this._legend.targetWidget(this._widget).orientation("vertical").title("").visible(false);
-		this._progressBar.enter(domNode, element);
-		this.setOrigSize();
-	}
-	preUpdateTiny(element) {
-		element.selectAll("div.body,div.title-text,div.icon-bar").style("display", "none");
-	}
-	preUpdateSmall(element) {
-		const scale_x = this._orig_size.width / this._resolutions.small.width;
-		const scale_y = this._orig_size.height / this._resolutions.small.height;
-		this._scale = Math.min(scale_x, scale_y);
-		const x_is_smaller = this._scale === scale_x;
-		this.size({
-			width: x_is_smaller ? this._resolutions.small.width : this._orig_size.width * (1 / this._scale),
-			height: !x_is_smaller ? this._resolutions.small.height : this._orig_size.height * (1 / this._scale)
-		});
-		element.select("div.title-icon").style("position", "static");
-		element.selectAll("lhs").style("display", "none");
-		element.selectAll("div.body,div.title-text,div.icon-bar").style("display", "");
-		element.selectAll("div.data-count").style("visibility", "hidden");
-		element.style("transform", `scale(${this._scale})`);
-	}
-	preUpdateRegular(element) {
-		element.selectAll("div.body,div.title-text,div.icon-bar").style("display", "");
-		element.selectAll("div.data-count").style("visibility", "hidden");
-		element.select("div.title-icon").style("position", "static");
-		element.style("transform", "translate(0px,0px) scale(1)");
-	}
-	_prevdataVisible;
-	_prevlegendVisible;
-	_prevLegendPosition;
-	_prevChartDataFamily;
-	_prevChart;
-	_prevButtons;
-	update(domNode, element) {
-		super.update(domNode, element);
-	}
-	preUpdate(domNode, element) {
-		super.preUpdate(domNode, element);
-		if (this._prevLegendPosition !== this.legendPosition()) {
-			if (this._legend.target() !== null) this._legend.target(null);
-			if (this._prevLegendPosition !== void 0) this.swap(this._prevLegendPosition, this.legendPosition());
-			else this[this.legendPosition()](this._legend);
-			if (this.legendPosition() === "right") {
-				this.rightOverflowX("hidden");
-				this.rightOverflowY("auto");
-				this.bottomOverflowX("visible");
-				this.bottomOverflowY("visible");
-			} else {
-				this.rightOverflowX("visible");
-				this.rightOverflowY("visible");
-				this.bottomOverflowX("auto");
-				this.bottomOverflowY("hidden");
-			}
-			this._prevLegendPosition = this.legendPosition();
-		}
-		if (this._prevdataVisible !== this.dataVisible()) {
-			this._prevdataVisible = this.dataVisible();
-			this._toggleData.selected(this._prevdataVisible);
-			this._legend.visible(this._prevlegendVisible && !this._prevdataVisible);
-			this._carousel.active(this._prevdataVisible ? 1 : 0);
-		}
-		if (this._prevlegendVisible !== this.legendVisible()) {
-			this._prevlegendVisible = this.legendVisible();
-			this._toggleLegend.selected(this._prevlegendVisible);
-			this._legend.visible(this._prevlegendVisible && !this._prevdataVisible);
-		}
-		this._legend.orientation(this.legendPosition() === "bottom" ? "horizontal" : "vertical");
-		this.showLeft(!this.left());
-		switch (this.getResponsiveMode()) {
-			case "tiny":
-				this.preUpdateTiny(element);
-				break;
-			case "small":
-				this.preUpdateSmall(element);
-				break;
-			case "regular":
-				this.preUpdateRegular(element);
-				break;
-		}
-		const chart = this._widget.classID() === "composite_MultiChart" ? this._widget["chart"]() : this._widget;
-		this._legend.dataFamily(chart._dataFamily || "any");
-		if (this._prevChartDataFamily !== this._legend.dataFamily()) {
-			this._prevChartDataFamily = this._legend.dataFamily();
-			switch (this._prevChartDataFamily) {
-				case "any":
-					this._toggleLegend.selected(false);
-					this._legend.visible(false);
-					break;
-			}
-		}
-		element.style("box-shadow", this.highlight() ? `inset 0px 0px 0px ${this.highlightSize()}px ${this.highlightColor()}` : "none");
-		if (this._hideLegendToggleList.indexOf(chart.classID()) !== -1) {
-			this._spacer.visible(false);
-			this._toggleLegend.visible(false);
-		} else {
-			this._spacer.visible(true);
-			this._toggleLegend.visible(true);
-		}
-		if (this._prevChart !== chart) {
-			this._prevChart = chart;
-			const widgetIconBar = chart ? chart["_titleBar"] || chart["_iconBar"] : void 0;
-			if (widgetIconBar && widgetIconBar instanceof IconBar) {
-				this._prevButtons = this._prevButtons || [...this.buttons()];
-				const buttons = [
-					...widgetIconBar.buttons(),
-					new Spacer(),
-					...this._prevButtons
-				];
-				widgetIconBar.buttons([]).render();
-				this.buttons(buttons);
-			} else if (this._prevButtons) this.buttons(this._prevButtons);
-		}
-		const hiddenButtons = [];
-		if (!this.dataButtonVisible()) hiddenButtons.push(this._toggleData);
-		if (!this.downloadButtonVisible()) hiddenButtons.push(this._buttonDownload);
-		if (!this.downloadImageButtonVisible()) hiddenButtons.push(this._buttonDownloadImage);
-		if (!this.legendButtonVisible()) hiddenButtons.push(this._toggleLegend);
-		this._buttonDownloadImage.enabled(this.widget() instanceof SVGWidget);
-		this._titleBar.hiddenButtons(hiddenButtons).visible(this.titleVisible());
-		this.topOverlay(this.titleOverlay() || !this.titleVisible());
-	}
-	postUpdate(domNode, element) {
-		super.postUpdate(domNode, element);
-		switch (this.getResponsiveMode()) {
-			case "tiny":
-				this.postUpdateTiny(element);
-				break;
-			case "small":
-				this.postUpdateSmall(element);
-				break;
-			case "regular":
-				this.postUpdateRegular(element);
-				break;
-		}
-	}
-	postUpdateTiny(element) {
-		element.selectAll("div.body,div.title-text,div.icon-bar").style("display", "none");
-		element.selectAll("div.data-count").style("visibility", "visible").style("font-size", this.titleIconFontSize() / 3 + "px").style("line-height", this.titleIconFontSize() / 3 + "px").style("left", this.titleIconFontSize() + "px").text(this.data().length);
-		element.style("transform", "translate(0px,0px) scale(1)");
-		const iconDiv = element.selectAll("div.title-icon");
-		const _node = iconDiv.node();
-		const containerRect = element.node().parentElement.getBoundingClientRect();
-		if (_node) {
-			const rect = iconDiv.node().getBoundingClientRect();
-			const icon_top = containerRect.height / 2;
-			iconDiv.style("position", "absolute").style("left", `calc(50% - ${rect.width / 2}px)`).style("top", `${icon_top - rect.height / 2}px`);
-			element.selectAll("div.data-count").style("position", "absolute").style("left", `calc(50% + ${rect.width / 2}px)`).style("top", `${icon_top - rect.height / 2}px`);
-		}
-	}
-	postUpdateSmall(element) {
-		element.selectAll("lhs").style("display", "none");
-		element.selectAll("div.title-icon").style("position", "static");
-		element.selectAll("div.body,div.title-text,div.icon-bar").style("display", "");
-		element.selectAll("div.data-count").style("visibility", "hidden");
-		const rect = element.node().getBoundingClientRect();
-		const parentRect = element.node().parentElement.getBoundingClientRect();
-		element.style("transform", `translate(${parentRect.x - rect.x}px, ${parentRect.y - rect.y}px) scale(${this._scale})`);
-	}
-	postUpdateRegular(element) {
-		element.selectAll("div.title-icon").style("position", "static");
-		element.selectAll("div.body,div.title-text,div.icon-bar").style("display", "");
-		element.selectAll("div.data-count").style("visibility", "hidden");
-	}
-	exit(domNode, element) {
-		this._progressBar.exit(domNode, element);
-		this.right(null);
-		this._legend.target(null);
-		this.center(null);
-		this._carousel.target(null);
-		this.top(null);
-		this._titleBar.target(null);
-		this._modal.target(null);
-		delete this._prevChart;
-		delete this._prevButtons;
-		delete this._prevChartDataFamily;
-		delete this._prevPos;
-		delete this._prevdataVisible;
-		delete this._prevlegendVisible;
-		super.exit(domNode, element);
-	}
-	click(row, column, selected) {}
-	dblclick(row, column, selected) {}
-	vertex_click(row, col, sel, more) {
-		if (more && more.vertex) {}
-	}
-	vertex_dblclick(row, col, sel, more) {
-		if (more && more.vertex) {}
-	}
-	edge_click(row, col, sel, more) {
-		if (more && more.edge) {}
-	}
-	edge_dblclick(row, col, sel, more) {
-		if (more && more.edge) {}
-	}
-};
-ChartPanel.prototype._class += " layout_ChartPanel";
-ChartPanel.prototype.publishReset();
-ChartPanel.prototype.publishProxy("title", "_titleBar");
-ChartPanel.prototype.publish("titleVisible", true, "boolean");
-ChartPanel.prototype.publish("titleOverlay", false, "boolean");
-ChartPanel.prototype.publishProxy("titleIcon", "_titleBar");
-ChartPanel.prototype.publishProxy("titleIconFont", "_titleBar");
-ChartPanel.prototype.publishProxy("titleFont", "_titleBar");
-ChartPanel.prototype.publishProxy("titleIconFontSize", "_titleBar");
-ChartPanel.prototype.publishProxy("titleFontSize", "_titleBar");
-ChartPanel.prototype.publishProxy("description", "_titleBar");
-ChartPanel.prototype.publishProxy("descriptionFont", "_titleBar");
-ChartPanel.prototype.publishProxy("descriptionFontSize", "_titleBar");
-ChartPanel.prototype.publish("dataVisible", false, "boolean", "Show data table");
-ChartPanel.prototype.publish("dataButtonVisible", true, "boolean", "Show data table button");
-ChartPanel.prototype.publish("downloadButtonVisible", true, "boolean", "Show data download button");
-ChartPanel.prototype.publish("downloadImageButtonVisible", false, "boolean", "Show image download button");
-ChartPanel.prototype.publish("downloadTitle", "", "string", "File name when downloaded");
-ChartPanel.prototype.publish("downloadTimestampSuffix", true, "boolean", "Use timestamp as file name suffix");
-ChartPanel.prototype.publish("legendVisible", false, "boolean", "Show legend");
-ChartPanel.prototype.publish("legendButtonVisible", true, "boolean", "Show legend button");
-ChartPanel.prototype.publish("legendPosition", "right", "set", "Position of legend", ["right", "bottom"]);
-ChartPanel.prototype.publishProxy("legend_labelMaxWidth", "_legend", "labelMaxWidth");
-ChartPanel.prototype.publishProxy("legend_showSeriesTotal", "_legend", "showSeriesTotal");
-ChartPanel.prototype.publishProxy("legend_showLegendTotal", "_legend", "showLegendTotal");
-ChartPanel.prototype.publishProxy("legend_itemPadding", "_legend", "itemPadding");
-ChartPanel.prototype.publishProxy("legend_shapeRadius", "_legend", "shapeRadius");
-ChartPanel.prototype.publishProxy("legend_symbolType", "_legend", "symbolType");
-ChartPanel.prototype.publishProxy("legend_labelAlign", "_legend", "labelAlign");
-ChartPanel.prototype.publish("widget", null, "widget", "Widget", void 0, { render: false });
-ChartPanel.prototype.publish("enableAutoscaling", false, "boolean");
-ChartPanel.prototype.publish("highlightSize", 4, "number");
-ChartPanel.prototype.publish("highlightColor", "#e67e22", "html-color");
-ChartPanel.prototype.publishProxy("progress_halfLife", "_progressBar", "halfLife");
-ChartPanel.prototype.publishProxy("progress_decay", "_progressBar", "decay");
-ChartPanel.prototype.publishProxy("progress_size", "_progressBar", "size");
-ChartPanel.prototype.publishProxy("progress_color", "_progressBar", "color");
-ChartPanel.prototype.publishProxy("progress_blurBar", "_progressBar", "blurBar");
-ChartPanel.prototype.publishProxy("progress_blurSize", "_progressBar", "blurSize");
-ChartPanel.prototype.publishProxy("progress_blurColor", "_progressBar", "blurColor");
-ChartPanel.prototype.publishProxy("progress_blurOpacity", "_progressBar", "blurOpacity");
-ChartPanel.prototype.widget = function(_) {
-	if (!arguments.length) return this._widget;
-	this._carousel.widgets([_, this._table]);
-	this._widget = _;
-	this._widget.fields(this._legend.filteredFields()).data(this._legend.filteredData());
-	const context = this;
-	const tmpAny = this._widget;
-	tmpAny.click = function() {
-		context.click.apply(context, arguments);
-	};
-	tmpAny.dblclick = function() {
-		context.dblclick.apply(context, arguments);
-	};
-	tmpAny.vertex_click = function() {
-		context.vertex_click.apply(context, arguments);
-	};
-	tmpAny.vertex_dblclick = function() {
-		context.vertex_dblclick.apply(context, arguments);
-	};
-	tmpAny.edge_click = function() {
-		context.edge_click.apply(context, arguments);
-	};
-	tmpAny.edge_dblclick = function() {
-		context.edge_dblclick.apply(context, arguments);
-	};
-	return this;
-};
-
-//#endregion
-//#region src/FlexGrid.ts
-var FlexGrid = class extends HTMLWidget {
-	constructor() {
-		super();
-	}
-	enter(domNode, element) {
-		super.enter(domNode, element);
-		select(domNode.parentNode).style("height", "100%").style("width", "100%");
-	}
-	update(domNode, element) {
-		super.update(domNode, element);
-		const context = this;
-		const cachedSizes = [];
-		this.updateFlexParent(element);
-		const listItems = element.selectAll(".FlexGrid-list-item").data(this.widgets(), (w) => w.id());
-		listItems.enter().append("div").classed("FlexGrid-list-item", true).each(function(w) {
-			w.target(this);
-		}).merge(listItems).style("min-height", this.itemMinHeight() + "px").style("min-width", this.itemMinWidth() + "px").style("flex-basis", (n, i) => {
-			const flexBasis = this.widgetsFlexBasis()[i];
-			return typeof flexBasis !== "undefined" ? flexBasis : this.flexBasis();
-		}).style("flex-grow", (n, i) => {
-			const flexGrow = this.widgetsFlexGrow()[i];
-			return typeof flexGrow !== "undefined" ? flexGrow : this.flexGrow();
-		}).style("border-width", this.borderWidth() + "px").style("border-color", this.itemBorderColor()).each(function() {
-			this.firstChild.style.display = "none";
-		}).each(function() {
-			const rect = this.getBoundingClientRect();
-			cachedSizes.push([rect.width, rect.height]);
-		}).each(function(w, i) {
-			this.firstChild.style.display = "block";
-			w.resize({
-				width: cachedSizes[i][0] - 2 * context.borderWidth(),
-				height: cachedSizes[i][1] - 2 * context.borderWidth()
-			});
-		});
-		listItems.exit().remove();
-	}
-	exit(domNode, element) {
-		super.exit(domNode, element);
-	}
-	updateFlexParent(element) {
-		element.style("height", "100%").style("flex-direction", this.orientation() === "horizontal" ? "row" : "column").style("flex-wrap", this.flexWrap()).style("align-items", this.alignItems()).style("align-content", this.alignContent()).style("overflow-x", () => {
-			if (this.forceXScroll() || this.orientation() === "horizontal" && this.flexWrap() === "nowrap" && !this.disableScroll()) return "scroll";
-			return "hidden";
-		}).style("overflow-y", () => {
-			if (this.forceYScroll() || this.orientation() === "vertical" && this.flexWrap() === "nowrap" && !this.disableScroll()) return "scroll";
-			return "hidden";
-		});
-	}
-};
-FlexGrid.prototype._class += " layout_FlexGrid";
-FlexGrid.prototype.publish("itemBorderColor", "transparent", "html-color", "Color of list item borders");
-FlexGrid.prototype.publish("borderWidth", 0, "number", "Width of list item borders (pixels)");
-FlexGrid.prototype.publish("orientation", "horizontal", "set", "Controls the flex-direction of the list items", ["horizontal", "vertical"]);
-FlexGrid.prototype.publish("flexWrap", "wrap", "set", "Controls the line wrap when overflow occurs", [
-	"nowrap",
-	"wrap",
-	"wrap-reverse"
-]);
-FlexGrid.prototype.publish("disableScroll", false, "boolean", "If false, scrollbar will show (when flexWrap is set to 'nowrap')", null, { disable: (w) => w.flexWrap() !== "nowrap" });
-FlexGrid.prototype.publish("forceXScroll", false, "boolean", "If true, horzontal scrollbar will show");
-FlexGrid.prototype.publish("forceYScroll", false, "boolean", "If true, vertical scrollbar will show");
-FlexGrid.prototype.publish("itemMinHeight", 64, "number", "Minimum height of a list item (pixels)");
-FlexGrid.prototype.publish("itemMinWidth", 64, "number", "Minimum width of a list item (pixels)");
-FlexGrid.prototype.publish("alignItems", "stretch", "set", "Controls normal alignment of items", [
-	"flex-start",
-	"center",
-	"flex-end",
-	"stretch"
-]);
-FlexGrid.prototype.publish("alignContent", "stretch", "set", "Controls normal alignment of item rows", [
-	"flex-start",
-	"center",
-	"flex-end",
-	"stretch",
-	"space-between",
-	"space-around"
-]);
-FlexGrid.prototype.publish("flexGrow", 1, "number", "Default flex-grow style for all list items");
-FlexGrid.prototype.publish("flexBasis", "10%", "string", "Default flex-basis style for all list items");
-FlexGrid.prototype.publish("widgetsFlexGrow", [], "array", "Array of flex-grow values keyed on the widgets array");
-FlexGrid.prototype.publish("widgetsFlexBasis", [], "array", "Array of flex-basis values keyed on the widgets array");
-FlexGrid.prototype.publish("widgets", [], "widgetArray", "Array of widgets to be rendered as list items");
-
-//#endregion
-//#region ../../node_modules/grid-list/src/gridList.js
-var require_gridList = /* @__PURE__ */ __commonJS({ "../../node_modules/grid-list/src/gridList.js": ((exports, module) => {
-	(function(root, factory) {
-		if (typeof define === "function" && define.amd) define([], factory);
-		else if (typeof exports === "object") module.exports = factory();
-		else root.GridList = factory();
-	})(exports, function() {
-		var GridList$1 = function(items, options) {
-			/**
-			* A GridList manages the two-dimensional positions from a list of items,
-			* within a virtual matrix.
-			*
-			* The GridList's main function is to convert the item positions from one
-			* grid size to another, maintaining as much of their order as possible.
-			*
-			* The GridList's second function is to handle collisions when moving an item
-			* over another.
-			*
-			* The positioning algorithm places items in columns. Starting from left to
-			* right, going through each column top to bottom.
-			*
-			* The size of an item is expressed using the number of cols and rows it
-			* takes up within the grid (w and h)
-			*
-			* The position of an item is express using the col and row position within
-			* the grid (x and y)
-			*
-			* An item is an object of structure:
-			* {
-			*   w: 3, h: 1,
-			*   x: 0, y: 1
-			* }
-			*/
-			this._options = options;
-			for (var k$1 in this.defaults) if (!this._options.hasOwnProperty(k$1)) this._options[k$1] = this.defaults[k$1];
-			this.items = items;
-			this._adjustSizeOfItems();
-			this.generateGrid();
-		};
-		GridList$1.cloneItems = function(items, _items) {
-			/**
-			* Clone items with a deep level of one. Items are not referenced but their
-			* properties are
-			*/
-			var i, k$1;
-			if (_items === void 0) _items = [];
-			for (i = 0; i < items.length; i++) {
-				if (!_items[i]) _items[i] = {};
-				for (k$1 in items[i]) _items[i][k$1] = items[i][k$1];
-			}
-			return _items;
-		};
-		GridList$1.prototype = {
-			defaults: {
-				lanes: 5,
-				direction: "horizontal"
-			},
-			toString: function() {
-				var widthOfGrid = this.grid.length, output = "\n #|", border = "\n --", item, i, j;
-				for (i = 0; i < widthOfGrid; i++) {
-					output += " " + this._padNumber(i, " ");
-					border += "---";
-				}
-				output += border;
-				for (i = 0; i < this._options.lanes; i++) {
-					output += "\n" + this._padNumber(i, " ") + "|";
-					for (j = 0; j < widthOfGrid; j++) {
-						output += " ";
-						item = this.grid[j][i];
-						output += item ? this._padNumber(this.items.indexOf(item), "0") : "--";
-					}
-				}
-				output += "\n";
-				return output;
-			},
-			generateGrid: function() {
-				/**
-				* Build the grid structure from scratch, with the current item positions
-				*/
-				var i;
-				this._resetGrid();
-				for (i = 0; i < this.items.length; i++) this._markItemPositionToGrid(this.items[i]);
-			},
-			resizeGrid: function(lanes) {
-				var currentColumn = 0;
-				this._options.lanes = lanes;
-				this._adjustSizeOfItems();
-				this._sortItemsByPosition();
-				this._resetGrid();
-				for (var i = 0; i < this.items.length; i++) {
-					var item = this.items[i], position = this._getItemPosition(item);
-					this._updateItemPosition(item, this.findPositionForItem(item, {
-						x: currentColumn,
-						y: 0
-					}));
-					currentColumn = Math.max(currentColumn, position.x);
-				}
-				this._pullItemsToLeft();
-			},
-			findPositionForItem: function(item, start, fixedRow) {
-				/**
-				* This method has two options for the position we want for the item:
-				* - Starting from a certain row/column number and only looking for
-				*   positions to its right
-				* - Accepting positions for a certain row number only (use-case: items
-				*   being shifted to the left/right as a result of collisions)
-				*
-				* @param {Object<x:Number, y:Number, w:Number, h:Number} item
-				* @param {Object<x:Number, y:Number} start Position from which to start
-				*     the search.
-				* @param {Number} [fixedRow] If provided, we're going to try to find a
-				*     position for the new item on it. If doesn't fit there, we're going
-				*     to put it on the first row.
-				*
-				* @returns {Number[2]} x and y.
-				*/
-				var x, y, position;
-				for (x = start.x; x < this.grid.length; x++) if (fixedRow !== void 0) {
-					position = [x, fixedRow];
-					if (this._itemFitsAtPosition(item, position)) return position;
-				} else for (y = start.y; y < this._options.lanes; y++) {
-					position = [x, y];
-					if (this._itemFitsAtPosition(item, position)) return position;
-				}
-				var newCol = this.grid.length, newRow = 0;
-				if (fixedRow !== void 0 && this._itemFitsAtPosition(item, [newCol, fixedRow])) newRow = fixedRow;
-				return [newCol, newRow];
-			},
-			moveItemToPosition: function(item, newPosition) {
-				var position = this._getItemPosition({
-					x: newPosition[0],
-					y: newPosition[1],
-					w: item.w,
-					h: item.h
-				});
-				this._updateItemPosition(item, [position.x, position.y]);
-				this._resolveCollisions(item);
-			},
-			resizeItem: function(item, size) {
-				/**
-				* Resize an item and resolve collisions.
-				*
-				* @param {Object} item A reference to an item that's part of the grid.
-				* @param {Object} size
-				* @param {Number} [size.w=item.w] The new width.
-				* @param {Number} [size.h=item.h] The new height.
-				*/
-				var width = size.w || item.w, height = size.h || item.h;
-				this._updateItemSize(item, width, height);
-				this._resolveCollisions(item);
-				this._pullItemsToLeft();
-			},
-			getChangedItems: function(initialItems, idAttribute) {
-				/**
-				* Compare the current items against a previous snapshot and return only
-				* the ones that changed their attributes in the meantime. This includes both
-				* position (x, y) and size (w, h)
-				*
-				* Since both their position and size can change, the items need an
-				* additional identifier attribute to match them with their previous state
-				*/
-				var changedItems = [];
-				for (var i = 0; i < initialItems.length; i++) {
-					var item = this._getItemByAttribute(idAttribute, initialItems[i][idAttribute]);
-					if (item.x !== initialItems[i].x || item.y !== initialItems[i].y || item.w !== initialItems[i].w || item.h !== initialItems[i].h) changedItems.push(item);
-				}
-				return changedItems;
-			},
-			_sortItemsByPosition: function() {
-				this.items.sort(function(item1, item2) {
-					var position1 = this._getItemPosition(item1), position2 = this._getItemPosition(item2);
-					if (position1.x != position2.x) return position1.x - position2.x;
-					if (position1.y != position2.y) return position1.y - position2.y;
-					return 0;
-				}.bind(this));
-			},
-			_adjustSizeOfItems: function() {
-				/**
-				* Some items can have 100% height or 100% width. Those dimmensions are
-				* expressed as 0. We need to ensure a valid width and height for each of
-				* those items as the number of items per lane.
-				*/
-				for (var i = 0; i < this.items.length; i++) {
-					var item = this.items[i];
-					if (item.autoSize === void 0) item.autoSize = item.w === 0 || item.h === 0;
-					if (item.autoSize) if (this._options.direction === "horizontal") item.h = this._options.lanes;
-					else item.w = this._options.lanes;
-				}
-			},
-			_resetGrid: function() {
-				this.grid = [];
-			},
-			_itemFitsAtPosition: function(item, newPosition) {
-				/**
-				* Check that an item wouldn't overlap with another one if placed at a
-				* certain position within the grid
-				*/
-				var position = this._getItemPosition(item), x, y;
-				if (newPosition[0] < 0 || newPosition[1] < 0) return false;
-				if (newPosition[1] + position.h > this._options.lanes) return false;
-				for (x = newPosition[0]; x < newPosition[0] + position.w; x++) {
-					var col = this.grid[x];
-					if (!col) continue;
-					for (y = newPosition[1]; y < newPosition[1] + position.h; y++) if (col[y] && col[y] !== item) return false;
-				}
-				return true;
-			},
-			_updateItemPosition: function(item, position) {
-				if (item.x !== null && item.y !== null) this._deleteItemPositionFromGrid(item);
-				this._setItemPosition(item, position);
-				this._markItemPositionToGrid(item);
-			},
-			_updateItemSize: function(item, width, height) {
-				/**
-				* @param {Object} item A reference to a grid item.
-				* @param {Number} width The new width.
-				* @param {Number} height The new height.
-				*/
-				if (item.x !== null && item.y !== null) this._deleteItemPositionFromGrid(item);
-				item.w = width;
-				item.h = height;
-				this._markItemPositionToGrid(item);
-			},
-			_markItemPositionToGrid: function(item) {
-				/**
-				* Mark the grid cells that are occupied by an item. This prevents items
-				* from overlapping in the grid
-				*/
-				var position = this._getItemPosition(item), x, y;
-				this._ensureColumns(position.x + position.w);
-				for (x = position.x; x < position.x + position.w; x++) for (y = position.y; y < position.y + position.h; y++) this.grid[x][y] = item;
-			},
-			_deleteItemPositionFromGrid: function(item) {
-				var position = this._getItemPosition(item), x, y;
-				for (x = position.x; x < position.x + position.w; x++) {
-					if (!this.grid[x]) continue;
-					for (y = position.y; y < position.y + position.h; y++) if (this.grid[x][y] == item) this.grid[x][y] = null;
-				}
-			},
-			_ensureColumns: function(N) {
-				/**
-				* Ensure that the grid has at least N columns available.
-				*/
-				var i;
-				for (i = 0; i < N; i++) if (!this.grid[i]) this.grid.push(new GridCol(this._options.lanes));
-			},
-			_getItemsCollidingWithItem: function(item) {
-				var collidingItems = [];
-				for (var i = 0; i < this.items.length; i++) if (item != this.items[i] && this._itemsAreColliding(item, this.items[i])) collidingItems.push(i);
-				return collidingItems;
-			},
-			_itemsAreColliding: function(item1, item2) {
-				var position1 = this._getItemPosition(item1), position2 = this._getItemPosition(item2);
-				return !(position2.x >= position1.x + position1.w || position2.x + position2.w <= position1.x || position2.y >= position1.y + position1.h || position2.y + position2.h <= position1.y);
-			},
-			_resolveCollisions: function(item) {
-				if (!this._tryToResolveCollisionsLocally(item)) this._pullItemsToLeft(item);
-				this._pullItemsToLeft();
-			},
-			_tryToResolveCollisionsLocally: function(item) {
-				/**
-				* Attempt to resolve the collisions after moving a an item over one or more
-				* other items within the grid, by shifting the position of the colliding
-				* items around the moving one. This might result in subsequent collisions,
-				* in which case we will revert all position permutations. To be able to
-				* revert to the initial item positions, we create a virtual grid in the
-				* process
-				*/
-				var collidingItems = this._getItemsCollidingWithItem(item);
-				if (!collidingItems.length) return true;
-				var _gridList = new GridList$1([], this._options), leftOfItem, rightOfItem, aboveOfItem, belowOfItem;
-				GridList$1.cloneItems(this.items, _gridList.items);
-				_gridList.generateGrid();
-				for (var i = 0; i < collidingItems.length; i++) {
-					var collidingItem = _gridList.items[collidingItems[i]], collidingPosition = this._getItemPosition(collidingItem);
-					var position = this._getItemPosition(item);
-					leftOfItem = [position.x - collidingPosition.w, collidingPosition.y];
-					rightOfItem = [position.x + position.w, collidingPosition.y];
-					aboveOfItem = [collidingPosition.x, position.y - collidingPosition.h];
-					belowOfItem = [collidingPosition.x, position.y + position.h];
-					if (_gridList._itemFitsAtPosition(collidingItem, leftOfItem)) _gridList._updateItemPosition(collidingItem, leftOfItem);
-					else if (_gridList._itemFitsAtPosition(collidingItem, aboveOfItem)) _gridList._updateItemPosition(collidingItem, aboveOfItem);
-					else if (_gridList._itemFitsAtPosition(collidingItem, belowOfItem)) _gridList._updateItemPosition(collidingItem, belowOfItem);
-					else if (_gridList._itemFitsAtPosition(collidingItem, rightOfItem)) _gridList._updateItemPosition(collidingItem, rightOfItem);
-					else return false;
-				}
-				GridList$1.cloneItems(_gridList.items, this.items);
-				this.generateGrid();
-				return true;
-			},
-			_pullItemsToLeft: function(fixedItem) {
-				/**
-				* Build the grid from scratch, by using the current item positions and
-				* pulling them as much to the left as possible, removing as space between
-				* them as possible.
-				*
-				* If a "fixed item" is provided, its position will be kept intact and the
-				* rest of the items will be layed around it.
-				*/
-				this._sortItemsByPosition();
-				this._resetGrid();
-				if (fixedItem) {
-					var fixedPosition = this._getItemPosition(fixedItem);
-					this._updateItemPosition(fixedItem, [fixedPosition.x, fixedPosition.y]);
-				}
-				for (var i = 0; i < this.items.length; i++) {
-					var item = this.items[i], position = this._getItemPosition(item);
-					if (fixedItem && item == fixedItem) continue;
-					var x = this._findLeftMostPositionForItem(item), newPosition = this.findPositionForItem(item, {
-						x,
-						y: 0
-					}, position.y);
-					this._updateItemPosition(item, newPosition);
-				}
-			},
-			_findLeftMostPositionForItem: function(item) {
-				/**
-				* When pulling items to the left, we need to find the leftmost position for
-				* an item, with two considerations in mind:
-				* - preserving its current row
-				* - preserving the previous horizontal order between items
-				*/
-				var tail = 0, position = this._getItemPosition(item);
-				for (var i = 0; i < this.grid.length; i++) for (var j = position.y; j < position.y + position.h; j++) {
-					var otherItem = this.grid[i][j];
-					if (!otherItem) continue;
-					var otherPosition = this._getItemPosition(otherItem);
-					if (this.items.indexOf(otherItem) < this.items.indexOf(item)) tail = otherPosition.x + otherPosition.w;
-				}
-				return tail;
-			},
-			_getItemByAttribute: function(key, value) {
-				for (var i = 0; i < this.items.length; i++) if (this.items[i][key] === value) return this.items[i];
-				return null;
-			},
-			_padNumber: function(nr, prefix) {
-				return nr >= 10 ? nr : prefix + nr;
-			},
-			_getItemPosition: function(item) {
-				/**
-				* If the direction is vertical we need to rotate the grid 90 deg to the
-				* left. Thus, we simulate the fact that items are being pulled to the top.
-				*
-				* Since the items have widths and heights, if we apply the classic
-				* counter-clockwise 90 deg rotation
-				*
-				*     [0 -1]
-				*     [1  0]
-				*
-				* then the top left point of an item will become the bottom left point of
-				* the rotated item. To adjust for this, we need to subtract from the y
-				* position the height of the original item - the width of the rotated item.
-				*
-				* However, if we do this then we'll reverse some actions: resizing the
-				* width of an item will stretch the item to the left instead of to the
-				* right; resizing an item that doesn't fit into the grid will push the
-				* items around it instead of going on a new row, etc.
-				*
-				* We found it better to do a vertical flip of the grid after rotating it.
-				* This restores the direction of the actions and greatly simplifies the
-				* transformations.
-				*/
-				if (this._options.direction === "horizontal") return item;
-				else return {
-					x: item.y,
-					y: item.x,
-					w: item.h,
-					h: item.w
-				};
-			},
-			_setItemPosition: function(item, position) {
-				/**
-				* See _getItemPosition.
-				*/
-				if (this._options.direction === "horizontal") {
-					item.x = position[0];
-					item.y = position[1];
-				} else {
-					item.x = position[1];
-					item.y = position[0];
-				}
-			}
-		};
-		var GridCol = function(lanes) {
-			for (var i = 0; i < lanes; i++) this.push(null);
-		};
-		GridCol.prototype = [];
-		return GridList$1;
-	});
-}) });
-
-//#endregion
-//#region src/Grid.css
-var import_gridList = /* @__PURE__ */ __toESM(require_gridList(), 1);
-
-//#endregion
-//#region src/Grid.ts
-var GridList = import_gridList && import_gridList.default || import_gridList;
-var Grid = class extends HTMLWidget {
-	divItems;
-	gridList;
-	items;
-	itemsMap;
-	origItems;
-	cellWidth;
-	cellHeight;
-	dragItem;
-	dragItemPos;
-	_d3Drag;
-	_d3DragResize;
-	_selectionBag;
-	_scrollBarWidth;
-	constructor() {
-		super();
-		this._tag = "div";
-		this._selectionBag = new Utility.Selection(this);
-		this.content([]);
-	}
-	getDimensions() {
-		const size = {
-			width: 0,
-			height: 0
-		};
-		this.content().forEach(function(cell) {
-			if (size.width < cell.gridCol() + cell.gridColSpan()) size.width = cell.gridCol() + cell.gridColSpan();
-			if (size.height < cell.gridRow() + cell.gridRowSpan()) size.height = cell.gridRow() + cell.gridRowSpan();
-		}, this);
-		return size;
-	}
-	clearContent(widget) {
-		this.content(this.content().filter(function(contentWidget) {
-			if (!widget) {
-				contentWidget.target(null);
-				return false;
-			}
-			let w = contentWidget;
-			while (w) {
-				if (widget === w) {
-					contentWidget.target(null);
-					return false;
-				}
-				w = w.widget ? w.widget() : null;
-			}
-			return true;
-		}));
-	}
-	setContent(row, col, widget, title, rowSpan, colSpan) {
-		rowSpan = rowSpan || 1;
-		colSpan = colSpan || 1;
-		title = title || "";
-		this.content(this.content().filter(function(contentWidget) {
-			if (contentWidget.gridRow() === row && contentWidget.gridCol() === col) {
-				contentWidget.target(null);
-				return false;
-			}
-			return true;
-		}));
-		if (widget) {
-			const cell = new Cell().gridRow(row).gridCol(col).widget(widget).title(title).gridRowSpan(rowSpan).gridColSpan(colSpan);
-			this.content().push(cell);
-		}
-		return this;
-	}
-	sortedContent() {
-		return this.content().sort(function(l, r) {
-			if (l.gridRow() === r.gridRow()) return l.gridCol() - r.gridCol();
-			return l.gridRow() - r.gridRow();
-		});
-	}
-	getCell(row, col) {
-		let retVal = null;
-		this.content().some(function(cell) {
-			if (row >= cell.gridRow() && row < cell.gridRow() + cell.gridRowSpan() && col >= cell.gridCol() && col < cell.gridCol() + cell.gridColSpan()) {
-				retVal = cell;
-				return true;
-			}
-			return false;
-		});
-		return retVal;
-	}
-	getWidgetCell(id) {
-		let retVal = null;
-		this.content().some(function(cell) {
-			if (cell.widget().id() === id) {
-				retVal = cell;
-				return true;
-			}
-			return false;
-		});
-		return retVal;
-	}
-	getContent(id) {
-		let retVal = null;
-		this.content().some(function(cell) {
-			if (cell.widget().id() === id) {
-				retVal = cell.widget();
-				return true;
-			}
-			return false;
-		});
-		return retVal;
-	}
-	cellToGridItem(cell) {
-		return {
-			x: cell.gridCol(),
-			y: cell.gridRow(),
-			w: cell.gridColSpan(),
-			h: cell.gridRowSpan(),
-			id: cell.id(),
-			cell
-		};
-	}
-	gridItemToCell(item) {
-		item.cell.gridCol(item.x).gridRow(item.y).gridColSpan(item.w).gridRowSpan(item.h);
-	}
-	resetItemsPos() {
-		this.origItems.forEach(function(origItem) {
-			const item = this.itemsMap[origItem.id];
-			item.x = origItem.x;
-			item.y = origItem.y;
-		}, this);
-	}
-	initGridList() {
-		this.itemsMap = {};
-		this.items = this.content().map(function(cell) {
-			const retVal = this.cellToGridItem(cell);
-			this.itemsMap[retVal.id] = retVal;
-			return retVal;
-		}, this);
-		this.origItems = this.content().map(this.cellToGridItem);
-		this.gridList = new GridList(this.items, {
-			direction: this.snapping(),
-			lanes: this.snapping() === "horizontal" ? this.snappingRows() : this.snappingColumns()
-		});
-	}
-	killGridList() {
-		this.gridList = null;
-		delete this.items;
-		delete this.itemsMap;
-	}
-	enter(domNode, element) {
-		super.enter(domNode, element);
-		this._scrollBarWidth = Platform.getScrollbarWidth();
-		const context = this;
-		this._d3Drag = drag().subject(function(_d) {
-			const d = context.cellToGridItem(_d);
-			return {
-				x: d.x * context.cellWidth,
-				y: d.y * context.cellHeight
-			};
-		}).on("start", function(_d) {
-			if (!context.designMode()) return;
-			d3Event().sourceEvent.stopPropagation();
-			context.initGridList();
-			const d = context.itemsMap[_d.id()];
-			context.dragItem = element.append("div").attr("class", "dragging").style("transform", function() {
-				return "translate(" + d.x * context.cellWidth + "px, " + d.y * context.cellHeight + "px)";
-			}).style("width", function() {
-				return d.w * context.cellWidth - context.gutter() + "px";
-			}).style("height", function() {
-				return d.h * context.cellHeight - context.gutter() + "px";
-			});
-			context.selectionBagClick(_d);
-		}).on("drag", function(_d) {
-			if (!context.designMode()) return;
-			const event = d3Event();
-			event.sourceEvent.stopPropagation();
-			const d = context.itemsMap[_d.id()];
-			if (event.x < 0) event.x = 0;
-			if (event.x + d.w * context.cellWidth > context.snappingColumns() * context.cellWidth) event.x = context.snappingColumns() * context.cellWidth - d.w * context.cellWidth;
-			if (event.y < 0) event.y = 0;
-			if (event.y + d.h * context.cellWidth > context.snappingRows() * context.cellWidth) event.y = context.snappingRows() * context.cellWidth - d.h * context.cellWidth;
-			const pos = [Math.max(0, Math.floor((event.x + context.cellWidth / 2) / context.cellWidth)), Math.max(0, Math.floor((event.y + context.cellHeight / 2) / context.cellHeight))];
-			if (d.x !== pos[0] || d.y !== pos[1]) {
-				if (context.snapping() !== "none") {
-					context.resetItemsPos();
-					context.gridList.moveItemToPosition(d, pos);
-				} else {
-					d.x = pos[0];
-					d.y = pos[1];
-				}
-				if (_d.gridCol() !== d.x || _d.gridRow() !== d.y) {
-					context.items.forEach(context.gridItemToCell);
-					context.updateGrid(false, 100);
-				}
-			}
-			context.dragItem.style("transform", function() {
-				return "translate(" + event.x + "px, " + event.y + "px)";
-			}).style("width", function() {
-				return d.w * context.cellWidth + "px";
-			}).style("height", function() {
-				return d.h * context.cellHeight + "px";
-			});
-		}).on("end", function() {
-			if (!context.designMode()) return;
-			d3Event().sourceEvent.stopPropagation();
-			context.dragItem.remove();
-			context.dragItem = null;
-			context.killGridList();
-		});
-		this._d3DragResize = drag().subject(function(_d) {
-			const d = context.cellToGridItem(_d);
-			return {
-				x: (d.x + d.w - 1) * context.cellWidth,
-				y: (d.y + d.h - 1) * context.cellHeight
-			};
-		}).on("start", function(_d) {
-			if (!context.designMode()) return;
-			d3Event().sourceEvent.stopPropagation();
-			context.initGridList();
-			const d = context.itemsMap[_d.id()];
-			context.dragItem = element.append("div").attr("class", "resizing").style("transform", function() {
-				return "translate(" + d.x * context.cellWidth + "px, " + d.y * context.cellHeight + "px)";
-			}).style("width", function() {
-				return d.w * context.cellWidth - context.gutter() + "px";
-			}).style("height", function() {
-				return d.h * context.cellHeight - context.gutter() + "px";
-			});
-			context.dragItemPos = {
-				x: d.x,
-				y: d.y
-			};
-		}).on("drag", function(_d) {
-			if (!context.designMode()) return;
-			const event = d3Event();
-			event.sourceEvent.stopPropagation();
-			const d = context.itemsMap[_d.id()];
-			const pos = [Math.max(0, Math.round(event.x / context.cellWidth)), Math.max(0, Math.round(event.y / context.cellHeight))];
-			const size = {
-				w: Math.max(1, pos[0] - d.x + 1),
-				h: Math.max(1, pos[1] - d.y + 1)
-			};
-			if (d.w !== size.w || d.h !== size.h) {
-				if (context.snapping() !== "none") {
-					context.resetItemsPos();
-					context.gridList.resizeItem(d, size);
-				} else {
-					d.w = size.w;
-					d.h = size.h;
-				}
-				if (_d.gridColSpan() !== d.w || _d.gridRowSpan() !== d.h) {
-					context.items.forEach(context.gridItemToCell);
-					context.updateGrid(d.id, 100);
-				}
-			}
-			context.dragItem.style("width", function() {
-				return (-d.x + 1) * context.cellWidth + event.x - context.gutter() + "px";
-			}).style("height", function() {
-				return (-d.y + 1) * context.cellHeight + event.y - context.gutter() + "px";
-			});
-		}).on("end", function() {
-			if (!context.designMode()) return;
-			d3Event().sourceEvent.stopPropagation();
-			context.dragItem.remove();
-			context.dragItem = null;
-			context.killGridList();
-		});
-	}
-	updateGrid(resize, transitionDuration = 0, _noRender = false) {
-		transitionDuration = transitionDuration || 0;
-		const context = this;
-		this.divItems.classed("draggable", this.designMode()).transition().duration(transitionDuration).style("left", function(d) {
-			return d.gridCol() * context.cellWidth + context.gutter() / 2 + "px";
-		}).style("top", function(d) {
-			return d.gridRow() * context.cellHeight + context.gutter() / 2 + "px";
-		}).style("width", function(d) {
-			return d.gridColSpan() * context.cellWidth - context.gutter() + "px";
-		}).style("height", function(d) {
-			return d.gridRowSpan() * context.cellHeight - context.gutter() + "px";
-		}).on("end", function(d) {
-			d.surfaceShadow_default(context.surfaceShadow()).surfacePadding_default(context.surfacePadding()).surfaceBorderWidth_default(context.surfaceBorderWidth()).surfaceBackgroundColor_default(context.surfaceBackgroundColor());
-			if (resize === true || resize === d.id()) d.resize().lazyRender();
-		});
-	}
-	update(domNode, element2) {
-		super.update(domNode, element2);
-		this._placeholderElement.style("overflow-x", this.fitTo() === "width" ? "hidden" : null);
-		this._placeholderElement.style("overflow-y", this.fitTo() === "width" ? "scroll" : null);
-		const dimensions = this.getDimensions();
-		this.cellWidth = (this.width() - (this.fitTo() === "width" ? this._scrollBarWidth : 0)) / dimensions.width;
-		this.cellHeight = this.fitTo() === "all" ? this.height() / dimensions.height : this.cellWidth;
-		if (this.designMode()) {
-			const cellLaneRatio = Math.min(this.width() / this.snappingColumns(), this.height() / this.snappingRows());
-			this.cellWidth = Math.floor(cellLaneRatio);
-			this.cellHeight = this.cellWidth;
-		}
-		const context = this;
-		const divItems = element2.selectAll("#" + this.id() + " > .ddCell").data(this.content(), function(d) {
-			return d.id();
-		});
-		this.divItems = divItems.enter().append("div").attr("class", "ddCell").each(function(d) {
-			d.target(this);
-			d.__grid_watch = d.monitor(function(key, newVal, oldVal) {
-				if (context._renderCount && (key === "snapping" || key.indexOf("grid") === 0) && newVal !== oldVal) {
-					if (!context.gridList) {
-						context.initGridList();
-						if (context.snapping() !== "none") context.gridList.resizeGrid(context.snapping() === "horizontal" ? context.snappingRows() : context.snappingColumns());
-						context.items.forEach(context.gridItemToCell);
-						context.updateGrid(d.id(), 100);
-						context.killGridList();
-					}
-				}
-			});
-			select(this).append("div").attr("class", "resizeHandle").call(context._d3DragResize).append("div").attr("class", "resizeHandleDisplay");
-		}).merge(divItems);
-		this.divItems.each(function(d) {
-			const element = select(this);
-			if (context.designMode()) element.call(context._d3Drag);
-			else element.on("mousedown.drag", null).on("touchstart.drag", null);
-		});
-		this.divItems.select(".resizeHandle").style("display", this.designMode() ? null : "none");
-		this.updateGrid(true);
-		divItems.exit().each(function(d) {
-			d.target(null);
-			if (d.__grid_watch) d.__grid_watch.remove();
-		}).remove();
-		const lanesBackground = element2.selectAll("#" + this.id() + " > .laneBackground").data(this.designMode() ? [""] : []);
-		lanesBackground.enter().insert("div", ":first-child").attr("class", "laneBackground").style("left", "1px").style("top", "1px").on("click", function() {
-			context.selectionBagClear();
-		}).merge(lanesBackground).style("width", this.snappingColumns() * this.cellWidth + "px").style("height", this.snappingRows() * this.cellHeight + "px");
-		lanesBackground.exit().each(function() {
-			context.selectionBagClear();
-		}).remove();
-		const lanes = element2.selectAll("#" + this.id() + " > .lane").data(this.designMode() ? [""] : []);
-		lanes.enter().append("div").attr("class", "lane").style("left", "1px").style("top", "1px");
-		lanes.style("display", this.showLanes() ? null : "none").style("width", this.snappingColumns() * this.cellWidth + "px").style("height", this.snappingRows() * this.cellHeight + "px").style("background-image", "linear-gradient(to right, grey 1px, transparent 1px), linear-gradient(to bottom, grey 1px, transparent 1px)").style("background-size", this.cellWidth + "px " + this.cellHeight + "px");
-		lanes.exit().remove();
-	}
-	exit(domNode, element) {
-		this.content().forEach((w) => w.target(null));
-		super.exit(domNode, element);
-	}
-	_createSelectionObject(d) {
-		return {
-			_id: d._id,
-			element: () => {
-				return d._element;
-			},
-			widget: d
-		};
-	}
-	selection(_) {
-		if (!arguments.length) return this._selectionBag.get().map(function(d) {
-			return d._id;
-		});
-		this._selectionBag.set(_.map(function(row) {
-			return this._createSelectionObject(row);
-		}, this));
-		return this;
-	}
-	selectionBagClear() {
-		if (!this._selectionBag.isEmpty()) {
-			this._selectionBag.clear();
-			this.postSelectionChange();
-		}
-	}
-	selectionBagClick(d) {
-		if (d !== null) {
-			const selectionObj = this._createSelectionObject(d);
-			if (d3Event().sourceEvent.ctrlKey) if (this._selectionBag.isSelected(selectionObj)) {
-				this._selectionBag.remove(selectionObj);
-				this.postSelectionChange();
-			} else {
-				this._selectionBag.append(selectionObj);
-				this.postSelectionChange();
-			}
-			else {
-				const selected = this._selectionBag.get();
-				if (selected.length === 1 && selected[0]._id === selectionObj._id) this.selectionBagClear();
-				else this._selectionBag.set([selectionObj]);
-				this.postSelectionChange();
-			}
-		}
-	}
-	postSelectionChange() {}
-	applyLayout(layoutArr) {
-		this.divItems.each((d, i) => {
-			if (layoutArr[i]) {
-				const [x, y, w, h] = layoutArr[i];
-				d.gridCol(x).gridRow(y).gridColSpan(w).gridRowSpan(h);
-			}
-		});
-		this.updateGrid(true);
-	}
-	vizActivation(elem) {}
-};
-Grid.prototype._class += " layout_Grid";
-Grid.prototype.publish("designMode", false, "boolean", "Design Mode", null, { tags: ["Basic"] });
-Grid.prototype.publish("showLanes", true, "boolean", "Show snapping lanes when in design mode", null, {
-	tags: ["Basic"],
-	disable: (w) => !w.designMode()
-});
-Grid.prototype.publish("fitTo", "all", "set", "Sizing Strategy", ["all", "width"], { tags: ["Basic"] });
-Grid.prototype.publish("snapping", "vertical", "set", "Snapping Strategy", [
-	"vertical",
-	"horizontal",
-	"none"
-]);
-Grid.prototype.publish("snappingColumns", 12, "number", "Snapping Columns");
-Grid.prototype.publish("snappingRows", 16, "number", "Snapping Rows");
-Grid.prototype.publish("gutter", 6, "number", "Gap Between Widgets", null, { tags: ["Basic"] });
-Grid.prototype.publish("surfaceShadow", true, "boolean", "3D Shadow");
-Grid.prototype.publish("surfacePadding", null, "string", "Cell Padding (px)", null, { tags: ["Intermediate"] });
-Grid.prototype.publish("surfaceBorderWidth", 1, "number", "Width (px) of Cell Border", null, { tags: ["Intermediate"] });
-Grid.prototype.publish("surfaceBackgroundColor", null, "html-color", "Surface Background Color", null, { tags: ["Advanced"] });
-Grid.prototype.publish("content", [], "widgetArray", "widgets", null, {
-	tags: ["Basic"],
-	render: false
-});
-
-//#endregion
-//#region src/HorizontalList.ts
-var HorizontalList = class extends FlexGrid {
-	constructor() {
-		super();
-		this.orientation_default("horizontal");
-		this.flexWrap_default("nowrap");
-	}
-};
-HorizontalList.prototype._class += " layout_HorizontalList";
-
-//#endregion
-//#region src/Layered.ts
-var Layered = class extends HTMLWidget {
-	_contentContainer;
-	_widgetPlacements;
-	_widgetRatios;
-	constructor() {
-		super();
-		this._tag = "div";
-		this._widgetPlacements = [];
-		this._widgetRatios = [];
-	}
-	addLayer(widget, placement = "default", widthRatio = 1, heightRatio = 1) {
-		const widgets = this.widgets();
-		widgets.push(widget ? widget : new Text().text("No widget defined for layer."));
-		this.widgets(widgets);
-		this._widgetPlacements.push(placement);
-		this._widgetRatios.push([widthRatio, heightRatio]);
-		return this;
-	}
-	enter(domNode, element) {
-		super.enter(domNode, element);
-		this._contentContainer = element.append("div").attr("class", "container");
-	}
-	update(domNode, element) {
-		super.update(domNode, element);
-		const context = this;
-		element.style("padding", this.surfacePadding() + "px");
-		const content = this._contentContainer.selectAll(".content.id" + this.id()).data(this.widgets(), function(d) {
-			return d.id();
-		});
-		content.enter().append("div").attr("class", "content id" + this.id()).each(function(widget, idx) {
-			widget.target(this);
-		}).merge(content).each(function(widget, idx) {
-			const clientSize = {
-				width: context.clientWidth(),
-				height: context.clientHeight()
-			};
-			const widgetSize = context.widgetSize(idx, clientSize);
-			const widgetPosition = context.widgetPosition(idx, clientSize, widgetSize);
-			this.style.top = widgetPosition.y + "px";
-			this.style.left = widgetPosition.x + "px";
-			widget.resize(widgetSize).render();
-		});
-		content.exit().each(function(widget, idx) {
-			widget.target(null);
-		}).remove();
-		content.order();
-	}
-	widgetSize(idx, clientSize) {
-		if (this._widgetPlacements[idx] === "default") return {
-			width: clientSize.width * this._widgetRatios[idx][0],
-			height: clientSize.height * this._widgetRatios[idx][1]
-		};
-		else return {
-			width: clientSize.width * this._widgetRatios[idx][0],
-			height: clientSize.height * this._widgetRatios[idx][1]
-		};
-	}
-	widgetPosition(idx, clientSize, widgetSize) {
-		switch (this._widgetPlacements[idx]) {
-			default: return {
-				x: 0,
-				y: 0
-			};
-			case "top": return {
-				x: clientSize.width / 2 - widgetSize.width / 2,
-				y: 0
-			};
-			case "bottom": return {
-				x: clientSize.width / 2 - widgetSize.width / 2,
-				y: clientSize.height - widgetSize.height
-			};
-			case "left": return {
-				x: 0,
-				y: clientSize.height / 2 - widgetSize.height / 2
-			};
-			case "right": return {
-				x: clientSize.width - widgetSize.width,
-				y: clientSize.height / 2 - widgetSize.height / 2
-			};
-			case "center": return {
-				x: clientSize.width / 2 - widgetSize.width / 2,
-				y: clientSize.height / 2 - widgetSize.height / 2
-			};
-		}
-	}
-};
-Layered.prototype._class += " layout_Layered";
-Layered.prototype.publish("surfacePadding", 0, "number", "Padding");
-Layered.prototype.publish("widgets", [], "widgetArray", "widgets", null, { tags: ["Private"] });
-
-//#endregion
-//#region src/Popup.ts
-var Popup = class extends HTMLWidget {
-	_surfaceButtons;
-	_originalPosition;
-	constructor() {
-		super();
-		this._tag = "div";
-		this._surfaceButtons = [];
-	}
-	updateState(visible) {
-		visible = visible || !this.popupState();
-		this.popupState(visible).render();
-	}
-	enter(domNode, element) {
-		super.enter(domNode, element);
-		this.widget().target(domNode);
-		this._originalPosition = this.position();
-	}
-	update(domNode, element) {
-		super.update(domNode, element);
-		element.style("visibility", this.popupState() ? null : "hidden").style("opacity", this.popupState() ? null : 0).style("width", this.shrinkWrap() ? this.widget().width() + "px" : this._size.width + "px").style("height", this.shrinkWrap() ? this.widget().height() + "px" : this._size.height + "px");
-		if (this.widget().size().height === 0) this.widget().resize(this.size());
-	}
-	postUpdate(domNode, element) {
-		let left;
-		let top;
-		switch (this.centerPopup()) {
-			case "container":
-				if (this._placeholderElement) {
-					left = parseInt(this._placeholderElement.style("width")) / 2 - this.widget().width() / 2;
-					top = parseInt(this._placeholderElement.style("height")) / 2 - this.widget().height() / 2;
-				}
-				this.position("absolute");
-				break;
-			case "window":
-				left = window.innerWidth / 2 - this.widget().width() / 2;
-				top = window.innerHeight / 2 - this.widget().height() / 2;
-				this.position("fixed");
-				break;
-			default:
-				left = 0;
-				top = 0;
-				this.position(this._originalPosition);
-				break;
-		}
-		this.pos({
-			x: left,
-			y: top
-		});
-		super.postUpdate(domNode, element);
-		element.style("position", this.position()).style("left", this.left() + "px").style("right", this.right() + "px").style("top", this.top() + "px").style("bottom", this.bottom() + "px");
-	}
-	exit(domNode, element) {
-		if (this.widget()) this.widget().target(null);
-		super.exit(domNode, element);
-	}
-	click(obj) {}
-};
-Popup.prototype._class += " layout_Popup";
-Popup.prototype.publish("popupState", false, "boolean", "State of the popup, visible (true) or hidden (false)", null, {});
-Popup.prototype.publish("shrinkWrap", false, "boolean", "The popup parent container either shrinks to the size of its contents (true) or expands to fit thge popup's parentDiv (false)", null, {});
-Popup.prototype.publish("centerPopup", "none", "set", "Center the widget in its container element (target) or in the window", [
-	"none",
-	"container",
-	"window"
-], {});
-Popup.prototype.publish("top", null, "number", "Top position property of popup", null, {});
-Popup.prototype.publish("bottom", null, "number", "Bottom position property of popup", null, {});
-Popup.prototype.publish("left", null, "number", "Left position property of popup", null, {});
-Popup.prototype.publish("right", null, "number", "Right position property of popup", null, {});
-Popup.prototype.publish("position", "relative", "set", "Value of the 'position' property", [
-	"absolute",
-	"relative",
-	"fixed",
-	"static",
-	"initial",
-	"inherit"
-], { tags: ["Private"] });
-Popup.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Private"] });
-
-//#endregion
-//#region src/Tabbed.ts
-var Tabbed = class extends HTMLWidget {
-	_tabContainer;
-	_contentContainer;
-	constructor() {
-		super();
-		this._tag = "div";
-	}
-	clearTabs() {
-		this.labels([]);
-		this.widgets([]);
-		return this;
-	}
-	addTab(widget, label, isActive, callback) {
-		const widgetSize = widget.size();
-		if (widgetSize.width === 0 && widgetSize.height === 0) widget.size({
-			width: "100%",
-			height: "100%"
-		});
-		const labels = this.labels();
-		const widgets = this.widgets();
-		if (isActive) this.activeTabIdx(this.widgets().length);
-		labels.push(label);
-		const surface = new Surface().widget(widget ? widget : new Text().text("No widget defined for tab"));
-		widgets.push(surface);
-		this.labels(labels);
-		this.widgets(widgets);
-		if (callback) callback(surface);
-		return this;
-	}
-	widgetSize(widgetDiv) {
-		const width = this.clientWidth();
-		let height = this.clientHeight();
-		const tcBox = this._tabContainer.node().getBoundingClientRect();
-		if (typeof tcBox.height !== "undefined") height -= tcBox.height;
-		return {
-			width,
-			height
-		};
-	}
-	enter(domNode, element) {
-		super.enter(domNode, element);
-		this._tabContainer = element.append("div");
-		this._contentContainer = element.append("div");
-	}
-	update(domNode, element) {
-		super.update(domNode, element);
-		const context = this;
-		element.style("padding", this.surfacePadding_exists() ? this.surfacePadding() + "px" : null);
-		const tabs = this._tabContainer.selectAll(".tab-button.id" + this.id()).data(this.showTabs() ? this.labels() : [], function(d) {
-			return d;
-		});
-		tabs.enter().append("span").attr("class", "tab-button id" + this.id()).style("cursor", "pointer").on("click", function(d, idx) {
-			context.click(context.widgets()[idx].widget(), d, idx);
-			context.activeTabIdx(idx).render();
-		}).merge(tabs).classed("active", function(d, idx) {
-			return context.activeTabIdx() === idx;
-		}).text(function(d) {
-			return d;
-		});
-		tabs.exit().remove();
-		const content = this._contentContainer.selectAll(".tab-content.id" + this.id()).data(this.widgets(), function(d) {
-			return d.id();
-		});
-		content.enter().append("div").attr("class", "tab-content id" + this.id()).each(function(widget, idx) {
-			widget.target(this);
-		}).merge(content).classed("active", function(d, idx) {
-			return context.activeTabIdx() === idx;
-		}).style("display", function(d, idx) {
-			return context.activeTabIdx() === idx ? "block" : "none";
-		}).each(function(surface, idx) {
-			surface.visible(context.activeTabIdx() === idx);
-			if (context.activeTabIdx() === idx) {
-				const wSize = context.widgetSize(select(this));
-				surface.surfaceBorderWidth(context.showTabs() ? null : 0).surfacePadding(context.showTabs() ? null : 0).resize(wSize);
-			}
-		});
-		content.exit().each(function(widget, idx) {
-			widget.target(null);
-		}).remove();
-		switch (this.tabLocation()) {
-			case "bottom":
-				this._tabContainer.attr("class", "on_bottom").style("top", this._contentContainer.node().offsetHeight + this.surfacePadding() + "px").style("position", "absolute");
-				this._contentContainer.style("top", this.surfacePadding_exists() ? this.surfacePadding() + "px" : null).style("position", "absolute");
-				break;
-			default:
-				this._tabContainer.attr("class", "on_top").style("top", null).style("position", "relative");
-				this._contentContainer.style("top", this._tabContainer.node().offsetHeight + this.surfacePadding() + "px").style("position", "absolute");
-				break;
-		}
-	}
-	click(widget, column, idx) {}
-};
-Tabbed.prototype._class += " layout_Tabbed";
-Tabbed.prototype.publish("showTabs", true, "boolean", "Show Tabs", null, {});
-Tabbed.prototype.publish("surfacePadding", 4, "number", "Padding");
-Tabbed.prototype.publish("activeTabIdx", 0, "number", "Index of active tab", null, {});
-Tabbed.prototype.publish("labels", [], "array", "Array of tab labels sharing an index with ", null, { tags: ["Private"] });
-Tabbed.prototype.publish("tabLocation", "top", "set", "Position the tabs at the bottom of the widget", ["top", "bottom"], { tags: ["Private"] });
-Tabbed.prototype.publish("widgets", [], "widgetArray", "widgets", null, { tags: ["Private"] });
-
-//#endregion
-//#region src/Toolbar.ts
-var Toolbar = class extends HTMLWidget {
-	constructor() {
-		super();
-		this._tag = "div";
-	}
-	enter(domNode, element) {
-		super.enter(domNode, element);
-	}
-	update(domNode, element) {
-		super.update(domNode, element);
-		const context = this;
-		element.attr("title", context.title()).style("background-color", this.backgroundColor());
-		const title = element.selectAll("div.toolbar-title").data(this.title() ? [this.title()] : []);
-		title.enter().append("div").classed("toolbar-title", true).append("span");
-		title.selectAll("div.toolbar-title > span").style("font-size", this.fontSize_exists() ? this.fontSize() + "px" : null).style("color", this.fontColor_exists() ? this.fontColor() : null).style("font-family", this.fontFamily_exists() ? this.fontFamily() : null).style("font-weight", this.fontBold_exists() ? this.fontBold() ? "bold" : "normal" : null).style("background-color", this.backgroundColor_exists() ? this.backgroundColor() : null).text(context.title());
-		title.exit().remove();
-		const childWidgets = element.selectAll("div.toolbar-child").data(this.widgets() !== null ? this.widgets() : [], function(d) {
-			return d.id();
-		});
-		childWidgets.enter().insert("div", "div.toolbar-title").each(function(d, i) {
-			const widgetClass = context.widgetClasses()[i] ? context.widgetClasses()[i] + " toolbar-child" : "toolbar-child";
-			select(this).classed(widgetClass, true);
-			d.target(this);
-		});
-		childWidgets.exit().each(function(d) {
-			d.target(null);
-		}).remove();
-		childWidgets.order();
-	}
-	render(callback) {
-		const context = this;
-		return super.render(function(w) {
-			const toolbarBBox = context.element().node().getBoundingClientRect();
-			let minX = toolbarBBox.left + toolbarBBox.width;
-			context.element().selectAll("div.toolbar-child").each(function(d, i) {
-				const childBBox = this.getBoundingClientRect();
-				if (minX > childBBox.left) minX = childBBox.left;
-			});
-			context.element().select(".toolbar-title").style("width", minX - toolbarBBox.left - 4 + "px");
-			if (callback) callback(w);
-		});
-	}
-	exit(domNode, element) {
-		this.widgets().forEach(function(w) {
-			w.target(null);
-		});
-		super.exit(domNode, element);
-	}
-};
-Toolbar.prototype._class += " layout_Toolbar";
-Toolbar.prototype.publish("title", "", "string", "Title", null, { tags: ["Intermediate"] });
-Toolbar.prototype.publish("fontSize", null, "number", "Title Font Size (px)", null, {
-	tags: ["Advanced"],
-	optional: true
-});
-Toolbar.prototype.publish("fontColor", null, "html-color", "Title Font Color", null, {
-	tags: ["Advanced"],
-	optional: true
-});
-Toolbar.prototype.publish("fontFamily", null, "string", "Title Font Family", null, {
-	tags: ["Advanced"],
-	optional: true
-});
-Toolbar.prototype.publish("fontBold", true, "boolean", "Enable Bold Title Font", null, {
-	tags: ["Advanced"],
-	optional: true
-});
-Toolbar.prototype.publish("backgroundColor", null, "html-color", "Background Color", null, {
-	tags: ["Intermediate"],
-	optional: true
-});
-Toolbar.prototype.publish("responsive", true, "boolean", "Adapts to pixel width", null, { tags: ["Basic"] });
-Toolbar.prototype.publish("widgets", [], "widgetArray", "Child widgets of the toolbar", null, { tags: ["Basic"] });
-Toolbar.prototype.publish("widgetClasses", [], "array", "Array of Html Element classes to be assigned to the child widgets (shares index with widgets param)", null, { tags: ["Basic"] });
-
-//#endregion
-//#region src/VerticalList.ts
-var VerticalList = class extends FlexGrid {
-	constructor() {
-		super();
-		this.orientation_default("vertical");
-		this.flexWrap_default("nowrap");
-	}
-};
-VerticalList.prototype._class += " layout_VerticalList";
-
-//#endregion
-export { AbsoluteSurface, Accordion, BUILD_VERSION, Border, Border2, Carousel, Cell, ChartPanel, FlexGrid, Grid, HorizontalList, Layered, Legend, Modal, PKG_NAME, PKG_VERSION, Popup, Surface, Tabbed, Toolbar, VerticalList, WidgetDiv };
-//# sourceMappingURL=index.js.map!function(){try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('.layout_AbsoluteSurface{pointer-events:none!important}.layout_AbsoluteSurface>.placeholder{pointer-events:all;position:relative;overflow:hidden}.layout_Accordion>ul{position:relative}.layout_Accordion.open>span{font-style:italic}.layout_Accordion.closed>ul{height:0;overflow:hidden}.layout_Accordion.open>ul{display:block}.layout_Accordion>.collapsible-icon,.layout_Accordion>.collapsible-title{cursor:pointer;box-sizing:border-box}.layout_Accordion>.collapsible-title{color:#fff;width:100%;height:26px;padding:4px 8px;font-size:13px;display:block;box-shadow:inset 0 -1px 1px #0003}.layout_Accordion li{background-color:#fff}.layout_Accordion>ul,.layout_Accordion>.collapsible-title{background-color:#333}.layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion>.collapsible-title{background-color:#555}.layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#777}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#999}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#bbb}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#ccc}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#ddd}.layout_Accordion>ul,.layout_Accordion>span{padding-left:0}.layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion>span{padding-left:12px}.layout_Accordion>.collapsible-title:before{padding:4px 8px;position:absolute;top:0;left:0}.layout_Accordion>.collapsible-icon{color:#fff;width:24px;height:24px;position:absolute;top:0;right:0}.layout_Surface{box-sizing:border-box;border:1px solid #e5e5e5;width:100%;height:100%;margin:0;overflow:hidden}.layout_Surface.shadow2{box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f}.layout_Surface>h3{background-color:#e5e5e5;margin:0;padding:2px}.layout_Surface .html-button-container{position:absolute;top:3px;right:0}.layout_Surface>div{padding:8px}.layout_Surface .html-button-container .surface-button{margin-right:5px}.layout_Surface .html-button-container .surface-button i{opacity:.8}.layout_Surface .html-button-container .surface-button:hover{opacity:1}.layout_Surface .html-button-container .surface-button:active{opacity:.5}div[draggable=true].hideDragCellContent.content-icon:before{content:"";font-family:FontAwesome;font-size:100px;position:absolute;top:calc(50% - 74px);left:calc(50% - 56px)}div[draggable=true].hideDragCellContent.content-icon-Line:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Pie:before{content:"";top:calc(50% - 72px);left:calc(50% - 45px)}div[draggable=true].hideDragCellContent.content-icon-Area:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Gauge:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Table:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Form:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Grid:before,div[draggable=true].hideDragCellContent.content-icon-Graph:before,div[draggable=true].hideDragCellContent.content-icon-Border:before,div[draggable=true].hideDragCellContent.content-icon-Tabbed:before,div[draggable=true].hideDragCellContent.content-icon-Accordion:before,div[draggable=true].hideDragCellContent.content-icon-MultiChart:before,div[draggable=true].hideDragCellContent.content-icon-MultiChartSurface:before{content:""}div[draggable=true].hideDragCellContent.content-icon-ChoroplethStates:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethStatesHeat:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethCounties:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethCountries:before,div[draggable=true].hideDragCellContent.content-icon-GMap:before,div[draggable=true].hideDragCellContent.content-icon-GMapHeat:before,div[draggable=true].hideDragCellContent.content-icon-GMapGraph:before,div[draggable=true].hideDragCellContent.content-icon-Text:before,div[draggable=true].hideDragCellContent.content-icon-TextBox:before,div[draggable=true].hideDragCellContent.content-icon-FAChar:before{content:""}.layout_Cell .update-indicator{box-sizing:border-box;z-index:1000;pointer-events:none;border-style:solid;border-width:0;padding:0;position:absolute;top:0;left:0}.layout_Border{width:100%;height:100%}.layout_Border>.border-content{width:100%;height:100%;position:relative}.layout_Border>.borderHandle{opacity:.3;visibility:hidden;background-color:#444;width:6px;height:6px;position:absolute}.layout_Border.design-mode>.borderHandle{visibility:visible}.layout_Border>.borderHandle:hover{background-color:#666}.layout_Border>.borderHandle.borderHandleDisabled{display:none}.layout_Border>.borderHandle_top,.layout_Border>.borderHandle_bottom{cursor:ns-resize}.layout_Border>.borderHandle_left,.layout_Border>.borderHandle_right{cursor:ew-resize}.layout_Border .cell{border:1px solid #e5e5e5;border-radius:5px;display:inline-block;overflow:hidden}.layout_Border .cell h2{-webkit-margin:0px;text-align:center;margin:0;padding-top:4px}.layout_Border .layout_BorderCell.over{border:2px dashed #000}.layout_Border .dragItem{z-index:-1;opacity:.33}.layout_Border .notDragItem{z-index:-1;opacity:1}.layout_Border div[draggable=true]{opacity:.75;cursor:default}.layout_Border div[draggable=true] .dragHandle{opacity:1}.layout_Border div[draggable=true] .dragHandle_n,.layout_Border div[draggable=true] .dragHandle_e,.layout_Border div[draggable=true] .dragHandle_s,.layout_Border div[draggable=true] .dragHandle_w{background-color:#aaa}.layout_Border div[draggable=true] .dragHandle_nw,.layout_Border div[draggable=true] .dragHandle_ne,.layout_Border div[draggable=true] .dragHandle_se,.layout_Border div[draggable=true] .dragHandle_sw{background-color:#333}.layout_Border div[draggable=true] .dragHandle_nw{cursor:nw-resize}.layout_Border div[draggable=true] .dragHandle_n{cursor:n-resize}.layout_Border div[draggable=true] .dragHandle_ne{cursor:ne-resize}.layout_Border div[draggable=true] .dragHandle_e{cursor:e-resize}.layout_Border div[draggable=true] .dragHandle_se{cursor:se-resize}.layout_Border div[draggable=true] .dragHandle_s{cursor:s-resize}.layout_Border div[draggable=true] .dragHandle_sw{cursor:sw-resize}.layout_Border div[draggable=true] .dragHandle_w{cursor:w-resize}.layout_Border div[draggable=false]>div>.dragHandle{display:none}.layout_Border .grid-drop-target{box-sizing:border-box;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#6464641a 4px 8px);border:2px dashed #7f8c8d;border-radius:0;position:fixed}.layout_Border .grid-drop-target.drop-target-over{background:repeating-linear-gradient(-45deg,#0000,#0000 6px,#119bd71a 6px 12px);border:2px dashed #179bd7}.layout_Border2{flex-direction:column;display:flex}.layout_Border2>.body{flex-flow:row;margin:0;padding:0;display:flex}.layout_Border2>.body>.center{flex:1}.layout_Border2>.header,.layout_Border2>.footer{display:block}.layout_Carousel>div{position:relative;overflow:hidden}.layout_Carousel>div>.carouselItem{position:absolute}.layout_Modal-header{background-color:#3f51b5;overflow:hidden}.layout_Modal-body{background-color:#fff;overflow:hidden scroll}.layout_Modal-title,.layout_Modal-annotations{position:absolute}.layout_Modal-closeButton{cursor:pointer}.layout_Modal-closeButton:hover{opacity:.7}.layout_Modal-closeButton:active{opacity:.5}.layout_Modal-fade{opacity:.5;z-index:10000;background-color:#000;position:fixed}.layout_Modal-content{z-index:10100;background-color:#fff;position:fixed}.layout_Modal-fade-hidden{display:none}.layout_Modal-fadeClickable{cursor:pointer}.layout_ChartPanel .series.highlight{stroke-width:2px;opacity:1}.layout_ChartPanel .series.lowlight{opacity:.3!important}.layout_FlexGrid{display:flex}.FlexGrid-list-item{border-style:solid;flex-grow:1;overflow:hidden}.layout_Grid>.ddCell{position:absolute}.layout_Grid>.laneBackground{background:#f5f5f5;border-style:solid;border-width:1px;position:absolute}.layout_Grid>.lane{opacity:.25;pointer-events:none;border-style:none;border-radius:0;position:absolute}.layout_Grid>.ddCell.draggable{cursor:move;background-color:#f8f8ff;border-style:solid;border-width:1px;border-radius:0}.layout_Grid>.ddCell.draggable>.resizeHandle{cursor:nwse-resize;border-style:none;width:8px;height:8px;position:absolute;bottom:0;right:0}.layout_Grid>.ddCell.draggable .resizeHandleDisplay{background-color:none;border:2px solid #a9a9a9;border-width:0 2px 2px 0;width:4px;height:4px;position:absolute;bottom:2px;right:2px}.layout_Grid>.ddCell.draggable .resizeHandleDisplay:hover{border-color:orange}.layout_Grid>.dragging{background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#6464641a 4px 8px);border:1px solid gray;border-radius:0;position:absolute}.layout_Grid>.resizing{opacity:.3;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,orange 4px 8px);border:1px solid gray;border-radius:0;position:absolute}.layout_Grid>.ddCell.draggable .common_Widget.selected{background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#6400001a 4px 8px);border:1px solid red;border-radius:0;position:absolute}.layout_Grid #drag-me:before{content:"#" attr(id);font-weight:700}.layout_Layered{pointer-events:none}.layout_Layered>.container>.content{position:absolute}.layout_Layered>.container>.content>div>.common_Widget,.layout_Layered>.container>.content>div>svg>.common_Widget{pointer-events:all}.layout_Tabbed .tab-button{background-color:#ccc;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;margin-right:4px;padding:2px 2px 4px;display:inline-block;position:relative;top:1px}.layout_Tabbed .tab-button.active{z-index:999;background-color:#fff}.layout_Tabbed .on_bottom .tab-button{border-top:none;border-bottom:1px solid #ddd;top:-1px}.layout_Toolbar{white-space:nowrap;background-color:#ddd;height:100%;overflow:hidden}.layout_Toolbar .toolbar-title{text-overflow:ellipsis;white-space:nowrap;margin-left:4px;font-weight:700;display:inline-block;position:relative;top:50%;overflow:hidden;transform:translateY(-50%)}.layout_Toolbar .toolbar-child{float:right;margin-left:4px;margin-right:4px;line-height:16px;position:relative;top:50%;transform:translateY(-50%)}\n/*$vite$:1*/')),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+var t=Object.defineProperty,e=(e,i)=>t(e,"name",{value:i,configurable:!0});import{HTMLWidget as i,FAChar as s,select as o,selectAll as l,Utility as n,d3Event as r,Platform as h,drag as a,scaleLinear as d,dispatch as p,formatPrefix as c,format as u,formatLocale as g,formatSpecifier as f,sum as _,SVGWidget as y,Database as b,Palette as w,scaleOrdinal as m,ProgressBar as v,ToggleButton as x,Text as S,Button as C,Spacer as P,TitleBar as T,IconBar as z}from"@hpcc-js/common";import{Table as W}from"@hpcc-js/dgrid";import{instanceOfIHighlight as B}from"@hpcc-js/api";function I(t,i){for(var s=0;s<i.length;s++){const o=i[s];if("string"!=typeof o&&!Array.isArray(o))for(const i in o)if("default"!==i&&!(i in t)){const s=Object.getOwnPropertyDescriptor(o,i);s&&Object.defineProperty(t,i,s.get?s:{enumerable:!0,get:/* @__PURE__ */e(()=>o[i],"get")})}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}e(I,"_mergeNamespaces");const A="@hpcc-js/layout",H="3.4.2",M="3.16.0",k=class _AbsoluteSurface extends i{constructor(){super(),this._tag="div"}enter(t,e){super.enter(t,e)}update(t,e){super.update(t,e);let i=0,s=0,o=this.clientWidth(),l=this.clientHeight();switch(this.units()){case"pixels":i=this.widgetX(),s=this.widgetY(),o=""===this.widgetWidth()?o-i:Number(this.widgetWidth()),l=""===this.widgetHeight()?l-s:Number(this.widgetHeight());break;case"percent":i=this.widgetX()*o/100,s=this.widgetY()*l/100,o=""===this.widgetWidth()?o-i:Number(this.widgetWidth())*o/100,l=""===this.widgetHeight()?l-s:Number(this.widgetHeight())*l/100}e.style("opacity",this.opacity());const n=e.selectAll("#"+this._id+" > .placeholder").data(this.widget()?[this.widget()]:[],function(t){return t._id});n.enter().append("div").attr("class","placeholder").each(function(t){t.target(this)}).merge(n).style("left",i+"px").style("top",s+"px").style("width",o+"px").style("bottom",l+"px").each(function(t){t.resize({width:o,height:l})}),n.exit().each(function(t){t.target(null)}).remove()}exit(t,e){this.widget()&&this.widget().target(null),super.exit(t,e)}};e(k,"AbsoluteSurface");let F=k;F.prototype._class+=" layout_AbsoluteSurface",F.prototype.publish("units","percent","set","Units",["pixels","percent"]),F.prototype.publish("widgetX",0,"number","Widget XPos"),F.prototype.publish("widgetY",0,"number","Widget YPos"),F.prototype.publish("widgetWidth","100","string","Widget Width, omit for full"),F.prototype.publish("widgetHeight","100","string","Widget Height, omit for full"),F.prototype.publish("widget",null,"widget","Widget",null,{tags:["Private"]}),F.prototype.publish("opacity",1,"number","Opacity");const O=class _Accordion extends i{_isClosed;titleSpan;iconDiv;ul;icon;constructor(){super(),this._tag="div",this._isClosed=!1}pushListItem(t,e=!1,i=!1){const s=this.content();return t._protected=i,e?s.unshift(t):s.push(t),this.content(s),this}clearListItems(){const t=[];for(const e in this.content())this.content()[e]._protected&&t.push(this.content()[e]);return this.content(t),this}collapseClick(t){t.classed("closed")?(this._isClosed=!1,t.classed("open",!0),t.classed("closed",!1)):(this._isClosed=!0,t.classed("open",!1),t.classed("closed",!0))}enter(t,e){super.enter(t,e);const i=this;this._isClosed=this.defaultCollapsed(),e.classed(this._isClosed?"closed":"open",!0),this.titleSpan=e.append("span").classed("collapsible-title",!0),this.iconDiv=e.append("div").classed("collapsible-icon",!0),this.ul=e.append("ul"),this.icon=(new s).size({height:24,width:24}).target(this.iconDiv.node()),this.iconDiv.on("click",function(){i.collapseClick(e),i.render()}),this.titleSpan.on("click",function(){i.collapseClick(e),i.render()})}update(t,e){super.update(t,e);const i=this;this.titleSpan.text(i.title().length>0?i.title()+"":"Accordion ["+i._id+"]");const s=this.ul.selectAll("#"+i._id+" > ul > li").data(this.content(),function(t){return t._id});s.enter().append(function(t){const e=document.createElement("li");if(null!==t._target)return t._target;{const s=t.size();if(0===s.width||0===s.height){const e=i.size();t.size({width:e.width,height:e.width})}t.target(e)}return e}),s.exit().remove(),this.icon.text_colorFill(this.titleFontColor()).char(this._isClosed?this.closedIcon():this.openIcon()).render()}exit(t,e){super.exit(t,e)}};e(O,"Accordion");let L=O;L.prototype._class+=" layout_Accordion",L.prototype.publish("content",[],"widgetArray","Array of widgets",null,{tags:["Basic"]}),L.prototype.publish("title","","string","Title of collapsible section",null,{tags:["Private"]}),L.prototype.publish("openIcon","","string","Icon to display when list is open",null,{tags:["Private"]}),L.prototype.publish("closedIcon","","string","Icon to display when list is closed",null,{tags:["Private"]}),L.prototype.publish("titleFontColor","#FFFFFF","html-color","Title font color",null,{tags:["Private"]}),L.prototype.publish("titleBackgroundColor","#333333","html-color","Title background color",null,{tags:["Private"]}),L.prototype.publish("defaultCollapsed",!1,"boolean","Collapsed by default if true",null,{tags:["Private"]});const D=class _Surface extends i{_surfaceButtons;constructor(){super(),this._tag="div",this._surfaceButtons=[]}widgetSize(t,e){let i=this.clientWidth(),s=this.clientHeight();return this.title()&&(s-=this.calcHeight(t)),s-=this.calcFrameHeight(e),i-=this.calcFrameWidth(e),{width:i,height:s}}enter(t,e){super.enter(t,e)}update(t,e){super.update(t,e);const i=this;e.classed("shadow2",this.surfaceShadow()).style("border-width",this.surfaceBorderWidth_exists()?this.surfaceBorderWidth()+"px":null).style("border-color",this.surfaceBorderColor()).style("border-radius",this.surfaceBorderRadius_exists()?this.surfaceBorderRadius()+"px":null).style("background-color",this.surfaceBackgroundColor());const s=e.selectAll(".surfaceTitle").data(this.title()?[this.title()]:[]);s.enter().insert("h3","div").attr("class","surfaceTitle").merge(s).text(function(t){return t}).style("text-align",this.surfaceTitleAlignment()).style("color",this.surfaceTitleFontColor()).style("font-size",this.surfaceTitleFontSize_exists()?this.surfaceTitleFontSize()+"px":null).style("font-family",this.surfaceTitleFontFamily()).style("font-weight",this.surfaceTitleFontBold()?"bold":"normal").style("background-color",this.surfaceTitleBackgroundColor()).style("padding",this.surfaceTitlePadding_exists()?this.surfaceTitlePadding()+"px":null).style("title",this.altText_exists()?this.altText():null),s.exit().remove();const l=e.select(".surfaceTitle").append("div").attr("class","html-button-container").selectAll(".surface-button").data(this.buttonAnnotations());l.enter().append("button").classed("surface-button",!0).each(function(t,e){const s=i._surfaceButtons[e]=o(this).attr("class","surface-button"+(t.class?" "+t.class:"")).attr("id",t.id).style("padding",t.padding).style("width",t.width).style("height",t.height).style("cursor","pointer");"FontAwesome"===t.font?s.style("background","transparent").style("border","none").on("click",function(t){i.click(t)}).append("i").attr("class","fa").text(function(){return t.label}):s.text(function(){return t.label}).on("click",function(t){i.click(t)})}),l.exit().each(function(t,e){const s=o(this);delete i._surfaceButtons[e],s.remove()});const n=e.selectAll("#"+this._id+" > .surfaceWidget").data(this.widget()?[this.widget()]:[],function(t){return t._id});n.enter().append("div").attr("class","surfaceWidget").each(function(t){o(i.element().node().parentElement).classed("content-icon content-icon-"+t.classID().split("_")[1],!0),t.target(this)}).merge(n).style("padding",this.surfacePadding_exists()?this.surfacePadding()+"px":null).each(function(t){const s=i.widgetSize(e.select("h3"),o(this));s.width<0&&(s.width=0),s.height<0&&(s.height=0),t.resize({width:s.width,height:s.height})}),n.exit().each(function(t){t.target(null)}).remove()}exit(t,e){this.widget()&&this.widget().target(null),super.exit(t,e)}click(t){}};e(D,"Surface");let R=D;R.prototype._class+=" layout_Surface",R.prototype.publish("title","","string","Title",null,{tags:["Intermediate"]}),R.prototype.publish("altText",null,"string","Alt text",null,{optional:!0}),R.prototype.publish("surfaceTitlePadding",null,"number","Title Padding (px)",null,{tags:["Advanced"],disable:/* @__PURE__ */e(t=>!t.title(),"disable")}),R.prototype.publish("surfaceTitleFontSize",null,"number","Title Font Size (px)",null,{tags:["Advanced"],disable:/* @__PURE__ */e(t=>!t.title(),"disable")}),R.prototype.publish("surfaceTitleFontColor",null,"html-color","Title Font Color",null,{tags:["Advanced"],disable:/* @__PURE__ */e(t=>!t.title(),"disable")}),R.prototype.publish("surfaceTitleFontFamily",null,"string","Title Font Family",null,{tags:["Advanced"],disable:/* @__PURE__ */e(t=>!t.title(),"disable")}),R.prototype.publish("surfaceTitleFontBold",!0,"boolean","Enable Bold Title Font",null,{tags:["Advanced"],disable:/* @__PURE__ */e(t=>!t.title(),"disable")}),R.prototype.publish("surfaceTitleBackgroundColor",null,"html-color","Title Background Color",null,{tags:["Advanced"],disable:/* @__PURE__ */e(t=>!t.title(),"disable")}),R.prototype.publish("surfaceTitleAlignment","center","set","Title Alignment",["left","right","center"],{tags:["Basic"],disable:/* @__PURE__ */e(t=>!t.title(),"disable")}),R.prototype.publish("surfaceShadow",!1,"boolean","3D Shadow"),R.prototype.publish("surfacePadding",null,"string","Surface Padding (px)",null,{tags:["Intermediate"]}),R.prototype.publish("surfaceBackgroundColor",null,"html-color","Surface Background Color",null,{tags:["Advanced"]}),R.prototype.publish("surfaceBorderWidth",null,"number","Surface Border Width (px)",null,{tags:["Advanced"]}),R.prototype.publish("surfaceBorderColor",null,"html-color","Surface Border Color",null,{tags:["Advanced"]}),R.prototype.publish("surfaceBorderRadius",null,"number","Surface Border Radius (px)",null,{tags:["Advanced"]}),R.prototype.publish("buttonAnnotations",[],"array","Button Array",null,{tags:["Private"]}),R.prototype.publish("widget",null,"widget","Widget",null,{tags:["Basic"]});const G=class _Cell extends R{_indicateTheseIds;constructor(){super(),this._indicateTheseIds=[]}indicateTheseIds(t){return arguments.length?(this._indicateTheseIds=t,this):this._indicateTheseIds}enter(t,e){super.enter(t,e);const i=this;e.classed("layout_Surface",!0).on("mouseenter",function(){i.onMouseEnter()}).on("mouseleave",function(){i.onMouseLeave()})}update(t,e){super.update(t,e)}onMouseEnter(){const t=this.indicateTheseIds(),e=this.indicatorOpacity(),i=this.indicatorBorderColor(),s=this.indicatorGlowColor();for(let l=0;l<t.length;l++){const n=o("#"+t[l]),r=n.datum();n&&r&&n.append("div").attr("class","update-indicator").style("width",r.width()+"px").style("height",r.height()+"px").style("opacity",e).style("border-color",i).style("-webkit-box-shadow","inset 0px 0px 30px 0px "+s).style("-moz-box-shadow","inset 0px 0px 30px 0px "+s).style("box-shadow","inset 0px 0px 30px 0px "+s)}}onMouseLeave(){const t=this.indicateTheseIds();for(let e=0;e<t.length;e++)l("#"+t[e]+" > div.update-indicator").remove()}};e(G,"Cell");let E=G;E.prototype._class+=" layout_Cell",E.prototype.publish("gridRow",0,"number","Grid Row Position",null,{tags:["Private"]}),E.prototype.publish("gridCol",0,"number","Grid Column Position",null,{tags:["Private"]}),E.prototype.publish("gridRowSpan",1,"number","Grid Row Span",null,{tags:["Private"]}),E.prototype.publish("gridColSpan",1,"number","Grid Column Span",null,{tags:["Private"]}),E.prototype.publish("indicatorGlowColor","#EEEE11","html-color","Glow color of update-indicator",null,{tags:["Basic"]}),E.prototype.publish("indicatorBorderColor","#F48A00","html-color","Border color of update-indicator",null,{tags:["Basic"]}),E.prototype.publish("indicatorOpacity",.8,"number","Opacity of update-indicator",null,{tags:["Basic"]});const X=class _Border extends i{_colCount;_rowCount;_colSize;_rowSize;_shrinkWrapBoxes;_watch;_offsetX;_offsetY;_dragCell;_dragCellSize;_dragCellStartSize;_handleTop;_handleLeft;_dragPrevX;_dragPrevY;_cellSizes;contentDiv;_scrollBarWidth;_borderHandles;_sectionTypeArr;constructor(){super(),this._tag="div",this._colCount=0,this._rowCount=0,this._colSize=0,this._rowSize=0,this._shrinkWrapBoxes={},this.content([]),this.sectionTypes([])}watchWidget(t){if(void 0===this._watch&&(this._watch={}),this._watch[t.id()]&&(this._watch[t.id()].remove(),delete this._watch[t.id()]),t){const e=this;this._watch[t.id()]=t.monitor(function(t,i,s){s!==i&&e.lazyPostUpdate()})}}lazyPostUpdate=n.debounce(function(){this.postUpdate()},100);applyLayoutType(){const t=this.borderLayoutObject();this.content().forEach(function(e,i){e._fixedLeft=t[this.sectionTypes()[i]].left,e._fixedTop=t[this.sectionTypes()[i]].top,e._fixedWidth=t[this.sectionTypes()[i]].width,e._fixedHeight=t[this.sectionTypes()[i]].height,e._dragHandles=this.cellSpecificDragHandles(this.sectionTypes()[i])},this)}cellSpecificDragHandles(t){switch(t){case"top":return["s"];case"right":return["w"];case"bottom":return["n"];case"left":return["e"];case"center":return[]}}borderLayoutObject(t){const e={},i=this;let s,o,l,n,r,h,a,d;const p=this.target().getBoundingClientRect();p.top,p.left,p.bottom,p.right,this.target()instanceof SVGElement?(parseFloat(this.target().getAttribute("width")),parseFloat(this.target().getAttribute("height"))):(p.width,p.height),-1!==this.sectionTypes().indexOf("top")&&(s=this.topSize(),o=this.topPercentage(),void 0!==this._shrinkWrapBoxes.top&&(s=this._shrinkWrapBoxes.top.height+this.gutter(),o=0)),-1!==this.sectionTypes().indexOf("bottom")&&(l=this.bottomSize(),n=this.bottomPercentage(),void 0!==this._shrinkWrapBoxes.bottom&&(l=this._shrinkWrapBoxes.bottom.height+this.gutter(),n=0)),-1!==this.sectionTypes().indexOf("left")&&(r=this.leftSize(),h=this.leftPercentage(),void 0!==this._shrinkWrapBoxes.left&&(r=this._shrinkWrapBoxes.left.width+this.gutter(),h=0)),-1!==this.sectionTypes().indexOf("right")&&(a=this.rightSize(),d=this.rightPercentage(),void 0!==this._shrinkWrapBoxes.right&&(a=this._shrinkWrapBoxes.right.width+this.gutter(),d=0));const c=y({width:{px:0,"%":100},height:{px:s,"%":o},top:{px:0,"%":0},left:{px:0,"%":0}}),u=y({width:{px:0,"%":100},height:{px:l,"%":n},top:{px:0,"%":100},left:{px:0,"%":0}});u.top-=u.height;const g=y({width:{px:r,"%":h},height:{px:-c.height-u.height,"%":100},top:{px:c.height,"%":0},left:{px:0,"%":0}}),f=y({width:{px:a,"%":d},height:{px:-c.height-u.height,"%":100},top:{px:c.height,"%":0},left:{px:0,"%":100}});f.left-=f.width;const _=y({width:{px:-f.width-g.width,"%":100},height:{px:-c.height-u.height,"%":100},top:{px:c.height,"%":0},left:{px:g.width,"%":0}});return e.top=c,e.bottom=u,e.right=f,e.left=g,e.center=_,e;function y(t){t.width.px=void 0!==t.width.px?t.width.px:0,t.width["%"]=void 0!==t.width["%"]?t.width["%"]:0,t.height.px=void 0!==t.height.px?t.height.px:0,t.height["%"]=void 0!==t.height["%"]?t.height["%"]:0;return{width:t.width.px+t.width["%"]/100*i.width(),height:t.height.px+t.height["%"]/100*i.height(),top:t.top.px+t.top["%"]/100*i.height()+i.gutter()/2,left:t.left.px+t.left["%"]/100*i.width()+i.gutter()/2}}}clearContent(t){if(t){const e=this.sectionTypes().indexOf(t);e>=0&&(this._watch&&this.content()[e]&&delete this._watch[this.content()[e].id()],this.content()[e].target(null),o("#"+this.id()+" > div.borderHandle_"+t).classed("borderHandleDisabled",!0),this.content().splice(e,1),this.sectionTypes().splice(e,1))}else this.content().forEach(function(t){return t.target(null),!1}),o("#"+this.id()+" > div.borderHandle").classed("borderHandleDisabled",!0),delete this._watch,this.content([]),this.sectionTypes([])}hasContent(t,e,i){return this.sectionTypes().indexOf(t)>=0}setContent(t,e,i){if(this.clearContent(t),i=void 0!==i?i:"",e){const s=(new E).surfaceBorderWidth(0).widget(e).title(i);this.watchWidget(e),this.content().push(s),this.sectionTypes().push(t)}return this}getCell(t){const e=this.sectionTypes().indexOf(t);return e>=0?this.content()[e]:null}getContent(t){const e=this.sectionTypes().indexOf(t);return e>=0?this.content()[e].widget():null}setLayoutOffsets(){this._offsetX=this._element.node().getBoundingClientRect().left+this.gutter()/2,this._offsetY=this._element.node().getBoundingClientRect().top+this.gutter()/2}dragStart(t){const e=r();e.sourceEvent.stopPropagation();const i=this;this._dragCell=t,this._dragCellStartSize=this[t+"Size"](),this[t+"ShrinkWrap"]()&&(this[t+"Percentage"](0),this[t+"ShrinkWrap"](!1));const s=o("#"+i.id()+" > div.borderHandle_"+t);i._handleTop=parseFloat(s.style("top").split("px")[0]),i._handleLeft=parseFloat(s.style("left").split("px")[0]),this._dragPrevX=e.sourceEvent.clientX,this._dragPrevY=e.sourceEvent.clientY}dragTick(t){const i=this,s=r(),n=this._dragPrevX-s.sourceEvent.clientX,h=this._dragPrevY-s.sourceEvent.clientY;switch(t){case"top":case"bottom":a(t,h);break;case"right":case"left":a(t,n)}function a(t,e){if(0===e)return;const s=l("#"+i.id()+" > div.borderHandle"),n=o("#"+i.id()+" > div.borderHandle_"+t);n.classed("borderHandle_top")?(n.style("top",i._handleTop-e+"px"),i._cellSizes.topHeight=i._handleTop-e,i._cellSizes.leftHeight=i._cellSizes.height,i._cellSizes.leftHeight-=i._cellSizes.topHeight,i._cellSizes.leftHeight-=i._cellSizes.bottomHeight,i._cellSizes.rightHeight=i._cellSizes.leftHeight):n.classed("borderHandle_right")?(n.style("left",i._handleLeft-e+"px"),i._cellSizes.rightWidth=i._cellSizes.width-i._handleLeft+e):n.classed("borderHandle_bottom")?(n.style("top",i._handleTop-e+"px"),i._cellSizes.bottomHeight=i._cellSizes.height-i._handleTop+e,i._cellSizes.leftHeight=i._cellSizes.height,i._cellSizes.leftHeight-=i._cellSizes.bottomHeight,i._cellSizes.leftHeight-=i._cellSizes.topHeight,i._cellSizes.rightHeight=i._cellSizes.leftHeight):n.classed("borderHandle_left")&&(n.style("left",i._handleLeft-e+"px"),i._cellSizes.leftWidth=i._handleLeft-e),s.each(function(){const t=o(this);t.classed("borderHandle_top")?(t.style("width",i._cellSizes.width+"px"),t.style("top",i._cellSizes.topHeight-3+"px")):t.classed("borderHandle_right")?(t.style("left",i._cellSizes.width-i._cellSizes.rightWidth+"px"),t.style("top",i._cellSizes.topHeight+3+"px"),t.style("height",i._cellSizes.rightHeight+"px")):t.classed("borderHandle_bottom")?(t.style("width",i._cellSizes.width+"px"),t.style("top",i._cellSizes.height-i._cellSizes.bottomHeight-3+"px")):t.classed("borderHandle_left")&&(t.style("left",i._cellSizes.leftWidth+"px"),t.style("height",i._cellSizes.leftHeight+"px"),t.style("top",i._cellSizes.topHeight+3+"px"))})}e(a,"_moveHandles")}dragEnd(t){if(t){const e=r(),i=this._dragPrevX-e.sourceEvent.clientX,s=this._dragPrevY-e.sourceEvent.clientY;switch(t){case"top":0!==s&&(this.topPercentage(0),this.topSize(0===this.topSize()?this.getContent("top").getBBox().height-s:this.topSize()-s));break;case"right":0!==i&&(this.rightPercentage(0),this.rightSize(0===this.rightSize()?this.getContent("right").getBBox().width+i:this.rightSize()+i));break;case"bottom":0!==s&&(this.bottomPercentage(0),this.bottomSize(0===this.bottomSize()?this.getContent("bottom").getBBox().height+s:this.bottomSize()+s));break;case"left":0!==i&&(this.leftPercentage(0),this.leftSize(0===this.leftSize()?this.getContent("left").getBBox().width-i:this.leftSize()-i))}this._dragPrevX=e.sourceEvent.clientX,this._dragPrevY=e.sourceEvent.clientY}this.render()}size(t){const e=i.prototype.size.apply(this,arguments);return arguments.length&&this.contentDiv&&this.contentDiv.style("width",this._size.width+"px").style("height",this._size.height+"px"),e}enter(t,e){super.enter(t,e);const i=this;e.style("position","relative"),this.contentDiv=e.append("div").classed("border-content",!0),this._scrollBarWidth=h.getScrollbarWidth(),this._borderHandles=["top","left","right","bottom"];e.selectAll("div.borderHandle").data(this._borderHandles).enter().append("div").classed("borderHandle",!0).each(function(t){o(this).classed("borderHandle_"+t,!0).classed("borderHandleDisabled",null===i.getContent(t))})}update(t,e){super.update(t,e),this._sectionTypeArr=this.sectionTypes();const i=this;e.classed("design-mode",this.designMode()),this.setLayoutOffsets();const s=this.contentDiv.selectAll(".cell_"+this._id).data(this.content(),function(t){return t._id}),l=s.enter().append("div").classed("cell_"+this._id,!0).style("position","absolute").each(function(t,e){o(this).classed("border-cell border-cell-"+i._sectionTypeArr[e],!0),t.target(this),o("#"+i.id()+" > div.borderHandle_"+i._sectionTypeArr[e]).classed("borderHandleDisabled",!1)}).merge(s);l.each(function(t,e){const s=i.sectionTypes()[e];void 0!==i[s+"ShrinkWrap"]&&i[s+"ShrinkWrap"]()?(t.render(),i._shrinkWrapBoxes[s]=t.widget().getBBox(!0)):delete i._shrinkWrapBoxes[s]});const n=a().on("start",function(t,e){i.dragStart.call(i,t,e)}).on("drag",function(t,e){i.dragTick.call(i,t,e)}).on("end",function(t,e){i.dragEnd.call(i,t,e)});this.designMode()?e.selectAll("#"+this.id()+" > div.borderHandle").call(n):e.selectAll("#"+this.id()+" > div.borderHandle").on(".drag",null);const r=this.borderLayoutObject();this.content().forEach(function(t,e){t._fixedLeft=r[this.sectionTypes()[e]].left,t._fixedTop=r[this.sectionTypes()[e]].top,t._fixedWidth=r[this.sectionTypes()[e]].width,t._fixedHeight=r[this.sectionTypes()[e]].height,t._dragHandles=[]},this),l.style("left",function(t){return t._fixedLeft+"px"}).style("top",function(t){return t._fixedTop+"px"}).style("width",function(t){return t._fixedWidth-i.gutter()+"px"}).style("height",function(t){return t._fixedHeight-i.gutter()+"px"}).each(function(t){t._placeholderElement.attr("draggable",i.designMode()).selectAll(".dragHandle").attr("draggable",i.designMode()),t.surfacePadding(i.surfacePadding()).resize()}),s.exit().each(function(t){t.target(null)}).remove(),this.getCellSizes(),e.selectAll("#"+this.id()+" > div.borderHandle").each(function(){const t=o(this);t.classed("borderHandle_top")?(t.style("width",i._cellSizes.width+"px"),t.style("top",i._cellSizes.topHeight-3+"px")):t.classed("borderHandle_right")?(t.style("left",i._cellSizes.width-i._cellSizes.rightWidth+"px"),t.style("top",i._cellSizes.topHeight+3+"px"),t.style("height",i._cellSizes.rightHeight+"px")):t.classed("borderHandle_bottom")?(t.style("width",i._cellSizes.width+"px"),t.style("top",i._cellSizes.height-i._cellSizes.bottomHeight-3+"px")):t.classed("borderHandle_left")&&(t.style("left",i._cellSizes.leftWidth+"px"),t.style("height",i._cellSizes.leftHeight+"px"),t.style("top",i._cellSizes.topHeight+3+"px"))})}getCellSizes(){const t=this;t._cellSizes={};const e=this.element().node().getBoundingClientRect();t._cellSizes.width=e.width,t._cellSizes.height=e.height,this.element().selectAll("#"+this.id()+" > div > div.border-cell").each(function(){const e=o(this);if("function"==typeof e.node){const i=e.node().getBoundingClientRect();e.classed("border-cell-top")?t._cellSizes.topHeight=i.height:e.classed("border-cell-left")?(t._cellSizes.leftWidth=i.width,t._cellSizes.leftHeight=i.height):e.classed("border-cell-right")?(t._cellSizes.rightWidth=i.width,t._cellSizes.rightHeight=i.height):e.classed("border-cell-bottom")&&(t._cellSizes.bottomHeight=i.height)}});["height","width","topHeight","bottomHeight","leftHeight","rightHeight","leftWidth","rightWidth"].forEach(function(e){t._cellSizes[e]=void 0===t._cellSizes[e]?0:t._cellSizes[e]})}postUpdate(t,e){const i=this;this.content().forEach(function(t){if(null!==t._element.node()&&t.widget()){const e=t.widget().getBBox(!1,!0),s=t.widget().getBBox(!0,!0);e.width===s.width&&e.height===s.height||i.lazyRender()}})}exit(t,e){this.content().forEach(t=>t.target(null)),super.exit(t,e)}};e(X,"Border");let Y=X;Y.prototype._class+=" layout_Border",Y.prototype.publish("designMode",!1,"boolean","Design Mode",null,{tags:["Basic"]}),Y.prototype.publish("content",[],"widgetArray","widgets",null,{tags:["Intermediate"]}),Y.prototype.publish("gutter",0,"number","Gap Between Widgets",null,{tags:["Basic"]}),Y.prototype.publish("topShrinkWrap",!1,"boolean","'Top' Cell shrinks to fit content",null,{tags:["Intermediate"]}),Y.prototype.publish("leftShrinkWrap",!1,"boolean","'Left' Cell shrinks to fit content",null,{tags:["Intermediate"]}),Y.prototype.publish("rightShrinkWrap",!1,"boolean","'Right' Cell shrinks to fit content",null,{tags:["Intermediate"]}),Y.prototype.publish("bottomShrinkWrap",!1,"boolean","'Bottom' Cell shrinks to fit content",null,{tags:["Intermediate"]}),Y.prototype.publish("topSize",0,"number","Height of the 'Top' Cell (px)",null,{tags:["Private"]}),Y.prototype.publish("leftSize",0,"number","Width of the 'Left' Cell (px)",null,{tags:["Private"]}),Y.prototype.publish("rightSize",0,"number","Width of the 'Right' Cell (px)",null,{tags:["Private"]}),Y.prototype.publish("bottomSize",0,"number","Height of the 'Bottom' Cell (px)",null,{tags:["Private"]}),Y.prototype.publish("topPercentage",20,"number","Percentage (of parent) Height of the 'Top' Cell",null,{tags:["Private"]}),Y.prototype.publish("leftPercentage",20,"number","Percentage (of parent) Width of the 'Left' Cell",null,{tags:["Private"]}),Y.prototype.publish("rightPercentage",20,"number","Percentage (of parent) Width of the 'Right' Cell",null,{tags:["Private"]}),Y.prototype.publish("bottomPercentage",20,"number","Percentage (of parent) Height of the 'Bottom' Cell",null,{tags:["Private"]}),Y.prototype.publish("surfacePadding",0,"number","Cell Padding (px)",null,{tags:["Intermediate"]}),Y.prototype.publish("sectionTypes",[],"array","Section Types sharing an index with 'content' - Used to determine position/size.",null,{tags:["Private"]});const V=class _WidgetDiv{_div;_overlay=!1;_overflowX="visible";_overflowY="visible";_widget;constructor(t){this._div=t}overlay(t){return arguments.length?(this._overlay=t,this):this._overlay}overflowX(t){return arguments.length?(this._overflowX=t,this._div.style("overflow-x",t),this):this._overflowX}overflowY(t){return arguments.length?(this._overflowY=t,this._div.style("overflow-y",t),this):this._overflowY}element(){return this._div}node(){return this._div.node()}widget(t){return arguments.length?(this._widget!==t&&(this._widget&&this._widget.target(null),this._widget=t,this._widget&&this._widget.target(this._div.node())),this):this._widget}resize(t){return this._widget&&(this._div.style("width",`${t.width}px`).style("height",`${t.height}px`),this._widget.resize(t)),this}async render(t,e,i){let s=this.overflowX();this.overlay()||"visible"!==s||(s=null);let o=this.overflowY();return this.overlay()||"visible"!==o||(o=null),this._div.style("height",this.overlay()?"0px":null).style("overflow-x",s).style("overflow-y",o),this._widget?this._widget.renderPromise().then(s=>{if(t&&this._widget.visible()){const t=this._widget.getBBox();return t.width+=8,void 0!==e&&t.height>e&&(t.width+=h.getScrollbarWidth()),void 0!==i&&t.width>i&&(t.height+=h.getScrollbarWidth()),this.overlay()?t.height=0:t.height+=4,t}return t?{x:0,y:0,width:0,height:0}:void 0}):Promise.resolve(t?{x:0,y:0,width:0,height:0}:void 0)}};e(V,"WidgetDiv");let N=V;const $=class _Border2 extends i{_bodyElement;_topWA;_leftWA;_centerWA;_rightWA;_bottomWA;_topPrevOverflow;_leftPrevOverflow;_rightPrevOverflow;_bottomPrevOverflow;constructor(){super(),this._tag="div"}enter(t,e){super.enter(t,e);const i=e.append("header");this._bodyElement=e.append("div").attr("class","body");const s=this._bodyElement.append("div").attr("class","center"),o=this._bodyElement.append("div").attr("class","lhs"),l=this._bodyElement.append("div").attr("class","rhs"),n=e.append("div").attr("class","footer");this._topWA=new N(i),this._centerWA=new N(s),this._leftWA=new N(o),this._rightWA=new N(l),this._bottomWA=new N(n)}update(t,e){super.update(t,e),this._topWA.element().style("display",this.showTop()?null:"none"),this._rightWA.element().style("display",this.showRight()?null:"none"),this._bottomWA.element().style("display",this.showBottom()?null:"none"),this._leftWA.element().style("display",this.showLeft()?null:"none"),this.topOverflowX()!==this._topWA.overflowX()&&this._topWA.overflowX(this.topOverflowX()),this.rightOverflowX()!==this._rightWA.overflowX()&&this._rightWA.overflowX(this.rightOverflowX()),this.bottomOverflowX()!==this._bottomWA.overflowX()&&this._bottomWA.overflowX(this.bottomOverflowX()),this.leftOverflowX()!==this._leftWA.overflowX()&&this._leftWA.overflowX(this.leftOverflowX()),this.topOverflowY()!==this._topWA.overflowY()&&this._topWA.overflowY(this.topOverflowY()),this.rightOverflowY()!==this._rightWA.overflowY()&&this._rightWA.overflowY(this.rightOverflowY()),this.bottomOverflowY()!==this._bottomWA.overflowY()&&this._bottomWA.overflowY(this.bottomOverflowY()),this.leftOverflowY()!==this._leftWA.overflowY()&&this._leftWA.overflowY(this.leftOverflowY()),this.element().style("width",`${this.width()}px`).style("height",`${this.height()}px`)}targetNull(t){t&&t.target(null)}exit(t,e){this.targetNull(this.center()),this.targetNull(this.bottom()),this.targetNull(this.right()),this.targetNull(this.left()),this.targetNull(this.top()),super.exit(t,e)}swap(t,e){const i=this[t](),s=this[e]();return this.targetNull(i),this.targetNull(s),this[`_${t}WA`].widget(null),this[`_${e}WA`].widget(null),this[t](s),this[e](i),this}render(t){return super.render(e=>{this._topWA?this._topWA.widget(this.top()).overlay(this.topOverlay()).render(!0).then(async e=>{const i=await this._bottomWA.widget(this.bottom()).render(!0,void 0,this.width()),s=this.height()-(e.height+i.height),o=await this._leftWA.widget(this.left()).render(!0,s),l=await this._rightWA.widget(this.right()).render(!0,s);this.bottomHeight_exists()&&(i.height=this.bottomHeight());const n=this.width()-(o.width+l.width),r=this.height()-(e.height+i.height),h=this.centerOverflowX(),a=this.centerOverflowY(),d=-1!==["auto","scroll"].indexOf(h),p=-1!==["auto","scroll"].indexOf(a);(d||p)&&this._centerWA.overflowX(this.centerOverflowX()).overflowY(this.centerOverflowY()).widget(this.center()).resize({width:n,height:r}).render(),this._bodyElement.style("height",`${r}px`);const c=[this._topWA.overflowX(this.topOverflowX()).overflowY(this.topOverflowY()).resize({width:this.width(),height:e.height}).render(),this._leftWA.overflowX(this.leftOverflowX()).overflowY(this.leftOverflowY()).resize({width:o.width,height:r}).render(),this._rightWA.overflowX(this.rightOverflowX()).overflowY(this.rightOverflowY()).resize({width:l.width,height:r}).render(),this._centerWA.overflowX(this.centerOverflowX()).overflowY(this.centerOverflowY()).widget(this.center()).resize({width:n,height:r}).render(),this._bottomWA.overflowX(this.bottomOverflowX()).overflowY(this.bottomOverflowY()).resize({width:this.width(),height:i.height}).render()];Promise.all(c).then(e=>{t&&t(this)})}):t&&t(this)})}};e($,"Border2");let U=$;U.prototype._class+=" layout_Border2",U.prototype.publish("showTop",!0,"boolean","If true, top widget adapter will display"),U.prototype.publish("showRight",!0,"boolean","If true, right widget adapter will display"),U.prototype.publish("showBottom",!0,"boolean","If true, bottom widget adapter will display"),U.prototype.publish("showLeft",!0,"boolean","If true, left widget adapter will display"),U.prototype.publish("topOverflowX","visible","set","Sets the overflow-x css style for the top widget adapter",["hidden","scroll","visible","auto"]),U.prototype.publish("rightOverflowX","visible","set","Sets the overflow-x css style for the right widget adapter",["hidden","scroll","visible","auto"]),U.prototype.publish("bottomOverflowX","visible","set","Sets the overflow-x css style for the bottom widget adapter",["hidden","scroll","visible","auto"]),U.prototype.publish("leftOverflowX","visible","set","Sets the overflow-x css style for the left widget adapter",["hidden","scroll","visible","auto"]),U.prototype.publish("centerOverflowX","visible","set","Sets the overflow-x css style for the center widget adapter",["hidden","scroll","visible","auto"]),U.prototype.publish("topOverflowY","visible","set","Sets the overflow-y css style for the top widget adapter",["hidden","scroll","visible","auto"]),U.prototype.publish("rightOverflowY","visible","set","Sets the overflow-y css style for the right widget adapter",["hidden","scroll","visible","auto"]),U.prototype.publish("bottomOverflowY","visible","set","Sets the overflow-y css style for the bottom widget adapter",["hidden","scroll","visible","auto"]),U.prototype.publish("leftOverflowY","visible","set","Sets the overflow-y css style for the left widget adapter",["hidden","scroll","visible","auto"]),U.prototype.publish("centerOverflowY","visible","set","Sets the overflow-y css style for the center widget adapter",["hidden","scroll","visible","auto"]),U.prototype.publish("top",null,"widget","Top Widget",void 0,{render:!1}),U.prototype.publish("topOverlay",!1,"boolean","Overlay Top Widget"),U.prototype.publish("left",null,"widget","Left Widget",void 0,{render:!1}),U.prototype.publish("center",null,"widget","Center Widget",void 0,{render:!1}),U.prototype.publish("right",null,"widget","Right Widget",void 0,{render:!1}),U.prototype.publish("bottom",null,"widget","Bottom Widget",void 0,{render:!1}),U.prototype.publish("bottomHeight",null,"number","Bottom Fixed Height",void 0,{optional:!0});const j=class _Carousel extends i{_prevActive=0;_root;activeWidget(){return this.widgets()[this.active()]}enter(t,e){super.enter(t,e),this._root=e.append("div").attr("id",`${this.id()}_root`)}update(t,e){super.update(t,e);const i=this.active(),s=this.width();this._root.style("width",`${s}px`).style("height",`${this.height()}px`);const l=this._root.selectAll(`#${this.id()}_root > .carouselItem`).data(this.widgets(),t=>t.id()),n=l.enter().append("div").attr("class","carouselItem").each(function(t){t.target(this)}).merge(l).style("left",(t,e)=>(e-this._prevActive)*s+"px").style("width",`${s}px`);this._prevActive!==i&&(n.style("display",(t,e)=>e===this._prevActive||e===i?null:"none").transition().duration(this.transitionDuration()).style("left",(t,e)=>(e-i)*s+"px").on("end",function(t,e){o(this).style("display",()=>e===i?null:"none")}),this._prevActive=i),l.exit().each(function(t){t.target(null)}).remove()}exit(t,e){this.widgets().forEach(t=>t.target(null)),super.exit(t,e)}render(t){return super.render(e=>{if(!this.visible()||this.isDOMHidden())t&&t(e);else{const i=this.activeWidget();i&&i.resize(this.size()).render(i=>{t&&t(e)})}})}};e(j,"Carousel");let q=j;q.prototype._class+=" layout_Carousel",q.prototype.publish("widgets",[],"widgetArray","Widgets",null,{render:!1}),q.prototype.publish("active",0,"number","Active widget"),q.prototype.publish("transitionDuration",500,"number","Transition duration");var J=Math.PI,Z=2*J,K=1e-6,Q=Z-K;function tt(){this._x0=this._y0=this._x1=this._y1=null,this._=""}function et(){return new tt}function it(t){/* @__PURE__ */
+return e(function(){return t},"constant")}e(tt,"Path"),e(et,"path"),tt.prototype=et.prototype={constructor:tt,moveTo:/* @__PURE__ */e(function(t,e){this._+="M"+(this._x0=this._x1=+t)+","+(this._y0=this._y1=+e)},"moveTo"),closePath:/* @__PURE__ */e(function(){null!==this._x1&&(this._x1=this._x0,this._y1=this._y0,this._+="Z")},"closePath"),lineTo:/* @__PURE__ */e(function(t,e){this._+="L"+(this._x1=+t)+","+(this._y1=+e)},"lineTo"),quadraticCurveTo:/* @__PURE__ */e(function(t,e,i,s){this._+="Q"+ +t+","+ +e+","+(this._x1=+i)+","+(this._y1=+s)},"quadraticCurveTo"),bezierCurveTo:/* @__PURE__ */e(function(t,e,i,s,o,l){this._+="C"+ +t+","+ +e+","+ +i+","+ +s+","+(this._x1=+o)+","+(this._y1=+l)},"bezierCurveTo"),arcTo:/* @__PURE__ */e(function(t,e,i,s,o){t=+t,e=+e,i=+i,s=+s,o=+o;var l=this._x1,n=this._y1,r=i-t,h=s-e,a=l-t,d=n-e,p=a*a+d*d;if(o<0)throw new Error("negative radius: "+o);if(null===this._x1)this._+="M"+(this._x1=t)+","+(this._y1=e);else if(p>K)if(Math.abs(d*r-h*a)>K&&o){var c=i-l,u=s-n,g=r*r+h*h,f=c*c+u*u,_=Math.sqrt(g),y=Math.sqrt(p),b=o*Math.tan((J-Math.acos((g+p-f)/(2*_*y)))/2),w=b/y,m=b/_;Math.abs(w-1)>K&&(this._+="L"+(t+w*a)+","+(e+w*d)),this._+="A"+o+","+o+",0,0,"+ +(d*c>a*u)+","+(this._x1=t+m*r)+","+(this._y1=e+m*h)}else this._+="L"+(this._x1=t)+","+(this._y1=e);else;},"arcTo"),arc:/* @__PURE__ */e(function(t,e,i,s,o,l){t=+t,e=+e,l=!!l;var n=(i=+i)*Math.cos(s),r=i*Math.sin(s),h=t+n,a=e+r,d=1^l,p=l?s-o:o-s;if(i<0)throw new Error("negative radius: "+i);null===this._x1?this._+="M"+h+","+a:(Math.abs(this._x1-h)>K||Math.abs(this._y1-a)>K)&&(this._+="L"+h+","+a),i&&(p<0&&(p=p%Z+Z),p>Q?this._+="A"+i+","+i+",0,1,"+d+","+(t-n)+","+(e-r)+"A"+i+","+i+",0,1,"+d+","+(this._x1=h)+","+(this._y1=a):p>K&&(this._+="A"+i+","+i+",0,"+ +(p>=J)+","+d+","+(this._x1=t+i*Math.cos(o))+","+(this._y1=e+i*Math.sin(o))))},"arc"),rect:/* @__PURE__ */e(function(t,e,i,s){this._+="M"+(this._x0=this._x1=+t)+","+(this._y0=this._y1=+e)+"h"+ +i+"v"+ +s+"h"+-i+"Z"},"rect"),toString:/* @__PURE__ */e(function(){return this._},"toString")},e(it,"constant");var st=Math.PI,ot=2*st;const lt={draw:/* @__PURE__ */e(function(t,e){var i=Math.sqrt(e/st);t.moveTo(i,0),t.arc(0,0,i,0,ot)},"draw")},nt={draw:/* @__PURE__ */e(function(t,e){var i=Math.sqrt(e/5)/2;t.moveTo(-3*i,-i),t.lineTo(-i,-i),t.lineTo(-i,-3*i),t.lineTo(i,-3*i),t.lineTo(i,-i),t.lineTo(3*i,-i),t.lineTo(3*i,i),t.lineTo(i,i),t.lineTo(i,3*i),t.lineTo(-i,3*i),t.lineTo(-i,i),t.lineTo(-3*i,i),t.closePath()},"draw")};var rt=Math.sqrt(1/3),ht=2*rt;const at={draw:/* @__PURE__ */e(function(t,e){var i=Math.sqrt(e/ht),s=i*rt;t.moveTo(0,-i),t.lineTo(s,0),t.lineTo(0,i),t.lineTo(-s,0),t.closePath()},"draw")};var dt=Math.sin(st/10)/Math.sin(7*st/10),pt=Math.sin(ot/10)*dt,ct=-Math.cos(ot/10)*dt;const ut={draw:/* @__PURE__ */e(function(t,e){var i=Math.sqrt(.8908130915292852*e),s=pt*i,o=ct*i;t.moveTo(0,-i),t.lineTo(s,o);for(var l=1;l<5;++l){var n=ot*l/5,r=Math.cos(n),h=Math.sin(n);t.lineTo(h*i,-r*i),t.lineTo(r*s-h*o,h*s+r*o)}t.closePath()},"draw")},gt={draw:/* @__PURE__ */e(function(t,e){var i=Math.sqrt(e),s=-i/2;t.rect(s,s,i,i)},"draw")};var ft=Math.sqrt(3);const _t={draw:/* @__PURE__ */e(function(t,e){var i=-Math.sqrt(e/(3*ft));t.moveTo(0,2*i),t.lineTo(-ft*i,-i),t.lineTo(ft*i,-i),t.closePath()},"draw")};var yt=-.5,bt=Math.sqrt(3)/2,wt=1/Math.sqrt(12),mt=3*(wt/2+1);const vt={draw:/* @__PURE__ */e(function(t,e){var i=Math.sqrt(e/mt),s=i/2,o=i*wt,l=s,n=i*wt+i,r=-l,h=n;t.moveTo(s,o),t.lineTo(l,n),t.lineTo(r,h),t.lineTo(yt*s-bt*o,bt*s+yt*o),t.lineTo(yt*l-bt*n,bt*l+yt*n),t.lineTo(yt*r-bt*h,bt*r+yt*h),t.lineTo(yt*s+bt*o,yt*o-bt*s),t.lineTo(yt*l+bt*n,yt*n-bt*l),t.lineTo(yt*r+bt*h,yt*h-bt*r),t.closePath()},"draw")};function xt(){var t=it(lt),i=it(64),s=null;function o(){var e;if(s||(s=e=et()),t.apply(this,arguments).draw(s,+i.apply(this,arguments)),e)return s=null,e+""||null}return e(o,"symbol"),o.type=function(e){return arguments.length?(t="function"==typeof e?e:it(e),o):t},o.size=function(t){return arguments.length?(i="function"==typeof t?t:it(+t),o):i},o.context=function(t){return arguments.length?(s=null==t?null:t,o):s},o}e(xt,"d3Symbol");var St="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ct=/* @__PURE__ */e(function(t){return t},"d3_identity"),Pt=/* @__PURE__ */e(function(t){for(var e=[],i=0,s=t.length;i<s;i++)e[i]=t[s-i-1];return e},"d3_reverse"),Tt=/* @__PURE__ */e(function(t,e){t.each(function(){var t,i=o(this),s=i.text().split(/\s+/).reverse(),l=[];i.attr("y");for(var n=parseFloat(i.attr("dy"))||0,r=i.text(null).append("tspan").attr("x",0).attr("dy",n+"em");t=s.pop();)l.push(t),r.text(l.join(" ")),r.node().getComputedTextLength()>e&&l.length>1&&(l.pop(),r.text(l.join(" ")),l=[t],r=i.append("tspan").attr("x",0).attr("dy",1.2+n+"em").text(t))})},"d3_textWrapping"),zt=/* @__PURE__ */e(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments[1],i=arguments[2],s=arguments[3],o=arguments[4];if("object"===(void 0===e?"undefined":St(e))){if(0===e.length)return t;for(var l=e.length;l<t.length;l++)e.push(t[l]);return e}if("function"==typeof e){for(var n=[],r=t.length,h=0;h<r;h++)n.push(e({i:h,genLength:r,generatedLabels:t,domain:i,range:s,labelDelimiter:o}));return n}return t},"d3_mergeLabels"),Wt=/* @__PURE__ */e(function(t,i,s){var o=[];if(i.length>1)o=i;else for(var l=t.domain(),n=(l[l.length-1]-l[0])/(i-1),r=0;r<i;r++)o.push(l[0]+r*n);var h=o.map(s);return{data:o,labels:h,feature:/* @__PURE__ */e(function(e){return t(e)},"feature")}},"d3_linearLegend"),Bt=/* @__PURE__ */e(function(t,e,i){var s=t.range().map(function(s){var o=t.invertExtent(s);return e(o[0])+" "+i+" "+e(o[1])});return{data:t.range(),labels:s,feature:Ct}},"d3_quantLegend"),It=/* @__PURE__ */e(function(t){return{data:t.domain(),labels:t.domain(),feature:/* @__PURE__ */e(function(e){return t(e)},"feature")}},"d3_ordinalLegend"),At=/* @__PURE__ */e(function(t,e,i){t.call("cellover",i,e)},"d3_cellOver"),Ht=/* @__PURE__ */e(function(t,e,i){t.call("cellout",i,e)},"d3_cellOut"),Mt=/* @__PURE__ */e(function(t,e,i){t.call("cellclick",i,e)},"d3_cellClick"),kt={d3_drawShapes:/* @__PURE__ */e(function(t,e,i,s,o,l){"rect"===t?e.attr("height",i).attr("width",s):"circle"===t?e.attr("r",o):"line"===t?e.attr("x1",0).attr("x2",s).attr("y1",0).attr("y2",0):"path"===t&&e.attr("d",l)},"d3_drawShapes"),d3_addText:/* @__PURE__ */e(function(t,e,i,s,o){e.append("text").attr("class",s+"label");var l=t.selectAll("g."+s+"cell text."+s+"label").data(i).text(Ct);return o&&t.selectAll("g."+s+"cell text."+s+"label").call(Tt,o),l},"d3_addText"),d3_calcType:/* @__PURE__ */e(function(t,e,i,s,o,l){var n=t.invertExtent?Bt(t,o,l):t.ticks?Wt(t,i,o):It(t),r=t.range&&t.range()||t.domain();return n.labels=zt(n.labels,s,t.domain(),r,l),e&&(n.labels=Pt(n.labels),n.data=Pt(n.data)),n},"d3_calcType"),d3_filterCells:/* @__PURE__ */e(function(t,e){var i=t.data.map(function(e,i){return{data:e,label:t.labels[i]}}).filter(e),s=i.map(function(t){return t.data}),o=i.map(function(t){return t.label});return t.data=t.data.filter(function(t){return-1!==s.indexOf(t)}),t.labels=t.labels.filter(function(t){return-1!==o.indexOf(t)}),t},"d3_filterCells"),d3_placement:/* @__PURE__ */e(function(t,e,i,s,o,l){e.attr("transform",i),s.attr("transform",o),"horizontal"===t&&s.style("text-anchor",l)},"d3_placement"),d3_addEvents:/* @__PURE__ */e(function(t,e){t.on("mouseover.legend",function(t){At(e,t,this)}).on("mouseout.legend",function(t){Ht(e,t,this)}).on("click.legend",function(t){Mt(e,t,this)})},"d3_addEvents"),d3_title:/* @__PURE__ */e(function(t,e,i,s){if(""!==e){t.selectAll("text."+i+"legendTitle").data([e]).enter().append("text").attr("class",i+"legendTitle"),t.selectAll("text."+i+"legendTitle").text(e),s&&t.selectAll("text."+i+"legendTitle").call(Tt,s);var o=t.select("."+i+"legendCells"),l=t.select("."+i+"legendTitle").nodes().map(function(t){return t.getBBox().height})[0],n=-o.nodes().map(function(t){return t.getBBox().x})[0];o.attr("transform","translate("+n+","+l+")")}},"d3_title"),d3_defaultLocale:{format:u,formatPrefix:c},d3_defaultFormatSpecifier:".01f",d3_defaultDelimiter:"to"};function Ft(){var t=d(),i="rect",s=15,o=15,l=10,n=2,r=[5],h=void 0,a=[],c="",u=!1,y="",b=kt.d3_defaultLocale,w=kt.d3_defaultFormatSpecifier,m=10,v="middle",x=kt.d3_defaultDelimiter,S=void 0,C="vertical",P=!1,T=void 0,z=void 0,W=p("cellover","cellout","cellclick");function B(d){var p=kt.d3_calcType(t,P,r,a,b.format(w),x);d.selectAll("g").data([t]).enter().append("g").attr("class",c+"legendCells"),h&&kt.d3_filterCells(p,h);var g=d.select("."+c+"legendCells").selectAll("."+c+"cell").data(p.data),f=g.enter().append("g").attr("class",c+"cell");f.append(i).attr("class",c+"swatch");var B=d.selectAll("g."+c+"cell "+i+"."+c+"swatch").data(p.data);kt.d3_addEvents(f,W),g.exit().transition().style("opacity",0).remove(),B.exit().transition().style("opacity",0).remove(),B=B.merge(B),kt.d3_drawShapes(i,B,o,s,l,T);var I=kt.d3_addText(d,f,p.labels,c,S);g=f.merge(g);var A=I.nodes().map(function(t){return t.getBBox()}),H=B.nodes().map(function(t){return t.getBBox()});u?B.attr("class",function(t){return c+"swatch "+p.feature(t)}):"line"==i?B.style("stroke",p.feature):B.style("fill",p.feature);var M,k=void 0,F=void 0,O="start"==v?0:"middle"==v?.5:1;"vertical"===C?(M=A.map(function(t,e){return Math.max(t.height,H[e].height)}),k=/* @__PURE__ */e(function(t,e){return"translate(0, "+(_(M.slice(0,e))+e*n)+")"},"cellTrans"),F=/* @__PURE__ */e(function(t,e){return"translate( "+(H[e].width+H[e].x+m)+", "+(H[e].y+H[e].height/2+5)+")"},"textTrans")):"horizontal"===C&&(k=/* @__PURE__ */e(function(t,e){return"translate("+e*(H[e].width+n)+",0)"},"cellTrans"),F=/* @__PURE__ */e(function(t,e){return"translate("+(H[e].width*O+H[e].x)+",\n          "+(H[e].height+H[e].y+m+8)+")"},"textTrans")),kt.d3_placement(C,g,k,I,F,v),kt.d3_title(d,y,c,z),g.transition().style("opacity",1)}return e(B,"legend"),B.scale=function(e){return arguments.length?(t=e,B):t},B.cells=function(t){return arguments.length?((t.length>1||t>=2)&&(r=t),B):r},B.cellFilter=function(t){return arguments.length?(h=t,B):h},B.shape=function(t,e){return arguments.length?(("rect"==t||"circle"==t||"line"==t||"path"==t&&"string"==typeof e)&&(i=t,T=e),B):i},B.shapeWidth=function(t){return arguments.length?(s=+t,B):s},B.shapeHeight=function(t){return arguments.length?(o=+t,B):o},B.shapeRadius=function(t){return arguments.length?(l=+t,B):l},B.shapePadding=function(t){return arguments.length?(n=+t,B):n},B.labels=function(t){return arguments.length?(a=t,B):a},B.labelAlign=function(t){return arguments.length?("start"!=t&&"end"!=t&&"middle"!=t||(v=t),B):v},B.locale=function(t){return arguments.length?(b=g(t),B):b},B.labelFormat=function(t){return arguments.length?(w=f(t),B):B.locale().format(w)},B.labelOffset=function(t){return arguments.length?(m=+t,B):m},B.labelDelimiter=function(t){return arguments.length?(x=t,B):x},B.labelWrap=function(t){return arguments.length?(S=t,B):S},B.useClass=function(t){return arguments.length?(!0!==t&&!1!==t||(u=t),B):u},B.orient=function(t){return arguments.length?("horizontal"!=(t=t.toLowerCase())&&"vertical"!=t||(C=t),B):C},B.ascending=function(t){return arguments.length?(P=!!t,B):P},B.classPrefix=function(t){return arguments.length?(c=t,B):c},B.title=function(t){return arguments.length?(y=t,B):y},B.titleWidth=function(t){return arguments.length?(z=t,B):z},B.textWrap=function(t){return arguments.length?(textWrap=t,B):textWrap},B.on=function(){var t=W.on.apply(W,arguments);return t===W?B:t},B}e(Ft,"color");const Ot=class _Legend extends y{_owner;_targetWidget;_targetWidgetMonitor;_legendOrdinal;_disabled=[];_symbolTypeMap={circle:lt,cross:nt,diamond:at,square:gt,star:ut,triangle:_t,wye:vt};constructor(t){super(),this._owner=t,this._drawStartPos="origin";const e=this;this._legendOrdinal=Ft().shape("path",xt().type(lt).size(150)()).shapePadding(10).shapeRadius(10).on("cellclick",function(t){e.onClick(t,this)}).on("cellover",t=>{e.onOver(t,this)}).on("cellout",t=>{e.onOut(t,this)})}isDisabled(t){return void 0!==t&&("string"==typeof t?0===t.indexOf("__")||this._disabled.indexOf(t)>=0:t instanceof b.Field?0===t.id().indexOf("__")||this._disabled.indexOf(t.id())>=0:this._disabled.indexOf(t)>=0)}filteredFields(){switch(this.dataFamily()){case"2D":return this.fields();case"ND":return this.fields().filter(t=>!this.isDisabled(t))}return this.fields()}filteredColumns(){switch(this.dataFamily()){case"2D":return this.columns();case"ND":return this.columns().filter(t=>!this.isDisabled(t))}return this.columns()}filteredData(){switch(this.dataFamily()){case"2D":return this.data().filter(t=>!this.isDisabled(t[0]));case"ND":const t={};let e=!1;return this.columns().forEach((i,s)=>{const o=this.isDisabled(i);t[s]=o,o&&(e=!0)}),e?this.data().map(e=>e.filter((e,i)=>!t[i])):this.data()}return this.data()}isRainbow(){const t=this.getWidget();return t&&t._palette&&"rainbow"===t._palette.type()}targetWidget(t){if(!arguments.length)return this._targetWidget;if(this._targetWidget=t,this._targetWidgetMonitor&&(this._targetWidgetMonitor.remove(),delete this._targetWidgetMonitor),this._targetWidget){const t=this;this._targetWidgetMonitor=this._targetWidget.monitor(function(e,i,s,o){switch(e){case"chart":case"columns":case"data":case"paletteID":t.lazyRender()}})}return this}getWidget(){return this._targetWidget&&"composite_MultiChart"===this._targetWidget.classID()?this._targetWidget.chart():this._targetWidget}getPalette(){const t=this.getWidget();if(t&&t._palette)switch(t._palette.type()){case"ordinal":return w.ordinal(t._palette.id());case"rainbow":return w.rainbow(t._palette.id())}return w.ordinal("default")}getPaletteType(){return this.getPalette().type()}fillColorFunc(){const t=this.getWidget();if(t&&t.fillColor)return t._palette&&t.paletteID&&t._palette.name!==t.paletteID()&&(t._palette=t._palette.switch(t.paletteID())),(e,i,s)=>t.fillColor(e,i,s);const e=w.ordinal(t&&t.paletteID&&t.paletteID()||"default");return(t,i,s)=>e(i)}fillColor(t,e,i){return this.fillColorFunc()(t,e,i)}_g;enter(t,e){super.enter(t,e),this._g=e.append("g").attr("class","legendOrdinal")}calcMetaData(){let t=[],e=0,i=0;const s=this.columns().length;if(this._targetWidget){const o=this.columns();switch(this.getPaletteType()){case"ordinal":const l=this.fillColorFunc();let n=0;switch(this.dataFamily()){case"2D":t=this.data().map(function(t,o){n=this.data()[o].slice(1,s).reduce((t,e)=>t+e,0);const r=this.isDisabled(t[0]);r||(e+=n);const h=t[0]+(!r&&this.showSeriesTotal()?` (${n})`:""),a=this.textSize(h);return i<a.width&&(i=a.width),[l(t,t[0],!1),t[0],h]},this);break;case"ND":t=this.columns().filter(t=>0!==t.indexOf("__")).filter(function(t,e){return e>0}).map(function(t,s){n=this.data().reduce((t,e)=>t+e[s+1],0);const r=this.isDisabled(o[s+1]),h=t+(!r&&this.showSeriesTotal()?` (${n})`:"");r||(e+=n);const a=this.textSize(h);return i<a.width&&(i=a.width),[l(void 0,t,!1),t,h]},this);break;default:t=this.columns().map(function(t){return[l(void 0,t,!1),t]},this)}break;case"rainbow":const r=this.getPalette(),h=u(this.rainbowFormat()),a=this.getWidget(),d=this.rainbowBins(),p=a._dataMinWeight,c=a._dataMaxWeight,g=(c-p)/(d-1);t.push([r(p,p,c),h(p)]);for(let e=1;e<d-1;++e){let i=g*e;Math.floor(i)>parseInt(t[0][1])&&(i=Math.floor(i)),t.push([r(i,p,c),h(i)])}t.push([r(c,p,c),h(c)])}}return{dataArr:t,total:e,maxLabelWidth:i}}update(t,e){super.update(t,e);const{dataArr:i,maxLabelWidth:s,total:o}=this.calcMetaData(),l=this.shapeRadius(),n=this.radiusToSymbolSize(l);let r=this.itemPadding();"horizontal"===this.orientation()&&(r+=s-2*l);const h=m().domain(i.map(t=>t[1])).range(i.map(t=>t[0]));this._legendOrdinal.shape("path",xt().type(this._symbolTypeMap[this.symbolType()]).size(n)()).orient(this.orientation()).title(this.title()).labelWrap(this.labelMaxWidth()).labelAlign(this.labelAlign()).shapePadding(r).scale(h).labels(t=>i[t.i][2]),this._g.call(this._legendOrdinal),this.updateDisabled(e,i);const a=this._g.select(".legendCells").node().getBBox();let d=Math.abs(a.x),p=Math.abs(a.y)+1;if("horizontal"===this.orientation()){if("start"===this.labelAlign()?d+=1:"end"===this.labelAlign()&&(d-=1),this.width()>a.width){d+=(this.width()-a.width)/2}}else if("vertical"===this.orientation()&&(d+=1,this._containerSize.height>a.height)){p+=(this.height()-a.height)/2}this._g.attr("transform",`translate(${d}, ${p})`),this.pos({x:0,y:0}),this._legendOrdinal.labelOffset(this.itemPadding());const c=this._g.selectAll(".legendTotal").data(i.length&&this.showLegendTotal()?[o]:[]),u=`Total: ${o}`,g=-d,f=a.height+this.itemPadding()+1;this.enableOverflowScroll(!1),this.enableOverflow(!0),c.enter().append("text").classed("legendTotal",!0).merge(c).attr("transform",`translate(${g}, ${f})`).text(u),c.exit().remove()}updateDisabled(t,e){t.style("cursor","pointer").selectAll("path.swatch").filter((t,i)=>i<e.length).style("stroke",(t,i)=>e[i][0]).style("fill",(t,i)=>this._disabled.indexOf(t)<0?e[i][0]:"white")}postUpdate(t,e){let i;this._boundingBox&&(i=this._boundingBox.width,this._boundingBox.width=this._size.width),super.postUpdate(t,e),void 0!==i&&(this._boundingBox.width=i),this._parentRelativeDiv.style("overflow","hidden")}exit(t,e){super.exit(t,e)}radiusToSymbolSize(t){const e=Math.pow(t,2)*Math.PI;switch(this.symbolType()){case"star":return.45*e;case"triangle":return.65*e;case"cross":case"diamond":case"wye":return.75*e;case"circle":return e;case"square":return 1.3*e}}onClick(t,e){if("ordinal"===this.getPaletteType())switch(this.dataFamily()){case"2D":case"ND":const e=this._disabled.indexOf(t);e<0?this._disabled.push(t):this._disabled.splice(e,1),this._owner.refreshColumns(),this._owner.refreshData(),this._owner.render()}}onOver(t,e){if(B(this._owner)&&"ordinal"===this.getPaletteType())switch(this.dataFamily()){case"2D":case"ND":this._disabled.indexOf(t)<0&&this._owner.highlightColumn(t)}}onOut(t,e){if(B(this._owner)&&"ordinal"===this.getPaletteType())switch(this.dataFamily()){case"2D":case"ND":this._owner.highlightColumn()}}onDblClick(t,e){}onMouseOver(t,e){}_containerSize;resize(t){let e;if(this.fitToContent()){this._containerSize=t;const i=this.getBBox();t.width>i.width&&(i.width=t.width),t.height>i.height&&(i.height=t.height),e=super.resize.apply(this,[{...i}])}else e=super.resize.apply(this,arguments);return e}};e(Ot,"Legend");let Lt=Ot;Lt.prototype._class+=" layout_Legend",Lt.prototype.publish("title","","string","Title"),Lt.prototype.publish("symbolType","circle","set","Shape of each legend item",["circle","cross","diamond","square","star","triangle","wye"]),Lt.prototype.publish("labelMaxWidth",null,"number","Max Label Width (pixels)",null,{optional:!0}),Lt.prototype.publish("orientation","vertical","set","Orientation of Legend rows",["vertical","horizontal"],{tags:["Private"]}),Lt.prototype.publish("dataFamily","ND","set","Type of data",["1D","2D","ND","map","graph","any"],{tags:["Private"]}),Lt.prototype.publish("rainbowFormat",",","string","Rainbow number formatting",null,{tags:["Private"],optional:!0,disable:/* @__PURE__ */e(t=>!t.isRainbow(),"disable")}),Lt.prototype.publish("rainbowBins",8,"number","Number of rainbow bins",null,{tags:["Private"],disable:/* @__PURE__ */e(t=>!t.isRainbow(),"disable")}),Lt.prototype.publish("showSeriesTotal",!1,"boolean","Show value next to series"),Lt.prototype.publish("showLegendTotal",!1,"boolean","Show a total of the series values under the legend",null),Lt.prototype.publish("itemPadding",8,"number","Padding between legend items (pixels)"),Lt.prototype.publish("shapeRadius",7,"number","Radius of legend shape (pixels)"),Lt.prototype.publish("fitToContent",!0,"boolean","If true, resize will simply reapply the bounding box dimensions"),Lt.prototype.publish("labelAlign","start","set","Horizontal alignment of legend item label (for horizontal orientation only)",["start","middle","end"],{optional:!0,disable:/* @__PURE__ */e(t=>"vertical"===t.orientation(),"disable")});const Dt=class _Modal extends i{_widget;_relativeTarget;_fade;_modal;_modalHeader;_modalBody;_modalHeaderAnnotations;_modalHeaderCloseButton;_close;constructor(){super(),this._tag="div"}closeModal(){this.visible(!1)}getRelativeTarget(){let t;return this.relativeTargetId()&&(t=document.getElementById(this.relativeTargetId()),t)?t:!t&&(t=this.locateAncestor("layout_Grid"),t&&t.element)?t.element().node():document.body}setModalSize(){null!==this.fixedHeight()&&null!==this.fixedWidth()?this._modal.style("height",this.fixedHeight()).style("width",this.fixedWidth()).style("min-height",null).style("min-width",null).style("max-height",null).style("max-width",null):(this.minHeight()||this.minWidth())&&this._modal.style("min-height",this.minHeight()).style("min-width",this.minWidth()).style("max-height",this.maxHeight()).style("max-width",this.maxWidth());const t=this._modal.node().getBoundingClientRect(),e=this._modalHeader.node().getBoundingClientRect();return this._modalBody.style("height",t.height-e.height+"px").style("width",t.width),t}setFadePosition(t){this._fade.style("top",t.top+"px").style("left",t.left+"px").style("width",t.width+"px").style("height",t.height+"px")}setModalPosition(t){const e=this.setModalSize();if(null!==this.fixedTop()&&null!==this.fixedLeft())this._modal.style("top",`calc(${this.fixedTop()} + ${t.top}px)`).style("left",`calc(${this.fixedLeft()} + ${t.left}px)`);else if(null!==this.fixedHeight()&&null!==this.fixedWidth())this._modal.style("top",t.top+t.height/2-e.height/2+"px").style("left",t.left+t.width/2-e.width/2+"px");else if(this.minHeight()||this.minWidth()){const e=this._modal.node().getBoundingClientRect();this._modal.style("top",t.top+t.height/2-e.height/2+"px").style("left",t.left+t.width/2-e.width/2+"px")}}resize(t){return super.resize(),this._modal&&this.setModalSize(),this}resizeBodySync(t,e){const i=this._modalHeader.node().getBoundingClientRect();return this._modal.style("width",t+"px").style("height",e+i.height+"px").style("min-width",t+"px").style("min-height",e+i.height+"px"),this._modalHeader.style("width",t+"px"),this._modalBody.style("width",t+"px").style("height",e+"px"),this.minWidth(t+"px").minHeight(e+i.height+"px").resize({height:e+i.height,width:t})}enter(t,e){super.enter(t,e),this._fade=e.append("div").classed("layout_Modal-fade",!0).classed("layout_Modal-fadeClickable",this.enableClickFadeToClose()).classed("layout_Modal-fade-hidden",!this.showFade());const i=2*this.titleFontSize();this._modal=e.append("div").classed("layout_Modal-content",!0),this._modalHeader=this._modal.append("div").classed("layout_Modal-header",!0).style("color",this.titleFontColor()).style("font-size",this.titleFontSize()+"px").style("height",i+"px"),this._modalBody=this._modal.append("div").classed("layout_Modal-body",!0).style("height",`calc( 100% - ${i}px )`).style("overflow-x",this.overflowX()).style("overflow-y",this.overflowY()),this._modalHeader.append("div").classed("layout_Modal-title",!0).style("line-height",this.titleFontSize()+"px").style("top",this.titleFontSize()/2+"px").style("left",this.titleFontSize()/2+"px").text(this.formattedTitle()),this._modalHeaderAnnotations=this._modalHeader.append("div").classed("layout_Modal-annotations",!0),this._modalHeaderCloseButton=this._modalHeaderAnnotations.append("div").classed("layout_Modal-closeButton",!0).html('<i class="fa fa-close"></i>'),this._modalHeaderAnnotations.style("line-height",this.titleFontSize()+"px").style("right",this.titleFontSize()/2+"px").style("top",this.titleFontSize()/2+"px"),this._modalHeaderCloseButton.on("click",()=>{this.closeModal()}),this._fade.on("click",t=>{this.enableClickFadeToClose()&&this.closeModal()})}update(t,e){super.update(t,e),e.style("display",this.show()?null:"none"),this._fade.classed("layout_Modal-fade-hidden",!this.showFade()),this._relativeTarget=this.getRelativeTarget(),this.setModalSize();const i=this._relativeTarget.getBoundingClientRect();this.setFadePosition(i),this.setModalPosition(i),this.show()?(this._widget.target()||this._widget.target(this._modalBody.node()),this._widget.resize().render()):this._widget.target(null).render()}exit(t,e){this._widget&&this._widget.target(null),super.exit(t,e)}formattedTitle(){const t=this.title_exists()?this.title().trim():"";return t.length>0&&"("===t.slice(0,1)&&")"===t.slice(-1)?t.slice(1,-1):this.title()}};e(Dt,"Modal");let Rt=Dt;Rt.prototype._class+=" layout_Modal",Rt.prototype.publish("title",null,"string","title"),Rt.prototype.publish("widget",null,"widget","widget"),Rt.prototype.publish("titleFontSize",18,"number","titleFontSize (in pixels)"),Rt.prototype.publish("titleFontColor","#ffffff","html-color","titleFontColor"),Rt.prototype.publish("relativeTargetId",null,"string","relativeTargetId"),Rt.prototype.publish("show",!0,"boolean","show"),Rt.prototype.publish("showFade",!0,"boolean","showFade"),Rt.prototype.publish("enableClickFadeToClose",!0,"boolean","enableClickFadeToClose"),Rt.prototype.publish("minWidth","400px","string","minWidth"),Rt.prototype.publish("minHeight","400px","string","minHeight"),Rt.prototype.publish("maxWidth","800px","string","maxWidth"),Rt.prototype.publish("maxHeight","800px","string","maxHeight"),Rt.prototype.publish("fixedWidth",null,"string","fixedWidth"),Rt.prototype.publish("fixedHeight",null,"string","fixedHeight"),Rt.prototype.publish("fixedTop",null,"string","fixedTop"),Rt.prototype.publish("fixedLeft",null,"string","fixedLeft"),Rt.prototype.publish("overflowX","hidden","string","overflowX"),Rt.prototype.publish("overflowY","scroll","string","overflowY");const Gt=class _ChartPanel extends U{_legend=new Lt(this).enableOverflow(!0);_progressBar=new v;_autoScale=!1;_resolutions={tiny:{width:100,height:100},small:{width:300,height:300}};_modal=new Rt;_highlight;_scale;_orig_size;_toggleInfo=(new x).faChar("fa-info-circle").tooltip(".Description").selected(!1).on("enabled",()=>""!==this.description()).on("click",()=>{if(this._toggleInfo.selected()){this._modal.title(this.title()).widget((new S).text(this.description())).show(!0).render();const t=this._modal._close;this._modal._close=()=>{this._toggleInfo.selected(!1).render(),this._modal._close=t}}}).on("mouseMove",()=>{}).on("mouseOut",()=>{});_toggleData=(new x).faChar("fa-table").tooltip("Data").on("click",()=>{this.dataVisible(this._toggleData.selected()),this.render()});_buttonDownload=(new C).faChar("fa-download").tooltip("Download").on("click",()=>{this.downloadCSV()});_buttonDownloadImage=(new C).faChar("fa-image").tooltip("Download Image").on("click",()=>{this.downloadPNG()});_toggleLegend=(new x).faChar("fa-list-ul").tooltip("Legend").selected(!1).on("click",()=>{const t=this._toggleLegend.selected();"bottom"===this.legendPosition()?this.showBottom(t):"right"===this.legendPosition()&&this.showRight(t),this.legendVisible(t),this.render()});_spacer=new P;_titleBar=(new T).buttons([this._toggleData,this._buttonDownload,this._buttonDownloadImage,this._spacer,this._toggleLegend]);_carousel=new q;_table=new W;_widget;_hideLegendToggleList=["dgrid_Table"];constructor(){super(),this._tag="div"}fields(t){return arguments.length?(super.fields(t),this._legend.fields(t),this.refreshFields(),this):super.fields()}refreshFields(){return this._widget.fields(this._legend.filteredFields()),this._table.fields(this._legend.filteredFields()),this}columns(t,e){return arguments.length?(super.columns(t,e),this._legend.columns(t,e),this.refreshColumns(),this):super.columns()}refreshColumns(){return this._widget.columns(this._legend.filteredColumns()),this._table.columns(this._legend.filteredColumns()),this}data(t){return arguments.length?(super.data(t),this._legend.data(t),this.refreshData(),this):super.data()}refreshData(){return this._widget.data(this._legend.filteredData()),this._table.data(this._legend.filteredData()),this}highlight(t){return arguments.length?(this._highlight=t,this):this._highlight}startProgress(){this._progressBar.start()}finishProgress(){this._progressBar.finish()}buttons(t){return arguments.length?(this._titleBar.buttons(t),this):this._titleBar.buttons()}downloadCSV(){const t=this.downloadTitle()?this.downloadTitle():this.title()?this.title():"data",e=this.downloadTimestampSuffix()?"_"+n.timestamp():"";return n.downloadString("CSV",this._widget.export("CSV"),t+e),this}downloadPNG(){const t=this.widget();return t instanceof y&&(this.legendVisible()?t.downloadPNG(this.title(),void 0,this._legend):t.downloadPNG(this.title())),this}highlightColumn(t){if(t){const e=`series-${this.cssTag(t)}`;this._centerWA.element().selectAll(".series").each(function(){const t=o(this),i=t.classed(e);t.classed("highlight",i).classed("lowlight",!i)})}else this._centerWA.element().selectAll(".series").classed("highlight",!1).classed("lowlight",!1);return this}getResponsiveMode(){return this.enableAutoscaling()?this._autoScale?this.size().width<=this._resolutions.tiny.width||this.size().height<=this._resolutions.tiny.height?"tiny":this.size().width<=this._resolutions.small.width||this.size().height<=this._resolutions.small.height?"small":"regular":"regular":"none"}setOrigSize(){this._orig_size=JSON.parse(JSON.stringify(this.size()))}enter(t,e){super.enter(t,e),this._modal.target(this.target()).relativeTargetId(this.id()),this.top(this._titleBar),this.center(this._carousel),this._legend.targetWidget(this._widget).orientation("vertical").title("").visible(!1),this._progressBar.enter(t,e),this.setOrigSize()}preUpdateTiny(t){t.selectAll("div.body,div.title-text,div.icon-bar").style("display","none")}preUpdateSmall(t){const e=this._orig_size.width/this._resolutions.small.width,i=this._orig_size.height/this._resolutions.small.height;this._scale=Math.min(e,i);const s=this._scale===e;this.size({width:s?this._resolutions.small.width:this._orig_size.width*(1/this._scale),height:s?this._orig_size.height*(1/this._scale):this._resolutions.small.height}),t.select("div.title-icon").style("position","static"),t.selectAll("lhs").style("display","none"),t.selectAll("div.body,div.title-text,div.icon-bar").style("display",""),t.selectAll("div.data-count").style("visibility","hidden"),t.style("transform",`scale(${this._scale})`)}preUpdateRegular(t){t.selectAll("div.body,div.title-text,div.icon-bar").style("display",""),t.selectAll("div.data-count").style("visibility","hidden"),t.select("div.title-icon").style("position","static"),t.style("transform","translate(0px,0px) scale(1)")}_prevdataVisible;_prevlegendVisible;_prevLegendPosition;_prevChartDataFamily;_prevChart;_prevButtons;update(t,e){super.update(t,e)}preUpdate(t,e){switch(super.preUpdate(t,e),this._prevLegendPosition!==this.legendPosition()&&(null!==this._legend.target()&&this._legend.target(null),void 0!==this._prevLegendPosition?this.swap(this._prevLegendPosition,this.legendPosition()):this[this.legendPosition()](this._legend),"right"===this.legendPosition()?(this.rightOverflowX("hidden"),this.rightOverflowY("auto"),this.bottomOverflowX("visible"),this.bottomOverflowY("visible")):(this.rightOverflowX("visible"),this.rightOverflowY("visible"),this.bottomOverflowX("auto"),this.bottomOverflowY("hidden")),this._prevLegendPosition=this.legendPosition()),this._prevdataVisible!==this.dataVisible()&&(this._prevdataVisible=this.dataVisible(),this._toggleData.selected(this._prevdataVisible),this._legend.visible(this._prevlegendVisible&&!this._prevdataVisible),this._carousel.active(this._prevdataVisible?1:0)),this._prevlegendVisible!==this.legendVisible()&&(this._prevlegendVisible=this.legendVisible(),this._toggleLegend.selected(this._prevlegendVisible),this._legend.visible(this._prevlegendVisible&&!this._prevdataVisible)),this._legend.orientation("bottom"===this.legendPosition()?"horizontal":"vertical"),this.showLeft(!this.left()),this.getResponsiveMode()){case"tiny":this.preUpdateTiny(e);break;case"small":this.preUpdateSmall(e);break;case"regular":this.preUpdateRegular(e)}const i="composite_MultiChart"===this._widget.classID()?this._widget.chart():this._widget;if(this._legend.dataFamily(i._dataFamily||"any"),this._prevChartDataFamily!==this._legend.dataFamily()&&(this._prevChartDataFamily=this._legend.dataFamily(),"any"===this._prevChartDataFamily))this._toggleLegend.selected(!1),this._legend.visible(!1);if(e.style("box-shadow",this.highlight()?`inset 0px 0px 0px ${this.highlightSize()}px ${this.highlightColor()}`:"none"),-1!==this._hideLegendToggleList.indexOf(i.classID())?(this._spacer.visible(!1),this._toggleLegend.visible(!1)):(this._spacer.visible(!0),this._toggleLegend.visible(!0)),this._prevChart!==i){this._prevChart=i;const t=i?i._titleBar||i._iconBar:void 0;if(t&&t instanceof z){this._prevButtons=this._prevButtons||[...this.buttons()];const e=[...t.buttons(),new P,...this._prevButtons];t.buttons([]).render(),this.buttons(e)}else this._prevButtons&&this.buttons(this._prevButtons)}const s=[];this.dataButtonVisible()||s.push(this._toggleData),this.downloadButtonVisible()||s.push(this._buttonDownload),this.downloadImageButtonVisible()||s.push(this._buttonDownloadImage),this.legendButtonVisible()||s.push(this._toggleLegend),this._buttonDownloadImage.enabled(this.widget()instanceof y),this._titleBar.hiddenButtons(s).visible(this.titleVisible()),this.topOverlay(this.titleOverlay()||!this.titleVisible())}postUpdate(t,e){switch(super.postUpdate(t,e),this.getResponsiveMode()){case"tiny":this.postUpdateTiny(e);break;case"small":this.postUpdateSmall(e);break;case"regular":this.postUpdateRegular(e)}}postUpdateTiny(t){t.selectAll("div.body,div.title-text,div.icon-bar").style("display","none"),t.selectAll("div.data-count").style("visibility","visible").style("font-size",this.titleIconFontSize()/3+"px").style("line-height",this.titleIconFontSize()/3+"px").style("left",this.titleIconFontSize()+"px").text(this.data().length),t.style("transform","translate(0px,0px) scale(1)");const e=t.selectAll("div.title-icon"),i=e.node(),s=t.node().parentElement.getBoundingClientRect();if(i){const i=e.node().getBoundingClientRect(),o=s.height/2;e.style("position","absolute").style("left",`calc(50% - ${i.width/2}px)`).style("top",o-i.height/2+"px"),t.selectAll("div.data-count").style("position","absolute").style("left",`calc(50% + ${i.width/2}px)`).style("top",o-i.height/2+"px")}}postUpdateSmall(t){t.selectAll("lhs").style("display","none"),t.selectAll("div.title-icon").style("position","static"),t.selectAll("div.body,div.title-text,div.icon-bar").style("display",""),t.selectAll("div.data-count").style("visibility","hidden");const e=t.node().getBoundingClientRect(),i=t.node().parentElement.getBoundingClientRect();t.style("transform",`translate(${i.x-e.x}px, ${i.y-e.y}px) scale(${this._scale})`)}postUpdateRegular(t){t.selectAll("div.title-icon").style("position","static"),t.selectAll("div.body,div.title-text,div.icon-bar").style("display",""),t.selectAll("div.data-count").style("visibility","hidden")}exit(t,e){this._progressBar.exit(t,e),this.right(null),this._legend.target(null),this.center(null),this._carousel.target(null),this.top(null),this._titleBar.target(null),this._modal.target(null),delete this._prevChart,delete this._prevButtons,delete this._prevChartDataFamily,delete this._prevPos,delete this._prevdataVisible,delete this._prevlegendVisible,super.exit(t,e)}click(t,e,i){}dblclick(t,e,i){}vertex_click(t,e,i,s){s&&s.vertex}vertex_dblclick(t,e,i,s){s&&s.vertex}edge_click(t,e,i,s){s&&s.edge}edge_dblclick(t,e,i,s){s&&s.edge}};e(Gt,"ChartPanel");let Et=Gt;Et.prototype._class+=" layout_ChartPanel",Et.prototype.publishReset(),Et.prototype.publishProxy("title","_titleBar"),Et.prototype.publish("titleVisible",!0,"boolean"),Et.prototype.publish("titleOverlay",!1,"boolean"),Et.prototype.publishProxy("titleIcon","_titleBar"),Et.prototype.publishProxy("titleIconFont","_titleBar"),Et.prototype.publishProxy("titleFont","_titleBar"),Et.prototype.publishProxy("titleIconFontSize","_titleBar"),Et.prototype.publishProxy("titleFontSize","_titleBar"),Et.prototype.publishProxy("description","_titleBar"),Et.prototype.publishProxy("descriptionFont","_titleBar"),Et.prototype.publishProxy("descriptionFontSize","_titleBar"),Et.prototype.publish("dataVisible",!1,"boolean","Show data table"),Et.prototype.publish("dataButtonVisible",!0,"boolean","Show data table button"),Et.prototype.publish("downloadButtonVisible",!0,"boolean","Show data download button"),Et.prototype.publish("downloadImageButtonVisible",!1,"boolean","Show image download button"),Et.prototype.publish("downloadTitle","","string","File name when downloaded"),Et.prototype.publish("downloadTimestampSuffix",!0,"boolean","Use timestamp as file name suffix"),Et.prototype.publish("legendVisible",!1,"boolean","Show legend"),Et.prototype.publish("legendButtonVisible",!0,"boolean","Show legend button"),Et.prototype.publish("legendPosition","right","set","Position of legend",["right","bottom"]),Et.prototype.publishProxy("legend_labelMaxWidth","_legend","labelMaxWidth"),Et.prototype.publishProxy("legend_showSeriesTotal","_legend","showSeriesTotal"),Et.prototype.publishProxy("legend_showLegendTotal","_legend","showLegendTotal"),Et.prototype.publishProxy("legend_itemPadding","_legend","itemPadding"),Et.prototype.publishProxy("legend_shapeRadius","_legend","shapeRadius"),Et.prototype.publishProxy("legend_symbolType","_legend","symbolType"),Et.prototype.publishProxy("legend_labelAlign","_legend","labelAlign"),Et.prototype.publish("widget",null,"widget","Widget",void 0,{render:!1}),Et.prototype.publish("enableAutoscaling",!1,"boolean"),Et.prototype.publish("highlightSize",4,"number"),Et.prototype.publish("highlightColor","#e67e22","html-color"),Et.prototype.publishProxy("progress_halfLife","_progressBar","halfLife"),Et.prototype.publishProxy("progress_decay","_progressBar","decay"),Et.prototype.publishProxy("progress_size","_progressBar","size"),Et.prototype.publishProxy("progress_color","_progressBar","color"),Et.prototype.publishProxy("progress_blurBar","_progressBar","blurBar"),Et.prototype.publishProxy("progress_blurSize","_progressBar","blurSize"),Et.prototype.publishProxy("progress_blurColor","_progressBar","blurColor"),Et.prototype.publishProxy("progress_blurOpacity","_progressBar","blurOpacity"),Et.prototype.widget=function(t){if(!arguments.length)return this._widget;this._carousel.widgets([t,this._table]),this._widget=t,this._widget.fields(this._legend.filteredFields()).data(this._legend.filteredData());const e=this,i=this._widget;return i.click=function(){e.click.apply(e,arguments)},i.dblclick=function(){e.dblclick.apply(e,arguments)},i.vertex_click=function(){e.vertex_click.apply(e,arguments)},i.vertex_dblclick=function(){e.vertex_dblclick.apply(e,arguments)},i.edge_click=function(){e.edge_click.apply(e,arguments)},i.edge_dblclick=function(){e.edge_dblclick.apply(e,arguments)},this};const Xt=class _FlexGrid extends i{constructor(){super()}enter(t,e){super.enter(t,e),o(t.parentNode).style("height","100%").style("width","100%")}update(t,e){super.update(t,e);const i=this,s=[];this.updateFlexParent(e);const o=e.selectAll(".FlexGrid-list-item").data(this.widgets(),t=>t.id());o.enter().append("div").classed("FlexGrid-list-item",!0).each(function(t){t.target(this)}).merge(o).style("min-height",this.itemMinHeight()+"px").style("min-width",this.itemMinWidth()+"px").style("flex-basis",(t,e)=>{const i=this.widgetsFlexBasis()[e];return void 0!==i?i:this.flexBasis()}).style("flex-grow",(t,e)=>{const i=this.widgetsFlexGrow()[e];return void 0!==i?i:this.flexGrow()}).style("border-width",this.borderWidth()+"px").style("border-color",this.itemBorderColor()).each(function(){this.firstChild.style.display="none"}).each(function(){const t=this.getBoundingClientRect();s.push([t.width,t.height])}).each(function(t,e){this.firstChild.style.display="block",t.resize({width:s[e][0]-2*i.borderWidth(),height:s[e][1]-2*i.borderWidth()})}),o.exit().remove()}exit(t,e){super.exit(t,e)}updateFlexParent(t){t.style("height","100%").style("flex-direction","horizontal"===this.orientation()?"row":"column").style("flex-wrap",this.flexWrap()).style("align-items",this.alignItems()).style("align-content",this.alignContent()).style("overflow-x",()=>this.forceXScroll()||"horizontal"===this.orientation()&&"nowrap"===this.flexWrap()&&!this.disableScroll()?"scroll":"hidden").style("overflow-y",()=>this.forceYScroll()||"vertical"===this.orientation()&&"nowrap"===this.flexWrap()&&!this.disableScroll()?"scroll":"hidden")}};e(Xt,"FlexGrid");let Yt=Xt;function Vt(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}Yt.prototype._class+=" layout_FlexGrid",Yt.prototype.publish("itemBorderColor","transparent","html-color","Color of list item borders"),Yt.prototype.publish("borderWidth",0,"number","Width of list item borders (pixels)"),Yt.prototype.publish("orientation","horizontal","set","Controls the flex-direction of the list items",["horizontal","vertical"]),Yt.prototype.publish("flexWrap","wrap","set","Controls the line wrap when overflow occurs",["nowrap","wrap","wrap-reverse"]),Yt.prototype.publish("disableScroll",!1,"boolean","If false, scrollbar will show (when flexWrap is set to 'nowrap')",null,{disable:/* @__PURE__ */e(t=>"nowrap"!==t.flexWrap(),"disable")}),Yt.prototype.publish("forceXScroll",!1,"boolean","If true, horzontal scrollbar will show"),Yt.prototype.publish("forceYScroll",!1,"boolean","If true, vertical scrollbar will show"),Yt.prototype.publish("itemMinHeight",64,"number","Minimum height of a list item (pixels)"),Yt.prototype.publish("itemMinWidth",64,"number","Minimum width of a list item (pixels)"),Yt.prototype.publish("alignItems","stretch","set","Controls normal alignment of items",["flex-start","center","flex-end","stretch"]),Yt.prototype.publish("alignContent","stretch","set","Controls normal alignment of item rows",["flex-start","center","flex-end","stretch","space-between","space-around"]),Yt.prototype.publish("flexGrow",1,"number","Default flex-grow style for all list items"),Yt.prototype.publish("flexBasis","10%","string","Default flex-basis style for all list items"),Yt.prototype.publish("widgetsFlexGrow",[],"array","Array of flex-grow values keyed on the widgets array"),Yt.prototype.publish("widgetsFlexBasis",[],"array","Array of flex-basis values keyed on the widgets array"),Yt.prototype.publish("widgets",[],"widgetArray","Array of widgets to be rendered as list items"),e(Vt,"getDefaultExportFromCjs");var Nt,$t={exports:{}};function Ut(){return Nt?$t.exports:(Nt=1,$t.exports=function(){var t=/* @__PURE__ */e(function(t,e){for(var i in this._options=e,this.defaults)this._options.hasOwnProperty(i)||(this._options[i]=this.defaults[i]);this.items=t,this._adjustSizeOfItems(),this.generateGrid()},"GridList");t.cloneItems=function(t,e){var i,s;for(void 0===e&&(e=[]),i=0;i<t.length;i++)for(s in e[i]||(e[i]={}),t[i])e[i][s]=t[i][s];return e},t.prototype={defaults:{lanes:5,direction:"horizontal"},toString:/* @__PURE__ */e(function(){var t,e,i,s=this.grid.length,o="\n #|",l="\n --";for(e=0;e<s;e++)o+=" "+this._padNumber(e," "),l+="---";for(o+=l,e=0;e<this._options.lanes;e++)for(o+="\n"+this._padNumber(e," ")+"|",i=0;i<s;i++)o+=" ",o+=(t=this.grid[i][e])?this._padNumber(this.items.indexOf(t),"0"):"--";return o+="\n"},"toString"),generateGrid:/* @__PURE__ */e(function(){var t;for(this._resetGrid(),t=0;t<this.items.length;t++)this._markItemPositionToGrid(this.items[t])},"generateGrid"),resizeGrid:/* @__PURE__ */e(function(t){var e=0;this._options.lanes=t,this._adjustSizeOfItems(),this._sortItemsByPosition(),this._resetGrid();for(var i=0;i<this.items.length;i++){var s=this.items[i],o=this._getItemPosition(s);this._updateItemPosition(s,this.findPositionForItem(s,{x:e,y:0})),e=Math.max(e,o.x)}this._pullItemsToLeft()},"resizeGrid"),findPositionForItem:/* @__PURE__ */e(function(t,e,i){var s,o,l;for(s=e.x;s<this.grid.length;s++)if(void 0!==i){if(l=[s,i],this._itemFitsAtPosition(t,l))return l}else for(o=e.y;o<this._options.lanes;o++)if(l=[s,o],this._itemFitsAtPosition(t,l))return l;var n=this.grid.length,r=0;return void 0!==i&&this._itemFitsAtPosition(t,[n,i])&&(r=i),[n,r]},"findPositionForItem"),moveItemToPosition:/* @__PURE__ */e(function(t,e){var i=this._getItemPosition({x:e[0],y:e[1],w:t.w,h:t.h});this._updateItemPosition(t,[i.x,i.y]),this._resolveCollisions(t)},"moveItemToPosition"),resizeItem:/* @__PURE__ */e(function(t,e){var i=e.w||t.w,s=e.h||t.h;this._updateItemSize(t,i,s),this._resolveCollisions(t),this._pullItemsToLeft()},"resizeItem"),getChangedItems:/* @__PURE__ */e(function(t,e){for(var i=[],s=0;s<t.length;s++){var o=this._getItemByAttribute(e,t[s][e]);o.x===t[s].x&&o.y===t[s].y&&o.w===t[s].w&&o.h===t[s].h||i.push(o)}return i},"getChangedItems"),_sortItemsByPosition:/* @__PURE__ */e(function(){this.items.sort(function(t,e){var i=this._getItemPosition(t),s=this._getItemPosition(e);return i.x!=s.x?i.x-s.x:i.y!=s.y?i.y-s.y:0}.bind(this))},"_sortItemsByPosition"),_adjustSizeOfItems:/* @__PURE__ */e(function(){for(var t=0;t<this.items.length;t++){var e=this.items[t];void 0===e.autoSize&&(e.autoSize=0===e.w||0===e.h),e.autoSize&&("horizontal"===this._options.direction?e.h=this._options.lanes:e.w=this._options.lanes)}},"_adjustSizeOfItems"),_resetGrid:/* @__PURE__ */e(function(){this.grid=[]},"_resetGrid"),_itemFitsAtPosition:/* @__PURE__ */e(function(t,e){var i,s,o=this._getItemPosition(t);if(e[0]<0||e[1]<0)return!1;if(e[1]+o.h>this._options.lanes)return!1;for(i=e[0];i<e[0]+o.w;i++){var l=this.grid[i];if(l)for(s=e[1];s<e[1]+o.h;s++)if(l[s]&&l[s]!==t)return!1}return!0},"_itemFitsAtPosition"),_updateItemPosition:/* @__PURE__ */e(function(t,e){null!==t.x&&null!==t.y&&this._deleteItemPositionFromGrid(t),this._setItemPosition(t,e),this._markItemPositionToGrid(t)},"_updateItemPosition"),_updateItemSize:/* @__PURE__ */e(function(t,e,i){null!==t.x&&null!==t.y&&this._deleteItemPositionFromGrid(t),t.w=e,t.h=i,this._markItemPositionToGrid(t)},"_updateItemSize"),_markItemPositionToGrid:/* @__PURE__ */e(function(t){var e,i,s=this._getItemPosition(t);for(this._ensureColumns(s.x+s.w),e=s.x;e<s.x+s.w;e++)for(i=s.y;i<s.y+s.h;i++)this.grid[e][i]=t},"_markItemPositionToGrid"),_deleteItemPositionFromGrid:/* @__PURE__ */e(function(t){var e,i,s=this._getItemPosition(t);for(e=s.x;e<s.x+s.w;e++)if(this.grid[e])for(i=s.y;i<s.y+s.h;i++)this.grid[e][i]==t&&(this.grid[e][i]=null)},"_deleteItemPositionFromGrid"),_ensureColumns:/* @__PURE__ */e(function(t){var e;for(e=0;e<t;e++)this.grid[e]||this.grid.push(new i(this._options.lanes))},"_ensureColumns"),_getItemsCollidingWithItem:/* @__PURE__ */e(function(t){for(var e=[],i=0;i<this.items.length;i++)t!=this.items[i]&&this._itemsAreColliding(t,this.items[i])&&e.push(i);return e},"_getItemsCollidingWithItem"),_itemsAreColliding:/* @__PURE__ */e(function(t,e){var i=this._getItemPosition(t),s=this._getItemPosition(e);return!(s.x>=i.x+i.w||s.x+s.w<=i.x||s.y>=i.y+i.h||s.y+s.h<=i.y)},"_itemsAreColliding"),_resolveCollisions:/* @__PURE__ */e(function(t){this._tryToResolveCollisionsLocally(t)||this._pullItemsToLeft(t),this._pullItemsToLeft()},"_resolveCollisions"),_tryToResolveCollisionsLocally:/* @__PURE__ */e(function(e){var i=this._getItemsCollidingWithItem(e);if(!i.length)return!0;var s,o,l,n,r=new t([],this._options);t.cloneItems(this.items,r.items),r.generateGrid();for(var h=0;h<i.length;h++){var a=r.items[i[h]],d=this._getItemPosition(a),p=this._getItemPosition(e);if(s=[p.x-d.w,d.y],o=[p.x+p.w,d.y],l=[d.x,p.y-d.h],n=[d.x,p.y+p.h],r._itemFitsAtPosition(a,s))r._updateItemPosition(a,s);else if(r._itemFitsAtPosition(a,l))r._updateItemPosition(a,l);else if(r._itemFitsAtPosition(a,n))r._updateItemPosition(a,n);else{if(!r._itemFitsAtPosition(a,o))return!1;r._updateItemPosition(a,o)}}return t.cloneItems(r.items,this.items),this.generateGrid(),!0},"_tryToResolveCollisionsLocally"),_pullItemsToLeft:/* @__PURE__ */e(function(t){if(this._sortItemsByPosition(),this._resetGrid(),t){var e=this._getItemPosition(t);this._updateItemPosition(t,[e.x,e.y])}for(var i=0;i<this.items.length;i++){var s=this.items[i],o=this._getItemPosition(s);if(!t||s!=t){var l=this._findLeftMostPositionForItem(s),n=this.findPositionForItem(s,{x:l,y:0},o.y);this._updateItemPosition(s,n)}}},"_pullItemsToLeft"),_findLeftMostPositionForItem:/* @__PURE__ */e(function(t){for(var e=0,i=this._getItemPosition(t),s=0;s<this.grid.length;s++)for(var o=i.y;o<i.y+i.h;o++){var l=this.grid[s][o];if(l){var n=this._getItemPosition(l);this.items.indexOf(l)<this.items.indexOf(t)&&(e=n.x+n.w)}}return e},"_findLeftMostPositionForItem"),_getItemByAttribute:/* @__PURE__ */e(function(t,e){for(var i=0;i<this.items.length;i++)if(this.items[i][t]===e)return this.items[i];return null},"_getItemByAttribute"),_padNumber:/* @__PURE__ */e(function(t,e){return t>=10?t:e+t},"_padNumber"),_getItemPosition:/* @__PURE__ */e(function(t){return"horizontal"===this._options.direction?t:{x:t.y,y:t.x,w:t.h,h:t.w}},"_getItemPosition"),_setItemPosition:/* @__PURE__ */e(function(t,e){"horizontal"===this._options.direction?(t.x=e[0],t.y=e[1]):(t.x=e[1],t.y=e[0])},"_setItemPosition")};var i=/* @__PURE__ */e(function(t){for(var e=0;e<t;e++)this.push(null)},"GridCol");return i.prototype=[],t}())}e(Ut,"requireGridList");var jt=Ut();const qt=/* @__PURE__ */Vt(jt),Jt=/* @__PURE__ */I({__proto__:null,default:qt},[jt]),Zt=Jt&&qt||Jt,Kt=class _Grid extends i{divItems;gridList;items;itemsMap;origItems;cellWidth;cellHeight;dragItem;dragItemPos;_d3Drag;_d3DragResize;_selectionBag;_scrollBarWidth;constructor(){super(),this._tag="div",this._selectionBag=new n.Selection(this),this.content([])}getDimensions(){const t={width:0,height:0};return this.content().forEach(function(e){t.width<e.gridCol()+e.gridColSpan()&&(t.width=e.gridCol()+e.gridColSpan()),t.height<e.gridRow()+e.gridRowSpan()&&(t.height=e.gridRow()+e.gridRowSpan())},this),t}clearContent(t){this.content(this.content().filter(function(e){if(!t)return e.target(null),!1;let i=e;for(;i;){if(t===i)return e.target(null),!1;i=i.widget?i.widget():null}return!0}))}setContent(t,e,i,s,o,l){if(o=o||1,l=l||1,s=s||"",this.content(this.content().filter(function(i){return i.gridRow()!==t||i.gridCol()!==e||(i.target(null),!1)})),i){const n=(new E).gridRow(t).gridCol(e).widget(i).title(s).gridRowSpan(o).gridColSpan(l);this.content().push(n)}return this}sortedContent(){return this.content().sort(function(t,e){return t.gridRow()===e.gridRow()?t.gridCol()-e.gridCol():t.gridRow()-e.gridRow()})}getCell(t,e){let i=null;return this.content().some(function(s){return t>=s.gridRow()&&t<s.gridRow()+s.gridRowSpan()&&e>=s.gridCol()&&e<s.gridCol()+s.gridColSpan()&&(i=s,!0)}),i}getWidgetCell(t){let e=null;return this.content().some(function(i){return i.widget().id()===t&&(e=i,!0)}),e}getContent(t){let e=null;return this.content().some(function(i){return i.widget().id()===t&&(e=i.widget(),!0)}),e}cellToGridItem(t){return{x:t.gridCol(),y:t.gridRow(),w:t.gridColSpan(),h:t.gridRowSpan(),id:t.id(),cell:t}}gridItemToCell(t){t.cell.gridCol(t.x).gridRow(t.y).gridColSpan(t.w).gridRowSpan(t.h)}resetItemsPos(){this.origItems.forEach(function(t){const e=this.itemsMap[t.id];e.x=t.x,e.y=t.y},this)}initGridList(){this.itemsMap={},this.items=this.content().map(function(t){const e=this.cellToGridItem(t);return this.itemsMap[e.id]=e,e},this),this.origItems=this.content().map(this.cellToGridItem),this.gridList=new Zt(this.items,{direction:this.snapping(),lanes:"horizontal"===this.snapping()?this.snappingRows():this.snappingColumns()})}killGridList(){this.gridList=null,delete this.items,delete this.itemsMap}enter(t,e){super.enter(t,e),this._scrollBarWidth=h.getScrollbarWidth();const i=this;this._d3Drag=a().subject(function(t){const e=i.cellToGridItem(t);return{x:e.x*i.cellWidth,y:e.y*i.cellHeight}}).on("start",function(t){if(!i.designMode())return;r().sourceEvent.stopPropagation(),i.initGridList();const s=i.itemsMap[t.id()];i.dragItem=e.append("div").attr("class","dragging").style("transform",function(){return"translate("+s.x*i.cellWidth+"px, "+s.y*i.cellHeight+"px)"}).style("width",function(){return s.w*i.cellWidth-i.gutter()+"px"}).style("height",function(){return s.h*i.cellHeight-i.gutter()+"px"}),i.selectionBagClick(t)}).on("drag",function(t){if(!i.designMode())return;const e=r();e.sourceEvent.stopPropagation();const s=i.itemsMap[t.id()];e.x<0&&(e.x=0),e.x+s.w*i.cellWidth>i.snappingColumns()*i.cellWidth&&(e.x=i.snappingColumns()*i.cellWidth-s.w*i.cellWidth),e.y<0&&(e.y=0),e.y+s.h*i.cellWidth>i.snappingRows()*i.cellWidth&&(e.y=i.snappingRows()*i.cellWidth-s.h*i.cellWidth);const o=[Math.max(0,Math.floor((e.x+i.cellWidth/2)/i.cellWidth)),Math.max(0,Math.floor((e.y+i.cellHeight/2)/i.cellHeight))];s.x===o[0]&&s.y===o[1]||("none"!==i.snapping()?(i.resetItemsPos(),i.gridList.moveItemToPosition(s,o)):(s.x=o[0],s.y=o[1]),t.gridCol()===s.x&&t.gridRow()===s.y||(i.items.forEach(i.gridItemToCell),i.updateGrid(!1,100))),i.dragItem.style("transform",function(){return"translate("+e.x+"px, "+e.y+"px)"}).style("width",function(){return s.w*i.cellWidth+"px"}).style("height",function(){return s.h*i.cellHeight+"px"})}).on("end",function(){i.designMode()&&(r().sourceEvent.stopPropagation(),i.dragItem.remove(),i.dragItem=null,i.killGridList())}),this._d3DragResize=a().subject(function(t){const e=i.cellToGridItem(t);return{x:(e.x+e.w-1)*i.cellWidth,y:(e.y+e.h-1)*i.cellHeight}}).on("start",function(t){if(!i.designMode())return;r().sourceEvent.stopPropagation(),i.initGridList();const s=i.itemsMap[t.id()];i.dragItem=e.append("div").attr("class","resizing").style("transform",function(){return"translate("+s.x*i.cellWidth+"px, "+s.y*i.cellHeight+"px)"}).style("width",function(){return s.w*i.cellWidth-i.gutter()+"px"}).style("height",function(){return s.h*i.cellHeight-i.gutter()+"px"}),i.dragItemPos={x:s.x,y:s.y}}).on("drag",function(t){if(!i.designMode())return;const e=r();e.sourceEvent.stopPropagation();const s=i.itemsMap[t.id()],o=[Math.max(0,Math.round(e.x/i.cellWidth)),Math.max(0,Math.round(e.y/i.cellHeight))],l={w:Math.max(1,o[0]-s.x+1),h:Math.max(1,o[1]-s.y+1)};s.w===l.w&&s.h===l.h||("none"!==i.snapping()?(i.resetItemsPos(),i.gridList.resizeItem(s,l)):(s.w=l.w,s.h=l.h),t.gridColSpan()===s.w&&t.gridRowSpan()===s.h||(i.items.forEach(i.gridItemToCell),i.updateGrid(s.id,100))),i.dragItem.style("width",function(){return(1-s.x)*i.cellWidth+e.x-i.gutter()+"px"}).style("height",function(){return(1-s.y)*i.cellHeight+e.y-i.gutter()+"px"})}).on("end",function(){i.designMode()&&(r().sourceEvent.stopPropagation(),i.dragItem.remove(),i.dragItem=null,i.killGridList())})}updateGrid(t,e=0,i=!1){e=e||0;const s=this;this.divItems.classed("draggable",this.designMode()).transition().duration(e).style("left",function(t){return t.gridCol()*s.cellWidth+s.gutter()/2+"px"}).style("top",function(t){return t.gridRow()*s.cellHeight+s.gutter()/2+"px"}).style("width",function(t){return t.gridColSpan()*s.cellWidth-s.gutter()+"px"}).style("height",function(t){return t.gridRowSpan()*s.cellHeight-s.gutter()+"px"}).on("end",function(e){e.surfaceShadow_default(s.surfaceShadow()).surfacePadding_default(s.surfacePadding()).surfaceBorderWidth_default(s.surfaceBorderWidth()).surfaceBackgroundColor_default(s.surfaceBackgroundColor()),!0!==t&&t!==e.id()||e.resize().lazyRender()})}update(t,e){super.update(t,e),this._placeholderElement.style("overflow-x","width"===this.fitTo()?"hidden":null),this._placeholderElement.style("overflow-y","width"===this.fitTo()?"scroll":null);const i=this.getDimensions(),s=this.width()-("width"===this.fitTo()?this._scrollBarWidth:0);if(this.cellWidth=s/i.width,this.cellHeight="all"===this.fitTo()?this.height()/i.height:this.cellWidth,this.designMode()){const t=Math.min(this.width()/this.snappingColumns(),this.height()/this.snappingRows()),e=Math.floor(t);this.cellWidth=e,this.cellHeight=this.cellWidth}const l=this,n=e.selectAll("#"+this.id()+" > .ddCell").data(this.content(),function(t){return t.id()});this.divItems=n.enter().append("div").attr("class","ddCell").each(function(t){t.target(this),t.__grid_watch=t.monitor(function(e,i,s){!l._renderCount||"snapping"!==e&&0!==e.indexOf("grid")||i===s||l.gridList||(l.initGridList(),"none"!==l.snapping()&&l.gridList.resizeGrid("horizontal"===l.snapping()?l.snappingRows():l.snappingColumns()),l.items.forEach(l.gridItemToCell),l.updateGrid(t.id(),100),l.killGridList())});o(this).append("div").attr("class","resizeHandle").call(l._d3DragResize).append("div").attr("class","resizeHandleDisplay")}).merge(n),this.divItems.each(function(t){const e=o(this);l.designMode()?e.call(l._d3Drag):e.on("mousedown.drag",null).on("touchstart.drag",null)}),this.divItems.select(".resizeHandle").style("display",this.designMode()?null:"none"),this.updateGrid(!0),n.exit().each(function(t){t.target(null),t.__grid_watch&&t.__grid_watch.remove()}).remove();const r=e.selectAll("#"+this.id()+" > .laneBackground").data(this.designMode()?[""]:[]);r.enter().insert("div",":first-child").attr("class","laneBackground").style("left","1px").style("top","1px").on("click",function(){l.selectionBagClear()}).merge(r).style("width",this.snappingColumns()*this.cellWidth+"px").style("height",this.snappingRows()*this.cellHeight+"px"),r.exit().each(function(){l.selectionBagClear()}).remove();const h=e.selectAll("#"+this.id()+" > .lane").data(this.designMode()?[""]:[]);h.enter().append("div").attr("class","lane").style("left","1px").style("top","1px"),h.style("display",this.showLanes()?null:"none").style("width",this.snappingColumns()*this.cellWidth+"px").style("height",this.snappingRows()*this.cellHeight+"px").style("background-image","linear-gradient(to right, grey 1px, transparent 1px), linear-gradient(to bottom, grey 1px, transparent 1px)").style("background-size",this.cellWidth+"px "+this.cellHeight+"px"),h.exit().remove()}exit(t,e){this.content().forEach(t=>t.target(null)),super.exit(t,e)}_createSelectionObject(t){return{_id:t._id,element:/* @__PURE__ */e(()=>t._element,"element"),widget:t}}selection(t){return arguments.length?(this._selectionBag.set(t.map(function(t){return this._createSelectionObject(t)},this)),this):this._selectionBag.get().map(function(t){return t._id})}selectionBagClear(){this._selectionBag.isEmpty()||(this._selectionBag.clear(),this.postSelectionChange())}selectionBagClick(t){if(null!==t){const e=this._createSelectionObject(t);if(r().sourceEvent.ctrlKey)this._selectionBag.isSelected(e)?(this._selectionBag.remove(e),this.postSelectionChange()):(this._selectionBag.append(e),this.postSelectionChange());else{const t=this._selectionBag.get();1===t.length&&t[0]._id===e._id?this.selectionBagClear():this._selectionBag.set([e]),this.postSelectionChange()}}}postSelectionChange(){}applyLayout(t){this.divItems.each((e,i)=>{if(t[i]){const[s,o,l,n]=t[i];e.gridCol(s).gridRow(o).gridColSpan(l).gridRowSpan(n)}}),this.updateGrid(!0)}vizActivation(t){}};e(Kt,"Grid");let Qt=Kt;Qt.prototype._class+=" layout_Grid",Qt.prototype.publish("designMode",!1,"boolean","Design Mode",null,{tags:["Basic"]}),Qt.prototype.publish("showLanes",!0,"boolean","Show snapping lanes when in design mode",null,{tags:["Basic"],disable:/* @__PURE__ */e(t=>!t.designMode(),"disable")}),Qt.prototype.publish("fitTo","all","set","Sizing Strategy",["all","width"],{tags:["Basic"]}),Qt.prototype.publish("snapping","vertical","set","Snapping Strategy",["vertical","horizontal","none"]),Qt.prototype.publish("snappingColumns",12,"number","Snapping Columns"),Qt.prototype.publish("snappingRows",16,"number","Snapping Rows"),Qt.prototype.publish("gutter",6,"number","Gap Between Widgets",null,{tags:["Basic"]}),Qt.prototype.publish("surfaceShadow",!0,"boolean","3D Shadow"),Qt.prototype.publish("surfacePadding",null,"string","Cell Padding (px)",null,{tags:["Intermediate"]}),Qt.prototype.publish("surfaceBorderWidth",1,"number","Width (px) of Cell Border",null,{tags:["Intermediate"]}),Qt.prototype.publish("surfaceBackgroundColor",null,"html-color","Surface Background Color",null,{tags:["Advanced"]}),Qt.prototype.publish("content",[],"widgetArray","widgets",null,{tags:["Basic"],render:!1});const te=class _HorizontalList extends Yt{constructor(){super(),this.orientation_default("horizontal"),this.flexWrap_default("nowrap")}};e(te,"HorizontalList");let ee=te;ee.prototype._class+=" layout_HorizontalList";const ie=class _Layered extends i{_contentContainer;_widgetPlacements;_widgetRatios;constructor(){super(),this._tag="div",this._widgetPlacements=[],this._widgetRatios=[]}addLayer(t,e="default",i=1,s=1){const o=this.widgets();return o.push(t||(new S).text("No widget defined for layer.")),this.widgets(o),this._widgetPlacements.push(e),this._widgetRatios.push([i,s]),this}enter(t,e){super.enter(t,e),this._contentContainer=e.append("div").attr("class","container")}update(t,e){super.update(t,e);const i=this;e.style("padding",this.surfacePadding()+"px");const s=this._contentContainer.selectAll(".content.id"+this.id()).data(this.widgets(),function(t){return t.id()});s.enter().append("div").attr("class","content id"+this.id()).each(function(t,e){t.target(this)}).merge(s).each(function(t,e){const s={width:i.clientWidth(),height:i.clientHeight()},o=i.widgetSize(e,s),l=i.widgetPosition(e,s,o);this.style.top=l.y+"px",this.style.left=l.x+"px",t.resize(o).render()}),s.exit().each(function(t,e){t.target(null)}).remove(),s.order()}widgetSize(t,e){return this._widgetPlacements[t],{width:e.width*this._widgetRatios[t][0],height:e.height*this._widgetRatios[t][1]}}widgetPosition(t,e,i){switch(this._widgetPlacements[t]){default:return{x:0,y:0};case"top":return{x:e.width/2-i.width/2,y:0};case"bottom":return{x:e.width/2-i.width/2,y:e.height-i.height};case"left":return{x:0,y:e.height/2-i.height/2};case"right":return{x:e.width-i.width,y:e.height/2-i.height/2};case"center":return{x:e.width/2-i.width/2,y:e.height/2-i.height/2}}}};e(ie,"Layered");let se=ie;se.prototype._class+=" layout_Layered",se.prototype.publish("surfacePadding",0,"number","Padding"),se.prototype.publish("widgets",[],"widgetArray","widgets",null,{tags:["Private"]});const oe=class _Popup extends i{_surfaceButtons;_originalPosition;constructor(){super(),this._tag="div",this._surfaceButtons=[]}updateState(t){t=t||!this.popupState(),this.popupState(t).render()}enter(t,e){super.enter(t,e),this.widget().target(t),this._originalPosition=this.position()}update(t,e){super.update(t,e),e.style("visibility",this.popupState()?null:"hidden").style("opacity",this.popupState()?null:0).style("width",this.shrinkWrap()?this.widget().width()+"px":this._size.width+"px").style("height",this.shrinkWrap()?this.widget().height()+"px":this._size.height+"px"),0===this.widget().size().height&&this.widget().resize(this.size())}postUpdate(t,e){let i,s;switch(this.centerPopup()){case"container":this._placeholderElement&&(i=parseInt(this._placeholderElement.style("width"))/2-this.widget().width()/2,s=parseInt(this._placeholderElement.style("height"))/2-this.widget().height()/2),this.position("absolute");break;case"window":i=window.innerWidth/2-this.widget().width()/2,s=window.innerHeight/2-this.widget().height()/2,this.position("fixed");break;default:i=0,s=0,this.position(this._originalPosition)}this.pos({x:i,y:s}),super.postUpdate(t,e),e.style("position",this.position()).style("left",this.left()+"px").style("right",this.right()+"px").style("top",this.top()+"px").style("bottom",this.bottom()+"px")}exit(t,e){this.widget()&&this.widget().target(null),super.exit(t,e)}click(t){}};e(oe,"Popup");let le=oe;le.prototype._class+=" layout_Popup",le.prototype.publish("popupState",!1,"boolean","State of the popup, visible (true) or hidden (false)",null,{}),le.prototype.publish("shrinkWrap",!1,"boolean","The popup parent container either shrinks to the size of its contents (true) or expands to fit thge popup's parentDiv (false)",null,{}),le.prototype.publish("centerPopup","none","set","Center the widget in its container element (target) or in the window",["none","container","window"],{}),le.prototype.publish("top",null,"number","Top position property of popup",null,{}),le.prototype.publish("bottom",null,"number","Bottom position property of popup",null,{}),le.prototype.publish("left",null,"number","Left position property of popup",null,{}),le.prototype.publish("right",null,"number","Right position property of popup",null,{}),le.prototype.publish("position","relative","set","Value of the 'position' property",["absolute","relative","fixed","static","initial","inherit"],{tags:["Private"]}),le.prototype.publish("widget",null,"widget","Widget",null,{tags:["Private"]});const ne=class _Tabbed extends i{_tabContainer;_contentContainer;constructor(){super(),this._tag="div"}clearTabs(){return this.labels([]),this.widgets([]),this}addTab(t,e,i,s){const o=t.size();0===o.width&&0===o.height&&t.size({width:"100%",height:"100%"});const l=this.labels(),n=this.widgets();i&&this.activeTabIdx(this.widgets().length),l.push(e);const r=(new R).widget(t||(new S).text("No widget defined for tab"));return n.push(r),this.labels(l),this.widgets(n),s&&s(r),this}widgetSize(t){const e=this.clientWidth();let i=this.clientHeight();const s=this._tabContainer.node().getBoundingClientRect();return void 0!==s.height&&(i-=s.height),{width:e,height:i}}enter(t,e){super.enter(t,e),this._tabContainer=e.append("div"),this._contentContainer=e.append("div")}update(t,e){super.update(t,e);const i=this;e.style("padding",this.surfacePadding_exists()?this.surfacePadding()+"px":null);const s=this._tabContainer.selectAll(".tab-button.id"+this.id()).data(this.showTabs()?this.labels():[],function(t){return t});s.enter().append("span").attr("class","tab-button id"+this.id()).style("cursor","pointer").on("click",function(t,e){i.click(i.widgets()[e].widget(),t,e),i.activeTabIdx(e).render()}).merge(s).classed("active",function(t,e){return i.activeTabIdx()===e}).text(function(t){return t}),s.exit().remove();const l=this._contentContainer.selectAll(".tab-content.id"+this.id()).data(this.widgets(),function(t){return t.id()});if(l.enter().append("div").attr("class","tab-content id"+this.id()).each(function(t,e){t.target(this)}).merge(l).classed("active",function(t,e){return i.activeTabIdx()===e}).style("display",function(t,e){return i.activeTabIdx()===e?"block":"none"}).each(function(t,e){if(t.visible(i.activeTabIdx()===e),i.activeTabIdx()===e){const e=i.widgetSize(o(this));t.surfaceBorderWidth(i.showTabs()?null:0).surfacePadding(i.showTabs()?null:0).resize(e)}}),l.exit().each(function(t,e){t.target(null)}).remove(),"bottom"===this.tabLocation())this._tabContainer.attr("class","on_bottom").style("top",this._contentContainer.node().offsetHeight+this.surfacePadding()+"px").style("position","absolute"),this._contentContainer.style("top",this.surfacePadding_exists()?this.surfacePadding()+"px":null).style("position","absolute");else this._tabContainer.attr("class","on_top").style("top",null).style("position","relative"),this._contentContainer.style("top",this._tabContainer.node().offsetHeight+this.surfacePadding()+"px").style("position","absolute")}click(t,e,i){}};e(ne,"Tabbed");let re=ne;re.prototype._class+=" layout_Tabbed",re.prototype.publish("showTabs",!0,"boolean","Show Tabs",null,{}),re.prototype.publish("surfacePadding",4,"number","Padding"),re.prototype.publish("activeTabIdx",0,"number","Index of active tab",null,{}),re.prototype.publish("labels",[],"array","Array of tab labels sharing an index with ",null,{tags:["Private"]}),re.prototype.publish("tabLocation","top","set","Position the tabs at the bottom of the widget",["top","bottom"],{tags:["Private"]}),re.prototype.publish("widgets",[],"widgetArray","widgets",null,{tags:["Private"]});const he=class _Toolbar extends i{constructor(){super(),this._tag="div"}enter(t,e){super.enter(t,e)}update(t,e){super.update(t,e);const i=this;e.attr("title",i.title()).style("background-color",this.backgroundColor());const s=e.selectAll("div.toolbar-title").data(this.title()?[this.title()]:[]);s.enter().append("div").classed("toolbar-title",!0).append("span"),s.selectAll("div.toolbar-title > span").style("font-size",this.fontSize_exists()?this.fontSize()+"px":null).style("color",this.fontColor_exists()?this.fontColor():null).style("font-family",this.fontFamily_exists()?this.fontFamily():null).style("font-weight",this.fontBold_exists()?this.fontBold()?"bold":"normal":null).style("background-color",this.backgroundColor_exists()?this.backgroundColor():null).text(i.title()),s.exit().remove();const l=e.selectAll("div.toolbar-child").data(null!==this.widgets()?this.widgets():[],function(t){return t.id()});l.enter().insert("div","div.toolbar-title").each(function(t,e){const s=i.widgetClasses()[e]?i.widgetClasses()[e]+" toolbar-child":"toolbar-child";o(this).classed(s,!0),t.target(this)}),l.exit().each(function(t){t.target(null)}).remove(),l.order()}render(t){const e=this;return super.render(function(i){const s=e.element().node().getBoundingClientRect();let o=s.left+s.width;e.element().selectAll("div.toolbar-child").each(function(t,e){const i=this.getBoundingClientRect();o>i.left&&(o=i.left)}),e.element().select(".toolbar-title").style("width",o-s.left-4+"px"),t&&t(i)})}exit(t,e){this.widgets().forEach(function(t){t.target(null)}),super.exit(t,e)}};e(he,"Toolbar");let ae=he;ae.prototype._class+=" layout_Toolbar",ae.prototype.publish("title","","string","Title",null,{tags:["Intermediate"]}),ae.prototype.publish("fontSize",null,"number","Title Font Size (px)",null,{tags:["Advanced"],optional:!0}),ae.prototype.publish("fontColor",null,"html-color","Title Font Color",null,{tags:["Advanced"],optional:!0}),ae.prototype.publish("fontFamily",null,"string","Title Font Family",null,{tags:["Advanced"],optional:!0}),ae.prototype.publish("fontBold",!0,"boolean","Enable Bold Title Font",null,{tags:["Advanced"],optional:!0}),ae.prototype.publish("backgroundColor",null,"html-color","Background Color",null,{tags:["Intermediate"],optional:!0}),ae.prototype.publish("responsive",!0,"boolean","Adapts to pixel width",null,{tags:["Basic"]}),ae.prototype.publish("widgets",[],"widgetArray","Child widgets of the toolbar",null,{tags:["Basic"]}),ae.prototype.publish("widgetClasses",[],"array","Array of Html Element classes to be assigned to the child widgets (shares index with widgets param)",null,{tags:["Basic"]});const de=class _VerticalList extends Yt{constructor(){super(),this.orientation_default("vertical"),this.flexWrap_default("nowrap")}};e(de,"VerticalList");let pe=de;pe.prototype._class+=" layout_VerticalList";export{F as AbsoluteSurface,L as Accordion,M as BUILD_VERSION,Y as Border,U as Border2,q as Carousel,E as Cell,Et as ChartPanel,Yt as FlexGrid,Qt as Grid,ee as HorizontalList,se as Layered,Lt as Legend,Rt as Modal,A as PKG_NAME,H as PKG_VERSION,le as Popup,R as Surface,re as Tabbed,ae as Toolbar,pe as VerticalList,N as WidgetDiv};
+//# sourceMappingURL=index.js.map
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('.layout_AbsoluteSurface{pointer-events:none!important}.layout_AbsoluteSurface>.placeholder{position:relative;overflow:hidden;pointer-events:all}.layout_Accordion>ul{position:relative}.layout_Accordion.open>span{font-style:italic}.layout_Accordion.closed>ul{height:0px;overflow:hidden}.layout_Accordion.open>ul{display:block}.layout_Accordion>.collapsible-icon,.layout_Accordion>.collapsible-title{cursor:pointer;box-sizing:border-box}.layout_Accordion>.collapsible-title{display:block;width:100%}.layout_Accordion>.collapsible-title{font-size:13px;color:#fff;padding:4px 8px;height:26px;-webkit-box-shadow:inset 0px -1px 1px 0px rgba(0,0,0,.2);-moz-box-shadow:inset 0px -1px 1px 0px rgba(0,0,0,.2);box-shadow:inset 0 -1px 1px #0003}.layout_Accordion li{background-color:#fff}.layout_Accordion>ul,.layout_Accordion>.collapsible-title{background-color:#333}.layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion>.collapsible-title{background-color:#555}.layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#777}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#999}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#bbb}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#ccc}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#ddd}.layout_Accordion>ul,.layout_Accordion>span{padding-left:0}.layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion>span{padding-left:12px}.layout_Accordion>.collapsible-title:before{padding:4px 8px;position:absolute;left:0;top:0}.layout_Accordion>.collapsible-icon{position:absolute;top:0;right:0;width:24px;height:24px;color:#fff}.layout_Surface{box-sizing:border-box;margin:0;border:1px solid #e5e5e5;overflow:hidden;height:100%;width:100%}.layout_Surface.shadow2{box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f}.layout_Surface>h3{margin:0;padding:2px;background-color:#e5e5e5}.layout_Surface .html-button-container{position:absolute;right:0;top:3px}.layout_Surface>div{padding:8px}.layout_Surface .html-button-container .surface-button{margin-right:5px}.layout_Surface .html-button-container .surface-button i{opacity:.8}.layout_Surface .html-button-container .surface-button:hover{opacity:1}.layout_Surface .html-button-container .surface-button:active{opacity:.5}div[draggable=true].hideDragCellContent.content-icon:before{content:"";font-family:FontAwesome;position:absolute;top:calc(50% - 74px);left:calc(50% - 56px);font-size:100px}div[draggable=true].hideDragCellContent.content-icon-Line:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Pie:before{top:calc(50% - 72px);left:calc(50% - 45px);content:""}div[draggable=true].hideDragCellContent.content-icon-Area:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Gauge:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Table:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Form:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Grid:before,div[draggable=true].hideDragCellContent.content-icon-Graph:before,div[draggable=true].hideDragCellContent.content-icon-Border:before,div[draggable=true].hideDragCellContent.content-icon-Tabbed:before,div[draggable=true].hideDragCellContent.content-icon-Accordion:before,div[draggable=true].hideDragCellContent.content-icon-MultiChart:before,div[draggable=true].hideDragCellContent.content-icon-MultiChartSurface:before{content:""}div[draggable=true].hideDragCellContent.content-icon-ChoroplethStates:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethStatesHeat:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethCounties:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethCountries:before,div[draggable=true].hideDragCellContent.content-icon-GMap:before,div[draggable=true].hideDragCellContent.content-icon-GMapHeat:before,div[draggable=true].hideDragCellContent.content-icon-GMapGraph:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Text:before,div[draggable=true].hideDragCellContent.content-icon-TextBox:before,div[draggable=true].hideDragCellContent.content-icon-FAChar:before{content:""}.layout_Cell .update-indicator{box-sizing:border-box;position:absolute;top:0;left:0;padding:0;z-index:1000;border-width:0px;border-style:solid;pointer-events:none}.layout_Border{width:100%;height:100%}.layout_Border>.border-content{width:100%;height:100%;position:relative}.layout_Border>.borderHandle{width:6px;height:6px;background-color:#444;opacity:.3;position:absolute;visibility:hidden}.layout_Border.design-mode>.borderHandle{visibility:visible}.layout_Border>.borderHandle:hover{background-color:#666}.layout_Border>.borderHandle.borderHandleDisabled{display:none}.layout_Border>.borderHandle_top,.layout_Border>.borderHandle_bottom{cursor:ns-resize}.layout_Border>.borderHandle_left,.layout_Border>.borderHandle_right{cursor:ew-resize}.layout_Border .cell{border-radius:5px;border:1px solid #e5e5e5;display:inline-block;overflow:hidden}.layout_Border .cell h2{margin:0;padding-top:4px;-webkit-margin:0px;text-align:center}.layout_Border .layout_BorderCell.over{border:2px dashed #000}.layout_Border .dragItem{z-index:-1;opacity:.33}.layout_Border .notDragItem{z-index:-1;opacity:1}.layout_Border div[draggable=true]{opacity:.75;cursor:default}.layout_Border div[draggable=true] .dragHandle{opacity:1}.layout_Border div[draggable=true] .dragHandle_n,.layout_Border div[draggable=true] .dragHandle_e,.layout_Border div[draggable=true] .dragHandle_s,.layout_Border div[draggable=true] .dragHandle_w{background-color:#aaa}.layout_Border div[draggable=true] .dragHandle_nw,.layout_Border div[draggable=true] .dragHandle_ne,.layout_Border div[draggable=true] .dragHandle_se,.layout_Border div[draggable=true] .dragHandle_sw{background-color:#333}.layout_Border div[draggable=true] .dragHandle_nw{cursor:nw-resize}.layout_Border div[draggable=true] .dragHandle_n{cursor:n-resize}.layout_Border div[draggable=true] .dragHandle_ne{cursor:ne-resize}.layout_Border div[draggable=true] .dragHandle_e{cursor:e-resize}.layout_Border div[draggable=true] .dragHandle_se{cursor:se-resize}.layout_Border div[draggable=true] .dragHandle_s{cursor:s-resize}.layout_Border div[draggable=true] .dragHandle_sw{cursor:sw-resize}.layout_Border div[draggable=true] .dragHandle_w{cursor:w-resize}.layout_Border div[draggable=false]>div>.dragHandle{display:none}.layout_Border .grid-drop-target{position:fixed;box-sizing:border-box;border:2px dashed #7f8c8d;border-radius:0;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#6464641a 4px 8px)}.layout_Border .grid-drop-target.drop-target-over{border:2px dashed #179BD7;background:repeating-linear-gradient(-45deg,#0000,#0000 6px,#119bd71a 6px 12px)}.layout_Border2{display:flex;flex-direction:column}.layout_Border2>.body{margin:0;padding:0;display:flex;flex-flow:row}.layout_Border2>.body>.center{flex:1}.layout_Border2>.header{display:block}.layout_Border2>.footer{display:block}.layout_Carousel>div{position:relative;overflow:hidden}.layout_Carousel>div>.carouselItem{position:absolute}.layout_Modal-header{background-color:#3f51b5;overflow:hidden}.layout_Modal-body{background-color:#fff;overflow-y:scroll;overflow-x:hidden}.layout_Modal-title,.layout_Modal-annotations{position:absolute}.layout_Modal-closeButton{cursor:pointer}.layout_Modal-closeButton:hover{opacity:.7}.layout_Modal-closeButton:active{opacity:.5}.layout_Modal-fade{position:fixed;background-color:#000;opacity:.5;z-index:10000}.layout_Modal-content{position:fixed;background-color:#fff;z-index:10100}.layout_Modal-fade-hidden{display:none}.layout_Modal-fadeClickable{cursor:pointer}.layout_ChartPanel .series.highlight{stroke-width:2px;opacity:1}.layout_ChartPanel .series.lowlight{opacity:.3!important}.layout_FlexGrid{display:flex}.FlexGrid-list-item{overflow:hidden;border-style:solid;flex-grow:1}.layout_Grid>.ddCell{position:absolute}.layout_Grid>.laneBackground{position:absolute;border-style:solid;border-width:1px;background:#f5f5f5}.layout_Grid>.lane{position:absolute;border-style:none;opacity:.25;border-radius:0;pointer-events:none}.layout_Grid>.ddCell.draggable{border-style:solid;border-width:1px;background-color:#f8f8ff;border-radius:0;cursor:move}.layout_Grid>.ddCell.draggable>.resizeHandle{bottom:0;right:0;width:8px;height:8px;border-style:none;position:absolute;cursor:nwse-resize}.layout_Grid>.ddCell.draggable .resizeHandleDisplay{bottom:2px;right:2px;width:4px;height:4px;border-style:solid;border-left-width:0px;border-top-width:0px;border-right-width:2px;border-bottom-width:2px;border-color:#a9a9a9;background-color:none;position:absolute}.layout_Grid>.ddCell.draggable .resizeHandleDisplay:hover{border-color:orange}.layout_Grid>.dragging{border-style:solid;border-width:1px;border-color:gray;border-radius:0;position:absolute;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#6464641a 4px 8px)}.layout_Grid>.resizing{border-style:solid;border-width:1px;border-color:gray;background-color:orange;border-radius:0;position:absolute;opacity:.3;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,orange 4px 8px)}.layout_Grid>.ddCell.draggable .common_Widget.selected{border-style:solid;border-width:1px;border-color:red;background-color:gray;border-radius:0;position:absolute;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#6400001a 4px 8px)}.layout_Grid #drag-me:before{content:"#" attr(id);font-weight:700}.layout_Layered{pointer-events:none}.layout_Layered>.container>.content{position:absolute}.layout_Layered>.container>.content>div>.common_Widget,.layout_Layered>.container>.content>div>svg>.common_Widget{pointer-events:all}.layout_Tabbed .tab-button{position:relative;top:1px;display:inline-block;border-left:1px solid #ddd;border-top:1px solid #ddd;border-right:1px solid #ddd;background-color:transparent;margin-right:4px;padding:2px 2px 4px;background-color:#ccc}.layout_Tabbed .tab-button.active{background-color:#fff;z-index:999}.layout_Tabbed .on_bottom .tab-button{border-bottom:1px solid #ddd;border-top:none;top:-1px}.layout_Toolbar{height:100%;background-color:#ddd;white-space:nowrap;overflow:hidden}.layout_Toolbar .toolbar-title{display:inline-block;position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);margin-left:4px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layout_Toolbar .toolbar-child{position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);float:right;margin-left:4px;margin-right:4px;line-height:16px}')),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();