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

package/lib/esm/effects/Vignette.js

@@ -1,27 +1,27 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Effects
- */
-import { Tool, UniformType, VaryingType } from "@itwin/core-frontend";
-import { parseArgs } from "../tools/parseArgs";
-import { AddEffectTool, refreshViewportsForEffect } from "./EffectTools";
-/** Applies a [vignette](https://en.wikipedia.org/wiki/Vignetting) effect to the viewport.
- * From https://github.com/TyLindberg/glsl-vignette/blob/master/advanced.glsl.
- * @beta
- */
-export class VignetteEffect extends AddEffectTool {
-    get effectName() { return "Vignette"; }
-    get textureCoordFromPosition() { return true; }
-    get source() {
-        return {
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Effects
+ */
+import { Tool, UniformType, VaryingType } from "@itwin/core-frontend";
+import { parseArgs } from "../tools/parseArgs";
+import { AddEffectTool, refreshViewportsForEffect } from "./EffectTools";
+/** Applies a [vignette](https://en.wikipedia.org/wiki/Vignetting) effect to the viewport.
+ * From https://github.com/TyLindberg/glsl-vignette/blob/master/advanced.glsl.
+ * @beta
+ */
+class VignetteEffect extends AddEffectTool {
+    get effectName() { return "Vignette"; }
+    get textureCoordFromPosition() { return true; }
+    get source() {
+        return {
             vertex: `
         void effectMain(vec4 pos) {
           v_texCoord = textureCoordFromPosition(pos);
         }
-      `,
+      `,
             fragment: `
         float sdSquare(vec2 point, float width) {
           vec2 d = abs(point) - width;
@@ -47,58 +47,60 @@ export class VignetteEffect extends AddEffectTool {
         vec4 effectMain() {
           return TEXTURE(u_diffuse, v_texCoord) * vignette(v_texCoord, u_size, u_roundness, u_smoothness);
         }
-      `,
-        };
-    }
-    defineEffect(builder) {
-        builder.addVarying("v_texCoord", VaryingType.Vec2);
-        builder.addUniform({
-            name: "u_size",
-            type: UniformType.Vec2,
-            bind: (uniform) => uniform.setUniform2fv(VignetteConfig.size),
-        });
-        builder.addUniform({
-            name: "u_roundness",
-            type: UniformType.Float,
-            bind: (uniform) => uniform.setUniform1f(VignetteConfig.roundness),
-        });
-        builder.addUniform({
-            name: "u_smoothness",
-            type: UniformType.Float,
-            bind: (uniform) => uniform.setUniform1f(VignetteConfig.smoothness),
-        });
-    }
-}
-VignetteEffect.toolId = "VignetteEffect";
-/** Configures the [[VignetteEffect]].
- * @beta
- */
-export class VignetteConfig extends Tool {
-    static get minArgs() { return 0; }
-    static get maxArgs() { return 4; }
-    async run(width, height, roundness, smoothness) {
-        const config = VignetteConfig;
-        config.size[0] = width !== null && width !== void 0 ? width : config.size[0];
-        config.size[1] = height !== null && height !== void 0 ? height : config.size[1];
-        config.roundness = roundness !== null && roundness !== void 0 ? roundness : config.roundness;
-        config.smoothness = smoothness !== null && smoothness !== void 0 ? smoothness : config.smoothness;
-        refreshViewportsForEffect("fdt Vignette");
-        return true;
-    }
-    async parseAndRun(...input) {
-        const args = parseArgs(input);
-        return this.run(args.getFloat("w"), args.getFloat("h"), args.getFloat("r"), args.getFloat("s"));
-    }
-}
-VignetteConfig.toolId = "VignetteConfig";
-/** Size of the vignette in the form (width/2, height/2). e.g., to make the vignette start fading in halfway between the center and edges of
- * UV space, use (0.25, 0.25).
- */
-VignetteConfig.size = new Float32Array([0.25, 0.25]);
-/** How round the vignette will be, from 0.0 (perfectly rectangular) to 1.0 (perfectly round). */
-VignetteConfig.roundness = 1.0;
-/** How quickly the vignette fades in. The vignette starts fading in at the edge of the values provided by `size` and will be
- * fully faded in at (size.x + smoothness, size.y * smoothness). A value of 0.0 produces a hard edge.
- */
-VignetteConfig.smoothness = 0.5;
+      `,
+        };
+    }
+    defineEffect(builder) {
+        builder.addVarying("v_texCoord", VaryingType.Vec2);
+        builder.addUniform({
+            name: "u_size",
+            type: UniformType.Vec2,
+            bind: (uniform) => uniform.setUniform2fv(VignetteConfig.size),
+        });
+        builder.addUniform({
+            name: "u_roundness",
+            type: UniformType.Float,
+            bind: (uniform) => uniform.setUniform1f(VignetteConfig.roundness),
+        });
+        builder.addUniform({
+            name: "u_smoothness",
+            type: UniformType.Float,
+            bind: (uniform) => uniform.setUniform1f(VignetteConfig.smoothness),
+        });
+    }
+}
+VignetteEffect.toolId = "VignetteEffect";
+export { VignetteEffect };
+/** Configures the [[VignetteEffect]].
+ * @beta
+ */
+class VignetteConfig extends Tool {
+    static get minArgs() { return 0; }
+    static get maxArgs() { return 4; }
+    async run(width, height, roundness, smoothness) {
+        const config = VignetteConfig;
+        config.size[0] = width ?? config.size[0];
+        config.size[1] = height ?? config.size[1];
+        config.roundness = roundness ?? config.roundness;
+        config.smoothness = smoothness ?? config.smoothness;
+        refreshViewportsForEffect("fdt Vignette");
+        return true;
+    }
+    async parseAndRun(...input) {
+        const args = parseArgs(input);
+        return this.run(args.getFloat("w"), args.getFloat("h"), args.getFloat("r"), args.getFloat("s"));
+    }
+}
+VignetteConfig.toolId = "VignetteConfig";
+/** Size of the vignette in the form (width/2, height/2). e.g., to make the vignette start fading in halfway between the center and edges of
+ * UV space, use (0.25, 0.25).
+ */
+VignetteConfig.size = new Float32Array([0.25, 0.25]);
+/** How round the vignette will be, from 0.0 (perfectly rectangular) to 1.0 (perfectly round). */
+VignetteConfig.roundness = 1.0;
+/** How quickly the vignette fades in. The vignette starts fading in at the edge of the values provided by `size` and will be
+ * fully faded in at (size.x + smoothness, size.y * smoothness). A value of 0.0 produces a hard edge.
+ */
+VignetteConfig.smoothness = 0.5;
+export { VignetteConfig };
 //# sourceMappingURL=Vignette.js.map

package/lib/esm/effects/Vignette.js.map

@@ -1 +1 @@
-{"version":3,"file":"Vignette.js","sourceRoot":"","sources":["../../../src/effects/Vignette.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Effects\r\n */\r\n\r\nimport { ScreenSpaceEffectBuilder, Tool, UniformType, VaryingType } from \"@itwin/core-frontend\";\r\nimport { parseArgs } from \"../tools/parseArgs\";\r\nimport { AddEffectTool, refreshViewportsForEffect } from \"./EffectTools\";\r\n\r\n/** Applies a [vignette](https://en.wikipedia.org/wiki/Vignetting) effect to the viewport.\r\n * From https://github.com/TyLindberg/glsl-vignette/blob/master/advanced.glsl.\r\n * @beta\r\n */\r\nexport class VignetteEffect extends AddEffectTool {\r\n  public static override toolId = \"VignetteEffect\";\r\n\r\n  protected get effectName() { return \"Vignette\"; }\r\n  protected get textureCoordFromPosition() { return true; }\r\n\r\n  protected get source() {\r\n    return {\r\n      vertex: `\r\n        void effectMain(vec4 pos) {\r\n          v_texCoord = textureCoordFromPosition(pos);\r\n        }\r\n      `,\r\n      fragment: `\r\n        float sdSquare(vec2 point, float width) {\r\n          vec2 d = abs(point) - width;\r\n          return min(max(d.x,d.y),0.0) + length(max(d,0.0));\r\n        }\r\n\r\n        float vignette(vec2 uv, vec2 size, float roundness, float smoothness) {\r\n          // Center UVs\r\n          uv -= 0.5;\r\n\r\n          // Shift UVs based on the larger of width or height\r\n          float minWidth = min(size.x, size.y);\r\n          uv.x = sign(uv.x) * clamp(abs(uv.x) - abs(minWidth - size.x), 0.0, 1.0);\r\n          uv.y = sign(uv.y) * clamp(abs(uv.y) - abs(minWidth - size.y), 0.0, 1.0);\r\n\r\n          // Signed distance calculation\r\n          float boxSize = minWidth * (1.0 - roundness);\r\n          float dist = sdSquare(uv, boxSize) - (minWidth * roundness);\r\n\r\n          return 1.0 - smoothstep(0.0, smoothness, dist);\r\n        }\r\n\r\n        vec4 effectMain() {\r\n          return TEXTURE(u_diffuse, v_texCoord) * vignette(v_texCoord, u_size, u_roundness, u_smoothness);\r\n        }\r\n      `,\r\n    };\r\n  }\r\n\r\n  protected defineEffect(builder: ScreenSpaceEffectBuilder): void {\r\n    builder.addVarying(\"v_texCoord\", VaryingType.Vec2);\r\n    builder.addUniform({\r\n      name: \"u_size\",\r\n      type: UniformType.Vec2,\r\n      bind: (uniform) => uniform.setUniform2fv(VignetteConfig.size),\r\n    });\r\n    builder.addUniform({\r\n      name: \"u_roundness\",\r\n      type: UniformType.Float,\r\n      bind: (uniform) => uniform.setUniform1f(VignetteConfig.roundness),\r\n    });\r\n    builder.addUniform({\r\n      name: \"u_smoothness\",\r\n      type: UniformType.Float,\r\n      bind: (uniform) => uniform.setUniform1f(VignetteConfig.smoothness),\r\n    });\r\n  }\r\n}\r\n\r\n/** Configures the [[VignetteEffect]].\r\n * @beta\r\n */\r\nexport class VignetteConfig extends Tool {\r\n  public static override toolId = \"VignetteConfig\";\r\n  public static override get minArgs() { return 0; }\r\n  public static override get maxArgs() { return 4; }\r\n\r\n  /** Size of the vignette in the form (width/2, height/2). e.g., to make the vignette start fading in halfway between the center and edges of\r\n   * UV space, use (0.25, 0.25).\r\n   */\r\n  public static readonly size = new Float32Array([0.25, 0.25]);\r\n\r\n  /** How round the vignette will be, from 0.0 (perfectly rectangular) to 1.0 (perfectly round). */\r\n  public static roundness = 1.0;\r\n\r\n  /** How quickly the vignette fades in. The vignette starts fading in at the edge of the values provided by `size` and will be\r\n   * fully faded in at (size.x + smoothness, size.y * smoothness). A value of 0.0 produces a hard edge.\r\n   */\r\n  public static smoothness = 0.5;\r\n\r\n  public override async run(width?: number, height?: number, roundness?: number, smoothness?: number): Promise<boolean> {\r\n    const config = VignetteConfig;\r\n    config.size[0] = width ?? config.size[0];\r\n    config.size[1] = height ?? config.size[1];\r\n    config.roundness = roundness ?? config.roundness;\r\n    config.smoothness = smoothness ?? config.smoothness;\r\n\r\n    refreshViewportsForEffect(\"fdt Vignette\");\r\n    return true;\r\n  }\r\n\r\n  public override async parseAndRun(...input: string[]): Promise<boolean> {\r\n    const args = parseArgs(input);\r\n    return this.run(args.getFloat(\"w\"), args.getFloat(\"h\"), args.getFloat(\"r\"), args.getFloat(\"s\"));\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"Vignette.js","sourceRoot":"","sources":["../../../src/effects/Vignette.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Effects\r\n */\r\n\r\nimport { ScreenSpaceEffectBuilder, Tool, UniformType, VaryingType } from \"@itwin/core-frontend\";\r\nimport { parseArgs } from \"../tools/parseArgs\";\r\nimport { AddEffectTool, refreshViewportsForEffect } from \"./EffectTools\";\r\n\r\n/** Applies a [vignette](https://en.wikipedia.org/wiki/Vignetting) effect to the viewport.\r\n * From https://github.com/TyLindberg/glsl-vignette/blob/master/advanced.glsl.\r\n * @beta\r\n */\r\nexport class VignetteEffect extends AddEffectTool {\r\n  public static override toolId = \"VignetteEffect\";\r\n\r\n  protected get effectName() { return \"Vignette\"; }\r\n  protected get textureCoordFromPosition() { return true; }\r\n\r\n  protected get source() {\r\n    return {\r\n      vertex: `\r\n        void effectMain(vec4 pos) {\r\n          v_texCoord = textureCoordFromPosition(pos);\r\n        }\r\n      `,\r\n      fragment: `\r\n        float sdSquare(vec2 point, float width) {\r\n          vec2 d = abs(point) - width;\r\n          return min(max(d.x,d.y),0.0) + length(max(d,0.0));\r\n        }\r\n\r\n        float vignette(vec2 uv, vec2 size, float roundness, float smoothness) {\r\n          // Center UVs\r\n          uv -= 0.5;\r\n\r\n          // Shift UVs based on the larger of width or height\r\n          float minWidth = min(size.x, size.y);\r\n          uv.x = sign(uv.x) * clamp(abs(uv.x) - abs(minWidth - size.x), 0.0, 1.0);\r\n          uv.y = sign(uv.y) * clamp(abs(uv.y) - abs(minWidth - size.y), 0.0, 1.0);\r\n\r\n          // Signed distance calculation\r\n          float boxSize = minWidth * (1.0 - roundness);\r\n          float dist = sdSquare(uv, boxSize) - (minWidth * roundness);\r\n\r\n          return 1.0 - smoothstep(0.0, smoothness, dist);\r\n        }\r\n\r\n        vec4 effectMain() {\r\n          return TEXTURE(u_diffuse, v_texCoord) * vignette(v_texCoord, u_size, u_roundness, u_smoothness);\r\n        }\r\n      `,\r\n    };\r\n  }\r\n\r\n  protected defineEffect(builder: ScreenSpaceEffectBuilder): void {\r\n    builder.addVarying(\"v_texCoord\", VaryingType.Vec2);\r\n    builder.addUniform({\r\n      name: \"u_size\",\r\n      type: UniformType.Vec2,\r\n      bind: (uniform) => uniform.setUniform2fv(VignetteConfig.size),\r\n    });\r\n    builder.addUniform({\r\n      name: \"u_roundness\",\r\n      type: UniformType.Float,\r\n      bind: (uniform) => uniform.setUniform1f(VignetteConfig.roundness),\r\n    });\r\n    builder.addUniform({\r\n      name: \"u_smoothness\",\r\n      type: UniformType.Float,\r\n      bind: (uniform) => uniform.setUniform1f(VignetteConfig.smoothness),\r\n    });\r\n  }\r\n}\r\n\r\n/** Configures the [[VignetteEffect]].\r\n * @beta\r\n */\r\nexport class VignetteConfig extends Tool {\r\n  public static override toolId = \"VignetteConfig\";\r\n  public static override get minArgs() { return 0; }\r\n  public static override get maxArgs() { return 4; }\r\n\r\n  /** Size of the vignette in the form (width/2, height/2). e.g., to make the vignette start fading in halfway between the center and edges of\r\n   * UV space, use (0.25, 0.25).\r\n   */\r\n  public static readonly size = new Float32Array([0.25, 0.25]);\r\n\r\n  /** How round the vignette will be, from 0.0 (perfectly rectangular) to 1.0 (perfectly round). */\r\n  public static roundness = 1.0;\r\n\r\n  /** How quickly the vignette fades in. The vignette starts fading in at the edge of the values provided by `size` and will be\r\n   * fully faded in at (size.x + smoothness, size.y * smoothness). A value of 0.0 produces a hard edge.\r\n   */\r\n  public static smoothness = 0.5;\r\n\r\n  public override async run(width?: number, height?: number, roundness?: number, smoothness?: number): Promise<boolean> {\r\n    const config = VignetteConfig;\r\n    config.size[0] = width ?? config.size[0];\r\n    config.size[1] = height ?? config.size[1];\r\n    config.roundness = roundness ?? config.roundness;\r\n    config.smoothness = smoothness ?? config.smoothness;\r\n\r\n    refreshViewportsForEffect(\"fdt Vignette\");\r\n    return true;\r\n  }\r\n\r\n  public override async parseAndRun(...input: string[]): Promise<boolean> {\r\n    const args = parseArgs(input);\r\n    return this.run(args.getFloat(\"w\"), args.getFloat(\"h\"), args.getFloat(\"r\"), args.getFloat(\"s\"));\r\n  }\r\n}\r\n"]}

package/lib/esm/frontend-devtools.d.ts

@@ -1,83 +1,83 @@
-export * from "./ClipboardUtilities";
-export * from "./FrontEndDevTools";
-export * from "./effects/Convolution";
-export * from "./effects/EffectTools";
-export * from "./effects/Explosion";
-export * from "./effects/FlipImage";
-export * from "./effects/LensDistortion";
-export * from "./effects/Random";
-export * from "./effects/Saturation";
-export * from "./effects/Snow";
-export * from "./effects/Vignette";
-export * from "./tools/AnimationIntervalTool";
-export * from "./tools/ChangeUnitsTool";
-export * from "./tools/ClipTools";
-export * from "./tools/DisplayStyleTools";
-export * from "./tools/EmphasizeElementsTool";
-export * from "./tools/FrustumDecoration";
-export * from "./tools/InspectElementTool";
-export * from "./tools/MapLayerTool";
-export * from "./tools/MeasureTileLoadTime";
-export * from "./tools/ModelAppearanceTools";
-export * from "./tools/parseArgs";
-export * from "./tools/parseBoolean";
-export * from "./tools/parseToggle";
-export * from "./tools/PlanarMaskTools";
-export * from "./tools/PlanProjectionTools";
-export * from "./tools/ProjectExtents";
-export * from "./tools/RealityModelTools";
-export * from "./tools/RealityTransitionTool";
-export * from "./tools/RenderSystemTools";
-export * from "./tools/RenderTargetTools";
-export * from "./tools/ReportWebGLCompatibilityTool";
-export * from "./tools/SavedViews";
-export * from "./tools/SelectionTools";
-export * from "./tools/ScheduleScriptTools";
-export * from "./tools/SetGpuMemoryLimitTool";
-export * from "./tools/SourceAspectIdTools";
-export * from "./tools/TileRequestDecoration";
-export * from "./tools/TileTreeBoundsDecoration";
-export * from "./tools/ToolTipProvider";
-export * from "./tools/ViewportTools";
-export * from "./ui/Button";
-export * from "./ui/CheckBox";
-export * from "./ui/ColorInput";
-export * from "./ui/ComboBox";
-export * from "./ui/DataList";
-export * from "./ui/NestedMenu";
-export * from "./ui/NumericInput";
-export * from "./ui/RadioBox";
-export * from "./ui/Slider";
-export * from "./ui/TextBox";
-export * from "./widgets/DiagnosticsPanel";
-export * from "./widgets/FpsTracker";
-export * from "./widgets/GpuProfiler";
-export * from "./widgets/KeyinField";
-export * from "./widgets/MemoryTracker";
-export * from "./widgets/TileMemoryBreakdown";
-export * from "./widgets/TileStatisticsTracker";
-export * from "./widgets/ToolSettingsTracker";
-/** @docs-package-description
- * The frontend-devtools package contains various tools and widgets for monitoring and debugging the front-end state of an iTwin.js application.
- */
-/**
- * @docs-group-description Widgets
- * Widgets that wrap some of the package's functionality into embeddable HTML controls.
- */
-/**
- * @docs-group-description Tools
- * Interactive- and immediate-mode [tools]($docs/learning/frontend/Tools.md), most of which can be executed via key-in. All key-ins are documented in the package's README.
- */
-/**
- * @docs-group-description Controls
- * Rudimentary HTML components used to build the widgets.
- */
-/**
- * @docs-group-description Effects
- * Examples of screen-space effects produced by [RenderSystem.createScreenSpaceEffectBuilder]($frontend).
- */
-/**
- * @docs-group-description Utilities
- * Utility functions used throughout the package.
- */
+export * from "./ClipboardUtilities";
+export * from "./FrontEndDevTools";
+export * from "./effects/Convolution";
+export * from "./effects/EffectTools";
+export * from "./effects/Explosion";
+export * from "./effects/FlipImage";
+export * from "./effects/LensDistortion";
+export * from "./effects/Random";
+export * from "./effects/Saturation";
+export * from "./effects/Snow";
+export * from "./effects/Vignette";
+export * from "./tools/AnimationIntervalTool";
+export * from "./tools/ChangeUnitsTool";
+export * from "./tools/ClipTools";
+export * from "./tools/DisplayStyleTools";
+export * from "./tools/EmphasizeElementsTool";
+export * from "./tools/FrustumDecoration";
+export * from "./tools/InspectElementTool";
+export * from "./tools/MapLayerTool";
+export * from "./tools/MeasureTileLoadTime";
+export * from "./tools/ModelAppearanceTools";
+export * from "./tools/parseArgs";
+export * from "./tools/parseBoolean";
+export * from "./tools/parseToggle";
+export * from "./tools/PlanarMaskTools";
+export * from "./tools/PlanProjectionTools";
+export * from "./tools/ProjectExtents";
+export * from "./tools/RealityModelTools";
+export * from "./tools/RealityTransitionTool";
+export * from "./tools/RenderSystemTools";
+export * from "./tools/RenderTargetTools";
+export * from "./tools/ReportWebGLCompatibilityTool";
+export * from "./tools/SavedViews";
+export * from "./tools/SelectionTools";
+export * from "./tools/ScheduleScriptTools";
+export * from "./tools/SetGpuMemoryLimitTool";
+export * from "./tools/SourceAspectIdTools";
+export * from "./tools/TileRequestDecoration";
+export * from "./tools/TileTreeBoundsDecoration";
+export * from "./tools/ToolTipProvider";
+export * from "./tools/ViewportTools";
+export * from "./ui/Button";
+export * from "./ui/CheckBox";
+export * from "./ui/ColorInput";
+export * from "./ui/ComboBox";
+export * from "./ui/DataList";
+export * from "./ui/NestedMenu";
+export * from "./ui/NumericInput";
+export * from "./ui/RadioBox";
+export * from "./ui/Slider";
+export * from "./ui/TextBox";
+export * from "./widgets/DiagnosticsPanel";
+export * from "./widgets/FpsTracker";
+export * from "./widgets/GpuProfiler";
+export * from "./widgets/KeyinField";
+export * from "./widgets/MemoryTracker";
+export * from "./widgets/TileMemoryBreakdown";
+export * from "./widgets/TileStatisticsTracker";
+export * from "./widgets/ToolSettingsTracker";
+/** @docs-package-description
+ * The frontend-devtools package contains various tools and widgets for monitoring and debugging the front-end state of an iTwin.js application.
+ */
+/**
+ * @docs-group-description Widgets
+ * Widgets that wrap some of the package's functionality into embeddable HTML controls.
+ */
+/**
+ * @docs-group-description Tools
+ * Interactive- and immediate-mode [tools]($docs/learning/frontend/Tools.md), most of which can be executed via key-in. All key-ins are documented in the package's README.
+ */
+/**
+ * @docs-group-description Controls
+ * Rudimentary HTML components used to build the widgets.
+ */
+/**
+ * @docs-group-description Effects
+ * Examples of screen-space effects produced by [RenderSystem.createScreenSpaceEffectBuilder]($frontend).
+ */
+/**
+ * @docs-group-description Utilities
+ * Utility functions used throughout the package.
+ */
 //# sourceMappingURL=frontend-devtools.d.ts.map

package/lib/esm/frontend-devtools.js

@@ -1,87 +1,87 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-export * from "./ClipboardUtilities";
-export * from "./FrontEndDevTools";
-export * from "./effects/Convolution";
-export * from "./effects/EffectTools";
-export * from "./effects/Explosion";
-export * from "./effects/FlipImage";
-export * from "./effects/LensDistortion";
-export * from "./effects/Random";
-export * from "./effects/Saturation";
-export * from "./effects/Snow";
-export * from "./effects/Vignette";
-export * from "./tools/AnimationIntervalTool";
-export * from "./tools/ChangeUnitsTool";
-export * from "./tools/ClipTools";
-export * from "./tools/DisplayStyleTools";
-export * from "./tools/EmphasizeElementsTool";
-export * from "./tools/FrustumDecoration";
-export * from "./tools/InspectElementTool";
-export * from "./tools/MapLayerTool";
-export * from "./tools/MeasureTileLoadTime";
-export * from "./tools/ModelAppearanceTools";
-export * from "./tools/parseArgs";
-export * from "./tools/parseBoolean";
-export * from "./tools/parseToggle";
-export * from "./tools/PlanarMaskTools";
-export * from "./tools/PlanProjectionTools";
-export * from "./tools/ProjectExtents";
-export * from "./tools/RealityModelTools";
-export * from "./tools/RealityTransitionTool";
-export * from "./tools/RenderSystemTools";
-export * from "./tools/RenderTargetTools";
-export * from "./tools/ReportWebGLCompatibilityTool";
-export * from "./tools/SavedViews";
-export * from "./tools/SelectionTools";
-export * from "./tools/ScheduleScriptTools";
-export * from "./tools/SetGpuMemoryLimitTool";
-export * from "./tools/SourceAspectIdTools";
-export * from "./tools/TileRequestDecoration";
-export * from "./tools/TileTreeBoundsDecoration";
-export * from "./tools/ToolTipProvider";
-export * from "./tools/ViewportTools";
-export * from "./ui/Button";
-export * from "./ui/CheckBox";
-export * from "./ui/ColorInput";
-export * from "./ui/ComboBox";
-export * from "./ui/DataList";
-export * from "./ui/NestedMenu";
-export * from "./ui/NumericInput";
-export * from "./ui/RadioBox";
-export * from "./ui/Slider";
-export * from "./ui/TextBox";
-export * from "./widgets/DiagnosticsPanel";
-export * from "./widgets/FpsTracker";
-export * from "./widgets/GpuProfiler";
-export * from "./widgets/KeyinField";
-export * from "./widgets/MemoryTracker";
-export * from "./widgets/TileMemoryBreakdown";
-export * from "./widgets/TileStatisticsTracker";
-export * from "./widgets/ToolSettingsTracker";
-/** @docs-package-description
- * The frontend-devtools package contains various tools and widgets for monitoring and debugging the front-end state of an iTwin.js application.
- */
-/**
- * @docs-group-description Widgets
- * Widgets that wrap some of the package's functionality into embeddable HTML controls.
- */
-/**
- * @docs-group-description Tools
- * Interactive- and immediate-mode [tools]($docs/learning/frontend/Tools.md), most of which can be executed via key-in. All key-ins are documented in the package's README.
- */
-/**
- * @docs-group-description Controls
- * Rudimentary HTML components used to build the widgets.
- */
-/**
- * @docs-group-description Effects
- * Examples of screen-space effects produced by [RenderSystem.createScreenSpaceEffectBuilder]($frontend).
- */
-/**
- * @docs-group-description Utilities
- * Utility functions used throughout the package.
- */
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+export * from "./ClipboardUtilities";
+export * from "./FrontEndDevTools";
+export * from "./effects/Convolution";
+export * from "./effects/EffectTools";
+export * from "./effects/Explosion";
+export * from "./effects/FlipImage";
+export * from "./effects/LensDistortion";
+export * from "./effects/Random";
+export * from "./effects/Saturation";
+export * from "./effects/Snow";
+export * from "./effects/Vignette";
+export * from "./tools/AnimationIntervalTool";
+export * from "./tools/ChangeUnitsTool";
+export * from "./tools/ClipTools";
+export * from "./tools/DisplayStyleTools";
+export * from "./tools/EmphasizeElementsTool";
+export * from "./tools/FrustumDecoration";
+export * from "./tools/InspectElementTool";
+export * from "./tools/MapLayerTool";
+export * from "./tools/MeasureTileLoadTime";
+export * from "./tools/ModelAppearanceTools";
+export * from "./tools/parseArgs";
+export * from "./tools/parseBoolean";
+export * from "./tools/parseToggle";
+export * from "./tools/PlanarMaskTools";
+export * from "./tools/PlanProjectionTools";
+export * from "./tools/ProjectExtents";
+export * from "./tools/RealityModelTools";
+export * from "./tools/RealityTransitionTool";
+export * from "./tools/RenderSystemTools";
+export * from "./tools/RenderTargetTools";
+export * from "./tools/ReportWebGLCompatibilityTool";
+export * from "./tools/SavedViews";
+export * from "./tools/SelectionTools";
+export * from "./tools/ScheduleScriptTools";
+export * from "./tools/SetGpuMemoryLimitTool";
+export * from "./tools/SourceAspectIdTools";
+export * from "./tools/TileRequestDecoration";
+export * from "./tools/TileTreeBoundsDecoration";
+export * from "./tools/ToolTipProvider";
+export * from "./tools/ViewportTools";
+export * from "./ui/Button";
+export * from "./ui/CheckBox";
+export * from "./ui/ColorInput";
+export * from "./ui/ComboBox";
+export * from "./ui/DataList";
+export * from "./ui/NestedMenu";
+export * from "./ui/NumericInput";
+export * from "./ui/RadioBox";
+export * from "./ui/Slider";
+export * from "./ui/TextBox";
+export * from "./widgets/DiagnosticsPanel";
+export * from "./widgets/FpsTracker";
+export * from "./widgets/GpuProfiler";
+export * from "./widgets/KeyinField";
+export * from "./widgets/MemoryTracker";
+export * from "./widgets/TileMemoryBreakdown";
+export * from "./widgets/TileStatisticsTracker";
+export * from "./widgets/ToolSettingsTracker";
+/** @docs-package-description
+ * The frontend-devtools package contains various tools and widgets for monitoring and debugging the front-end state of an iTwin.js application.
+ */
+/**
+ * @docs-group-description Widgets
+ * Widgets that wrap some of the package's functionality into embeddable HTML controls.
+ */
+/**
+ * @docs-group-description Tools
+ * Interactive- and immediate-mode [tools]($docs/learning/frontend/Tools.md), most of which can be executed via key-in. All key-ins are documented in the package's README.
+ */
+/**
+ * @docs-group-description Controls
+ * Rudimentary HTML components used to build the widgets.
+ */
+/**
+ * @docs-group-description Effects
+ * Examples of screen-space effects produced by [RenderSystem.createScreenSpaceEffectBuilder]($frontend).
+ */
+/**
+ * @docs-group-description Utilities
+ * Utility functions used throughout the package.
+ */
 //# sourceMappingURL=frontend-devtools.js.map

package/lib/esm/tools/AnimationIntervalTool.d.ts

@@ -1,16 +1,16 @@
-/** @packageDocumentation
- * @module Tools
- */
-import { BeDuration } from "@itwin/core-bentley";
-import { Tool } from "@itwin/core-frontend";
-/** Changes the [IModelApp.animationInterval]($frontend). Specify the interval in integer milliseconds; or pass any string not parseable as an integer to disable the animation interval callback.
- * @beta
- */
-export declare class AnimationIntervalTool extends Tool {
-    static toolId: string;
-    static get minArgs(): number;
-    static get maxArgs(): number;
-    run(interval?: BeDuration): Promise<boolean>;
-    parseAndRun(...args: string[]): Promise<boolean>;
-}
+/** @packageDocumentation
+ * @module Tools
+ */
+import { BeDuration } from "@itwin/core-bentley";
+import { Tool } from "@itwin/core-frontend";
+/** Changes the [IModelApp.animationInterval]($frontend). Specify the interval in integer milliseconds; or pass any string not parseable as an integer to disable the animation interval callback.
+ * @beta
+ */
+export declare class AnimationIntervalTool extends Tool {
+    static toolId: string;
+    static get minArgs(): number;
+    static get maxArgs(): number;
+    run(interval?: BeDuration): Promise<boolean>;
+    parseAndRun(...args: string[]): Promise<boolean>;
+}
 //# sourceMappingURL=AnimationIntervalTool.d.ts.map

package/lib/esm/tools/AnimationIntervalTool.js

@@ -1,27 +1,28 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Tools
- */
-import { BeDuration } from "@itwin/core-bentley";
-import { IModelApp, Tool } from "@itwin/core-frontend";
-/** Changes the [IModelApp.animationInterval]($frontend). Specify the interval in integer milliseconds; or pass any string not parseable as an integer to disable the animation interval callback.
- * @beta
- */
-export class AnimationIntervalTool extends Tool {
-    static get minArgs() { return 1; }
-    static get maxArgs() { return 1; }
-    async run(interval) {
-        IModelApp.animationInterval = interval;
-        return true;
-    }
-    async parseAndRun(...args) {
-        const millis = Number.parseInt(args[0], 10);
-        const interval = !Number.isNaN(millis) ? BeDuration.fromMilliseconds(millis) : undefined;
-        return this.run(interval);
-    }
-}
-AnimationIntervalTool.toolId = "AnimationInterval";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Tools
+ */
+import { BeDuration } from "@itwin/core-bentley";
+import { IModelApp, Tool } from "@itwin/core-frontend";
+/** Changes the [IModelApp.animationInterval]($frontend). Specify the interval in integer milliseconds; or pass any string not parseable as an integer to disable the animation interval callback.
+ * @beta
+ */
+class AnimationIntervalTool extends Tool {
+    static get minArgs() { return 1; }
+    static get maxArgs() { return 1; }
+    async run(interval) {
+        IModelApp.animationInterval = interval;
+        return true;
+    }
+    async parseAndRun(...args) {
+        const millis = Number.parseInt(args[0], 10);
+        const interval = !Number.isNaN(millis) ? BeDuration.fromMilliseconds(millis) : undefined;
+        return this.run(interval);
+    }
+}
+AnimationIntervalTool.toolId = "AnimationInterval";
+export { AnimationIntervalTool };
 //# sourceMappingURL=AnimationIntervalTool.js.map