@itwin/frontend-devtools 4.0.0-dev.23 → 4.0.0-dev.24

package/lib/cjs/ui/Button.js

@@ -1,27 +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;
+"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/cjs/ui/Button.js.map

@@ -1 +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;QACxB,MAAM,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IACvB,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;QAC7B,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEhC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AACzB,CAAC;AAjBD,oCAiBC","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)\n    button.id = props.id;\n  if (undefined !== props.tooltip)\n    div.title = props.tooltip;\n  if (undefined !== props.parent)\n    props.parent.appendChild(div);\n\n  return { button, div };\n}\n"]}
+{"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;QACxB,MAAM,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IACvB,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;QAC7B,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEhC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AACzB,CAAC;AAjBD,oCAiBC","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/** Wraps an HTML button\r\n * @alpha\r\n */\r\nexport interface Button {\r\n  button: HTMLInputElement;\r\n  div: HTMLElement;\r\n}\r\n\r\n/** Callback invoked by Button when clicked.\r\n * @alpha\r\n */\r\nexport type ButtonHandler = (button: HTMLInputElement) => void;\r\n\r\n/** Describes how to create a Button.\r\n * @alpha\r\n */\r\nexport interface ButtonProps {\r\n  handler: ButtonHandler;\r\n  id?: string;\r\n  parent?: HTMLElement;\r\n  value: string;\r\n  inline?: boolean;\r\n  tooltip?: string;\r\n}\r\n\r\n/** Creates a Button as specified by the ButtonProps.\r\n * @alpha\r\n */\r\nexport function createButton(props: ButtonProps): Button {\r\n  const div = document.createElement(props.inline ? \"span\" : \"div\");\r\n\r\n  const button = document.createElement(\"input\");\r\n  button.type = \"button\";\r\n  button.value = props.value;\r\n  button.addEventListener(\"click\", () => props.handler(button));\r\n  div.appendChild(button);\r\n\r\n  if (undefined !== props.id)\r\n    button.id = props.id;\r\n  if (undefined !== props.tooltip)\r\n    div.title = props.tooltip;\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(div);\r\n\r\n  return { button, div };\r\n}\r\n"]}

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

@@ -1,24 +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;
+/** @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/cjs/ui/CheckBox.js

@@ -1,28 +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;
+"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/cjs/ui/CheckBox.js.map

@@ -1 +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"]}
+{"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":["/*---------------------------------------------------------------------------------------------\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 CheckBox {\r\n  label: HTMLLabelElement;\r\n  checkbox: HTMLInputElement;\r\n  div: HTMLDivElement;\r\n}\r\n\r\n/** @alpha */\r\nexport type CheckBoxHandler = (checkbox: HTMLInputElement) => void;\r\n\r\n/** @alpha */\r\nexport interface CheckBoxProps {\r\n  name: string;\r\n  handler: CheckBoxHandler;\r\n  id: string;\r\n  parent?: HTMLElement;\r\n  isChecked?: boolean;\r\n  typeOverride?: string;\r\n  tooltip?: string;\r\n}\r\n\r\n/** @alpha */\r\nexport function createCheckBox(props: CheckBoxProps): CheckBox {\r\n  const div = document.createElement(\"div\");\r\n\r\n  const checkbox = document.createElement(\"input\");\r\n  checkbox.type = props.typeOverride ? props.typeOverride : \"checkbox\";\r\n  checkbox.id = props.id;\r\n  checkbox.checked = !!props.isChecked;\r\n  checkbox.addEventListener(\"click\", () => props.handler(checkbox));\r\n  div.appendChild(checkbox);\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  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, checkbox, div };\r\n}\r\n"]}

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

