@itwin/frontend-devtools 3.6.0-dev.8 → 3.6.0

package/lib/cjs/ui/RadioBox.js

@@ -1,77 +1,77 @@
-"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.createRadioBox = void 0;
-/** @alpha */
-function createRadioBox(props) {
-    const div = document.createElement("div");
-    let label;
-    if (undefined !== props.name) {
-        label = document.createElement("label");
-        label.htmlFor = props.id;
-        label.innerText = props.name;
-        div.appendChild(label);
-    }
-    const form = document.createElement("form");
-    form.id = props.id;
-    const radioBoxes = [];
-    for (const entry of props.entries) {
-        const input = document.createElement("input");
-        input.type = "radio";
-        input.name = props.name ? props.name : props.id;
-        input.value = (undefined !== entry.value) ? entry.value.toString() : "";
-        const inputLabel = document.createElement("label");
-        inputLabel.innerText = entry.label;
-        inputLabel.onclick = () => {
-            try {
-                input.checked = true;
-                const value = input.value;
-                props.handler(value, form);
-            }
-            catch (_ex) {
-                //
-            }
-        };
-        input.onchange = () => {
-            try {
-                const value = input.value;
-                props.handler(value, form);
-            }
-            catch (_ex) {
-                //
-            }
-        };
-        if (props.defaultValue === entry.value) {
-            input.checked = true;
-        }
-        radioBoxes.push(input);
-        if (props.vertical) {
-            const container = document.createElement("div");
-            container.appendChild(input);
-            container.appendChild(inputLabel);
-            form.appendChild(container);
-        }
-        else {
-            form.appendChild(input);
-            form.appendChild(inputLabel);
-        }
-    }
-    div.appendChild(form);
-    if (undefined !== props.parent)
-        props.parent.appendChild(div);
-    const setValue = (value) => {
-        const stringValue = value.toString();
-        const validValue = radioBoxes.map((input) => input.value).includes(stringValue);
-        if (validValue) {
-            radioBoxes.forEach((input) => input.checked = input.value === stringValue);
-            props.handler(stringValue, form);
-        }
-        return validValue;
-    };
-    return { div, label, setValue, form };
-}
-exports.createRadioBox = createRadioBox;
+"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.createRadioBox = void 0;
+/** @alpha */
+function createRadioBox(props) {
+    const div = document.createElement("div");
+    let label;
+    if (undefined !== props.name) {
+        label = document.createElement("label");
+        label.htmlFor = props.id;
+        label.innerText = props.name;
+        div.appendChild(label);
+    }
+    const form = document.createElement("form");
+    form.id = props.id;
+    const radioBoxes = [];
+    for (const entry of props.entries) {
+        const input = document.createElement("input");
+        input.type = "radio";
+        input.name = props.name ? props.name : props.id;
+        input.value = (undefined !== entry.value) ? entry.value.toString() : "";
+        const inputLabel = document.createElement("label");
+        inputLabel.innerText = entry.label;
+        inputLabel.onclick = () => {
+            try {
+                input.checked = true;
+                const value = input.value;
+                props.handler(value, form);
+            }
+            catch (_ex) {
+                //
+            }
+        };
+        input.onchange = () => {
+            try {
+                const value = input.value;
+                props.handler(value, form);
+            }
+            catch (_ex) {
+                //
+            }
+        };
+        if (props.defaultValue === entry.value) {
+            input.checked = true;
+        }
+        radioBoxes.push(input);
+        if (props.vertical) {
+            const container = document.createElement("div");
+            container.appendChild(input);
+            container.appendChild(inputLabel);
+            form.appendChild(container);
+        }
+        else {
+            form.appendChild(input);
+            form.appendChild(inputLabel);
+        }
+    }
+    div.appendChild(form);
+    if (undefined !== props.parent)
+        props.parent.appendChild(div);
+    const setValue = (value) => {
+        const stringValue = value.toString();
+        const validValue = radioBoxes.map((input) => input.value).includes(stringValue);
+        if (validValue) {
+            radioBoxes.forEach((input) => input.checked = input.value === stringValue);
+            props.handler(stringValue, form);
+        }
+        return validValue;
+    };
+    return { div, label, setValue, form };
+}
+exports.createRadioBox = createRadioBox;
 //# sourceMappingURL=RadioBox.js.map

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

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

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

