@itwin/frontend-devtools 4.10.0-dev.8 → 5.0.0-dev.0

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

@@ -1 +1 @@
-{"version":3,"file":"ColorInput.js","sourceRoot":"","sources":["../../../src/ui/ColorInput.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAwB9C,aAAa;AACb,MAAM,UAAU,eAAe,CAAC,GAAW;IACzC,kDAAkD;IAClD,MAAM,MAAM,GAAG,2CAA2C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrE,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,QAAQ,CAC1B,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EACvB,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EACvB,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACxB,CAAC,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC;AAED,aAAa;AACb,MAAM,UAAU,gBAAgB,CAAC,KAAsB;IAErD,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACnD,UAAU,CAAC,IAAI,GAAG,OAAO,CAAC;IAC1B,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAE/B,UAAU,CAAC,QAAQ,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC;YACH,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC;YAC/B,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,EAAE;QACJ,CAAC;IACH,CAAC,CAAC;IACF,IAAI,UAA4B,CAAC;IAEjC,IAAI,SAAS,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC;QAC9B,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC7C,UAAU,CAAC,SAAS,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC;QACzC,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC;IACD,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAEjC,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;QAC7B,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IACzC,IAAI,SAAS,KAAK,KAAK,CAAC,EAAE;QACxB,UAAU,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAC3B,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;QAC7B,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IACnC,IAAI,SAAS,KAAK,KAAK,CAAC,QAAQ;QAC9B,UAAU,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IACvC,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAErC,OAAO,SAAS,KAAK,UAAW,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAW,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;AACrI,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Controls\r\n */\r\n\r\nimport { RgbColor } from \"@itwin/core-common\";\r\n\r\n/** @alpha */\r\nexport type ColorInputHandler = (value: string) => void;\r\n\r\n/** @alpha */\r\nexport interface ColorInputProps {\r\n  handler: ColorInputHandler;\r\n  value: string;\r\n  id?: string;\r\n  label?: string;\r\n  parent?: HTMLElement;\r\n  display?: \"inline\" | \"none\" | \"block\";\r\n  disabled?: boolean;\r\n  tooltip?: string;\r\n}\r\n\r\n/** @alpha */\r\nexport interface ColorInput {\r\n  div: HTMLDivElement;\r\n  input: HTMLInputElement;\r\n  label?: HTMLLabelElement;\r\n}\r\n\r\n/** @alpha */\r\nexport function convertHexToRgb(hex: string): RgbColor | undefined {\r\n  // Parse a hex color string formatted as \"#FFFFFF\"\r\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\r\n  return result ? new RgbColor(\r\n    parseInt(result[1], 16),\r\n    parseInt(result[2], 16),\r\n    parseInt(result[3], 16),\r\n  ) : undefined;\r\n}\r\n\r\n/** @alpha */\r\nexport function createColorInput(props: ColorInputProps): ColorInput {\r\n\r\n  const inputDiv = document.createElement(\"div\");\r\n\r\n  const colorInput = document.createElement(\"input\");\r\n  colorInput.type = \"color\";\r\n  colorInput.value = props.value;\r\n\r\n  colorInput.onchange = () => {\r\n    try {\r\n      const value = colorInput.value;\r\n      props.handler(value);\r\n    } catch (_ex) {\r\n      //\r\n    }\r\n  };\r\n  let colorLabel: HTMLLabelElement;\r\n\r\n  if (undefined !== props.label) {\r\n    colorLabel = document.createElement(\"label\");\r\n    colorLabel.innerText = `${props.label} `;\r\n    inputDiv.appendChild(colorLabel);\r\n  }\r\n  inputDiv.appendChild(colorInput);\r\n\r\n  if (undefined !== props.display)\r\n    inputDiv.style.display = props.display;\r\n  if (undefined !== props.id)\r\n    colorInput.id = props.id;\r\n  if (undefined !== props.tooltip)\r\n    colorInput.title = props.tooltip;\r\n  if (undefined !== props.disabled)\r\n    colorInput.disabled = props.disabled;\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(inputDiv);\r\n\r\n  return undefined !== colorLabel! ? { div: inputDiv, input: colorInput, label: colorLabel! } : { div: inputDiv, input: colorInput };\r\n}\r\n"]}
+{"version":3,"file":"ColorInput.js","sourceRoot":"","sources":["../../../src/ui/ColorInput.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAwB9C,aAAa;AACb,MAAM,UAAU,eAAe,CAAC,GAAW;IACzC,kDAAkD;IAClD,MAAM,MAAM,GAAG,2CAA2C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrE,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,QAAQ,CAC1B,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EACvB,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EACvB,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACxB,CAAC,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC;AAED,aAAa;AACb,MAAM,UAAU,gBAAgB,CAAC,KAAsB;IAErD,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACnD,UAAU,CAAC,IAAI,GAAG,OAAO,CAAC;IAC1B,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAE/B,UAAU,CAAC,QAAQ,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC;YACH,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC;YAC/B,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;QAAC,MAAM,CAAC;YACP,EAAE;QACJ,CAAC;IACH,CAAC,CAAC;IACF,IAAI,UAA4B,CAAC;IAEjC,IAAI,SAAS,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC;QAC9B,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC7C,UAAU,CAAC,SAAS,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC;QACzC,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC;IACD,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAEjC,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;QAC7B,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IACzC,IAAI,SAAS,KAAK,KAAK,CAAC,EAAE;QACxB,UAAU,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IAC3B,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;QAC7B,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IACnC,IAAI,SAAS,KAAK,KAAK,CAAC,QAAQ;QAC9B,UAAU,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IACvC,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAErC,OAAO,SAAS,KAAK,UAAW,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAW,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;AACrI,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Controls\r\n */\r\n\r\nimport { RgbColor } from \"@itwin/core-common\";\r\n\r\n/** @alpha */\r\nexport type ColorInputHandler = (value: string) => void;\r\n\r\n/** @alpha */\r\nexport interface ColorInputProps {\r\n  handler: ColorInputHandler;\r\n  value: string;\r\n  id?: string;\r\n  label?: string;\r\n  parent?: HTMLElement;\r\n  display?: \"inline\" | \"none\" | \"block\";\r\n  disabled?: boolean;\r\n  tooltip?: string;\r\n}\r\n\r\n/** @alpha */\r\nexport interface ColorInput {\r\n  div: HTMLDivElement;\r\n  input: HTMLInputElement;\r\n  label?: HTMLLabelElement;\r\n}\r\n\r\n/** @alpha */\r\nexport function convertHexToRgb(hex: string): RgbColor | undefined {\r\n  // Parse a hex color string formatted as \"#FFFFFF\"\r\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\r\n  return result ? new RgbColor(\r\n    parseInt(result[1], 16),\r\n    parseInt(result[2], 16),\r\n    parseInt(result[3], 16),\r\n  ) : undefined;\r\n}\r\n\r\n/** @alpha */\r\nexport function createColorInput(props: ColorInputProps): ColorInput {\r\n\r\n  const inputDiv = document.createElement(\"div\");\r\n\r\n  const colorInput = document.createElement(\"input\");\r\n  colorInput.type = \"color\";\r\n  colorInput.value = props.value;\r\n\r\n  colorInput.onchange = () => {\r\n    try {\r\n      const value = colorInput.value;\r\n      props.handler(value);\r\n    } catch {\r\n      //\r\n    }\r\n  };\r\n  let colorLabel: HTMLLabelElement;\r\n\r\n  if (undefined !== props.label) {\r\n    colorLabel = document.createElement(\"label\");\r\n    colorLabel.innerText = `${props.label} `;\r\n    inputDiv.appendChild(colorLabel);\r\n  }\r\n  inputDiv.appendChild(colorInput);\r\n\r\n  if (undefined !== props.display)\r\n    inputDiv.style.display = props.display;\r\n  if (undefined !== props.id)\r\n    colorInput.id = props.id;\r\n  if (undefined !== props.tooltip)\r\n    colorInput.title = props.tooltip;\r\n  if (undefined !== props.disabled)\r\n    colorInput.disabled = props.disabled;\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(inputDiv);\r\n\r\n  return undefined !== colorLabel! ? { div: inputDiv, input: colorInput, label: colorLabel! } : { div: inputDiv, input: colorInput };\r\n}\r\n"]}

