@itwin/frontend-devtools 3.0.0-dev.72

package/lib/widgets/TileStatisticsTracker.js

@@ -0,0 +1,143 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TileStatisticsTracker = void 0;
+/** @packageDocumentation
+ * @module Widgets
+ */
+const core_frontend_1 = require("@itwin/core-frontend");
+const Button_1 = require("../ui/Button");
+const CheckBox_1 = require("../ui/CheckBox");
+const NumericInput_1 = require("../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 = core_frontend_1.IModelApp.tileAdmin.getTilesForViewport(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
+ */
+class TileStatisticsTracker {
+    constructor(parent, vp) {
+        this._statElements = [];
+        this._vp = vp;
+        this.addMaxActive(parent);
+        (0, CheckBox_1.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 = (0, Button_1.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);
+        (0, NumericInput_1.createNumericInput)({
+            parent: div,
+            id: "maxActiveRequests",
+            display: "inline",
+            min: 0,
+            step: 1,
+            value: core_frontend_1.IModelApp.tileAdmin.channels.rpcConcurrency,
+            handler: (value, _input) => this.updateMaxActive(value),
+        });
+        parent.appendChild(div);
+    }
+    updateMaxActive(value) {
+        core_frontend_1.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 = core_frontend_1.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() {
+        core_frontend_1.IModelApp.tileAdmin.resetStatistics();
+        this.update();
+    }
+}
+exports.TileStatisticsTracker = TileStatisticsTracker;
+//# sourceMappingURL=TileStatisticsTracker.js.map

package/lib/widgets/TileStatisticsTracker.js.map

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

package/lib/widgets/ToolSettingsTracker.d.ts

@@ -0,0 +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;
+}
+//# sourceMappingURL=ToolSettingsTracker.d.ts.map

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

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

package/lib/widgets/ToolSettingsTracker.js

@@ -0,0 +1,182 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolSettingsTracker = void 0;
+/** @packageDocumentation
+ * @module Widgets
+ */
+const core_bentley_1 = require("@itwin/core-bentley");
+const core_frontend_1 = require("@itwin/core-frontend");
+const CheckBox_1 = require("../ui/CheckBox");
+const NestedMenu_1 = require("../ui/NestedMenu");
+const NumericInput_1 = require("../ui/NumericInput");
+/** Allows the global settings controlling the behavior of viewing tools to be customized.
+ * @alpha
+ */
+class ToolSettingsTracker {
+    constructor(parent, _vp) {
+        const settingsDiv = document.createElement("div");
+        settingsDiv.style.display = "block";
+        settingsDiv.style.textAlign = "left";
+        (0, NestedMenu_1.createNestedMenu)({
+            label: "Tool Settings",
+            parent,
+            expand: ToolSettingsTracker._expandToolSettings,
+            handler: (expanded) => ToolSettingsTracker._expandToolSettings = expanded,
+            body: settingsDiv,
+        });
+        let div = core_frontend_1.IModelApp.makeHTMLElement("div", { parent: settingsDiv });
+        (0, CheckBox_1.createCheckBox)({
+            parent: div,
+            name: "Preserve World Up When Rotating",
+            id: "ts_preserveWorldUp",
+            isChecked: core_frontend_1.ToolSettings.preserveWorldUp,
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            handler: (_cb) => { core_frontend_1.ToolSettings.preserveWorldUp = !core_frontend_1.ToolSettings.preserveWorldUp; core_frontend_1.IModelApp.toolAdmin.exitViewTool(); },
+        });
+        div.style.textAlign = "left";
+        // We use a static so the expand/collapse state persists after closing and reopening the drop-down.
+        settingsDiv.style.display = ToolSettingsTracker._expandToolSettings ? "block" : "none";
+        div = core_frontend_1.IModelApp.makeHTMLElement("div", { parent: settingsDiv });
+        let label = core_frontend_1.IModelApp.makeHTMLElement("label", { innerText: "Animation Duration (ms): ", parent: div });
+        label.style.display = "inline";
+        label.htmlFor = "ts_animationTime";
+        (0, NumericInput_1.createNumericInput)({
+            parent: div,
+            id: "ts_animationTime",
+            display: "inline",
+            min: 0,
+            step: 1,
+            value: core_frontend_1.ScreenViewport.animation.time.normal.milliseconds,
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            handler: (value, _input) => { core_frontend_1.ScreenViewport.animation.time.normal = core_bentley_1.BeDuration.fromMilliseconds(value); core_frontend_1.IModelApp.toolAdmin.exitViewTool(); },
+        });
+        div.style.display = "block";
+        div.style.textAlign = "left";
+        div = core_frontend_1.IModelApp.makeHTMLElement("div", { parent: settingsDiv });
+        label = core_frontend_1.IModelApp.makeHTMLElement("label", { innerText: "Pick Radius (inches): ", parent: div });
+        label.style.display = "inline";
+        label.htmlFor = "ts_viewToolPickRadiusInches";
+        label.innerText = "Pick Radius (inches): ";
+        (0, NumericInput_1.createNumericInput)({
+            parent: div,
+            id: "ts_viewToolPickRadiusInches",
+            display: "inline",
+            min: 0,
+            step: 0.01,
+            value: core_frontend_1.ToolSettings.viewToolPickRadiusInches,
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            handler: (value, _input) => { core_frontend_1.ToolSettings.viewToolPickRadiusInches = value; core_frontend_1.IModelApp.toolAdmin.exitViewTool(); },
+            parseAsFloat: true,
+        }, true);
+        div.style.display = "block";
+        div.style.textAlign = "left";
+        div = core_frontend_1.IModelApp.makeHTMLElement("div", { parent: settingsDiv });
+        (0, CheckBox_1.createCheckBox)({
+            parent: div,
+            name: "Walk Enforce Z Up",
+            id: "ts_walkEnforceZUp",
+            isChecked: core_frontend_1.ToolSettings.walkEnforceZUp,
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            handler: (_cb) => { core_frontend_1.ToolSettings.walkEnforceZUp = !core_frontend_1.ToolSettings.walkEnforceZUp; core_frontend_1.IModelApp.toolAdmin.exitViewTool(); },
+        });
+        div.style.display = "block";
+        div.style.textAlign = "left";
+        div = core_frontend_1.IModelApp.makeHTMLElement("div", { parent: settingsDiv });
+        label = core_frontend_1.IModelApp.makeHTMLElement("label", { innerText: "Walk Camera Angle (degrees): ", parent: div });
+        label.style.display = "inline";
+        label.htmlFor = "ts_walkCameraAngle";
+        (0, NumericInput_1.createNumericInput)({
+            parent: div,
+            id: "ts_walkCameraAngle",
+            display: "inline",
+            min: 0,
+            step: 0.1,
+            value: core_frontend_1.ToolSettings.walkCameraAngle.degrees,
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            handler: (value, _input) => { core_frontend_1.ToolSettings.walkCameraAngle.setDegrees(value); core_frontend_1.IModelApp.toolAdmin.exitViewTool(); },
+            parseAsFloat: true,
+        }, true);
+        div.style.display = "block";
+        div.style.textAlign = "left";
+        div = core_frontend_1.IModelApp.makeHTMLElement("div", { parent: settingsDiv });
+        label = core_frontend_1.IModelApp.makeHTMLElement("label", { innerText: "Walk Velocity (meters per second): ", parent: div });
+        label.style.display = "inline";
+        label.htmlFor = "ts_walkVelocity";
+        (0, NumericInput_1.createNumericInput)({
+            parent: div,
+            id: "ts_walkVelocity",
+            display: "inline",
+            min: 0,
+            step: 0.1,
+            value: core_frontend_1.ToolSettings.walkVelocity,
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            handler: (value, _input) => { core_frontend_1.ToolSettings.walkVelocity = value; core_frontend_1.IModelApp.toolAdmin.exitViewTool(); },
+            parseAsFloat: true,
+        }, true);
+        div.style.display = "block";
+        div.style.textAlign = "left";
+        div = core_frontend_1.IModelApp.makeHTMLElement("div", { parent: settingsDiv });
+        label = core_frontend_1.IModelApp.makeHTMLElement("label", { innerText: "Wheel Zoom Bump Distance (meters): ", parent: div });
+        label.style.display = "inline";
+        label.htmlFor = "ts_wheelZoomBumpDistance";
+        (0, NumericInput_1.createNumericInput)({
+            parent: div,
+            id: "ts_wheelZoomBumpDistance",
+            display: "inline",
+            min: 0,
+            step: 0.025,
+            value: core_frontend_1.ToolSettings.wheelZoomBumpDistance,
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            handler: (value, _input) => { core_frontend_1.ToolSettings.wheelZoomBumpDistance = value; core_frontend_1.IModelApp.toolAdmin.exitViewTool(); },
+            parseAsFloat: true,
+        }, true);
+        div.style.display = "block";
+        div.style.textAlign = "left";
+        div = core_frontend_1.IModelApp.makeHTMLElement("div", { parent: settingsDiv });
+        label = core_frontend_1.IModelApp.makeHTMLElement("label", { innerText: "Wheel Zoom Ratio: ", parent: div });
+        label.style.display = "inline";
+        label.htmlFor = "ts_wheelZoomRatio";
+        (0, NumericInput_1.createNumericInput)({
+            parent: div,
+            id: "ts_wheelZoomRatio",
+            display: "inline",
+            min: 1.0,
+            step: 0.025,
+            value: core_frontend_1.ToolSettings.wheelZoomRatio,
+            handler: async (value, _input) => { core_frontend_1.ToolSettings.wheelZoomRatio = value; return core_frontend_1.IModelApp.toolAdmin.exitViewTool(); },
+            parseAsFloat: true,
+        }, true);
+        div.style.display = "block";
+        div.style.textAlign = "left";
+        (0, NumericInput_1.createLabeledNumericInput)({
+            id: "num_inertiaDamping",
+            parent: settingsDiv,
+            value: core_frontend_1.ToolSettings.viewingInertia.damping,
+            handler: async (value, _) => { core_frontend_1.ToolSettings.viewingInertia.damping = value; return core_frontend_1.IModelApp.toolAdmin.exitViewTool(); },
+            min: 0,
+            max: 1,
+            step: 0.05,
+            parseAsFloat: true,
+            name: "Inertial damping: ",
+        });
+        (0, NumericInput_1.createLabeledNumericInput)({
+            id: "num_inertiaDuration",
+            parent: settingsDiv,
+            value: core_frontend_1.ToolSettings.viewingInertia.duration.milliseconds / 1000,
+            handler: async (value, _) => { core_frontend_1.ToolSettings.viewingInertia.duration = core_bentley_1.BeDuration.fromMilliseconds(value * 1000); return core_frontend_1.IModelApp.toolAdmin.exitViewTool(); },
+            min: 0,
+            max: 10,
+            step: 0.5,
+            parseAsFloat: true,
+            name: "Inertial duration (seconds): ",
+        });
+    }
+    dispose() { }
+}
+exports.ToolSettingsTracker = ToolSettingsTracker;
+ToolSettingsTracker._expandToolSettings = false;
+//# sourceMappingURL=ToolSettingsTracker.js.map

package/lib/widgets/ToolSettingsTracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolSettingsTracker.js","sourceRoot":"","sources":["../../src/widgets/ToolSettingsTracker.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n\n/** @packageDocumentation\n * @module Widgets\n */\n\nimport { BeDuration } from \"@itwin/core-bentley\";\nimport { IModelApp, ScreenViewport, ToolSettings, Viewport } from \"@itwin/core-frontend\";\nimport { createCheckBox } from \"../ui/CheckBox\";\nimport { createNestedMenu } from \"../ui/NestedMenu\";\nimport { createLabeledNumericInput, createNumericInput } from \"../ui/NumericInput\";\n\n/** Allows the global settings controlling the behavior of viewing tools to be customized.\n * @alpha\n */\nexport class ToolSettingsTracker {\n  private static _expandToolSettings = false;\n\n  public constructor(parent: HTMLElement, _vp: Viewport) {\n    const settingsDiv = document.createElement(\"div\");\n    settingsDiv.style.display = \"block\";\n    settingsDiv.style.textAlign = \"left\";\n\n    createNestedMenu({\n      label: \"Tool Settings\",\n      parent,\n      expand: ToolSettingsTracker._expandToolSettings,\n      handler: (expanded) => ToolSettingsTracker._expandToolSettings = expanded,\n      body: settingsDiv,\n    });\n\n    let div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    createCheckBox({\n      parent: div,\n      name: \"Preserve World Up When Rotating\",\n      id: \"ts_preserveWorldUp\",\n      isChecked: ToolSettings.preserveWorldUp,\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      handler: (_cb) => { ToolSettings.preserveWorldUp = !ToolSettings.preserveWorldUp; IModelApp.toolAdmin.exitViewTool(); },\n    });\n    div.style.textAlign = \"left\";\n\n    // We use a static so the expand/collapse state persists after closing and reopening the drop-down.\n    settingsDiv.style.display = ToolSettingsTracker._expandToolSettings ? \"block\" : \"none\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    let label = IModelApp.makeHTMLElement(\"label\", { innerText: \"Animation Duration (ms): \", parent: div });\n    label.style.display = \"inline\";\n    label.htmlFor = \"ts_animationTime\";\n    createNumericInput({\n      parent: div,\n      id: \"ts_animationTime\",\n      display: \"inline\",\n      min: 0,\n      step: 1,\n      value: ScreenViewport.animation.time.normal.milliseconds,\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      handler: (value, _input) => { ScreenViewport.animation.time.normal = BeDuration.fromMilliseconds(value); IModelApp.toolAdmin.exitViewTool(); },\n    });\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    label = IModelApp.makeHTMLElement(\"label\", { innerText: \"Pick Radius (inches): \", parent: div });\n    label.style.display = \"inline\";\n    label.htmlFor = \"ts_viewToolPickRadiusInches\";\n    label.innerText = \"Pick Radius (inches): \";\n    createNumericInput({\n      parent: div,\n      id: \"ts_viewToolPickRadiusInches\",\n      display: \"inline\",\n      min: 0,\n      step: 0.01,\n      value: ToolSettings.viewToolPickRadiusInches,\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      handler: (value, _input) => { ToolSettings.viewToolPickRadiusInches = value; IModelApp.toolAdmin.exitViewTool(); },\n      parseAsFloat: true,\n    }, true);\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    createCheckBox({\n      parent: div,\n      name: \"Walk Enforce Z Up\",\n      id: \"ts_walkEnforceZUp\",\n      isChecked: ToolSettings.walkEnforceZUp,\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      handler: (_cb) => { ToolSettings.walkEnforceZUp = !ToolSettings.walkEnforceZUp; IModelApp.toolAdmin.exitViewTool(); },\n    });\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    label = IModelApp.makeHTMLElement(\"label\", { innerText: \"Walk Camera Angle (degrees): \", parent: div });\n    label.style.display = \"inline\";\n    label.htmlFor = \"ts_walkCameraAngle\";\n    createNumericInput({\n      parent: div,\n      id: \"ts_walkCameraAngle\",\n      display: \"inline\",\n      min: 0,\n      step: 0.1,\n      value: ToolSettings.walkCameraAngle.degrees,\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      handler: (value, _input) => { ToolSettings.walkCameraAngle.setDegrees(value); IModelApp.toolAdmin.exitViewTool(); },\n      parseAsFloat: true,\n    }, true);\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    label = IModelApp.makeHTMLElement(\"label\", { innerText: \"Walk Velocity (meters per second): \", parent: div });\n    label.style.display = \"inline\";\n    label.htmlFor = \"ts_walkVelocity\";\n    createNumericInput({\n      parent: div,\n      id: \"ts_walkVelocity\",\n      display: \"inline\",\n      min: 0,\n      step: 0.1,\n      value: ToolSettings.walkVelocity,\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      handler: (value, _input) => { ToolSettings.walkVelocity = value; IModelApp.toolAdmin.exitViewTool(); },\n      parseAsFloat: true,\n    }, true);\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    label = IModelApp.makeHTMLElement(\"label\", { innerText: \"Wheel Zoom Bump Distance (meters): \", parent: div });\n    label.style.display = \"inline\";\n    label.htmlFor = \"ts_wheelZoomBumpDistance\";\n    createNumericInput({\n      parent: div,\n      id: \"ts_wheelZoomBumpDistance\",\n      display: \"inline\",\n      min: 0,\n      step: 0.025,\n      value: ToolSettings.wheelZoomBumpDistance,\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      handler: (value, _input) => { ToolSettings.wheelZoomBumpDistance = value; IModelApp.toolAdmin.exitViewTool(); },\n      parseAsFloat: true,\n    }, true);\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    div = IModelApp.makeHTMLElement(\"div\", { parent: settingsDiv });\n    label = IModelApp.makeHTMLElement(\"label\", { innerText: \"Wheel Zoom Ratio: \", parent: div });\n    label.style.display = \"inline\";\n    label.htmlFor = \"ts_wheelZoomRatio\";\n    createNumericInput({\n      parent: div,\n      id: \"ts_wheelZoomRatio\",\n      display: \"inline\",\n      min: 1.0,\n      step: 0.025,\n      value: ToolSettings.wheelZoomRatio,\n      handler: async (value, _input) => { ToolSettings.wheelZoomRatio = value; return IModelApp.toolAdmin.exitViewTool(); },\n      parseAsFloat: true,\n    }, true);\n    div.style.display = \"block\";\n    div.style.textAlign = \"left\";\n\n    createLabeledNumericInput({\n      id: \"num_inertiaDamping\",\n      parent: settingsDiv,\n      value: ToolSettings.viewingInertia.damping,\n      handler: async (value, _) => { ToolSettings.viewingInertia.damping = value; return IModelApp.toolAdmin.exitViewTool(); },\n      min: 0,\n      max: 1,\n      step: 0.05,\n      parseAsFloat: true,\n      name: \"Inertial damping: \",\n    });\n    createLabeledNumericInput({\n      id: \"num_inertiaDuration\",\n      parent: settingsDiv,\n      value: ToolSettings.viewingInertia.duration.milliseconds / 1000,\n      handler: async (value, _) => { ToolSettings.viewingInertia.duration = BeDuration.fromMilliseconds(value * 1000); return IModelApp.toolAdmin.exitViewTool(); },\n      min: 0,\n      max: 10,\n      step: 0.5,\n      parseAsFloat: true,\n      name: \"Inertial duration (seconds): \",\n    });\n  }\n\n  public dispose(): void { }\n}\n"]}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@itwin/frontend-devtools",
+  "version": "3.0.0-dev.72",
+  "description": "Debug menu and supporting UI widgets",
+  "main": "lib/frontend-devtools.js",
+  "imodeljsSharedLibrary": true,
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/imodeljs/imodeljs/tree/master/core/frontend-devtools"
+  },
+  "keywords": [
+    "Bentley",
+    "BIM",
+    "iModel",
+    "UI",
+    "Widget"
+  ],
+  "author": {
+    "name": "Bentley Systems, Inc.",
+    "url": "http://www.bentley.com"
+  },
+  "dependencies": {
+    "@itwin/core-bentley": "3.0.0-dev.72",
+    "@itwin/core-geometry": "3.0.0-dev.72",
+    "@itwin/core-common": "3.0.0-dev.72",
+    "@itwin/core-frontend": "3.0.0-dev.72",
+    "@itwin/core-i18n": "3.0.0-dev.72",
+    "@bentley/itwin-client": "3.0.0-dev.72",
+    "file-saver": "^2.0.2"
+  },
+  "devDependencies": {
+    "@itwin/build-tools": "3.0.0-dev.72",
+    "@itwin/eslint-plugin": "3.0.0-dev.72",
+    "@types/file-saver": "^2.0.1",
+    "@types/node": "14.14.31",
+    "cpx": "^1.5.0",
+    "eslint": "^7.11.0",
+    "rimraf": "^3.0.2",
+    "typescript": "~4.4.0"
+  },
+  "eslintConfig": {
+    "plugins": [
+      "@itwin"
+    ],
+    "extends": "plugin:@itwin/itwinjs-recommended"
+  },
+  "scripts": {
+    "compile": "npm run build",
+    "build": "npm run copy:assets && tsc 1>&2",
+    "copy:assets": "cpx \"./public/**/*\" ./lib/public",
+    "clean": "rimraf lib .rush/temp/package-deps*.json",
+    "docs": "betools docs --includes=../../generated-docs/extract --json=../../generated-docs/core/frontend-devtools/file.json --tsIndexFile=./frontend-devtools.ts --onlyJson",
+    "extract-api": "betools extract-api --entry=frontend-devtools",
+    "lint": "eslint -f visualstudio \"./src/**/*.ts\" 1>&2",
+    "test": "",
+    "cover": ""
+  }
+}