@itwin/frontend-devtools 4.0.0-dev.8 → 4.0.0-dev.81

package/lib/esm/ui/TextBox.js

@@ -1,53 +1,53 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @alpha */
-export function createTextBox(props) {
-    const div = document.createElement("div");
-    if (true === props.inline)
-        div.style.display = "inline";
-    let label;
-    if (undefined !== props.label) {
-        label = document.createElement("label");
-        label.innerText = props.label;
-        if (undefined !== props.id)
-            label.htmlFor = props.id;
-        div.appendChild(label);
-    }
-    const textbox = document.createElement("input");
-    textbox.type = "text";
-    if (undefined !== props.id)
-        textbox.id = props.id;
-    div.appendChild(textbox);
-    if (undefined !== props.parent)
-        props.parent.appendChild(div);
-    const handler = props.handler;
-    if (undefined !== handler) {
-        textbox.onchange = () => handler(textbox);
-    }
-    // Don't want the document's listeners intepreting keypresses as keyboard shortcuts...
-    const stopPropagation = (ev) => ev.stopPropagation();
-    textbox.onkeydown = textbox.onkeyup = stopPropagation;
-    const keypresshandler = props.keypresshandler;
-    if (undefined !== keypresshandler) {
-        textbox.onkeypress = (ev) => {
-            keypresshandler(textbox, ev);
-            ev.stopPropagation();
-        };
-    }
-    else {
-        textbox.onkeypress = stopPropagation; // eslint-disable-line deprecation/deprecation
-    }
-    const focushandler = props.focushandler;
-    if (undefined !== focushandler) {
-        textbox.onfocus = () => focushandler(textbox);
-    }
-    if (undefined !== props.list) {
-        textbox.setAttribute("list", props.list);
-    }
-    if (undefined !== props.tooltip)
-        div.title = props.tooltip;
-    return { label, textbox, div };
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @alpha */
+export function createTextBox(props) {
+    const div = document.createElement("div");
+    if (true === props.inline)
+        div.style.display = "inline";
+    let label;
+    if (undefined !== props.label) {
+        label = document.createElement("label");
+        label.innerText = props.label;
+        if (undefined !== props.id)
+            label.htmlFor = props.id;
+        div.appendChild(label);
+    }
+    const textbox = document.createElement("input");
+    textbox.type = "text";
+    if (undefined !== props.id)
+        textbox.id = props.id;
+    div.appendChild(textbox);
+    if (undefined !== props.parent)
+        props.parent.appendChild(div);
+    const handler = props.handler;
+    if (undefined !== handler) {
+        textbox.onchange = () => handler(textbox);
+    }
+    // Don't want the document's listeners intepreting keypresses as keyboard shortcuts...
+    const stopPropagation = (ev) => ev.stopPropagation();
+    textbox.onkeydown = textbox.onkeyup = stopPropagation;
+    const keypresshandler = props.keypresshandler;
+    if (undefined !== keypresshandler) {
+        textbox.onkeypress = (ev) => {
+            keypresshandler(textbox, ev);
+            ev.stopPropagation();
+        };
+    }
+    else {
+        textbox.onkeypress = stopPropagation; // eslint-disable-line deprecation/deprecation
+    }
+    const focushandler = props.focushandler;
+    if (undefined !== focushandler) {
+        textbox.onfocus = () => focushandler(textbox);
+    }
+    if (undefined !== props.list) {
+        textbox.setAttribute("list", props.list);
+    }
+    if (undefined !== props.tooltip)
+        div.title = props.tooltip;
+    return { label, textbox, div };
+}
 //# sourceMappingURL=TextBox.js.map

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

@@ -1,38 +1,38 @@
-import { Viewport } from "@itwin/core-frontend";
-import { KeyinField } from "./KeyinField";
-/** Options for configuring a [[DiagnosticsPanel]].
- * @beta
- */
-export interface DiagnosticsPanelProps {
-    /** Widgets to exclude from the panel. */
-    exclude?: {
-        keyin?: boolean;
-        fps?: boolean;
-        tileStats?: boolean;
-        memory?: boolean;
-        tileMemoryBreakdown?: boolean;
-        renderCommands?: boolean;
-        gpuProfiler?: boolean;
-        toolSettings?: boolean;
-    };
-}
-/** Consolidates many other widgets into a single panel.
- * @beta
- */
-export declare class DiagnosticsPanel {
-    private readonly _element;
-    private readonly _parentElement?;
-    private readonly _fpsTracker?;
-    private readonly _memoryTracker?;
-    private readonly _tileMemoryBreakdown?;
-    private readonly _renderCommands?;
-    private readonly _statsTracker?;
-    private readonly _gpuProfiler?;
-    private readonly _toolSettingsTracker?;
-    readonly keyinField?: KeyinField;
-    constructor(vp: Viewport, props?: DiagnosticsPanelProps);
-    get element(): HTMLElement;
-    dispose(): void;
-    private addSeparator;
-}
+import { Viewport } from "@itwin/core-frontend";
+import { KeyinField } from "./KeyinField";
+/** Options for configuring a [[DiagnosticsPanel]].
+ * @beta
+ */
+export interface DiagnosticsPanelProps {
+    /** Widgets to exclude from the panel. */
+    exclude?: {
+        keyin?: boolean;
+        fps?: boolean;
+        tileStats?: boolean;
+        memory?: boolean;
+        tileMemoryBreakdown?: boolean;
+        renderCommands?: boolean;
+        gpuProfiler?: boolean;
+        toolSettings?: boolean;
+    };
+}
+/** Consolidates many other widgets into a single panel.
+ * @beta
+ */
+export declare class DiagnosticsPanel {
+    private readonly _element;
+    private readonly _parentElement?;
+    private readonly _fpsTracker?;
+    private readonly _memoryTracker?;
+    private readonly _tileMemoryBreakdown?;
+    private readonly _renderCommands?;
+    private readonly _statsTracker?;
+    private readonly _gpuProfiler?;
+    private readonly _toolSettingsTracker?;
+    readonly keyinField?: KeyinField;
+    constructor(vp: Viewport, props?: DiagnosticsPanelProps);
+    get element(): HTMLElement;
+    dispose(): void;
+    private addSeparator;
+}
 //# sourceMappingURL=DiagnosticsPanel.d.ts.map

package/lib/esm/widgets/DiagnosticsPanel.js

@@ -1,78 +1,78 @@
-/*---------------------------------------------------------------------------------------------
-* 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 { dispose } from "@itwin/core-bentley";
-import { FpsTracker } from "./FpsTracker";
-import { GpuProfiler } from "./GpuProfiler";
-import { KeyinField } from "./KeyinField";
-import { MemoryTracker } from "./MemoryTracker";
-import { RenderCommandBreakdown } from "./RenderCommandBreakdown";
-import { TileMemoryBreakdown } from "./TileMemoryBreakdown";
-import { TileStatisticsTracker } from "./TileStatisticsTracker";
-import { ToolSettingsTracker } from "./ToolSettingsTracker";
-/** Consolidates many other widgets into a single panel.
- * @beta
- */
-export class DiagnosticsPanel {
-    constructor(vp, props) {
-        const exclude = (undefined !== props && undefined !== props.exclude) ? props.exclude : {};
-        this._element = document.createElement("div");
-        this._element.className = "debugPanel";
-        if (true !== exclude.fps) {
-            this._fpsTracker = new FpsTracker(this._element, vp);
-            this.addSeparator();
-        }
-        if (true !== exclude.keyin) {
-            this.keyinField = new KeyinField({
-                parent: this._element,
-                baseId: "diagnosticsPanelKeyin",
-                wantButton: true,
-                wantLabel: true,
-                historyLength: 20,
-            });
-            this.addSeparator();
-        }
-        if (true !== exclude.tileStats) {
-            this._statsTracker = new TileStatisticsTracker(this._element, vp);
-            this.addSeparator();
-        }
-        if (true !== exclude.tileMemoryBreakdown) {
-            this._tileMemoryBreakdown = new TileMemoryBreakdown(this._element);
-            this.addSeparator();
-        }
-        if (!exclude.renderCommands) {
-            this._renderCommands = new RenderCommandBreakdown(this._element);
-            this.addSeparator();
-        }
-        if (true !== exclude.memory) {
-            this._memoryTracker = new MemoryTracker(this._element, vp);
-            this.addSeparator();
-        }
-        if (true !== exclude.gpuProfiler) {
-            this._gpuProfiler = new GpuProfiler(this._element);
-            this.addSeparator();
-        }
-        if (true !== exclude.toolSettings)
-            this._toolSettingsTracker = new ToolSettingsTracker(this._element, vp);
-    }
-    get element() { return this._element; }
-    dispose() {
-        dispose(this._fpsTracker);
-        dispose(this._memoryTracker);
-        dispose(this._tileMemoryBreakdown);
-        dispose(this._renderCommands);
-        dispose(this._statsTracker);
-        dispose(this._gpuProfiler);
-        dispose(this._toolSettingsTracker);
-        if (undefined !== this._parentElement)
-            this._parentElement.removeChild(this._element);
-    }
-    addSeparator() {
-        this._element.appendChild(document.createElement("hr"));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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 { dispose } from "@itwin/core-bentley";
+import { FpsTracker } from "./FpsTracker";
+import { GpuProfiler } from "./GpuProfiler";
+import { KeyinField } from "./KeyinField";
+import { MemoryTracker } from "./MemoryTracker";
+import { RenderCommandBreakdown } from "./RenderCommandBreakdown";
+import { TileMemoryBreakdown } from "./TileMemoryBreakdown";
+import { TileStatisticsTracker } from "./TileStatisticsTracker";
+import { ToolSettingsTracker } from "./ToolSettingsTracker";
+/** Consolidates many other widgets into a single panel.
+ * @beta
+ */
+export class DiagnosticsPanel {
+    constructor(vp, props) {
+        const exclude = (undefined !== props && undefined !== props.exclude) ? props.exclude : {};
+        this._element = document.createElement("div");
+        this._element.className = "debugPanel";
+        if (true !== exclude.fps) {
+            this._fpsTracker = new FpsTracker(this._element, vp);
+            this.addSeparator();
+        }
+        if (true !== exclude.keyin) {
+            this.keyinField = new KeyinField({
+                parent: this._element,
+                baseId: "diagnosticsPanelKeyin",
+                wantButton: true,
+                wantLabel: true,
+                historyLength: 20,
+            });
+            this.addSeparator();
+        }
+        if (true !== exclude.tileStats) {
+            this._statsTracker = new TileStatisticsTracker(this._element, vp);
+            this.addSeparator();
+        }
+        if (true !== exclude.tileMemoryBreakdown) {
+            this._tileMemoryBreakdown = new TileMemoryBreakdown(this._element);
+            this.addSeparator();
+        }
+        if (!exclude.renderCommands) {
+            this._renderCommands = new RenderCommandBreakdown(this._element);
+            this.addSeparator();
+        }
+        if (true !== exclude.memory) {
+            this._memoryTracker = new MemoryTracker(this._element, vp);
+            this.addSeparator();
+        }
+        if (true !== exclude.gpuProfiler) {
+            this._gpuProfiler = new GpuProfiler(this._element);
+            this.addSeparator();
+        }
+        if (true !== exclude.toolSettings)
+            this._toolSettingsTracker = new ToolSettingsTracker(this._element, vp);
+    }
+    get element() { return this._element; }
+    dispose() {
+        dispose(this._fpsTracker);
+        dispose(this._memoryTracker);
+        dispose(this._tileMemoryBreakdown);
+        dispose(this._renderCommands);
+        dispose(this._statsTracker);
+        dispose(this._gpuProfiler);
+        dispose(this._toolSettingsTracker);
+        if (undefined !== this._parentElement)
+            this._parentElement.removeChild(this._element);
+    }
+    addSeparator() {
+        this._element.appendChild(document.createElement("hr"));
+    }
+}
 //# sourceMappingURL=DiagnosticsPanel.js.map

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

@@ -1,20 +1,20 @@
-/** @packageDocumentation
- * @module Widgets
- */
-import { Viewport } from "@itwin/core-frontend";
-/** Displays average frames-per-second.
- * NOTE: Enabling fps tracking causes a new frame to render on every tick of the render loop, which may negatively impact battery life.
- * @beta
- */
-export declare class FpsTracker {
-    private readonly _label;
-    private _metrics?;
-    private _curIntervalId?;
-    private readonly _vp;
-    constructor(parent: HTMLElement, viewport: Viewport);
-    dispose(): void;
-    private clearInterval;
-    private toggle;
-    private updateFPS;
-}
+/** @packageDocumentation
+ * @module Widgets
+ */
+import { Viewport } from "@itwin/core-frontend";
+/** Displays average frames-per-second.
+ * NOTE: Enabling fps tracking causes a new frame to render on every tick of the render loop, which may negatively impact battery life.
+ * @beta
+ */
+export declare class FpsTracker {
+    private readonly _label;
+    private _metrics?;
+    private _curIntervalId?;
+    private readonly _vp;
+    constructor(parent: HTMLElement, viewport: Viewport);
+    dispose(): void;
+    private clearInterval;
+    private toggle;
+    private updateFPS;
+}
 //# sourceMappingURL=FpsTracker.d.ts.map

package/lib/esm/widgets/FpsTracker.js

@@ -1,53 +1,53 @@
-/*---------------------------------------------------------------------------------------------
-* 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 { PerformanceMetrics } from "@itwin/core-frontend";
-import { createCheckBox } from "../ui/CheckBox";
-/** Displays average frames-per-second.
- * NOTE: Enabling fps tracking causes a new frame to render on every tick of the render loop, which may negatively impact battery life.
- * @beta
- */
-export class FpsTracker {
-    constructor(parent, viewport) {
-        this._vp = viewport;
-        this._label = createCheckBox({
-            parent,
-            name: "Track FPS",
-            id: "fpsTracker_toggle",
-            handler: (cb) => this.toggle(cb.checked),
-        }).label;
-    }
-    dispose() {
-        this.toggle(false);
-    }
-    clearInterval() {
-        if (undefined !== this._curIntervalId) {
-            clearInterval(this._curIntervalId);
-            this._curIntervalId = undefined;
-        }
-    }
-    toggle(enabled) {
-        this._vp.continuousRendering = enabled;
-        if (enabled) {
-            this._metrics = new PerformanceMetrics(false, true);
-            this._curIntervalId = setInterval(() => this.updateFPS(), 500);
-            this._label.innerText = "Tracking FPS...";
-        }
-        else {
-            this._metrics = undefined;
-            this.clearInterval();
-            this._label.innerText = "Track FPS";
-        }
-        this._vp.target.performanceMetrics = this._metrics;
-    }
-    updateFPS() {
-        const metrics = this._metrics;
-        const fps = (metrics.spfTimes.length / metrics.spfSum).toFixed(2);
-        this._label.innerText = `FPS: ${fps}`;
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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 { PerformanceMetrics } from "@itwin/core-frontend";
+import { createCheckBox } from "../ui/CheckBox";
+/** Displays average frames-per-second.
+ * NOTE: Enabling fps tracking causes a new frame to render on every tick of the render loop, which may negatively impact battery life.
+ * @beta
+ */
+export class FpsTracker {
+    constructor(parent, viewport) {
+        this._vp = viewport;
+        this._label = createCheckBox({
+            parent,
+            name: "Track FPS",
+            id: "fpsTracker_toggle",
+            handler: (cb) => this.toggle(cb.checked),
+        }).label;
+    }
+    dispose() {
+        this.toggle(false);
+    }
+    clearInterval() {
+        if (undefined !== this._curIntervalId) {
+            clearInterval(this._curIntervalId);
+            this._curIntervalId = undefined;
+        }
+    }
+    toggle(enabled) {
+        this._vp.continuousRendering = enabled;
+        if (enabled) {
+            this._metrics = new PerformanceMetrics(false, true);
+            this._curIntervalId = setInterval(() => this.updateFPS(), 500);
+            this._label.innerText = "Tracking FPS...";
+        }
+        else {
+            this._metrics = undefined;
+            this.clearInterval();
+            this._label.innerText = "Track FPS";
+        }
+        this._vp.target.performanceMetrics = this._metrics;
+    }
+    updateFPS() {
+        const metrics = this._metrics;
+        const fps = (metrics.spfTimes.length / metrics.spfSum).toFixed(2);
+        this._label.innerText = `FPS: ${fps}`;
+    }
+}
 //# sourceMappingURL=FpsTracker.js.map

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

@@ -1,17 +1,17 @@
-/** @alpha */
-export declare class GpuProfiler {
-    private readonly _div;
-    private readonly _resultsDiv;
-    private readonly _results;
-    private readonly _debugControl;
-    private readonly _recordButton;
-    private _recordedResults;
-    private _isRecording;
-    constructor(parent: HTMLElement);
-    dispose(): void;
-    private toggleProfileCheckBox;
-    private _clickRecord;
-    private stopRecording;
-    private _resultsCallback;
-}
+/** @alpha */
+export declare class GpuProfiler {
+    private readonly _div;
+    private readonly _resultsDiv;
+    private readonly _results;
+    private readonly _debugControl;
+    private readonly _recordButton;
+    private _recordedResults;
+    private _isRecording;
+    constructor(parent: HTMLElement);
+    dispose(): void;
+    private toggleProfileCheckBox;
+    private _clickRecord;
+    private stopRecording;
+    private _resultsCallback;
+}
 //# sourceMappingURL=GpuProfiler.d.ts.map