@onerjs/gui 8.23.1

package/2D/FrameGraph/guiTask.d.ts

@@ -0,0 +1,34 @@
+import type { FrameGraphTextureHandle, FrameGraph } from "@babylonjs/core/index.js";
+import { AdvancedDynamicTexture } from "../advancedDynamicTexture.js";
+import { FrameGraphTask } from "@babylonjs/core/FrameGraph/frameGraphTask.js";
+/**
+ * Task that renders a GUI texture.
+ */
+export declare class FrameGraphGUITask extends FrameGraphTask {
+    /**
+     * The target texture to render the GUI to.
+     */
+    targetTexture: FrameGraphTextureHandle;
+    /**
+     * The output texture of the task.
+     * This is the same texture as the target texture, but the handles are different!
+     */
+    readonly outputTexture: FrameGraphTextureHandle;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /**
+     * Gets the underlying advanced dynamic texture.
+     */
+    get gui(): AdvancedDynamicTexture;
+    protected _adt: AdvancedDynamicTexture;
+    /**
+     * Constructs a new GUI task.
+     * @param name Name of the task
+     * @param frameGraph Frame graph the task belongs to
+     * @param adt The GUI texture. If not provided, a new fullscreen GUI will be created.
+     */
+    constructor(name: string, frameGraph: FrameGraph, adt?: AdvancedDynamicTexture);
+    isReady(): boolean;
+    record(): void;
+    dispose(): void;
+}

package/2D/FrameGraph/guiTask.js

@@ -0,0 +1,62 @@
+import { AdvancedDynamicTexture } from "../advancedDynamicTexture.js";
+import { FrameGraphTask } from "@babylonjs/core/FrameGraph/frameGraphTask.js";
+/**
+ * Task that renders a GUI texture.
+ */
+export class FrameGraphGUITask extends FrameGraphTask {
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = value;
+        this._adt.disablePicking = value;
+    }
+    /**
+     * Gets the underlying advanced dynamic texture.
+     */
+    get gui() {
+        return this._adt;
+    }
+    /**
+     * Constructs a new GUI task.
+     * @param name Name of the task
+     * @param frameGraph Frame graph the task belongs to
+     * @param adt The GUI texture. If not provided, a new fullscreen GUI will be created.
+     */
+    constructor(name, frameGraph, adt) {
+        super(name, frameGraph);
+        if (adt) {
+            if (!adt.useStandalone) {
+                throw new Error(`AdvancedDynamicTexture "${name}": the texture must have been created with the useStandalone property set to true`);
+            }
+        }
+        else {
+            adt = AdvancedDynamicTexture.CreateFullscreenUI(name, undefined, { useStandalone: true });
+        }
+        this._adt = adt;
+        this.outputTexture = this._frameGraph.textureManager.createDanglingHandle();
+    }
+    isReady() {
+        return this._adt.guiIsReady() && this._adt._layerToDispose.isReady();
+    }
+    record() {
+        if (this.targetTexture === undefined) {
+            throw new Error("FrameGraphGUITask: targetTexture is required");
+        }
+        this._frameGraph.textureManager.resolveDanglingHandle(this.outputTexture, this.targetTexture);
+        const pass = this._frameGraph.addRenderPass(this.name);
+        pass.setRenderTarget(this.outputTexture);
+        pass.setExecuteFunc((context) => {
+            this._adt._checkUpdate(null);
+            context.render(this._adt._layerToDispose);
+        });
+        const passDisabled = this._frameGraph.addRenderPass(this.name + "_disabled", true);
+        passDisabled.setRenderTarget(this.outputTexture);
+        passDisabled.setExecuteFunc((_context) => { });
+    }
+    dispose() {
+        this._adt.dispose();
+        super.dispose();
+    }
+}
+//# sourceMappingURL=guiTask.js.map