package/lib/esm/ui/NumericInput.js

@@ -13,7 +13,7 @@ export function createNumericInput(props, useFloat = false) {
             if (!Number.isNaN(value))
                 props.handler(value, input);
         }
-        catch (_ex) {
+        catch {
             //
         }
     };

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

@@ -1 +1 @@
-{"version":3,"file":"NumericInput.js","sourceRoot":"","sources":["../../../src/ui/NumericInput.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 type NumericInputHandler = (value: number, input: HTMLInputElement) => void;\r\n\r\n/** @alpha */\r\nexport interface NumericInputProps {\r\n  handler: NumericInputHandler;\r\n  id?: string;\r\n  parent?: HTMLElement;\r\n  value: number;\r\n  display?: \"inline\" | \"none\" | \"block\";\r\n  disabled?: boolean;\r\n  min?: number;\r\n  max?: number;\r\n  step?: number;\r\n  tooltip?: string;\r\n  parseAsFloat?: true;\r\n}\r\n\r\n/** @alpha */\r\nexport function createNumericInput(props: NumericInputProps, useFloat: boolean = false): HTMLInputElement {\r\n  const input = document.createElement(\"input\");\r\n  input.type = \"number\";\r\n  input.value = props.value.toString();\r\n\r\n  input.onchange = () => {\r\n    try {\r\n      const value = useFloat ? parseFloat(input.value) : parseInt(input.value, 10);\r\n      if (!Number.isNaN(value))\r\n        props.handler(value, input);\r\n    } catch (_ex) {\r\n      //\r\n    }\r\n  };\r\n\r\n  if (undefined !== props.id)\r\n    input.id = props.id;\r\n  if (undefined !== props.display)\r\n    input.style.display = props.display;\r\n  if (undefined !== props.min)\r\n    input.min = props.min.toString();\r\n  if (undefined !== props.max)\r\n    input.max = props.max.toString();\r\n  if (undefined !== props.step)\r\n    input.step = props.step.toString();\r\n  if (undefined !== props.tooltip)\r\n    input.title = props.tooltip;\r\n  if (undefined !== props.disabled)\r\n    input.disabled = props.disabled;\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(input);\r\n\r\n  return input;\r\n}\r\n\r\n/** @alpha */\r\nexport interface LabeledNumericInputProps extends NumericInputProps {\r\n  name: string;\r\n  id: string;\r\n  divDisplay?: \"block\" | \"none\" | \"inline\";\r\n}\r\n\r\n/** @alpha */\r\nexport interface LabeledNumericInput {\r\n  input: HTMLInputElement;\r\n  div: HTMLDivElement;\r\n  label: HTMLLabelElement;\r\n}\r\n\r\n/** @alpha */\r\nexport function createLabeledNumericInput(props: LabeledNumericInputProps): LabeledNumericInput {\r\n  const div = document.createElement(\"div\");\r\n  if (props.divDisplay)\r\n    div.style.display = props.divDisplay;\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 inputProps = { ...props };\r\n  inputProps.parent = div;\r\n  inputProps.display = \"inline\";\r\n  const input = createNumericInput(inputProps, true === props.parseAsFloat);\r\n\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(div);\r\n\r\n  if (undefined !== props.tooltip)\r\n    div.title = props.tooltip;\r\n\r\n  return { label, div, input };\r\n}\r\n"]}
+{"version":3,"file":"NumericInput.js","sourceRoot":"","sources":["../../../src/ui/NumericInput.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAwB/F,aAAa;AACb,MAAM,UAAU,kBAAkB,CAAC,KAAwB,EAAE,WAAoB,KAAK;IACpF,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,IAAI,GAAG,QAAQ,CAAC;IACtB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IAErC,KAAK,CAAC,QAAQ,GAAG,GAAG,EAAE;QACpB,IAAI,CAAC;YACH,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAC7E,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;gBACtB,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAChC,CAAC;QAAC,MAAM,CAAC;YACP,EAAE;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,SAAS,KAAK,KAAK,CAAC,EAAE;QACxB,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IACtB,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;QAC7B,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IACtC,IAAI,SAAS,KAAK,KAAK,CAAC,GAAG;QACzB,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACnC,IAAI,SAAS,KAAK,KAAK,CAAC,GAAG;QACzB,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACnC,IAAI,SAAS,KAAK,KAAK,CAAC,IAAI;QAC1B,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;IACrC,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;QAC7B,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC9B,IAAI,SAAS,KAAK,KAAK,CAAC,QAAQ;QAC9B,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IAClC,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAElC,OAAO,KAAK,CAAC;AACf,CAAC;AAgBD,aAAa;AACb,MAAM,UAAU,yBAAyB,CAAC,KAA+B;IACvE,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,IAAI,KAAK,CAAC,UAAU;QAClB,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC;IAEvC,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,UAAU,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IAChC,UAAU,CAAC,MAAM,GAAG,GAAG,CAAC;IACxB,UAAU,CAAC,OAAO,GAAG,QAAQ,CAAC;IAC9B,MAAM,KAAK,GAAG,kBAAkB,CAAC,UAAU,EAAE,IAAI,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC;IAE1E,IAAI,SAAS,KAAK,KAAK,CAAC,MAAM;QAC5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEhC,IAAI,SAAS,KAAK,KAAK,CAAC,OAAO;QAC7B,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAE5B,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AAC/B,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 type NumericInputHandler = (value: number, input: HTMLInputElement) => void;\r\n\r\n/** @alpha */\r\nexport interface NumericInputProps {\r\n  handler: NumericInputHandler;\r\n  id?: string;\r\n  parent?: HTMLElement;\r\n  value: number;\r\n  display?: \"inline\" | \"none\" | \"block\";\r\n  disabled?: boolean;\r\n  min?: number;\r\n  max?: number;\r\n  step?: number;\r\n  tooltip?: string;\r\n  parseAsFloat?: true;\r\n}\r\n\r\n/** @alpha */\r\nexport function createNumericInput(props: NumericInputProps, useFloat: boolean = false): HTMLInputElement {\r\n  const input = document.createElement(\"input\");\r\n  input.type = \"number\";\r\n  input.value = props.value.toString();\r\n\r\n  input.onchange = () => {\r\n    try {\r\n      const value = useFloat ? parseFloat(input.value) : parseInt(input.value, 10);\r\n      if (!Number.isNaN(value))\r\n        props.handler(value, input);\r\n    } catch {\r\n      //\r\n    }\r\n  };\r\n\r\n  if (undefined !== props.id)\r\n    input.id = props.id;\r\n  if (undefined !== props.display)\r\n    input.style.display = props.display;\r\n  if (undefined !== props.min)\r\n    input.min = props.min.toString();\r\n  if (undefined !== props.max)\r\n    input.max = props.max.toString();\r\n  if (undefined !== props.step)\r\n    input.step = props.step.toString();\r\n  if (undefined !== props.tooltip)\r\n    input.title = props.tooltip;\r\n  if (undefined !== props.disabled)\r\n    input.disabled = props.disabled;\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(input);\r\n\r\n  return input;\r\n}\r\n\r\n/** @alpha */\r\nexport interface LabeledNumericInputProps extends NumericInputProps {\r\n  name: string;\r\n  id: string;\r\n  divDisplay?: \"block\" | \"none\" | \"inline\";\r\n}\r\n\r\n/** @alpha */\r\nexport interface LabeledNumericInput {\r\n  input: HTMLInputElement;\r\n  div: HTMLDivElement;\r\n  label: HTMLLabelElement;\r\n}\r\n\r\n/** @alpha */\r\nexport function createLabeledNumericInput(props: LabeledNumericInputProps): LabeledNumericInput {\r\n  const div = document.createElement(\"div\");\r\n  if (props.divDisplay)\r\n    div.style.display = props.divDisplay;\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 inputProps = { ...props };\r\n  inputProps.parent = div;\r\n  inputProps.display = \"inline\";\r\n  const input = createNumericInput(inputProps, true === props.parseAsFloat);\r\n\r\n  if (undefined !== props.parent)\r\n    props.parent.appendChild(div);\r\n\r\n  if (undefined !== props.tooltip)\r\n    div.title = props.tooltip;\r\n\r\n  return { label, div, input };\r\n}\r\n"]}

