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

package/lib/esm/widgets/RenderCommandBreakdown.js

@@ -1,65 +1,64 @@
-/*---------------------------------------------------------------------------------------------
-* 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 { createCheckBox } from "../ui/CheckBox";
-export class RenderCommandBreakdown {
-    constructor(parent) {
-        this._cells = new Map();
-        createCheckBox({
-            parent,
-            name: "Render Commands",
-            id: "renderCommandBreakdown",
-            handler: () => this.toggle(),
-        });
-        parent.appendChild(this._div = document.createElement("div"));
-        this._div.style.display = "none";
-        this._div.style.textAlign = "right";
-        this._div.appendChild(this._cellDiv = document.createElement("div"));
-        this._div.appendChild(this._total = document.createElement("div"));
-        this._total.innerText = "Total: 0";
-    }
-    dispose() {
-        this.clearInterval();
-    }
-    toggle() {
-        if (undefined !== this._curIntervalId) {
-            this._div.style.display = "none";
-            this.clearInterval();
-        }
-        else {
-            this._div.style.display = "block";
-            this.update();
-            this._curIntervalId = setInterval(() => this.update(), 500);
-        }
-    }
-    clearInterval() {
-        if (undefined !== this._curIntervalId) {
-            clearInterval(this._curIntervalId);
-            this._curIntervalId = undefined;
-        }
-    }
-    update() {
-        var _a;
-        const ctrl = (_a = IModelApp.viewManager.selectedView) === null || _a === void 0 ? void 0 : _a.target.debugControl;
-        if (!ctrl)
-            return;
-        const cmds = ctrl.getRenderCommands();
-        let total = 0;
-        for (const cmd of cmds) {
-            let cell = this._cells.get(cmd.name);
-            if (!cell) {
-                this._cellDiv.appendChild(cell = document.createElement("div"));
-                this._cells.set(cmd.name, cell);
-            }
-            total += cmd.count;
-            cell.innerText = `${cmd.name}: ${cmd.count}`;
-        }
-        this._total.innerText = `Total: ${total}`;
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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 { createCheckBox } from "../ui/CheckBox";
+export class RenderCommandBreakdown {
+    constructor(parent) {
+        this._cells = new Map();
+        createCheckBox({
+            parent,
+            name: "Render Commands",
+            id: "renderCommandBreakdown",
+            handler: () => this.toggle(),
+        });
+        parent.appendChild(this._div = document.createElement("div"));
+        this._div.style.display = "none";
+        this._div.style.textAlign = "right";
+        this._div.appendChild(this._cellDiv = document.createElement("div"));
+        this._div.appendChild(this._total = document.createElement("div"));
+        this._total.innerText = "Total: 0";
+    }
+    dispose() {
+        this.clearInterval();
+    }
+    toggle() {
+        if (undefined !== this._curIntervalId) {
+            this._div.style.display = "none";
+            this.clearInterval();
+        }
+        else {
+            this._div.style.display = "block";
+            this.update();
+            this._curIntervalId = setInterval(() => this.update(), 500);
+        }
+    }
+    clearInterval() {
+        if (undefined !== this._curIntervalId) {
+            clearInterval(this._curIntervalId);
+            this._curIntervalId = undefined;
+        }
+    }
+    update() {
+        const ctrl = IModelApp.viewManager.selectedView?.target.debugControl;
+        if (!ctrl)
+            return;
+        const cmds = ctrl.getRenderCommands();
+        let total = 0;
+        for (const cmd of cmds) {
+            let cell = this._cells.get(cmd.name);
+            if (!cell) {
+                this._cellDiv.appendChild(cell = document.createElement("div"));
+                this._cells.set(cmd.name, cell);
+            }
+            total += cmd.count;
+            cell.innerText = `${cmd.name}: ${cmd.count}`;
+        }
+        this._total.innerText = `Total: ${total}`;
+    }
+}
 //# sourceMappingURL=RenderCommandBreakdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RenderCommandBreakdown.js","sourceRoot":"","sources":["../../../src/widgets/RenderCommandBreakdown.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,OAAO,sBAAsB;IAOjC,YAAmB,MAAmB;QAHrB,WAAM,GAAG,IAAI,GAAG,EAAuB,CAAC;QAIvD,cAAc,CAAC;YACb,MAAM;YACN,IAAI,EAAE,iBAAiB;YACvB,EAAE,EAAE,wBAAwB;YAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;SAC7B,CAAC,CAAC;QAEH,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QACjC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;QAEpC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;QAErE,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;QACnE,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,UAAU,CAAC;IACrC,CAAC;IAEM,OAAO;QACZ,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAEO,MAAM;QACZ,IAAI,SAAS,KAAK,IAAI,CAAC,cAAc,EAAE;YACrC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YACjC,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;aAAM;YACL,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;YAClC,IAAI,CAAC,MAAM,EAAE,CAAC;YACd,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,GAAG,CAAC,CAAC;SAC7D;IACH,CAAC;IAEO,aAAa;QACnB,IAAI,SAAS,KAAK,IAAI,CAAC,cAAc,EAAE;YACrC,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YACnC,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;SACjC;IACH,CAAC;IAEO,MAAM;;QACZ,MAAM,IAAI,GAAG,MAAA,SAAS,CAAC,WAAW,CAAC,YAAY,0CAAE,MAAM,CAAC,YAAY,CAAC;QACrE,IAAI,CAAC,IAAI;YACP,OAAO;QAET,MAAM,IAAI,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACtC,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,IAAI,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACrC,IAAI,CAAC,IAAI,EAAE;gBACT,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;gBAChE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;aACjC;YAED,KAAK,IAAI,GAAG,CAAC,KAAK,CAAC;YACnB,IAAI,CAAC,SAAS,GAAG,GAAG,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,KAAK,EAAE,CAAC;SAC9C;QAED,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,UAAU,KAAK,EAAE,CAAC;IAC5C,CAAC;CACF","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 } from \"@itwin/core-frontend\";\r\nimport { createCheckBox } from \"../ui/CheckBox\";\r\n\r\nexport class RenderCommandBreakdown {\r\n  private readonly _div: HTMLDivElement;\r\n  private readonly _cellDiv: HTMLDivElement;\r\n  private _curIntervalId?: NodeJS.Timer;\r\n  private readonly _cells = new Map<string, HTMLElement>();\r\n  private readonly _total: HTMLElement;\r\n\r\n  public constructor(parent: HTMLElement) {\r\n    createCheckBox({\r\n      parent,\r\n      name: \"Render Commands\",\r\n      id: \"renderCommandBreakdown\",\r\n      handler: () => 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    this._div.appendChild(this._cellDiv = document.createElement(\"div\"));\r\n\r\n    this._div.appendChild(this._total = document.createElement(\"div\"));\r\n    this._total.innerText = \"Total: 0\";\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    const ctrl = IModelApp.viewManager.selectedView?.target.debugControl;\r\n    if (!ctrl)\r\n      return;\r\n\r\n    const cmds = ctrl.getRenderCommands();\r\n    let total = 0;\r\n    for (const cmd of cmds) {\r\n      let cell = this._cells.get(cmd.name);\r\n      if (!cell) {\r\n        this._cellDiv.appendChild(cell = document.createElement(\"div\"));\r\n        this._cells.set(cmd.name, cell);\r\n      }\r\n\r\n      total += cmd.count;\r\n      cell.innerText = `${cmd.name}: ${cmd.count}`;\r\n    }\r\n\r\n    this._total.innerText = `Total: ${total}`;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"RenderCommandBreakdown.js","sourceRoot":"","sources":["../../../src/widgets/RenderCommandBreakdown.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,OAAO,sBAAsB;IAOjC,YAAmB,MAAmB;QAHrB,WAAM,GAAG,IAAI,GAAG,EAAuB,CAAC;QAIvD,cAAc,CAAC;YACb,MAAM;YACN,IAAI,EAAE,iBAAiB;YACvB,EAAE,EAAE,wBAAwB;YAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;SAC7B,CAAC,CAAC;QAEH,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QACjC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;QAEpC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;QAErE,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;QACnE,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,UAAU,CAAC;IACrC,CAAC;IAEM,OAAO;QACZ,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAEO,MAAM;QACZ,IAAI,SAAS,KAAK,IAAI,CAAC,cAAc,EAAE;YACrC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YACjC,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;aAAM;YACL,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;YAClC,IAAI,CAAC,MAAM,EAAE,CAAC;YACd,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,GAAG,CAAC,CAAC;SAC7D;IACH,CAAC;IAEO,aAAa;QACnB,IAAI,SAAS,KAAK,IAAI,CAAC,cAAc,EAAE;YACrC,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YACnC,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;SACjC;IACH,CAAC;IAEO,MAAM;QACZ,MAAM,IAAI,GAAG,SAAS,CAAC,WAAW,CAAC,YAAY,EAAE,MAAM,CAAC,YAAY,CAAC;QACrE,IAAI,CAAC,IAAI;YACP,OAAO;QAET,MAAM,IAAI,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACtC,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,IAAI,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACrC,IAAI,CAAC,IAAI,EAAE;gBACT,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;gBAChE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;aACjC;YAED,KAAK,IAAI,GAAG,CAAC,KAAK,CAAC;YACnB,IAAI,CAAC,SAAS,GAAG,GAAG,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,KAAK,EAAE,CAAC;SAC9C;QAED,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,UAAU,KAAK,EAAE,CAAC;IAC5C,CAAC;CACF","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 } from \"@itwin/core-frontend\";\r\nimport { createCheckBox } from \"../ui/CheckBox\";\r\n\r\nexport class RenderCommandBreakdown {\r\n  private readonly _div: HTMLDivElement;\r\n  private readonly _cellDiv: HTMLDivElement;\r\n  private _curIntervalId?: NodeJS.Timer;\r\n  private readonly _cells = new Map<string, HTMLElement>();\r\n  private readonly _total: HTMLElement;\r\n\r\n  public constructor(parent: HTMLElement) {\r\n    createCheckBox({\r\n      parent,\r\n      name: \"Render Commands\",\r\n      id: \"renderCommandBreakdown\",\r\n      handler: () => 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    this._div.appendChild(this._cellDiv = document.createElement(\"div\"));\r\n\r\n    this._div.appendChild(this._total = document.createElement(\"div\"));\r\n    this._total.innerText = \"Total: 0\";\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    const ctrl = IModelApp.viewManager.selectedView?.target.debugControl;\r\n    if (!ctrl)\r\n      return;\r\n\r\n    const cmds = ctrl.getRenderCommands();\r\n    let total = 0;\r\n    for (const cmd of cmds) {\r\n      let cell = this._cells.get(cmd.name);\r\n      if (!cell) {\r\n        this._cellDiv.appendChild(cell = document.createElement(\"div\"));\r\n        this._cells.set(cmd.name, cell);\r\n      }\r\n\r\n      total += cmd.count;\r\n      cell.innerText = `${cmd.name}: ${cmd.count}`;\r\n    }\r\n\r\n    this._total.innerText = `Total: ${total}`;\r\n  }\r\n}\r\n"]}

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

@@ -1,31 +1,31 @@
-/** @packageDocumentation
- * @module Widgets
- */
-/** Breaks down the GPU memory allocated to tiles into categories displayed in two panes.
- * 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.
- * The right-hand pane computes its information from the set of all [TileTree]($frontend)s, broken down into groups:
- * - "Selected" - tiles that have been selected for display in at least one viewport.
- * - "Ancestors" - tiles not selected for display, but have descendents selected for display.
- * - "Descendants" - tiles not selected for display, but have ancestors selected for display.
- * - "Orphans" - tiles not selected for display that have no ancestors nor descendants selected for display.
- * - "Total" - totals of the above categories.
- *
- * Each row of data shows `(number of tiles) Group Name: amount of memory consumed by group`.
- * The number of tiles in each group includes only those tiles that are consuming a non-zero amount of GPU memory.
- * The widget includes a checkbox to toggle tracking and display of these statistics.
- * @beta
- */
-export declare class TileMemoryBreakdown {
-    private readonly _tracer;
-    private readonly _div;
-    private _curIntervalId?;
-    private readonly _statsElements;
-    private readonly _totalsElements;
-    /** Construct a new breakdown widget as a child of the specified parent element. */
-    constructor(parent: HTMLElement);
-    dispose(): void;
-    private toggle;
-    private clearInterval;
-    private update;
-}
+/** @packageDocumentation
+ * @module Widgets
+ */
+/** Breaks down the GPU memory allocated to tiles into categories displayed in two panes.
+ * 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.
+ * The right-hand pane computes its information from the set of all [TileTree]($frontend)s, broken down into groups:
+ * - "Selected" - tiles that have been selected for display in at least one viewport.
+ * - "Ancestors" - tiles not selected for display, but have descendents selected for display.
+ * - "Descendants" - tiles not selected for display, but have ancestors selected for display.
+ * - "Orphans" - tiles not selected for display that have no ancestors nor descendants selected for display.
+ * - "Total" - totals of the above categories.
+ *
+ * Each row of data shows `(number of tiles) Group Name: amount of memory consumed by group`.
+ * The number of tiles in each group includes only those tiles that are consuming a non-zero amount of GPU memory.
+ * The widget includes a checkbox to toggle tracking and display of these statistics.
+ * @beta
+ */
+export declare class TileMemoryBreakdown {
+    private readonly _tracer;
+    private readonly _div;
+    private _curIntervalId?;
+    private readonly _statsElements;
+    private readonly _totalsElements;
+    /** Construct a new breakdown widget as a child of the specified parent element. */
+    constructor(parent: HTMLElement);
+    dispose(): void;
+    private toggle;
+    private clearInterval;
+    private update;
+}
 //# sourceMappingURL=TileMemoryBreakdown.d.ts.map