package/2D/FrameGraph/guiTask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"guiTask.js","sourceRoot":"","sources":["../../../../../dev/gui/src/2D/FrameGraph/guiTask.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,qDAAuC;AAEhE;;GAEG;AACH,MAAM,OAAO,iBAAkB,SAAQ,cAAc;IAYjD,IAAoB,QAAQ;QACxB,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,IAAoB,QAAQ,CAAC,KAAc;QACvC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IACrC,CAAC;IAED;;OAEG;IACH,IAAW,GAAG;QACV,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IAID;;;;;OAKG;IACH,YAAY,IAAY,EAAE,UAAsB,EAAE,GAA4B;QAC1E,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAExB,IAAI,GAAG,EAAE,CAAC;YACN,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;gBACrB,MAAM,IAAI,KAAK,CAAC,2BAA2B,IAAI,mFAAmF,CAAC,CAAC;YACxI,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,GAAG,GAAG,sBAAsB,CAAC,kBAAkB,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;QAC9F,CAAC;QACD,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;QAEhB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,oBAAoB,EAAE,CAAC;IAChF,CAAC;IAEe,OAAO;QACnB,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,eAAgB,CAAC,OAAO,EAAE,CAAC;IAC1E,CAAC;IAEM,MAAM;QACT,IAAI,IAAI,CAAC,aAAa,KAAK,SAAS,EAAE,CAAC;YACnC,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;QACpE,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,qBAAqB,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAE9F,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEvD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACzC,IAAI,CAAC,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YAC5B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YAC7B,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,eAAgB,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,GAAG,WAAW,EAAE,IAAI,CAAC,CAAC;QAEnF,YAAY,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACjD,YAAY,CAAC,cAAc,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAE,CAAC,CAAC,CAAC;IAClD,CAAC;IAEe,OAAO;QACnB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QACpB,KAAK,CAAC,OAAO,EAAE,CAAC;IACpB,CAAC;CACJ","sourcesContent":["import type { FrameGraphTextureHandle, FrameGraph } from \"core/index\";\r\nimport { AdvancedDynamicTexture } from \"../advancedDynamicTexture\";\r\nimport { FrameGraphTask } from \"core/FrameGraph/frameGraphTask\";\r\n\r\n/**\r\n * Task that renders a GUI texture.\r\n */\r\nexport class FrameGraphGUITask extends FrameGraphTask {\r\n    /**\r\n     * The target texture to render the GUI to.\r\n     */\r\n    public targetTexture: FrameGraphTextureHandle;\r\n\r\n    /**\r\n     * The output texture of the task.\r\n     * This is the same texture as the target texture, but the handles are different!\r\n     */\r\n    public readonly outputTexture: FrameGraphTextureHandle;\r\n\r\n    public override get disabled() {\r\n        return this._disabled;\r\n    }\r\n\r\n    public override set disabled(value: boolean) {\r\n        this._disabled = value;\r\n        this._adt.disablePicking = value;\r\n    }\r\n\r\n    /**\r\n     * Gets the underlying advanced dynamic texture.\r\n     */\r\n    public get gui() {\r\n        return this._adt;\r\n    }\r\n\r\n    protected _adt: AdvancedDynamicTexture;\r\n\r\n    /**\r\n     * Constructs a new GUI task.\r\n     * @param name Name of the task\r\n     * @param frameGraph Frame graph the task belongs to\r\n     * @param adt The GUI texture. If not provided, a new fullscreen GUI will be created.\r\n     */\r\n    constructor(name: string, frameGraph: FrameGraph, adt?: AdvancedDynamicTexture) {\r\n        super(name, frameGraph);\r\n\r\n        if (adt) {\r\n            if (!adt.useStandalone) {\r\n                throw new Error(`AdvancedDynamicTexture \"${name}\": the texture must have been created with the useStandalone property set to true`);\r\n            }\r\n        } else {\r\n            adt = AdvancedDynamicTexture.CreateFullscreenUI(name, undefined, { useStandalone: true });\r\n        }\r\n        this._adt = adt;\r\n\r\n        this.outputTexture = this._frameGraph.textureManager.createDanglingHandle();\r\n    }\r\n\r\n    public override isReady() {\r\n        return this._adt.guiIsReady() && this._adt._layerToDispose!.isReady();\r\n    }\r\n\r\n    public record(): void {\r\n        if (this.targetTexture === undefined) {\r\n            throw new Error(\"FrameGraphGUITask: targetTexture is required\");\r\n        }\r\n\r\n        this._frameGraph.textureManager.resolveDanglingHandle(this.outputTexture, this.targetTexture);\r\n\r\n        const pass = this._frameGraph.addRenderPass(this.name);\r\n\r\n        pass.setRenderTarget(this.outputTexture);\r\n        pass.setExecuteFunc((context) => {\r\n            this._adt._checkUpdate(null);\r\n            context.render(this._adt._layerToDispose!);\r\n        });\r\n\r\n        const passDisabled = this._frameGraph.addRenderPass(this.name + \"_disabled\", true);\r\n\r\n        passDisabled.setRenderTarget(this.outputTexture);\r\n        passDisabled.setExecuteFunc((_context) => {});\r\n    }\r\n\r\n    public override dispose(): void {\r\n        this._adt.dispose();\r\n        super.dispose();\r\n    }\r\n}\r\n"]}

