@itwin/frontend-devtools 3.0.0-dev.72

package/lib/tools/parseBoolean.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseBoolean.js","sourceRoot":"","sources":["../../src/tools/parseBoolean.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AAE/F;;GAEG;AAEH;;;GAGG;AACH,SAAgB,YAAY,CAAC,GAAuB;IAClD,IAAI,SAAS,KAAK,GAAG;QACnB,OAAO,SAAS,CAAC;IAEnB,QAAQ,GAAG,CAAC,WAAW,EAAE,EAAE;QACzB,KAAK,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC;QACvB,KAAK,MAAM,CAAC,CAAC,OAAO,IAAI,CAAC;QACzB,KAAK,KAAK,CAAC,CAAC,OAAO,KAAK,CAAC;QACzB,KAAK,OAAO,CAAC,CAAC,OAAO,KAAK,CAAC;QAC3B,OAAO,CAAC,CAAC,OAAO,SAAS,CAAC;KAC3B;AACH,CAAC;AAXD,oCAWC","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 Utilities\r\n */\r\n\r\n/** Parses a string case-insensitively returning true for \"ON\" or \"TRUE\", false for \"OFF\" or \"FALSE\" and undefined otherwise.\r\n * Used by various tools which take such arguments.\r\n * @beta\r\n */\r\nexport function parseBoolean(arg: string | undefined): boolean | undefined {\r\n  if (undefined === arg)\r\n    return undefined;\r\n\r\n  switch (arg.toLowerCase()) {\r\n    case \"on\": return true;\r\n    case \"true\": return true;\r\n    case \"off\": return false;\r\n    case \"false\": return false;\r\n    default: return undefined;\r\n  }\r\n}\r\n"]}

package/lib/tools/parseToggle.d.ts

@@ -0,0 +1,9 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+/** Parses a string case-insensitively returning true for "ON", false for "OFF" undefined for "TOGGLE" or undefined, and the input string for anything else
+ * Used by various tools which take such arguments.
+ * @beta
+ */
+export declare function parseToggle(arg: string | undefined): string | boolean | undefined;
+//# sourceMappingURL=parseToggle.d.ts.map

package/lib/tools/parseToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseToggle.d.ts","sourceRoot":"","sources":["../../src/tools/parseToggle.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH;;;GAGG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAUjF"}

package/lib/tools/parseToggle.js

@@ -0,0 +1,26 @@
+"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.parseToggle = void 0;
+/** @packageDocumentation
+ * @module Utilities
+ */
+/** Parses a string case-insensitively returning true for "ON", false for "OFF" undefined for "TOGGLE" or undefined, and the input string for anything else
+ * Used by various tools which take such arguments.
+ * @beta
+ */
+function parseToggle(arg) {
+    if (undefined === arg)
+        return undefined;
+    switch (arg.toLowerCase()) {
+        case "on": return true;
+        case "off": return false;
+        case "toggle": return undefined;
+        default: return arg;
+    }
+}
+exports.parseToggle = parseToggle;
+//# sourceMappingURL=parseToggle.js.map

package/lib/tools/parseToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseToggle.js","sourceRoot":"","sources":["../../src/tools/parseToggle.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AAE/F;;GAEG;AAEH;;;GAGG;AACH,SAAgB,WAAW,CAAC,GAAuB;IACjD,IAAI,SAAS,KAAK,GAAG;QACnB,OAAO,SAAS,CAAC;IAEnB,QAAQ,GAAG,CAAC,WAAW,EAAE,EAAE;QACzB,KAAK,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC;QACvB,KAAK,KAAK,CAAC,CAAC,OAAO,KAAK,CAAC;QACzB,KAAK,QAAQ,CAAC,CAAC,OAAO,SAAS,CAAC;QAChC,OAAO,CAAC,CAAC,OAAO,GAAG,CAAC;KACrB;AACH,CAAC;AAVD,kCAUC","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 Utilities\r\n */\r\n\r\n/** Parses a string case-insensitively returning true for \"ON\", false for \"OFF\" undefined for \"TOGGLE\" or undefined, and the input string for anything else\r\n * Used by various tools which take such arguments.\r\n * @beta\r\n */\r\nexport function parseToggle(arg: string | undefined): string | boolean | undefined {\r\n  if (undefined === arg)\r\n    return undefined;\r\n\r\n  switch (arg.toLowerCase()) {\r\n    case \"on\": return true;\r\n    case \"off\": return false;\r\n    case \"toggle\": return undefined;\r\n    default: return arg;\r\n  }\r\n}\r\n"]}

