@babylonjs/gui 5.0.0-rc.5 → 5.0.0-rc.9

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

@@ -1,21 +1,21 @@
-export * from "./abstractButton3D";
-export * from "./button3D";
-export * from "./container3D";
-export * from "./control3D";
-export * from "./cylinderPanel";
-export * from "./holographicButton";
-export * from "./holographicSlate";
-export * from "./handMenu";
-export * from "./meshButton3D";
-export * from "./nearMenu";
-export * from "./planePanel";
-export * from "./scatterPanel";
-export * from "./slider3D";
-export * from "./spherePanel";
-export * from "./stackPanel3D";
-export * from "./touchButton3D";
-export * from "./touchMeshButton3D";
-export * from "./touchHolographicButton";
-export * from "./touchHolographicMenu";
-export * from "./volumeBasedPanel";
-export * from "./holographicBackplate";
+export * from "./abstractButton3D";
+export * from "./button3D";
+export * from "./container3D";
+export * from "./control3D";
+export * from "./cylinderPanel";
+export * from "./holographicButton";
+export * from "./holographicSlate";
+export * from "./handMenu";
+export * from "./meshButton3D";
+export * from "./nearMenu";
+export * from "./planePanel";
+export * from "./scatterPanel";
+export * from "./slider3D";
+export * from "./spherePanel";
+export * from "./stackPanel3D";
+export * from "./touchButton3D";
+export * from "./touchMeshButton3D";
+export * from "./touchHolographicButton";
+export * from "./touchHolographicMenu";
+export * from "./volumeBasedPanel";
+export * from "./holographicBackplate";

package/3D/controls/index.js

@@ -1,22 +1,22 @@
-export * from "./abstractButton3D.js";
-export * from "./button3D.js";
-export * from "./container3D.js";
-export * from "./control3D.js";
-export * from "./cylinderPanel.js";
-export * from "./holographicButton.js";
-export * from "./holographicSlate.js";
-export * from "./handMenu.js";
-export * from "./meshButton3D.js";
-export * from "./nearMenu.js";
-export * from "./planePanel.js";
-export * from "./scatterPanel.js";
-export * from "./slider3D.js";
-export * from "./spherePanel.js";
-export * from "./stackPanel3D.js";
-export * from "./touchButton3D.js";
-export * from "./touchMeshButton3D.js";
-export * from "./touchHolographicButton.js";
-export * from "./touchHolographicMenu.js";
-export * from "./volumeBasedPanel.js";
-export * from "./holographicBackplate.js";
+export * from "./abstractButton3D";
+export * from "./button3D";
+export * from "./container3D";
+export * from "./control3D";
+export * from "./cylinderPanel";
+export * from "./holographicButton";
+export * from "./holographicSlate";
+export * from "./handMenu";
+export * from "./meshButton3D";
+export * from "./nearMenu";
+export * from "./planePanel";
+export * from "./scatterPanel";
+export * from "./slider3D";
+export * from "./spherePanel";
+export * from "./stackPanel3D";
+export * from "./touchButton3D";
+export * from "./touchMeshButton3D";
+export * from "./touchHolographicButton";
+export * from "./touchHolographicMenu";
+export * from "./volumeBasedPanel";
+export * from "./holographicBackplate";
 //# sourceMappingURL=index.js.map

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