package/2D/FrameGraph/renderGraphGUIBlock.d.ts

@@ -0,0 +1,43 @@
+import { NodeRenderGraphBlock } from "@babylonjs/core/FrameGraph/Node/nodeRenderGraphBlock.js";
+import { AdvancedDynamicTexture } from "../advancedDynamicTexture.js";
+import type { Scene } from "@babylonjs/core/scene.js";
+import type { NodeRenderGraphConnectionPoint } from "@babylonjs/core/FrameGraph/Node/nodeRenderGraphBlockConnectionPoint.js";
+import type { NodeRenderGraphBuildState } from "@babylonjs/core/FrameGraph/Node/nodeRenderGraphBuildState.js";
+import { FrameGraphGUITask } from "./guiTask.js";
+import type { FrameGraph } from "@babylonjs/core/FrameGraph/frameGraph.js";
+/**
+ * Block that implements a fullscreen GUI for render graph
+ */
+export declare class NodeRenderGraphGUIBlock extends NodeRenderGraphBlock {
+    protected _frameGraphTask: FrameGraphGUITask;
+    protected _gui: AdvancedDynamicTexture;
+    /**
+     * Gets the frame graph task associated with this block
+     */
+    get task(): FrameGraphGUITask;
+    /**
+     * Gets the GUI texture used by this block
+     */
+    get gui(): AdvancedDynamicTexture;
+    /**
+     * Create a new NodeRenderGraphGUIBlock
+     * @param name defines the block name
+     * @param frameGraph defines the hosting frame graph
+     * @param scene defines the hosting scene
+     */
+    constructor(name: string, frameGraph: FrameGraph, scene: Scene);
+    /**
+     * Gets the current class name
+     * @returns the class name
+     */
+    getClassName(): string;
+    /**
+     * Gets the target input component
+     */
+    get target(): NodeRenderGraphConnectionPoint;
+    /**
+     * Gets the output component
+     */
+    get output(): NodeRenderGraphConnectionPoint;
+    protected _buildBlock(state: NodeRenderGraphBuildState): void;
+}

package/2D/FrameGraph/renderGraphGUIBlock.js