package/lib/ui/Button.d.ts

@@ -0,0 +1,30 @@
+/** @packageDocumentation
+ * @module Controls
+ */
+/** Wraps an HTML button
+ * @alpha
+ */
+export interface Button {
+    button: HTMLInputElement;
+    div: HTMLElement;
+}
+/** Callback invoked by Button when clicked.
+ * @alpha
+ */
+export declare type ButtonHandler = (button: HTMLInputElement) => void;
+/** Describes how to create a Button.
+ * @alpha
+ */
+export interface ButtonProps {
+    handler: ButtonHandler;
+    id?: string;
+    parent?: HTMLElement;
+    value: string;
+    inline?: boolean;
+    tooltip?: string;
+}
+/** Creates a Button as specified by the ButtonProps.
+ * @alpha
+ */
+export declare function createButton(props: ButtonProps): Button;
+//# sourceMappingURL=Button.d.ts.map

package/lib/ui/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/ui/Button.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH;;GAEG;AACH,MAAM,WAAW,MAAM;IACrB,MAAM,EAAE,gBAAgB,CAAC;IACzB,GAAG,EAAE,WAAW,CAAC;CAClB;AAED;;GAEG;AACH,oBAAY,aAAa,GAAG,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,aAAa,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAcvD"}

package/lib/ui/Button.js

@@ -0,0 +1,27 @@
+"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.createButton = void 0;
+/** Creates a Button as specified by the ButtonProps.
+ * @alpha
+ */
+function createButton(props) {
+    const div = document.createElement(props.inline ? "span" : "div");
+    const button = document.createElement("input");
+    button.type = "button";
+    button.value = props.value;
+    button.addEventListener("click", () => props.handler(button));
+    div.appendChild(button);
+    if (undefined !== props.id)
+        button.id = props.id;
+    if (undefined !== props.tooltip)
+        div.title = props.tooltip;
+    if (undefined !== props.parent)
+        props.parent.appendChild(div);
+    return { button, div };
+}
+exports.createButton = createButton;
+//# sourceMappingURL=Button.js.map

package/lib/ui/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/ui/Button.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AA+B/F;;GAEG;AACH,SAAgB,YAAY,CAAC,KAAkB;IAC7C,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAElE,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/C,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC3B,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9D,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAExB,IAAI,SAAS,KAAK,KAAK,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IACjD,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;QAAE,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC3D,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAE9D,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AACzB,CAAC;AAdD,oCAcC","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/** Wraps an HTML button\n * @alpha\n */\nexport interface Button {\n  button: HTMLInputElement;\n  div: HTMLElement;\n}\n\n/** Callback invoked by Button when clicked.\n * @alpha\n */\nexport type ButtonHandler = (button: HTMLInputElement) => void;\n\n/** Describes how to create a Button.\n * @alpha\n */\nexport interface ButtonProps {\n  handler: ButtonHandler;\n  id?: string;\n  parent?: HTMLElement;\n  value: string;\n  inline?: boolean;\n  tooltip?: string;\n}\n\n/** Creates a Button as specified by the ButtonProps.\n * @alpha\n */\nexport function createButton(props: ButtonProps): Button {\n  const div = document.createElement(props.inline ? \"span\" : \"div\");\n\n  const button = document.createElement(\"input\");\n  button.type = \"button\";\n  button.value = props.value;\n  button.addEventListener(\"click\", () => props.handler(button));\n  div.appendChild(button);\n\n  if (undefined !== props.id) button.id = props.id;\n  if (undefined !== props.tooltip) div.title = props.tooltip;\n  if (undefined !== props.parent) props.parent.appendChild(div);\n\n  return { button, div };\n}\n"]}

