@hpcc-js/form 3.6.0 → 3.7.0

package/dist/index.js

@@ -1,7 +1,7 @@
 import { IInput as e } from "@hpcc-js/api";
-import { HTMLWidget as t, SVGWidget as n, WidgetArray as r, d3Event as i, drag as a, format as o, rgb as s, scaleLinear as c, select as l, timeFormat as u, timeParse as d } from "@hpcc-js/common";
+import { HTMLWidget as t, SVGWidget as n, WidgetArray as r, drag as i, format as a, rgb as o, scaleLinear as s, select as c, timeFormat as l, timeParse as u } from "@hpcc-js/common";
 //#region \0rolldown/runtime.js
-var f = "@hpcc-js/form", p = "3.6.0", m = "3.34.1", Button = class extends t {
+var d = "@hpcc-js/form", f = "3.7.0", p = "3.35.0", Button = class extends t {
 	_inputElement = [];
 	constructor() {
 		super(), e.call(this), this._tag = "div";
@@ -79,7 +79,7 @@ var ColorInput = class extends t {
 			}), e.on("blur", function(e) {
 				e.blur(e);
 			}), e.on("change", function(e) {
-				t === 0 ? (n._inputElement[1].property("value", s(n._inputElement[0].property("value")).toString()), n.value(n._inputElement[0].property("value"))) : (n._inputElement[0].property("value", n._inputElement[1].property("value")), n.value(s(n._inputElement[1].property("value")).toString())), e.change(e, !0);
+				t === 0 ? (n._inputElement[1].property("value", o(n._inputElement[0].property("value")).toString()), n.value(n._inputElement[0].property("value"))) : (n._inputElement[0].property("value", n._inputElement[1].property("value")), n.value(o(n._inputElement[1].property("value")).toString())), e.change(e, !0);
 			});
 		});
 	}
@@ -88,7 +88,7 @@ var ColorInput = class extends t {
 		let n = this;
 		this._inputElement.forEach(function(e) {
 			e.attr("name", n.name());
-		}), this._inputElement[0].attr("type", "text"), this._inputElement[1].attr("type", "color"), this._inputElement[0].property("value", this.value()), this._inputElement[1].property("value", s(this.value()).toString());
+		}), this._inputElement[0].attr("type", "text"), this._inputElement[1].attr("type", "color"), this._inputElement[0].property("value", this.value()), this._inputElement[1].property("value", o(this.value()).toString());
 		let r = this._inputElement[0].node().getBoundingClientRect();
 		this._inputElement[1].style("height", r.height - 2 + "px");
 	}