@@ -0,0 +1,66 @@
+import { NodeRenderGraphBlock } from "@babylonjs/core/FrameGraph/Node/nodeRenderGraphBlock.js";
+import { AdvancedDynamicTexture } from "../advancedDynamicTexture.js";
+import { NodeRenderGraphBlockConnectionPointTypes } from "@babylonjs/core/FrameGraph/Node/Types/nodeRenderGraphTypes.js";
+import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
+import { FrameGraphGUITask } from "./guiTask.js";
+/**
+ * Block that implements a fullscreen GUI for render graph
+ */
+export class NodeRenderGraphGUIBlock extends NodeRenderGraphBlock {
+    /**
+     * Gets the frame graph task associated with this block
+     */
+    get task() {
+        return this._frameGraphTask;
+    }
+    /**
+     * Gets the GUI texture used by this block
+     */
+    get gui() {
+        return this._frameGraphTask.gui;
+    }
+    /**
+     * Create a new NodeRenderGraphGUIBlock
+     * @param name defines the block name
+     * @param frameGraph defines the hosting frame graph
+     * @param scene defines the hosting scene
+     */
+    constructor(name, frameGraph, scene) {
+        super(name, frameGraph, scene);
+        this.registerInput("target", NodeRenderGraphBlockConnectionPointTypes.Texture);
+        this._addDependenciesInput();
+        this.registerOutput("output", NodeRenderGraphBlockConnectionPointTypes.BasedOnInput);
+        this.target.addAcceptedConnectionPointTypes(NodeRenderGraphBlockConnectionPointTypes.TextureAll);
+        this.output._typeConnectionSource = this.target;
+        this._gui = AdvancedDynamicTexture.CreateFullscreenUI(this.name, undefined, {
+            useStandalone: true,
+        });
+        this._frameGraphTask = new FrameGraphGUITask(this.name, frameGraph, this._gui);
+    }
+    /**
+     * Gets the current class name
+     * @returns the class name
+     */
+    getClassName() {
+        return "GUI.NodeRenderGraphGUIBlock";
+    }
+    /**
+     * Gets the target input component
+     */
+    get target() {
+        return this._inputs[0];
+    }
+    /**
+     * Gets the output component
+     */
+    get output() {
+        return this._outputs[0];
+    }
+    _buildBlock(state) {
+        super._buildBlock(state);
+        this.output.value = this._frameGraphTask.outputTexture; // the value of the output connection point is the "output" texture of the task
+        this._frameGraphTask.targetTexture = this.target.connectedPoint?.value;
+    }
+}
+RegisterClass("BABYLON.GUI.NodeRenderGraphGUIBlock", NodeRenderGraphGUIBlock);
+//# sourceMappingURL=renderGraphGUIBlock.js.map