package/lib/ui/CheckBox.d.ts

@@ -0,0 +1,24 @@
+/** @packageDocumentation
+ * @module Controls
+ */
+/** @alpha */
+export interface CheckBox {
+    label: HTMLLabelElement;
+    checkbox: HTMLInputElement;
+    div: HTMLDivElement;
+}
+/** @alpha */
+export declare type CheckBoxHandler = (checkbox: HTMLInputElement) => void;
+/** @alpha */
+export interface CheckBoxProps {
+    name: string;
+    handler: CheckBoxHandler;
+    id: string;
+    parent?: HTMLElement;
+    isChecked?: boolean;
+    typeOverride?: string;
+    tooltip?: string;
+}
+/** @alpha */
+export declare function createCheckBox(props: CheckBoxProps): CheckBox;
+//# sourceMappingURL=CheckBox.d.ts.map

package/lib/ui/CheckBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../src/ui/CheckBox.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH,aAAa;AACb,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,GAAG,EAAE,cAAc,CAAC;CACrB;AAED,aAAa;AACb,oBAAY,eAAe,GAAG,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAEnE,aAAa;AACb,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,eAAe,CAAC;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,aAAa;AACb,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,QAAQ,CAsB7D"}

package/lib/ui/CheckBox.js

@@ -0,0 +1,28 @@
+"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.createCheckBox = void 0;
+/** @alpha */
+function createCheckBox(props) {
+    const div = document.createElement("div");
+    const checkbox = document.createElement("input");
+    checkbox.type = props.typeOverride ? props.typeOverride : "checkbox";
+    checkbox.id = props.id;
+    checkbox.checked = !!props.isChecked;
+    checkbox.addEventListener("click", () => props.handler(checkbox));
+    div.appendChild(checkbox);
+    const label = document.createElement("label");
+    label.htmlFor = props.id;
+    label.innerText = props.name;
+    div.appendChild(label);
+    if (undefined !== props.parent)
+        props.parent.appendChild(div);
+    if (undefined !== props.tooltip)
+        div.title = props.tooltip;
+    return { label, checkbox, div };
+}
+exports.createCheckBox = createCheckBox;
+//# sourceMappingURL=CheckBox.js.map

package/lib/ui/CheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../src/ui/CheckBox.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AA2B/F,aAAa;AACb,SAAgB,cAAc,CAAC,KAAoB;IACjD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAE1C,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACjD,QAAQ,CAAC,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;IACrE,QAAQ,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IACvB,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;IACrC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAClE,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAE1B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC;IACzB,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC;IAC7B,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAEvB,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEhC,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;QAC7B,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAE5B,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC;AAClC,CAAC;AAtBD,wCAsBC","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 CheckBox {\n  label: HTMLLabelElement;\n  checkbox: HTMLInputElement;\n  div: HTMLDivElement;\n}\n\n/** @alpha */\nexport type CheckBoxHandler = (checkbox: HTMLInputElement) => void;\n\n/** @alpha */\nexport interface CheckBoxProps {\n  name: string;\n  handler: CheckBoxHandler;\n  id: string;\n  parent?: HTMLElement;\n  isChecked?: boolean;\n  typeOverride?: string;\n  tooltip?: string;\n}\n\n/** @alpha */\nexport function createCheckBox(props: CheckBoxProps): CheckBox {\n  const div = document.createElement(\"div\");\n\n  const checkbox = document.createElement(\"input\");\n  checkbox.type = props.typeOverride ? props.typeOverride : \"checkbox\";\n  checkbox.id = props.id;\n  checkbox.checked = !!props.isChecked;\n  checkbox.addEventListener(\"click\", () => props.handler(checkbox));\n  div.appendChild(checkbox);\n\n  const label = document.createElement(\"label\");\n  label.htmlFor = props.id;\n  label.innerText = props.name;\n  div.appendChild(label);\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, checkbox, div };\n}\n"]}

