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

package/lib/esm/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/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/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,MAAM,UAAU,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","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"]}
+{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../src/ui/CheckBox.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AA2B/F,aAAa;AACb,MAAM,UAAU,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","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/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 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/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/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,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAwB9C,aAAa;AACb,MAAM,UAAU,eAAe,CAAC,GAAW;IACzC,kDAAkD;IAClD,MAAM,MAAM,GAAG,2CAA2C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrE,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,QAAQ,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;AAED,aAAa;AACb,MAAM,UAAU,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","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"]}
+{"version":3,"file":"ColorInput.js","sourceRoot":"","sources":["../../../src/ui/ColorInput.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAwB9C,aAAa;AACb,MAAM,UAAU,eAAe,CAAC,GAAW;IACzC,kDAAkD;IAClD,MAAM,MAAM,GAAG,2CAA2C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrE,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,QAAQ,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;AAED,aAAa;AACb,MAAM,UAAU,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","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"]}

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 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/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/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,MAAM,UAAU,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","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"]}
+{"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,MAAM,UAAU,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","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/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 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/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/DataList.js.map

@@ -1 +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,MAAM,UAAU,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;AAED,aAAa;AACb,MAAM,UAAU,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","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"]}
+{"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,MAAM,UAAU,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;AAED,aAAa;AACb,MAAM,UAAU,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","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 DataListEntry {\n  value: number | string | undefined;\n}\n\n/** @alpha */\nexport type DataListHandler = (list: HTMLDataListElement) => void;\n\n/** @alpha */\nexport interface DataListProps {\n  name?: string;\n  id: string;\n  entries: DataListEntry[];\n  parent?: HTMLElement;\n  handler?: DataListHandler;\n  inline?: boolean;\n}\n\n/** @alpha */\nexport interface DataList {\n  list: HTMLDataListElement;\n  div: HTMLDivElement;\n}\n\nfunction _appendDataListEntry(list: HTMLDataListElement, entry: DataListEntry) {\n  const option = document.createElement(\"option\");\n  if (undefined !== entry.value)\n    option.value = entry.value.toString();\n  list.appendChild(option);\n}\n\n/** @alpha */\nexport function appendDataListEntries(dl: DataList, entries: DataListEntry[]) {\n  for (const entry of entries) {\n    _appendDataListEntry(dl.list, entry);\n  }\n}\n\n/** @alpha */\nexport function createDataList(props: DataListProps): DataList {\n  const list = document.createElement(\"datalist\");\n  list.id = props.id;\n\n  for (const entry of props.entries) {\n    _appendDataListEntry(list, entry);\n  }\n\n  const handler = props.handler;\n  if (undefined !== handler)\n    list.onselect = () => handler(list);\n\n  const div = document.createElement(\"div\");\n  if (props.inline)\n    div.style.display = \"inline\";\n\n  div.appendChild(list);\n  if (undefined !== props.parent)\n    props.parent.appendChild(div);\n\n  return { div, list };\n}\n"]}

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 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