@itwin/frontend-devtools 4.0.0-dev.48 → 4.0.0-dev.51

package/lib/esm/ui/NestedMenu.js

@@ -1,43 +1,43 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Controls
- */
-import { createButton } from "./Button";
-/** @alpha */
-export 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 = 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 };
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Controls
+ */
+import { createButton } from "./Button";
+/** @alpha */
+export 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 = 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 };
+}
 //# sourceMappingURL=NestedMenu.js.map

package/lib/esm/ui/NestedMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedMenu.js","sourceRoot":"","sources":["../../../src/ui/NestedMenu.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAsBxC,aAAa;AACb,MAAM,UAAU,gBAAgB,CAAC,KAAsB;IACrD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,SAAS,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACnF,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAE7C,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACxB,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;IAE5B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,SAAS,GAAG,SAAS,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAE1B,IAAI,UAAU,GAAG,SAAS,KAAK,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IACnE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAEnD,MAAM,gBAAgB,GAAG,YAAY,CAAC;QACpC,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;QAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS;KACzB,CAAC,CAAC;IAEH,MAAM,CAAC,OAAO,GAAG,GAAG,EAAE;QACpB,UAAU,GAAG,CAAC,UAAU,CAAC;QACzB,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QACnD,gBAAgB,CAAC,MAAM,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QACvD,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;YAC7B,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;IAE9C,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjD,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAChC,IAAI,SAAS,KAAK,KAAK,CAAC,EAAE;QACxB,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAEpB,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AAC9B,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n\n/** @packageDocumentation\n * @module Controls\n */\n\nimport { createButton } from \"./Button\";\n\n/** @alpha */\nexport type NestMenuHandler = (expanded: boolean) => void;\n\n/** @alpha */\nexport interface NestedMenuProps {\n  id?: string;\n  label?: string;\n  parent?: HTMLElement;\n  expand?: boolean;\n  handler?: NestMenuHandler;\n  body?: HTMLElement;\n}\n\n/** @alpha */\nexport interface NestedMenu {\n  div: HTMLDivElement;\n  label: HTMLLabelElement;\n  body: HTMLElement;\n}\n\n/** @alpha */\nexport function createNestedMenu(props: NestedMenuProps): NestedMenu {\n  const div = document.createElement(\"div\");\n  const body = undefined !== props.body ? props.body : document.createElement(\"div\");\n  const header = document.createElement(\"div\");\n\n  div.appendChild(header);\n  div.appendChild(body);\n  header.style.width = \"100%\";\n\n  const label = document.createElement(\"label\");\n  label.innerText = undefined !== props.label ? props.label : \"\";\n  header.appendChild(label);\n\n  let isExpanded = undefined !== props.expand ? props.expand : false;\n  body.style.display = isExpanded ? \"block\" : \"none\";\n\n  const toggleMenuButton = createButton({\n    parent: header,\n    inline: true,\n    value: isExpanded ? \"-\" : \"+\",\n    handler: () => undefined,\n  });\n\n  header.onclick = () => {\n    isExpanded = !isExpanded;\n    body.style.display = isExpanded ? \"block\" : \"none\";\n    toggleMenuButton.button.value = isExpanded ? \"-\" : \"+\";\n    if (undefined !== props.handler)\n      props.handler(isExpanded);\n  };\n\n  toggleMenuButton.div.style.cssFloat = \"right\";\n\n  header.appendChild(document.createElement(\"hr\"));\n\n  if (undefined !== props.parent)\n    props.parent.appendChild(div);\n  if (undefined !== props.id)\n    div.id = props.id;\n\n  return { body, label, div };\n}\n"]}
+{"version":3,"file":"NestedMenu.js","sourceRoot":"","sources":["../../../src/ui/NestedMenu.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAsBxC,aAAa;AACb,MAAM,UAAU,gBAAgB,CAAC,KAAsB;IACrD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,SAAS,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACnF,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAE7C,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACxB,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;IAE5B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,SAAS,GAAG,SAAS,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAE1B,IAAI,UAAU,GAAG,SAAS,KAAK,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IACnE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAEnD,MAAM,gBAAgB,GAAG,YAAY,CAAC;QACpC,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;QAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS;KACzB,CAAC,CAAC;IAEH,MAAM,CAAC,OAAO,GAAG,GAAG,EAAE;QACpB,UAAU,GAAG,CAAC,UAAU,CAAC;QACzB,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QACnD,gBAAgB,CAAC,MAAM,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QACvD,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;YAC7B,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;IAE9C,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjD,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAChC,IAAI,SAAS,KAAK,KAAK,CAAC,EAAE;QACxB,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAEpB,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AAC9B,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/** @packageDocumentation\r\n * @module Controls\r\n */\r\n\r\nimport { createButton } from \"./Button\";\r\n\r\n/** @alpha */\r\nexport type NestMenuHandler = (expanded: boolean) => void;\r\n\r\n/** @alpha */\r\nexport interface NestedMenuProps {\r\n  id?: string;\r\n  label?: string;\r\n  parent?: HTMLElement;\r\n  expand?: boolean;\r\n  handler?: NestMenuHandler;\r\n  body?: HTMLElement;\r\n}\r\n\r\n/** @alpha */\r\nexport interface NestedMenu {\r\n  div: HTMLDivElement;\r\n  label: HTMLLabelElement;\r\n  body: HTMLElement;\r\n}\r\n\r\n/** @alpha */\r\nexport function createNestedMenu(props: NestedMenuProps): NestedMenu {\r\n  const div = document.createElement(\"div\");\r\n  const body = undefined !== props.body ? props.body : document.createElement(\"div\");\r\n  const header = document.createElement(\"div\");\r\n\r\n  div.appendChild(header);\r\n  div.appendChild(body);\r\n  header.style.width = \"100%\";\r\n\r\n  const label = document.createElement(\"label\");\r\n  label.innerText = undefined !== props.label ? props.label : \"\";\r\n  header.appendChild(label);\r\n\r\n  let isExpanded = undefined !== props.expand ? props.expand : false;\r\n  body.style.display = isExpanded ? \"block\" : \"none\";\r\n\r\n  const toggleMenuButton = createButton({\r\n    parent: header,\r\n    inline: true,\r\n    value: isExpanded ? \"-\" : \"+\",\r\n    handler: () => undefined,\r\n  });\r\n\r\n  header.onclick = () => {\r\n    isExpanded = !isExpanded;\r\n    body.style.display = isExpanded ? \"block\" : \"none\";\r\n    toggleMenuButton.button.value = isExpanded ? \"-\" : \"+\";\r\n    if (undefined !== props.handler)\r\n      props.handler(isExpanded);\r\n  };\r\n\r\n  toggleMenuButton.div.style.cssFloat = \"right\";\r\n\r\n  header.appendChild(document.createElement(\"hr\"));\r\n\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(div);\r\n  if (undefined !== props.id)\r\n    div.id = props.id;\r\n\r\n  return { body, label, div };\r\n}\r\n"]}

