@itwin/frontend-devtools 4.0.0-dev.7 → 4.0.0-dev.72

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

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

@@ -1,22 +1,22 @@
-/** @packageDocumentation
- * @module Widgets
- */
-import { Viewport } from "@itwin/core-frontend";
-/** 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.
- * @beta
- */
-export declare class TileStatisticsTracker {
-    private readonly _statElements;
-    private readonly _div;
-    private readonly _vp;
-    private _curIntervalId?;
-    constructor(parent: HTMLElement, vp: Viewport);
-    dispose(): void;
-    private addMaxActive;
-    private updateMaxActive;
-    private clearInterval;
-    private toggle;
-    private update;
-    private reset;
-}
+/** @packageDocumentation
+ * @module Widgets
+ */
+import { Viewport } from "@itwin/core-frontend";
+/** 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.
+ * @beta
+ */
+export declare class TileStatisticsTracker {
+    private readonly _statElements;
+    private readonly _div;
+    private readonly _vp;
+    private _curIntervalId?;
+    constructor(parent: HTMLElement, vp: Viewport);
+    dispose(): void;
+    private addMaxActive;
+    private updateMaxActive;
+    private clearInterval;
+    private toggle;
+    private update;
+    private reset;
+}
 //# sourceMappingURL=TileStatisticsTracker.d.ts.map

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;AAwCtE;;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,CAAe;gBAEnB,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,CAAe;gBAEnB,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"}

package/lib/esm/widgets/TileStatisticsTracker.js