package/2D/FrameGraph/renderGraphGUIBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderGraphGUIBlock.js","sourceRoot":"","sources":["../../../../../dev/gui/src/2D/FrameGraph/renderGraphGUIBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,gEAAkD;AACjF,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,EAAE,wCAAwC,EAAE,sEAAwD;AAG3G,OAAO,EAAE,aAAa,EAAE,0CAA4B;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAG9C;;GAEG;AACH,MAAM,OAAO,uBAAwB,SAAQ,oBAAoB;IAI7D;;OAEG;IACH,IAAoB,IAAI;QACpB,OAAO,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;IAED;;OAEG;IACH,IAAW,GAAG;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC;IACpC,CAAC;IAED;;;;;OAKG;IACH,YAAmB,IAAY,EAAE,UAAsB,EAAE,KAAY;QACjE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;QAE/B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,wCAAwC,CAAC,OAAO,CAAC,CAAC;QAC/E,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,wCAAwC,CAAC,YAAY,CAAC,CAAC;QAErF,IAAI,CAAC,MAAM,CAAC,+BAA+B,CAAC,wCAAwC,CAAC,UAAU,CAAC,CAAC;QACjG,IAAI,CAAC,MAAM,CAAC,qBAAqB,GAAG,IAAI,CAAC,MAAM,CAAC;QAEhD,IAAI,CAAC,IAAI,GAAG,sBAAsB,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE;YACxE,aAAa,EAAE,IAAI;SACtB,CAAC,CAAC;QACH,IAAI,CAAC,eAAe,GAAG,IAAI,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACnF,CAAC;IAED;;;OAGG;IACa,YAAY;QACxB,OAAO,6BAA6B,CAAC;IACzC,CAAC;IAED;;OAEG;IACH,IAAW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC;IAED;;OAEG;IACH,IAAW,MAAM;QACb,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5B,CAAC;IAEkB,WAAW,CAAC,KAAgC;QAC3D,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAEzB,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,+EAA+E;QAEvI,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,KAAgC,CAAC;IACtG,CAAC;CACJ;AAED,aAAa,CAAC,qCAAqC,EAAE,uBAAuB,CAAC,CAAC","sourcesContent":["import { NodeRenderGraphBlock } from \"core/FrameGraph/Node/nodeRenderGraphBlock\";\r\nimport { AdvancedDynamicTexture } from \"../advancedDynamicTexture\";\r\nimport type { Scene } from \"core/scene\";\r\nimport { NodeRenderGraphBlockConnectionPointTypes } from \"core/FrameGraph/Node/Types/nodeRenderGraphTypes\";\r\nimport type { NodeRenderGraphConnectionPoint } from \"core/FrameGraph/Node/nodeRenderGraphBlockConnectionPoint\";\r\nimport type { NodeRenderGraphBuildState } from \"core/FrameGraph/Node/nodeRenderGraphBuildState\";\r\nimport { RegisterClass } from \"core/Misc/typeStore\";\r\nimport type { FrameGraphTextureHandle } from \"core/FrameGraph/frameGraphTypes\";\r\nimport { FrameGraphGUITask } from \"./guiTask\";\r\nimport type { FrameGraph } from \"core/FrameGraph/frameGraph\";\r\n\r\n/**\r\n * Block that implements a fullscreen GUI for render graph\r\n */\r\nexport class NodeRenderGraphGUIBlock extends NodeRenderGraphBlock {\r\n    protected override _frameGraphTask: FrameGraphGUITask;\r\n    protected _gui: AdvancedDynamicTexture;\r\n\r\n    /**\r\n     * Gets the frame graph task associated with this block\r\n     */\r\n    public override get task() {\r\n        return this._frameGraphTask;\r\n    }\r\n\r\n    /**\r\n     * Gets the GUI texture used by this block\r\n     */\r\n    public get gui() {\r\n        return this._frameGraphTask.gui;\r\n    }\r\n\r\n    /**\r\n     * Create a new NodeRenderGraphGUIBlock\r\n     * @param name defines the block name\r\n     * @param frameGraph defines the hosting frame graph\r\n     * @param scene defines the hosting scene\r\n     */\r\n    public constructor(name: string, frameGraph: FrameGraph, scene: Scene) {\r\n        super(name, frameGraph, scene);\r\n\r\n        this.registerInput(\"target\", NodeRenderGraphBlockConnectionPointTypes.Texture);\r\n        this._addDependenciesInput();\r\n        this.registerOutput(\"output\", NodeRenderGraphBlockConnectionPointTypes.BasedOnInput);\r\n\r\n        this.target.addAcceptedConnectionPointTypes(NodeRenderGraphBlockConnectionPointTypes.TextureAll);\r\n        this.output._typeConnectionSource = this.target;\r\n\r\n        this._gui = AdvancedDynamicTexture.CreateFullscreenUI(this.name, undefined, {\r\n            useStandalone: true,\r\n        });\r\n        this._frameGraphTask = new FrameGraphGUITask(this.name, frameGraph, this._gui);\r\n    }\r\n\r\n    /**\r\n     * Gets the current class name\r\n     * @returns the class name\r\n     */\r\n    public override getClassName() {\r\n        return \"GUI.NodeRenderGraphGUIBlock\";\r\n    }\r\n\r\n    /**\r\n     * Gets the target input component\r\n     */\r\n    public get target(): NodeRenderGraphConnectionPoint {\r\n        return this._inputs[0];\r\n    }\r\n\r\n    /**\r\n     * Gets the output component\r\n     */\r\n    public get output(): NodeRenderGraphConnectionPoint {\r\n        return this._outputs[0];\r\n    }\r\n\r\n    protected override _buildBlock(state: NodeRenderGraphBuildState) {\r\n        super._buildBlock(state);\r\n\r\n        this.output.value = this._frameGraphTask.outputTexture; // the value of the output connection point is the \"output\" texture of the task\r\n\r\n        this._frameGraphTask.targetTexture = this.target.connectedPoint?.value as FrameGraphTextureHandle;\r\n    }\r\n}\r\n\r\nRegisterClass(\"BABYLON.GUI.NodeRenderGraphGUIBlock\", NodeRenderGraphGUIBlock);\r\n"]}