package/lib/esm/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 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;
 //# sourceMappingURL=NumericInput.d.ts.map

package/lib/esm/ui/NumericInput.js

@@ -1,57 +1,57 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @alpha */
-export 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;
-}
-/** @alpha */
-export 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 };
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @alpha */
+export 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;
+}
+/** @alpha */
+export 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 };
+}
 //# sourceMappingURL=NumericInput.js.map

package/lib/esm/ui/NumericInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumericInput.js","sourceRoot":"","sources":["../../../src/ui/NumericInput.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n\n/** @packageDocumentation\n * @module Controls\n */\n\n/** @alpha */\nexport type NumericInputHandler = (value: number, input: HTMLInputElement) => void;\n\n/** @alpha */\nexport interface NumericInputProps {\n  handler: NumericInputHandler;\n  id?: string;\n  parent?: HTMLElement;\n  value: number;\n  display?: \"inline\" | \"none\" | \"block\";\n  disabled?: boolean;\n  min?: number;\n  max?: number;\n  step?: number;\n  tooltip?: string;\n  parseAsFloat?: true;\n}\n\n/** @alpha */\nexport function createNumericInput(props: NumericInputProps, useFloat: boolean = false): HTMLInputElement {\n  const input = document.createElement(\"input\");\n  input.type = \"number\";\n  input.value = props.value.toString();\n\n  input.onchange = () => {\n    try {\n      const value = useFloat ? parseFloat(input.value) : parseInt(input.value, 10);\n      if (!Number.isNaN(value))\n        props.handler(value, input);\n    } catch (_ex) {\n      //\n    }\n  };\n\n  if (undefined !== props.id)\n    input.id = props.id;\n  if (undefined !== props.display)\n    input.style.display = props.display;\n  if (undefined !== props.min)\n    input.min = props.min.toString();\n  if (undefined !== props.max)\n    input.max = props.max.toString();\n  if (undefined !== props.step)\n    input.step = props.step.toString();\n  if (undefined !== props.tooltip)\n    input.title = props.tooltip;\n  if (undefined !== props.disabled)\n    input.disabled = props.disabled;\n  if (undefined !== props.parent)\n    props.parent.appendChild(input);\n\n  return input;\n}\n\n/** @alpha */\nexport interface LabeledNumericInputProps extends NumericInputProps {\n  name: string;\n  id: string;\n  divDisplay?: \"block\" | \"none\" | \"inline\";\n}\n\n/** @alpha */\nexport interface LabeledNumericInput {\n  input: HTMLInputElement;\n  div: HTMLDivElement;\n  label: HTMLLabelElement;\n}\n\n/** @alpha */\nexport function createLabeledNumericInput(props: LabeledNumericInputProps): LabeledNumericInput {\n  const div = document.createElement(\"div\");\n  if (props.divDisplay)\n    div.style.display = props.divDisplay;\n\n  const label = document.createElement(\"label\");\n  label.htmlFor = props.id;\n  label.innerText = props.name;\n  div.appendChild(label);\n\n  const inputProps = { ...props };\n  inputProps.parent = div;\n  inputProps.display = \"inline\";\n  const input = createNumericInput(inputProps, true === props.parseAsFloat);\n\n  if (undefined !== props.parent)\n    props.parent.appendChild(div);\n\n  if (undefined !== props.tooltip)\n    div.title = props.tooltip;\n\n  return { label, div, input };\n}\n"]}
+{"version":3,"file":"NumericInput.js","sourceRoot":"","sources":["../../../src/ui/NumericInput.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/** @packageDocumentation\r\n * @module Controls\r\n */\r\n\r\n/** @alpha */\r\nexport type NumericInputHandler = (value: number, input: HTMLInputElement) => void;\r\n\r\n/** @alpha */\r\nexport interface NumericInputProps {\r\n  handler: NumericInputHandler;\r\n  id?: string;\r\n  parent?: HTMLElement;\r\n  value: number;\r\n  display?: \"inline\" | \"none\" | \"block\";\r\n  disabled?: boolean;\r\n  min?: number;\r\n  max?: number;\r\n  step?: number;\r\n  tooltip?: string;\r\n  parseAsFloat?: true;\r\n}\r\n\r\n/** @alpha */\r\nexport function createNumericInput(props: NumericInputProps, useFloat: boolean = false): HTMLInputElement {\r\n  const input = document.createElement(\"input\");\r\n  input.type = \"number\";\r\n  input.value = props.value.toString();\r\n\r\n  input.onchange = () => {\r\n    try {\r\n      const value = useFloat ? parseFloat(input.value) : parseInt(input.value, 10);\r\n      if (!Number.isNaN(value))\r\n        props.handler(value, input);\r\n    } catch (_ex) {\r\n      //\r\n    }\r\n  };\r\n\r\n  if (undefined !== props.id)\r\n    input.id = props.id;\r\n  if (undefined !== props.display)\r\n    input.style.display = props.display;\r\n  if (undefined !== props.min)\r\n    input.min = props.min.toString();\r\n  if (undefined !== props.max)\r\n    input.max = props.max.toString();\r\n  if (undefined !== props.step)\r\n    input.step = props.step.toString();\r\n  if (undefined !== props.tooltip)\r\n    input.title = props.tooltip;\r\n  if (undefined !== props.disabled)\r\n    input.disabled = props.disabled;\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(input);\r\n\r\n  return input;\r\n}\r\n\r\n/** @alpha */\r\nexport interface LabeledNumericInputProps extends NumericInputProps {\r\n  name: string;\r\n  id: string;\r\n  divDisplay?: \"block\" | \"none\" | \"inline\";\r\n}\r\n\r\n/** @alpha */\r\nexport interface LabeledNumericInput {\r\n  input: HTMLInputElement;\r\n  div: HTMLDivElement;\r\n  label: HTMLLabelElement;\r\n}\r\n\r\n/** @alpha */\r\nexport function createLabeledNumericInput(props: LabeledNumericInputProps): LabeledNumericInput {\r\n  const div = document.createElement(\"div\");\r\n  if (props.divDisplay)\r\n    div.style.display = props.divDisplay;\r\n\r\n  const label = document.createElement(\"label\");\r\n  label.htmlFor = props.id;\r\n  label.innerText = props.name;\r\n  div.appendChild(label);\r\n\r\n  const inputProps = { ...props };\r\n  inputProps.parent = div;\r\n  inputProps.display = \"inline\";\r\n  const input = createNumericInput(inputProps, true === props.parseAsFloat);\r\n\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(div);\r\n\r\n  if (undefined !== props.tooltip)\r\n    div.title = props.tooltip;\r\n\r\n  return { label, div, input };\r\n}\r\n"]}