package/lib/esm/widgets/TileMemoryBreakdown.js

@@ -1,201 +1,200 @@
-/*---------------------------------------------------------------------------------------------
-* 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, RenderMemory } from "@itwin/core-frontend";
-import { createCheckBox } from "../ui/CheckBox";
-import { formatMemory } from "./MemoryTracker";
-var TileMemorySelector;
-(function (TileMemorySelector) {
-    TileMemorySelector[TileMemorySelector["Selected"] = 0] = "Selected";
-    TileMemorySelector[TileMemorySelector["Ancestors"] = 1] = "Ancestors";
-    TileMemorySelector[TileMemorySelector["Descendants"] = 2] = "Descendants";
-    TileMemorySelector[TileMemorySelector["Orphaned"] = 3] = "Orphaned";
-    TileMemorySelector[TileMemorySelector["Total"] = 4] = "Total";
-    TileMemorySelector[TileMemorySelector["Count"] = 5] = "Count";
-})(TileMemorySelector || (TileMemorySelector = {}));
-class TileMemoryTracer {
-    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 });
-    }
-    update() {
-        var _a;
-        this.reset();
-        const imodels = new Set();
-        const selectedTiles = new Set();
-        for (const vp of IModelApp.viewManager) {
-            imodels.add(vp.iModel);
-            const tiles = (_a = IModelApp.tileAdmin.getTilesForUser(vp)) === null || _a === void 0 ? void 0 : _a.selected;
-            if (tiles)
-                for (const tile of tiles)
-                    selectedTiles.add(tile);
-        }
-        for (const selected of selectedTiles)
-            this.add(selected, TileMemorySelector.Selected);
-        for (const selected of selectedTiles) {
-            this.processParent(selected.parent);
-            this.processChildren(selected.children);
-        }
-        for (const imodel of imodels) {
-            imodel.tiles.forEachTreeOwner((owner) => {
-                const tree = owner.tileTree;
-                if (tree)
-                    this.processOrphan(tree.rootTile);
-            });
-        }
-        this.counters[TileMemorySelector.Total].numTiles = this.counters.reduce((accum, counter) => accum + counter.numTiles, 0);
-        this.counters[TileMemorySelector.Total].bytesUsed = this.counters.reduce((accum, counter) => accum + counter.bytesUsed, 0);
-    }
-    reset() {
-        this._processedTiles.clear();
-        this.numSelected = 0;
-        for (const counter of this.counters)
-            counter.numTiles = counter.bytesUsed = 0;
-    }
-    add(tile, selector) {
-        this._processedTiles.add(tile);
-        this._stats.clear();
-        tile.collectStatistics(this._stats, false);
-        const bytesUsed = this._stats.totalBytes;
-        if (bytesUsed > 0) {
-            const counter = this.counters[selector];
-            ++counter.numTiles;
-            counter.bytesUsed += bytesUsed;
-        }
-    }
-    processParent(parent) {
-        if (parent && !this._processedTiles.has(parent)) {
-            this.add(parent, TileMemorySelector.Ancestors);
-            this.processParent(parent.parent);
-        }
-    }
-    processChildren(children) {
-        if (!children)
-            return;
-        for (const child of children) {
-            if (!this._processedTiles.has(child)) {
-                this.add(child, TileMemorySelector.Descendants);
-                this.processChildren(child.children);
-            }
-        }
-    }
-    processOrphan(tile) {
-        if (!this._processedTiles.has(tile))
-            this.add(tile, TileMemorySelector.Orphaned);
-        const children = tile.children;
-        if (children)
-            for (const child of children)
-                this.processOrphan(child);
-    }
-}
-const statsLabels = ["Selected", "Ancestors", "Descendants", "Orphaned", "Total"];
-function format(count, label, bytesUsed) {
-    return `${count} ${label}: ${formatMemory(bytesUsed)}`;
-}
-/** Breaks down the GPU memory allocated to tiles into categories displayed in two panes.
- * 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.
- * The right-hand pane computes its information from the set of all [TileTree]($frontend)s, broken down into groups:
- * - "Selected" - tiles that have been selected for display in at least one viewport.
- * - "Ancestors" - tiles not selected for display, but have descendents selected for display.
- * - "Descendants" - tiles not selected for display, but have ancestors selected for display.
- * - "Orphans" - tiles not selected for display that have no ancestors nor descendants selected for display.
- * - "Total" - totals of the above categories.
- *
- * Each row of data shows `(number of tiles) Group Name: amount of memory consumed by group`.
- * The number of tiles in each group includes only those tiles that are consuming a non-zero amount of GPU memory.
- * The widget includes a checkbox to toggle tracking and display of these statistics.
- * @beta
- */
-export class TileMemoryBreakdown {
-    /** 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",
-            id: "tileMemoryBreakdown",
-            handler: (_cb) => this.toggle(),
-        });
-        parent.appendChild(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 leftCell = document.createElement("td");
-        const rightCell = document.createElement("td");
-        leftCell.style.width = rightCell.style.width = "50%";
-        row.appendChild(leftCell);
-        row.appendChild(rightCell);
-        table.appendChild(row);
-        for (let i = 0; i < TileMemorySelector.Count; i++) {
-            const div = document.createElement("div");
-            const elem = document.createElement("text");
-            this._statsElements.push(elem);
-            div.appendChild(elem);
-            rightCell.appendChild(div);
-        }
-        for (let i = 0; i < 3; i++) {
-            const div = document.createElement("div");
-            const elem = document.createElement("text");
-            this._totalsElements.push(elem);
-            div.appendChild(elem);
-            leftCell.appendChild(div);
-        }
-    }
-    dispose() {
-        this.clearInterval();
-    }
-    toggle() {
-        if (undefined !== this._curIntervalId) {
-            this._div.style.display = "none";
-            this.clearInterval();
-        }
-        else {
-            this._div.style.display = "block";
-            this.update();
-            this._curIntervalId = setInterval(() => this.update(), 500);
-        }
-    }
-    clearInterval() {
-        if (undefined !== this._curIntervalId) {
-            clearInterval(this._curIntervalId);
-            this._curIntervalId = undefined;
-        }
-    }
-    update() {
-        this._tracer.update();
-        for (let i = 0; i < this._statsElements.length; i++) {
-            const counter = this._tracer.counters[i];
-            this._statsElements[i].innerText = format(counter.numTiles, statsLabels[i], counter.bytesUsed);
-        }
-        let numUnselected = 0;
-        let unselectedBytes = 0;
-        for (const unselected of IModelApp.tileAdmin.unselectedLoadedTiles) {
-            ++numUnselected;
-            unselectedBytes += unselected.bytesUsed;
-        }
-        let numSelected = 0;
-        let selectedBytes = 0;
-        for (const selected of IModelApp.tileAdmin.selectedLoadedTiles) {
-            ++numSelected;
-            selectedBytes += selected.bytesUsed;
-        }
-        this._totalsElements[0].innerText = format(numSelected, "Selected", selectedBytes);
-        this._totalsElements[1].innerText = format(numUnselected, "Unselected", unselectedBytes);
-        this._totalsElements[2].innerText = format(numSelected + numUnselected, "Total", IModelApp.tileAdmin.totalTileContentBytes);
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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, RenderMemory } from "@itwin/core-frontend";
+import { createCheckBox } from "../ui/CheckBox";
+import { formatMemory } from "./MemoryTracker";
+var TileMemorySelector;
+(function (TileMemorySelector) {
+    TileMemorySelector[TileMemorySelector["Selected"] = 0] = "Selected";
+    TileMemorySelector[TileMemorySelector["Ancestors"] = 1] = "Ancestors";
+    TileMemorySelector[TileMemorySelector["Descendants"] = 2] = "Descendants";
+    TileMemorySelector[TileMemorySelector["Orphaned"] = 3] = "Orphaned";
+    TileMemorySelector[TileMemorySelector["Total"] = 4] = "Total";
+    TileMemorySelector[TileMemorySelector["Count"] = 5] = "Count";
+})(TileMemorySelector || (TileMemorySelector = {}));
+class TileMemoryTracer {
+    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 });
+    }
+    update() {
+        this.reset();
+        const imodels = new Set();
+        const selectedTiles = new Set();
+        for (const vp of IModelApp.viewManager) {
+            imodels.add(vp.iModel);
+            const tiles = IModelApp.tileAdmin.getTilesForUser(vp)?.selected;
+            if (tiles)
+                for (const tile of tiles)
+                    selectedTiles.add(tile);
+        }
+        for (const selected of selectedTiles)
+            this.add(selected, TileMemorySelector.Selected);
+        for (const selected of selectedTiles) {
+            this.processParent(selected.parent);
+            this.processChildren(selected.children);
+        }
+        for (const imodel of imodels) {
+            imodel.tiles.forEachTreeOwner((owner) => {
+                const tree = owner.tileTree;
+                if (tree)
+                    this.processOrphan(tree.rootTile);
+            });
+        }
+        this.counters[TileMemorySelector.Total].numTiles = this.counters.reduce((accum, counter) => accum + counter.numTiles, 0);
+        this.counters[TileMemorySelector.Total].bytesUsed = this.counters.reduce((accum, counter) => accum + counter.bytesUsed, 0);
+    }
+    reset() {
+        this._processedTiles.clear();
+        this.numSelected = 0;
+        for (const counter of this.counters)
+            counter.numTiles = counter.bytesUsed = 0;
+    }
+    add(tile, selector) {
+        this._processedTiles.add(tile);
+        this._stats.clear();
+        tile.collectStatistics(this._stats, false);
+        const bytesUsed = this._stats.totalBytes;
+        if (bytesUsed > 0) {
+            const counter = this.counters[selector];
+            ++counter.numTiles;
+            counter.bytesUsed += bytesUsed;
+        }
+    }
+    processParent(parent) {
+        if (parent && !this._processedTiles.has(parent)) {
+            this.add(parent, TileMemorySelector.Ancestors);
+            this.processParent(parent.parent);
+        }
+    }
+    processChildren(children) {
+        if (!children)
+            return;
+        for (const child of children) {
+            if (!this._processedTiles.has(child)) {
+                this.add(child, TileMemorySelector.Descendants);
+                this.processChildren(child.children);
+            }
+        }
+    }
+    processOrphan(tile) {
+        if (!this._processedTiles.has(tile))
+            this.add(tile, TileMemorySelector.Orphaned);
+        const children = tile.children;
+        if (children)
+            for (const child of children)
+                this.processOrphan(child);
+    }
+}
+const statsLabels = ["Selected", "Ancestors", "Descendants", "Orphaned", "Total"];
+function format(count, label, bytesUsed) {
+    return `${count} ${label}: ${formatMemory(bytesUsed)}`;
+}
+/** Breaks down the GPU memory allocated to tiles into categories displayed in two panes.
+ * 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.
+ * The right-hand pane computes its information from the set of all [TileTree]($frontend)s, broken down into groups:
+ * - "Selected" - tiles that have been selected for display in at least one viewport.
+ * - "Ancestors" - tiles not selected for display, but have descendents selected for display.
+ * - "Descendants" - tiles not selected for display, but have ancestors selected for display.
+ * - "Orphans" - tiles not selected for display that have no ancestors nor descendants selected for display.
+ * - "Total" - totals of the above categories.
+ *
+ * Each row of data shows `(number of tiles) Group Name: amount of memory consumed by group`.
+ * The number of tiles in each group includes only those tiles that are consuming a non-zero amount of GPU memory.
+ * The widget includes a checkbox to toggle tracking and display of these statistics.
+ * @beta
+ */
+export class TileMemoryBreakdown {
+    /** 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",
+            id: "tileMemoryBreakdown",
+            handler: (_cb) => this.toggle(),
+        });
+        parent.appendChild(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 leftCell = document.createElement("td");
+        const rightCell = document.createElement("td");
+        leftCell.style.width = rightCell.style.width = "50%";
+        row.appendChild(leftCell);
+        row.appendChild(rightCell);
+        table.appendChild(row);
+        for (let i = 0; i < TileMemorySelector.Count; i++) {
+            const div = document.createElement("div");
+            const elem = document.createElement("text");
+            this._statsElements.push(elem);
+            div.appendChild(elem);
+            rightCell.appendChild(div);
+        }
+        for (let i = 0; i < 3; i++) {
+            const div = document.createElement("div");
+            const elem = document.createElement("text");
+            this._totalsElements.push(elem);
+            div.appendChild(elem);
+            leftCell.appendChild(div);
+        }
+    }
+    dispose() {
+        this.clearInterval();
+    }
+    toggle() {
+        if (undefined !== this._curIntervalId) {
+            this._div.style.display = "none";
+            this.clearInterval();
+        }
+        else {
+            this._div.style.display = "block";
+            this.update();
+            this._curIntervalId = setInterval(() => this.update(), 500);
+        }
+    }
+    clearInterval() {
+        if (undefined !== this._curIntervalId) {
+            clearInterval(this._curIntervalId);
+            this._curIntervalId = undefined;
+        }
+    }
+    update() {
+        this._tracer.update();
+        for (let i = 0; i < this._statsElements.length; i++) {
+            const counter = this._tracer.counters[i];
+            this._statsElements[i].innerText = format(counter.numTiles, statsLabels[i], counter.bytesUsed);
+        }
+        let numUnselected = 0;
+        let unselectedBytes = 0;
+        for (const unselected of IModelApp.tileAdmin.unselectedLoadedTiles) {
+            ++numUnselected;
+            unselectedBytes += unselected.bytesUsed;
+        }
+        let numSelected = 0;
+        let selectedBytes = 0;
+        for (const selected of IModelApp.tileAdmin.selectedLoadedTiles) {
+            ++numSelected;
+            selectedBytes += selected.bytesUsed;
+        }
+        this._totalsElements[0].innerText = format(numSelected, "Selected", selectedBytes);
+        this._totalsElements[1].innerText = format(numUnselected, "Unselected", unselectedBytes);
+        this._totalsElements[2].innerText = format(numSelected + numUnselected, "Total", IModelApp.tileAdmin.totalTileContentBytes);
+    }
+}
 //# sourceMappingURL=TileMemoryBreakdown.js.map