package/lib/ui/ColorInput.d.ts

@@ -0,0 +1,28 @@
+/** @packageDocumentation
+ * @module Controls
+ */
+import { RgbColor } from "@itwin/core-common";
+/** @alpha */
+export declare type ColorInputHandler = (value: string) => void;
+/** @alpha */
+export interface ColorInputProps {
+    handler: ColorInputHandler;
+    value: string;
+    id?: string;
+    label?: string;
+    parent?: HTMLElement;
+    display?: "inline" | "none" | "block";
+    disabled?: boolean;
+    tooltip?: string;
+}
+/** @alpha */
+export interface ColorInput {
+    div: HTMLDivElement;
+    input: HTMLInputElement;
+    label?: HTMLLabelElement;
+}
+/** @alpha */
+export declare function convertHexToRgb(hex: string): RgbColor | undefined;
+/** @alpha */
+export declare function createColorInput(props: ColorInputProps): ColorInput;
+//# sourceMappingURL=ColorInput.d.ts.map

package/lib/ui/ColorInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorInput.d.ts","sourceRoot":"","sources":["../../src/ui/ColorInput.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,aAAa;AACb,oBAAY,iBAAiB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAExD,aAAa;AACb,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,aAAa;AACb,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,cAAc,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED,aAAa;AACb,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAQjE;AAED,aAAa;AACb,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,eAAe,GAAG,UAAU,CAgCnE"}

package/lib/ui/ColorInput.js

@@ -0,0 +1,54 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createColorInput = exports.convertHexToRgb = void 0;
+const core_common_1 = require("@itwin/core-common");
+/** @alpha */
+function convertHexToRgb(hex) {
+    // Parse a hex color string formatted as "#FFFFFF"
+    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    return result ? new core_common_1.RgbColor(parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)) : undefined;
+}
+exports.convertHexToRgb = convertHexToRgb;
+/** @alpha */
+function createColorInput(props) {
+    const inputDiv = document.createElement("div");
+    const colorInput = document.createElement("input");
+    colorInput.type = "color";
+    colorInput.value = props.value;
+    colorInput.onchange = () => {
+        try {
+            const value = colorInput.value;
+            props.handler(value);
+        }
+        catch (_ex) {
+            //
+        }
+    };
+    let colorLabel;
+    if (undefined !== props.label) {
+        colorLabel = document.createElement("label");
+        colorLabel.innerText = `${props.label} `;
+        inputDiv.appendChild(colorLabel);
+    }
+    inputDiv.appendChild(colorInput);
+    if (undefined !== props.display)
+        inputDiv.style.display = props.display;
+    if (undefined !== props.id)
+        colorInput.id = props.id;
+    if (undefined !== props.tooltip)
+        colorInput.title = props.tooltip;
+    if (undefined !== props.disabled)
+        colorInput.disabled = props.disabled;
+    if (undefined !== props.parent)
+        props.parent.appendChild(inputDiv);
+    return undefined !== colorLabel ? { div: inputDiv, input: colorInput, label: colorLabel } : { div: inputDiv, input: colorInput };
+}
+exports.createColorInput = createColorInput;
+//# sourceMappingURL=ColorInput.js.map

