@itwin/frontend-devtools 4.0.0-dev.7 → 4.0.0-dev.72

package/lib/cjs/ui/NestedMenu.js

@@ -1,47 +1,47 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createNestedMenu = void 0;
-/** @packageDocumentation
- * @module Controls
- */
-const Button_1 = require("./Button");
-/** @alpha */
-function createNestedMenu(props) {
-    const div = document.createElement("div");
-    const body = undefined !== props.body ? props.body : document.createElement("div");
-    const header = document.createElement("div");
-    div.appendChild(header);
-    div.appendChild(body);
-    header.style.width = "100%";
-    const label = document.createElement("label");
-    label.innerText = undefined !== props.label ? props.label : "";
-    header.appendChild(label);
-    let isExpanded = undefined !== props.expand ? props.expand : false;
-    body.style.display = isExpanded ? "block" : "none";
-    const toggleMenuButton = (0, Button_1.createButton)({
-        parent: header,
-        inline: true,
-        value: isExpanded ? "-" : "+",
-        handler: () => undefined,
-    });
-    header.onclick = () => {
-        isExpanded = !isExpanded;
-        body.style.display = isExpanded ? "block" : "none";
-        toggleMenuButton.button.value = isExpanded ? "-" : "+";
-        if (undefined !== props.handler)
-            props.handler(isExpanded);
-    };
-    toggleMenuButton.div.style.cssFloat = "right";
-    header.appendChild(document.createElement("hr"));
-    if (undefined !== props.parent)
-        props.parent.appendChild(div);
-    if (undefined !== props.id)
-        div.id = props.id;
-    return { body, label, div };
-}
-exports.createNestedMenu = createNestedMenu;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createNestedMenu = void 0;
+/** @packageDocumentation
+ * @module Controls
+ */
+const Button_1 = require("./Button");
+/** @alpha */
+function createNestedMenu(props) {
+    const div = document.createElement("div");
+    const body = undefined !== props.body ? props.body : document.createElement("div");
+    const header = document.createElement("div");
+    div.appendChild(header);
+    div.appendChild(body);
+    header.style.width = "100%";
+    const label = document.createElement("label");
+    label.innerText = undefined !== props.label ? props.label : "";
+    header.appendChild(label);
+    let isExpanded = undefined !== props.expand ? props.expand : false;
+    body.style.display = isExpanded ? "block" : "none";
+    const toggleMenuButton = (0, Button_1.createButton)({
+        parent: header,
+        inline: true,
+        value: isExpanded ? "-" : "+",
+        handler: () => undefined,
+    });
+    header.onclick = () => {
+        isExpanded = !isExpanded;
+        body.style.display = isExpanded ? "block" : "none";
+        toggleMenuButton.button.value = isExpanded ? "-" : "+";
+        if (undefined !== props.handler)
+            props.handler(isExpanded);
+    };
+    toggleMenuButton.div.style.cssFloat = "right";
+    header.appendChild(document.createElement("hr"));
+    if (undefined !== props.parent)
+        props.parent.appendChild(div);
+    if (undefined !== props.id)
+        div.id = props.id;
+    return { body, label, div };
+}
+exports.createNestedMenu = createNestedMenu;
 //# sourceMappingURL=NestedMenu.js.map

package/lib/cjs/ui/NumericInput.d.ts