@@ -1,28 +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;
+/** @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/cjs/ui/ColorInput.js

@@ -1,54 +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;
+"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/cjs/ui/ColorInput.js.map

@@ -1 +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;QAC7B,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IACzC,IAAI,SAAS,KAAK,KAAK,CAAC,EAAE;QACxB,UAAU,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAC3B,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;QAC7B,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IACnC,IAAI,SAAS,KAAK,KAAK,CAAC,QAAQ;QAC9B,UAAU,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IACvC,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAErC,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;AArCD,4CAqCC","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)\n    inputDiv.style.display = props.display;\n  if (undefined !== props.id)\n    colorInput.id = props.id;\n  if (undefined !== props.tooltip)\n    colorInput.title = props.tooltip;\n  if (undefined !== props.disabled)\n    colorInput.disabled = props.disabled;\n  if (undefined !== props.parent)\n    props.parent.appendChild(inputDiv);\n\n  return undefined !== colorLabel! ? { div: inputDiv, input: colorInput, label: colorLabel! } : { div: inputDiv, input: colorInput };\n}\n"]}
+{"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;QAC7B,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IACzC,IAAI,SAAS,KAAK,KAAK,CAAC,EAAE;QACxB,UAAU,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAC3B,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;QAC7B,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IACnC,IAAI,SAAS,KAAK,KAAK,CAAC,QAAQ;QAC9B,UAAU,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IACvC,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAErC,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;AArCD,4CAqCC","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/** @packageDocumentation\r\n * @module Controls\r\n */\r\n\r\nimport { RgbColor } from \"@itwin/core-common\";\r\n\r\n/** @alpha */\r\nexport type ColorInputHandler = (value: string) => void;\r\n\r\n/** @alpha */\r\nexport interface ColorInputProps {\r\n  handler: ColorInputHandler;\r\n  value: string;\r\n  id?: string;\r\n  label?: string;\r\n  parent?: HTMLElement;\r\n  display?: \"inline\" | \"none\" | \"block\";\r\n  disabled?: boolean;\r\n  tooltip?: string;\r\n}\r\n\r\n/** @alpha */\r\nexport interface ColorInput {\r\n  div: HTMLDivElement;\r\n  input: HTMLInputElement;\r\n  label?: HTMLLabelElement;\r\n}\r\n\r\n/** @alpha */\r\nexport function convertHexToRgb(hex: string): RgbColor | undefined {\r\n  // Parse a hex color string formatted as \"#FFFFFF\"\r\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\r\n  return result ? new RgbColor(\r\n    parseInt(result[1], 16),\r\n    parseInt(result[2], 16),\r\n    parseInt(result[3], 16),\r\n  ) : undefined;\r\n}\r\n\r\n/** @alpha */\r\nexport function createColorInput(props: ColorInputProps): ColorInput {\r\n\r\n  const inputDiv = document.createElement(\"div\");\r\n\r\n  const colorInput = document.createElement(\"input\");\r\n  colorInput.type = \"color\";\r\n  colorInput.value = props.value;\r\n\r\n  colorInput.onchange = () => {\r\n    try {\r\n      const value = colorInput.value;\r\n      props.handler(value);\r\n    } catch (_ex) {\r\n      //\r\n    }\r\n  };\r\n  let colorLabel: HTMLLabelElement;\r\n\r\n  if (undefined !== props.label) {\r\n    colorLabel = document.createElement(\"label\");\r\n    colorLabel.innerText = `${props.label} `;\r\n    inputDiv.appendChild(colorLabel);\r\n  }\r\n  inputDiv.appendChild(colorInput);\r\n\r\n  if (undefined !== props.display)\r\n    inputDiv.style.display = props.display;\r\n  if (undefined !== props.id)\r\n    colorInput.id = props.id;\r\n  if (undefined !== props.tooltip)\r\n    colorInput.title = props.tooltip;\r\n  if (undefined !== props.disabled)\r\n    colorInput.disabled = props.disabled;\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(inputDiv);\r\n\r\n  return undefined !== colorLabel! ? { div: inputDiv, input: colorInput, label: colorLabel! } : { div: inputDiv, input: colorInput };\r\n}\r\n"]}

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

@@ -1,29 +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;
+/** @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/cjs/ui/ComboBox.js

@@ -1,43 +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;
+"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/cjs/ui/ComboBox.js.map

@@ -1 +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"]}
+{"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":["/*---------------------------------------------------------------------------------------------\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 ComboBoxEntry {\r\n  name: string;\r\n  value: number | string | undefined;\r\n}\r\n\r\n/** @alpha */\r\nexport type ComboBoxHandler = (select: HTMLSelectElement) => void;\r\n\r\n/** @alpha */\r\nexport interface ComboBoxProps {\r\n  name?: string;\r\n  id: string;\r\n  entries: ComboBoxEntry[];\r\n  parent?: HTMLElement;\r\n  handler?: ComboBoxHandler;\r\n  value?: number | string;\r\n  tooltip?: string;\r\n}\r\n\r\n/** @alpha */\r\nexport interface ComboBox {\r\n  label?: HTMLLabelElement;\r\n  select: HTMLSelectElement;\r\n  div: HTMLDivElement;\r\n}\r\n\r\nfunction _appendComboBoxEntry(select: HTMLSelectElement, entry: ComboBoxEntry) {\r\n  const option = document.createElement(\"option\");\r\n  option.innerText = entry.name;\r\n  if (undefined !== entry.value)\r\n    option.value = entry.value.toString();\r\n  select.appendChild(option);\r\n}\r\n\r\n/** @alpha */\r\nexport function createComboBox(props: ComboBoxProps): ComboBox {\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 select = document.createElement(\"select\");\r\n  select.id = props.id;\r\n\r\n  for (const entry of props.entries) {\r\n    _appendComboBoxEntry(select, entry);\r\n  }\r\n\r\n  if (undefined !== props.value)\r\n    select.value = props.value.toString();\r\n\r\n  const handler = props.handler;\r\n  if (undefined !== handler)\r\n    select.onchange = () => handler(select);\r\n\r\n  if (undefined !== props.tooltip)\r\n    div.title = props.tooltip;\r\n\r\n  div.appendChild(select);\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(div);\r\n\r\n  return { div, label, select };\r\n}\r\n"]}

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

@@ -1,28 +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;
+/** @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