package/lib/ui/ColorInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorInput.js","sourceRoot":"","sources":["../../src/ui/ColorInput.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,oDAA8C;AAwB9C,aAAa;AACb,SAAgB,eAAe,CAAC,GAAW;IACzC,kDAAkD;IAClD,MAAM,MAAM,GAAG,2CAA2C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrE,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,sBAAQ,CAC1B,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EACvB,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EACvB,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACxB,CAAC,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC;AARD,0CAQC;AAED,aAAa;AACb,SAAgB,gBAAgB,CAAC,KAAsB;IAErD,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACnD,UAAU,CAAC,IAAI,GAAG,OAAO,CAAC;IAC1B,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAE/B,UAAU,CAAC,QAAQ,GAAG,GAAG,EAAE;QACzB,IAAI;YACF,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC;YAC/B,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;SACtB;QAAC,OAAO,GAAG,EAAE;YACZ,EAAE;SACH;IACH,CAAC,CAAC;IACF,IAAI,UAA4B,CAAC;IAEjC,IAAI,SAAS,KAAK,KAAK,CAAC,KAAK,EAAE;QAC7B,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC7C,UAAU,CAAC,SAAS,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC;QACzC,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;KAClC;IACD,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAEjC,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;QAAE,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IACxE,IAAI,SAAS,KAAK,KAAK,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IACrD,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;QAAE,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAClE,IAAI,SAAS,KAAK,KAAK,CAAC,QAAQ;QAAE,UAAU,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IACvE,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEnE,OAAO,SAAS,KAAK,UAAW,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAW,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;AACrI,CAAC;AAhCD,4CAgCC","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/** @packageDocumentation\n * @module Controls\n */\n\nimport { RgbColor } from \"@itwin/core-common\";\n\n/** @alpha */\nexport type ColorInputHandler = (value: string) => void;\n\n/** @alpha */\nexport interface ColorInputProps {\n  handler: ColorInputHandler;\n  value: string;\n  id?: string;\n  label?: string;\n  parent?: HTMLElement;\n  display?: \"inline\" | \"none\" | \"block\";\n  disabled?: boolean;\n  tooltip?: string;\n}\n\n/** @alpha */\nexport interface ColorInput {\n  div: HTMLDivElement;\n  input: HTMLInputElement;\n  label?: HTMLLabelElement;\n}\n\n/** @alpha */\nexport function convertHexToRgb(hex: string): RgbColor | undefined {\n  // Parse a hex color string formatted as \"#FFFFFF\"\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n  return result ? new RgbColor(\n    parseInt(result[1], 16),\n    parseInt(result[2], 16),\n    parseInt(result[3], 16),\n  ) : undefined;\n}\n\n/** @alpha */\nexport function createColorInput(props: ColorInputProps): ColorInput {\n\n  const inputDiv = document.createElement(\"div\");\n\n  const colorInput = document.createElement(\"input\");\n  colorInput.type = \"color\";\n  colorInput.value = props.value;\n\n  colorInput.onchange = () => {\n    try {\n      const value = colorInput.value;\n      props.handler(value);\n    } catch (_ex) {\n      //\n    }\n  };\n  let colorLabel: HTMLLabelElement;\n\n  if (undefined !== props.label) {\n    colorLabel = document.createElement(\"label\");\n    colorLabel.innerText = `${props.label} `;\n    inputDiv.appendChild(colorLabel);\n  }\n  inputDiv.appendChild(colorInput);\n\n  if (undefined !== props.display) inputDiv.style.display = props.display;\n  if (undefined !== props.id) colorInput.id = props.id;\n  if (undefined !== props.tooltip) colorInput.title = props.tooltip;\n  if (undefined !== props.disabled) colorInput.disabled = props.disabled;\n  if (undefined !== props.parent) props.parent.appendChild(inputDiv);\n\n  return undefined !== colorLabel! ? { div: inputDiv, input: colorInput, label: colorLabel! } : { div: inputDiv, input: colorInput };\n}\n"]}

package/lib/ui/ComboBox.d.ts

@@ -0,0 +1,29 @@
+/** @packageDocumentation
+ * @module Controls
+ */
+/** @alpha */
+export interface ComboBoxEntry {
+    name: string;
+    value: number | string | undefined;
+}
+/** @alpha */
+export declare type ComboBoxHandler = (select: HTMLSelectElement) => void;
+/** @alpha */
+export interface ComboBoxProps {
+    name?: string;
+    id: string;
+    entries: ComboBoxEntry[];
+    parent?: HTMLElement;
+    handler?: ComboBoxHandler;
+    value?: number | string;
+    tooltip?: string;
+}
+/** @alpha */
+export interface ComboBox {
+    label?: HTMLLabelElement;
+    select: HTMLSelectElement;
+    div: HTMLDivElement;
+}
+/** @alpha */
+export declare function createComboBox(props: ComboBoxProps): ComboBox;
+//# sourceMappingURL=ComboBox.d.ts.map