@@ -1,27 +1,29 @@
-/** @packageDocumentation
- * @module Controls
- */
-/** @alpha */
-export interface Slider {
-    label: HTMLLabelElement;
-    slider: HTMLInputElement;
-    div: HTMLDivElement;
-}
-/** @alpha */
-export declare type SliderHandler = (slider: HTMLInputElement) => void;
-/** @alpha */
-export interface SliderProps {
-    name: string;
-    handler: SliderHandler;
-    id: string;
-    parent?: HTMLElement;
-    min: string;
-    max: string;
-    step: string;
-    value: string;
-    verticalAlign?: "middle" | false;
-    textAlign?: "right" | false;
-}
-/** @alpha */
-export declare function createSlider(props: SliderProps): Slider;
+/** @packageDocumentation
+ * @module Controls
+ */
+/** @alpha */
+export interface Slider {
+    label: HTMLLabelElement;
+    slider: HTMLInputElement;
+    div: HTMLDivElement;
+    readout: HTMLLabelElement;
+}
+/** @alpha */
+export declare type SliderHandler = (slider: HTMLInputElement) => void;
+/** @alpha */
+export interface SliderProps {
+    name: string;
+    handler: SliderHandler;
+    id: string;
+    parent?: HTMLElement;
+    min: string;
+    max: string;
+    step: string;
+    value: string;
+    verticalAlign?: "middle" | false;
+    textAlign?: "right" | false;
+    readout?: "right" | false;
+}
+/** @alpha */
+export declare function createSlider(props: SliderProps): Slider;
 //# sourceMappingURL=Slider.d.ts.map

package/lib/cjs/ui/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/ui/Slider.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH,aAAa;AACb,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,gBAAgB,CAAC;IACxB,MAAM,EAAE,gBAAgB,CAAC;IACzB,GAAG,EAAE,cAAc,CAAC;CACrB;AAED,aAAa;AACb,oBAAY,aAAa,GAAG,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAE/D,aAAa;AACb,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,aAAa,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAC7B;AAED,aAAa;AACb,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CA6BvD"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/ui/Slider.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH,aAAa;AACb,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,gBAAgB,CAAC;IACxB,MAAM,EAAE,gBAAgB,CAAC;IACzB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAED,aAAa;AACb,oBAAY,aAAa,GAAG,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAE/D,aAAa;AACb,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,aAAa,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAC3B;AAED,aAAa;AACb,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAuCvD"}

package/lib/cjs/ui/Slider.js

@@ -1,35 +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.createSlider = void 0;
-/** @alpha */
-function createSlider(props) {
-    const div = document.createElement("div");
-    div.style.display = "block";
-    if (props.verticalAlign)
-        div.style.verticalAlign = props.verticalAlign;
-    if (props.textAlign)
-        div.style.textAlign = props.textAlign;
-    const label = document.createElement("label");
-    label.htmlFor = props.id;
-    label.innerText = props.name;
-    div.appendChild(label);
-    const slider = document.createElement("input");
-    slider.type = "range";
-    slider.className = "slider";
-    slider.id = props.id;
-    slider.min = props.min;
-    slider.max = props.max;
-    slider.step = props.step;
-    slider.value = props.value;
-    slider.addEventListener("input", () => props.handler(slider));
-    div.appendChild(slider);
-    if (undefined !== props.parent)
-        props.parent.appendChild(div);
-    return { label, slider, div };
-}
-exports.createSlider = createSlider;
+"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.createSlider = void 0;
+/** @alpha */
+function createSlider(props) {
+    const div = document.createElement("div");
+    div.style.display = "block";
+    if (props.verticalAlign)
+        div.style.verticalAlign = props.verticalAlign;
+    if (props.textAlign)
+        div.style.textAlign = props.textAlign;
+    const label = document.createElement("label");
+    label.htmlFor = props.id;
+    label.innerText = props.name;
+    div.appendChild(label);
+    const readout = document.createElement("label");
+    const slider = document.createElement("input");
+    slider.type = "range";
+    slider.className = "slider";
+    slider.id = props.id;
+    slider.min = props.min;
+    slider.max = props.max;
+    slider.step = props.step;
+    slider.value = props.value;
+    slider.addEventListener("input", () => {
+        props.handler(slider);
+        readout.innerText = slider.value;
+    });
+    div.appendChild(slider);
+    if (props.readout === "right") {
+        readout.innerText = slider.value;
+        div.appendChild(readout);
+    }
+    if (undefined !== props.parent)
+        props.parent.appendChild(div);
+    return { label, slider, div, readout };
+}
+exports.createSlider = createSlider;
 //# sourceMappingURL=Slider.js.map