@@ -1,21 +1,21 @@
-import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
-import { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
-import { Mesh } from "@babylonjs/core/Meshes/mesh.js";
-import { Scene } from "@babylonjs/core/scene.js";
-import { Button3D } from "./button3D";
-/**
- * Class used to create an interactable object. It's a 3D button using a mesh coming from the current scene
- */
-export declare class MeshButton3D extends Button3D {
-    /** @hidden */
-    protected _currentMesh: Mesh;
-    /**
-     * Creates a new 3D button based on a mesh
-     * @param mesh mesh to become a 3D button
-     * @param name defines the control name
-     */
-    constructor(mesh: Mesh, name?: string);
-    protected _getTypeName(): string;
-    protected _createNode(scene: Scene): TransformNode;
-    protected _affectMaterial(mesh: AbstractMesh): void;
-}
+import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
+import { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
+import { Mesh } from "@babylonjs/core/Meshes/mesh.js";
+import { Scene } from "@babylonjs/core/scene.js";
+import { Button3D } from "./button3D";
+/**
+ * Class used to create an interactable object. It's a 3D button using a mesh coming from the current scene
+ */
+export declare class MeshButton3D extends Button3D {
+    /** @hidden */
+    protected _currentMesh: Mesh;
+    /**
+     * Creates a new 3D button based on a mesh
+     * @param mesh mesh to become a 3D button
+     * @param name defines the control name
+     */
+    constructor(mesh: Mesh, name?: string);
+    protected _getTypeName(): string;
+    protected _createNode(scene: Scene): TransformNode;
+    protected _affectMaterial(mesh: AbstractMesh): void;
+}

package/3D/controls/meshButton3D.js

@@ -1,63 +1,63 @@
-import { __extends } from "tslib";
-import { Button3D } from "./button3D.js";
-/**
- * Class used to create an interactable object. It's a 3D button using a mesh coming from the current scene
- */
-var MeshButton3D = /** @class */ (function (_super) {
-    __extends(MeshButton3D, _super);
-    /**
-     * Creates a new 3D button based on a mesh
-     * @param mesh mesh to become a 3D button
-     * @param name defines the control name
-     */
-    function MeshButton3D(mesh, name) {
-        var _this = _super.call(this, name) || this;
-        _this._currentMesh = mesh;
-        /**
-         * Provides a default behavior on hover/out & up/down
-         * Override those function to create your own desired behavior specific to your mesh
-         */
-        _this.pointerEnterAnimation = function () {
-            if (!_this.mesh) {
-                return;
-            }
-            _this.mesh.scaling.scaleInPlace(1.1);
-        };
-        _this.pointerOutAnimation = function () {
-            if (!_this.mesh) {
-                return;
-            }
-            _this.mesh.scaling.scaleInPlace(1.0 / 1.1);
-        };
-        _this.pointerDownAnimation = function () {
-            if (!_this.mesh) {
-                return;
-            }
-            _this.mesh.scaling.scaleInPlace(0.95);
-        };
-        _this.pointerUpAnimation = function () {
-            if (!_this.mesh) {
-                return;
-            }
-            _this.mesh.scaling.scaleInPlace(1.0 / 0.95);
-        };
-        return _this;
-    }
-    MeshButton3D.prototype._getTypeName = function () {
-        return "MeshButton3D";
-    };
-    // Mesh association
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    MeshButton3D.prototype._createNode = function (scene) {
-        var _this = this;
-        this._currentMesh.getChildMeshes().forEach(function (mesh) {
-            _this._injectGUI3DReservedDataStore(mesh).control = _this;
-        });
-        return this._currentMesh;
-    };
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    MeshButton3D.prototype._affectMaterial = function (mesh) { };
-    return MeshButton3D;
-}(Button3D));
-export { MeshButton3D };
+import { __extends } from "tslib";
+import { Button3D } from "./button3D";
+/**
+ * Class used to create an interactable object. It's a 3D button using a mesh coming from the current scene
+ */
+var MeshButton3D = /** @class */ (function (_super) {
+    __extends(MeshButton3D, _super);
+    /**
+     * Creates a new 3D button based on a mesh
+     * @param mesh mesh to become a 3D button
+     * @param name defines the control name
+     */
+    function MeshButton3D(mesh, name) {
+        var _this = _super.call(this, name) || this;
+        _this._currentMesh = mesh;
+        /**
+         * Provides a default behavior on hover/out & up/down
+         * Override those function to create your own desired behavior specific to your mesh
+         */
+        _this.pointerEnterAnimation = function () {
+            if (!_this.mesh) {
+                return;
+            }
+            _this.mesh.scaling.scaleInPlace(1.1);
+        };
+        _this.pointerOutAnimation = function () {
+            if (!_this.mesh) {
+                return;
+            }
+            _this.mesh.scaling.scaleInPlace(1.0 / 1.1);
+        };
+        _this.pointerDownAnimation = function () {
+            if (!_this.mesh) {
+                return;
+            }
+            _this.mesh.scaling.scaleInPlace(0.95);
+        };
+        _this.pointerUpAnimation = function () {
+            if (!_this.mesh) {
+                return;
+            }
+            _this.mesh.scaling.scaleInPlace(1.0 / 0.95);
+        };
+        return _this;
+    }
+    MeshButton3D.prototype._getTypeName = function () {
+        return "MeshButton3D";
+    };
+    // Mesh association
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    MeshButton3D.prototype._createNode = function (scene) {
+        var _this = this;
+        this._currentMesh.getChildMeshes().forEach(function (mesh) {
+            _this._injectGUI3DReservedDataStore(mesh).control = _this;
+        });
+        return this._currentMesh;
+    };
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    MeshButton3D.prototype._affectMaterial = function (mesh) { };
+    return MeshButton3D;
+}(Button3D));
+export { MeshButton3D };
 //# sourceMappingURL=meshButton3D.js.map

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

@@ -1,44 +1,44 @@
-import { Scene } from "@babylonjs/core/scene.js";
-import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
-import { Nullable } from "@babylonjs/core/types.js";
-import { DefaultBehavior } from "../behaviors/defaultBehavior";
-import { TouchHolographicMenu } from "./touchHolographicMenu";
-/**
- * NearMenu that displays buttons and follows the camera
- * @since 5.0.0
- */
-export declare class NearMenu extends TouchHolographicMenu {
-    /**
-     * Base Url for the assets.
-     */
-    private static _ASSETS_BASE_URL;
-    /**
-     * File name for the close icon.
-     */
-    private static _PIN_ICON_FILENAME;
-    private _pinButton;
-    private _dragObserver;
-    private _defaultBehavior;
-    /**
-     * Regroups all mesh behaviors for the near menu
-     */
-    get defaultBehavior(): DefaultBehavior;
-    private _isPinned;
-    /**
-     * Indicates if the near menu is world-pinned
-     */
-    get isPinned(): boolean;
-    set isPinned(value: boolean);
-    private _createPinButton;
-    protected _createNode(scene: Scene): Nullable<TransformNode>;
-    protected _finalProcessing(): void;
-    /**
-     * Creates a near menu GUI 3D control
-     * @param name name of the near menu
-     */
-    constructor(name?: string);
-    /**
-     * Disposes the near menu
-     */
-    dispose(): void;
-}
+import { Scene } from "@babylonjs/core/scene.js";
+import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
+import { Nullable } from "@babylonjs/core/types.js";
+import { DefaultBehavior } from "../behaviors/defaultBehavior";
+import { TouchHolographicMenu } from "./touchHolographicMenu";
+/**
+ * NearMenu that displays buttons and follows the camera
+ * @since 5.0.0
+ */
+export declare class NearMenu extends TouchHolographicMenu {
+    /**
+     * Base Url for the assets.
+     */
+    private static _ASSETS_BASE_URL;
+    /**
+     * File name for the close icon.
+     */
+    private static _PIN_ICON_FILENAME;
+    private _pinButton;
+    private _dragObserver;
+    private _defaultBehavior;
+    /**
+     * Regroups all mesh behaviors for the near menu
+     */
+    get defaultBehavior(): DefaultBehavior;
+    private _isPinned;
+    /**
+     * Indicates if the near menu is world-pinned
+     */
+    get isPinned(): boolean;
+    set isPinned(value: boolean);
+    private _createPinButton;
+    protected _createNode(scene: Scene): Nullable<TransformNode>;
+    protected _finalProcessing(): void;
+    /**
+     * Creates a near menu GUI 3D control
+     * @param name name of the near menu
+     */
+    constructor(name?: string);
+    /**
+     * Disposes the near menu
+     */
+    dispose(): void;
+}

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";
+import { DefaultBehavior } from "../behaviors/defaultBehavior";
+import { TouchHolographicMenu } from "./touchHolographicMenu";
+/**
+ * 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/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 { 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;
+}