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

package/3D/gizmos/gizmoHandle.d.ts

@@ -1,108 +1,108 @@
-import { Scene } from "@babylonjs/core/scene.js";
-import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
-import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { HandleMaterial } from "../materials/handle/handleMaterial";
-import { SlateGizmo } from "./slateGizmo";
-import { BaseSixDofDragBehavior } from "@babylonjs/core/Behaviors/Meshes/baseSixDofDragBehavior.js";
-/**
- * State of the handle regarding user interaction
- */
-export declare enum HandleState {
-    /**
-     * Handle is idle
-     */
-    IDLE = 0,
-    /**
-     * Handle is hovered
-     */
-    HOVER = 1,
-    /**
-     * Handle is dragged
-     */
-    DRAG = 2
-}
-/**
- * Base class for SlateGizmo handles
- */
-export declare abstract class GizmoHandle {
-    protected _scene: Scene;
-    protected _state: HandleState;
-    protected _materials: HandleMaterial[];
-    private _dragStartObserver;
-    private _draggingObserver;
-    private _dragEndObserver;
-    /**
-     * @hidden
-     */
-    _dragBehavior: BaseSixDofDragBehavior;
-    /**
-     * The current state of the handle
-     */
-    get state(): HandleState;
-    private _gizmo;
-    /**
-     * Returns the gizmo carrying this handle
-     */
-    get gizmo(): SlateGizmo;
-    /**
-     * Sets hover state
-     */
-    set hover(value: boolean);
-    /**
-     * Sets drag state
-     */
-    set drag(value: boolean);
-    /**
-     * Node of this handle
-     */
-    node: TransformNode;
-    /**
-     * Creates a handle for a SlateGizmo
-     * @param gizmo associated SlateGizmo
-     * @param scene scene
-     */
-    constructor(gizmo: SlateGizmo, scene: Scene);
-    protected _createMaterial(positionOffset?: Vector3): HandleMaterial;
-    private _updateMaterial;
-    /**
-     * Binds callbacks from dragging interaction
-     * @param dragStartFn Function to call on drag start
-     * @param dragFn Function to call on drag
-     * @param dragEndFn Function to call on drag end
-     */
-    setDragBehavior(dragStartFn: (event: {
-        position: Vector3;
-    }) => void, dragFn: (event: {
-        position: Vector3;
-    }) => void, dragEndFn: () => void): void;
-    /**
-     * Creates the meshes and parent node of the handle
-     * Should be overridden by child classes
-     * @returns created node
-     */
-    abstract createNode(): TransformNode;
-    /**
-     * Disposes the handle
-     */
-    dispose(): void;
-}
-/**
- * Side handle class that rotates the slate
- */
-export declare class SideHandle extends GizmoHandle {
-    /**
-     * Creates the meshes and parent node of the handle
-     * @returns created node
-     */
-    createNode(): TransformNode;
-}
-/**
- * Corner handle that resizes the slate
- */
-export declare class CornerHandle extends GizmoHandle {
-    /**
-     * Creates the meshes and parent node of the handle
-     * @returns created node
-     */
-    createNode(): TransformNode;
-}
+import { Scene } from "@babylonjs/core/scene.js";
+import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
+import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import { HandleMaterial } from "../materials/handle/handleMaterial";
+import { SlateGizmo } from "./slateGizmo";
+import { BaseSixDofDragBehavior } from "@babylonjs/core/Behaviors/Meshes/baseSixDofDragBehavior.js";
+/**
+ * State of the handle regarding user interaction
+ */
+export declare enum HandleState {
+    /**
+     * Handle is idle
+     */
+    IDLE = 0,
+    /**
+     * Handle is hovered
+     */
+    HOVER = 1,
+    /**
+     * Handle is dragged
+     */
+    DRAG = 2
+}
+/**
+ * Base class for SlateGizmo handles
+ */
+export declare abstract class GizmoHandle {
+    protected _scene: Scene;
+    protected _state: HandleState;
+    protected _materials: HandleMaterial[];
+    private _dragStartObserver;
+    private _draggingObserver;
+    private _dragEndObserver;
+    /**
+     * @hidden
+     */
+    _dragBehavior: BaseSixDofDragBehavior;
+    /**
+     * The current state of the handle
+     */
+    get state(): HandleState;
+    private _gizmo;
+    /**
+     * Returns the gizmo carrying this handle
+     */
+    get gizmo(): SlateGizmo;
+    /**
+     * Sets hover state
+     */
+    set hover(value: boolean);
+    /**
+     * Sets drag state
+     */
+    set drag(value: boolean);
+    /**
+     * Node of this handle
+     */
+    node: TransformNode;
+    /**
+     * Creates a handle for a SlateGizmo
+     * @param gizmo associated SlateGizmo
+     * @param scene scene
+     */
+    constructor(gizmo: SlateGizmo, scene: Scene);
+    protected _createMaterial(positionOffset?: Vector3): HandleMaterial;
+    private _updateMaterial;
+    /**
+     * Binds callbacks from dragging interaction
+     * @param dragStartFn Function to call on drag start
+     * @param dragFn Function to call on drag
+     * @param dragEndFn Function to call on drag end
+     */
+    setDragBehavior(dragStartFn: (event: {
+        position: Vector3;
+    }) => void, dragFn: (event: {
+        position: Vector3;
+    }) => void, dragEndFn: () => void): void;
+    /**
+     * Creates the meshes and parent node of the handle
+     * Should be overridden by child classes
+     * @returns created node
+     */
+    abstract createNode(): TransformNode;
+    /**
+     * Disposes the handle
+     */
+    dispose(): void;
+}
+/**
+ * Side handle class that rotates the slate
+ */
+export declare class SideHandle extends GizmoHandle {
+    /**
+     * Creates the meshes and parent node of the handle
+     * @returns created node
+     */
+    createNode(): TransformNode;
+}
+/**
+ * Corner handle that resizes the slate
+ */
+export declare class CornerHandle extends GizmoHandle {
+    /**
+     * Creates the meshes and parent node of the handle
+     * @returns created node
+     */
+    createNode(): TransformNode;
+}

