@itwin/frontend-devtools 4.0.0-dev.24 → 4.0.0-dev.28

package/lib/cjs/widgets/RenderCommandBreakdown.js

@@ -1,69 +1,68 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderCommandBreakdown = void 0;
-const core_frontend_1 = require("@itwin/core-frontend");
-const CheckBox_1 = require("../ui/CheckBox");
-class RenderCommandBreakdown {
-    constructor(parent) {
-        this._cells = new Map();
-        (0, CheckBox_1.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 = core_frontend_1.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}`;
-    }
-}
-exports.RenderCommandBreakdown = RenderCommandBreakdown;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderCommandBreakdown = void 0;
+const core_frontend_1 = require("@itwin/core-frontend");
+const CheckBox_1 = require("../ui/CheckBox");
+class RenderCommandBreakdown {
+    constructor(parent) {
+        this._cells = new Map();
+        (0, CheckBox_1.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 = core_frontend_1.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}`;
+    }
+}
+exports.RenderCommandBreakdown = RenderCommandBreakdown;
 //# sourceMappingURL=RenderCommandBreakdown.js.map

package/lib/cjs/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,wDAAiD;AACjD,6CAAgD;AAEhD,MAAa,sBAAsB;IAOjC,YAAmB,MAAmB;QAHrB,WAAM,GAAG,IAAI,GAAG,EAAuB,CAAC;QAIvD,IAAA,yBAAc,EAAC;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,yBAAS,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;AAnED,wDAmEC","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,wDAAiD;AACjD,6CAAgD;AAEhD,MAAa,sBAAsB;IAOjC,YAAmB,MAAmB;QAHrB,WAAM,GAAG,IAAI,GAAG,EAAuB,CAAC;QAIvD,IAAA,yBAAc,EAAC;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,yBAAS,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;AAnED,wDAmEC","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 } from \"@itwin/core-frontend\";\nimport { createCheckBox } from \"../ui/CheckBox\";\n\nexport class RenderCommandBreakdown {\n  private readonly _div: HTMLDivElement;\n  private readonly _cellDiv: HTMLDivElement;\n  private _curIntervalId?: NodeJS.Timer;\n  private readonly _cells = new Map<string, HTMLElement>();\n  private readonly _total: HTMLElement;\n\n  public constructor(parent: HTMLElement) {\n    createCheckBox({\n      parent,\n      name: \"Render Commands\",\n      id: \"renderCommandBreakdown\",\n      handler: () => 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    this._div.appendChild(this._cellDiv = document.createElement(\"div\"));\n\n    this._div.appendChild(this._total = document.createElement(\"div\"));\n    this._total.innerText = \"Total: 0\";\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 = setInterval(() => this.update(), 500);\n    }\n  }\n\n  private clearInterval(): void {\n    if (undefined !== this._curIntervalId) {\n      clearInterval(this._curIntervalId);\n      this._curIntervalId = undefined;\n    }\n  }\n\n  private update(): void {\n    const ctrl = IModelApp.viewManager.selectedView?.target.debugControl;\n    if (!ctrl)\n      return;\n\n    const cmds = ctrl.getRenderCommands();\n    let total = 0;\n    for (const cmd of cmds) {\n      let cell = this._cells.get(cmd.name);\n      if (!cell) {\n        this._cellDiv.appendChild(cell = document.createElement(\"div\"));\n        this._cells.set(cmd.name, cell);\n      }\n\n      total += cmd.count;\n      cell.innerText = `${cmd.name}: ${cmd.count}`;\n    }\n\n    this._total.innerText = `Total: ${total}`;\n  }\n}\n"]}

package/lib/cjs/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