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

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

@@ -1,75 +1,75 @@
-import { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
-import { Control } from "./control";
-import { MultiLinePoint } from "../multiLinePoint";
-import { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
-/**
- * Class used to create multi line control
- */
-export declare class MultiLine extends Control {
-    name?: string | undefined;
-    private _lineWidth;
-    private _dash;
-    private _points;
-    private _minX;
-    private _minY;
-    private _maxX;
-    private _maxY;
-    /**
-     * Creates a new MultiLine
-     * @param name defines the control name
-     */
-    constructor(name?: string | undefined);
-    /** Gets or sets dash pattern */
-    get dash(): Array<number>;
-    set dash(value: Array<number>);
-    /**
-     * Gets point stored at specified index
-     * @param index defines the index to look for
-     * @returns the requested point if found
-     */
-    getAt(index: number): MultiLinePoint;
-    /** Function called when a point is updated */
-    onPointUpdate: () => void;
-    /**
-     * Adds new points to the point collection
-     * @param items defines the list of items (mesh, control or 2d coordinates) to add
-     * @returns the list of created MultiLinePoint
-     */
-    add(...items: (AbstractMesh | Control | {
-        x: string | number;
-        y: string | number;
-    })[]): MultiLinePoint[];
-    /**
-     * Adds a new point to the point collection
-     * @param item defines the item (mesh, control or 2d coordinates) to add
-     * @returns the created MultiLinePoint
-     */
-    push(item?: AbstractMesh | Control | {
-        x: string | number;
-        y: string | number;
-    }): MultiLinePoint;
-    /**
-     * Remove a specific value or point from the active point collection
-     * @param value defines the value or point to remove
-     */
-    remove(value: number | MultiLinePoint): void;
-    /**
-     * Resets this object to initial state (no point)
-     */
-    reset(): void;
-    /**
-     * Resets all links
-     */
-    resetLinks(): void;
-    /** Gets or sets line width */
-    get lineWidth(): number;
-    set lineWidth(value: number);
-    set horizontalAlignment(value: number);
-    set verticalAlignment(value: number);
-    protected _getTypeName(): string;
-    _draw(context: ICanvasRenderingContext): void;
-    protected _additionalProcessing(): void;
-    _measure(): void;
-    protected _computeAlignment(): void;
-    dispose(): void;
-}
+import { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
+import { Control } from "./control";
+import { MultiLinePoint } from "../multiLinePoint";
+import { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
+/**
+ * Class used to create multi line control
+ */
+export declare class MultiLine extends Control {
+    name?: string | undefined;
+    private _lineWidth;
+    private _dash;
+    private _points;
+    private _minX;
+    private _minY;
+    private _maxX;
+    private _maxY;
+    /**
+     * Creates a new MultiLine
+     * @param name defines the control name
+     */
+    constructor(name?: string | undefined);
+    /** Gets or sets dash pattern */
+    get dash(): Array<number>;
+    set dash(value: Array<number>);
+    /**
+     * Gets point stored at specified index
+     * @param index defines the index to look for
+     * @returns the requested point if found
+     */
+    getAt(index: number): MultiLinePoint;
+    /** Function called when a point is updated */
+    onPointUpdate: () => void;
+    /**
+     * Adds new points to the point collection
+     * @param items defines the list of items (mesh, control or 2d coordinates) to add
+     * @returns the list of created MultiLinePoint
+     */
+    add(...items: (AbstractMesh | Control | {
+        x: string | number;
+        y: string | number;
+    })[]): MultiLinePoint[];
+    /**
+     * Adds a new point to the point collection
+     * @param item defines the item (mesh, control or 2d coordinates) to add
+     * @returns the created MultiLinePoint
+     */
+    push(item?: AbstractMesh | Control | {
+        x: string | number;
+        y: string | number;
+    }): MultiLinePoint;
+    /**
+     * Remove a specific value or point from the active point collection
+     * @param value defines the value or point to remove
+     */
+    remove(value: number | MultiLinePoint): void;
+    /**
+     * Resets this object to initial state (no point)
+     */
+    reset(): void;
+    /**
+     * Resets all links
+     */
+    resetLinks(): void;
+    /** Gets or sets line width */
+    get lineWidth(): number;
+    set lineWidth(value: number);
+    set horizontalAlignment(value: number);
+    set verticalAlignment(value: number);
+    protected _getTypeName(): string;
+    _draw(context: ICanvasRenderingContext): void;
+    protected _additionalProcessing(): void;
+    _measure(): void;
+    protected _computeAlignment(): void;
+    dispose(): void;
+}

package/2D/controls/multiLine.js

@@ -1,263 +1,263 @@
-import { __decorate, __extends } from "tslib";
-import { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
-import { Control } from "./control.js";
-import { MultiLinePoint } from "../multiLinePoint.js";
-import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
-import { serialize } from "@babylonjs/core/Misc/decorators.js";
-/**
- * Class used to create multi line control
- */
-var MultiLine = /** @class */ (function (_super) {
-    __extends(MultiLine, _super);
-    /**
-     * Creates a new MultiLine
-     * @param name defines the control name
-     */
-    function MultiLine(name) {
-        var _this = _super.call(this, name) || this;
-        _this.name = name;
-        _this._lineWidth = 1;
-        /** Function called when a point is updated */
-        _this.onPointUpdate = function () {
-            _this._markAsDirty();
-        };
-        _this._automaticSize = true;
-        _this.isHitTestVisible = false;
-        _this._horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
-        _this._verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;
-        _this._dash = [];
-        _this._points = [];
-        return _this;
-    }
-    Object.defineProperty(MultiLine.prototype, "dash", {
-        /** Gets or sets dash pattern */
-        get: function () {
-            return this._dash;
-        },
-        set: function (value) {
-            if (this._dash === value) {
-                return;
-            }
-            this._dash = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Gets point stored at specified index
-     * @param index defines the index to look for
-     * @returns the requested point if found
-     */
-    MultiLine.prototype.getAt = function (index) {
-        if (!this._points[index]) {
-            this._points[index] = new MultiLinePoint(this);
-        }
-        return this._points[index];
-    };
-    /**
-     * Adds new points to the point collection
-     * @param items defines the list of items (mesh, control or 2d coordinates) to add
-     * @returns the list of created MultiLinePoint
-     */
-    MultiLine.prototype.add = function () {
-        var _this = this;
-        var items = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            items[_i] = arguments[_i];
-        }
-        return items.map(function (item) { return _this.push(item); });
-    };
-    /**
-     * Adds a new point to the point collection
-     * @param item defines the item (mesh, control or 2d coordinates) to add
-     * @returns the created MultiLinePoint
-     */
-    MultiLine.prototype.push = function (item) {
-        var point = this.getAt(this._points.length);
-        if (item == null) {
-            return point;
-        }
-        if (item instanceof AbstractMesh) {
-            point.mesh = item;
-        }
-        else if (item instanceof Control) {
-            point.control = item;
-        }
-        else if (item.x != null && item.y != null) {
-            point.x = item.x;
-            point.y = item.y;
-        }
-        return point;
-    };
-    /**
-     * Remove a specific value or point from the active point collection
-     * @param value defines the value or point to remove
-     */
-    MultiLine.prototype.remove = function (value) {
-        var index;
-        if (value instanceof MultiLinePoint) {
-            index = this._points.indexOf(value);
-            if (index === -1) {
-                return;
-            }
-        }
-        else {
-            index = value;
-        }
-        var point = this._points[index];
-        if (!point) {
-            return;
-        }
-        point.dispose();
-        this._points.splice(index, 1);
-    };
-    /**
-     * Resets this object to initial state (no point)
-     */
-    MultiLine.prototype.reset = function () {
-        while (this._points.length > 0) {
-            this.remove(this._points.length - 1);
-        }
-    };
-    /**
-     * Resets all links
-     */
-    MultiLine.prototype.resetLinks = function () {
-        this._points.forEach(function (point) {
-            if (point != null) {
-                point.resetLinks();
-            }
-        });
-    };
-    Object.defineProperty(MultiLine.prototype, "lineWidth", {
-        /** Gets or sets line width */
-        get: function () {
-            return this._lineWidth;
-        },
-        set: function (value) {
-            if (this._lineWidth === value) {
-                return;
-            }
-            this._lineWidth = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MultiLine.prototype, "horizontalAlignment", {
-        set: function (value) {
-            return;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MultiLine.prototype, "verticalAlignment", {
-        set: function (value) {
-            return;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    MultiLine.prototype._getTypeName = function () {
-        return "MultiLine";
-    };
-    MultiLine.prototype._draw = function (context) {
-        context.save();
-        if (this.shadowBlur || this.shadowOffsetX || this.shadowOffsetY) {
-            context.shadowColor = this.shadowColor;
-            context.shadowBlur = this.shadowBlur;
-            context.shadowOffsetX = this.shadowOffsetX;
-            context.shadowOffsetY = this.shadowOffsetY;
-        }
-        this._applyStates(context);
-        context.strokeStyle = this.color;
-        context.lineWidth = this._lineWidth;
-        context.setLineDash(this._dash);
-        context.beginPath();
-        var first = true; //first index is not necessarily 0
-        var previousPoint;
-        this._points.forEach(function (point) {
-            if (!point) {
-                return;
-            }
-            if (first) {
-                context.moveTo(point._point.x, point._point.y);
-                first = false;
-            }
-            else {
-                if (point._point.z < 1 && previousPoint.z < 1) {
-                    context.lineTo(point._point.x, point._point.y);
-                }
-                else {
-                    context.moveTo(point._point.x, point._point.y);
-                }
-            }
-            previousPoint = point._point;
-        });
-        context.stroke();
-        context.restore();
-    };
-    MultiLine.prototype._additionalProcessing = function () {
-        var _this = this;
-        this._minX = null;
-        this._minY = null;
-        this._maxX = null;
-        this._maxY = null;
-        this._points.forEach(function (point) {
-            if (!point) {
-                return;
-            }
-            point.translate();
-            if (_this._minX == null || point._point.x < _this._minX) {
-                _this._minX = point._point.x;
-            }
-            if (_this._minY == null || point._point.y < _this._minY) {
-                _this._minY = point._point.y;
-            }
-            if (_this._maxX == null || point._point.x > _this._maxX) {
-                _this._maxX = point._point.x;
-            }
-            if (_this._maxY == null || point._point.y > _this._maxY) {
-                _this._maxY = point._point.y;
-            }
-        });
-        if (this._minX == null) {
-            this._minX = 0;
-        }
-        if (this._minY == null) {
-            this._minY = 0;
-        }
-        if (this._maxX == null) {
-            this._maxX = 0;
-        }
-        if (this._maxY == null) {
-            this._maxY = 0;
-        }
-    };
-    MultiLine.prototype._measure = function () {
-        if (this._minX == null || this._maxX == null || this._minY == null || this._maxY == null) {
-            return;
-        }
-        this._currentMeasure.width = Math.abs(this._maxX - this._minX) + this._lineWidth;
-        this._currentMeasure.height = Math.abs(this._maxY - this._minY) + this._lineWidth;
-    };
-    MultiLine.prototype._computeAlignment = function () {
-        if (this._minX == null || this._minY == null) {
-            return;
-        }
-        this._currentMeasure.left = this._minX - this._lineWidth / 2;
-        this._currentMeasure.top = this._minY - this._lineWidth / 2;
-    };
-    MultiLine.prototype.dispose = function () {
-        this.reset();
-        _super.prototype.dispose.call(this);
-    };
-    __decorate([
-        serialize()
-    ], MultiLine.prototype, "dash", null);
-    return MultiLine;
-}(Control));
-export { MultiLine };
-RegisterClass("BABYLON.GUI.MultiLine", MultiLine);
+import { __decorate, __extends } from "tslib";
+import { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
+import { Control } from "./control";
+import { MultiLinePoint } from "../multiLinePoint";
+import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
+import { serialize } from "@babylonjs/core/Misc/decorators.js";
+/**
+ * Class used to create multi line control
+ */
+var MultiLine = /** @class */ (function (_super) {
+    __extends(MultiLine, _super);
+    /**
+     * Creates a new MultiLine
+     * @param name defines the control name
+     */
+    function MultiLine(name) {
+        var _this = _super.call(this, name) || this;
+        _this.name = name;
+        _this._lineWidth = 1;
+        /** Function called when a point is updated */
+        _this.onPointUpdate = function () {
+            _this._markAsDirty();
+        };
+        _this._automaticSize = true;
+        _this.isHitTestVisible = false;
+        _this._horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
+        _this._verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;
+        _this._dash = [];
+        _this._points = [];
+        return _this;
+    }
+    Object.defineProperty(MultiLine.prototype, "dash", {
+        /** Gets or sets dash pattern */
+        get: function () {
+            return this._dash;
+        },
+        set: function (value) {
+            if (this._dash === value) {
+                return;
+            }
+            this._dash = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Gets point stored at specified index
+     * @param index defines the index to look for
+     * @returns the requested point if found
+     */
+    MultiLine.prototype.getAt = function (index) {
+        if (!this._points[index]) {
+            this._points[index] = new MultiLinePoint(this);
+        }
+        return this._points[index];
+    };
+    /**
+     * Adds new points to the point collection
+     * @param items defines the list of items (mesh, control or 2d coordinates) to add
+     * @returns the list of created MultiLinePoint
+     */
+    MultiLine.prototype.add = function () {
+        var _this = this;
+        var items = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            items[_i] = arguments[_i];
+        }
+        return items.map(function (item) { return _this.push(item); });
+    };
+    /**
+     * Adds a new point to the point collection
+     * @param item defines the item (mesh, control or 2d coordinates) to add
+     * @returns the created MultiLinePoint
+     */
+    MultiLine.prototype.push = function (item) {
+        var point = this.getAt(this._points.length);
+        if (item == null) {
+            return point;
+        }
+        if (item instanceof AbstractMesh) {
+            point.mesh = item;
+        }
+        else if (item instanceof Control) {
+            point.control = item;
+        }
+        else if (item.x != null && item.y != null) {
+            point.x = item.x;
+            point.y = item.y;
+        }
+        return point;
+    };
+    /**
+     * Remove a specific value or point from the active point collection
+     * @param value defines the value or point to remove
+     */
+    MultiLine.prototype.remove = function (value) {
+        var index;
+        if (value instanceof MultiLinePoint) {
+            index = this._points.indexOf(value);
+            if (index === -1) {
+                return;
+            }
+        }
+        else {
+            index = value;
+        }
+        var point = this._points[index];
+        if (!point) {
+            return;
+        }
+        point.dispose();
+        this._points.splice(index, 1);
+    };
+    /**
+     * Resets this object to initial state (no point)
+     */
+    MultiLine.prototype.reset = function () {
+        while (this._points.length > 0) {
+            this.remove(this._points.length - 1);
+        }
+    };
+    /**
+     * Resets all links
+     */
+    MultiLine.prototype.resetLinks = function () {
+        this._points.forEach(function (point) {
+            if (point != null) {
+                point.resetLinks();
+            }
+        });
+    };
+    Object.defineProperty(MultiLine.prototype, "lineWidth", {
+        /** Gets or sets line width */
+        get: function () {
+            return this._lineWidth;
+        },
+        set: function (value) {
+            if (this._lineWidth === value) {
+                return;
+            }
+            this._lineWidth = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MultiLine.prototype, "horizontalAlignment", {
+        set: function (value) {
+            return;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MultiLine.prototype, "verticalAlignment", {
+        set: function (value) {
+            return;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    MultiLine.prototype._getTypeName = function () {
+        return "MultiLine";
+    };
+    MultiLine.prototype._draw = function (context) {
+        context.save();
+        if (this.shadowBlur || this.shadowOffsetX || this.shadowOffsetY) {
+            context.shadowColor = this.shadowColor;
+            context.shadowBlur = this.shadowBlur;
+            context.shadowOffsetX = this.shadowOffsetX;
+            context.shadowOffsetY = this.shadowOffsetY;
+        }
+        this._applyStates(context);
+        context.strokeStyle = this.color;
+        context.lineWidth = this._lineWidth;
+        context.setLineDash(this._dash);
+        context.beginPath();
+        var first = true; //first index is not necessarily 0
+        var previousPoint;
+        this._points.forEach(function (point) {
+            if (!point) {
+                return;
+            }
+            if (first) {
+                context.moveTo(point._point.x, point._point.y);
+                first = false;
+            }
+            else {
+                if (point._point.z < 1 && previousPoint.z < 1) {
+                    context.lineTo(point._point.x, point._point.y);
+                }
+                else {
+                    context.moveTo(point._point.x, point._point.y);
+                }
+            }
+            previousPoint = point._point;
+        });
+        context.stroke();
+        context.restore();
+    };
+    MultiLine.prototype._additionalProcessing = function () {
+        var _this = this;
+        this._minX = null;
+        this._minY = null;
+        this._maxX = null;
+        this._maxY = null;
+        this._points.forEach(function (point) {
+            if (!point) {
+                return;
+            }
+            point.translate();
+            if (_this._minX == null || point._point.x < _this._minX) {
+                _this._minX = point._point.x;
+            }
+            if (_this._minY == null || point._point.y < _this._minY) {
+                _this._minY = point._point.y;
+            }
+            if (_this._maxX == null || point._point.x > _this._maxX) {
+                _this._maxX = point._point.x;
+            }
+            if (_this._maxY == null || point._point.y > _this._maxY) {
+                _this._maxY = point._point.y;
+            }
+        });
+        if (this._minX == null) {
+            this._minX = 0;
+        }
+        if (this._minY == null) {
+            this._minY = 0;
+        }
+        if (this._maxX == null) {
+            this._maxX = 0;
+        }
+        if (this._maxY == null) {
+            this._maxY = 0;
+        }
+    };
+    MultiLine.prototype._measure = function () {
+        if (this._minX == null || this._maxX == null || this._minY == null || this._maxY == null) {
+            return;
+        }
+        this._currentMeasure.width = Math.abs(this._maxX - this._minX) + this._lineWidth;
+        this._currentMeasure.height = Math.abs(this._maxY - this._minY) + this._lineWidth;
+    };
+    MultiLine.prototype._computeAlignment = function () {
+        if (this._minX == null || this._minY == null) {
+            return;
+        }
+        this._currentMeasure.left = this._minX - this._lineWidth / 2;
+        this._currentMeasure.top = this._minY - this._lineWidth / 2;
+    };
+    MultiLine.prototype.dispose = function () {
+        this.reset();
+        _super.prototype.dispose.call(this);
+    };
+    __decorate([
+        serialize()
+    ], MultiLine.prototype, "dash", null);
+    return MultiLine;
+}(Control));
+export { MultiLine };
+RegisterClass("BABYLON.GUI.MultiLine", MultiLine);
 //# sourceMappingURL=multiLine.js.map