package/lib/esm/ui/RadioBox.js

@@ -28,7 +28,7 @@ export function createRadioBox(props) {
                 const value = input.value;
                 props.handler(value, form);
             }
-            catch (_ex) {
+            catch {
                 //
             }
         };
@@ -37,7 +37,7 @@ export function createRadioBox(props) {
                 const value = input.value;
                 props.handler(value, form);
             }
-            catch (_ex) {
+            catch {
                 //
             }
         };

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":["/*---------------------------------------------------------------------------------------------\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 {\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 {\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"]}

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

@@ -26,4 +26,6 @@ export interface SliderProps {
 }
 /** @alpha */
 export declare function createSlider(props: SliderProps): Slider;
+/** @alpha */
+export declare function updateSliderValue(sliderCtrl: Slider, value: string): void;
 //# 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,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"}
+{"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;AAED,aAAa;AACb,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,QAGlE"}

package/lib/esm/ui/Slider.js

@@ -36,4 +36,9 @@ export function createSlider(props) {
         props.parent.appendChild(div);
     return { label, slider, div, readout };
 }
+/** @alpha */
+export function updateSliderValue(sliderCtrl, value) {
+    sliderCtrl.slider.value = value;
+    sliderCtrl.readout.innerText = value;
+}
 //# 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,CAAC;QAC9B,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;QACjC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC3B,CAAC;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,CAAC;QAC9B,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;QACjC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC3B,CAAC;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;AAED,aAAa;AACb,MAAM,UAAU,iBAAiB,CAAC,UAAkB,EAAE,KAAa;IACjE,UAAU,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;IAChC,UAAU,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC;AACvC,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\r\n/** @alpha */\r\nexport function updateSliderValue(sliderCtrl: Slider, value: string) {\r\n  sliderCtrl.slider.value = value;\r\n  sliderCtrl.readout.innerText = value;\r\n}\r\n"]}

