@itwin/frontend-devtools 4.0.0-dev.10 → 4.0.0-dev.101

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

@@ -1,29 +1,29 @@
-/** @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;
+/** @packageDocumentation
+ * @module Controls
+ */
+/** @alpha */
+export interface Slider {
+    label: HTMLLabelElement;
+    slider: HTMLInputElement;
+    div: HTMLDivElement;
+    readout: HTMLLabelElement;
+}
+/** @alpha */
+export 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/esm/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;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"}
+{"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,MAAM,MAAM,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/esm/ui/Slider.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.
-*--------------------------------------------------------------------------------------------*/
-/** @alpha */
-export 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 };
-}
+/*---------------------------------------------------------------------------------------------
+* 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 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 };
+}
 //# sourceMappingURL=Slider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/ui/Slider.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAgC/F,aAAa;AACb,MAAM,UAAU,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","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  readout: HTMLLabelElement;\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  readout?: \"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 readout = document.createElement(\"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\", () => {\r\n    props.handler(slider);\r\n    readout.innerText = slider.value;\r\n  });\r\n  div.appendChild(slider);\r\n\r\n  if (props.readout === \"right\") {\r\n    readout.innerText = slider.value;\r\n    div.appendChild(readout);\r\n  }\r\n\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(div);\r\n\r\n  return { label, slider, div, readout };\r\n}\r\n"]}
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/ui/Slider.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAgC/F,aAAa;AACb,MAAM,UAAU,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","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/esm/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 type TextBoxHandler = (textbox: HTMLInputElement) => void;
+/** @alpha */
+export 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/esm/ui/TextBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextBox.d.ts","sourceRoot":"","sources":["../../../src/ui/TextBox.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,8BAA8B;IAC9B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,uCAAuC;IACvC,GAAG,EAAE,cAAc,CAAC;CACrB;AAED,aAAa;AACb,oBAAY,cAAc,GAAG,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAEjE,aAAa;AACb,oBAAY,sBAAsB,GAAG,CAAC,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE,aAAa,KAAK,IAAI,CAAC;AAE5F,aAAa;AACb,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,eAAe,CAAC,EAAE,sBAAsB,CAAC;IACzC,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,aAAa;AACb,wBAAgB,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAwD1D"}
+{"version":3,"file":"TextBox.d.ts","sourceRoot":"","sources":["../../../src/ui/TextBox.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,8BAA8B;IAC9B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,uCAAuC;IACvC,GAAG,EAAE,cAAc,CAAC;CACrB;AAED,aAAa;AACb,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAEjE,aAAa;AACb,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE,aAAa,KAAK,IAAI,CAAC;AAE5F,aAAa;AACb,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,eAAe,CAAC,EAAE,sBAAsB,CAAC;IACzC,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,aAAa;AACb,wBAAgB,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAwD1D"}

package/lib/esm/ui/TextBox.js

@@ -1,53 +1,53 @@
-/*---------------------------------------------------------------------------------------------
-* 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 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 };
-}
+/*---------------------------------------------------------------------------------------------
+* 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 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 };
+}
 //# sourceMappingURL=TextBox.js.map

package/lib/esm/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,MAAM,UAAU,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","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,MAAM,UAAU,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","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/esm/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

package/lib/esm/widgets/DiagnosticsPanel.js

@@ -1,78 +1,78 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widgets
- */
-import { dispose } from "@itwin/core-bentley";
-import { FpsTracker } from "./FpsTracker";
-import { GpuProfiler } from "./GpuProfiler";
-import { KeyinField } from "./KeyinField";
-import { MemoryTracker } from "./MemoryTracker";
-import { RenderCommandBreakdown } from "./RenderCommandBreakdown";
-import { TileMemoryBreakdown } from "./TileMemoryBreakdown";
-import { TileStatisticsTracker } from "./TileStatisticsTracker";
-import { ToolSettingsTracker } from "./ToolSettingsTracker";
-/** Consolidates many other widgets into a single panel.
- * @beta
- */
-export class DiagnosticsPanel {
-    constructor(vp, props) {
-        const exclude = (undefined !== props && undefined !== props.exclude) ? props.exclude : {};
-        this._element = document.createElement("div");
-        this._element.className = "debugPanel";
-        if (true !== exclude.fps) {
-            this._fpsTracker = new FpsTracker(this._element, vp);
-            this.addSeparator();
-        }
-        if (true !== exclude.keyin) {
-            this.keyinField = new KeyinField({
-                parent: this._element,
-                baseId: "diagnosticsPanelKeyin",
-                wantButton: true,
-                wantLabel: true,
-                historyLength: 20,
-            });
-            this.addSeparator();
-        }
-        if (true !== exclude.tileStats) {
-            this._statsTracker = new TileStatisticsTracker(this._element, vp);
-            this.addSeparator();
-        }
-        if (true !== exclude.tileMemoryBreakdown) {
-            this._tileMemoryBreakdown = new TileMemoryBreakdown(this._element);
-            this.addSeparator();
-        }
-        if (!exclude.renderCommands) {
-            this._renderCommands = new RenderCommandBreakdown(this._element);
-            this.addSeparator();
-        }
-        if (true !== exclude.memory) {
-            this._memoryTracker = new MemoryTracker(this._element, vp);
-            this.addSeparator();
-        }
-        if (true !== exclude.gpuProfiler) {
-            this._gpuProfiler = new GpuProfiler(this._element);
-            this.addSeparator();
-        }
-        if (true !== exclude.toolSettings)
-            this._toolSettingsTracker = new ToolSettingsTracker(this._element, vp);
-    }
-    get element() { return this._element; }
-    dispose() {
-        dispose(this._fpsTracker);
-        dispose(this._memoryTracker);
-        dispose(this._tileMemoryBreakdown);
-        dispose(this._renderCommands);
-        dispose(this._statsTracker);
-        dispose(this._gpuProfiler);
-        dispose(this._toolSettingsTracker);
-        if (undefined !== this._parentElement)
-            this._parentElement.removeChild(this._element);
-    }
-    addSeparator() {
-        this._element.appendChild(document.createElement("hr"));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widgets
+ */
+import { dispose } from "@itwin/core-bentley";
+import { FpsTracker } from "./FpsTracker";
+import { GpuProfiler } from "./GpuProfiler";
+import { KeyinField } from "./KeyinField";
+import { MemoryTracker } from "./MemoryTracker";
+import { RenderCommandBreakdown } from "./RenderCommandBreakdown";
+import { TileMemoryBreakdown } from "./TileMemoryBreakdown";
+import { TileStatisticsTracker } from "./TileStatisticsTracker";
+import { ToolSettingsTracker } from "./ToolSettingsTracker";
+/** Consolidates many other widgets into a single panel.
+ * @beta
+ */
+export class DiagnosticsPanel {
+    constructor(vp, props) {
+        const exclude = (undefined !== props && undefined !== props.exclude) ? props.exclude : {};
+        this._element = document.createElement("div");
+        this._element.className = "debugPanel";
+        if (true !== exclude.fps) {
+            this._fpsTracker = new FpsTracker(this._element, vp);
+            this.addSeparator();
+        }
+        if (true !== exclude.keyin) {
+            this.keyinField = new KeyinField({
+                parent: this._element,
+                baseId: "diagnosticsPanelKeyin",
+                wantButton: true,
+                wantLabel: true,
+                historyLength: 20,
+            });
+            this.addSeparator();
+        }
+        if (true !== exclude.tileStats) {
+            this._statsTracker = new TileStatisticsTracker(this._element, vp);
+            this.addSeparator();
+        }
+        if (true !== exclude.tileMemoryBreakdown) {
+            this._tileMemoryBreakdown = new TileMemoryBreakdown(this._element);
+            this.addSeparator();
+        }
+        if (!exclude.renderCommands) {
+            this._renderCommands = new RenderCommandBreakdown(this._element);
+            this.addSeparator();
+        }
+        if (true !== exclude.memory) {
+            this._memoryTracker = new MemoryTracker(this._element, vp);
+            this.addSeparator();
+        }
+        if (true !== exclude.gpuProfiler) {
+            this._gpuProfiler = new GpuProfiler(this._element);
+            this.addSeparator();
+        }
+        if (true !== exclude.toolSettings)
+            this._toolSettingsTracker = new ToolSettingsTracker(this._element, vp);
+    }
+    get element() { return this._element; }
+    dispose() {
+        dispose(this._fpsTracker);
+        dispose(this._memoryTracker);
+        dispose(this._tileMemoryBreakdown);
+        dispose(this._renderCommands);
+        dispose(this._statsTracker);
+        dispose(this._gpuProfiler);
+        dispose(this._toolSettingsTracker);
+        if (undefined !== this._parentElement)
+            this._parentElement.removeChild(this._element);
+    }
+    addSeparator() {
+        this._element.appendChild(document.createElement("hr"));
+    }
+}
 //# sourceMappingURL=DiagnosticsPanel.js.map