package/lib/cjs/ui/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/ui/Slider.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AA8B/F,aAAa;AACb,SAAgB,YAAY,CAAC,KAAkB;IAC7C,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IAC5B,IAAI,KAAK,CAAC,aAAa;QACrB,GAAG,CAAC,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC;IAEhD,IAAI,KAAK,CAAC,SAAS;QACjB,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;IAExC,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,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/C,MAAM,CAAC,IAAI,GAAG,OAAO,CAAC;IACtB,MAAM,CAAC,SAAS,GAAG,QAAQ,CAAC;IAC5B,MAAM,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IACrB,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;IACvB,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;IACvB,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACzB,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,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEhC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AAChC,CAAC;AA7BD,oCA6BC","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 Slider {\r\n  label: HTMLLabelElement;\r\n  slider: HTMLInputElement;\r\n  div: HTMLDivElement;\r\n}\r\n\r\n/** @alpha */\r\nexport type SliderHandler = (slider: HTMLInputElement) => void;\r\n\r\n/** @alpha */\r\nexport interface SliderProps {\r\n  name: string;\r\n  handler: SliderHandler;\r\n  id: string;\r\n  parent?: HTMLElement;\r\n  min: string;\r\n  max: string;\r\n  step: string;\r\n  value: string;\r\n  verticalAlign?: \"middle\" | false;\r\n  textAlign?: \"right\" | false;\r\n}\r\n\r\n/** @alpha */\r\nexport function createSlider(props: SliderProps): Slider {\r\n  const div = document.createElement(\"div\");\r\n  div.style.display = \"block\";\r\n  if (props.verticalAlign)\r\n    div.style.verticalAlign = props.verticalAlign;\r\n\r\n  if (props.textAlign)\r\n    div.style.textAlign = props.textAlign;\r\n\r\n  const label = document.createElement(\"label\");\r\n  label.htmlFor = props.id;\r\n  label.innerText = props.name;\r\n  div.appendChild(label);\r\n\r\n  const slider = document.createElement(\"input\");\r\n  slider.type = \"range\";\r\n  slider.className = \"slider\";\r\n  slider.id = props.id;\r\n  slider.min = props.min;\r\n  slider.max = props.max;\r\n  slider.step = props.step;\r\n  slider.value = props.value;\r\n  slider.addEventListener(\"input\", () => props.handler(slider));\r\n  div.appendChild(slider);\r\n\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(div);\r\n\r\n  return { label, slider, div };\r\n}\r\n"]}
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/ui/Slider.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AAgC/F,aAAa;AACb,SAAgB,YAAY,CAAC,KAAkB;IAC7C,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IAC5B,IAAI,KAAK,CAAC,aAAa;QACrB,GAAG,CAAC,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC;IAEhD,IAAI,KAAK,CAAC,SAAS;QACjB,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;IAExC,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,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAEhD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/C,MAAM,CAAC,IAAI,GAAG,OAAO,CAAC;IACtB,MAAM,CAAC,SAAS,GAAG,QAAQ,CAAC;IAC5B,MAAM,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IACrB,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;IACvB,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;IACvB,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACzB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC3B,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QACpC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACtB,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;IACnC,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAExB,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,EAAE;QAC7B,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;QACjC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;KAC1B;IAED,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEhC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC;AACzC,CAAC;AAvCD,oCAuCC","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 Slider {\n  label: HTMLLabelElement;\n  slider: HTMLInputElement;\n  div: HTMLDivElement;\n  readout: HTMLLabelElement;\n}\n\n/** @alpha */\nexport type SliderHandler = (slider: HTMLInputElement) => void;\n\n/** @alpha */\nexport interface SliderProps {\n  name: string;\n  handler: SliderHandler;\n  id: string;\n  parent?: HTMLElement;\n  min: string;\n  max: string;\n  step: string;\n  value: string;\n  verticalAlign?: \"middle\" | false;\n  textAlign?: \"right\" | false;\n  readout?: \"right\" | false;\n}\n\n/** @alpha */\nexport function createSlider(props: SliderProps): Slider {\n  const div = document.createElement(\"div\");\n  div.style.display = \"block\";\n  if (props.verticalAlign)\n    div.style.verticalAlign = props.verticalAlign;\n\n  if (props.textAlign)\n    div.style.textAlign = props.textAlign;\n\n  const label = document.createElement(\"label\");\n  label.htmlFor = props.id;\n  label.innerText = props.name;\n  div.appendChild(label);\n\n  const readout = document.createElement(\"label\");\n\n  const slider = document.createElement(\"input\");\n  slider.type = \"range\";\n  slider.className = \"slider\";\n  slider.id = props.id;\n  slider.min = props.min;\n  slider.max = props.max;\n  slider.step = props.step;\n  slider.value = props.value;\n  slider.addEventListener(\"input\", () => {\n    props.handler(slider);\n    readout.innerText = slider.value;\n  });\n  div.appendChild(slider);\n\n  if (props.readout === \"right\") {\n    readout.innerText = slider.value;\n    div.appendChild(readout);\n  }\n\n  if (undefined !== props.parent)\n    props.parent.appendChild(div);\n\n  return { label, slider, div, readout };\n}\n"]}

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