package/3D/gizmos/gizmoHandle.js

@@ -1,210 +1,210 @@
-import { __extends } from "tslib";
-import { CreateBox } from "@babylonjs/core/Meshes/Builders/boxBuilder.js";
-import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
-import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { HandleMaterial } from "../materials/handle/handleMaterial.js";
-import { BaseSixDofDragBehavior } from "@babylonjs/core/Behaviors/Meshes/baseSixDofDragBehavior.js";
-/**
- * State of the handle regarding user interaction
- */
-export var HandleState;
-(function (HandleState) {
-    /**
-     * Handle is idle
-     */
-    HandleState[HandleState["IDLE"] = 0] = "IDLE";
-    /**
-     * Handle is hovered
-     */
-    HandleState[HandleState["HOVER"] = 1] = "HOVER";
-    /**
-     * Handle is dragged
-     */
-    HandleState[HandleState["DRAG"] = 2] = "DRAG";
-})(HandleState || (HandleState = {}));
-/**
- * Base class for SlateGizmo handles
- */
-var GizmoHandle = /** @class */ (function () {
-    /**
-     * Creates a handle for a SlateGizmo
-     * @param gizmo associated SlateGizmo
-     * @param scene scene
-     */
-    function GizmoHandle(gizmo, scene) {
-        this._state = HandleState.IDLE;
-        this._materials = [];
-        this._scene = scene;
-        this._gizmo = gizmo;
-        this.node = this.createNode();
-        this.node.reservedDataStore = {
-            handle: this,
-        };
-    }
-    Object.defineProperty(GizmoHandle.prototype, "state", {
-        /**
-         * The current state of the handle
-         */
-        get: function () {
-            return this._state;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GizmoHandle.prototype, "gizmo", {
-        /**
-         * Returns the gizmo carrying this handle
-         */
-        get: function () {
-            return this._gizmo;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GizmoHandle.prototype, "hover", {
-        /**
-         * Sets hover state
-         */
-        set: function (value) {
-            if (value) {
-                this._state |= HandleState.HOVER;
-            }
-            else {
-                this._state &= ~HandleState.HOVER;
-            }
-            this._updateMaterial();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GizmoHandle.prototype, "drag", {
-        /**
-         * Sets drag state
-         */
-        set: function (value) {
-            if (value) {
-                this._state |= HandleState.DRAG;
-            }
-            else {
-                this._state &= ~HandleState.DRAG;
-            }
-            this._updateMaterial();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    GizmoHandle.prototype._createMaterial = function (positionOffset) {
-        var mat = new HandleMaterial("handle", this._scene);
-        if (positionOffset) {
-            mat._positionOffset = positionOffset;
-        }
-        return mat;
-    };
-    GizmoHandle.prototype._updateMaterial = function () {
-        var state = this._state;
-        for (var _i = 0, _a = this._materials; _i < _a.length; _i++) {
-            var mat = _a[_i];
-            mat.hover = false;
-            mat.drag = false;
-        }
-        if (state & HandleState.DRAG) {
-            for (var _b = 0, _c = this._materials; _b < _c.length; _b++) {
-                var mat = _c[_b];
-                mat.drag = true;
-            }
-        }
-        else if (state & HandleState.HOVER) {
-            for (var _d = 0, _e = this._materials; _d < _e.length; _d++) {
-                var mat = _e[_d];
-                mat.hover = true;
-            }
-        }
-    };
-    /**
-     * Binds callbacks from dragging interaction
-     * @param dragStartFn Function to call on drag start
-     * @param dragFn Function to call on drag
-     * @param dragEndFn Function to call on drag end
-     */
-    GizmoHandle.prototype.setDragBehavior = function (dragStartFn, dragFn, dragEndFn) {
-        var dragBehavior = new BaseSixDofDragBehavior();
-        this._dragBehavior = dragBehavior;
-        this._dragStartObserver = dragBehavior.onDragStartObservable.add(dragStartFn);
-        this._draggingObserver = dragBehavior.onDragObservable.add(dragFn);
-        this._dragEndObserver = dragBehavior.onDragEndObservable.add(dragEndFn);
-        this._dragBehavior.attach(this.node);
-    };
-    /**
-     * Disposes the handle
-     */
-    GizmoHandle.prototype.dispose = function () {
-        this._dragBehavior.onDragStartObservable.remove(this._dragStartObserver);
-        this._dragBehavior.onDragObservable.remove(this._draggingObserver);
-        this._dragBehavior.onDragEndObservable.remove(this._dragEndObserver);
-        this._dragBehavior.detach();
-        for (var _i = 0, _a = this._materials; _i < _a.length; _i++) {
-            var material = _a[_i];
-            material.dispose();
-        }
-        this.node.dispose();
-    };
-    return GizmoHandle;
-}());
-export { GizmoHandle };
-/**
- * Side handle class that rotates the slate
- */
-var SideHandle = /** @class */ (function (_super) {
-    __extends(SideHandle, _super);
-    function SideHandle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * Creates the meshes and parent node of the handle
-     * @returns created node
-     */
-    SideHandle.prototype.createNode = function () {
-        // Create a simple vertical rectangle
-        var verticalBox = CreateBox("sideVert", { width: 1, height: 10, depth: 0.1 }, this._scene);
-        var sideNode = new TransformNode("side", this._scene);
-        verticalBox.parent = sideNode;
-        var mat = this._createMaterial();
-        verticalBox.material = mat;
-        verticalBox.isNearGrabbable = true;
-        this._materials.push(mat);
-        return sideNode;
-    };
-    return SideHandle;
-}(GizmoHandle));
-export { SideHandle };
-/**
- * Corner handle that resizes the slate
- */
-var CornerHandle = /** @class */ (function (_super) {
-    __extends(CornerHandle, _super);
-    function CornerHandle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * Creates the meshes and parent node of the handle
-     * @returns created node
-     */
-    CornerHandle.prototype.createNode = function () {
-        // Create 2 boxes making a bottom left corner
-        var horizontalBox = CreateBox("angleHor", { width: 3, height: 1, depth: 0.1 }, this._scene);
-        var verticalBox = CreateBox("angleVert", { width: 1, height: 3, depth: 0.1 }, this._scene);
-        var angleNode = new TransformNode("angle", this._scene);
-        horizontalBox.parent = angleNode;
-        verticalBox.parent = angleNode;
-        horizontalBox.material = this._createMaterial(new Vector3(1, 0, 0));
-        verticalBox.material = this._createMaterial(new Vector3(0, 1, 0));
-        verticalBox.isNearGrabbable = true;
-        horizontalBox.isNearGrabbable = true;
-        this._materials.push(horizontalBox.material);
-        this._materials.push(verticalBox.material);
-        return angleNode;
-    };
-    return CornerHandle;
-}(GizmoHandle));
-export { CornerHandle };
+import { __extends } from "tslib";
+import { CreateBox } from "@babylonjs/core/Meshes/Builders/boxBuilder.js";
+import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
+import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import { HandleMaterial } from "../materials/handle/handleMaterial";
+import { BaseSixDofDragBehavior } from "@babylonjs/core/Behaviors/Meshes/baseSixDofDragBehavior.js";
+/**
+ * State of the handle regarding user interaction
+ */
+export var HandleState;
+(function (HandleState) {
+    /**
+     * Handle is idle
+     */
+    HandleState[HandleState["IDLE"] = 0] = "IDLE";
+    /**
+     * Handle is hovered
+     */
+    HandleState[HandleState["HOVER"] = 1] = "HOVER";
+    /**
+     * Handle is dragged
+     */
+    HandleState[HandleState["DRAG"] = 2] = "DRAG";
+})(HandleState || (HandleState = {}));
+/**
+ * Base class for SlateGizmo handles
+ */
+var GizmoHandle = /** @class */ (function () {
+    /**
+     * Creates a handle for a SlateGizmo
+     * @param gizmo associated SlateGizmo
+     * @param scene scene
+     */
+    function GizmoHandle(gizmo, scene) {
+        this._state = HandleState.IDLE;
+        this._materials = [];
+        this._scene = scene;
+        this._gizmo = gizmo;
+        this.node = this.createNode();
+        this.node.reservedDataStore = {
+            handle: this,
+        };
+    }
+    Object.defineProperty(GizmoHandle.prototype, "state", {
+        /**
+         * The current state of the handle
+         */
+        get: function () {
+            return this._state;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GizmoHandle.prototype, "gizmo", {
+        /**
+         * Returns the gizmo carrying this handle
+         */
+        get: function () {
+            return this._gizmo;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GizmoHandle.prototype, "hover", {
+        /**
+         * Sets hover state
+         */
+        set: function (value) {
+            if (value) {
+                this._state |= HandleState.HOVER;
+            }
+            else {
+                this._state &= ~HandleState.HOVER;
+            }
+            this._updateMaterial();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GizmoHandle.prototype, "drag", {
+        /**
+         * Sets drag state
+         */
+        set: function (value) {
+            if (value) {
+                this._state |= HandleState.DRAG;
+            }
+            else {
+                this._state &= ~HandleState.DRAG;
+            }
+            this._updateMaterial();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    GizmoHandle.prototype._createMaterial = function (positionOffset) {
+        var mat = new HandleMaterial("handle", this._scene);
+        if (positionOffset) {
+            mat._positionOffset = positionOffset;
+        }
+        return mat;
+    };
+    GizmoHandle.prototype._updateMaterial = function () {
+        var state = this._state;
+        for (var _i = 0, _a = this._materials; _i < _a.length; _i++) {
+            var mat = _a[_i];
+            mat.hover = false;
+            mat.drag = false;
+        }
+        if (state & HandleState.DRAG) {
+            for (var _b = 0, _c = this._materials; _b < _c.length; _b++) {
+                var mat = _c[_b];
+                mat.drag = true;
+            }
+        }
+        else if (state & HandleState.HOVER) {
+            for (var _d = 0, _e = this._materials; _d < _e.length; _d++) {
+                var mat = _e[_d];
+                mat.hover = true;
+            }
+        }
+    };
+    /**
+     * Binds callbacks from dragging interaction
+     * @param dragStartFn Function to call on drag start
+     * @param dragFn Function to call on drag
+     * @param dragEndFn Function to call on drag end
+     */
+    GizmoHandle.prototype.setDragBehavior = function (dragStartFn, dragFn, dragEndFn) {
+        var dragBehavior = new BaseSixDofDragBehavior();
+        this._dragBehavior = dragBehavior;
+        this._dragStartObserver = dragBehavior.onDragStartObservable.add(dragStartFn);
+        this._draggingObserver = dragBehavior.onDragObservable.add(dragFn);
+        this._dragEndObserver = dragBehavior.onDragEndObservable.add(dragEndFn);
+        this._dragBehavior.attach(this.node);
+    };
+    /**
+     * Disposes the handle
+     */
+    GizmoHandle.prototype.dispose = function () {
+        this._dragBehavior.onDragStartObservable.remove(this._dragStartObserver);
+        this._dragBehavior.onDragObservable.remove(this._draggingObserver);
+        this._dragBehavior.onDragEndObservable.remove(this._dragEndObserver);
+        this._dragBehavior.detach();
+        for (var _i = 0, _a = this._materials; _i < _a.length; _i++) {
+            var material = _a[_i];
+            material.dispose();
+        }
+        this.node.dispose();
+    };
+    return GizmoHandle;
+}());
+export { GizmoHandle };
+/**
+ * Side handle class that rotates the slate
+ */
+var SideHandle = /** @class */ (function (_super) {
+    __extends(SideHandle, _super);
+    function SideHandle() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    /**
+     * Creates the meshes and parent node of the handle
+     * @returns created node
+     */
+    SideHandle.prototype.createNode = function () {
+        // Create a simple vertical rectangle
+        var verticalBox = CreateBox("sideVert", { width: 1, height: 10, depth: 0.1 }, this._scene);
+        var sideNode = new TransformNode("side", this._scene);
+        verticalBox.parent = sideNode;
+        var mat = this._createMaterial();
+        verticalBox.material = mat;
+        verticalBox.isNearGrabbable = true;
+        this._materials.push(mat);
+        return sideNode;
+    };
+    return SideHandle;
+}(GizmoHandle));
+export { SideHandle };
+/**
+ * Corner handle that resizes the slate
+ */
+var CornerHandle = /** @class */ (function (_super) {
+    __extends(CornerHandle, _super);
+    function CornerHandle() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    /**
+     * Creates the meshes and parent node of the handle
+     * @returns created node
+     */
+    CornerHandle.prototype.createNode = function () {
+        // Create 2 boxes making a bottom left corner
+        var horizontalBox = CreateBox("angleHor", { width: 3, height: 1, depth: 0.1 }, this._scene);
+        var verticalBox = CreateBox("angleVert", { width: 1, height: 3, depth: 0.1 }, this._scene);
+        var angleNode = new TransformNode("angle", this._scene);
+        horizontalBox.parent = angleNode;
+        verticalBox.parent = angleNode;
+        horizontalBox.material = this._createMaterial(new Vector3(1, 0, 0));
+        verticalBox.material = this._createMaterial(new Vector3(0, 1, 0));
+        verticalBox.isNearGrabbable = true;
+        horizontalBox.isNearGrabbable = true;
+        this._materials.push(horizontalBox.material);
+        this._materials.push(verticalBox.material);
+        return angleNode;
+    };
+    return CornerHandle;
+}(GizmoHandle));
+export { CornerHandle };
 //# sourceMappingURL=gizmoHandle.js.map

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

@@ -1,2 +1,2 @@
-export * from "./slateGizmo";
-export * from "./gizmoHandle";
+export * from "./slateGizmo";
+export * from "./gizmoHandle";

package/3D/gizmos/index.js

@@ -1,3 +1,3 @@
-export * from "./slateGizmo.js";
-export * from "./gizmoHandle.js";
+export * from "./slateGizmo";
+export * from "./gizmoHandle";
 //# sourceMappingURL=index.js.map