@@ -1,139 +1,141 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Widgets
- */
-import { IModelApp } from "@itwin/core-frontend";
-import { createButton } from "../ui/Button";
-import { createCheckBox } from "../ui/CheckBox";
-import { createNumericInput } from "../ui/NumericInput";
-function computeProgress(vp) {
-    const ready = vp.numReadyTiles;
-    const requested = vp.numRequestedTiles;
-    const total = ready + requested;
-    const ratio = (total > 0) ? (ready / total) : 1.0;
-    return Math.round(ratio * 100);
-}
-const statEntries = [
-    { getValue: (stats, vp) => { var _a, _b; return stats.numActiveRequests + ((_b = (_a = IModelApp.tileAdmin.getTilesForUser(vp)) === null || _a === void 0 ? void 0 : _a.external.requested) !== null && _b !== void 0 ? _b : 0); }, label: "Active" },
-    { getValue: (stats, _vp) => stats.numPendingRequests, label: "Pending" },
-    { getValue: (stats, _vp) => stats.numCanceled, label: "Canceled" },
-    { getValue: (stats, _vp) => stats.numActiveRequests + stats.numPendingRequests, label: "Total" },
-    { getValue: (_stats, vp) => vp.numSelectedTiles, label: "Selected" },
-    { getValue: (_stats, vp) => vp.numReadyTiles, label: "Ready" },
-    { getValue: (_stats, vp) => computeProgress(vp), label: "Progress" },
-    { getValue: (stats, _vp) => stats.totalCompletedRequests, label: "Completed" },
-    { getValue: (stats, _vp) => stats.totalTimedOutRequests, label: "Timed Out" },
-    { getValue: (stats, _vp) => stats.totalFailedRequests, label: "Failed" },
-    { getValue: (stats, _vp) => stats.totalEmptyTiles, label: "Empty" },
-    { getValue: (stats, _vp) => stats.totalUndisplayableTiles, label: "Undisplayable" },
-    { getValue: (stats, _vp) => stats.totalElidedTiles, label: "Elided" },
-    { getValue: (stats, _vp) => stats.totalCacheMisses, label: "Cache Misses" },
-    { getValue: (stats, _vp) => stats.totalDispatchedRequests, label: "Dispatched" },
-    { getValue: (stats, _vp) => stats.totalAbortedRequests, label: "Aborted" },
-];
-const indexOfFirstGlobalStatistic = 7; // "Completed"
-/** 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.
- * @beta
- */
-export class TileStatisticsTracker {
-    constructor(parent, vp) {
-        this._statElements = [];
-        this._vp = vp;
-        this.addMaxActive(parent);
-        createCheckBox({
-            parent,
-            name: "Track Tile Requests",
-            id: "stats_trackMemory",
-            handler: (_cb) => this.toggle(),
-        });
-        this._div = document.createElement("div");
-        this._div.style.display = "none";
-        this._div.style.textAlign = "right";
-        const table = document.createElement("table");
-        table.style.width = "100%";
-        table.setAttribute("border", "1");
-        this._div.appendChild(table);
-        const row = document.createElement("tr");
-        const frameColumn = document.createElement("td");
-        const globalColumn = document.createElement("td");
-        frameColumn.style.width = globalColumn.style.width = "50%";
-        row.appendChild(frameColumn);
-        row.appendChild(globalColumn);
-        table.appendChild(row);
-        for (let i = 0; i < statEntries.length; i++) {
-            const div = document.createElement("div");
-            const elem = document.createElement("text");
-            this._statElements[i] = elem;
-            div.appendChild(elem);
-            const column = i >= indexOfFirstGlobalStatistic ? globalColumn : frameColumn;
-            column.appendChild(div);
-        }
-        const resetButton = createButton({
-            parent: this._div,
-            value: "Reset",
-            tooltip: "Reset all cumulative statistics",
-            handler: () => this.reset(),
-        });
-        resetButton.div.style.textAlign = "center";
-        parent.appendChild(this._div);
-    }
-    dispose() {
-        this.clearInterval();
-    }
-    addMaxActive(parent) {
-        const div = document.createElement("div");
-        const label = document.createElement("label");
-        label.style.display = "inline";
-        label.htmlFor = "maxActiveRequests";
-        label.innerText = "Max Active Requests: ";
-        div.appendChild(label);
-        createNumericInput({
-            parent: div,
-            id: "maxActiveRequests",
-            display: "inline",
-            min: 0,
-            step: 1,
-            value: IModelApp.tileAdmin.channels.rpcConcurrency,
-            handler: (value, _input) => this.updateMaxActive(value),
-        });
-        parent.appendChild(div);
-    }
-    updateMaxActive(value) {
-        IModelApp.tileAdmin.channels.setRpcConcurrency(value);
-    }
-    clearInterval() {
-        if (undefined !== this._curIntervalId) {
-            clearInterval(this._curIntervalId);
-            this._curIntervalId = undefined;
-        }
-    }
-    toggle() {
-        if (undefined !== this._curIntervalId) {
-            // Currently on - turn off.
-            this._div.style.display = "none";
-            this.clearInterval();
-        }
-        else {
-            // Currently off - turn on.
-            this._div.style.display = "block";
-            this.update();
-            this._curIntervalId = setInterval(() => this.update(), 500);
-        }
-    }
-    update() {
-        const stats = IModelApp.tileAdmin.statistics;
-        for (let i = 0; i < statEntries.length; i++) {
-            const stat = statEntries[i];
-            const label = `${stat.label}: ${stat.getValue(stats, this._vp)}`;
-            this._statElements[i].innerText = label;
-        }
-    }
-    reset() {
-        IModelApp.tileAdmin.resetStatistics();
-        this.update();
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Widgets
+ */
+import { IModelApp } from "@itwin/core-frontend";
+import { createButton } from "../ui/Button";
+import { createCheckBox } from "../ui/CheckBox";
+import { createNumericInput } from "../ui/NumericInput";
+function computeProgress(vp) {
+    const ready = vp.numReadyTiles;
+    const requested = vp.numRequestedTiles;
+    const total = ready + requested;
+    const ratio = (total > 0) ? (ready / total) : 1.0;
+    return Math.round(ratio * 100);
+}
+const statEntries = [
+    { getValue: (stats, vp) => stats.numActiveRequests + (IModelApp.tileAdmin.getTilesForUser(vp)?.external.requested ?? 0), label: "Active" },
+    { getValue: (stats, _vp) => stats.numPendingRequests, label: "Pending" },
+    { getValue: (stats, _vp) => stats.numCanceled, label: "Canceled" },
+    { getValue: (stats, _vp) => stats.numActiveRequests + stats.numPendingRequests, label: "Total" },
+    { getValue: (_stats, vp) => vp.numSelectedTiles, label: "Selected" },
+    { getValue: (_stats, vp) => vp.numReadyTiles, label: "Ready" },
+    { getValue: (_stats, vp) => computeProgress(vp), label: "Progress" },
+    { getValue: (stats, _vp) => stats.totalCompletedRequests, label: "Completed" },
+    { getValue: (stats, _vp) => stats.totalTimedOutRequests, label: "Timed Out" },
+    { getValue: (stats, _vp) => stats.totalFailedRequests, label: "Failed" },
+    { getValue: (stats, _vp) => stats.totalEmptyTiles, label: "Empty" },
+    { getValue: (stats, _vp) => stats.totalUndisplayableTiles, label: "Undisplayable" },
+    { getValue: (stats, _vp) => stats.totalElidedTiles, label: "Elided" },
+    { getValue: (stats, _vp) => stats.totalCacheMisses, label: "Cache Misses" },
+    { getValue: (stats, _vp) => stats.totalDispatchedRequests, label: "Dispatched" },
+    { getValue: (stats, _vp) => stats.totalAbortedRequests, label: "Aborted" },
+    { getValue: (stats) => Math.round(stats.decoding.mean), label: "Decoding mean time (ms)" },
+    { getValue: (stats) => stats.decoding.max, label: "Decoding max time (ms)" },
+];
+const indexOfFirstGlobalStatistic = 7; // "Completed"
+/** 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.
+ * @beta
+ */
+export class TileStatisticsTracker {
+    constructor(parent, vp) {
+        this._statElements = [];
+        this._vp = vp;
+        this.addMaxActive(parent);
+        createCheckBox({
+            parent,
+            name: "Track Tile Requests",
+            id: "stats_trackMemory",
+            handler: (_cb) => this.toggle(),
+        });
+        this._div = document.createElement("div");
+        this._div.style.display = "none";
+        this._div.style.textAlign = "right";
+        const table = document.createElement("table");
+        table.style.width = "100%";
+        table.setAttribute("border", "1");
+        this._div.appendChild(table);
+        const row = document.createElement("tr");
+        const frameColumn = document.createElement("td");
+        const globalColumn = document.createElement("td");
+        frameColumn.style.width = globalColumn.style.width = "50%";
+        row.appendChild(frameColumn);
+        row.appendChild(globalColumn);
+        table.appendChild(row);
+        for (let i = 0; i < statEntries.length; i++) {
+            const div = document.createElement("div");
+            const elem = document.createElement("text");
+            this._statElements[i] = elem;
+            div.appendChild(elem);
+            const column = i >= indexOfFirstGlobalStatistic ? globalColumn : frameColumn;
+            column.appendChild(div);
+        }
+        const resetButton = createButton({
+            parent: this._div,
+            value: "Reset",
+            tooltip: "Reset all cumulative statistics",
+            handler: () => this.reset(),
+        });
+        resetButton.div.style.textAlign = "center";
+        parent.appendChild(this._div);
+    }
+    dispose() {
+        this.clearInterval();
+    }
+    addMaxActive(parent) {
+        const div = document.createElement("div");
+        const label = document.createElement("label");
+        label.style.display = "inline";
+        label.htmlFor = "maxActiveRequests";
+        label.innerText = "Max Active Requests: ";
+        div.appendChild(label);
+        createNumericInput({
+            parent: div,
+            id: "maxActiveRequests",
+            display: "inline",
+            min: 0,
+            step: 1,
+            value: IModelApp.tileAdmin.channels.rpcConcurrency,
+            handler: (value, _input) => this.updateMaxActive(value),
+        });
+        parent.appendChild(div);
+    }
+    updateMaxActive(value) {
+        IModelApp.tileAdmin.channels.setRpcConcurrency(value);
+    }
+    clearInterval() {
+        if (undefined !== this._curIntervalId) {
+            clearInterval(this._curIntervalId);
+            this._curIntervalId = undefined;
+        }
+    }
+    toggle() {
+        if (undefined !== this._curIntervalId) {
+            // Currently on - turn off.
+            this._div.style.display = "none";
+            this.clearInterval();
+        }
+        else {
+            // Currently off - turn on.
+            this._div.style.display = "block";
+            this.update();
+            this._curIntervalId = setInterval(() => this.update(), 500);
+        }
+    }
+    update() {
+        const stats = IModelApp.tileAdmin.statistics;
+        for (let i = 0; i < statEntries.length; i++) {
+            const stat = statEntries[i];
+            const label = `${stat.label}: ${stat.getValue(stats, this._vp)}`;
+            this._statElements[i].innerText = label;
+        }
+    }
+    reset() {
+        IModelApp.tileAdmin.resetStatistics();
+        this.update();
+    }
+}
 //# sourceMappingURL=TileStatisticsTracker.js.map

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

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

@@ -1,10 +1,10 @@
-import { Viewport } from "@itwin/core-frontend";
-/** Allows the global settings controlling the behavior of viewing tools to be customized.
- * @alpha
- */
-export declare class ToolSettingsTracker {
-    private static _expandToolSettings;
-    constructor(parent: HTMLElement, _vp: Viewport);
-    dispose(): void;
-}
+import { Viewport } from "@itwin/core-frontend";
+/** Allows the global settings controlling the behavior of viewing tools to be customized.
+ * @alpha
+ */
+export declare class ToolSettingsTracker {
+    private static _expandToolSettings;
+    constructor(parent: HTMLElement, _vp: Viewport);
+    dispose(): void;
+}
 //# sourceMappingURL=ToolSettingsTracker.d.ts.map