@babylonjs/gui 9.12.1 → 9.14.0

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

@@ -0,0 +1,2 @@
+/** Pure barrel — re-exports only side-effect-free modules */
+export * from "./renderGraphGUIBlock.pure.js";

package/2D/FrameGraph/pure.js

@@ -0,0 +1,3 @@
+/** Pure barrel — re-exports only side-effect-free modules */
+export * from "./renderGraphGUIBlock.pure.js";
+//# sourceMappingURL=pure.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pure.js","sourceRoot":"","sources":["../../../../../dev/gui/src/2D/FrameGraph/pure.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,cAAc,4BAA4B,CAAC","sourcesContent":["/** Pure barrel — re-exports only side-effect-free modules */\nexport * from \"./renderGraphGUIBlock.pure\";\n"]}

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

@@ -1,43 +1,5 @@
-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
+ * Re-exports the pure implementation and applies the runtime registration side effect.
+ * Import "./renderGraphGUIBlock.pure" for tree-shakeable, side-effect-free usage.
  */
-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;
-}
+export * from "./renderGraphGUIBlock.pure.js";

package/2D/FrameGraph/renderGraphGUIBlock.js

@@ -1,67 +1,8 @@
-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
+ * Re-exports the pure implementation and applies the runtime registration side effect.
+ * Import "./renderGraphGUIBlock.pure" for tree-shakeable, side-effect-free usage.
  */
-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,
-            scene,
-        });
-        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);
+export * from "./renderGraphGUIBlock.pure.js";
+import { RegisterNodeRenderGraphGUIBlock } from "./renderGraphGUIBlock.pure.js";
+RegisterNodeRenderGraphGUIBlock();
 //# sourceMappingURL=renderGraphGUIBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderGraphGUIBlock.js","sourceRoot":"","sources":["../../../../../dev/gui/src/2D/FrameGraph/renderGraphGUIBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,EAAE,wCAAwC,EAAE,MAAM,iDAAiD,CAAC;AAG3G,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;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;YACnB,KAAK;SACR,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            scene,\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"]}
+{"version":3,"file":"renderGraphGUIBlock.js","sourceRoot":"","sources":["../../../../../dev/gui/src/2D/FrameGraph/renderGraphGUIBlock.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,cAAc,4BAA4B,CAAC;AAE3C,OAAO,EAAE,+BAA+B,EAAE,MAAM,4BAA4B,CAAC;AAC7E,+BAA+B,EAAE,CAAC","sourcesContent":["/**\r\n * Re-exports the pure implementation and applies the runtime registration side effect.\r\n * Import \"./renderGraphGUIBlock.pure\" for tree-shakeable, side-effect-free usage.\r\n */\r\nexport * from \"./renderGraphGUIBlock.pure\";\r\n\r\nimport { RegisterNodeRenderGraphGUIBlock } from \"./renderGraphGUIBlock.pure\";\r\nRegisterNodeRenderGraphGUIBlock();\r\n"]}

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

@@ -0,0 +1,48 @@
+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;
+}
+/**
+ * Registers the NodeRenderGraphGUIBlock class with the type store for serialization support.
+ * Safe to call multiple times; only the first call has an effect.
+ */
+export declare function RegisterNodeRenderGraphGUIBlock(): void;

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

@@ -0,0 +1,78 @@
+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,
+            scene,
+        });
+        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;
+    }
+}
+let _Registered = false;
+/**
+ * Registers the NodeRenderGraphGUIBlock class with the type store for serialization support.
+ * Safe to call multiple times; only the first call has an effect.
+ */
+export function RegisterNodeRenderGraphGUIBlock() {
+    if (_Registered) {
+        return;
+    }
+    _Registered = true;
+    RegisterClass("BABYLON.GUI.NodeRenderGraphGUIBlock", NodeRenderGraphGUIBlock);
+}
+//# sourceMappingURL=renderGraphGUIBlock.pure.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderGraphGUIBlock.pure.js","sourceRoot":"","sources":["../../../../../dev/gui/src/2D/FrameGraph/renderGraphGUIBlock.pure.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,EAAE,wCAAwC,EAAE,MAAM,iDAAiD,CAAC;AAG3G,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;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;YACnB,KAAK;SACR,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,IAAI,WAAW,GAAG,KAAK,CAAC;AACxB;;;GAGG;AACH,MAAM,UAAU,+BAA+B;IAC3C,IAAI,WAAW,EAAE,CAAC;QACd,OAAO;IACX,CAAC;IACD,WAAW,GAAG,IAAI,CAAC;IAEnB,aAAa,CAAC,qCAAqC,EAAE,uBAAuB,CAAC,CAAC;AAClF,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            scene,\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\nlet _Registered = false;\r\n/**\r\n * Registers the NodeRenderGraphGUIBlock class with the type store for serialization support.\r\n * Safe to call multiple times; only the first call has an effect.\r\n */\r\nexport function RegisterNodeRenderGraphGUIBlock(): void {\r\n    if (_Registered) {\r\n        return;\r\n    }\r\n    _Registered = true;\r\n\r\n    RegisterClass(\"BABYLON.GUI.NodeRenderGraphGUIBlock\", NodeRenderGraphGUIBlock);\r\n}\r\n"]}