package/lib/esm/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 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;
 //# sourceMappingURL=RadioBox.d.ts.map

package/lib/esm/ui/RadioBox.js

@@ -1,73 +1,73 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @alpha */
-export 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 };
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @alpha */
+export 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 };
+}
 //# sourceMappingURL=RadioBox.js.map

package/lib/esm/ui/RadioBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioBox.js","sourceRoot":"","sources":["../../../src/ui/RadioBox.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n\n/** @packageDocumentation\n * @module Controls\n */\n\n/** @alpha */\nexport interface RadioBoxEntry {\n  value: number | string | undefined;\n  label: string;\n}\n\n/** @alpha */\nexport type RadioBoxHandler = (value: string, form: HTMLFormElement) => void;\n\n/** @alpha */\nexport interface RadioBoxProps {\n  id: string;\n  entries: RadioBoxEntry[];\n  handler: RadioBoxHandler;\n  name?: string;\n  parent?: HTMLElement;\n  defaultValue?: number | string;\n  vertical?: boolean;\n}\n\n/** @alpha */\nexport interface RadioBox {\n  label?: HTMLLabelElement;\n  setValue: (newValue: number | string) => boolean;\n  div: HTMLDivElement;\n  form: HTMLFormElement;\n}\n\n/** @alpha */\nexport function createRadioBox(props: RadioBoxProps): RadioBox {\n  const div = document.createElement(\"div\");\n\n  let label: HTMLLabelElement | undefined;\n  if (undefined !== props.name) {\n    label = document.createElement(\"label\");\n    label.htmlFor = props.id;\n    label.innerText = props.name;\n    div.appendChild(label);\n  }\n\n  const form = document.createElement(\"form\");\n  form.id = props.id;\n\n  const radioBoxes: HTMLInputElement[] = [];\n\n  for (const entry of props.entries) {\n    const input = document.createElement(\"input\");\n    input.type = \"radio\";\n    input.name = props.name ? props.name : props.id;\n\n    input.value = (undefined !== entry.value) ? entry.value.toString() : \"\";\n\n    const inputLabel: HTMLLabelElement = document.createElement(\"label\");\n    inputLabel.innerText = entry.label;\n\n    inputLabel.onclick = () => {\n      try {\n        input.checked = true;\n        const value = input.value;\n        props.handler(value, form);\n      } catch (_ex) {\n        //\n      }\n    };\n\n    input.onchange = () => {\n      try {\n        const value = input.value;\n        props.handler(value, form);\n      } catch (_ex) {\n        //\n      }\n    };\n    if (props.defaultValue === entry.value) {\n      input.checked = true;\n    }\n\n    radioBoxes.push(input);\n\n    if (props.vertical) {\n      const container = document.createElement(\"div\");\n      container.appendChild(input);\n      container.appendChild(inputLabel);\n      form.appendChild(container);\n    } else {\n      form.appendChild(input);\n      form.appendChild(inputLabel);\n    }\n  }\n\n  div.appendChild(form);\n  if (undefined !== props.parent)\n    props.parent.appendChild(div);\n\n  const setValue = (value: number | string): boolean => {\n    const stringValue = value.toString();\n    const validValue: boolean = radioBoxes.map((input) => input.value).includes(stringValue);\n    if (validValue) {\n      radioBoxes.forEach((input) => input.checked = input.value === stringValue);\n      props.handler(stringValue, form);\n    }\n    return validValue;\n  };\n\n  return { div, label, setValue, form };\n}\n"]}
+{"version":3,"file":"RadioBox.js","sourceRoot":"","sources":["../../../src/ui/RadioBox.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n/** @packageDocumentation\r\n * @module Controls\r\n */\r\n\r\n/** @alpha */\r\nexport interface RadioBoxEntry {\r\n  value: number | string | undefined;\r\n  label: string;\r\n}\r\n\r\n/** @alpha */\r\nexport type RadioBoxHandler = (value: string, form: HTMLFormElement) => void;\r\n\r\n/** @alpha */\r\nexport interface RadioBoxProps {\r\n  id: string;\r\n  entries: RadioBoxEntry[];\r\n  handler: RadioBoxHandler;\r\n  name?: string;\r\n  parent?: HTMLElement;\r\n  defaultValue?: number | string;\r\n  vertical?: boolean;\r\n}\r\n\r\n/** @alpha */\r\nexport interface RadioBox {\r\n  label?: HTMLLabelElement;\r\n  setValue: (newValue: number | string) => boolean;\r\n  div: HTMLDivElement;\r\n  form: HTMLFormElement;\r\n}\r\n\r\n/** @alpha */\r\nexport function createRadioBox(props: RadioBoxProps): RadioBox {\r\n  const div = document.createElement(\"div\");\r\n\r\n  let label: HTMLLabelElement | undefined;\r\n  if (undefined !== props.name) {\r\n    label = document.createElement(\"label\");\r\n    label.htmlFor = props.id;\r\n    label.innerText = props.name;\r\n    div.appendChild(label);\r\n  }\r\n\r\n  const form = document.createElement(\"form\");\r\n  form.id = props.id;\r\n\r\n  const radioBoxes: HTMLInputElement[] = [];\r\n\r\n  for (const entry of props.entries) {\r\n    const input = document.createElement(\"input\");\r\n    input.type = \"radio\";\r\n    input.name = props.name ? props.name : props.id;\r\n\r\n    input.value = (undefined !== entry.value) ? entry.value.toString() : \"\";\r\n\r\n    const inputLabel: HTMLLabelElement = document.createElement(\"label\");\r\n    inputLabel.innerText = entry.label;\r\n\r\n    inputLabel.onclick = () => {\r\n      try {\r\n        input.checked = true;\r\n        const value = input.value;\r\n        props.handler(value, form);\r\n      } catch (_ex) {\r\n        //\r\n      }\r\n    };\r\n\r\n    input.onchange = () => {\r\n      try {\r\n        const value = input.value;\r\n        props.handler(value, form);\r\n      } catch (_ex) {\r\n        //\r\n      }\r\n    };\r\n    if (props.defaultValue === entry.value) {\r\n      input.checked = true;\r\n    }\r\n\r\n    radioBoxes.push(input);\r\n\r\n    if (props.vertical) {\r\n      const container = document.createElement(\"div\");\r\n      container.appendChild(input);\r\n      container.appendChild(inputLabel);\r\n      form.appendChild(container);\r\n    } else {\r\n      form.appendChild(input);\r\n      form.appendChild(inputLabel);\r\n    }\r\n  }\r\n\r\n  div.appendChild(form);\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(div);\r\n\r\n  const setValue = (value: number | string): boolean => {\r\n    const stringValue = value.toString();\r\n    const validValue: boolean = radioBoxes.map((input) => input.value).includes(stringValue);\r\n    if (validValue) {\r\n      radioBoxes.forEach((input) => input.checked = input.value === stringValue);\r\n      props.handler(stringValue, form);\r\n    }\r\n    return validValue;\r\n  };\r\n\r\n  return { div, label, setValue, form };\r\n}\r\n"]}

package/lib/esm/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 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;
 //# sourceMappingURL=Slider.d.ts.map