@itwin/frontend-devtools 4.0.0-dev.10 → 4.0.0-dev.101

package/lib/cjs/effects/Vignette.js

@@ -1,109 +1,109 @@
-"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 Effects
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VignetteConfig = exports.VignetteEffect = void 0;
-const core_frontend_1 = require("@itwin/core-frontend");
-const parseArgs_1 = require("../tools/parseArgs");
-const EffectTools_1 = require("./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 EffectTools_1.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;
-          return min(max(d.x,d.y),0.0) + length(max(d,0.0));
-        }
-
-        float vignette(vec2 uv, vec2 size, float roundness, float smoothness) {
-          // Center UVs
-          uv -= 0.5;
-
-          // Shift UVs based on the larger of width or height
-          float minWidth = min(size.x, size.y);
-          uv.x = sign(uv.x) * clamp(abs(uv.x) - abs(minWidth - size.x), 0.0, 1.0);
-          uv.y = sign(uv.y) * clamp(abs(uv.y) - abs(minWidth - size.y), 0.0, 1.0);
-
-          // Signed distance calculation
-          float boxSize = minWidth * (1.0 - roundness);
-          float dist = sdSquare(uv, boxSize) - (minWidth * roundness);
-
-          return 1.0 - smoothstep(0.0, smoothness, dist);
-        }
-
-        vec4 effectMain() {
-          return TEXTURE(u_diffuse, v_texCoord) * vignette(v_texCoord, u_size, u_roundness, u_smoothness);
-        }
-      `,
-        };
-    }
-    defineEffect(builder) {
-        builder.addVarying("v_texCoord", core_frontend_1.VaryingType.Vec2);
-        builder.addUniform({
-            name: "u_size",
-            type: core_frontend_1.UniformType.Vec2,
-            bind: (uniform) => uniform.setUniform2fv(VignetteConfig.size),
-        });
-        builder.addUniform({
-            name: "u_roundness",
-            type: core_frontend_1.UniformType.Float,
-            bind: (uniform) => uniform.setUniform1f(VignetteConfig.roundness),
-        });
-        builder.addUniform({
-            name: "u_smoothness",
-            type: core_frontend_1.UniformType.Float,
-            bind: (uniform) => uniform.setUniform1f(VignetteConfig.smoothness),
-        });
-    }
-}
-exports.VignetteEffect = VignetteEffect;
-VignetteEffect.toolId = "VignetteEffect";
-/** Configures the [[VignetteEffect]].
- * @beta
- */
-class VignetteConfig extends core_frontend_1.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;
-        (0, EffectTools_1.refreshViewportsForEffect)("fdt Vignette");
-        return true;
-    }
-    async parseAndRun(...input) {
-        const args = (0, parseArgs_1.parseArgs)(input);
-        return this.run(args.getFloat("w"), args.getFloat("h"), args.getFloat("r"), args.getFloat("s"));
-    }
-}
-exports.VignetteConfig = VignetteConfig;
-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;
+"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 Effects
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VignetteConfig = exports.VignetteEffect = void 0;
+const core_frontend_1 = require("@itwin/core-frontend");
+const parseArgs_1 = require("../tools/parseArgs");
+const EffectTools_1 = require("./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 EffectTools_1.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;
+          return min(max(d.x,d.y),0.0) + length(max(d,0.0));
+        }
+
+        float vignette(vec2 uv, vec2 size, float roundness, float smoothness) {
+          // Center UVs
+          uv -= 0.5;
+
+          // Shift UVs based on the larger of width or height
+          float minWidth = min(size.x, size.y);
+          uv.x = sign(uv.x) * clamp(abs(uv.x) - abs(minWidth - size.x), 0.0, 1.0);
+          uv.y = sign(uv.y) * clamp(abs(uv.y) - abs(minWidth - size.y), 0.0, 1.0);
+
+          // Signed distance calculation
+          float boxSize = minWidth * (1.0 - roundness);
+          float dist = sdSquare(uv, boxSize) - (minWidth * roundness);
+
+          return 1.0 - smoothstep(0.0, smoothness, dist);
+        }
+
+        vec4 effectMain() {
+          return TEXTURE(u_diffuse, v_texCoord) * vignette(v_texCoord, u_size, u_roundness, u_smoothness);
+        }
+      `,
+        };
+    }
+    defineEffect(builder) {
+        builder.addVarying("v_texCoord", core_frontend_1.VaryingType.Vec2);
+        builder.addUniform({
+            name: "u_size",
+            type: core_frontend_1.UniformType.Vec2,
+            bind: (uniform) => uniform.setUniform2fv(VignetteConfig.size),
+        });
+        builder.addUniform({
+            name: "u_roundness",
+            type: core_frontend_1.UniformType.Float,
+            bind: (uniform) => uniform.setUniform1f(VignetteConfig.roundness),
+        });
+        builder.addUniform({
+            name: "u_smoothness",
+            type: core_frontend_1.UniformType.Float,
+            bind: (uniform) => uniform.setUniform1f(VignetteConfig.smoothness),
+        });
+    }
+}
+VignetteEffect.toolId = "VignetteEffect";
+exports.VignetteEffect = VignetteEffect;
+/** Configures the [[VignetteEffect]].
+ * @beta
+ */
+class VignetteConfig extends core_frontend_1.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;
+        (0, EffectTools_1.refreshViewportsForEffect)("fdt Vignette");
+        return true;
+    }
+    async parseAndRun(...input) {
+        const args = (0, parseArgs_1.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;
+exports.VignetteConfig = VignetteConfig;
 //# sourceMappingURL=Vignette.js.map

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

package/lib/cjs/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/cjs/frontend-devtools.js

@@ -1,99 +1,103 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ClipboardUtilities"), exports);
-__exportStar(require("./FrontEndDevTools"), exports);
-__exportStar(require("./effects/Convolution"), exports);
-__exportStar(require("./effects/EffectTools"), exports);
-__exportStar(require("./effects/Explosion"), exports);
-__exportStar(require("./effects/FlipImage"), exports);
-__exportStar(require("./effects/LensDistortion"), exports);
-__exportStar(require("./effects/Random"), exports);
-__exportStar(require("./effects/Saturation"), exports);
-__exportStar(require("./effects/Snow"), exports);
-__exportStar(require("./effects/Vignette"), exports);
-__exportStar(require("./tools/AnimationIntervalTool"), exports);
-__exportStar(require("./tools/ChangeUnitsTool"), exports);
-__exportStar(require("./tools/ClipTools"), exports);
-__exportStar(require("./tools/DisplayStyleTools"), exports);
-__exportStar(require("./tools/EmphasizeElementsTool"), exports);
-__exportStar(require("./tools/FrustumDecoration"), exports);
-__exportStar(require("./tools/InspectElementTool"), exports);
-__exportStar(require("./tools/MapLayerTool"), exports);
-__exportStar(require("./tools/MeasureTileLoadTime"), exports);
-__exportStar(require("./tools/ModelAppearanceTools"), exports);
-__exportStar(require("./tools/parseArgs"), exports);
-__exportStar(require("./tools/parseBoolean"), exports);
-__exportStar(require("./tools/parseToggle"), exports);
-__exportStar(require("./tools/PlanarMaskTools"), exports);
-__exportStar(require("./tools/PlanProjectionTools"), exports);
-__exportStar(require("./tools/ProjectExtents"), exports);
-__exportStar(require("./tools/RealityModelTools"), exports);
-__exportStar(require("./tools/RealityTransitionTool"), exports);
-__exportStar(require("./tools/RenderSystemTools"), exports);
-__exportStar(require("./tools/RenderTargetTools"), exports);
-__exportStar(require("./tools/ReportWebGLCompatibilityTool"), exports);
-__exportStar(require("./tools/SavedViews"), exports);
-__exportStar(require("./tools/SelectionTools"), exports);
-__exportStar(require("./tools/ScheduleScriptTools"), exports);
-__exportStar(require("./tools/SetGpuMemoryLimitTool"), exports);
-__exportStar(require("./tools/SourceAspectIdTools"), exports);
-__exportStar(require("./tools/TileRequestDecoration"), exports);
-__exportStar(require("./tools/TileTreeBoundsDecoration"), exports);
-__exportStar(require("./tools/ToolTipProvider"), exports);
-__exportStar(require("./tools/ViewportTools"), exports);
-__exportStar(require("./ui/Button"), exports);
-__exportStar(require("./ui/CheckBox"), exports);
-__exportStar(require("./ui/ColorInput"), exports);
-__exportStar(require("./ui/ComboBox"), exports);
-__exportStar(require("./ui/DataList"), exports);
-__exportStar(require("./ui/NestedMenu"), exports);
-__exportStar(require("./ui/NumericInput"), exports);
-__exportStar(require("./ui/RadioBox"), exports);
-__exportStar(require("./ui/Slider"), exports);
-__exportStar(require("./ui/TextBox"), exports);
-__exportStar(require("./widgets/DiagnosticsPanel"), exports);
-__exportStar(require("./widgets/FpsTracker"), exports);
-__exportStar(require("./widgets/GpuProfiler"), exports);
-__exportStar(require("./widgets/KeyinField"), exports);
-__exportStar(require("./widgets/MemoryTracker"), exports);
-__exportStar(require("./widgets/TileMemoryBreakdown"), exports);
-__exportStar(require("./widgets/TileStatisticsTracker"), exports);
-__exportStar(require("./widgets/ToolSettingsTracker"), exports);
-/** @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.
- */
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ClipboardUtilities"), exports);
+__exportStar(require("./FrontEndDevTools"), exports);
+__exportStar(require("./effects/Convolution"), exports);
+__exportStar(require("./effects/EffectTools"), exports);
+__exportStar(require("./effects/Explosion"), exports);
+__exportStar(require("./effects/FlipImage"), exports);
+__exportStar(require("./effects/LensDistortion"), exports);
+__exportStar(require("./effects/Random"), exports);
+__exportStar(require("./effects/Saturation"), exports);
+__exportStar(require("./effects/Snow"), exports);
+__exportStar(require("./effects/Vignette"), exports);
+__exportStar(require("./tools/AnimationIntervalTool"), exports);
+__exportStar(require("./tools/ChangeUnitsTool"), exports);
+__exportStar(require("./tools/ClipTools"), exports);
+__exportStar(require("./tools/DisplayStyleTools"), exports);
+__exportStar(require("./tools/EmphasizeElementsTool"), exports);
+__exportStar(require("./tools/FrustumDecoration"), exports);
+__exportStar(require("./tools/InspectElementTool"), exports);
+__exportStar(require("./tools/MapLayerTool"), exports);
+__exportStar(require("./tools/MeasureTileLoadTime"), exports);
+__exportStar(require("./tools/ModelAppearanceTools"), exports);
+__exportStar(require("./tools/parseArgs"), exports);
+__exportStar(require("./tools/parseBoolean"), exports);
+__exportStar(require("./tools/parseToggle"), exports);
+__exportStar(require("./tools/PlanarMaskTools"), exports);
+__exportStar(require("./tools/PlanProjectionTools"), exports);
+__exportStar(require("./tools/ProjectExtents"), exports);
+__exportStar(require("./tools/RealityModelTools"), exports);
+__exportStar(require("./tools/RealityTransitionTool"), exports);
+__exportStar(require("./tools/RenderSystemTools"), exports);
+__exportStar(require("./tools/RenderTargetTools"), exports);
+__exportStar(require("./tools/ReportWebGLCompatibilityTool"), exports);
+__exportStar(require("./tools/SavedViews"), exports);
+__exportStar(require("./tools/SelectionTools"), exports);
+__exportStar(require("./tools/ScheduleScriptTools"), exports);
+__exportStar(require("./tools/SetGpuMemoryLimitTool"), exports);
+__exportStar(require("./tools/SourceAspectIdTools"), exports);
+__exportStar(require("./tools/TileRequestDecoration"), exports);
+__exportStar(require("./tools/TileTreeBoundsDecoration"), exports);
+__exportStar(require("./tools/ToolTipProvider"), exports);
+__exportStar(require("./tools/ViewportTools"), exports);
+__exportStar(require("./ui/Button"), exports);
+__exportStar(require("./ui/CheckBox"), exports);
+__exportStar(require("./ui/ColorInput"), exports);
+__exportStar(require("./ui/ComboBox"), exports);
+__exportStar(require("./ui/DataList"), exports);
+__exportStar(require("./ui/NestedMenu"), exports);
+__exportStar(require("./ui/NumericInput"), exports);
+__exportStar(require("./ui/RadioBox"), exports);
+__exportStar(require("./ui/Slider"), exports);
+__exportStar(require("./ui/TextBox"), exports);
+__exportStar(require("./widgets/DiagnosticsPanel"), exports);
+__exportStar(require("./widgets/FpsTracker"), exports);
+__exportStar(require("./widgets/GpuProfiler"), exports);
+__exportStar(require("./widgets/KeyinField"), exports);
+__exportStar(require("./widgets/MemoryTracker"), exports);
+__exportStar(require("./widgets/TileMemoryBreakdown"), exports);
+__exportStar(require("./widgets/TileStatisticsTracker"), exports);
+__exportStar(require("./widgets/ToolSettingsTracker"), exports);
+/** @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