@hpcc-js/form 2.12.2 → 2.12.3

package/src/Input.css

@@ -1,42 +1,42 @@
-.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{
-    width:100%;
-    box-sizing: border-box;
-    display:block;
-}
-
-.form_Input input[type="textbox"]{
-    width:100%;
-    box-sizing: border-box;
-    display:block;
-}
-
-.form_Input ul {
-    list-style-type: none;
-    float: left;
-    padding: 0px;
-    margin: 0px;
-}
-
-.form_Input li {
-    float: left;
-    list-style-position: inside
+.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{
+    width:100%;
+    box-sizing: border-box;
+    display:block;
+}
+
+.form_Input input[type="textbox"]{
+    width:100%;
+    box-sizing: border-box;
+    display:block;
+}
+
+.form_Input ul {
+    list-style-type: none;
+    float: left;
+    padding: 0px;
+    margin: 0px;
+}
+
+.form_Input li {
+    float: left;
+    list-style-position: inside
 }

package/src/Input.ts

@@ -1,121 +1,121 @@
-import { IInput } from "@hpcc-js/api";
-import { HTMLWidget } from "@hpcc-js/common";
-
-import "../src/Input.css";
-
-export class Input extends HTMLWidget {
-    _inputElement = [];
-    _labelElement = [];
-
-    constructor() {
-        super();
-        IInput.call(this);
-
-        this._tag = "div";
-    }
-
-    checked(_) {
-        if (!arguments.length) return this._inputElement[0] ? this._inputElement[0].property("checked") : false;
-        if (this._inputElement[0]) {
-            this._inputElement[0].property("checked", _);
-        }
-        return this;
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-
-        this._labelElement[0] = element.append("label")
-            .attr("for", this.id() + "_input")
-            .style("visibility", this.inlineLabel_exists() ? "visible" : "hidden")
-            ;
-
-        const context = this;
-        switch (this.type()) {
-            case "button":
-                this._inputElement[0] = element.append("button")
-                    .attr("id", this.id() + "_input")
-                    ;
-                break;
-            case "textarea":
-                this._inputElement[0] = element.append("textarea")
-                    .attr("id", this.id() + "_input")
-                    ;
-                break;
-            default:
-                this._inputElement[0] = element.append("input")
-                    .attr("id", this.id() + "_input")
-                    .attr("type", this.type())
-                    ;
-                break;
-        }
-
-        this._inputElement.forEach(function (e, idx) {
-            e.attr("name", context.name());
-            e.on("click", function (w: Input) {
-                w.click(w);
-            });
-            e.on("blur", function (w: Input) {
-                w.blur(w);
-            });
-            e.on("change", function (w: Input) {
-                context.value([e.property("value")]);
-                w.change(w, true);
-            });
-            e.on("keyup", function (w: Input) {
-                context.value([e.property("value")]);
-                w.change(w, false);
-            });
-        });
-    }
-
-    update(domNode, element) {
-        super.update(domNode, element);
-
-        this._labelElement[0]
-            .style("visibility", this.inlineLabel_exists() ? "visible" : "hidden")
-            .text(this.inlineLabel())
-            ;
-        switch (this.type()) {
-            case "button":
-                this._inputElement[0].text(this.value());
-                break;
-            case "textarea":
-                this._inputElement[0].property("value", this.value());
-                break;
-            default:
-                this._inputElement[0].attr("type", this.type());
-                this._inputElement[0].property("value", this.value());
-                break;
-        }
-    }
-
-    type: { (): string; (_: string): Input };
-    type_exists: () => boolean;
-    type_default: { (): string; (_: string): Input };
-    inlineLabel: { (): string; (_: string): Input };
-    inlineLabel_exists: () => boolean;
-
-    //  IInput  ---
-    name: { (): string; (_: string): Input };
-    name_exists: () => boolean;
-    label: { (): string; (_: string): Input };
-    label_exists: () => boolean;
-    value: { (): any; (_: any): Input };
-    value_exists: () => boolean;
-    validate: { (): string; (_: string): Input };
-    validate_exists: () => boolean;
-
-    //  IInput Events ---
-    blur: (w: Input) => void;
-    keyup: (w: Input) => void;
-    focus: (w: Input) => void;
-    click: (w: Input) => void;
-    dblclick: (w: Input) => void;
-    change: (w: Input, complete: boolean) => void;
-}
-Input.prototype._class += " form_Input";
-Input.prototype.implements(IInput.prototype);
-
-Input.prototype.publish("type", "text", "set", "Input type", ["number", "button", "checkbox", "date", "text", "textarea", "search", "email", "time", "datetime", "hidden"]);
-Input.prototype.publish("inlineLabel", null, "string", "Input Label", null, { optional: true });
+import { IInput } from "@hpcc-js/api";
+import { HTMLWidget } from "@hpcc-js/common";
+
+import "../src/Input.css";
+
+export class Input extends HTMLWidget {
+    _inputElement = [];
+    _labelElement = [];
+
+    constructor() {
+        super();
+        IInput.call(this);
+
+        this._tag = "div";
+    }
+
+    checked(_) {
+        if (!arguments.length) return this._inputElement[0] ? this._inputElement[0].property("checked") : false;
+        if (this._inputElement[0]) {
+            this._inputElement[0].property("checked", _);
+        }
+        return this;
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+
+        this._labelElement[0] = element.append("label")
+            .attr("for", this.id() + "_input")
+            .style("visibility", this.inlineLabel_exists() ? "visible" : "hidden")
+            ;
+
+        const context = this;
+        switch (this.type()) {
+            case "button":
+                this._inputElement[0] = element.append("button")
+                    .attr("id", this.id() + "_input")
+                    ;
+                break;
+            case "textarea":
+                this._inputElement[0] = element.append("textarea")
+                    .attr("id", this.id() + "_input")
+                    ;
+                break;
+            default:
+                this._inputElement[0] = element.append("input")
+                    .attr("id", this.id() + "_input")
+                    .attr("type", this.type())
+                    ;
+                break;
+        }
+
+        this._inputElement.forEach(function (e, idx) {
+            e.attr("name", context.name());
+            e.on("click", function (w: Input) {
+                w.click(w);
+            });
+            e.on("blur", function (w: Input) {
+                w.blur(w);
+            });
+            e.on("change", function (w: Input) {
+                context.value([e.property("value")]);
+                w.change(w, true);
+            });
+            e.on("keyup", function (w: Input) {
+                context.value([e.property("value")]);
+                w.change(w, false);
+            });
+        });
+    }
+
+    update(domNode, element) {
+        super.update(domNode, element);
+
+        this._labelElement[0]
+            .style("visibility", this.inlineLabel_exists() ? "visible" : "hidden")
+            .text(this.inlineLabel())
+            ;
+        switch (this.type()) {
+            case "button":
+                this._inputElement[0].text(this.value());
+                break;
+            case "textarea":
+                this._inputElement[0].property("value", this.value());
+                break;
+            default:
+                this._inputElement[0].attr("type", this.type());
+                this._inputElement[0].property("value", this.value());
+                break;
+        }
+    }
+
+    type: { (): string; (_: string): Input };
+    type_exists: () => boolean;
+    type_default: { (): string; (_: string): Input };
+    inlineLabel: { (): string; (_: string): Input };
+    inlineLabel_exists: () => boolean;
+
+    //  IInput  ---
+    name: { (): string; (_: string): Input };
+    name_exists: () => boolean;
+    label: { (): string; (_: string): Input };
+    label_exists: () => boolean;
+    value: { (): any; (_: any): Input };
+    value_exists: () => boolean;
+    validate: { (): string; (_: string): Input };
+    validate_exists: () => boolean;
+
+    //  IInput Events ---
+    blur: (w: Input) => void;
+    keyup: (w: Input) => void;
+    focus: (w: Input) => void;
+    click: (w: Input) => void;
+    dblclick: (w: Input) => void;
+    change: (w: Input, complete: boolean) => void;
+}
+Input.prototype._class += " form_Input";
+Input.prototype.implements(IInput.prototype);
+
+Input.prototype.publish("type", "text", "set", "Input type", ["number", "button", "checkbox", "date", "text", "textarea", "search", "email", "time", "datetime", "hidden"]);
+Input.prototype.publish("inlineLabel", null, "string", "Input Label", null, { optional: true });

package/src/InputRange.ts

@@ -1,86 +1,86 @@
-import { IInput } from "@hpcc-js/api";
-import { HTMLWidget } from "@hpcc-js/common";
-
-import "../src/Input.css";
-
-export class InputRange extends HTMLWidget {
-    _inputElement = [];
-    _labelElement = [];
-    _rangeData = [];
-
-    constructor() {
-        super();
-        IInput.call(this);
-
-        this._tag = "div";
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-
-        this._labelElement[0] = element.append("label")
-            .attr("for", this.id() + "_input")
-            .style("visibility", this.inlineLabel_exists() ? "visible" : "hidden")
-            ;
-
-        this._inputElement.push(element.append("input")
-            .attr("id", this.id() + "_input_min")
-            .attr("type", this.type()));
-        this._inputElement.push(element.append("input")
-            .attr("id", this.id() + "_input_max")
-            .attr("type", this.type()));
-
-        const context = this;
-        this._inputElement.forEach(function (e, idx) {
-            e.attr("name", context.name());
-            e.on("click", function (w) {
-                w.click(w);
-            });
-            e.on("blur", function (w) {
-                w.blur(w);
-            });
-            e.on("change", function (w) {
-                context._rangeData[idx] = e.property("value");
-                context.value(context._rangeData);
-                w.change(w, true);
-            });
-        });
-    }
-
-    update(domNode, element) {
-        super.update(domNode, element);
-
-        this._labelElement[0]
-            .style("visibility", this.inlineLabel_exists() ? "visible" : "hidden")
-            .text(this.inlineLabel())
-            ;
-
-        this._rangeData = this.value();
-        this._inputElement.forEach(function (e, idx) {
-            e
-                .attr("type", this.type())
-                .property("value", this._rangeData.length > idx ? this._rangeData[idx] : "");
-        }, this);
-    }
-
-    type: { (): string; (_: string): InputRange };
-    type_exists: () => boolean;
-    inlineLabel: { (): string; (_: string): InputRange };
-    inlineLabel_exists: () => boolean;
-    value: { (): any[]; (_: any[]): InputRange };
-    value_exists: () => boolean;
-
-    //  IInput  ---
-    name: { (): string; (_: string): InputRange };
-    name_exists: () => boolean;
-    label: { (): string; (_: string): InputRange };
-    label_exists: () => boolean;
-    validate: { (): string; (_: string): InputRange };
-    validate_exists: () => boolean;
-}
-InputRange.prototype._class += " form_InputRange";
-InputRange.prototype.implements(IInput.prototype);
-
-InputRange.prototype.publish("type", "text", "set", "InputRange type", ["number", "date", "text", "time", "datetime", "hidden"]);
-InputRange.prototype.publish("inlineLabel", null, "string", "InputRange Label", null, { optional: true });
-InputRange.prototype.publish("value", ["", ""], "array", "Input Current Value", null, { override: true });
+import { IInput } from "@hpcc-js/api";
+import { HTMLWidget } from "@hpcc-js/common";
+
+import "../src/Input.css";
+
+export class InputRange extends HTMLWidget {
+    _inputElement = [];
+    _labelElement = [];
+    _rangeData = [];
+
+    constructor() {
+        super();
+        IInput.call(this);
+
+        this._tag = "div";
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+
+        this._labelElement[0] = element.append("label")
+            .attr("for", this.id() + "_input")
+            .style("visibility", this.inlineLabel_exists() ? "visible" : "hidden")
+            ;
+
+        this._inputElement.push(element.append("input")
+            .attr("id", this.id() + "_input_min")
+            .attr("type", this.type()));
+        this._inputElement.push(element.append("input")
+            .attr("id", this.id() + "_input_max")
+            .attr("type", this.type()));
+
+        const context = this;
+        this._inputElement.forEach(function (e, idx) {
+            e.attr("name", context.name());
+            e.on("click", function (w) {
+                w.click(w);
+            });
+            e.on("blur", function (w) {
+                w.blur(w);
+            });
+            e.on("change", function (w) {
+                context._rangeData[idx] = e.property("value");
+                context.value(context._rangeData);
+                w.change(w, true);
+            });
+        });
+    }
+
+    update(domNode, element) {
+        super.update(domNode, element);
+
+        this._labelElement[0]
+            .style("visibility", this.inlineLabel_exists() ? "visible" : "hidden")
+            .text(this.inlineLabel())
+            ;
+
+        this._rangeData = this.value();
+        this._inputElement.forEach(function (e, idx) {
+            e
+                .attr("type", this.type())
+                .property("value", this._rangeData.length > idx ? this._rangeData[idx] : "");
+        }, this);
+    }
+
+    type: { (): string; (_: string): InputRange };
+    type_exists: () => boolean;
+    inlineLabel: { (): string; (_: string): InputRange };
+    inlineLabel_exists: () => boolean;
+    value: { (): any[]; (_: any[]): InputRange };
+    value_exists: () => boolean;
+
+    //  IInput  ---
+    name: { (): string; (_: string): InputRange };
+    name_exists: () => boolean;
+    label: { (): string; (_: string): InputRange };
+    label_exists: () => boolean;
+    validate: { (): string; (_: string): InputRange };
+    validate_exists: () => boolean;
+}
+InputRange.prototype._class += " form_InputRange";
+InputRange.prototype.implements(IInput.prototype);
+
+InputRange.prototype.publish("type", "text", "set", "InputRange type", ["number", "date", "text", "time", "datetime", "hidden"]);
+InputRange.prototype.publish("inlineLabel", null, "string", "InputRange Label", null, { optional: true });
+InputRange.prototype.publish("value", ["", ""], "array", "Input Current Value", null, { override: true });

package/src/OnOff.css

@@ -1,55 +1,55 @@
-.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 #999999;
-    height: 20px;
-}
-.onoffswitch-inner {
-    position: relative;
-    display: block;
-    transition: margin 0.3s ease-in 0s;
-}
-.onoffswitch-inner > .onoffswitch-offText,
-.onoffswitch-inner > .onoffswitch-onText{
-    height: 100%;
-}
-.onoffswitch-inner > .onoffswitch-offText{
-    font-weight: bold;
-    position: absolute;
-    right: 0;
-    transition: all 0.3s ease-in 0s; 
-    width: 100%;
-    text-align: right;
-}
-.onoffswitch-inner > .onoffswitch-onText{
-    font-weight: bold;
-    position: absolute;
-    left: -100%;
-    transition: all 0.3s ease-in 0s; 
-    width: 100%;
-    text-align: left;
-}
-.onoffswitch-switch {
-    display: block; width: 20px; margin: -1px;
-    background: #FFFFFF;
-    position: absolute; top: 0; bottom: 0;
-    right: 78px;
-    border: 1px solid #999999;
-    transition: all 0.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);
+.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 #999999;
+    height: 20px;
+}
+.onoffswitch-inner {
+    position: relative;
+    display: block;
+    transition: margin 0.3s ease-in 0s;
+}
+.onoffswitch-inner > .onoffswitch-offText,
+.onoffswitch-inner > .onoffswitch-onText{
+    height: 100%;
+}
+.onoffswitch-inner > .onoffswitch-offText{
+    font-weight: bold;
+    position: absolute;
+    right: 0;
+    transition: all 0.3s ease-in 0s; 
+    width: 100%;
+    text-align: right;
+}
+.onoffswitch-inner > .onoffswitch-onText{
+    font-weight: bold;
+    position: absolute;
+    left: -100%;
+    transition: all 0.3s ease-in 0s; 
+    width: 100%;
+    text-align: left;
+}
+.onoffswitch-switch {
+    display: block; width: 20px; margin: -1px;
+    background: #FFFFFF;
+    position: absolute; top: 0; bottom: 0;
+    right: 78px;
+    border: 1px solid #999999;
+    transition: all 0.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);
 }