@@ -1,33 +1,33 @@
-/** @packageDocumentation
- * @module Controls
- */
-/** Wraps an HTML text input field.
- * @beta
- */
-export interface TextBox {
-    /** The label, if the text box has one. */
-    label?: HTMLLabelElement;
-    /** The text input element. */
-    textbox: HTMLInputElement;
-    /** The div containing the text box. */
-    div: HTMLDivElement;
-}
-/** @alpha */
-export declare type TextBoxHandler = (textbox: HTMLInputElement) => void;
-/** @alpha */
-export declare type TextBoxKeyPressHandler = (textbox: HTMLInputElement, ev: KeyboardEvent) => void;
-/** @alpha */
-export interface TextBoxProps {
-    label?: string;
-    id?: string;
-    parent?: HTMLElement;
-    handler?: TextBoxHandler;
-    keypresshandler?: TextBoxKeyPressHandler;
-    focushandler?: TextBoxHandler;
-    tooltip?: string;
-    inline?: boolean;
-    list?: string;
-}
-/** @alpha */
-export declare function createTextBox(props: TextBoxProps): TextBox;
+/** @packageDocumentation
+ * @module Controls
+ */
+/** Wraps an HTML text input field.
+ * @beta
+ */
+export interface TextBox {
+    /** The label, if the text box has one. */
+    label?: HTMLLabelElement;
+    /** The text input element. */
+    textbox: HTMLInputElement;
+    /** The div containing the text box. */
+    div: HTMLDivElement;
+}
+/** @alpha */
+export declare type TextBoxHandler = (textbox: HTMLInputElement) => void;
+/** @alpha */
+export declare type TextBoxKeyPressHandler = (textbox: HTMLInputElement, ev: KeyboardEvent) => void;
+/** @alpha */
+export interface TextBoxProps {
+    label?: string;
+    id?: string;
+    parent?: HTMLElement;
+    handler?: TextBoxHandler;
+    keypresshandler?: TextBoxKeyPressHandler;
+    focushandler?: TextBoxHandler;
+    tooltip?: string;
+    inline?: boolean;
+    list?: string;
+}
+/** @alpha */
+export declare function createTextBox(props: TextBoxProps): TextBox;
 //# sourceMappingURL=TextBox.d.ts.map

package/lib/cjs/ui/TextBox.js

