@hpcc-js/form 3.4.2 → 3.4.4

package/src/Input.css

@@ -1,43 +1,43 @@
-.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,136 +1,136 @@
-import { IInput } from "@hpcc-js/api";
-import { Database, 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;
-        }
-    }
-
-    //  IInput Events ---
-    blur(w: Input) {
-    }
-    keyup(w: Input) {
-    }
-    focus(w: Input) {
-    }
-    click(w: Input) {
-    }
-    dblclick(w: Input) {
-    }
-    change(w: Input, complete: boolean) {
-    }
-}
-Input.prototype._class += " form_Input";
-Input.prototype.implements(IInput.prototype);
-
-export interface Input {
-    //  IInput  ---
-    name(): string;
-    name(_: string): this;
-    name_exists(): boolean;
-    label(): string;
-    label(_: string): this;
-    label_exists(): boolean;
-    value(): any;
-    value(_: any): this;
-    value_exists(): boolean;
-    validate(): string;
-    validate(_: string): this;
-    validate_exists(): boolean;
-
-    //  Properties  ---
-    type(): Database.FieldType | "button" | "checkbox" | "text" | "textarea" | "search" | "email" | "datetime";
-    type(_: Database.FieldType | "button" | "checkbox" | "text" | "textarea" | "search" | "email" | "datetime"): this;
-    type_exists(): boolean;
-    type_default(): string;
-    inlineLabel(): string;
-    inlineLabel(_: string): this;
-    inlineLabel_exists(): boolean;
-}
-
-Input.prototype.publish("type", "text", "set", "Input type", ["string", "number", "boolean", "date", "time", "hidden", "nested", "button", "checkbox", "text", "textarea", "search", "email", "datetime"]);
-Input.prototype.publish("inlineLabel", null, "string", "Input Label", null, { optional: true });
+import { IInput } from "@hpcc-js/api";
+import { Database, 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;
+        }
+    }
+
+    //  IInput Events ---
+    blur(w: Input) {
+    }
+    keyup(w: Input) {
+    }
+    focus(w: Input) {
+    }
+    click(w: Input) {
+    }
+    dblclick(w: Input) {
+    }
+    change(w: Input, complete: boolean) {
+    }
+}
+Input.prototype._class += " form_Input";
+Input.prototype.implements(IInput.prototype);
+
+export interface Input {
+    //  IInput  ---
+    name(): string;
+    name(_: string): this;
+    name_exists(): boolean;
+    label(): string;
+    label(_: string): this;
+    label_exists(): boolean;
+    value(): any;
+    value(_: any): this;
+    value_exists(): boolean;
+    validate(): string;
+    validate(_: string): this;
+    validate_exists(): boolean;
+
+    //  Properties  ---
+    type(): Database.FieldType | "button" | "checkbox" | "text" | "textarea" | "search" | "email" | "datetime";
+    type(_: Database.FieldType | "button" | "checkbox" | "text" | "textarea" | "search" | "email" | "datetime"): this;
+    type_exists(): boolean;
+    type_default(): string;
+    inlineLabel(): string;
+    inlineLabel(_: string): this;
+    inlineLabel_exists(): boolean;
+}
+
+Input.prototype.publish("type", "text", "set", "Input type", ["string", "number", "boolean", "date", "time", "hidden", "nested", "button", "checkbox", "text", "textarea", "search", "email", "datetime"]);
+Input.prototype.publish("inlineLabel", null, "string", "Input Label", null, { optional: true });

package/src/InputRange.ts

@@ -1,95 +1,95 @@
-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);
-    }
-}
-InputRange.prototype._class += " form_InputRange";
-InputRange.prototype.implements(IInput.prototype);
-
-export interface InputRange {
-    //  IInput  ---
-    name(): string;
-    name(_: string): this;
-    name_exists(): boolean;
-    label(): string;
-    label(_: string): this;
-    label_exists(): boolean;
-    value(): any[];
-    value(_: any[]): this;
-    value_exists(): boolean;
-    validate(): string;
-    validate(_: string): this;
-    validate_exists(): boolean;
-
-    //  Properties  ---
-    type(): string;
-    type(_: string): this;
-    type_exists(): boolean;
-    inlineLabel(): string;
-    inlineLabel(_: string): this;
-    inlineLabel_exists(): boolean;
-}
-
-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);
+    }
+}
+InputRange.prototype._class += " form_InputRange";
+InputRange.prototype.implements(IInput.prototype);
+
+export interface InputRange {
+    //  IInput  ---
+    name(): string;
+    name(_: string): this;
+    name_exists(): boolean;
+    label(): string;
+    label(_: string): this;
+    label_exists(): boolean;
+    value(): any[];
+    value(_: any[]): this;
+    value_exists(): boolean;
+    validate(): string;
+    validate(_: string): this;
+    validate_exists(): boolean;
+
+    //  Properties  ---
+    type(): string;
+    type(_: string): this;
+    type_exists(): boolean;
+    inlineLabel(): string;
+    inlineLabel(_: string): this;
+    inlineLabel_exists(): boolean;
+}
+
+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 });