@@ -1,36 +1,36 @@
-/** @packageDocumentation
- * @module Controls
- */
-/** @alpha */
-export declare type NumericInputHandler = (value: number, input: HTMLInputElement) => void;
-/** @alpha */
-export interface NumericInputProps {
-    handler: NumericInputHandler;
-    id?: string;
-    parent?: HTMLElement;
-    value: number;
-    display?: "inline" | "none" | "block";
-    disabled?: boolean;
-    min?: number;
-    max?: number;
-    step?: number;
-    tooltip?: string;
-    parseAsFloat?: true;
-}
-/** @alpha */
-export declare function createNumericInput(props: NumericInputProps, useFloat?: boolean): HTMLInputElement;
-/** @alpha */
-export interface LabeledNumericInputProps extends NumericInputProps {
-    name: string;
-    id: string;
-    divDisplay?: "block" | "none" | "inline";
-}
-/** @alpha */
-export interface LabeledNumericInput {
-    input: HTMLInputElement;
-    div: HTMLDivElement;
-    label: HTMLLabelElement;
-}
-/** @alpha */
-export declare function createLabeledNumericInput(props: LabeledNumericInputProps): LabeledNumericInput;
+/** @packageDocumentation
+ * @module Controls
+ */
+/** @alpha */
+export type NumericInputHandler = (value: number, input: HTMLInputElement) => void;
+/** @alpha */
+export interface NumericInputProps {
+    handler: NumericInputHandler;
+    id?: string;
+    parent?: HTMLElement;
+    value: number;
+    display?: "inline" | "none" | "block";
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    tooltip?: string;
+    parseAsFloat?: true;
+}
+/** @alpha */
+export declare function createNumericInput(props: NumericInputProps, useFloat?: boolean): HTMLInputElement;
+/** @alpha */
+export interface LabeledNumericInputProps extends NumericInputProps {
+    name: string;
+    id: string;
+    divDisplay?: "block" | "none" | "inline";
+}
+/** @alpha */
+export interface LabeledNumericInput {
+    input: HTMLInputElement;
+    div: HTMLDivElement;
+    label: HTMLLabelElement;
+}
+/** @alpha */
+export declare function createLabeledNumericInput(props: LabeledNumericInputProps): LabeledNumericInput;
 //# sourceMappingURL=NumericInput.d.ts.map