@@ -162,7 +162,7 @@ var Form = class extends t {
 	}
 	submit() {
 		let e = !0;
-		this.validate() && (e = this.checkValidation()), !(!this.allowEmptyRequest() && !this.inputs().some(function(e) {
+		this.validate() && (e = this.checkValidation()), (this.allowEmptyRequest() || this.inputs().some(function(e) {
 			return e._class.indexOf("WidgetArray") === -1 ? e.hasValue() : e.content().some(function(e) {
 				return e.hasValue();
 			});
@@ -189,8 +189,8 @@ var Form = class extends t {
 		}), t.length > 0 && (alert(t.join("\n")), e = !1), e;
 	}
 	enter(e, t) {
-		super.enter(e, t), t.on("submit", function() {
-			i().preventDefault();
+		super.enter(e, t), t.on("submit", function(e) {
+			e.preventDefault();
 		}), this._placeholderElement.style("overflow", "auto");
 		let n = t.append("table");
 		this.tbody = n.append("tbody"), this.tfoot = n.append("tfoot"), this.btntd = this.tfoot.append("tr").append("td").attr("colspan", 2);
@@ -200,9 +200,9 @@ var Form = class extends t {
 		}, !0), new Button().value("Clear").on("click", function() {
 			r.clear();
 		}, !0)];
-		let a = r.btntd.append("div").style("float", "right");
+		let i = r.btntd.append("div").style("float", "right");
 		this._controls.forEach(function(e) {
-			let t = a.append("span").style("float", "left");
+			let t = i.append("span").style("float", "left");
 			e.target(t.node()).render();
 		});
 	}
@@ -210,7 +210,7 @@ var Form = class extends t {
 		super.update(e, t), this._maxCols = this.calcMaxColumns();
 		let i = this, a = this.tbody.selectAll("tr").data(this.inputs());
 		a.enter().append("tr").each(function(e, t) {
-			let a = l(this), o = e instanceof r ? e.content() : [e];
+			let a = c(this), o = e instanceof r ? e.content() : [e];
 			o.forEach(function(e, t) {
 				a.append("td").attr("class", "prompt");
 				let r = a.append("td").attr("class", "input");
@@ -231,7 +231,7 @@ var Form = class extends t {
 				});
 			});
 		}).merge(a).each(function(e, t) {
-			let n = l(this);
+			let n = c(this);
 			(e instanceof r ? e.content() : [e]).forEach(function(e, t) {
 				n.select("td.prompt").text(e.label() + ":");
 			});
@@ -462,7 +462,7 @@ var Range = class extends t {
 			}), e.on("blur", function(e) {
 				e.blur(e);
 			}), e.on("change", function(e) {
-				t === 0 ? (n._inputElement[1].property("value", s(n._inputElement[0].property("value")).toString()), n.value(n._inputElement[0].property("value"))) : (n._inputElement[0].property("value", n._inputElement[1].property("value")), n.value(s(n._inputElement[1].property("value")).toString())), e.change(e, !0);
+				t === 0 ? (n._inputElement[1].property("value", o(n._inputElement[0].property("value")).toString()), n.value(n._inputElement[0].property("value"))) : (n._inputElement[0].property("value", n._inputElement[1].property("value")), n.value(o(n._inputElement[1].property("value")).toString())), e.change(e, !0);
 			});
 		});
 	}
@@ -543,21 +543,20 @@ var Slider = class extends n {
 		if (super.enter(e, t), this.resize({
 			width: this.width(),
 			height: 50
-		}), this.xScale = c().clamp(!0), this.slider = t.append("g").attr("class", "slider"), this.low() === null && this.high() === null && this.lowDatetime() !== null && this.highDatetime() !== null) {
-			let e = d(this.timePattern() ? this.timePattern() : "%Q");
+		}), this.xScale = s().clamp(!0), this.slider = t.append("g").attr("class", "slider"), this.low() === null && this.high() === null && this.lowDatetime() !== null && this.highDatetime() !== null) {
+			let e = u(this.timePattern() ? this.timePattern() : "%Q");
 			this.low(e(this.lowDatetime()).getTime()), this.high(e(this.highDatetime()).getTime());
 		}
 		this.slider.append("line").attr("class", "track").select(function() {
 			return this.parentNode.appendChild(this.cloneNode(!0));
 		}).attr("class", "track-inset").select(function() {
 			return this.parentNode.appendChild(this.cloneNode(!0));
-		}).attr("class", "track-overlay").call(a().on("start", () => {
-			let e = i();
+		}).attr("class", "track-overlay").call(i().on("start", (e) => {
 			this.moveStartPos = e.x, this.handleLeftStartPos = this.handleLeftPos, this.handleRightStartPos = this.handleRightPos, this.moveMode = this.allowRange() && this.handleLeftPos <= e.x && e.x <= this.handleRightPos ? "both" : Math.abs(e.x - this.handleLeftPos) < Math.abs(e.x - this.handleRightPos) ? "left" : "right", this.moveHandleTo(e.x);
-		}).on("drag", () => {
-			this.moveHandleTo(i().x);
-		}).on("end", () => {
-			this.moveHandleTo(i().x), this.data([[this.xScale.invert(this.handleLeftPos), this.xScale.invert(this.handleRightPos)]]), this.checkChangedValue();
+		}).on("drag", (e) => {
+			this.moveHandleTo(e.x);
+		}).on("end", (e) => {
+			this.moveHandleTo(e.x), this.data([[this.xScale.invert(this.handleLeftPos), this.xScale.invert(this.handleRightPos)]]), this.checkChangedValue();
 		})), this.slider.insert("g", ".track-overlay").attr("class", "ticks").attr("transform", `translate(0, ${this.fontSize() + this.tickHeight() / 2})`), this.handleRight = this.slider.insert("path", ".track-overlay").attr("class", "handle"), this.handleLeft = this.slider.insert("path", ".track-overlay").attr("class", "handle");
 	}
 	update(e, t) {
@@ -566,26 +565,26 @@ var Slider = class extends n {
 		this.xScale.domain([this.low(), this.high()]).range([0, this.width() - this.padding() * 2]), this.slider.attr("transform", "translate(" + (-this.width() / 2 + this.padding()) + ",0)"), this.slider.selectAll("line.track,line.track-inset,line.track-overlay").attr("x1", this.xScale.range()[0]).attr("x2", this.xScale.range()[1]);
 		let r = (this.width() - this.padding() * 2) / (this.tickCount() - 1), i = [];
 		if (this.tickDateFormat() !== null && this.timePattern() !== null) {
-			let e = d("%Q"), t = u(this.tickDateFormat()), n = (this.high() - this.low()) / (this.tickCount() - 1);
+			let e = u("%Q"), t = l(this.tickDateFormat()), n = (this.high() - this.low()) / (this.tickCount() - 1);
 			for (let r = 0; r < this.tickCount(); r++) {
 				let a = e("" + (this.low() + n * r));
 				i.push(t(a));
 			}
 		} else {
-			let e = o(this.tickValueFormat()), t = (this.high() - this.low()) / (this.tickCount() - 1);
+			let e = a(this.tickValueFormat()), t = (this.high() - this.low()) / (this.tickCount() - 1);
 			for (let n = 0; n < this.tickCount(); n++) {
 				let r = this.low() + t * n;
 				i.push(e(r));
 			}
 		}
-		let a = this.slider.selectAll("g.tick").data(i), s = a.enter().append("g").attr("class", "tick");
-		s.append("text").attr("class", "tick-text"), s.append("line").attr("class", "tick-line"), s.merge(a).each(function(e, t) {
+		let o = this.slider.selectAll("g.tick").data(i), s = o.enter().append("g").attr("class", "tick");
+		s.append("text").attr("class", "tick-text"), s.append("line").attr("class", "tick-line"), s.merge(o).each(function(e, t) {
 			let i = r * t;
-			l(this).select("text.tick-text").style("font-size", n.fontSize()).attr("x", function() {
+			c(this).select("text.tick-text").style("font-size", n.fontSize()).attr("x", function() {
 				return t === 0 ? i - 2 : t === n.tickCount() - 1 ? i + 2 : i;
 			}).attr("y", n.tickHeight() + n.tickOffset() / 2 + n.fontSize()).attr("text-basline", "text-before-edge").attr("text-anchor", function() {
 				return t === 0 ? "start" : t === n.tickCount() - 1 ? "end" : "middle";
-			}).text(() => e), l(this).select("line.tick-line").attr("x1", i).attr("x2", i).attr("y1", n.tickOffset() - 1).attr("y2", n.tickOffset() + n.tickHeight()).style("stroke", "#000").style("stroke-width", 1);
+			}).text(() => e), c(this).select("line.tick-line").attr("x1", i).attr("x2", i).attr("y1", n.tickOffset() - 1).attr("y2", n.tickOffset() + n.tickHeight()).style("stroke", "#000").style("stroke-width", 1);
 		}), this.slider.node().appendChild(this.handleRight.node()), this.slider.node().appendChild(this.handleLeft.node()), this.handleLeftPos = this.lowPos(), this.handleRightPos = this.highPos(), this.updateHandles(), this.checkChangedValue();
 	}
 	checkChangedValue() {
@@ -629,18 +628,18 @@ var Slider = class extends n {
 	};
 };
 Slider.prototype._class += " form_Slider", Slider.prototype.implements(e.prototype), Slider.prototype.publish("padding", 16, "number", "Outer Padding", null, { tags: ["Basic"] }), Slider.prototype.publish("fontSize", 12, "number", "Font Size", null, { tags: ["Basic"] }), Slider.prototype.publish("fontFamily", null, "string", "Font Name", null, { tags: ["Basic"] }), Slider.prototype.publish("fontColor", null, "html-color", "Font Color", null, { tags: ["Basic"] }), Slider.prototype.publish("allowRange", !1, "boolean", "Allow Range Selection", null, { tags: ["Intermediate"] }), Slider.prototype.publish("low", null, "number", "Low", null, { tags: ["Intermediate"] }), Slider.prototype.publish("high", null, "number", "High", null, { tags: ["Intermediate"] }), Slider.prototype.publish("step", 10, "number", "Step", null, { tags: ["Intermediate"] }), Slider.prototype.publish("lowDatetime", null, "string", "Low", null, { tags: ["Intermediate"] }), Slider.prototype.publish("highDatetime", null, "string", "High", null, { tags: ["Intermediate"] }), Slider.prototype.publish("selectionLabel", "", "string", "Selection Label", null, { tags: ["Intermediate"] }), Slider.prototype.publish("timePattern", "%Y-%m-%d", "string"), Slider.prototype.publish("tickCount", 10, "number"), Slider.prototype.publish("tickOffset", 5, "number"), Slider.prototype.publish("tickHeight", 8, "number"), Slider.prototype.publish("tickDateFormat", null, "string"), Slider.prototype.publish("tickValueFormat", ",.0f", "string");
-var h = Slider.prototype.name;
+var m = Slider.prototype.name;
 Slider.prototype.name = function(e) {
-	let t = h.apply(this, arguments);
+	let t = m.apply(this, arguments);
 	if (arguments.length) {
 		let t = e instanceof Array ? e : [e];
 		n.prototype.columns.call(this, t);
 	}
 	return t;
 };
-var g = Slider.prototype.value;
+var h = Slider.prototype.value;
 Slider.prototype.value = function(e) {
-	let t = g.apply(this, arguments);
+	let t = h.apply(this, arguments);
 	if (arguments.length) n.prototype.data.call(this, [this.allowRange() ? e : [e, e]]);
 	else return this.allowRange() ? n.prototype.data.call(this)[0] : n.prototype.data.call(this)[0][0];
 	return t;
@@ -663,7 +662,7 @@ var TextArea = class extends Input {
 };
 TextArea.prototype._class += " form_TextArea", TextArea.prototype.publish("rows", null, "number", "Rows", null, { optional: !0 }), TextArea.prototype.publish("cols", null, "number", "Columns", null, { optional: !0 }), TextArea.prototype.publish("wrap", "off", "set", "Wrap", ["off", "on"]), TextArea.prototype.publish("minHeight", null, "number", "Minimum Height", null, { optional: !0 }), TextArea.prototype.publish("spellcheck", null, "boolean", "Input spell checking", { optional: !0 });
 //#endregion
-export { m as BUILD_VERSION, Button, CheckBox, ColorInput, FieldForm, Form, Input, InputRange, OnOff, f as PKG_NAME, p as PKG_VERSION, Radio, Range, Select, Slider, TextArea };
+export { p as BUILD_VERSION, Button, CheckBox, ColorInput, FieldForm, Form, Input, InputRange, OnOff, d as PKG_NAME, f as PKG_VERSION, Radio, Range, Select, Slider, TextArea };
 
 //# sourceMappingURL=index.js.map
 (function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.form_Input input,.form_Input select,.form_Input button,.form_Input textarea{padding:2px}.form_Input button{cursor:pointer}.form_Input input.color-text{width:120px}.form_Input input.color-text+input{width:57px;position:absolute}.form_Input textarea,.form_Input input[type=textbox]{box-sizing:border-box;width:100%;display:block}.form_Input ul{float:left;margin:0;padding:0;list-style-type:none}.form_Input li{float:left;list-style-position:inside}.form_Form{color:#404040}.form_Form tbody td{white-space:nowrap;border:1px solid #e5e5e5}.form_Form td.prompt{vertical-align:middle;background-color:#e5e5e5;padding:2px}.form_Form td.input{vertical-align:middle;width:100%;padding:2px}.form_Form td.input .common_HTMLWidget ul{margin:0}.form_Form tfoot button{margin:5px}.form_Form tbody tr:hover{background-color:#fafafa}.form_Form .form_Button button{box-sizing:border-box;color:#24292e;cursor:pointer;overflow-wrap:break-word;vertical-align:middle;white-space:nowrap;word-wrap:break-word;column-rule-color:#24292e;perspective-origin:57.2938px 14px;transform-origin:57.2938px 14px;-webkit-user-select:none;user-select:none;background:#eff3f6 linear-gradient(-180deg,#fafbfc 0%,#eff3f6 90%) -1px -1px/110% 110% repeat-x;border:1px solid #1b1f2333;border-radius:3px;outline:0 #24292e;height:28px;padding:3px 10px;-webkit-text-decoration:none;text-decoration:none;position:relative;inset:0}.form_Form .form_Button button[disabled=disabled]{background:#dbdfe2}.form_Form .form_Button button:focus{box-shadow:0 0 0 .2em #0366d64d}.form_Form .form_Button button:hover{background:#dbdfe2}.form_Form .form_Button.default button{color:#fff;word-wrap:break-word;column-rule-color:#fff;perspective-origin:44.975px 17px;transform-origin:44.975px 17px;background:#28a745 linear-gradient(-180deg,#34d058 0%,#28a745 90%) -1px -1px/110% 110% repeat-x;outline:0 #fff;-webkit-text-decoration:none;text-decoration:none}.form_Form .form_Button.default button[disabled=disabled],.form_Form .form_Button.default button[disabled=disabled]:hover{background:#dbdfe2}.form_Form .form_Button.default button:hover{background:#149331}.onoffswitch-checkbox{display:none}.onoffswitch{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100px;height:20px;position:relative}.onoffswitch-label{cursor:pointer;border:1px solid #999;height:20px;display:block;overflow:hidden}.onoffswitch-inner{transition:margin .3s ease-in;display:block;position:relative}.onoffswitch-inner>.onoffswitch-offText,.onoffswitch-inner>.onoffswitch-onText{height:100%}.onoffswitch-inner>.onoffswitch-offText{text-align:right;width:100%;font-weight:700;transition:all .3s ease-in;position:absolute;right:0}.onoffswitch-inner>.onoffswitch-onText{text-align:left;width:100%;font-weight:700;transition:all .3s ease-in;position:absolute;left:-100%}.onoffswitch-switch{background:#fff;border:1px solid #999;width:20px;margin:-1px;transition:all .3s ease-in;display:block;position:absolute;inset:0 78px 0 4px}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner>.onoffswitch-offText{right:-100%}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner>.onoffswitch-onText{left:0}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{left:calc(100% - 20px)}.form_Slider .ticks{font:10px sans-serif}.form_Slider .track,.form_Slider .track-inset,.form_Slider .track-overlay{stroke-linecap:round}.form_Slider .track{stroke:#000;stroke-opacity:.3;stroke-width:10px}.form_Slider .track-inset{stroke:#ddd;stroke-width:8px}.form_Slider .track-overlay{pointer-events:stroke;stroke-width:50px;stroke:#0000;cursor:crosshair}.form_Slider .handle{fill:#fff;stroke:#000;stroke-opacity:.5;stroke-width:1.25px}.form_Slider .tick-line{stroke:#000;stroke-opacity:.5;stroke-width:1px;shape-rendering:crispedges}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();