@@ -1,57 +1,57 @@
-"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.createTextBox = void 0;
-/** @alpha */
-function createTextBox(props) {
-    const div = document.createElement("div");
-    if (true === props.inline)
-        div.style.display = "inline";
-    let label;
-    if (undefined !== props.label) {
-        label = document.createElement("label");
-        label.innerText = props.label;
-        if (undefined !== props.id)
-            label.htmlFor = props.id;
-        div.appendChild(label);
-    }
-    const textbox = document.createElement("input");
-    textbox.type = "text";
-    if (undefined !== props.id)
-        textbox.id = props.id;
-    div.appendChild(textbox);
-    if (undefined !== props.parent)
-        props.parent.appendChild(div);
-    const handler = props.handler;
-    if (undefined !== handler) {
-        textbox.onchange = () => handler(textbox);
-    }
-    // Don't want the document's listeners intepreting keypresses as keyboard shortcuts...
-    const stopPropagation = (ev) => ev.stopPropagation();
-    textbox.onkeydown = textbox.onkeyup = stopPropagation;
-    const keypresshandler = props.keypresshandler;
-    if (undefined !== keypresshandler) {
-        textbox.onkeypress = (ev) => {
-            keypresshandler(textbox, ev);
-            ev.stopPropagation();
-        };
-    }
-    else {
-        textbox.onkeypress = stopPropagation; // eslint-disable-line deprecation/deprecation
-    }
-    const focushandler = props.focushandler;
-    if (undefined !== focushandler) {
-        textbox.onfocus = () => focushandler(textbox);
-    }
-    if (undefined !== props.list) {
-        textbox.setAttribute("list", props.list);
-    }
-    if (undefined !== props.tooltip)
-        div.title = props.tooltip;
-    return { label, textbox, div };
-}
-exports.createTextBox = createTextBox;
+"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.createTextBox = void 0;
+/** @alpha */
+function createTextBox(props) {
+    const div = document.createElement("div");
+    if (true === props.inline)
+        div.style.display = "inline";
+    let label;
+    if (undefined !== props.label) {
+        label = document.createElement("label");
+        label.innerText = props.label;
+        if (undefined !== props.id)
+            label.htmlFor = props.id;
+        div.appendChild(label);
+    }
+    const textbox = document.createElement("input");
+    textbox.type = "text";
+    if (undefined !== props.id)
+        textbox.id = props.id;
+    div.appendChild(textbox);
+    if (undefined !== props.parent)
+        props.parent.appendChild(div);
+    const handler = props.handler;
+    if (undefined !== handler) {
+        textbox.onchange = () => handler(textbox);
+    }
+    // Don't want the document's listeners intepreting keypresses as keyboard shortcuts...
+    const stopPropagation = (ev) => ev.stopPropagation();
+    textbox.onkeydown = textbox.onkeyup = stopPropagation;
+    const keypresshandler = props.keypresshandler;
+    if (undefined !== keypresshandler) {
+        textbox.onkeypress = (ev) => {
+            keypresshandler(textbox, ev);
+            ev.stopPropagation();
+        };
+    }
+    else {
+        textbox.onkeypress = stopPropagation; // eslint-disable-line deprecation/deprecation
+    }
+    const focushandler = props.focushandler;
+    if (undefined !== focushandler) {
+        textbox.onfocus = () => focushandler(textbox);
+    }
+    if (undefined !== props.list) {
+        textbox.setAttribute("list", props.list);
+    }
+    if (undefined !== props.tooltip)
+        div.title = props.tooltip;
+    return { label, textbox, div };
+}
+exports.createTextBox = createTextBox;
 //# sourceMappingURL=TextBox.js.map