package/2D/adtInstrumentation.d.ts

@@ -0,0 +1,52 @@
+import { PerfCounter } from "@babylonjs/core/Misc/perfCounter.js";
+import type { IDisposable } from "@babylonjs/core/scene.js";
+import type { AdvancedDynamicTexture } from "./advancedDynamicTexture.js";
+/**
+ * This class can be used to get instrumentation data from a AdvancedDynamicTexture object
+ */
+export declare class AdvancedDynamicTextureInstrumentation implements IDisposable {
+    /**
+     * Define the instrumented AdvancedDynamicTexture.
+     */
+    texture: AdvancedDynamicTexture;
+    private _captureRenderTime;
+    private _renderTime;
+    private _captureLayoutTime;
+    private _layoutTime;
+    private _onBeginRenderObserver;
+    private _onEndRenderObserver;
+    private _onBeginLayoutObserver;
+    private _onEndLayoutObserver;
+    /**
+     * Gets the perf counter used to capture render time
+     */
+    get renderTimeCounter(): PerfCounter;
+    /**
+     * Gets the perf counter used to capture layout time
+     */
+    get layoutTimeCounter(): PerfCounter;
+    /**
+     * Enable or disable the render time capture
+     */
+    get captureRenderTime(): boolean;
+    set captureRenderTime(value: boolean);
+    /**
+     * Enable or disable the layout time capture
+     */
+    get captureLayoutTime(): boolean;
+    set captureLayoutTime(value: boolean);
+    /**
+     * Instantiates a new advanced dynamic texture instrumentation.
+     * This class can be used to get instrumentation data from an AdvancedDynamicTexture object
+     * @param texture Defines the AdvancedDynamicTexture to instrument
+     */
+    constructor(
+    /**
+     * Define the instrumented AdvancedDynamicTexture.
+     */
+    texture: AdvancedDynamicTexture);
+    /**
+     * Dispose and release associated resources.
+     */
+    dispose(): void;
+}

package/2D/adtInstrumentation.js

