@hpcc-js/layout 3.6.6 → 3.6.7

package/dist/index.js

@@ -11,10 +11,10 @@ var D = Object.create, O = Object.defineProperty, __name = (e, t) => O(e, "name"
 		enumerable: !(r = k(t, s)) || r.enumerable
 	});
 	return e;
-}, __toESM = (e, t, n) => (n = e == null ? {} : D(j(e)), __copyProps(t || !e || !e.__esModule ? O(n, "default", {
+}, __toESM = (e, t, n) => (n = e == null ? {} : D(j(e)), __copyProps(t || !e || !e.__esModule || !M.call(e, "default") ? O(n, "default", {
 	value: e,
 	enumerable: !0
-}) : n, e)), N = "@hpcc-js/layout", te = "3.6.6", ne = "3.29.1", AbsoluteSurface = class extends r {
+}) : n, e)), N = "@hpcc-js/layout", te = "3.6.7", ne = "3.31.1", AbsoluteSurface = class extends r {
 	constructor() {
 		super(), this._tag = "div";
 	}
@@ -28,9 +28,7 @@ var D = Object.create, O = Object.defineProperty, __name = (e, t) => O(e, "name"
 			case "pixels":
 				n = this.widgetX(), r = this.widgetY(), i = this.widgetWidth() === "" ? i - n : Number(this.widgetWidth()), a = this.widgetHeight() === "" ? a - r : Number(this.widgetHeight());
 				break;
-			case "percent":
-				n = this.widgetX() * i / 100, r = this.widgetY() * a / 100, i = this.widgetWidth() === "" ? i - n : Number(this.widgetWidth()) * i / 100, a = this.widgetHeight() === "" ? a - r : Number(this.widgetHeight()) * a / 100;
-				break;
+			case "percent": n = this.widgetX() * i / 100, r = this.widgetY() * a / 100, i = this.widgetWidth() === "" ? i - n : Number(this.widgetWidth()) * i / 100, a = this.widgetHeight() === "" ? a - r : Number(this.widgetHeight()) * a / 100;
 		}
 		t.style("opacity", this.opacity());
 		let o = t.selectAll("#" + this._id + " > .placeholder").data(this.widget() ? [this.widget()] : [], function(e) {
@@ -290,9 +288,9 @@ var Border = class extends r {
 		}
 	}
 	borderLayoutObject(e) {
-		let t = {}, n = this, r, i, a, o, s, c, l, u, d = this.target().getBoundingClientRect(), f = {};
-		f.top = d.top, f.left = d.left, f.bottom = d.bottom, f.right = d.right, this.target() instanceof SVGElement ? (f.width = parseFloat(this.target().getAttribute("width")), f.height = parseFloat(this.target().getAttribute("height"))) : (f.width = d.width, f.height = d.height), this.sectionTypes().indexOf("top") !== -1 && (r = this.topSize(), i = this.topPercentage(), this._shrinkWrapBoxes.top !== void 0 && (r = this._shrinkWrapBoxes.top.height + this.gutter(), i = 0)), this.sectionTypes().indexOf("bottom") !== -1 && (a = this.bottomSize(), o = this.bottomPercentage(), this._shrinkWrapBoxes.bottom !== void 0 && (a = this._shrinkWrapBoxes.bottom.height + this.gutter(), o = 0)), this.sectionTypes().indexOf("left") !== -1 && (s = this.leftSize(), c = this.leftPercentage(), this._shrinkWrapBoxes.left !== void 0 && (s = this._shrinkWrapBoxes.left.width + this.gutter(), c = 0)), this.sectionTypes().indexOf("right") !== -1 && (l = this.rightSize(), u = this.rightPercentage(), this._shrinkWrapBoxes.right !== void 0 && (l = this._shrinkWrapBoxes.right.width + this.gutter(), u = 0));
-		let p = _sectionPlacementObject({
+		let t = {}, n = this, r, i, a, o, s, c, l, u, d = this.target().getBoundingClientRect();
+		d.top, d.left, d.bottom, d.right, this.target() instanceof SVGElement ? (parseFloat(this.target().getAttribute("width")), parseFloat(this.target().getAttribute("height"))) : (d.width, d.height), this.sectionTypes().indexOf("top") !== -1 && (r = this.topSize(), i = this.topPercentage(), this._shrinkWrapBoxes.top !== void 0 && (r = this._shrinkWrapBoxes.top.height + this.gutter(), i = 0)), this.sectionTypes().indexOf("bottom") !== -1 && (a = this.bottomSize(), o = this.bottomPercentage(), this._shrinkWrapBoxes.bottom !== void 0 && (a = this._shrinkWrapBoxes.bottom.height + this.gutter(), o = 0)), this.sectionTypes().indexOf("left") !== -1 && (s = this.leftSize(), c = this.leftPercentage(), this._shrinkWrapBoxes.left !== void 0 && (s = this._shrinkWrapBoxes.left.width + this.gutter(), c = 0)), this.sectionTypes().indexOf("right") !== -1 && (l = this.rightSize(), u = this.rightPercentage(), this._shrinkWrapBoxes.right !== void 0 && (l = this._shrinkWrapBoxes.right.width + this.gutter(), u = 0));
+		let f = _sectionPlacementObject({
 			width: {
 				px: 0,
 				"%": 100
@@ -309,7 +307,7 @@ var Border = class extends r {
 				px: 0,
 				"%": 0
 			}
-		}), m = _sectionPlacementObject({
+		}), p = _sectionPlacementObject({
 			width: {
 				px: 0,
 				"%": 100
@@ -327,35 +325,35 @@ var Border = class extends r {
 				"%": 0
 			}
 		});
-		m.top -= m.height;
-		let h = _sectionPlacementObject({
+		p.top -= p.height;
+		let m = _sectionPlacementObject({
 			width: {
 				px: s,
 				"%": c
 			},
 			height: {
-				px: -p.height - m.height,
+				px: -f.height - p.height,
 				"%": 100
 			},
 			top: {
-				px: p.height,
+				px: f.height,
 				"%": 0
 			},
 			left: {
 				px: 0,
 				"%": 0
 			}
-		}), g = _sectionPlacementObject({
+		}), h = _sectionPlacementObject({
 			width: {
 				px: l,
 				"%": u
 			},
 			height: {
-				px: -p.height - m.height,
+				px: -f.height - p.height,
 				"%": 100
 			},
 			top: {
-				px: p.height,
+				px: f.height,
 				"%": 0
 			},
 			left: {
@@ -363,26 +361,26 @@ var Border = class extends r {
 				"%": 100
 			}
 		});
-		g.left -= g.width;
-		let _ = _sectionPlacementObject({
+		h.left -= h.width;
+		let g = _sectionPlacementObject({
 			width: {
-				px: -g.width - h.width,
+				px: -h.width - m.width,
 				"%": 100
 			},
 			height: {
-				px: -p.height - m.height,
+				px: -f.height - p.height,
 				"%": 100
 			},
 			top: {
-				px: p.height,
+				px: f.height,
 				"%": 0
 			},
 			left: {
-				px: h.width,
+				px: m.width,
 				"%": 0
 			}
 		});
-		return t.top = p, t.bottom = m, t.right = g, t.left = h, t.center = _, t;
+		return t.top = f, t.bottom = p, t.right = h, t.left = m, t.center = g, t;
 		function _sectionPlacementObject(e) {
 			return e.width.px = e.width.px === void 0 ? 0 : e.width.px, e.width["%"] = e.width["%"] === void 0 ? 0 : e.width["%"], e.height.px = e.height.px === void 0 ? 0 : e.height.px, e.height["%"] = e.height["%"] === void 0 ? 0 : e.height["%"], {
 				width: e.width.px + e.width["%"] / 100 * n.width(),
@@ -438,9 +436,7 @@ var Border = class extends r {
 				_moveHandles(e, i);
 				break;
 			case "right":
-			case "left":
-				_moveHandles(e, r);
-				break;
+			case "left": _moveHandles(e, r);
 		}
 		function _moveHandles(e, n) {
 			if (n === 0) return;
@@ -464,9 +460,7 @@ var Border = class extends r {
 				case "bottom":
 					r !== 0 && (this.bottomPercentage(0), this.bottomSize(this.bottomSize() === 0 ? this.getContent("bottom").getBBox().height + r : this.bottomSize() + r));
 					break;
-				case "left":
-					n !== 0 && (this.leftPercentage(0), this.leftSize(this.leftSize() === 0 ? this.getContent("left").getBBox().width - n : this.leftSize() - n));
-					break;
+				case "left": n !== 0 && (this.leftPercentage(0), this.leftSize(this.leftSize() === 0 ? this.getContent("left").getBBox().width - n : this.leftSize() - n));
 			}
 			this._dragPrevX = t.sourceEvent.clientX, this._dragPrevY = t.sourceEvent.clientY;
 		}
@@ -913,7 +907,8 @@ var pe = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? fun
 		if (t.length === 0) return e;
 		for (var a = t.length; a < e.length; a++) t.push(e[a]);
 		return t;
-	} else if (typeof t == "function") {
+	}
+	if (typeof t == "function") {
 		for (var o = [], s = e.length, c = 0; c < s; c++) o.push(t({
 			i: c,
 			genLength: s,
@@ -1175,9 +1170,7 @@ var Legend = class extends c {
 					case "chart":
 					case "columns":
 					case "data":
-					case "paletteID":
-						e.lazyRender();
-						break;
+					case "paletteID": e.lazyRender();
 				}
 			});
 		}
@@ -1249,11 +1242,9 @@ var Legend = class extends c {
 								];
 							}, this);
 							break;
-						default:
-							e = this.columns().map(function(e) {
-								return [a(void 0, e, !1), e];
-							}, this);
-							break;
+						default: e = this.columns().map(function(e) {
+							return [a(void 0, e, !1), e];
+						}, this);
 					}
 					break;
 				case "rainbow":
@@ -1264,7 +1255,6 @@ var Legend = class extends c {
 						Math.floor(n) > parseInt(e[0][1]) && (n = Math.floor(n)), e.push([s(n, d, f), c(n)]);
 					}
 					e.push([s(f, d, f), c(f)]);
-					break;
 			}
 		}
 		return {
@@ -1319,40 +1309,27 @@ var Legend = class extends c {
 		}
 	}
 	onClick(e, t) {
-		switch (this.getPaletteType()) {
-			case "ordinal":
-				switch (this.dataFamily()) {
-					case "2D":
-					case "ND":
-						let t = this._disabled.indexOf(e);
-						t < 0 ? this._disabled.push(e) : this._disabled.splice(t, 1), this._owner.refreshColumns(), this._owner.refreshData(), this._owner.render();
-						break;
-				}
-				break;
+		if (this.getPaletteType() === "ordinal") switch (this.dataFamily()) {
+			case "2D":
+			case "ND":
+				let t = this._disabled.indexOf(e);
+				t < 0 ? this._disabled.push(e) : this._disabled.splice(t, 1), this._owner.refreshColumns(), this._owner.refreshData(), this._owner.render();
 		}
 	}
 	onOver(e, t) {
 		if (E(this._owner)) switch (this.getPaletteType()) {
-			case "ordinal":
-				switch (this.dataFamily()) {
-					case "2D":
-					case "ND":
-						this._disabled.indexOf(e) < 0 && this._owner.highlightColumn(e);
-						break;
-				}
-				break;
+			case "ordinal": switch (this.dataFamily()) {
+				case "2D":
+				case "ND": this._disabled.indexOf(e) < 0 && this._owner.highlightColumn(e);
+			}
 		}
 	}
 	onOut(e, t) {
 		if (E(this._owner)) switch (this.getPaletteType()) {
-			case "ordinal":
-				switch (this.dataFamily()) {
-					case "2D":
-					case "ND":
-						this._owner.highlightColumn();
-						break;
-				}
-				break;
+			case "ordinal": switch (this.dataFamily()) {
+				case "2D":
+				case "ND": this._owner.highlightColumn();
+			}
 		}
 	}
 	onDblClick(e, t) {}
@@ -1616,17 +1593,10 @@ var ChartPanel = class extends Border2 {
 			case "small":
 				this.preUpdateSmall(t);
 				break;
-			case "regular":
-				this.preUpdateRegular(t);
-				break;
+			case "regular": this.preUpdateRegular(t);
 		}
 		let n = this._widget.classID() === "composite_MultiChart" ? this._widget.chart() : this._widget;
-		if (this._legend.dataFamily(n._dataFamily || "any"), this._prevChartDataFamily !== this._legend.dataFamily()) switch (this._prevChartDataFamily = this._legend.dataFamily(), this._prevChartDataFamily) {
-			case "any":
-				this._toggleLegend.selected(!1), this._legend.visible(!1);
-				break;
-		}
-		if (t.style("box-shadow", this.highlight() ? `inset 0px 0px 0px ${this.highlightSize()}px ${this.highlightColor()}` : "none"), this._hideLegendToggleList.indexOf(n.classID()) === -1 ? (this._spacer.visible(!0), this._toggleLegend.visible(!0)) : (this._spacer.visible(!1), this._toggleLegend.visible(!1)), this._prevChart !== n) {
+		if (this._legend.dataFamily(n._dataFamily || "any"), this._prevChartDataFamily !== this._legend.dataFamily() && (this._prevChartDataFamily = this._legend.dataFamily(), this._prevChartDataFamily === "any") && (this._toggleLegend.selected(!1), this._legend.visible(!1)), t.style("box-shadow", this.highlight() ? `inset 0px 0px 0px ${this.highlightSize()}px ${this.highlightColor()}` : "none"), this._hideLegendToggleList.indexOf(n.classID()) === -1 ? (this._spacer.visible(!0), this._toggleLegend.visible(!0)) : (this._spacer.visible(!1), this._toggleLegend.visible(!1)), this._prevChart !== n) {
 			this._prevChart = n;
 			let e = n ? n._titleBar || n._iconBar : void 0;
 			if (e && e instanceof i) {
@@ -1650,9 +1620,7 @@ var ChartPanel = class extends Border2 {
 			case "small":
 				this.postUpdateSmall(t);
 				break;
-			case "regular":
-				this.postUpdateRegular(t);
-				break;
+			case "regular": this.postUpdateRegular(t);
 		}
 	}
 	postUpdateTiny(e) {
@@ -2008,19 +1976,19 @@ var $ = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((e, t) => {
 	getCell(e, t) {
 		let n = null;
 		return this.content().some(function(r) {
-			return e >= r.gridRow() && e < r.gridRow() + r.gridRowSpan() && t >= r.gridCol() && t < r.gridCol() + r.gridColSpan() ? (n = r, !0) : !1;
+			return e >= r.gridRow() && e < r.gridRow() + r.gridRowSpan() && t >= r.gridCol() && t < r.gridCol() + r.gridColSpan() && (n = r, !0);
 		}), n;
 	}
 	getWidgetCell(e) {
 		let t = null;
 		return this.content().some(function(n) {
-			return n.widget().id() === e ? (t = n, !0) : !1;
+			return n.widget().id() === e && (t = n, !0);
 		}), t;
 	}
 	getContent(e) {
 		let t = null;
 		return this.content().some(function(n) {
-			return n.widget().id() === e ? (t = n.widget(), !0) : !1;
+			return n.widget().id() === e && (t = n.widget(), !0);
 		}), t;
 	}
 	cellToGridItem(e) {
@@ -2328,9 +2296,7 @@ var Popup = class extends r {
 			case "window":
 				n = window.innerWidth / 2 - this.widget().width() / 2, r = window.innerHeight / 2 - this.widget().height() / 2, this.position("fixed");
 				break;
-			default:
-				n = 0, r = 0, this.position(this._originalPosition);
-				break;
+			default: n = 0, r = 0, this.position(this._originalPosition);
 		}
 		this.pos({
 			x: n,
@@ -2420,9 +2386,7 @@ var Tabbed = class extends r {
 			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;
+			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");
 		}
 	}
 	click(e, t, n) {}