package/lib/ui/ComboBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../src/ui/ComboBox.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH,aAAa;AACb,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACpC;AAED,aAAa;AACb,oBAAY,eAAe,GAAG,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;AAElE,aAAa;AACb,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,aAAa;AACb,MAAM,WAAW,QAAQ;IACvB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,GAAG,EAAE,cAAc,CAAC;CACrB;AAUD,aAAa;AACb,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,QAAQ,CAiC7D"}

package/lib/ui/ComboBox.js

@@ -0,0 +1,43 @@
+"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.createComboBox = void 0;
+function _appendComboBoxEntry(select, entry) {
+    const option = document.createElement("option");
+    option.innerText = entry.name;
+    if (undefined !== entry.value)
+        option.value = entry.value.toString();
+    select.appendChild(option);
+}
+/** @alpha */
+function createComboBox(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 select = document.createElement("select");
+    select.id = props.id;
+    for (const entry of props.entries) {
+        _appendComboBoxEntry(select, entry);
+    }
+    if (undefined !== props.value)
+        select.value = props.value.toString();
+    const handler = props.handler;
+    if (undefined !== handler)
+        select.onchange = () => handler(select);
+    if (undefined !== props.tooltip)
+        div.title = props.tooltip;
+    div.appendChild(select);
+    if (undefined !== props.parent)
+        props.parent.appendChild(div);
+    return { div, label, select };
+}
+exports.createComboBox = createComboBox;
+//# sourceMappingURL=ComboBox.js.map

package/lib/ui/ComboBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.js","sourceRoot":"","sources":["../../src/ui/ComboBox.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AAiC/F,SAAS,oBAAoB,CAAC,MAAyB,EAAE,KAAoB;IAC3E,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC;IAC9B,IAAI,SAAS,KAAK,KAAK,CAAC,KAAK;QAC3B,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IACxC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AAC7B,CAAC;AAED,aAAa;AACb,SAAgB,cAAc,CAAC,KAAoB;IACjD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAE1C,IAAI,KAAmC,CAAC;IACxC,IAAI,SAAS,KAAK,KAAK,CAAC,IAAI,EAAE;QAC5B,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACxC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC;QACzB,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC;QAC7B,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KACxB;IAED,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAErB,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,OAAO,EAAE;QACjC,oBAAoB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;KACrC;IAED,IAAI,SAAS,KAAK,KAAK,CAAC,KAAK;QAC3B,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IAExC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC9B,IAAI,SAAS,KAAK,OAAO;QACvB,MAAM,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAE1C,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;QAC7B,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAE5B,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACxB,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEhC,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAChC,CAAC;AAjCD,wCAiCC","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 ComboBoxEntry {\n  name: string;\n  value: number | string | undefined;\n}\n\n/** @alpha */\nexport type ComboBoxHandler = (select: HTMLSelectElement) => void;\n\n/** @alpha */\nexport interface ComboBoxProps {\n  name?: string;\n  id: string;\n  entries: ComboBoxEntry[];\n  parent?: HTMLElement;\n  handler?: ComboBoxHandler;\n  value?: number | string;\n  tooltip?: string;\n}\n\n/** @alpha */\nexport interface ComboBox {\n  label?: HTMLLabelElement;\n  select: HTMLSelectElement;\n  div: HTMLDivElement;\n}\n\nfunction _appendComboBoxEntry(select: HTMLSelectElement, entry: ComboBoxEntry) {\n  const option = document.createElement(\"option\");\n  option.innerText = entry.name;\n  if (undefined !== entry.value)\n    option.value = entry.value.toString();\n  select.appendChild(option);\n}\n\n/** @alpha */\nexport function createComboBox(props: ComboBoxProps): ComboBox {\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 select = document.createElement(\"select\");\n  select.id = props.id;\n\n  for (const entry of props.entries) {\n    _appendComboBoxEntry(select, entry);\n  }\n\n  if (undefined !== props.value)\n    select.value = props.value.toString();\n\n  const handler = props.handler;\n  if (undefined !== handler)\n    select.onchange = () => handler(select);\n\n  if (undefined !== props.tooltip)\n    div.title = props.tooltip;\n\n  div.appendChild(select);\n  if (undefined !== props.parent)\n    props.parent.appendChild(div);\n\n  return { div, label, select };\n}\n"]}