@@ -0,0 +1,107 @@
+import { PerfCounter } from "@babylonjs/core/Misc/perfCounter.js";
+/**
+ * This class can be used to get instrumentation data from a AdvancedDynamicTexture object
+ */
+export class AdvancedDynamicTextureInstrumentation {
+    // Properties
+    /**
+     * Gets the perf counter used to capture render time
+     */
+    get renderTimeCounter() {
+        return this._renderTime;
+    }
+    /**
+     * Gets the perf counter used to capture layout time
+     */
+    get layoutTimeCounter() {
+        return this._layoutTime;
+    }
+    /**
+     * Enable or disable the render time capture
+     */
+    get captureRenderTime() {
+        return this._captureRenderTime;
+    }
+    set captureRenderTime(value) {
+        if (value === this._captureRenderTime) {
+            return;
+        }
+        this._captureRenderTime = value;
+        if (value) {
+            this._onBeginRenderObserver = this.texture.onBeginRenderObservable.add(() => {
+                this._renderTime.beginMonitoring();
+            });
+            this._onEndRenderObserver = this.texture.onEndRenderObservable.add(() => {
+                this._renderTime.endMonitoring(true);
+            });
+        }
+        else {
+            this.texture.onBeginRenderObservable.remove(this._onBeginRenderObserver);
+            this._onBeginRenderObserver = null;
+            this.texture.onEndRenderObservable.remove(this._onEndRenderObserver);
+            this._onEndRenderObserver = null;
+        }
+    }
+    /**
+     * Enable or disable the layout time capture
+     */
+    get captureLayoutTime() {
+        return this._captureLayoutTime;
+    }
+    set captureLayoutTime(value) {
+        if (value === this._captureLayoutTime) {
+            return;
+        }
+        this._captureLayoutTime = value;
+        if (value) {
+            this._onBeginLayoutObserver = this.texture.onBeginLayoutObservable.add(() => {
+                this._layoutTime.beginMonitoring();
+            });
+            this._onEndLayoutObserver = this.texture.onEndLayoutObservable.add(() => {
+                this._layoutTime.endMonitoring(true);
+            });
+        }
+        else {
+            this.texture.onBeginLayoutObservable.remove(this._onBeginLayoutObserver);
+            this._onBeginLayoutObserver = null;
+            this.texture.onEndLayoutObservable.remove(this._onEndLayoutObserver);
+            this._onEndLayoutObserver = null;
+        }
+    }
+    /**
+     * Instantiates a new advanced dynamic texture instrumentation.
+     * This class can be used to get instrumentation data from an AdvancedDynamicTexture object
+     * @param texture Defines the AdvancedDynamicTexture to instrument
+     */
+    constructor(
+    /**
+     * Define the instrumented AdvancedDynamicTexture.
+     */
+    texture) {
+        this.texture = texture;
+        this._captureRenderTime = false;
+        this._renderTime = new PerfCounter();
+        this._captureLayoutTime = false;
+        this._layoutTime = new PerfCounter();
+        // Observers
+        this._onBeginRenderObserver = null;
+        this._onEndRenderObserver = null;
+        this._onBeginLayoutObserver = null;
+        this._onEndLayoutObserver = null;
+    }
+    /**
+     * Dispose and release associated resources.
+     */
+    dispose() {
+        this.texture.onBeginRenderObservable.remove(this._onBeginRenderObserver);
+        this._onBeginRenderObserver = null;
+        this.texture.onEndRenderObservable.remove(this._onEndRenderObserver);
+        this._onEndRenderObserver = null;
+        this.texture.onBeginLayoutObservable.remove(this._onBeginLayoutObserver);
+        this._onBeginLayoutObserver = null;
+        this.texture.onEndLayoutObservable.remove(this._onEndLayoutObserver);
+        this._onEndLayoutObserver = null;
+        this.texture = null;
+    }
+}
+//# sourceMappingURL=adtInstrumentation.js.map