package/lib/esm/ui/TextBox.js

@@ -37,7 +37,7 @@ export function createTextBox(props) {
         };
     }
     else {
-        textbox.onkeypress = stopPropagation; // eslint-disable-line deprecation/deprecation
+        textbox.onkeypress = stopPropagation; // eslint-disable-line @typescript-eslint/no-deprecated
     }
     const focushandler = props.focushandler;
     if (undefined !== focushandler) {

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,CAAC;QAC9B,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;IACzB,CAAC;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,CAAC;QAC1B,OAAO,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC5C,CAAC;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,CAAC;QAClC,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;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,UAAU,GAAG,eAAe,CAAC,CAAC,8CAA8C;IACtF,CAAC;IAED,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC;IACxC,IAAI,SAAS,KAAK,YAAY,EAAE,CAAC;QAC/B,OAAO,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC;IAED,IAAI,SAAS,KAAK,KAAK,CAAC,IAAI,EAAE,CAAC;QAC7B,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;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,CAAC;QAC9B,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;IACzB,CAAC;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,CAAC;QAC1B,OAAO,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC5C,CAAC;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,CAAC;QAClC,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;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,UAAU,GAAG,eAAe,CAAC,CAAC,uDAAuD;IAC/F,CAAC;IAED,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC;IACxC,IAAI,SAAS,KAAK,YAAY,EAAE,CAAC;QAC/B,OAAO,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC;IAED,IAAI,SAAS,KAAK,KAAK,CAAC,IAAI,EAAE,CAAC;QAC7B,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;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 @typescript-eslint/no-deprecated\r\n      keypresshandler(textbox, ev);\r\n      ev.stopPropagation();\r\n    };\r\n  } else {\r\n    textbox.onkeypress = stopPropagation; // eslint-disable-line @typescript-eslint/no-deprecated\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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/frontend-devtools",
-  "version": "4.10.0-dev.8",
+  "version": "5.0.0-dev.0",
   "description": "Debug menu and supporting UI widgets",
   "main": "lib/cjs/frontend-devtools.js",
   "module": "lib/esm/frontend-devtools.js",
@@ -24,19 +24,19 @@
   },
   "dependencies": {
     "file-saver": "^2.0.2",
-    "@itwin/core-common": "4.10.0-dev.8",
-    "@itwin/core-bentley": "4.10.0-dev.8",
-    "@itwin/core-frontend": "4.10.0-dev.8",
-    "@itwin/core-geometry": "4.10.0-dev.8"
+    "@itwin/core-frontend": "5.0.0-dev.0",
+    "@itwin/core-bentley": "5.0.0-dev.0",
+    "@itwin/core-common": "5.0.0-dev.0",
+    "@itwin/core-geometry": "5.0.0-dev.0"
   },
   "devDependencies": {
-    "@itwin/eslint-plugin": "^4.0.2",
+    "@itwin/eslint-plugin": "5.0.0-dev.1",
     "@types/file-saver": "^2.0.1",
     "cpx2": "^3.0.0",
-    "eslint": "^8.56.0",
+    "eslint": "^9.13.0",
     "rimraf": "^3.0.2",
-    "typescript": "~5.3.3",
-    "@itwin/build-tools": "4.10.0-dev.8"
+    "typescript": "~5.6.2",
+    "@itwin/build-tools": "5.0.0-dev.0"
   },
   "scripts": {
     "build": "npm run -s copy:public && npm run -s build:cjs && npm run -s build:esm",
@@ -46,7 +46,7 @@
     "clean": "rimraf lib .rush/temp/package-deps*.json",
     "docs": "betools docs --includes=../../generated-docs/extract --json=../../generated-docs/core/frontend-devtools/file.json --tsIndexFile=./frontend-devtools.ts --onlyJson",
     "extract-api": "betools extract-api --entry=frontend-devtools",
-    "lint": "eslint -f visualstudio \"./src/**/*.ts\" 1>&2",
+    "lint": "eslint \"./src/**/*.ts\" 1>&2",
     "test": "",
     "cover": ""
   }