@itwin/frontend-devtools 4.0.0-dev.8 → 4.0.0-dev.80

package/lib/esm/ui/CheckBox.js

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

package/lib/esm/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 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/esm/ui/ColorInput.d.ts.map

@@ -1 +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,CAqCnE"}
+{"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,MAAM,MAAM,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,CAqCnE"}

package/lib/esm/ui/ColorInput.js

@@ -1,49 +1,49 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Controls
- */
-import { RgbColor } from "@itwin/core-common";
-/** @alpha */
-export 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 RgbColor(parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)) : undefined;
-}
-/** @alpha */
-export 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 };
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Controls
+ */
+import { RgbColor } from "@itwin/core-common";
+/** @alpha */
+export 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 RgbColor(parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)) : undefined;
+}
+/** @alpha */
+export 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 };
+}
 //# sourceMappingURL=ColorInput.js.map

package/lib/esm/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 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/esm/ui/ComboBox.d.ts.map

@@ -1 +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"}
+{"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,MAAM,MAAM,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/esm/ui/ComboBox.js

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

package/lib/esm/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 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/esm/ui/DataList.d.ts.map

@@ -1 +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"}
+{"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,MAAM,MAAM,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/esm/ui/DataList.js

@@ -1,35 +1,35 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-function _appendDataListEntry(list, entry) {
-    const option = document.createElement("option");
-    if (undefined !== entry.value)
-        option.value = entry.value.toString();
-    list.appendChild(option);
-}
-/** @alpha */
-export function appendDataListEntries(dl, entries) {
-    for (const entry of entries) {
-        _appendDataListEntry(dl.list, entry);
-    }
-}
-/** @alpha */
-export 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 };
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+function _appendDataListEntry(list, entry) {
+    const option = document.createElement("option");
+    if (undefined !== entry.value)
+        option.value = entry.value.toString();
+    list.appendChild(option);
+}
+/** @alpha */
+export function appendDataListEntries(dl, entries) {
+    for (const entry of entries) {
+        _appendDataListEntry(dl.list, entry);
+    }
+}
+/** @alpha */
+export 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 };
+}
 //# sourceMappingURL=DataList.js.map

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

@@ -1,20 +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;
+/** @alpha */
+export 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/esm/ui/NestedMenu.d.ts.map

@@ -1 +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,CAyCnE"}
+{"version":3,"file":"NestedMenu.d.ts","sourceRoot":"","sources":["../../../src/ui/NestedMenu.ts"],"names":[],"mappings":"AAWA,aAAa;AACb,MAAM,MAAM,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,CAyCnE"}

package/lib/esm/ui/NestedMenu.js

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