package/lib/cjs/ui/NumericInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumericInput.d.ts","sourceRoot":"","sources":["../../../src/ui/NumericInput.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH,aAAa;AACb,oBAAY,mBAAmB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAEnF,aAAa;AACb,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,mBAAmB,CAAC;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,IAAI,CAAC;CACrB;AAED,aAAa;AACb,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,EAAE,QAAQ,GAAE,OAAe,GAAG,gBAAgB,CAiCxG;AAED,aAAa;AACb,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC1C;AAED,aAAa;AACb,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,aAAa;AACb,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,wBAAwB,GAAG,mBAAmB,CAsB9F"}
+{"version":3,"file":"NumericInput.d.ts","sourceRoot":"","sources":["../../../src/ui/NumericInput.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH,aAAa;AACb,MAAM,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAEnF,aAAa;AACb,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,mBAAmB,CAAC;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,IAAI,CAAC;CACrB;AAED,aAAa;AACb,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,EAAE,QAAQ,GAAE,OAAe,GAAG,gBAAgB,CAiCxG;AAED,aAAa;AACb,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC1C;AAED,aAAa;AACb,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,aAAa;AACb,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,wBAAwB,GAAG,mBAAmB,CAsB9F"}

package/lib/cjs/ui/NumericInput.js

@@ -1,62 +1,62 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createLabeledNumericInput = exports.createNumericInput = void 0;
-/** @alpha */
-function createNumericInput(props, useFloat = false) {
-    const input = document.createElement("input");
-    input.type = "number";
-    input.value = props.value.toString();
-    input.onchange = () => {
-        try {
-            const value = useFloat ? parseFloat(input.value) : parseInt(input.value, 10);
-            if (!Number.isNaN(value))
-                props.handler(value, input);
-        }
-        catch (_ex) {
-            //
-        }
-    };
-    if (undefined !== props.id)
-        input.id = props.id;
-    if (undefined !== props.display)
-        input.style.display = props.display;
-    if (undefined !== props.min)
-        input.min = props.min.toString();
-    if (undefined !== props.max)
-        input.max = props.max.toString();
-    if (undefined !== props.step)
-        input.step = props.step.toString();
-    if (undefined !== props.tooltip)
-        input.title = props.tooltip;
-    if (undefined !== props.disabled)
-        input.disabled = props.disabled;
-    if (undefined !== props.parent)
-        props.parent.appendChild(input);
-    return input;
-}
-exports.createNumericInput = createNumericInput;
-/** @alpha */
-function createLabeledNumericInput(props) {
-    const div = document.createElement("div");
-    if (props.divDisplay)
-        div.style.display = props.divDisplay;
-    const label = document.createElement("label");
-    label.htmlFor = props.id;
-    label.innerText = props.name;
-    div.appendChild(label);
-    const inputProps = { ...props };
-    inputProps.parent = div;
-    inputProps.display = "inline";
-    const input = createNumericInput(inputProps, true === props.parseAsFloat);
-    if (undefined !== props.parent)
-        props.parent.appendChild(div);
-    if (undefined !== props.tooltip)
-        div.title = props.tooltip;
-    return { label, div, input };
-}
-exports.createLabeledNumericInput = createLabeledNumericInput;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createLabeledNumericInput = exports.createNumericInput = void 0;
+/** @alpha */
+function createNumericInput(props, useFloat = false) {
+    const input = document.createElement("input");
+    input.type = "number";
+    input.value = props.value.toString();
+    input.onchange = () => {
+        try {
+            const value = useFloat ? parseFloat(input.value) : parseInt(input.value, 10);
+            if (!Number.isNaN(value))
+                props.handler(value, input);
+        }
+        catch (_ex) {
+            //
+        }
+    };
+    if (undefined !== props.id)
+        input.id = props.id;
+    if (undefined !== props.display)
+        input.style.display = props.display;
+    if (undefined !== props.min)
+        input.min = props.min.toString();
+    if (undefined !== props.max)
+        input.max = props.max.toString();
+    if (undefined !== props.step)
+        input.step = props.step.toString();
+    if (undefined !== props.tooltip)
+        input.title = props.tooltip;
+    if (undefined !== props.disabled)
+        input.disabled = props.disabled;
+    if (undefined !== props.parent)
+        props.parent.appendChild(input);
+    return input;
+}
+exports.createNumericInput = createNumericInput;
+/** @alpha */
+function createLabeledNumericInput(props) {
+    const div = document.createElement("div");
+    if (props.divDisplay)
+        div.style.display = props.divDisplay;
+    const label = document.createElement("label");
+    label.htmlFor = props.id;
+    label.innerText = props.name;
+    div.appendChild(label);
+    const inputProps = { ...props };
+    inputProps.parent = div;
+    inputProps.display = "inline";
+    const input = createNumericInput(inputProps, true === props.parseAsFloat);
+    if (undefined !== props.parent)
+        props.parent.appendChild(div);
+    if (undefined !== props.tooltip)
+        div.title = props.tooltip;
+    return { label, div, input };
+}
+exports.createLabeledNumericInput = createLabeledNumericInput;
 //# sourceMappingURL=NumericInput.js.map

package/lib/cjs/ui/RadioBox.d.ts

@@ -1,30 +1,30 @@
-/** @packageDocumentation
- * @module Controls
- */
-/** @alpha */
-export interface RadioBoxEntry {
-    value: number | string | undefined;
-    label: string;
-}
-/** @alpha */
-export declare type RadioBoxHandler = (value: string, form: HTMLFormElement) => void;
-/** @alpha */
-export interface RadioBoxProps {
-    id: string;
-    entries: RadioBoxEntry[];
-    handler: RadioBoxHandler;
-    name?: string;
-    parent?: HTMLElement;
-    defaultValue?: number | string;
-    vertical?: boolean;
-}
-/** @alpha */
-export interface RadioBox {
-    label?: HTMLLabelElement;
-    setValue: (newValue: number | string) => boolean;
-    div: HTMLDivElement;
-    form: HTMLFormElement;
-}
-/** @alpha */
-export declare function createRadioBox(props: RadioBoxProps): RadioBox;
+/** @packageDocumentation
+ * @module Controls
+ */
+/** @alpha */
+export interface RadioBoxEntry {
+    value: number | string | undefined;
+    label: string;
+}
+/** @alpha */
+export type RadioBoxHandler = (value: string, form: HTMLFormElement) => void;
+/** @alpha */
+export interface RadioBoxProps {
+    id: string;
+    entries: RadioBoxEntry[];
+    handler: RadioBoxHandler;
+    name?: string;
+    parent?: HTMLElement;
+    defaultValue?: number | string;
+    vertical?: boolean;
+}
+/** @alpha */
+export interface RadioBox {
+    label?: HTMLLabelElement;
+    setValue: (newValue: number | string) => boolean;
+    div: HTMLDivElement;
+    form: HTMLFormElement;
+}
+/** @alpha */
+export declare function createRadioBox(props: RadioBoxProps): RadioBox;
 //# sourceMappingURL=RadioBox.d.ts.map

package/lib/cjs/ui/RadioBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioBox.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioBox.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH,aAAa;AACb,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,aAAa;AACb,oBAAY,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;AAE7E,aAAa;AACb,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,aAAa;AACb,MAAM,WAAW,QAAQ;IACvB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC;IACjD,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,aAAa;AACb,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,QAAQ,CA4E7D"}
+{"version":3,"file":"RadioBox.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioBox.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH,aAAa;AACb,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,aAAa;AACb,MAAM,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;AAE7E,aAAa;AACb,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,aAAa;AACb,MAAM,WAAW,QAAQ;IACvB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC;IACjD,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,aAAa;AACb,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,QAAQ,CA4E7D"}

package/lib/cjs/ui/RadioBox.js

@@ -1,77 +1,77 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createRadioBox = void 0;
-/** @alpha */
-function createRadioBox(props) {
-    const div = document.createElement("div");
-    let label;
-    if (undefined !== props.name) {
-        label = document.createElement("label");
-        label.htmlFor = props.id;
-        label.innerText = props.name;
-        div.appendChild(label);
-    }
-    const form = document.createElement("form");
-    form.id = props.id;
-    const radioBoxes = [];
-    for (const entry of props.entries) {
-        const input = document.createElement("input");
-        input.type = "radio";
-        input.name = props.name ? props.name : props.id;
-        input.value = (undefined !== entry.value) ? entry.value.toString() : "";
-        const inputLabel = document.createElement("label");
-        inputLabel.innerText = entry.label;
-        inputLabel.onclick = () => {
-            try {
-                input.checked = true;
-                const value = input.value;
-                props.handler(value, form);
-            }
-            catch (_ex) {
-                //
-            }
-        };
-        input.onchange = () => {
-            try {
-                const value = input.value;
-                props.handler(value, form);
-            }
-            catch (_ex) {
-                //
-            }
-        };
-        if (props.defaultValue === entry.value) {
-            input.checked = true;
-        }
-        radioBoxes.push(input);
-        if (props.vertical) {
-            const container = document.createElement("div");
-            container.appendChild(input);
-            container.appendChild(inputLabel);
-            form.appendChild(container);
-        }
-        else {
-            form.appendChild(input);
-            form.appendChild(inputLabel);
-        }
-    }
-    div.appendChild(form);
-    if (undefined !== props.parent)
-        props.parent.appendChild(div);
-    const setValue = (value) => {
-        const stringValue = value.toString();
-        const validValue = radioBoxes.map((input) => input.value).includes(stringValue);
-        if (validValue) {
-            radioBoxes.forEach((input) => input.checked = input.value === stringValue);
-            props.handler(stringValue, form);
-        }
-        return validValue;
-    };
-    return { div, label, setValue, form };
-}
-exports.createRadioBox = createRadioBox;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRadioBox = void 0;
+/** @alpha */
+function createRadioBox(props) {
+    const div = document.createElement("div");
+    let label;
+    if (undefined !== props.name) {
+        label = document.createElement("label");
+        label.htmlFor = props.id;
+        label.innerText = props.name;
+        div.appendChild(label);
+    }
+    const form = document.createElement("form");
+    form.id = props.id;
+    const radioBoxes = [];
+    for (const entry of props.entries) {
+        const input = document.createElement("input");
+        input.type = "radio";
+        input.name = props.name ? props.name : props.id;
+        input.value = (undefined !== entry.value) ? entry.value.toString() : "";
+        const inputLabel = document.createElement("label");
+        inputLabel.innerText = entry.label;
+        inputLabel.onclick = () => {
+            try {
+                input.checked = true;
+                const value = input.value;
+                props.handler(value, form);
+            }
+            catch (_ex) {
+                //
+            }
+        };
+        input.onchange = () => {
+            try {
+                const value = input.value;
+                props.handler(value, form);
+            }
+            catch (_ex) {
+                //
+            }
+        };
+        if (props.defaultValue === entry.value) {
+            input.checked = true;
+        }
+        radioBoxes.push(input);
+        if (props.vertical) {
+            const container = document.createElement("div");
+            container.appendChild(input);
+            container.appendChild(inputLabel);
+            form.appendChild(container);
+        }
+        else {
+            form.appendChild(input);
+            form.appendChild(inputLabel);
+        }
+    }
+    div.appendChild(form);
+    if (undefined !== props.parent)
+        props.parent.appendChild(div);
+    const setValue = (value) => {
+        const stringValue = value.toString();
+        const validValue = radioBoxes.map((input) => input.value).includes(stringValue);
+        if (validValue) {
+            radioBoxes.forEach((input) => input.checked = input.value === stringValue);
+            props.handler(stringValue, form);
+        }
+        return validValue;
+    };
+    return { div, label, setValue, form };
+}
+exports.createRadioBox = createRadioBox;
 //# sourceMappingURL=RadioBox.js.map

package/lib/cjs/ui/Slider.d.ts

@@ -1,29 +1,29 @@
-/** @packageDocumentation
- * @module Controls
- */
-/** @alpha */
-export interface Slider {
-    label: HTMLLabelElement;
-    slider: HTMLInputElement;
-    div: HTMLDivElement;
-    readout: HTMLLabelElement;
-}
-/** @alpha */
-export declare type SliderHandler = (slider: HTMLInputElement) => void;
-/** @alpha */
-export interface SliderProps {
-    name: string;
-    handler: SliderHandler;
-    id: string;
-    parent?: HTMLElement;
-    min: string;
-    max: string;
-    step: string;
-    value: string;
-    verticalAlign?: "middle" | false;
-    textAlign?: "right" | false;
-    readout?: "right" | false;
-}
-/** @alpha */
-export declare function createSlider(props: SliderProps): Slider;
+/** @packageDocumentation
+ * @module Controls
+ */
+/** @alpha */
+export interface Slider {
+    label: HTMLLabelElement;
+    slider: HTMLInputElement;
+    div: HTMLDivElement;
+    readout: HTMLLabelElement;
+}
+/** @alpha */
+export type SliderHandler = (slider: HTMLInputElement) => void;
+/** @alpha */
+export interface SliderProps {
+    name: string;
+    handler: SliderHandler;
+    id: string;
+    parent?: HTMLElement;
+    min: string;
+    max: string;
+    step: string;
+    value: string;
+    verticalAlign?: "middle" | false;
+    textAlign?: "right" | false;
+    readout?: "right" | false;
+}
+/** @alpha */
+export declare function createSlider(props: SliderProps): Slider;
 //# sourceMappingURL=Slider.d.ts.map

package/lib/cjs/ui/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/ui/Slider.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH,aAAa;AACb,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,gBAAgB,CAAC;IACxB,MAAM,EAAE,gBAAgB,CAAC;IACzB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAED,aAAa;AACb,oBAAY,aAAa,GAAG,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAE/D,aAAa;AACb,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,aAAa,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAC3B;AAED,aAAa;AACb,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAuCvD"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/ui/Slider.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH,aAAa;AACb,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,gBAAgB,CAAC;IACxB,MAAM,EAAE,gBAAgB,CAAC;IACzB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAED,aAAa;AACb,MAAM,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAE/D,aAAa;AACb,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,aAAa,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAC3B;AAED,aAAa;AACb,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAuCvD"}