@hpcc-js/form 2.8.68 → 2.9.2

package/dist/index.es6.js

@@ -2,8 +2,8 @@ import { IInput } from '@hpcc-js/api';
 import { HTMLWidget, rgb, WidgetArray, d3Event, select, SVGWidget, scaleLinear, timeParse, drag, timeFormat, format } from '@hpcc-js/common';
 
 var PKG_NAME = "@hpcc-js/form";
-var PKG_VERSION = "2.8.68";
-var BUILD_VERSION = "2.99.0";
+var PKG_VERSION = "2.9.2";
+var BUILD_VERSION = "2.102.11";
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -63,8 +63,8 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".form_Input button,.form_Input input,.form_Input select,.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 input[type=textbox],.form_Input textarea{width:100%;box-sizing:border-box;display:block}.form_Input ul{list-style-type:none;float:left;padding:0;margin:0}.form_Input li{float:left;list-style-position:inside}";
-styleInject(css_248z);
+var css_248z$3 = ".form_Input button,.form_Input input,.form_Input select,.form_Input textarea{padding:2px}.form_Input button{cursor:pointer}.form_Input input.color-text{width:120px}.form_Input input.color-text+input{position:absolute;width:57px}.form_Input input[type=textbox],.form_Input textarea{box-sizing:border-box;display:block;width:100%}.form_Input ul{float:left;list-style-type:none;margin:0;padding:0}.form_Input li{float:left;list-style-position:inside}";
+styleInject(css_248z$3);
 
 var Button = /** @class */ (function (_super) {
     __extends(Button, _super);
@@ -226,8 +226,8 @@ var ColorInput = /** @class */ (function (_super) {
 ColorInput.prototype._class += " form_ColorInput";
 ColorInput.prototype.implements(IInput.prototype);
 
-var css_248z$1 = ".form_Form{color:#404040}.form_Form tbody td{white-space:nowrap;border:1px solid #e5e5e5}.form_Form td.prompt{padding:2px;vertical-align:middle;background-color:#e5e5e5}.form_Form td.input{padding:2px;width:100%;vertical-align:middle}.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{background-position:-1px -1px;bottom:0;box-sizing:border-box;color:#24292e;cursor:pointer;height:28px;left:0;overflow-wrap:break-word;position:relative;right:0;text-decoration:none solid #24292e;top:0;vertical-align:middle;white-space:nowrap;word-wrap:break-word;column-rule-color:#24292e;perspective-origin:57.2938px 14px;transform-origin:57.2938px 14px;user-select:none;background:#eff3f6 linear-gradient(-180deg,#fafbfc,#eff3f6 90%) repeat-x scroll -1px -1px/110% 110% padding-box border-box;border:1px solid rgba(27,31,35,.2);border-radius:3px 3px 3px 3px;outline:0 none #24292e;padding:3px 10px}.form_Form .form_Button button[disabled=disabled]{background:#dbdfe2}.form_Form .form_Button button:focus{box-shadow:0 0 0 .2em rgba(3,102,214,.3)}.form_Form .form_Button button:hover{background:#dbdfe2}.form_Form .form_Button.default button{color:#fff;text-decoration:none solid #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,#28a745 90%) repeat-x scroll -1px -1px/110% 110% padding-box border-box;outline:0 none #fff}.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}";
-styleInject(css_248z$1);
+var css_248z$2 = ".form_Form{color:#404040}.form_Form tbody td{border:1px solid #e5e5e5;white-space:nowrap}.form_Form td.prompt{background-color:#e5e5e5;padding:2px;vertical-align:middle}.form_Form td.input{padding:2px;vertical-align:middle;width:100%}.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{word-wrap:break-word;background-position:-1px -1px;background:#eff3f6 linear-gradient(-180deg,#fafbfc,#eff3f6 90%) repeat-x scroll -1px -1px /110% 110% padding-box border-box;border:1px solid rgba(27,31,35,.2);border-radius:3px 3px 3px 3px;bottom:0;box-sizing:border-box;color:#24292e;column-rule-color:#24292e;cursor:pointer;height:28px;left:0;outline:0 none #24292e;overflow-wrap:break-word;padding:3px 10px;perspective-origin:57.2938px 14px;position:relative;right:0;text-decoration:none solid #24292e;top:0;transform-origin:57.2938px 14px;user-select:none;vertical-align:middle;white-space:nowrap}.form_Form .form_Button button[disabled=disabled]{background:#dbdfe2}.form_Form .form_Button button:focus{box-shadow:0 0 0 .2em rgba(3,102,214,.3)}.form_Form .form_Button button:hover{background:#dbdfe2}.form_Form .form_Button.default button{word-wrap:break-word;background:#28a745 linear-gradient(-180deg,#34d058,#28a745 90%) repeat-x scroll -1px -1px /110% 110% padding-box border-box;color:#fff;column-rule-color:#fff;outline:0 none #fff;perspective-origin:44.975px 17px;text-decoration:none solid #fff;transform-origin:44.975px 17px}.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}";
+styleInject(css_248z$2);
 
 var Form = /** @class */ (function (_super) {
     __extends(Form, _super);
@@ -496,7 +496,6 @@ var Form = /** @class */ (function (_super) {
         _super.prototype.exit.call(this, domNode, element);
     };
     Form.prototype.click = function (row, col, sel) {
-        console.log("Clicked Submit: " + JSON.stringify(row));
     };
     return Form;
 }(HTMLWidget));
@@ -685,8 +684,8 @@ InputRange.prototype.publish("type", "text", "set", "InputRange type", ["number"
 InputRange.prototype.publish("inlineLabel", null, "string", "InputRange Label", null, { optional: true });
 InputRange.prototype.publish("value", ["", ""], "array", "Input Current Value", null, { override: true });
 
-var css_248z$2 = ".onoffswitch-checkbox{display:none}.onoffswitch{position:relative;height:20px;width:100px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border:1px solid #999;height:20px}.onoffswitch-inner{position:relative;display:block;transition:margin .3s ease-in 0s}.onoffswitch-inner>.onoffswitch-offText,.onoffswitch-inner>.onoffswitch-onText{height:100%}.onoffswitch-inner>.onoffswitch-offText{font-weight:700;position:absolute;right:0;transition:all .3s ease-in 0s;width:100%;text-align:right}.onoffswitch-inner>.onoffswitch-onText{font-weight:700;position:absolute;left:-100%;transition:all .3s ease-in 0s;width:100%;text-align:left}.onoffswitch-switch{display:block;width:20px;margin:-1px;background:#fff;position:absolute;top:0;bottom:0;right:78px;border:1px solid #999;transition:all .3s ease-in 0s;left: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)}";
-styleInject(css_248z$2);
+var css_248z$1 = ".onoffswitch-checkbox{display:none}.onoffswitch{height:20px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100px}.onoffswitch-label{border:1px solid #999;cursor:pointer;display:block;height:20px;overflow:hidden}.onoffswitch-inner{display:block;position:relative;transition:margin .3s ease-in 0s}.onoffswitch-inner>.onoffswitch-offText,.onoffswitch-inner>.onoffswitch-onText{height:100%}.onoffswitch-inner>.onoffswitch-offText{font-weight:700;position:absolute;right:0;text-align:right;transition:all .3s ease-in 0s;width:100%}.onoffswitch-inner>.onoffswitch-onText{font-weight:700;left:-100%;position:absolute;text-align:left;transition:all .3s ease-in 0s;width:100%}.onoffswitch-switch{background:#fff;border:1px solid #999;bottom:0;display:block;left:4px;margin:-1px;position:absolute;right:78px;top:0;transition:all .3s ease-in 0s;width:20px}.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)}";
+styleInject(css_248z$1);
 
 var OnOff = /** @class */ (function (_super) {
     __extends(OnOff, _super);
@@ -733,7 +732,7 @@ var OnOff = /** @class */ (function (_super) {
         inner.append("div")
             .attr("class", "onoffswitch-onText")
             .style("padding-left", (this.containerRadius() / 2) + "px")
-            .style("width", "calc(100% - " + (this.containerRadius() / 2) + "px)")
+            .style("width", "calc(100% - ".concat((this.containerRadius() / 2), "px)"))
             .text(this.onText());
         label.append("div")
             .attr("class", "onoffswitch-switch");
@@ -959,8 +958,8 @@ Select.prototype.implements(IInput.prototype);
 Select.prototype.publish("selectOptions", [], "array", "Array of options used to fill a dropdown list");
 Select.prototype.publish("maxWidth", 120, "number", "Width", null, { optional: true });
 
-var css_248z$3 = ".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:transparent;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}";
-styleInject(css_248z$3);
+var css_248z = ".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{stroke-width:50px;stroke:transparent;cursor:crosshair;pointer-events:stroke}.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}";
+styleInject(css_248z);
 
 var Slider = /** @class */ (function (_super) {
     __extends(Slider, _super);
@@ -1041,7 +1040,7 @@ var Slider = /** @class */ (function (_super) {
         }));
         this.slider.insert("g", ".track-overlay")
             .attr("class", "ticks")
-            .attr("transform", "translate(0, " + (this.fontSize() + (this.tickHeight() / 2)) + ")");
+            .attr("transform", "translate(0, ".concat(this.fontSize() + (this.tickHeight() / 2), ")"));
         this.handleRight = this.slider.insert("path", ".track-overlay")
             .attr("class", "handle");
         this.handleLeft = this.slider.insert("path", ".track-overlay")
@@ -1125,10 +1124,10 @@ var Slider = /** @class */ (function (_super) {
     Slider.prototype.updateHandles = function () {
         var _this = this;
         this.handleLeft
-            .attr("transform", "translate(" + this.handleLeftPos + ", -28)")
+            .attr("transform", "translate(".concat(this.handleLeftPos, ", -28)"))
             .attr("d", function (d) { return _this.handlePath("l"); });
         this.handleRight
-            .attr("transform", "translate(" + this.handleRightPos + ", -28)")
+            .attr("transform", "translate(".concat(this.handleRightPos, ", -28)"))
             .attr("d", function (d) { return _this.handlePath("r"); });
     };
     Slider.prototype.lowPos = function () {