@babylonjs/gui 5.0.0-rc.7 → 5.0.1

package/3D/controls/nearMenu.js

@@ -1,115 +1,115 @@
-import { __extends } from "tslib";
-import { TouchHolographicButton } from "./touchHolographicButton.js";
-import { DefaultBehavior } from "../behaviors/defaultBehavior.js";
-import { TouchHolographicMenu } from "./touchHolographicMenu.js";
-/**
- * NearMenu that displays buttons and follows the camera
- * @since 5.0.0
- */
-var NearMenu = /** @class */ (function (_super) {
-    __extends(NearMenu, _super);
-    /**
-     * Creates a near menu GUI 3D control
-     * @param name name of the near menu
-     */
-    function NearMenu(name) {
-        var _this = _super.call(this, name) || this;
-        _this._isPinned = false;
-        _this._defaultBehavior = new DefaultBehavior();
-        _this._dragObserver = _this._defaultBehavior.sixDofDragBehavior.onDragObservable.add(function () {
-            _this.isPinned = true;
-        });
-        _this.backPlateMargin = 1;
-        return _this;
-    }
-    Object.defineProperty(NearMenu.prototype, "defaultBehavior", {
-        /**
-         * Regroups all mesh behaviors for the near menu
-         */
-        get: function () {
-            return this._defaultBehavior;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NearMenu.prototype, "isPinned", {
-        /**
-         * Indicates if the near menu is world-pinned
-         */
-        get: function () {
-            return this._isPinned;
-        },
-        set: function (value) {
-            // Tell the pin button to toggle if this was called manually, for clean state control
-            if (this._pinButton.isToggled !== value) {
-                this._pinButton.isToggled = value;
-                return;
-            }
-            this._isPinned = value;
-            if (value) {
-                this._defaultBehavior.followBehaviorEnabled = false;
-            }
-            else {
-                this._defaultBehavior.followBehaviorEnabled = true;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    NearMenu.prototype._createPinButton = function (parent) {
-        var _this = this;
-        var control = new TouchHolographicButton("pin" + this.name, false);
-        control.imageUrl = NearMenu._ASSETS_BASE_URL + NearMenu._PIN_ICON_FILENAME;
-        control.parent = this;
-        control._host = this._host;
-        control.isToggleButton = true;
-        control.onToggleObservable.add(function (newState) {
-            _this.isPinned = newState;
-        });
-        if (this._host.utilityLayer) {
-            control._prepareNode(this._host.utilityLayer.utilityLayerScene);
-            control.scaling.scaleInPlace(TouchHolographicMenu.MENU_BUTTON_SCALE);
-            if (control.node) {
-                control.node.parent = parent;
-            }
-        }
-        return control;
-    };
-    NearMenu.prototype._createNode = function (scene) {
-        var node = _super.prototype._createNode.call(this, scene);
-        this._pinButton = this._createPinButton(node);
-        this.isPinned = false;
-        this._defaultBehavior.attach(node, [this._backPlate]);
-        this._defaultBehavior.followBehavior.ignoreCameraPitchAndRoll = true;
-        this._defaultBehavior.followBehavior.pitchOffset = -15;
-        this._defaultBehavior.followBehavior.minimumDistance = 0.3;
-        this._defaultBehavior.followBehavior.defaultDistance = 0.4;
-        this._defaultBehavior.followBehavior.maximumDistance = 0.6;
-        this._backPlate.isNearGrabbable = true;
-        node.isVisible = false;
-        return node;
-    };
-    NearMenu.prototype._finalProcessing = function () {
-        _super.prototype._finalProcessing.call(this);
-        this._pinButton.position.copyFromFloats((this._backPlate.scaling.x + TouchHolographicMenu.MENU_BUTTON_SCALE) / 2, this._backPlate.scaling.y / 2, 0);
-    };
-    /**
-     * Disposes the near menu
-     */
-    NearMenu.prototype.dispose = function () {
-        _super.prototype.dispose.call(this);
-        this._defaultBehavior.sixDofDragBehavior.onDragObservable.remove(this._dragObserver);
-        this._defaultBehavior.detach();
-    };
-    /**
-     * Base Url for the assets.
-     */
-    NearMenu._ASSETS_BASE_URL = "https://assets.babylonjs.com/meshes/MRTK/";
-    /**
-     * File name for the close icon.
-     */
-    NearMenu._PIN_ICON_FILENAME = "IconPin.png";
-    return NearMenu;
-}(TouchHolographicMenu));
-export { NearMenu };
+import { __extends } from "tslib";
+import { TouchHolographicButton } from "./touchHolographicButton.js";
+import { DefaultBehavior } from "../behaviors/defaultBehavior.js";
+import { TouchHolographicMenu } from "./touchHolographicMenu.js";
+/**
+ * NearMenu that displays buttons and follows the camera
+ * @since 5.0.0
+ */
+var NearMenu = /** @class */ (function (_super) {
+    __extends(NearMenu, _super);
+    /**
+     * Creates a near menu GUI 3D control
+     * @param name name of the near menu
+     */
+    function NearMenu(name) {
+        var _this = _super.call(this, name) || this;
+        _this._isPinned = false;
+        _this._defaultBehavior = new DefaultBehavior();
+        _this._dragObserver = _this._defaultBehavior.sixDofDragBehavior.onDragObservable.add(function () {
+            _this.isPinned = true;
+        });
+        _this.backPlateMargin = 1;
+        return _this;
+    }
+    Object.defineProperty(NearMenu.prototype, "defaultBehavior", {
+        /**
+         * Regroups all mesh behaviors for the near menu
+         */
+        get: function () {
+            return this._defaultBehavior;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(NearMenu.prototype, "isPinned", {
+        /**
+         * Indicates if the near menu is world-pinned
+         */
+        get: function () {
+            return this._isPinned;
+        },
+        set: function (value) {
+            // Tell the pin button to toggle if this was called manually, for clean state control
+            if (this._pinButton.isToggled !== value) {
+                this._pinButton.isToggled = value;
+                return;
+            }
+            this._isPinned = value;
+            if (value) {
+                this._defaultBehavior.followBehaviorEnabled = false;
+            }
+            else {
+                this._defaultBehavior.followBehaviorEnabled = true;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    NearMenu.prototype._createPinButton = function (parent) {
+        var _this = this;
+        var control = new TouchHolographicButton("pin" + this.name, false);
+        control.imageUrl = NearMenu._ASSETS_BASE_URL + NearMenu._PIN_ICON_FILENAME;
+        control.parent = this;
+        control._host = this._host;
+        control.isToggleButton = true;
+        control.onToggleObservable.add(function (newState) {
+            _this.isPinned = newState;
+        });
+        if (this._host.utilityLayer) {
+            control._prepareNode(this._host.utilityLayer.utilityLayerScene);
+            control.scaling.scaleInPlace(TouchHolographicMenu.MENU_BUTTON_SCALE);
+            if (control.node) {
+                control.node.parent = parent;
+            }
+        }
+        return control;
+    };
+    NearMenu.prototype._createNode = function (scene) {
+        var node = _super.prototype._createNode.call(this, scene);
+        this._pinButton = this._createPinButton(node);
+        this.isPinned = false;
+        this._defaultBehavior.attach(node, [this._backPlate]);
+        this._defaultBehavior.followBehavior.ignoreCameraPitchAndRoll = true;
+        this._defaultBehavior.followBehavior.pitchOffset = -15;
+        this._defaultBehavior.followBehavior.minimumDistance = 0.3;
+        this._defaultBehavior.followBehavior.defaultDistance = 0.4;
+        this._defaultBehavior.followBehavior.maximumDistance = 0.6;
+        this._backPlate.isNearGrabbable = true;
+        node.isVisible = false;
+        return node;
+    };
+    NearMenu.prototype._finalProcessing = function () {
+        _super.prototype._finalProcessing.call(this);
+        this._pinButton.position.copyFromFloats((this._backPlate.scaling.x + TouchHolographicMenu.MENU_BUTTON_SCALE) / 2, this._backPlate.scaling.y / 2, 0);
+    };
+    /**
+     * Disposes the near menu
+     */
+    NearMenu.prototype.dispose = function () {
+        _super.prototype.dispose.call(this);
+        this._defaultBehavior.sixDofDragBehavior.onDragObservable.remove(this._dragObserver);
+        this._defaultBehavior.detach();
+    };
+    /**
+     * Base Url for the assets.
+     */
+    NearMenu._ASSETS_BASE_URL = "https://assets.babylonjs.com/meshes/MRTK/";
+    /**
+     * File name for the close icon.
+     */
+    NearMenu._PIN_ICON_FILENAME = "IconPin.png";
+    return NearMenu;
+}(TouchHolographicMenu));
+export { NearMenu };
 //# sourceMappingURL=nearMenu.js.map

package/3D/controls/nearMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"nearMenu.js","sourceRoot":"","sources":["../../../../../../lts/gui/generated/3D/controls/nearMenu.ts"],"names":[],"mappings":"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","sourcesContent":["import { Scene } from \"core/scene\";\r\nimport { TransformNode } from \"core/Meshes/transformNode\";\r\nimport { Nullable } from \"core/types\";\r\nimport { Mesh } from \"core/Meshes/mesh\";\r\nimport { TouchHolographicButton } from \"./touchHolographicButton\";\r\nimport { DefaultBehavior } from \"../behaviors/defaultBehavior\";\r\nimport { TouchHolographicMenu } from \"./touchHolographicMenu\";\r\nimport { Observer } from \"core/Misc/observable\";\r\nimport { Vector3 } from \"core/Maths/math.vector\";\r\nimport { PickingInfo } from \"core/Collisions/pickingInfo\";\r\n\r\n/**\r\n * NearMenu that displays buttons and follows the camera\r\n * @since 5.0.0\r\n */\r\nexport class NearMenu extends TouchHolographicMenu {\r\n    /**\r\n     * Base Url for the assets.\r\n     */\r\n    private static _ASSETS_BASE_URL: string = \"https://assets.babylonjs.com/meshes/MRTK/\";\r\n    /**\r\n     * File name for the close icon.\r\n     */\r\n    private static _PIN_ICON_FILENAME: string = \"IconPin.png\";\r\n\r\n    private _pinButton: TouchHolographicButton;\r\n    private _dragObserver: Nullable<\r\n        Observer<{\r\n            delta: Vector3;\r\n            position: Vector3;\r\n            pickInfo: PickingInfo;\r\n        }>\r\n    >;\r\n\r\n    private _defaultBehavior: DefaultBehavior;\r\n    /**\r\n     * Regroups all mesh behaviors for the near menu\r\n     */\r\n    public get defaultBehavior(): DefaultBehavior {\r\n        return this._defaultBehavior;\r\n    }\r\n\r\n    private _isPinned: boolean = false;\r\n    /**\r\n     * Indicates if the near menu is world-pinned\r\n     */\r\n    public get isPinned(): boolean {\r\n        return this._isPinned;\r\n    }\r\n\r\n    public set isPinned(value: boolean) {\r\n        // Tell the pin button to toggle if this was called manually, for clean state control\r\n        if (this._pinButton.isToggled !== value) {\r\n            this._pinButton.isToggled = value;\r\n            return;\r\n        }\r\n\r\n        this._isPinned = value;\r\n\r\n        if (value) {\r\n            this._defaultBehavior.followBehaviorEnabled = false;\r\n        } else {\r\n            this._defaultBehavior.followBehaviorEnabled = true;\r\n        }\r\n    }\r\n\r\n    private _createPinButton(parent: TransformNode) {\r\n        const control = new TouchHolographicButton(\"pin\" + this.name, false);\r\n        control.imageUrl = NearMenu._ASSETS_BASE_URL + NearMenu._PIN_ICON_FILENAME;\r\n        control.parent = this;\r\n        control._host = this._host;\r\n        control.isToggleButton = true;\r\n        control.onToggleObservable.add((newState) => {\r\n            this.isPinned = newState;\r\n        });\r\n\r\n        if (this._host.utilityLayer) {\r\n            control._prepareNode(this._host.utilityLayer.utilityLayerScene);\r\n            control.scaling.scaleInPlace(TouchHolographicMenu.MENU_BUTTON_SCALE);\r\n\r\n            if (control.node) {\r\n                control.node.parent = parent;\r\n            }\r\n        }\r\n\r\n        return control;\r\n    }\r\n\r\n    protected _createNode(scene: Scene): Nullable<TransformNode> {\r\n        const node = super._createNode(scene)! as Mesh;\r\n\r\n        this._pinButton = this._createPinButton(node);\r\n        this.isPinned = false;\r\n\r\n        this._defaultBehavior.attach(node, [this._backPlate]);\r\n        this._defaultBehavior.followBehavior.ignoreCameraPitchAndRoll = true;\r\n        this._defaultBehavior.followBehavior.pitchOffset = -15;\r\n        this._defaultBehavior.followBehavior.minimumDistance = 0.3;\r\n        this._defaultBehavior.followBehavior.defaultDistance = 0.4;\r\n        this._defaultBehavior.followBehavior.maximumDistance = 0.6;\r\n\r\n        this._backPlate.isNearGrabbable = true;\r\n        node.isVisible = false;\r\n\r\n        return node;\r\n    }\r\n\r\n    protected _finalProcessing() {\r\n        super._finalProcessing();\r\n\r\n        this._pinButton.position.copyFromFloats((this._backPlate.scaling.x + TouchHolographicMenu.MENU_BUTTON_SCALE) / 2, this._backPlate.scaling.y / 2, 0);\r\n    }\r\n\r\n    /**\r\n     * Creates a near menu GUI 3D control\r\n     * @param name name of the near menu\r\n     */\r\n    constructor(name?: string) {\r\n        super(name);\r\n\r\n        this._defaultBehavior = new DefaultBehavior();\r\n        this._dragObserver = this._defaultBehavior.sixDofDragBehavior.onDragObservable.add(() => {\r\n            this.isPinned = true;\r\n        });\r\n\r\n        this.backPlateMargin = 1;\r\n    }\r\n\r\n    /**\r\n     * Disposes the near menu\r\n     */\r\n    public dispose() {\r\n        super.dispose();\r\n\r\n        this._defaultBehavior.sixDofDragBehavior.onDragObservable.remove(this._dragObserver);\r\n        this._defaultBehavior.detach();\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"nearMenu.js","sourceRoot":"","sources":["../../../../../../lts/gui/generated/3D/controls/nearMenu.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Scene } from \"core/scene\";\r\nimport type { TransformNode } from \"core/Meshes/transformNode\";\r\nimport type { Nullable } from \"core/types\";\r\nimport type { Mesh } from \"core/Meshes/mesh\";\r\nimport { TouchHolographicButton } from \"./touchHolographicButton\";\r\nimport { DefaultBehavior } from \"../behaviors/defaultBehavior\";\r\nimport { TouchHolographicMenu } from \"./touchHolographicMenu\";\r\nimport type { Observer } from \"core/Misc/observable\";\r\nimport type { Vector3 } from \"core/Maths/math.vector\";\r\nimport type { PickingInfo } from \"core/Collisions/pickingInfo\";\r\n\r\n/**\r\n * NearMenu that displays buttons and follows the camera\r\n * @since 5.0.0\r\n */\r\nexport class NearMenu extends TouchHolographicMenu {\r\n    /**\r\n     * Base Url for the assets.\r\n     */\r\n    private static _ASSETS_BASE_URL: string = \"https://assets.babylonjs.com/meshes/MRTK/\";\r\n    /**\r\n     * File name for the close icon.\r\n     */\r\n    private static _PIN_ICON_FILENAME: string = \"IconPin.png\";\r\n\r\n    private _pinButton: TouchHolographicButton;\r\n    private _dragObserver: Nullable<\r\n        Observer<{\r\n            delta: Vector3;\r\n            position: Vector3;\r\n            pickInfo: PickingInfo;\r\n        }>\r\n    >;\r\n\r\n    private _defaultBehavior: DefaultBehavior;\r\n    /**\r\n     * Regroups all mesh behaviors for the near menu\r\n     */\r\n    public get defaultBehavior(): DefaultBehavior {\r\n        return this._defaultBehavior;\r\n    }\r\n\r\n    private _isPinned: boolean = false;\r\n    /**\r\n     * Indicates if the near menu is world-pinned\r\n     */\r\n    public get isPinned(): boolean {\r\n        return this._isPinned;\r\n    }\r\n\r\n    public set isPinned(value: boolean) {\r\n        // Tell the pin button to toggle if this was called manually, for clean state control\r\n        if (this._pinButton.isToggled !== value) {\r\n            this._pinButton.isToggled = value;\r\n            return;\r\n        }\r\n\r\n        this._isPinned = value;\r\n\r\n        if (value) {\r\n            this._defaultBehavior.followBehaviorEnabled = false;\r\n        } else {\r\n            this._defaultBehavior.followBehaviorEnabled = true;\r\n        }\r\n    }\r\n\r\n    private _createPinButton(parent: TransformNode) {\r\n        const control = new TouchHolographicButton(\"pin\" + this.name, false);\r\n        control.imageUrl = NearMenu._ASSETS_BASE_URL + NearMenu._PIN_ICON_FILENAME;\r\n        control.parent = this;\r\n        control._host = this._host;\r\n        control.isToggleButton = true;\r\n        control.onToggleObservable.add((newState) => {\r\n            this.isPinned = newState;\r\n        });\r\n\r\n        if (this._host.utilityLayer) {\r\n            control._prepareNode(this._host.utilityLayer.utilityLayerScene);\r\n            control.scaling.scaleInPlace(TouchHolographicMenu.MENU_BUTTON_SCALE);\r\n\r\n            if (control.node) {\r\n                control.node.parent = parent;\r\n            }\r\n        }\r\n\r\n        return control;\r\n    }\r\n\r\n    protected _createNode(scene: Scene): Nullable<TransformNode> {\r\n        const node = super._createNode(scene)! as Mesh;\r\n\r\n        this._pinButton = this._createPinButton(node);\r\n        this.isPinned = false;\r\n\r\n        this._defaultBehavior.attach(node, [this._backPlate]);\r\n        this._defaultBehavior.followBehavior.ignoreCameraPitchAndRoll = true;\r\n        this._defaultBehavior.followBehavior.pitchOffset = -15;\r\n        this._defaultBehavior.followBehavior.minimumDistance = 0.3;\r\n        this._defaultBehavior.followBehavior.defaultDistance = 0.4;\r\n        this._defaultBehavior.followBehavior.maximumDistance = 0.6;\r\n\r\n        this._backPlate.isNearGrabbable = true;\r\n        node.isVisible = false;\r\n\r\n        return node;\r\n    }\r\n\r\n    protected _finalProcessing() {\r\n        super._finalProcessing();\r\n\r\n        this._pinButton.position.copyFromFloats((this._backPlate.scaling.x + TouchHolographicMenu.MENU_BUTTON_SCALE) / 2, this._backPlate.scaling.y / 2, 0);\r\n    }\r\n\r\n    /**\r\n     * Creates a near menu GUI 3D control\r\n     * @param name name of the near menu\r\n     */\r\n    constructor(name?: string) {\r\n        super(name);\r\n\r\n        this._defaultBehavior = new DefaultBehavior();\r\n        this._dragObserver = this._defaultBehavior.sixDofDragBehavior.onDragObservable.add(() => {\r\n            this.isPinned = true;\r\n        });\r\n\r\n        this.backPlateMargin = 1;\r\n    }\r\n\r\n    /**\r\n     * Disposes the near menu\r\n     */\r\n    public dispose() {\r\n        super.dispose();\r\n\r\n        this._defaultBehavior.sixDofDragBehavior.onDragObservable.remove(this._dragObserver);\r\n        this._defaultBehavior.detach();\r\n    }\r\n}\r\n"]}

package/3D/controls/planePanel.d.ts

@@ -1,9 +1,9 @@
-import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { Control3D } from "./control3D";
-import { VolumeBasedPanel } from "./volumeBasedPanel";
-/**
- * Class used to create a container panel deployed on the surface of a plane
- */
-export declare class PlanePanel extends VolumeBasedPanel {
-    protected _mapGridNode(control: Control3D, nodePosition: Vector3): void;
-}
+import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import type { Control3D } from "./control3D";
+import { VolumeBasedPanel } from "./volumeBasedPanel";
+/**
+ * Class used to create a container panel deployed on the surface of a plane
+ */
+export declare class PlanePanel extends VolumeBasedPanel {
+    protected _mapGridNode(control: Control3D, nodePosition: Vector3): void;
+}

package/3D/controls/planePanel.js

@@ -1,37 +1,37 @@
-import { __extends } from "tslib";
-import { TmpVectors, Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { Container3D } from "./container3D.js";
-import { VolumeBasedPanel } from "./volumeBasedPanel.js";
-/**
- * Class used to create a container panel deployed on the surface of a plane
- */
-var PlanePanel = /** @class */ (function (_super) {
-    __extends(PlanePanel, _super);
-    function PlanePanel() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    PlanePanel.prototype._mapGridNode = function (control, nodePosition) {
-        var mesh = control.mesh;
-        if (!mesh) {
-            return;
-        }
-        control.position = nodePosition.clone();
-        var target = TmpVectors.Vector3[0];
-        target.copyFrom(nodePosition);
-        switch (this.orientation) {
-            case Container3D.FACEORIGIN_ORIENTATION:
-            case Container3D.FACEFORWARD_ORIENTATION:
-                target.addInPlace(new Vector3(0, 0, 1));
-                mesh.lookAt(target);
-                break;
-            case Container3D.FACEFORWARDREVERSED_ORIENTATION:
-            case Container3D.FACEORIGINREVERSED_ORIENTATION:
-                target.addInPlace(new Vector3(0, 0, -1));
-                mesh.lookAt(target);
-                break;
-        }
-    };
-    return PlanePanel;
-}(VolumeBasedPanel));
-export { PlanePanel };
+import { __extends } from "tslib";
+import { TmpVectors, Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import { Container3D } from "./container3D.js";
+import { VolumeBasedPanel } from "./volumeBasedPanel.js";
+/**
+ * Class used to create a container panel deployed on the surface of a plane
+ */
+var PlanePanel = /** @class */ (function (_super) {
+    __extends(PlanePanel, _super);
+    function PlanePanel() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PlanePanel.prototype._mapGridNode = function (control, nodePosition) {
+        var mesh = control.mesh;
+        if (!mesh) {
+            return;
+        }
+        control.position = nodePosition.clone();
+        var target = TmpVectors.Vector3[0];
+        target.copyFrom(nodePosition);
+        switch (this.orientation) {
+            case Container3D.FACEORIGIN_ORIENTATION:
+            case Container3D.FACEFORWARD_ORIENTATION:
+                target.addInPlace(new Vector3(0, 0, 1));
+                mesh.lookAt(target);
+                break;
+            case Container3D.FACEFORWARDREVERSED_ORIENTATION:
+            case Container3D.FACEORIGINREVERSED_ORIENTATION:
+                target.addInPlace(new Vector3(0, 0, -1));
+                mesh.lookAt(target);
+                break;
+        }
+    };
+    return PlanePanel;
+}(VolumeBasedPanel));
+export { PlanePanel };
 //# sourceMappingURL=planePanel.js.map

package/3D/controls/planePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"planePanel.js","sourceRoot":"","sources":["../../../../../../lts/gui/generated/3D/controls/planePanel.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,6CAA+B;AAE7D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;GAEG;AACH;IAAgC,8BAAgB;IAAhD;;IA0BA,CAAC;IAzBa,iCAAY,GAAtB,UAAuB,OAAkB,EAAE,YAAqB;QAC5D,IAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;QAE1B,IAAI,CAAC,IAAI,EAAE;YACP,OAAO;SACV;QAED,OAAO,CAAC,QAAQ,GAAG,YAAY,CAAC,KAAK,EAAE,CAAC;QACxC,IAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAErC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QAE9B,QAAQ,IAAI,CAAC,WAAW,EAAE;YACtB,KAAK,WAAW,CAAC,sBAAsB,CAAC;YACxC,KAAK,WAAW,CAAC,uBAAuB;gBACpC,MAAM,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBACxC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBACpB,MAAM;YACV,KAAK,WAAW,CAAC,+BAA+B,CAAC;YACjD,KAAK,WAAW,CAAC,8BAA8B;gBAC3C,MAAM,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBACzC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBACpB,MAAM;SACb;IACL,CAAC;IACL,iBAAC;AAAD,CAAC,AA1BD,CAAgC,gBAAgB,GA0B/C","sourcesContent":["import { TmpVectors, Vector3 } from \"core/Maths/math.vector\";\r\n\r\nimport { Container3D } from \"./container3D\";\r\nimport { Control3D } from \"./control3D\";\r\nimport { VolumeBasedPanel } from \"./volumeBasedPanel\";\r\n\r\n/**\r\n * Class used to create a container panel deployed on the surface of a plane\r\n */\r\nexport class PlanePanel extends VolumeBasedPanel {\r\n    protected _mapGridNode(control: Control3D, nodePosition: Vector3) {\r\n        const mesh = control.mesh;\r\n\r\n        if (!mesh) {\r\n            return;\r\n        }\r\n\r\n        control.position = nodePosition.clone();\r\n        const target = TmpVectors.Vector3[0];\r\n\r\n        target.copyFrom(nodePosition);\r\n\r\n        switch (this.orientation) {\r\n            case Container3D.FACEORIGIN_ORIENTATION:\r\n            case Container3D.FACEFORWARD_ORIENTATION:\r\n                target.addInPlace(new Vector3(0, 0, 1));\r\n                mesh.lookAt(target);\r\n                break;\r\n            case Container3D.FACEFORWARDREVERSED_ORIENTATION:\r\n            case Container3D.FACEORIGINREVERSED_ORIENTATION:\r\n                target.addInPlace(new Vector3(0, 0, -1));\r\n                mesh.lookAt(target);\r\n                break;\r\n        }\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"planePanel.js","sourceRoot":"","sources":["../../../../../../lts/gui/generated/3D/controls/planePanel.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,6CAA+B;AAE7D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;GAEG;AACH;IAAgC,8BAAgB;IAAhD;;IA0BA,CAAC;IAzBa,iCAAY,GAAtB,UAAuB,OAAkB,EAAE,YAAqB;QAC5D,IAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;QAE1B,IAAI,CAAC,IAAI,EAAE;YACP,OAAO;SACV;QAED,OAAO,CAAC,QAAQ,GAAG,YAAY,CAAC,KAAK,EAAE,CAAC;QACxC,IAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAErC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QAE9B,QAAQ,IAAI,CAAC,WAAW,EAAE;YACtB,KAAK,WAAW,CAAC,sBAAsB,CAAC;YACxC,KAAK,WAAW,CAAC,uBAAuB;gBACpC,MAAM,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBACxC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBACpB,MAAM;YACV,KAAK,WAAW,CAAC,+BAA+B,CAAC;YACjD,KAAK,WAAW,CAAC,8BAA8B;gBAC3C,MAAM,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBACzC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBACpB,MAAM;SACb;IACL,CAAC;IACL,iBAAC;AAAD,CAAC,AA1BD,CAAgC,gBAAgB,GA0B/C","sourcesContent":["import { TmpVectors, Vector3 } from \"core/Maths/math.vector\";\r\n\r\nimport { Container3D } from \"./container3D\";\r\nimport type { Control3D } from \"./control3D\";\r\nimport { VolumeBasedPanel } from \"./volumeBasedPanel\";\r\n\r\n/**\r\n * Class used to create a container panel deployed on the surface of a plane\r\n */\r\nexport class PlanePanel extends VolumeBasedPanel {\r\n    protected _mapGridNode(control: Control3D, nodePosition: Vector3) {\r\n        const mesh = control.mesh;\r\n\r\n        if (!mesh) {\r\n            return;\r\n        }\r\n\r\n        control.position = nodePosition.clone();\r\n        const target = TmpVectors.Vector3[0];\r\n\r\n        target.copyFrom(nodePosition);\r\n\r\n        switch (this.orientation) {\r\n            case Container3D.FACEORIGIN_ORIENTATION:\r\n            case Container3D.FACEFORWARD_ORIENTATION:\r\n                target.addInPlace(new Vector3(0, 0, 1));\r\n                mesh.lookAt(target);\r\n                break;\r\n            case Container3D.FACEFORWARDREVERSED_ORIENTATION:\r\n            case Container3D.FACEORIGINREVERSED_ORIENTATION:\r\n                target.addInPlace(new Vector3(0, 0, -1));\r\n                mesh.lookAt(target);\r\n                break;\r\n        }\r\n    }\r\n}\r\n"]}

package/3D/controls/scatterPanel.d.ts

@@ -1,18 +1,18 @@
-import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { float } from "@babylonjs/core/types.js";
-import { VolumeBasedPanel } from "./volumeBasedPanel";
-import { Control3D } from "./control3D";
-/**
- * Class used to create a container panel where items get randomized planar mapping
- */
-export declare class ScatterPanel extends VolumeBasedPanel {
-    private _iteration;
-    /**
-     * Gets or sets the number of iteration to use to scatter the controls (100 by default)
-     */
-    get iteration(): float;
-    set iteration(value: float);
-    protected _mapGridNode(control: Control3D, nodePosition: Vector3): void;
-    private _scatterMapping;
-    protected _finalProcessing(): void;
-}
+import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import type { float } from "@babylonjs/core/types.js";
+import { VolumeBasedPanel } from "./volumeBasedPanel";
+import type { Control3D } from "./control3D";
+/**
+ * Class used to create a container panel where items get randomized planar mapping
+ */
+export declare class ScatterPanel extends VolumeBasedPanel {
+    private _iteration;
+    /**
+     * Gets or sets the number of iteration to use to scatter the controls (100 by default)
+     */
+    get iteration(): float;
+    set iteration(value: float);
+    protected _mapGridNode(control: Control3D, nodePosition: Vector3): void;
+    private _scatterMapping;
+    protected _finalProcessing(): void;
+}

package/3D/controls/scatterPanel.js

@@ -1,109 +1,109 @@
-import { __extends } from "tslib";
-import { Tools } from "@babylonjs/core/Misc/tools.js";
-import { TmpVectors, Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { VolumeBasedPanel } from "./volumeBasedPanel.js";
-import { Container3D } from "./container3D.js";
-/**
- * Class used to create a container panel where items get randomized planar mapping
- */
-var ScatterPanel = /** @class */ (function (_super) {
-    __extends(ScatterPanel, _super);
-    function ScatterPanel() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this._iteration = 100.0;
-        return _this;
-    }
-    Object.defineProperty(ScatterPanel.prototype, "iteration", {
-        /**
-         * Gets or sets the number of iteration to use to scatter the controls (100 by default)
-         */
-        get: function () {
-            return this._iteration;
-        },
-        set: function (value) {
-            var _this = this;
-            if (this._iteration === value) {
-                return;
-            }
-            this._iteration = value;
-            Tools.SetImmediate(function () {
-                _this._arrangeChildren();
-            });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ScatterPanel.prototype._mapGridNode = function (control, nodePosition) {
-        var mesh = control.mesh;
-        var newPos = this._scatterMapping(nodePosition);
-        if (!mesh) {
-            return;
-        }
-        switch (this.orientation) {
-            case Container3D.FACEORIGIN_ORIENTATION:
-            case Container3D.FACEFORWARD_ORIENTATION:
-                mesh.lookAt(new Vector3(0, 0, 1));
-                break;
-            case Container3D.FACEFORWARDREVERSED_ORIENTATION:
-            case Container3D.FACEORIGINREVERSED_ORIENTATION:
-                mesh.lookAt(new Vector3(0, 0, -1));
-                break;
-        }
-        control.position = newPos;
-    };
-    ScatterPanel.prototype._scatterMapping = function (source) {
-        source.x = (1.0 - Math.random() * 2.0) * this._cellWidth;
-        source.y = (1.0 - Math.random() * 2.0) * this._cellHeight;
-        return source;
-    };
-    ScatterPanel.prototype._finalProcessing = function () {
-        var meshes = [];
-        for (var _i = 0, _a = this._children; _i < _a.length; _i++) {
-            var child = _a[_i];
-            if (!child.mesh) {
-                continue;
-            }
-            meshes.push(child.mesh);
-        }
-        for (var count = 0; count < this._iteration; count++) {
-            meshes.sort(function (a, b) {
-                var distance1 = a.position.lengthSquared();
-                var distance2 = b.position.lengthSquared();
-                if (distance1 < distance2) {
-                    return 1;
-                }
-                else if (distance1 > distance2) {
-                    return -1;
-                }
-                return 0;
-            });
-            var radiusPaddingSquared = Math.pow(this.margin, 2.0);
-            var cellSize = Math.max(this._cellWidth, this._cellHeight);
-            var difference2D = TmpVectors.Vector2[0];
-            var difference = TmpVectors.Vector3[0];
-            for (var i = 0; i < meshes.length - 1; i++) {
-                for (var j = i + 1; j < meshes.length; j++) {
-                    if (i != j) {
-                        meshes[j].position.subtractToRef(meshes[i].position, difference);
-                        // Ignore Z axis
-                        difference2D.x = difference.x;
-                        difference2D.y = difference.y;
-                        var combinedRadius = cellSize;
-                        var distance = difference2D.lengthSquared() - radiusPaddingSquared;
-                        var minSeparation = Math.min(distance, radiusPaddingSquared);
-                        distance -= minSeparation;
-                        if (distance < Math.pow(combinedRadius, 2.0)) {
-                            difference2D.normalize();
-                            difference.scaleInPlace((combinedRadius - Math.sqrt(distance)) * 0.5);
-                            meshes[j].position.addInPlace(difference);
-                            meshes[i].position.subtractInPlace(difference);
-                        }
-                    }
-                }
-            }
-        }
-    };
-    return ScatterPanel;
-}(VolumeBasedPanel));
-export { ScatterPanel };
+import { __extends } from "tslib";
+import { Tools } from "@babylonjs/core/Misc/tools.js";
+import { TmpVectors, Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import { VolumeBasedPanel } from "./volumeBasedPanel.js";
+import { Container3D } from "./container3D.js";
+/**
+ * Class used to create a container panel where items get randomized planar mapping
+ */
+var ScatterPanel = /** @class */ (function (_super) {
+    __extends(ScatterPanel, _super);
+    function ScatterPanel() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._iteration = 100.0;
+        return _this;
+    }
+    Object.defineProperty(ScatterPanel.prototype, "iteration", {
+        /**
+         * Gets or sets the number of iteration to use to scatter the controls (100 by default)
+         */
+        get: function () {
+            return this._iteration;
+        },
+        set: function (value) {
+            var _this = this;
+            if (this._iteration === value) {
+                return;
+            }
+            this._iteration = value;
+            Tools.SetImmediate(function () {
+                _this._arrangeChildren();
+            });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ScatterPanel.prototype._mapGridNode = function (control, nodePosition) {
+        var mesh = control.mesh;
+        var newPos = this._scatterMapping(nodePosition);
+        if (!mesh) {
+            return;
+        }
+        switch (this.orientation) {
+            case Container3D.FACEORIGIN_ORIENTATION:
+            case Container3D.FACEFORWARD_ORIENTATION:
+                mesh.lookAt(new Vector3(0, 0, 1));
+                break;
+            case Container3D.FACEFORWARDREVERSED_ORIENTATION:
+            case Container3D.FACEORIGINREVERSED_ORIENTATION:
+                mesh.lookAt(new Vector3(0, 0, -1));
+                break;
+        }
+        control.position = newPos;
+    };
+    ScatterPanel.prototype._scatterMapping = function (source) {
+        source.x = (1.0 - Math.random() * 2.0) * this._cellWidth;
+        source.y = (1.0 - Math.random() * 2.0) * this._cellHeight;
+        return source;
+    };
+    ScatterPanel.prototype._finalProcessing = function () {
+        var meshes = [];
+        for (var _i = 0, _a = this._children; _i < _a.length; _i++) {
+            var child = _a[_i];
+            if (!child.mesh) {
+                continue;
+            }
+            meshes.push(child.mesh);
+        }
+        for (var count = 0; count < this._iteration; count++) {
+            meshes.sort(function (a, b) {
+                var distance1 = a.position.lengthSquared();
+                var distance2 = b.position.lengthSquared();
+                if (distance1 < distance2) {
+                    return 1;
+                }
+                else if (distance1 > distance2) {
+                    return -1;
+                }
+                return 0;
+            });
+            var radiusPaddingSquared = Math.pow(this.margin, 2.0);
+            var cellSize = Math.max(this._cellWidth, this._cellHeight);
+            var difference2D = TmpVectors.Vector2[0];
+            var difference = TmpVectors.Vector3[0];
+            for (var i = 0; i < meshes.length - 1; i++) {
+                for (var j = i + 1; j < meshes.length; j++) {
+                    if (i != j) {
+                        meshes[j].position.subtractToRef(meshes[i].position, difference);
+                        // Ignore Z axis
+                        difference2D.x = difference.x;
+                        difference2D.y = difference.y;
+                        var combinedRadius = cellSize;
+                        var distance = difference2D.lengthSquared() - radiusPaddingSquared;
+                        var minSeparation = Math.min(distance, radiusPaddingSquared);
+                        distance -= minSeparation;
+                        if (distance < Math.pow(combinedRadius, 2.0)) {
+                            difference2D.normalize();
+                            difference.scaleInPlace((combinedRadius - Math.sqrt(distance)) * 0.5);
+                            meshes[j].position.addInPlace(difference);
+                            meshes[i].position.subtractInPlace(difference);
+                        }
+                    }
+                }
+            }
+        }
+    };
+    return ScatterPanel;
+}(VolumeBasedPanel));
+export { ScatterPanel };
 //# sourceMappingURL=scatterPanel.js.map