package/lib/ui/DataList.d.ts

@@ -0,0 +1,28 @@
+/** @packageDocumentation
+ * @module Controls
+ */
+/** @alpha */
+export interface DataListEntry {
+    value: number | string | undefined;
+}
+/** @alpha */
+export declare type DataListHandler = (list: HTMLDataListElement) => void;
+/** @alpha */
+export interface DataListProps {
+    name?: string;
+    id: string;
+    entries: DataListEntry[];
+    parent?: HTMLElement;
+    handler?: DataListHandler;
+    inline?: boolean;
+}
+/** @alpha */
+export interface DataList {
+    list: HTMLDataListElement;
+    div: HTMLDivElement;
+}
+/** @alpha */
+export declare function appendDataListEntries(dl: DataList, entries: DataListEntry[]): void;
+/** @alpha */
+export declare function createDataList(props: DataListProps): DataList;
+//# sourceMappingURL=DataList.d.ts.map

package/lib/ui/DataList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataList.d.ts","sourceRoot":"","sources":["../../src/ui/DataList.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH,aAAa;AACb,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACpC;AAED,aAAa;AACb,oBAAY,eAAe,GAAG,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;AAElE,aAAa;AACb,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,aAAa;AACb,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,GAAG,EAAE,cAAc,CAAC;CACrB;AASD,aAAa;AACb,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,QAI3E;AAED,aAAa;AACb,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,QAAQ,CAqB7D"}

package/lib/ui/DataList.js

@@ -0,0 +1,40 @@
+"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.createDataList = exports.appendDataListEntries = void 0;
+function _appendDataListEntry(list, entry) {
+    const option = document.createElement("option");
+    if (undefined !== entry.value)
+        option.value = entry.value.toString();
+    list.appendChild(option);
+}
+/** @alpha */
+function appendDataListEntries(dl, entries) {
+    for (const entry of entries) {
+        _appendDataListEntry(dl.list, entry);
+    }
+}
+exports.appendDataListEntries = appendDataListEntries;
+/** @alpha */
+function createDataList(props) {
+    const list = document.createElement("datalist");
+    list.id = props.id;
+    for (const entry of props.entries) {
+        _appendDataListEntry(list, entry);
+    }
+    const handler = props.handler;
+    if (undefined !== handler)
+        list.onselect = () => handler(list);
+    const div = document.createElement("div");
+    if (props.inline)
+        div.style.display = "inline";
+    div.appendChild(list);
+    if (undefined !== props.parent)
+        props.parent.appendChild(div);
+    return { div, list };
+}
+exports.createDataList = createDataList;
+//# sourceMappingURL=DataList.js.map

