@itwin/frontend-devtools 5.0.0-dev.8 → 5.0.0-dev.83

package/lib/esm/widgets/TileMemoryBreakdown.js

@@ -18,11 +18,11 @@ var TileMemorySelector;
     TileMemorySelector[TileMemorySelector["Count"] = 5] = "Count";
 })(TileMemorySelector || (TileMemorySelector = {}));
 class TileMemoryTracer {
+    _stats = new RenderMemory.Statistics();
+    _processedTiles = new Set();
+    counters = [];
+    numSelected = 0;
     constructor() {
-        this._stats = new RenderMemory.Statistics();
-        this._processedTiles = new Set();
-        this.counters = [];
-        this.numSelected = 0;
         for (let i = 0; i < TileMemorySelector.Count; i++)
             this.counters.push({ numTiles: 0, bytesUsed: 0 });
     }
@@ -114,11 +114,13 @@ function format(count, label, bytesUsed) {
  * @beta
  */
 export class TileMemoryBreakdown {
+    _tracer = new TileMemoryTracer();
+    _div;
+    _curIntervalId;
+    _statsElements = [];
+    _totalsElements = [];
     /** Construct a new breakdown widget as a child of the specified parent element. */
     constructor(parent) {
-        this._tracer = new TileMemoryTracer();
-        this._statsElements = [];
-        this._totalsElements = [];
         createCheckBox({
             parent,
             name: "Tile Memory Breakdown",
@@ -154,7 +156,7 @@ export class TileMemoryBreakdown {
             leftCell.appendChild(div);
         }
     }
-    dispose() {
+    [Symbol.dispose]() {
         this.clearInterval();
     }
     toggle() {

package/lib/esm/widgets/TileMemoryBreakdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileMemoryBreakdown.js","sourceRoot":"","sources":["../../../src/widgets/TileMemoryBreakdown.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/** @packageDocumentation\n * @module Widgets\n */\n\nimport { IModelApp, IModelConnection, RenderMemory, Tile } from \"@itwin/core-frontend\";\nimport { createCheckBox } from \"../ui/CheckBox\";\nimport { formatMemory } from \"./MemoryTracker\";\n\ninterface TileMemoryCounter {\n  numTiles: number;\n  bytesUsed: number;\n}\n\nenum TileMemorySelector {\n  Selected, // Tiles selected for display by at least one viewport.\n  Ancestors, // Ancestors of selected tiles, themselves not selected for display by any viewport.\n  Descendants, // Descendants of selected tiles, themselves not selected for display by any viewport.\n  Orphaned, // Tiles not selected for display having no ancestors nor descendants selected for display.\n  Total, // Total of all the above\n  Count,\n}\n\nclass TileMemoryTracer {\n  private readonly _stats = new RenderMemory.Statistics();\n  private readonly _processedTiles = new Set<Tile>();\n  public readonly counters: TileMemoryCounter[] = [];\n  public numSelected = 0;\n\n  public constructor() {\n    for (let i = 0; i < TileMemorySelector.Count; i++)\n      this.counters.push({ numTiles: 0, bytesUsed: 0 });\n  }\n\n  public update(): void {\n    this.reset();\n\n    const imodels = new Set<IModelConnection>();\n    const selectedTiles = new Set<Tile>();\n    for (const vp of IModelApp.viewManager) {\n      imodels.add(vp.iModel);\n      const tiles = IModelApp.tileAdmin.getTilesForUser(vp)?.selected;\n      if (tiles)\n        for (const tile of tiles)\n          selectedTiles.add(tile);\n    }\n\n    for (const selected of selectedTiles)\n      this.add(selected, TileMemorySelector.Selected);\n\n    for (const selected of selectedTiles) {\n      this.processParent(selected.parent);\n      this.processChildren(selected.children);\n    }\n\n    for (const imodel of imodels) {\n      imodel.tiles.forEachTreeOwner((owner) => {\n        const tree = owner.tileTree;\n        if (tree)\n          this.processOrphan(tree.rootTile);\n      });\n    }\n\n    this.counters[TileMemorySelector.Total].numTiles = this.counters.reduce((accum, counter) => accum + counter.numTiles, 0);\n    this.counters[TileMemorySelector.Total].bytesUsed = this.counters.reduce((accum, counter) => accum + counter.bytesUsed, 0);\n  }\n\n  private reset(): void {\n    this._processedTiles.clear();\n    this.numSelected = 0;\n    for (const counter of this.counters)\n      counter.numTiles = counter.bytesUsed = 0;\n  }\n\n  private add(tile: Tile, selector: TileMemorySelector): void {\n    this._processedTiles.add(tile);\n    this._stats.clear();\n    tile.collectStatistics(this._stats, false);\n\n    const bytesUsed = this._stats.totalBytes;\n    if (bytesUsed > 0) {\n      const counter = this.counters[selector];\n      ++counter.numTiles;\n      counter.bytesUsed += bytesUsed;\n    }\n  }\n\n  private processParent(parent: Tile | undefined): void {\n    if (parent && !this._processedTiles.has(parent)) {\n      this.add(parent, TileMemorySelector.Ancestors);\n      this.processParent(parent.parent);\n    }\n  }\n\n  private processChildren(children: Tile[] | undefined): void {\n    if (!children)\n      return;\n\n    for (const child of children) {\n      if (!this._processedTiles.has(child)) {\n        this.add(child, TileMemorySelector.Descendants);\n        this.processChildren(child.children);\n      }\n    }\n  }\n\n  private processOrphan(tile: Tile): void {\n    if (!this._processedTiles.has(tile))\n      this.add(tile, TileMemorySelector.Orphaned);\n\n    const children = tile.children;\n    if (children)\n      for (const child of children)\n        this.processOrphan(child);\n  }\n}\n\nconst statsLabels = [\"Selected\", \"Ancestors\", \"Descendants\", \"Orphaned\", \"Total\"];\n\nfunction format(count: number, label: string, bytesUsed: number): string {\n  return `${count} ${label}: ${formatMemory(bytesUsed)}`;\n}\n\n/** Breaks down the GPU memory allocated to tiles into categories displayed in two panes.\n * The left-hand pane obtains its information from [TileAdmin]($frontend), displaying the number of selected and unselected tiles that are consuming graphics memory along with the amount of memory consumed.\n * The right-hand pane computes its information from the set of all [TileTree]($frontend)s, broken down into groups:\n * - \"Selected\" - tiles that have been selected for display in at least one viewport.\n * - \"Ancestors\" - tiles not selected for display, but have descendents selected for display.\n * - \"Descendants\" - tiles not selected for display, but have ancestors selected for display.\n * - \"Orphans\" - tiles not selected for display that have no ancestors nor descendants selected for display.\n * - \"Total\" - totals of the above categories.\n *\n * Each row of data shows `(number of tiles) Group Name: amount of memory consumed by group`.\n * The number of tiles in each group includes only those tiles that are consuming a non-zero amount of GPU memory.\n * The widget includes a checkbox to toggle tracking and display of these statistics.\n * @beta\n */\nexport class TileMemoryBreakdown {\n  private readonly _tracer = new TileMemoryTracer();\n  private readonly _div: HTMLDivElement;\n  private _curIntervalId?: number;\n  private readonly _statsElements: HTMLElement[] = [];\n  private readonly _totalsElements: HTMLElement[] = [];\n\n  /** Construct a new breakdown widget as a child of the specified parent element. */\n  public constructor(parent: HTMLElement) {\n    createCheckBox({\n      parent,\n      name: \"Tile Memory Breakdown\",\n      id: \"tileMemoryBreakdown\",\n      handler: (_cb) => this.toggle(),\n    });\n\n    parent.appendChild(this._div = document.createElement(\"div\"));\n    this._div.style.display = \"none\";\n    this._div.style.textAlign = \"right\";\n\n    const table = document.createElement(\"table\");\n    table.style.width = \"100%\";\n    table.setAttribute(\"border\", \"1\");\n    this._div.appendChild(table);\n\n    const row = document.createElement(\"tr\");\n    const leftCell = document.createElement(\"td\");\n    const rightCell = document.createElement(\"td\");\n    leftCell.style.width = rightCell.style.width = \"50%\";\n    row.appendChild(leftCell);\n    row.appendChild(rightCell);\n    table.appendChild(row);\n\n    for (let i = 0; i < TileMemorySelector.Count; i++) {\n      const div = document.createElement(\"div\");\n      const elem = document.createElement(\"text\");\n      this._statsElements.push(elem);\n      div.appendChild(elem);\n      rightCell.appendChild(div);\n    }\n\n    for (let i = 0; i < 3; i++) {\n      const div = document.createElement(\"div\");\n      const elem = document.createElement(\"text\");\n      this._totalsElements.push(elem);\n      div.appendChild(elem);\n      leftCell.appendChild(div);\n    }\n  }\n\n  public dispose(): void {\n    this.clearInterval();\n  }\n\n  private toggle(): void {\n    if (undefined !== this._curIntervalId) {\n      this._div.style.display = \"none\";\n      this.clearInterval();\n    } else {\n      this._div.style.display = \"block\";\n      this.update();\n      this._curIntervalId = window.setInterval(() => this.update(), 500);\n    }\n  }\n\n  private clearInterval(): void {\n    if (undefined !== this._curIntervalId) {\n      window.clearInterval(this._curIntervalId);\n      this._curIntervalId = undefined;\n    }\n  }\n\n  private update(): void {\n    this._tracer.update();\n    for (let i = 0; i < this._statsElements.length; i++) {\n      const counter = this._tracer.counters[i];\n      this._statsElements[i].innerText = format(counter.numTiles, statsLabels[i], counter.bytesUsed);\n    }\n\n    let numUnselected = 0;\n    let unselectedBytes = 0;\n    for (const unselected of IModelApp.tileAdmin.unselectedLoadedTiles) {\n      ++numUnselected;\n      unselectedBytes += unselected.bytesUsed;\n    }\n\n    let numSelected = 0;\n    let selectedBytes = 0;\n    for (const selected of IModelApp.tileAdmin.selectedLoadedTiles) {\n      ++numSelected;\n      selectedBytes += selected.bytesUsed;\n    }\n\n    this._totalsElements[0].innerText = format(numSelected, \"Selected\", selectedBytes);\n    this._totalsElements[1].innerText = format(numUnselected, \"Unselected\", unselectedBytes);\n    this._totalsElements[2].innerText = format(numSelected + numUnselected, \"Total\", IModelApp.tileAdmin.totalTileContentBytes);\n  }\n}\n"]}
+{"version":3,"file":"TileMemoryBreakdown.js","sourceRoot":"","sources":["../../../src/widgets/TileMemoryBreakdown.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/** @packageDocumentation\n * @module Widgets\n */\n\nimport { IModelApp, IModelConnection, RenderMemory, Tile } from \"@itwin/core-frontend\";\nimport { createCheckBox } from \"../ui/CheckBox\";\nimport { formatMemory } from \"./MemoryTracker\";\n\ninterface TileMemoryCounter {\n  numTiles: number;\n  bytesUsed: number;\n}\n\nenum TileMemorySelector {\n  Selected, // Tiles selected for display by at least one viewport.\n  Ancestors, // Ancestors of selected tiles, themselves not selected for display by any viewport.\n  Descendants, // Descendants of selected tiles, themselves not selected for display by any viewport.\n  Orphaned, // Tiles not selected for display having no ancestors nor descendants selected for display.\n  Total, // Total of all the above\n  Count,\n}\n\nclass TileMemoryTracer {\n  private readonly _stats = new RenderMemory.Statistics();\n  private readonly _processedTiles = new Set<Tile>();\n  public readonly counters: TileMemoryCounter[] = [];\n  public numSelected = 0;\n\n  public constructor() {\n    for (let i = 0; i < TileMemorySelector.Count; i++)\n      this.counters.push({ numTiles: 0, bytesUsed: 0 });\n  }\n\n  public update(): void {\n    this.reset();\n\n    const imodels = new Set<IModelConnection>();\n    const selectedTiles = new Set<Tile>();\n    for (const vp of IModelApp.viewManager) {\n      imodels.add(vp.iModel);\n      const tiles = IModelApp.tileAdmin.getTilesForUser(vp)?.selected;\n      if (tiles)\n        for (const tile of tiles)\n          selectedTiles.add(tile);\n    }\n\n    for (const selected of selectedTiles)\n      this.add(selected, TileMemorySelector.Selected);\n\n    for (const selected of selectedTiles) {\n      this.processParent(selected.parent);\n      this.processChildren(selected.children);\n    }\n\n    for (const imodel of imodels) {\n      imodel.tiles.forEachTreeOwner((owner) => {\n        const tree = owner.tileTree;\n        if (tree)\n          this.processOrphan(tree.rootTile);\n      });\n    }\n\n    this.counters[TileMemorySelector.Total].numTiles = this.counters.reduce((accum, counter) => accum + counter.numTiles, 0);\n    this.counters[TileMemorySelector.Total].bytesUsed = this.counters.reduce((accum, counter) => accum + counter.bytesUsed, 0);\n  }\n\n  private reset(): void {\n    this._processedTiles.clear();\n    this.numSelected = 0;\n    for (const counter of this.counters)\n      counter.numTiles = counter.bytesUsed = 0;\n  }\n\n  private add(tile: Tile, selector: TileMemorySelector): void {\n    this._processedTiles.add(tile);\n    this._stats.clear();\n    tile.collectStatistics(this._stats, false);\n\n    const bytesUsed = this._stats.totalBytes;\n    if (bytesUsed > 0) {\n      const counter = this.counters[selector];\n      ++counter.numTiles;\n      counter.bytesUsed += bytesUsed;\n    }\n  }\n\n  private processParent(parent: Tile | undefined): void {\n    if (parent && !this._processedTiles.has(parent)) {\n      this.add(parent, TileMemorySelector.Ancestors);\n      this.processParent(parent.parent);\n    }\n  }\n\n  private processChildren(children: Tile[] | undefined): void {\n    if (!children)\n      return;\n\n    for (const child of children) {\n      if (!this._processedTiles.has(child)) {\n        this.add(child, TileMemorySelector.Descendants);\n        this.processChildren(child.children);\n      }\n    }\n  }\n\n  private processOrphan(tile: Tile): void {\n    if (!this._processedTiles.has(tile))\n      this.add(tile, TileMemorySelector.Orphaned);\n\n    const children = tile.children;\n    if (children)\n      for (const child of children)\n        this.processOrphan(child);\n  }\n}\n\nconst statsLabels = [\"Selected\", \"Ancestors\", \"Descendants\", \"Orphaned\", \"Total\"];\n\nfunction format(count: number, label: string, bytesUsed: number): string {\n  return `${count} ${label}: ${formatMemory(bytesUsed)}`;\n}\n\n/** Breaks down the GPU memory allocated to tiles into categories displayed in two panes.\n * The left-hand pane obtains its information from [TileAdmin]($frontend), displaying the number of selected and unselected tiles that are consuming graphics memory along with the amount of memory consumed.\n * The right-hand pane computes its information from the set of all [TileTree]($frontend)s, broken down into groups:\n * - \"Selected\" - tiles that have been selected for display in at least one viewport.\n * - \"Ancestors\" - tiles not selected for display, but have descendents selected for display.\n * - \"Descendants\" - tiles not selected for display, but have ancestors selected for display.\n * - \"Orphans\" - tiles not selected for display that have no ancestors nor descendants selected for display.\n * - \"Total\" - totals of the above categories.\n *\n * Each row of data shows `(number of tiles) Group Name: amount of memory consumed by group`.\n * The number of tiles in each group includes only those tiles that are consuming a non-zero amount of GPU memory.\n * The widget includes a checkbox to toggle tracking and display of these statistics.\n * @beta\n */\nexport class TileMemoryBreakdown {\n  private readonly _tracer = new TileMemoryTracer();\n  private readonly _div: HTMLDivElement;\n  private _curIntervalId?: number;\n  private readonly _statsElements: HTMLElement[] = [];\n  private readonly _totalsElements: HTMLElement[] = [];\n\n  /** Construct a new breakdown widget as a child of the specified parent element. */\n  public constructor(parent: HTMLElement) {\n    createCheckBox({\n      parent,\n      name: \"Tile Memory Breakdown\",\n      id: \"tileMemoryBreakdown\",\n      handler: (_cb) => this.toggle(),\n    });\n\n    parent.appendChild(this._div = document.createElement(\"div\"));\n    this._div.style.display = \"none\";\n    this._div.style.textAlign = \"right\";\n\n    const table = document.createElement(\"table\");\n    table.style.width = \"100%\";\n    table.setAttribute(\"border\", \"1\");\n    this._div.appendChild(table);\n\n    const row = document.createElement(\"tr\");\n    const leftCell = document.createElement(\"td\");\n    const rightCell = document.createElement(\"td\");\n    leftCell.style.width = rightCell.style.width = \"50%\";\n    row.appendChild(leftCell);\n    row.appendChild(rightCell);\n    table.appendChild(row);\n\n    for (let i = 0; i < TileMemorySelector.Count; i++) {\n      const div = document.createElement(\"div\");\n      const elem = document.createElement(\"text\");\n      this._statsElements.push(elem);\n      div.appendChild(elem);\n      rightCell.appendChild(div);\n    }\n\n    for (let i = 0; i < 3; i++) {\n      const div = document.createElement(\"div\");\n      const elem = document.createElement(\"text\");\n      this._totalsElements.push(elem);\n      div.appendChild(elem);\n      leftCell.appendChild(div);\n    }\n  }\n\n  public [Symbol.dispose](): void {\n    this.clearInterval();\n  }\n\n  private toggle(): void {\n    if (undefined !== this._curIntervalId) {\n      this._div.style.display = \"none\";\n      this.clearInterval();\n    } else {\n      this._div.style.display = \"block\";\n      this.update();\n      this._curIntervalId = window.setInterval(() => this.update(), 500);\n    }\n  }\n\n  private clearInterval(): void {\n    if (undefined !== this._curIntervalId) {\n      window.clearInterval(this._curIntervalId);\n      this._curIntervalId = undefined;\n    }\n  }\n\n  private update(): void {\n    this._tracer.update();\n    for (let i = 0; i < this._statsElements.length; i++) {\n      const counter = this._tracer.counters[i];\n      this._statsElements[i].innerText = format(counter.numTiles, statsLabels[i], counter.bytesUsed);\n    }\n\n    let numUnselected = 0;\n    let unselectedBytes = 0;\n    for (const unselected of IModelApp.tileAdmin.unselectedLoadedTiles) {\n      ++numUnselected;\n      unselectedBytes += unselected.bytesUsed;\n    }\n\n    let numSelected = 0;\n    let selectedBytes = 0;\n    for (const selected of IModelApp.tileAdmin.selectedLoadedTiles) {\n      ++numSelected;\n      selectedBytes += selected.bytesUsed;\n    }\n\n    this._totalsElements[0].innerText = format(numSelected, \"Selected\", selectedBytes);\n    this._totalsElements[1].innerText = format(numUnselected, \"Unselected\", unselectedBytes);\n    this._totalsElements[2].innerText = format(numSelected + numUnselected, \"Total\", IModelApp.tileAdmin.totalTileContentBytes);\n  }\n}\n"]}

package/lib/esm/widgets/TileStatisticsTracker.d.ts

@@ -11,7 +11,7 @@ export declare class TileStatisticsTracker {
     private readonly _vp;
     private _curIntervalId?;
     constructor(parent: HTMLElement, vp: Viewport);
-    dispose(): void;
+    [Symbol.dispose](): void;
     private addMaxActive;
     private updateMaxActive;
     private clearInterval;

package/lib/esm/widgets/TileStatisticsTracker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TileStatisticsTracker.d.ts","sourceRoot":"","sources":["../../../src/widgets/TileStatisticsTracker.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,EAAwB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AA0CtE;;GAEG;AACH,qBAAa,qBAAqB;IAChC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAqB;IACnD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAiB;IACtC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAW;IAC/B,OAAO,CAAC,cAAc,CAAC,CAAS;gBAEb,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ;IAgD7C,OAAO,IAAI,IAAI;IAItB,OAAO,CAAC,YAAY;IAsBpB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,MAAM;IAad,OAAO,CAAC,MAAM;IASd,OAAO,CAAC,KAAK;CAId"}
+{"version":3,"file":"TileStatisticsTracker.d.ts","sourceRoot":"","sources":["../../../src/widgets/TileStatisticsTracker.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,EAAwB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AA0CtE;;GAEG;AACH,qBAAa,qBAAqB;IAChC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAqB;IACnD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAiB;IACtC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAW;IAC/B,OAAO,CAAC,cAAc,CAAC,CAAS;gBAEb,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ;IAgD7C,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI;IAI/B,OAAO,CAAC,YAAY;IAsBpB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,MAAM;IAad,OAAO,CAAC,MAAM;IASd,OAAO,CAAC,KAAK;CAId"}

package/lib/esm/widgets/TileStatisticsTracker.js

@@ -41,8 +41,11 @@ const indexOfFirstGlobalStatistic = 7; // "Completed"
  * @beta
  */
 export class TileStatisticsTracker {
+    _statElements = [];
+    _div;
+    _vp;
+    _curIntervalId;
     constructor(parent, vp) {
-        this._statElements = [];
         this._vp = vp;
         this.addMaxActive(parent);
         createCheckBox({
@@ -82,7 +85,7 @@ export class TileStatisticsTracker {
         resetButton.div.style.textAlign = "center";
         parent.appendChild(this._div);
     }
-    dispose() {
+    [Symbol.dispose]() {
         this.clearInterval();
     }
     addMaxActive(parent) {

package/lib/esm/widgets/TileStatisticsTracker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileStatisticsTracker.js","sourceRoot":"","sources":["../../../src/widgets/TileStatisticsTracker.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 Widgets\n */\n\nimport { IModelApp, TileAdmin, Viewport } from \"@itwin/core-frontend\";\nimport { createButton } from \"../ui/Button\";\nimport { createCheckBox } from \"../ui/CheckBox\";\nimport { createNumericInput } from \"../ui/NumericInput\";\n\ntype GetStatValue = (stats: TileAdmin.Statistics, vp: Viewport) => number;\ninterface StatEntry {\n  label: string;\n  getValue: GetStatValue;\n}\n\nfunction computeProgress(vp: Viewport): number {\n  const ready = vp.numReadyTiles;\n  const requested = vp.numRequestedTiles;\n  const total = ready + requested;\n  const ratio = (total > 0) ? (ready / total) : 1.0;\n  return Math.round(ratio * 100);\n}\n\nconst statEntries: StatEntry[] = [\n  { getValue: (stats, vp) => stats.numActiveRequests + (IModelApp.tileAdmin.getTilesForUser(vp)?.external.requested ?? 0), label: \"Active\" },\n  { getValue: (stats, _vp) => stats.numPendingRequests, label: \"Pending\" },\n  { getValue: (stats, _vp) => stats.numCanceled, label: \"Canceled\" },\n  { getValue: (stats, _vp) => stats.numActiveRequests + stats.numPendingRequests, label: \"Total\" },\n  { getValue: (_stats, vp) => vp.numSelectedTiles, label: \"Selected\" },\n  { getValue: (_stats, vp) => vp.numReadyTiles, label: \"Ready\" },\n  { getValue: (_stats, vp) => computeProgress(vp), label: \"Progress\" },\n  { getValue: (stats, _vp) => stats.totalCompletedRequests, label: \"Completed\" },\n  { getValue: (stats, _vp) => stats.totalTimedOutRequests, label: \"Timed Out\" },\n  { getValue: (stats, _vp) => stats.totalFailedRequests, label: \"Failed\" },\n  { getValue: (stats, _vp) => stats.totalEmptyTiles, label: \"Empty\" },\n  { getValue: (stats, _vp) => stats.totalUndisplayableTiles, label: \"Undisplayable\" },\n  { getValue: (stats, _vp) => stats.totalElidedTiles, label: \"Elided\" },\n  { getValue: (stats, _vp) => stats.totalCacheMisses, label: \"Cache Misses\" },\n  { getValue: (stats, _vp) => stats.totalDispatchedRequests, label: \"Dispatched\" },\n  { getValue: (stats, _vp) => stats.totalAbortedRequests, label: \"Aborted\" },\n  { getValue: (stats) => Math.round(stats.decoding.mean), label: \"Decoding mean time (ms)\" },\n  { getValue: (stats) => stats.decoding.max, label: \"Decoding max time (ms)\" },\n];\n\nconst indexOfFirstGlobalStatistic = 7; // \"Completed\"\n\n/** Outputs statistics related to tile requests including the current number of active, pending, selected, and ready tile requests; as well as cumulative statistics for the session including the number of failed, timed-out, empty, and elided tile requests.\n * @beta\n */\nexport class TileStatisticsTracker {\n  private readonly _statElements: HTMLElement[] = [];\n  private readonly _div: HTMLDivElement;\n  private readonly _vp: Viewport;\n  private _curIntervalId?: number;\n\n  public constructor(parent: HTMLElement, vp: Viewport) {\n    this._vp = vp;\n    this.addMaxActive(parent);\n    createCheckBox({\n      parent,\n      name: \"Track Tile Requests\",\n      id: \"stats_trackMemory\",\n      handler: (_cb) => this.toggle(),\n    });\n\n    this._div = document.createElement(\"div\");\n    this._div.style.display = \"none\";\n    this._div.style.textAlign = \"right\";\n\n    const table = document.createElement(\"table\");\n    table.style.width = \"100%\";\n    table.setAttribute(\"border\", \"1\");\n    this._div.appendChild(table);\n\n    const row = document.createElement(\"tr\");\n    const frameColumn = document.createElement(\"td\");\n    const globalColumn = document.createElement(\"td\");\n    frameColumn.style.width = globalColumn.style.width = \"50%\";\n    row.appendChild(frameColumn);\n    row.appendChild(globalColumn);\n    table.appendChild(row);\n\n    for (let i = 0; i < statEntries.length; i++) {\n      const div = document.createElement(\"div\");\n      const elem = document.createElement(\"text\");\n      this._statElements[i] = elem;\n      div.appendChild(elem);\n\n      const column = i >= indexOfFirstGlobalStatistic ? globalColumn : frameColumn;\n      column.appendChild(div);\n    }\n\n    const resetButton = createButton({\n      parent: this._div,\n      value: \"Reset\",\n      tooltip: \"Reset all cumulative statistics\",\n      handler: () => this.reset(),\n    });\n    resetButton.div.style.textAlign = \"center\";\n\n    parent.appendChild(this._div);\n  }\n\n  public dispose(): void {\n    this.clearInterval();\n  }\n\n  private addMaxActive(parent: HTMLElement): void {\n    const div = document.createElement(\"div\");\n\n    const label = document.createElement(\"label\");\n    label.style.display = \"inline\";\n    label.htmlFor = \"maxActiveRequests\";\n    label.innerText = \"Max Active Requests: \";\n    div.appendChild(label);\n\n    createNumericInput({\n      parent: div,\n      id: \"maxActiveRequests\",\n      display: \"inline\",\n      min: 0,\n      step: 1,\n      value: IModelApp.tileAdmin.channels.rpcConcurrency,\n      handler: (value, _input) => this.updateMaxActive(value),\n    });\n\n    parent.appendChild(div);\n  }\n\n  private updateMaxActive(value: number): void {\n    IModelApp.tileAdmin.channels.setRpcConcurrency(value);\n  }\n\n  private clearInterval(): void {\n    if (undefined !== this._curIntervalId) {\n      window.clearInterval(this._curIntervalId);\n      this._curIntervalId = undefined;\n    }\n  }\n\n  private toggle(): void {\n    if (undefined !== this._curIntervalId) {\n      // Currently on - turn off.\n      this._div.style.display = \"none\";\n      this.clearInterval();\n    } else {\n      // Currently off - turn on.\n      this._div.style.display = \"block\";\n      this.update();\n      this._curIntervalId = window.setInterval(() => this.update(), 500);\n    }\n  }\n\n  private update(): void {\n    const stats = IModelApp.tileAdmin.statistics;\n    for (let i = 0; i < statEntries.length; i++) {\n      const stat = statEntries[i];\n      const label = `${stat.label}: ${stat.getValue(stats, this._vp)}`;\n      this._statElements[i].innerText = label;\n    }\n  }\n\n  private reset(): void {\n    IModelApp.tileAdmin.resetStatistics();\n    this.update();\n  }\n}\n"]}
+{"version":3,"file":"TileStatisticsTracker.js","sourceRoot":"","sources":["../../../src/widgets/TileStatisticsTracker.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 Widgets\n */\n\nimport { IModelApp, TileAdmin, Viewport } from \"@itwin/core-frontend\";\nimport { createButton } from \"../ui/Button\";\nimport { createCheckBox } from \"../ui/CheckBox\";\nimport { createNumericInput } from \"../ui/NumericInput\";\n\ntype GetStatValue = (stats: TileAdmin.Statistics, vp: Viewport) => number;\ninterface StatEntry {\n  label: string;\n  getValue: GetStatValue;\n}\n\nfunction computeProgress(vp: Viewport): number {\n  const ready = vp.numReadyTiles;\n  const requested = vp.numRequestedTiles;\n  const total = ready + requested;\n  const ratio = (total > 0) ? (ready / total) : 1.0;\n  return Math.round(ratio * 100);\n}\n\nconst statEntries: StatEntry[] = [\n  { getValue: (stats, vp) => stats.numActiveRequests + (IModelApp.tileAdmin.getTilesForUser(vp)?.external.requested ?? 0), label: \"Active\" },\n  { getValue: (stats, _vp) => stats.numPendingRequests, label: \"Pending\" },\n  { getValue: (stats, _vp) => stats.numCanceled, label: \"Canceled\" },\n  { getValue: (stats, _vp) => stats.numActiveRequests + stats.numPendingRequests, label: \"Total\" },\n  { getValue: (_stats, vp) => vp.numSelectedTiles, label: \"Selected\" },\n  { getValue: (_stats, vp) => vp.numReadyTiles, label: \"Ready\" },\n  { getValue: (_stats, vp) => computeProgress(vp), label: \"Progress\" },\n  { getValue: (stats, _vp) => stats.totalCompletedRequests, label: \"Completed\" },\n  { getValue: (stats, _vp) => stats.totalTimedOutRequests, label: \"Timed Out\" },\n  { getValue: (stats, _vp) => stats.totalFailedRequests, label: \"Failed\" },\n  { getValue: (stats, _vp) => stats.totalEmptyTiles, label: \"Empty\" },\n  { getValue: (stats, _vp) => stats.totalUndisplayableTiles, label: \"Undisplayable\" },\n  { getValue: (stats, _vp) => stats.totalElidedTiles, label: \"Elided\" },\n  { getValue: (stats, _vp) => stats.totalCacheMisses, label: \"Cache Misses\" },\n  { getValue: (stats, _vp) => stats.totalDispatchedRequests, label: \"Dispatched\" },\n  { getValue: (stats, _vp) => stats.totalAbortedRequests, label: \"Aborted\" },\n  { getValue: (stats) => Math.round(stats.decoding.mean), label: \"Decoding mean time (ms)\" },\n  { getValue: (stats) => stats.decoding.max, label: \"Decoding max time (ms)\" },\n];\n\nconst indexOfFirstGlobalStatistic = 7; // \"Completed\"\n\n/** Outputs statistics related to tile requests including the current number of active, pending, selected, and ready tile requests; as well as cumulative statistics for the session including the number of failed, timed-out, empty, and elided tile requests.\n * @beta\n */\nexport class TileStatisticsTracker {\n  private readonly _statElements: HTMLElement[] = [];\n  private readonly _div: HTMLDivElement;\n  private readonly _vp: Viewport;\n  private _curIntervalId?: number;\n\n  public constructor(parent: HTMLElement, vp: Viewport) {\n    this._vp = vp;\n    this.addMaxActive(parent);\n    createCheckBox({\n      parent,\n      name: \"Track Tile Requests\",\n      id: \"stats_trackMemory\",\n      handler: (_cb) => this.toggle(),\n    });\n\n    this._div = document.createElement(\"div\");\n    this._div.style.display = \"none\";\n    this._div.style.textAlign = \"right\";\n\n    const table = document.createElement(\"table\");\n    table.style.width = \"100%\";\n    table.setAttribute(\"border\", \"1\");\n    this._div.appendChild(table);\n\n    const row = document.createElement(\"tr\");\n    const frameColumn = document.createElement(\"td\");\n    const globalColumn = document.createElement(\"td\");\n    frameColumn.style.width = globalColumn.style.width = \"50%\";\n    row.appendChild(frameColumn);\n    row.appendChild(globalColumn);\n    table.appendChild(row);\n\n    for (let i = 0; i < statEntries.length; i++) {\n      const div = document.createElement(\"div\");\n      const elem = document.createElement(\"text\");\n      this._statElements[i] = elem;\n      div.appendChild(elem);\n\n      const column = i >= indexOfFirstGlobalStatistic ? globalColumn : frameColumn;\n      column.appendChild(div);\n    }\n\n    const resetButton = createButton({\n      parent: this._div,\n      value: \"Reset\",\n      tooltip: \"Reset all cumulative statistics\",\n      handler: () => this.reset(),\n    });\n    resetButton.div.style.textAlign = \"center\";\n\n    parent.appendChild(this._div);\n  }\n\n  public [Symbol.dispose](): void {\n    this.clearInterval();\n  }\n\n  private addMaxActive(parent: HTMLElement): void {\n    const div = document.createElement(\"div\");\n\n    const label = document.createElement(\"label\");\n    label.style.display = \"inline\";\n    label.htmlFor = \"maxActiveRequests\";\n    label.innerText = \"Max Active Requests: \";\n    div.appendChild(label);\n\n    createNumericInput({\n      parent: div,\n      id: \"maxActiveRequests\",\n      display: \"inline\",\n      min: 0,\n      step: 1,\n      value: IModelApp.tileAdmin.channels.rpcConcurrency,\n      handler: (value, _input) => this.updateMaxActive(value),\n    });\n\n    parent.appendChild(div);\n  }\n\n  private updateMaxActive(value: number): void {\n    IModelApp.tileAdmin.channels.setRpcConcurrency(value);\n  }\n\n  private clearInterval(): void {\n    if (undefined !== this._curIntervalId) {\n      window.clearInterval(this._curIntervalId);\n      this._curIntervalId = undefined;\n    }\n  }\n\n  private toggle(): void {\n    if (undefined !== this._curIntervalId) {\n      // Currently on - turn off.\n      this._div.style.display = \"none\";\n      this.clearInterval();\n    } else {\n      // Currently off - turn on.\n      this._div.style.display = \"block\";\n      this.update();\n      this._curIntervalId = window.setInterval(() => this.update(), 500);\n    }\n  }\n\n  private update(): void {\n    const stats = IModelApp.tileAdmin.statistics;\n    for (let i = 0; i < statEntries.length; i++) {\n      const stat = statEntries[i];\n      const label = `${stat.label}: ${stat.getValue(stats, this._vp)}`;\n      this._statElements[i].innerText = label;\n    }\n  }\n\n  private reset(): void {\n    IModelApp.tileAdmin.resetStatistics();\n    this.update();\n  }\n}\n"]}

package/lib/esm/widgets/ToolSettingsTracker.d.ts

@@ -5,6 +5,6 @@ import { Viewport } from "@itwin/core-frontend";
 export declare class ToolSettingsTracker {
     private static _expandToolSettings;
     constructor(parent: HTMLElement, _vp: Viewport);
-    dispose(): void;
+    [Symbol.dispose](): void;
 }
 //# sourceMappingURL=ToolSettingsTracker.d.ts.map

package/lib/esm/widgets/ToolSettingsTracker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolSettingsTracker.d.ts","sourceRoot":"","sources":["../../../src/widgets/ToolSettingsTracker.ts"],"names":[],"mappings":"AAUA,OAAO,EAA2C,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAKzF;;GAEG;AACH,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAAS;gBAExB,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ;IAwM9C,OAAO,IAAI,IAAI;CACvB"}
+{"version":3,"file":"ToolSettingsTracker.d.ts","sourceRoot":"","sources":["../../../src/widgets/ToolSettingsTracker.ts"],"names":[],"mappings":"AAUA,OAAO,EAA2C,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAKzF;;GAEG;AACH,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAAS;gBAExB,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ;IAwM9C,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI;CAChC"}

package/lib/esm/widgets/ToolSettingsTracker.js

@@ -14,6 +14,7 @@ import { createLabeledNumericInput, createNumericInput } from "../ui/NumericInpu
  * @alpha
  */
 export class ToolSettingsTracker {
+    static _expandToolSettings = false;
     constructor(parent, _vp) {
         const settingsDiv = document.createElement("div");
         settingsDiv.style.display = "block";
@@ -202,7 +203,6 @@ export class ToolSettingsTracker {
             name: "Inertial duration (seconds): ",
         });
     }
-    dispose() { }
+    [Symbol.dispose]() { }
 }
-ToolSettingsTracker._expandToolSettings = false;
 //# sourceMappingURL=ToolSettingsTracker.js.map

package/lib/esm/widgets/ToolSettingsTracker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolSettingsTracker.js","sourceRoot":"","sources":["../../../src/widgets/ToolSettingsTracker.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 Widgets\n */\n\nimport { BeDuration } from \"@itwin/core-bentley\";\nimport { IModelApp, ScreenViewport, ToolSettings, Viewport } from \"@itwin/core-frontend\";\nimport { createCheckBox } from \"../ui/CheckBox\";\nimport { createNestedMenu } from \"../ui/NestedMenu\";\nimport { createLabeledNumericInput, createNumericInput } from \"../ui/NumericInput\";\n\n/** Allows the global settings controlling the behavior of viewing tools to be customized.\n * @alpha\n */\nexport class ToolSettingsTracker {\n  private static _expandToolSettings = false;\n\n  public constructor(parent: HTMLElement, _vp: Viewport) {\n    const settingsDiv = document.createElement(\"div\");\n    settingsDiv.style.display = \"block\";\n    settingsDiv.style.textAlign = \"left\";\n\n    createNestedMenu({\n      label: \"Tool Settings\",\n      parent,\n      expand: ToolSettingsTracker._expandToolSettings,\n      handler: (expanded) => ToolSettingsTracker._expandToolSettings = expanded,\n      body: settingsDiv,\n    });\n\n    let div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    createCheckBox({\n      parent: div,\n      name: \"Preserve World Up When Rotating\",\n      id: \"ts_preserveWorldUp\",\n      isChecked: ToolSettings.preserveWorldUp,\n      handler: (_cb) => {\n        ToolSettings.preserveWorldUp = !ToolSettings.preserveWorldUp;\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        IModelApp.toolAdmin.exitViewTool();\n      },\n    });\n    div.style.textAlign = \"left\";\n\n    // We use a static so the expand/collapse state persists after closing and reopening the drop-down.\n    settingsDiv.style.display = ToolSettingsTracker._expandToolSettings ? \"block\" : \"none\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    let label = IModelApp.makeHTMLElement(\"label\", { innerText: \"Animation Duration (ms): \", parent: div });\n    label.style.display = \"inline\";\n    label.htmlFor = \"ts_animationTime\";\n    createNumericInput({\n      parent: div,\n      id: \"ts_animationTime\",\n      display: \"inline\",\n      min: 0,\n      step: 1,\n      value: ScreenViewport.animation.time.normal.milliseconds,\n      handler: (value, _input) => {\n        ScreenViewport.animation.time.normal = BeDuration.fromMilliseconds(value);\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        IModelApp.toolAdmin.exitViewTool();\n      },\n    });\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    label = IModelApp.makeHTMLElement(\"label\", { innerText: \"Pick Radius (inches): \", parent: div });\n    label.style.display = \"inline\";\n    label.htmlFor = \"ts_viewToolPickRadiusInches\";\n    label.innerText = \"Pick Radius (inches): \";\n    createNumericInput({\n      parent: div,\n      id: \"ts_viewToolPickRadiusInches\",\n      display: \"inline\",\n      min: 0,\n      step: 0.01,\n      value: ToolSettings.viewToolPickRadiusInches,\n      handler: (value, _input) => {\n        ToolSettings.viewToolPickRadiusInches = value;\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        IModelApp.toolAdmin.exitViewTool();\n      },\n      parseAsFloat: true,\n    }, true);\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    createCheckBox({\n      parent: div,\n      name: \"Walk Enforce Z Up\",\n      id: \"ts_walkEnforceZUp\",\n      isChecked: ToolSettings.walkEnforceZUp,\n      handler: (_cb) => {\n        ToolSettings.walkEnforceZUp = !ToolSettings.walkEnforceZUp;\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        IModelApp.toolAdmin.exitViewTool();\n      },\n    });\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    label = IModelApp.makeHTMLElement(\"label\", { innerText: \"Walk Camera Angle (degrees): \", parent: div });\n    label.style.display = \"inline\";\n    label.htmlFor = \"ts_walkCameraAngle\";\n    createNumericInput({\n      parent: div,\n      id: \"ts_walkCameraAngle\",\n      display: \"inline\",\n      min: 0,\n      step: 0.1,\n      value: ToolSettings.walkCameraAngle.degrees,\n      handler: (value, _input) => {\n        ToolSettings.walkCameraAngle.setDegrees(value);\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        IModelApp.toolAdmin.exitViewTool();\n      },\n      parseAsFloat: true,\n    }, true);\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    label = IModelApp.makeHTMLElement(\"label\", { innerText: \"Walk Velocity (meters per second): \", parent: div });\n    label.style.display = \"inline\";\n    label.htmlFor = \"ts_walkVelocity\";\n    createNumericInput({\n      parent: div,\n      id: \"ts_walkVelocity\",\n      display: \"inline\",\n      min: 0,\n      step: 0.1,\n      value: ToolSettings.walkVelocity,\n      handler: (value, _input) => {\n        ToolSettings.walkVelocity = value;\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        IModelApp.toolAdmin.exitViewTool();\n      },\n      parseAsFloat: true,\n    }, true);\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    label = IModelApp.makeHTMLElement(\"label\", { innerText: \"Wheel Zoom Bump Distance (meters): \", parent: div });\n    label.style.display = \"inline\";\n    label.htmlFor = \"ts_wheelZoomBumpDistance\";\n    createNumericInput({\n      parent: div,\n      id: \"ts_wheelZoomBumpDistance\",\n      display: \"inline\",\n      min: 0,\n      step: 0.025,\n      value: ToolSettings.wheelZoomBumpDistance,\n      handler: (value, _input) => {\n        ToolSettings.wheelZoomBumpDistance = value;\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        IModelApp.toolAdmin.exitViewTool();\n      },\n      parseAsFloat: true,\n    }, true);\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    label = IModelApp.makeHTMLElement(\"label\", { innerText: \"Wheel Zoom Ratio: \", parent: div });\n    label.style.display = \"inline\";\n    label.htmlFor = \"ts_wheelZoomRatio\";\n    createNumericInput({\n      parent: div,\n      id: \"ts_wheelZoomRatio\",\n      display: \"inline\",\n      min: 1.0,\n      step: 0.025,\n      value: ToolSettings.wheelZoomRatio,\n      handler: async (value, _input) => {\n        ToolSettings.wheelZoomRatio = value;\n        return IModelApp.toolAdmin.exitViewTool();\n      },\n      parseAsFloat: true,\n    }, true);\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    createLabeledNumericInput({\n      id: \"num_inertiaDamping\",\n      parent: settingsDiv,\n      value: ToolSettings.viewingInertia.damping,\n      handler: async (value, _) => {\n        ToolSettings.viewingInertia.damping = value;\n        return IModelApp.toolAdmin.exitViewTool();\n      },\n      min: 0,\n      max: 1,\n      step: 0.05,\n      parseAsFloat: true,\n      name: \"Inertial damping: \",\n    });\n    createLabeledNumericInput({\n      id: \"num_inertiaDuration\",\n      parent: settingsDiv,\n      value: ToolSettings.viewingInertia.duration.milliseconds / 1000,\n      handler: async (value, _) => {\n        ToolSettings.viewingInertia.duration = BeDuration.fromMilliseconds(value * 1000);\n        return IModelApp.toolAdmin.exitViewTool();\n      },\n      min: 0,\n      max: 10,\n      step: 0.5,\n      parseAsFloat: true,\n      name: \"Inertial duration (seconds): \",\n    });\n  }\n\n  public dispose(): void { }\n}\n"]}
+{"version":3,"file":"ToolSettingsTracker.js","sourceRoot":"","sources":["../../../src/widgets/ToolSettingsTracker.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAY,MAAM,sBAAsB,CAAC;AACzF,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAEnF;;GAEG;AACH,MAAM,OAAO,mBAAmB;IACtB,MAAM,CAAC,mBAAmB,GAAG,KAAK,CAAC;IAE3C,YAAmB,MAAmB,EAAE,GAAa;QACnD,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAClD,WAAW,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QACpC,WAAW,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAErC,gBAAgB,CAAC;YACf,KAAK,EAAE,eAAe;YACtB,MAAM;YACN,MAAM,EAAE,mBAAmB,CAAC,mBAAmB;YAC/C,OAAO,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,mBAAmB,CAAC,mBAAmB,GAAG,QAAQ;YACzE,IAAI,EAAE,WAAW;SAClB,CAAC,CAAC;QAEH,IAAI,GAAG,GAAG,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC;QACpE,cAAc,CAAC;YACb,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,iCAAiC;YACvC,EAAE,EAAE,oBAAoB;YACxB,SAAS,EAAE,YAAY,CAAC,eAAe;YACvC,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE;gBACf,YAAY,CAAC,eAAe,GAAG,CAAC,YAAY,CAAC,eAAe,CAAC;gBAC7D,mEAAmE;gBACnE,SAAS,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;YACrC,CAAC;SACF,CAAC,CAAC;QACH,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAE7B,mGAAmG;QACnG,WAAW,CAAC,KAAK,CAAC,OAAO,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QAEvF,GAAG,GAAG,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC;QAChE,IAAI,KAAK,GAAG,SAAS,CAAC,eAAe,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,2BAA2B,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;QACxG,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC;QAC/B,KAAK,CAAC,OAAO,GAAG,kBAAkB,CAAC;QACnC,kBAAkB,CAAC;YACjB,MAAM,EAAE,GAAG;YACX,EAAE,EAAE,kBAAkB;YACtB,OAAO,EAAE,QAAQ;YACjB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY;YACxD,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;gBACzB,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;gBAC1E,mEAAmE;gBACnE,SAAS,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;YACrC,CAAC;SACF,CAAC,CAAC;QACH,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QAC5B,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAE7B,GAAG,GAAG,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC;QAChE,KAAK,GAAG,SAAS,CAAC,eAAe,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,wBAAwB,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;QACjG,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC;QAC/B,KAAK,CAAC,OAAO,GAAG,6BAA6B,CAAC;QAC9C,KAAK,CAAC,SAAS,GAAG,wBAAwB,CAAC;QAC3C,kBAAkB,CAAC;YACjB,MAAM,EAAE,GAAG;YACX,EAAE,EAAE,6BAA6B;YACjC,OAAO,EAAE,QAAQ;YACjB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,YAAY,CAAC,wBAAwB;YAC5C,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;gBACzB,YAAY,CAAC,wBAAwB,GAAG,KAAK,CAAC;gBAC9C,mEAAmE;gBACnE,SAAS,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;YACrC,CAAC;YACD,YAAY,EAAE,IAAI;SACnB,EAAE,IAAI,CAAC,CAAC;QACT,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QAC5B,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAE7B,GAAG,GAAG,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC;QAChE,cAAc,CAAC;YACb,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,mBAAmB;YACzB,EAAE,EAAE,mBAAmB;YACvB,SAAS,EAAE,YAAY,CAAC,cAAc;YACtC,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE;gBACf,YAAY,CAAC,cAAc,GAAG,CAAC,YAAY,CAAC,cAAc,CAAC;gBAC3D,mEAAmE;gBACnE,SAAS,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;YACrC,CAAC;SACF,CAAC,CAAC;QACH,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QAC5B,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAE7B,GAAG,GAAG,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC;QAChE,KAAK,GAAG,SAAS,CAAC,eAAe,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,+BAA+B,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;QACxG,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC;QAC/B,KAAK,CAAC,OAAO,GAAG,oBAAoB,CAAC;QACrC,kBAAkB,CAAC;YACjB,MAAM,EAAE,GAAG;YACX,EAAE,EAAE,oBAAoB;YACxB,OAAO,EAAE,QAAQ;YACjB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,GAAG;YACT,KAAK,EAAE,YAAY,CAAC,eAAe,CAAC,OAAO;YAC3C,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;gBACzB,YAAY,CAAC,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBAC/C,mEAAmE;gBACnE,SAAS,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;YACrC,CAAC;YACD,YAAY,EAAE,IAAI;SACnB,EAAE,IAAI,CAAC,CAAC;QACT,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QAC5B,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAE7B,GAAG,GAAG,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC;QAChE,KAAK,GAAG,SAAS,CAAC,eAAe,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,qCAAqC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9G,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC;QAC/B,KAAK,CAAC,OAAO,GAAG,iBAAiB,CAAC;QAClC,kBAAkB,CAAC;YACjB,MAAM,EAAE,GAAG;YACX,EAAE,EAAE,iBAAiB;YACrB,OAAO,EAAE,QAAQ;YACjB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,GAAG;YACT,KAAK,EAAE,YAAY,CAAC,YAAY;YAChC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;gBACzB,YAAY,CAAC,YAAY,GAAG,KAAK,CAAC;gBAClC,mEAAmE;gBACnE,SAAS,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;YACrC,CAAC;YACD,YAAY,EAAE,IAAI;SACnB,EAAE,IAAI,CAAC,CAAC;QACT,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QAC5B,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAE7B,GAAG,GAAG,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC;QAChE,KAAK,GAAG,SAAS,CAAC,eAAe,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,qCAAqC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9G,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC;QAC/B,KAAK,CAAC,OAAO,GAAG,0BAA0B,CAAC;QAC3C,kBAAkB,CAAC;YACjB,MAAM,EAAE,GAAG;YACX,EAAE,EAAE,0BAA0B;YAC9B,OAAO,EAAE,QAAQ;YACjB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,YAAY,CAAC,qBAAqB;YACzC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;gBACzB,YAAY,CAAC,qBAAqB,GAAG,KAAK,CAAC;gBAC3C,mEAAmE;gBACnE,SAAS,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;YACrC,CAAC;YACD,YAAY,EAAE,IAAI;SACnB,EAAE,IAAI,CAAC,CAAC;QACT,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QAC5B,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAE7B,GAAG,GAAG,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC;QAChE,KAAK,GAAG,SAAS,CAAC,eAAe,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;QAC7F,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC;QAC/B,KAAK,CAAC,OAAO,GAAG,mBAAmB,CAAC;QACpC,kBAAkB,CAAC;YACjB,MAAM,EAAE,GAAG;YACX,EAAE,EAAE,mBAAmB;YACvB,OAAO,EAAE,QAAQ;YACjB,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,YAAY,CAAC,cAAc;YAClC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;gBAC/B,YAAY,CAAC,cAAc,GAAG,KAAK,CAAC;gBACpC,OAAO,SAAS,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;YAC5C,CAAC;YACD,YAAY,EAAE,IAAI;SACnB,EAAE,IAAI,CAAC,CAAC;QACT,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QAC5B,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAE7B,yBAAyB,CAAC;YACxB,EAAE,EAAE,oBAAoB;YACxB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,YAAY,CAAC,cAAc,CAAC,OAAO;YAC1C,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;gBAC1B,YAAY,CAAC,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;gBAC5C,OAAO,SAAS,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;YAC5C,CAAC;YACD,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,IAAI;YACV,YAAY,EAAE,IAAI;YAClB,IAAI,EAAE,oBAAoB;SAC3B,CAAC,CAAC;QACH,yBAAyB,CAAC;YACxB,EAAE,EAAE,qBAAqB;YACzB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,YAAY,CAAC,cAAc,CAAC,QAAQ,CAAC,YAAY,GAAG,IAAI;YAC/D,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;gBAC1B,YAAY,CAAC,cAAc,CAAC,QAAQ,GAAG,UAAU,CAAC,gBAAgB,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;gBACjF,OAAO,SAAS,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;YAC5C,CAAC;YACD,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,EAAE;YACP,IAAI,EAAE,GAAG;YACT,YAAY,EAAE,IAAI;YAClB,IAAI,EAAE,+BAA+B;SACtC,CAAC,CAAC;IACL,CAAC;IAEM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAW,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 Widgets\n */\n\nimport { BeDuration } from \"@itwin/core-bentley\";\nimport { IModelApp, ScreenViewport, ToolSettings, Viewport } from \"@itwin/core-frontend\";\nimport { createCheckBox } from \"../ui/CheckBox\";\nimport { createNestedMenu } from \"../ui/NestedMenu\";\nimport { createLabeledNumericInput, createNumericInput } from \"../ui/NumericInput\";\n\n/** Allows the global settings controlling the behavior of viewing tools to be customized.\n * @alpha\n */\nexport class ToolSettingsTracker {\n  private static _expandToolSettings = false;\n\n  public constructor(parent: HTMLElement, _vp: Viewport) {\n    const settingsDiv = document.createElement(\"div\");\n    settingsDiv.style.display = \"block\";\n    settingsDiv.style.textAlign = \"left\";\n\n    createNestedMenu({\n      label: \"Tool Settings\",\n      parent,\n      expand: ToolSettingsTracker._expandToolSettings,\n      handler: (expanded) => ToolSettingsTracker._expandToolSettings = expanded,\n      body: settingsDiv,\n    });\n\n    let div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    createCheckBox({\n      parent: div,\n      name: \"Preserve World Up When Rotating\",\n      id: \"ts_preserveWorldUp\",\n      isChecked: ToolSettings.preserveWorldUp,\n      handler: (_cb) => {\n        ToolSettings.preserveWorldUp = !ToolSettings.preserveWorldUp;\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        IModelApp.toolAdmin.exitViewTool();\n      },\n    });\n    div.style.textAlign = \"left\";\n\n    // We use a static so the expand/collapse state persists after closing and reopening the drop-down.\n    settingsDiv.style.display = ToolSettingsTracker._expandToolSettings ? \"block\" : \"none\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    let label = IModelApp.makeHTMLElement(\"label\", { innerText: \"Animation Duration (ms): \", parent: div });\n    label.style.display = \"inline\";\n    label.htmlFor = \"ts_animationTime\";\n    createNumericInput({\n      parent: div,\n      id: \"ts_animationTime\",\n      display: \"inline\",\n      min: 0,\n      step: 1,\n      value: ScreenViewport.animation.time.normal.milliseconds,\n      handler: (value, _input) => {\n        ScreenViewport.animation.time.normal = BeDuration.fromMilliseconds(value);\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        IModelApp.toolAdmin.exitViewTool();\n      },\n    });\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    label = IModelApp.makeHTMLElement(\"label\", { innerText: \"Pick Radius (inches): \", parent: div });\n    label.style.display = \"inline\";\n    label.htmlFor = \"ts_viewToolPickRadiusInches\";\n    label.innerText = \"Pick Radius (inches): \";\n    createNumericInput({\n      parent: div,\n      id: \"ts_viewToolPickRadiusInches\",\n      display: \"inline\",\n      min: 0,\n      step: 0.01,\n      value: ToolSettings.viewToolPickRadiusInches,\n      handler: (value, _input) => {\n        ToolSettings.viewToolPickRadiusInches = value;\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        IModelApp.toolAdmin.exitViewTool();\n      },\n      parseAsFloat: true,\n    }, true);\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    createCheckBox({\n      parent: div,\n      name: \"Walk Enforce Z Up\",\n      id: \"ts_walkEnforceZUp\",\n      isChecked: ToolSettings.walkEnforceZUp,\n      handler: (_cb) => {\n        ToolSettings.walkEnforceZUp = !ToolSettings.walkEnforceZUp;\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        IModelApp.toolAdmin.exitViewTool();\n      },\n    });\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    label = IModelApp.makeHTMLElement(\"label\", { innerText: \"Walk Camera Angle (degrees): \", parent: div });\n    label.style.display = \"inline\";\n    label.htmlFor = \"ts_walkCameraAngle\";\n    createNumericInput({\n      parent: div,\n      id: \"ts_walkCameraAngle\",\n      display: \"inline\",\n      min: 0,\n      step: 0.1,\n      value: ToolSettings.walkCameraAngle.degrees,\n      handler: (value, _input) => {\n        ToolSettings.walkCameraAngle.setDegrees(value);\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        IModelApp.toolAdmin.exitViewTool();\n      },\n      parseAsFloat: true,\n    }, true);\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    label = IModelApp.makeHTMLElement(\"label\", { innerText: \"Walk Velocity (meters per second): \", parent: div });\n    label.style.display = \"inline\";\n    label.htmlFor = \"ts_walkVelocity\";\n    createNumericInput({\n      parent: div,\n      id: \"ts_walkVelocity\",\n      display: \"inline\",\n      min: 0,\n      step: 0.1,\n      value: ToolSettings.walkVelocity,\n      handler: (value, _input) => {\n        ToolSettings.walkVelocity = value;\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        IModelApp.toolAdmin.exitViewTool();\n      },\n      parseAsFloat: true,\n    }, true);\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    label = IModelApp.makeHTMLElement(\"label\", { innerText: \"Wheel Zoom Bump Distance (meters): \", parent: div });\n    label.style.display = \"inline\";\n    label.htmlFor = \"ts_wheelZoomBumpDistance\";\n    createNumericInput({\n      parent: div,\n      id: \"ts_wheelZoomBumpDistance\",\n      display: \"inline\",\n      min: 0,\n      step: 0.025,\n      value: ToolSettings.wheelZoomBumpDistance,\n      handler: (value, _input) => {\n        ToolSettings.wheelZoomBumpDistance = value;\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        IModelApp.toolAdmin.exitViewTool();\n      },\n      parseAsFloat: true,\n    }, true);\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    label = IModelApp.makeHTMLElement(\"label\", { innerText: \"Wheel Zoom Ratio: \", parent: div });\n    label.style.display = \"inline\";\n    label.htmlFor = \"ts_wheelZoomRatio\";\n    createNumericInput({\n      parent: div,\n      id: \"ts_wheelZoomRatio\",\n      display: \"inline\",\n      min: 1.0,\n      step: 0.025,\n      value: ToolSettings.wheelZoomRatio,\n      handler: async (value, _input) => {\n        ToolSettings.wheelZoomRatio = value;\n        return IModelApp.toolAdmin.exitViewTool();\n      },\n      parseAsFloat: true,\n    }, true);\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    createLabeledNumericInput({\n      id: \"num_inertiaDamping\",\n      parent: settingsDiv,\n      value: ToolSettings.viewingInertia.damping,\n      handler: async (value, _) => {\n        ToolSettings.viewingInertia.damping = value;\n        return IModelApp.toolAdmin.exitViewTool();\n      },\n      min: 0,\n      max: 1,\n      step: 0.05,\n      parseAsFloat: true,\n      name: \"Inertial damping: \",\n    });\n    createLabeledNumericInput({\n      id: \"num_inertiaDuration\",\n      parent: settingsDiv,\n      value: ToolSettings.viewingInertia.duration.milliseconds / 1000,\n      handler: async (value, _) => {\n        ToolSettings.viewingInertia.duration = BeDuration.fromMilliseconds(value * 1000);\n        return IModelApp.toolAdmin.exitViewTool();\n      },\n      min: 0,\n      max: 10,\n      step: 0.5,\n      parseAsFloat: true,\n      name: \"Inertial duration (seconds): \",\n    });\n  }\n\n  public [Symbol.dispose](): void { }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/frontend-devtools",
-  "version": "5.0.0-dev.8",
+  "version": "5.0.0-dev.83",
   "description": "Debug menu and supporting UI widgets",
   "main": "lib/cjs/frontend-devtools.js",
   "module": "lib/esm/frontend-devtools.js",
@@ -24,26 +24,26 @@
   },
   "dependencies": {
     "file-saver": "^2.0.2",
-    "@itwin/core-bentley": "5.0.0-dev.8",
-    "@itwin/core-common": "5.0.0-dev.8",
-    "@itwin/core-frontend": "5.0.0-dev.8",
-    "@itwin/core-geometry": "5.0.0-dev.8"
+    "@itwin/core-common": "5.0.0-dev.83",
+    "@itwin/core-bentley": "5.0.0-dev.83",
+    "@itwin/core-frontend": "5.0.0-dev.83",
+    "@itwin/core-geometry": "5.0.0-dev.83"
   },
   "devDependencies": {
     "@itwin/eslint-plugin": "5.0.0-dev.1",
     "@types/file-saver": "^2.0.1",
-    "cpx2": "^3.0.0",
+    "cpx2": "^8.0.0",
     "eslint": "^9.13.0",
-    "rimraf": "^3.0.2",
+    "rimraf": "^6.0.1",
     "typescript": "~5.6.2",
-    "@itwin/build-tools": "5.0.0-dev.8"
+    "@itwin/build-tools": "5.0.0-dev.83"
   },
   "scripts": {
     "build": "npm run -s copy:public && npm run -s build:cjs && npm run -s build:esm",
     "build:cjs": "tsc 1>&2 --outDir lib/cjs",
-    "build:esm": "tsc 1>&2 --module ES2020 --outDir lib/esm",
+    "build:esm": "tsc 1>&2 --module ES2022 --outDir lib/esm",
     "copy:public": "cpx \"./public/**/*\" ./lib/public",
-    "clean": "rimraf lib .rush/temp/package-deps*.json",
+    "clean": "rimraf -g lib .rush/temp/package-deps*.json",
     "docs": "betools docs --json=../../generated-docs/core/frontend-devtools/file.json --tsIndexFile=./frontend-devtools.ts --onlyJson",
     "extract-api": "betools extract-api --entry=frontend-devtools",
     "lint": "eslint \"./src/**/*.ts\" 1>&2",