package/2D/controls/button.d.ts

@@ -1,109 +1,5 @@
-import { type Nullable } from "@babylonjs/core/types.js";
-import { type Vector2 } from "@babylonjs/core/Maths/math.vector.js";
-import { Rectangle } from "./rectangle.js";
-import { Control } from "./control.js";
-import { TextBlock } from "./textBlock.js";
-import { Image } from "./image.js";
-import { type PointerInfoBase } from "@babylonjs/core/Events/pointerEvents.js";
-import { type AdvancedDynamicTexture } from "../advancedDynamicTexture.js";
-import { type ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
 /**
- * Class used to create 2D buttons
+ * Re-exports the pure implementation and applies the runtime registration side effect.
+ * Import "./button.pure" for tree-shakeable, side-effect-free usage.
  */
-export declare class Button extends Rectangle {
-    name?: string | undefined;
-    /**
-     * Function called to generate a pointer enter animation
-     */
-    pointerEnterAnimation: () => void;
-    /**
-     * Function called to generate a pointer out animation
-     */
-    pointerOutAnimation: () => void;
-    /**
-     * Function called to generate a pointer down animation
-     */
-    pointerDownAnimation: () => void;
-    /**
-     * Function called to generate a pointer up animation
-     */
-    pointerUpAnimation: () => void;
-    private _image;
-    /**
-     * Returns the image part of the button (if any)
-     */
-    get image(): Nullable<Image>;
-    private _textBlock;
-    /**
-     * Returns the TextBlock part of the button (if any)
-     */
-    get textBlock(): Nullable<TextBlock>;
-    /**
-     * Creates a new Button
-     * @param name defines the name of the button
-     */
-    constructor(name?: string | undefined);
-    protected _getTypeName(): string;
-    /**
-     * @internal
-     */
-    _processPicking(x: number, y: number, pi: PointerInfoBase, type: number, pointerId: number, buttonIndex: number, deltaX?: number, deltaY?: number): boolean;
-    /**
-     * @internal
-     */
-    _onPointerEnter(target: Control, pi: PointerInfoBase): boolean;
-    /**
-     * @internal
-     */
-    _onPointerOut(target: Control, pi: PointerInfoBase, force?: boolean): void;
-    /**
-     * @internal
-     */
-    _onPointerDown(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, pi: PointerInfoBase): boolean;
-    protected _getRectangleFill(context: ICanvasRenderingContext): string | CanvasGradient;
-    /**
-     * @internal
-     */
-    _onPointerUp(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, notifyClick: boolean, pi: PointerInfoBase): void;
-    /**
-     * Serializes the current button
-     * @param serializationObject defines the JSON serialized object
-     * @param force force serialization even if isSerializable === false
-     * @param allowCanvas defines if the control is allowed to use a Canvas2D object to serialize
-     */
-    serialize(serializationObject: any, force: boolean, allowCanvas: boolean): void;
-    /**
-     * @internal
-     */
-    _parseFromContent(serializedObject: any, host: AdvancedDynamicTexture): void;
-    /**
-     * Creates a new button made with an image and a text
-     * @param name defines the name of the button
-     * @param text defines the text of the button
-     * @param imageUrl defines the url of the image
-     * @returns a new Button
-     */
-    static CreateImageButton(name: string, text: string, imageUrl: string): Button;
-    /**
-     * Creates a new button made with an image
-     * @param name defines the name of the button
-     * @param imageUrl defines the url of the image
-     * @returns a new Button
-     */
-    static CreateImageOnlyButton(name: string, imageUrl: string): Button;
-    /**
-     * Creates a new button made with a text
-     * @param name defines the name of the button
-     * @param text defines the text of the button
-     * @returns a new Button
-     */
-    static CreateSimpleButton(name: string, text: string): Button;
-    /**
-     * Creates a new button made with an image and a centered text
-     * @param name defines the name of the button
-     * @param text defines the text of the button
-     * @param imageUrl defines the url of the image
-     * @returns a new Button
-     */
-    static CreateImageWithCenterTextButton(name: string, text: string, imageUrl: string): Button;
-}
+export * from "./button.pure.js";

package/2D/controls/button.js

@@ -1,246 +1,8 @@
-import { Rectangle } from "./rectangle.js";
-import { Control } from "./control.js";
-import { TextBlock } from "./textBlock.js";
-import { Image } from "./image.js";
-import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
 /**
- * Class used to create 2D buttons
+ * Re-exports the pure implementation and applies the runtime registration side effect.
+ * Import "./button.pure" for tree-shakeable, side-effect-free usage.
  */
-export class Button extends Rectangle {
-    /**
-     * Returns the image part of the button (if any)
-     */
-    get image() {
-        return this._image;
-    }
-    /**
-     * Returns the TextBlock part of the button (if any)
-     */
-    get textBlock() {
-        return this._textBlock;
-    }
-    /**
-     * Creates a new Button
-     * @param name defines the name of the button
-     */
-    constructor(name) {
-        super(name);
-        this.name = name;
-        this.thickness = 1;
-        this.isPointerBlocker = true;
-        let alphaStore = null;
-        this.pointerEnterAnimation = () => {
-            alphaStore = this.alpha;
-            this.alpha -= 0.1;
-        };
-        this.pointerOutAnimation = () => {
-            if (alphaStore !== null) {
-                this.alpha = alphaStore;
-            }
-        };
-        this.pointerDownAnimation = () => {
-            this.scaleX -= 0.05;
-            this.scaleY -= 0.05;
-        };
-        this.pointerUpAnimation = () => {
-            this.scaleX += 0.05;
-            this.scaleY += 0.05;
-        };
-    }
-    _getTypeName() {
-        return "Button";
-    }
-    // While being a container, the button behaves like a control.
-    /**
-     * @internal
-     */
-    _processPicking(x, y, pi, type, pointerId, buttonIndex, deltaX, deltaY) {
-        if (!this._isEnabled || !this.isHitTestVisible || !this.isVisible || this.notRenderable) {
-            return false;
-        }
-        if (!super.contains(x, y)) {
-            return false;
-        }
-        if (this.delegatePickingToChildren) {
-            let contains = false;
-            for (let index = this._children.length - 1; index >= 0; index--) {
-                const child = this._children[index];
-                if (child.isEnabled && child.isHitTestVisible && child.isVisible && !child.notRenderable && child.contains(x, y)) {
-                    contains = true;
-                    break;
-                }
-            }
-            if (!contains) {
-                return false;
-            }
-        }
-        this._processObservables(type, x, y, pi, pointerId, buttonIndex, deltaX, deltaY);
-        return true;
-    }
-    /**
-     * @internal
-     */
-    _onPointerEnter(target, pi) {
-        if (!super._onPointerEnter(target, pi)) {
-            return false;
-        }
-        if (!this.isReadOnly && this.pointerEnterAnimation) {
-            this.pointerEnterAnimation();
-        }
-        return true;
-    }
-    /**
-     * @internal
-     */
-    _onPointerOut(target, pi, force = false) {
-        if (!this.isReadOnly && this.pointerOutAnimation) {
-            this.pointerOutAnimation();
-        }
-        super._onPointerOut(target, pi, force);
-    }
-    /**
-     * @internal
-     */
-    _onPointerDown(target, coordinates, pointerId, buttonIndex, pi) {
-        if (!super._onPointerDown(target, coordinates, pointerId, buttonIndex, pi)) {
-            return false;
-        }
-        if (!this.isReadOnly && this.pointerDownAnimation) {
-            this.pointerDownAnimation();
-        }
-        return true;
-    }
-    _getRectangleFill(context) {
-        if (this.isEnabled) {
-            return this._getBackgroundColor(context);
-        }
-        else {
-            return this._disabledColor;
-        }
-    }
-    /**
-     * @internal
-     */
-    _onPointerUp(target, coordinates, pointerId, buttonIndex, notifyClick, pi) {
-        if (!this.isReadOnly && this.pointerUpAnimation) {
-            this.pointerUpAnimation();
-        }
-        super._onPointerUp(target, coordinates, pointerId, buttonIndex, notifyClick, pi);
-    }
-    /**
-     * Serializes the current button
-     * @param serializationObject defines the JSON serialized object
-     * @param force force serialization even if isSerializable === false
-     * @param allowCanvas defines if the control is allowed to use a Canvas2D object to serialize
-     */
-    serialize(serializationObject, force, allowCanvas) {
-        super.serialize(serializationObject, force, allowCanvas);
-        if (!this.isSerializable && !force) {
-            return;
-        }
-        if (this._textBlock) {
-            serializationObject.textBlockName = this._textBlock.name;
-        }
-        if (this._image) {
-            serializationObject.imageName = this._image.name;
-        }
-    }
-    /**
-     * @internal
-     */
-    _parseFromContent(serializedObject, host) {
-        super._parseFromContent(serializedObject, host);
-        if (serializedObject.textBlockName) {
-            this._textBlock = this.getChildByName(serializedObject.textBlockName);
-        }
-        if (serializedObject.imageName) {
-            this._image = this.getChildByName(serializedObject.imageName);
-        }
-    }
-    // Statics
-    /**
-     * Creates a new button made with an image and a text
-     * @param name defines the name of the button
-     * @param text defines the text of the button
-     * @param imageUrl defines the url of the image
-     * @returns a new Button
-     */
-    static CreateImageButton(name, text, imageUrl) {
-        const result = new this(name);
-        // Adding text
-        const textBlock = new TextBlock(name + "_button", text);
-        textBlock.textWrapping = true;
-        textBlock.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;
-        textBlock.paddingLeft = "20%";
-        result.addControl(textBlock);
-        // Adding image
-        const iconImage = new Image(name + "_icon", imageUrl);
-        iconImage.width = "20%";
-        iconImage.stretch = Image.STRETCH_UNIFORM;
-        iconImage.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
-        result.addControl(iconImage);
-        // Store
-        result._image = iconImage;
-        result._textBlock = textBlock;
-        return result;
-    }
-    /**
-     * Creates a new button made with an image
-     * @param name defines the name of the button
-     * @param imageUrl defines the url of the image
-     * @returns a new Button
-     */
-    static CreateImageOnlyButton(name, imageUrl) {
-        const result = new this(name);
-        // Adding image
-        const iconImage = new Image(name + "_icon", imageUrl);
-        iconImage.stretch = Image.STRETCH_FILL;
-        iconImage.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
-        result.addControl(iconImage);
-        // Store
-        result._image = iconImage;
-        return result;
-    }
-    /**
-     * Creates a new button made with a text
-     * @param name defines the name of the button
-     * @param text defines the text of the button
-     * @returns a new Button
-     */
-    static CreateSimpleButton(name, text) {
-        const result = new this(name);
-        // Adding text
-        const textBlock = new TextBlock(name + "_button", text);
-        textBlock.textWrapping = true;
-        textBlock.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;
-        result.addControl(textBlock);
-        // Store
-        result._textBlock = textBlock;
-        return result;
-    }
-    /**
-     * Creates a new button made with an image and a centered text
-     * @param name defines the name of the button
-     * @param text defines the text of the button
-     * @param imageUrl defines the url of the image
-     * @returns a new Button
-     */
-    static CreateImageWithCenterTextButton(name, text, imageUrl) {
-        const result = new this(name);
-        // Adding image
-        const iconImage = new Image(name + "_icon", imageUrl);
-        iconImage.stretch = Image.STRETCH_FILL;
-        result.addControl(iconImage);
-        // Adding text
-        const textBlock = new TextBlock(name + "_button", text);
-        textBlock.textWrapping = true;
-        textBlock.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;
-        result.addControl(textBlock);
-        // Store
-        result._image = iconImage;
-        result._textBlock = textBlock;
-        return result;
-    }
-}
-RegisterClass("BABYLON.GUI.Button", Button);
+export * from "./button.pure.js";
+import { RegisterButton } from "./button.pure.js";
+RegisterButton();
 //# sourceMappingURL=button.js.map