package/lib/ui/DataList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataList.js","sourceRoot":"","sources":["../../src/ui/DataList.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AA8B/F,SAAS,oBAAoB,CAAC,IAAyB,EAAE,KAAoB;IAC3E,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,IAAI,SAAS,KAAK,KAAK,CAAC,KAAK;QAC3B,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IACxC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AAC3B,CAAC;AAED,aAAa;AACb,SAAgB,qBAAqB,CAAC,EAAY,EAAE,OAAwB;IAC1E,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE;QAC3B,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KACtC;AACH,CAAC;AAJD,sDAIC;AAED,aAAa;AACb,SAAgB,cAAc,CAAC,KAAoB;IACjD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAEnB,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,OAAO,EAAE;QACjC,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KACnC;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC9B,IAAI,SAAS,KAAK,OAAO;QACvB,IAAI,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAEtC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,IAAI,KAAK,CAAC,MAAM;QACd,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEhC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;AACvB,CAAC;AArBD,wCAqBC","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 DataListEntry {\r\n  value: number | string | undefined;\r\n}\r\n\r\n/** @alpha */\r\nexport type DataListHandler = (list: HTMLDataListElement) => void;\r\n\r\n/** @alpha */\r\nexport interface DataListProps {\r\n  name?: string;\r\n  id: string;\r\n  entries: DataListEntry[];\r\n  parent?: HTMLElement;\r\n  handler?: DataListHandler;\r\n  inline?: boolean;\r\n}\r\n\r\n/** @alpha */\r\nexport interface DataList {\r\n  list: HTMLDataListElement;\r\n  div: HTMLDivElement;\r\n}\r\n\r\nfunction _appendDataListEntry(list: HTMLDataListElement, entry: DataListEntry) {\r\n  const option = document.createElement(\"option\");\r\n  if (undefined !== entry.value)\r\n    option.value = entry.value.toString();\r\n  list.appendChild(option);\r\n}\r\n\r\n/** @alpha */\r\nexport function appendDataListEntries(dl: DataList, entries: DataListEntry[]) {\r\n  for (const entry of entries) {\r\n    _appendDataListEntry(dl.list, entry);\r\n  }\r\n}\r\n\r\n/** @alpha */\r\nexport function createDataList(props: DataListProps): DataList {\r\n  const list = document.createElement(\"datalist\");\r\n  list.id = props.id;\r\n\r\n  for (const entry of props.entries) {\r\n    _appendDataListEntry(list, entry);\r\n  }\r\n\r\n  const handler = props.handler;\r\n  if (undefined !== handler)\r\n    list.onselect = () => handler(list);\r\n\r\n  const div = document.createElement(\"div\");\r\n  if (props.inline)\r\n    div.style.display = \"inline\";\r\n\r\n  div.appendChild(list);\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(div);\r\n\r\n  return { div, list };\r\n}\r\n"]}

package/lib/ui/NestedMenu.d.ts

@@ -0,0 +1,20 @@
+/** @alpha */
+export declare type NestMenuHandler = (expanded: boolean) => void;
+/** @alpha */
+export interface NestedMenuProps {
+    id?: string;
+    label?: string;
+    parent?: HTMLElement;
+    expand?: boolean;
+    handler?: NestMenuHandler;
+    body?: HTMLElement;
+}
+/** @alpha */
+export interface NestedMenu {
+    div: HTMLDivElement;
+    label: HTMLLabelElement;
+    body: HTMLElement;
+}
+/** @alpha */
+export declare function createNestedMenu(props: NestedMenuProps): NestedMenu;
+//# sourceMappingURL=NestedMenu.d.ts.map

package/lib/ui/NestedMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedMenu.d.ts","sourceRoot":"","sources":["../../src/ui/NestedMenu.ts"],"names":[],"mappings":"AAWA,aAAa;AACb,oBAAY,eAAe,GAAG,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;AAE1D,aAAa;AACb,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,aAAa;AACb,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,cAAc,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC;IACxB,IAAI,EAAE,WAAW,CAAC;CACnB;AAED,aAAa;AACb,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,eAAe,GAAG,UAAU,CAsCnE"}

package/lib/ui/NestedMenu.js

@@ -0,0 +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;
+//# sourceMappingURL=NestedMenu.js.map

package/lib/ui/NestedMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedMenu.js","sourceRoot":"","sources":["../../src/ui/NestedMenu.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AAE/F;;GAEG;AAEH,qCAAwC;AAsBxC,aAAa;AACb,SAAgB,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,IAAA,qBAAY,EAAC;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;QAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAC9D,IAAI,SAAS,KAAK,KAAK,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAC9C,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AAC9B,CAAC;AAtCD,4CAsCC","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) props.parent.appendChild(div);\n  if (undefined !== props.id) div.id = props.id;\n  return { body, label, div };\n}\n"]}

package/lib/ui/NumericInput.d.ts

@@ -0,0 +1,35 @@
+/** @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;
+}
+/** @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/ui/NumericInput.d.ts.map

@@ -0,0 +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,CAyBxG;AAED,aAAa;AACb,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;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,CAoB9F"}