package/2D/adtInstrumentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adtInstrumentation.js","sourceRoot":"","sources":["../../../../dev/gui/src/2D/adtInstrumentation.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Nullable } from \"core/types\";\r\nimport type { Observer } from \"core/Misc/observable\";\r\nimport { PerfCounter } from \"core/Misc/perfCounter\";\r\nimport type { IDisposable } from \"core/scene\";\r\n\r\nimport type { AdvancedDynamicTexture } from \"./advancedDynamicTexture\";\r\n\r\n/**\r\n * This class can be used to get instrumentation data from a AdvancedDynamicTexture object\r\n */\r\nexport class AdvancedDynamicTextureInstrumentation implements IDisposable {\r\n    private _captureRenderTime = false;\r\n    private _renderTime = new PerfCounter();\r\n\r\n    private _captureLayoutTime = false;\r\n    private _layoutTime = new PerfCounter();\r\n\r\n    // Observers\r\n    private _onBeginRenderObserver: Nullable<Observer<AdvancedDynamicTexture>> = null;\r\n    private _onEndRenderObserver: Nullable<Observer<AdvancedDynamicTexture>> = null;\r\n    private _onBeginLayoutObserver: Nullable<Observer<AdvancedDynamicTexture>> = null;\r\n    private _onEndLayoutObserver: Nullable<Observer<AdvancedDynamicTexture>> = null;\r\n\r\n    // Properties\r\n\r\n    /**\r\n     * Gets the perf counter used to capture render time\r\n     */\r\n    public get renderTimeCounter(): PerfCounter {\r\n        return this._renderTime;\r\n    }\r\n\r\n    /**\r\n     * Gets the perf counter used to capture layout time\r\n     */\r\n    public get layoutTimeCounter(): PerfCounter {\r\n        return this._layoutTime;\r\n    }\r\n\r\n    /**\r\n     * Enable or disable the render time capture\r\n     */\r\n    public get captureRenderTime(): boolean {\r\n        return this._captureRenderTime;\r\n    }\r\n\r\n    public set captureRenderTime(value: boolean) {\r\n        if (value === this._captureRenderTime) {\r\n            return;\r\n        }\r\n\r\n        this._captureRenderTime = value;\r\n\r\n        if (value) {\r\n            this._onBeginRenderObserver = this.texture.onBeginRenderObservable.add(() => {\r\n                this._renderTime.beginMonitoring();\r\n            });\r\n\r\n            this._onEndRenderObserver = this.texture.onEndRenderObservable.add(() => {\r\n                this._renderTime.endMonitoring(true);\r\n            });\r\n        } else {\r\n            this.texture.onBeginRenderObservable.remove(this._onBeginRenderObserver);\r\n            this._onBeginRenderObserver = null;\r\n            this.texture.onEndRenderObservable.remove(this._onEndRenderObserver);\r\n            this._onEndRenderObserver = null;\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Enable or disable the layout time capture\r\n     */\r\n    public get captureLayoutTime(): boolean {\r\n        return this._captureLayoutTime;\r\n    }\r\n\r\n    public set captureLayoutTime(value: boolean) {\r\n        if (value === this._captureLayoutTime) {\r\n            return;\r\n        }\r\n\r\n        this._captureLayoutTime = value;\r\n\r\n        if (value) {\r\n            this._onBeginLayoutObserver = this.texture.onBeginLayoutObservable.add(() => {\r\n                this._layoutTime.beginMonitoring();\r\n            });\r\n\r\n            this._onEndLayoutObserver = this.texture.onEndLayoutObservable.add(() => {\r\n                this._layoutTime.endMonitoring(true);\r\n            });\r\n        } else {\r\n            this.texture.onBeginLayoutObservable.remove(this._onBeginLayoutObserver);\r\n            this._onBeginLayoutObserver = null;\r\n            this.texture.onEndLayoutObservable.remove(this._onEndLayoutObserver);\r\n            this._onEndLayoutObserver = null;\r\n        }\r\n    }\r\n    /**\r\n     * Instantiates a new advanced dynamic texture instrumentation.\r\n     * This class can be used to get instrumentation data from an AdvancedDynamicTexture object\r\n     * @param texture Defines the AdvancedDynamicTexture to instrument\r\n     */\r\n    public constructor(\r\n        /**\r\n         * Define the instrumented AdvancedDynamicTexture.\r\n         */\r\n        public texture: AdvancedDynamicTexture\r\n    ) {}\r\n\r\n    /**\r\n     * Dispose and release associated resources.\r\n     */\r\n    public dispose() {\r\n        this.texture.onBeginRenderObservable.remove(this._onBeginRenderObserver);\r\n        this._onBeginRenderObserver = null;\r\n        this.texture.onEndRenderObservable.remove(this._onEndRenderObserver);\r\n        this._onEndRenderObserver = null;\r\n        this.texture.onBeginLayoutObservable.remove(this._onBeginLayoutObserver);\r\n        this._onBeginLayoutObserver = null;\r\n        this.texture.onEndLayoutObservable.remove(this._onEndLayoutObserver);\r\n        this._onEndLayoutObserver = null;\r\n\r\n        (<any>this.texture) = null;\r\n    }\r\n}\r\n"]}