package/lib/cjs/ui/TextBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextBox.js","sourceRoot":"","sources":["../../../src/ui/TextBox.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AAqC/F,aAAa;AACb,SAAgB,aAAa,CAAC,KAAmB;IAC/C,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,IAAI,IAAI,KAAK,KAAK,CAAC,MAAM;QACvB,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,IAAI,KAAK,CAAC;IACV,IAAI,SAAS,KAAK,KAAK,CAAC,KAAK,EAAE;QAC7B,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACxC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC;QAC9B,IAAI,SAAS,KAAK,KAAK,CAAC,EAAE;YACxB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC;QAE3B,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KACxB;IAED,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAChD,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC;IACtB,IAAI,SAAS,KAAK,KAAK,CAAC,EAAE;QACxB,OAAO,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAExB,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAEzB,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEhC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC9B,IAAI,SAAS,KAAK,OAAO,EAAE;QACzB,OAAO,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;KAC3C;IAED,sFAAsF;IACtF,MAAM,eAAe,GAAG,CAAC,EAAiB,EAAE,EAAE,CAAC,EAAE,CAAC,eAAe,EAAE,CAAC;IACpE,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,OAAO,GAAG,eAAe,CAAC;IACtD,MAAM,eAAe,GAAG,KAAK,CAAC,eAAe,CAAC;IAC9C,IAAI,SAAS,KAAK,eAAe,EAAE;QACjC,OAAO,CAAC,UAAU,GAAG,CAAC,EAAiB,EAAE,EAAE;YACzC,eAAe,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YAC7B,EAAE,CAAC,eAAe,EAAE,CAAC;QACvB,CAAC,CAAC;KACH;SAAM;QACL,OAAO,CAAC,UAAU,GAAG,eAAe,CAAC,CAAC,8CAA8C;KACrF;IAED,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC;IACxC,IAAI,SAAS,KAAK,YAAY,EAAE;QAC9B,OAAO,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;KAC/C;IAED,IAAI,SAAS,KAAK,KAAK,CAAC,IAAI,EAAE;QAC5B,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;KAC1C;IAED,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;QAC7B,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAE5B,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;AACjC,CAAC;AAxDD,sCAwDC","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 text input field.\r\n * @beta\r\n */\r\nexport interface TextBox {\r\n  /** The label, if the text box has one. */\r\n  label?: HTMLLabelElement;\r\n  /** The text input element. */\r\n  textbox: HTMLInputElement;\r\n  /** The div containing the text box. */\r\n  div: HTMLDivElement;\r\n}\r\n\r\n/** @alpha */\r\nexport type TextBoxHandler = (textbox: HTMLInputElement) => void;\r\n\r\n/** @alpha */\r\nexport type TextBoxKeyPressHandler = (textbox: HTMLInputElement, ev: KeyboardEvent) => void;\r\n\r\n/** @alpha */\r\nexport interface TextBoxProps {\r\n  label?: string;\r\n  id?: string;\r\n  parent?: HTMLElement;\r\n  handler?: TextBoxHandler;\r\n  keypresshandler?: TextBoxKeyPressHandler;\r\n  focushandler?: TextBoxHandler;\r\n  tooltip?: string;\r\n  inline?: boolean;\r\n  list?: string; // if defined, contains the id of a datalist to bind to this textbox for autocompletion\r\n}\r\n\r\n/** @alpha */\r\nexport function createTextBox(props: TextBoxProps): TextBox {\r\n  const div = document.createElement(\"div\");\r\n  if (true === props.inline)\r\n    div.style.display = \"inline\";\r\n\r\n  let label;\r\n  if (undefined !== props.label) {\r\n    label = document.createElement(\"label\");\r\n    label.innerText = props.label;\r\n    if (undefined !== props.id)\r\n      label.htmlFor = props.id;\r\n\r\n    div.appendChild(label);\r\n  }\r\n\r\n  const textbox = document.createElement(\"input\");\r\n  textbox.type = \"text\";\r\n  if (undefined !== props.id)\r\n    textbox.id = props.id;\r\n\r\n  div.appendChild(textbox);\r\n\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(div);\r\n\r\n  const handler = props.handler;\r\n  if (undefined !== handler) {\r\n    textbox.onchange = () => handler(textbox);\r\n  }\r\n\r\n  // Don't want the document's listeners intepreting keypresses as keyboard shortcuts...\r\n  const stopPropagation = (ev: KeyboardEvent) => ev.stopPropagation();\r\n  textbox.onkeydown = textbox.onkeyup = stopPropagation;\r\n  const keypresshandler = props.keypresshandler;\r\n  if (undefined !== keypresshandler) {\r\n    textbox.onkeypress = (ev: KeyboardEvent) => { // eslint-disable-line deprecation/deprecation\r\n      keypresshandler(textbox, ev);\r\n      ev.stopPropagation();\r\n    };\r\n  } else {\r\n    textbox.onkeypress = stopPropagation; // eslint-disable-line deprecation/deprecation\r\n  }\r\n\r\n  const focushandler = props.focushandler;\r\n  if (undefined !== focushandler) {\r\n    textbox.onfocus = () => focushandler(textbox);\r\n  }\r\n\r\n  if (undefined !== props.list) {\r\n    textbox.setAttribute(\"list\", props.list);\r\n  }\r\n\r\n  if (undefined !== props.tooltip)\r\n    div.title = props.tooltip;\r\n\r\n  return { label, textbox, div };\r\n}\r\n"]}
+{"version":3,"file":"TextBox.js","sourceRoot":"","sources":["../../../src/ui/TextBox.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AAqC/F,aAAa;AACb,SAAgB,aAAa,CAAC,KAAmB;IAC/C,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,IAAI,IAAI,KAAK,KAAK,CAAC,MAAM;QACvB,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,IAAI,KAAK,CAAC;IACV,IAAI,SAAS,KAAK,KAAK,CAAC,KAAK,EAAE;QAC7B,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACxC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC;QAC9B,IAAI,SAAS,KAAK,KAAK,CAAC,EAAE;YACxB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC;QAE3B,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KACxB;IAED,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAChD,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC;IACtB,IAAI,SAAS,KAAK,KAAK,CAAC,EAAE;QACxB,OAAO,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAExB,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAEzB,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEhC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC9B,IAAI,SAAS,KAAK,OAAO,EAAE;QACzB,OAAO,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;KAC3C;IAED,sFAAsF;IACtF,MAAM,eAAe,GAAG,CAAC,EAAiB,EAAE,EAAE,CAAC,EAAE,CAAC,eAAe,EAAE,CAAC;IACpE,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,OAAO,GAAG,eAAe,CAAC;IACtD,MAAM,eAAe,GAAG,KAAK,CAAC,eAAe,CAAC;IAC9C,IAAI,SAAS,KAAK,eAAe,EAAE;QACjC,OAAO,CAAC,UAAU,GAAG,CAAC,EAAiB,EAAE,EAAE;YACzC,eAAe,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YAC7B,EAAE,CAAC,eAAe,EAAE,CAAC;QACvB,CAAC,CAAC;KACH;SAAM;QACL,OAAO,CAAC,UAAU,GAAG,eAAe,CAAC,CAAC,8CAA8C;KACrF;IAED,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC;IACxC,IAAI,SAAS,KAAK,YAAY,EAAE;QAC9B,OAAO,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;KAC/C;IAED,IAAI,SAAS,KAAK,KAAK,CAAC,IAAI,EAAE;QAC5B,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;KAC1C;IAED,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;QAC7B,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAE5B,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;AACjC,CAAC;AAxDD,sCAwDC","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 text input field.\n * @beta\n */\nexport interface TextBox {\n  /** The label, if the text box has one. */\n  label?: HTMLLabelElement;\n  /** The text input element. */\n  textbox: HTMLInputElement;\n  /** The div containing the text box. */\n  div: HTMLDivElement;\n}\n\n/** @alpha */\nexport type TextBoxHandler = (textbox: HTMLInputElement) => void;\n\n/** @alpha */\nexport type TextBoxKeyPressHandler = (textbox: HTMLInputElement, ev: KeyboardEvent) => void;\n\n/** @alpha */\nexport interface TextBoxProps {\n  label?: string;\n  id?: string;\n  parent?: HTMLElement;\n  handler?: TextBoxHandler;\n  keypresshandler?: TextBoxKeyPressHandler;\n  focushandler?: TextBoxHandler;\n  tooltip?: string;\n  inline?: boolean;\n  list?: string; // if defined, contains the id of a datalist to bind to this textbox for autocompletion\n}\n\n/** @alpha */\nexport function createTextBox(props: TextBoxProps): TextBox {\n  const div = document.createElement(\"div\");\n  if (true === props.inline)\n    div.style.display = \"inline\";\n\n  let label;\n  if (undefined !== props.label) {\n    label = document.createElement(\"label\");\n    label.innerText = props.label;\n    if (undefined !== props.id)\n      label.htmlFor = props.id;\n\n    div.appendChild(label);\n  }\n\n  const textbox = document.createElement(\"input\");\n  textbox.type = \"text\";\n  if (undefined !== props.id)\n    textbox.id = props.id;\n\n  div.appendChild(textbox);\n\n  if (undefined !== props.parent)\n    props.parent.appendChild(div);\n\n  const handler = props.handler;\n  if (undefined !== handler) {\n    textbox.onchange = () => handler(textbox);\n  }\n\n  // Don't want the document's listeners intepreting keypresses as keyboard shortcuts...\n  const stopPropagation = (ev: KeyboardEvent) => ev.stopPropagation();\n  textbox.onkeydown = textbox.onkeyup = stopPropagation;\n  const keypresshandler = props.keypresshandler;\n  if (undefined !== keypresshandler) {\n    textbox.onkeypress = (ev: KeyboardEvent) => { // eslint-disable-line deprecation/deprecation\n      keypresshandler(textbox, ev);\n      ev.stopPropagation();\n    };\n  } else {\n    textbox.onkeypress = stopPropagation; // eslint-disable-line deprecation/deprecation\n  }\n\n  const focushandler = props.focushandler;\n  if (undefined !== focushandler) {\n    textbox.onfocus = () => focushandler(textbox);\n  }\n\n  if (undefined !== props.list) {\n    textbox.setAttribute(\"list\", props.list);\n  }\n\n  if (undefined !== props.tooltip)\n    div.title = props.tooltip;\n\n  return { label, textbox, div };\n}\n"]}

package/lib/cjs/widgets/DiagnosticsPanel.d.ts

@@ -1,38 +1,38 @@
-import { Viewport } from "@itwin/core-frontend";
-import { KeyinField } from "./KeyinField";
-/** Options for configuring a [[DiagnosticsPanel]].
- * @beta
- */
-export interface DiagnosticsPanelProps {
-    /** Widgets to exclude from the panel. */
-    exclude?: {
-        keyin?: boolean;
-        fps?: boolean;
-        tileStats?: boolean;
-        memory?: boolean;
-        tileMemoryBreakdown?: boolean;
-        renderCommands?: boolean;
-        gpuProfiler?: boolean;
-        toolSettings?: boolean;
-    };
-}
-/** Consolidates many other widgets into a single panel.
- * @beta
- */
-export declare class DiagnosticsPanel {
-    private readonly _element;
-    private readonly _parentElement?;
-    private readonly _fpsTracker?;
-    private readonly _memoryTracker?;
-    private readonly _tileMemoryBreakdown?;
-    private readonly _renderCommands?;
-    private readonly _statsTracker?;
-    private readonly _gpuProfiler?;
-    private readonly _toolSettingsTracker?;
-    readonly keyinField?: KeyinField;
-    constructor(vp: Viewport, props?: DiagnosticsPanelProps);
-    get element(): HTMLElement;
-    dispose(): void;
-    private addSeparator;
-}
+import { Viewport } from "@itwin/core-frontend";
+import { KeyinField } from "./KeyinField";
+/** Options for configuring a [[DiagnosticsPanel]].
+ * @beta
+ */
+export interface DiagnosticsPanelProps {
+    /** Widgets to exclude from the panel. */
+    exclude?: {
+        keyin?: boolean;
+        fps?: boolean;
+        tileStats?: boolean;
+        memory?: boolean;
+        tileMemoryBreakdown?: boolean;
+        renderCommands?: boolean;
+        gpuProfiler?: boolean;
+        toolSettings?: boolean;
+    };
+}
+/** Consolidates many other widgets into a single panel.
+ * @beta
+ */
+export declare class DiagnosticsPanel {
+    private readonly _element;
+    private readonly _parentElement?;
+    private readonly _fpsTracker?;
+    private readonly _memoryTracker?;
+    private readonly _tileMemoryBreakdown?;
+    private readonly _renderCommands?;
+    private readonly _statsTracker?;
+    private readonly _gpuProfiler?;
+    private readonly _toolSettingsTracker?;
+    readonly keyinField?: KeyinField;
+    constructor(vp: Viewport, props?: DiagnosticsPanelProps);
+    get element(): HTMLElement;
+    dispose(): void;
+    private addSeparator;
+}
 //# sourceMappingURL=DiagnosticsPanel.d.ts.map