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

package/2D/controls/sliders/imageBasedSlider.d.ts

@@ -1,49 +1,49 @@
-import { BaseSlider } from "./baseSlider";
-import { Image } from "../image";
-import { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
-import { AdvancedDynamicTexture } from "../../advancedDynamicTexture";
-/**
- * Class used to create slider controls based on images
- */
-export declare class ImageBasedSlider extends BaseSlider {
-    name?: string | undefined;
-    private _backgroundImage;
-    private _thumbImage;
-    private _valueBarImage;
-    private _tempMeasure;
-    get displayThumb(): boolean;
-    set displayThumb(value: boolean);
-    /**
-     * Gets or sets the image used to render the background
-     */
-    get backgroundImage(): Image;
-    set backgroundImage(value: Image);
-    /**
-     * Gets or sets the image used to render the value bar
-     */
-    get valueBarImage(): Image;
-    set valueBarImage(value: Image);
-    /**
-     * Gets or sets the image used to render the thumb
-     */
-    get thumbImage(): Image;
-    set thumbImage(value: Image);
-    /**
-     * Creates a new ImageBasedSlider
-     * @param name defines the control name
-     */
-    constructor(name?: string | undefined);
-    protected _getTypeName(): string;
-    _draw(context: ICanvasRenderingContext): void;
-    /**
-     * Serializes the current control
-     * @param serializationObject defined the JSON serialized object
-     */
-    serialize(serializationObject: any): void;
-    /**
-     * @param serializedObject
-     * @param host
-     * @hidden
-     */
-    _parseFromContent(serializedObject: any, host: AdvancedDynamicTexture): void;
-}
+import { BaseSlider } from "./baseSlider";
+import { Image } from "../image";
+import { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
+import { AdvancedDynamicTexture } from "../../advancedDynamicTexture";
+/**
+ * Class used to create slider controls based on images
+ */
+export declare class ImageBasedSlider extends BaseSlider {
+    name?: string | undefined;
+    private _backgroundImage;
+    private _thumbImage;
+    private _valueBarImage;
+    private _tempMeasure;
+    get displayThumb(): boolean;
+    set displayThumb(value: boolean);
+    /**
+     * Gets or sets the image used to render the background
+     */
+    get backgroundImage(): Image;
+    set backgroundImage(value: Image);
+    /**
+     * Gets or sets the image used to render the value bar
+     */
+    get valueBarImage(): Image;
+    set valueBarImage(value: Image);
+    /**
+     * Gets or sets the image used to render the thumb
+     */
+    get thumbImage(): Image;
+    set thumbImage(value: Image);
+    /**
+     * Creates a new ImageBasedSlider
+     * @param name defines the control name
+     */
+    constructor(name?: string | undefined);
+    protected _getTypeName(): string;
+    _draw(context: ICanvasRenderingContext): void;
+    /**
+     * Serializes the current control
+     * @param serializationObject defined the JSON serialized object
+     */
+    serialize(serializationObject: any): void;
+    /**
+     * @param serializedObject
+     * @param host
+     * @hidden
+     */
+    _parseFromContent(serializedObject: any, host: AdvancedDynamicTexture): void;
+}

package/2D/controls/sliders/imageBasedSlider.js

@@ -1,193 +1,193 @@
-import { __decorate, __extends } from "tslib";
-import { BaseSlider } from "./baseSlider.js";
-import { Measure } from "../../measure.js";
-import { Image } from "../image.js";
-import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
-import { serialize } from "@babylonjs/core/Misc/decorators.js";
-/**
- * Class used to create slider controls based on images
- */
-var ImageBasedSlider = /** @class */ (function (_super) {
-    __extends(ImageBasedSlider, _super);
-    /**
-     * Creates a new ImageBasedSlider
-     * @param name defines the control name
-     */
-    function ImageBasedSlider(name) {
-        var _this = _super.call(this, name) || this;
-        _this.name = name;
-        _this._tempMeasure = new Measure(0, 0, 0, 0);
-        return _this;
-    }
-    Object.defineProperty(ImageBasedSlider.prototype, "displayThumb", {
-        get: function () {
-            return this._displayThumb && this.thumbImage != null;
-        },
-        set: function (value) {
-            if (this._displayThumb === value) {
-                return;
-            }
-            this._displayThumb = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ImageBasedSlider.prototype, "backgroundImage", {
-        /**
-         * Gets or sets the image used to render the background
-         */
-        get: function () {
-            return this._backgroundImage;
-        },
-        set: function (value) {
-            var _this = this;
-            if (this._backgroundImage === value) {
-                return;
-            }
-            this._backgroundImage = value;
-            if (value && !value.isLoaded) {
-                value.onImageLoadedObservable.addOnce(function () { return _this._markAsDirty(); });
-            }
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ImageBasedSlider.prototype, "valueBarImage", {
-        /**
-         * Gets or sets the image used to render the value bar
-         */
-        get: function () {
-            return this._valueBarImage;
-        },
-        set: function (value) {
-            var _this = this;
-            if (this._valueBarImage === value) {
-                return;
-            }
-            this._valueBarImage = value;
-            if (value && !value.isLoaded) {
-                value.onImageLoadedObservable.addOnce(function () { return _this._markAsDirty(); });
-            }
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ImageBasedSlider.prototype, "thumbImage", {
-        /**
-         * Gets or sets the image used to render the thumb
-         */
-        get: function () {
-            return this._thumbImage;
-        },
-        set: function (value) {
-            var _this = this;
-            if (this._thumbImage === value) {
-                return;
-            }
-            this._thumbImage = value;
-            if (value && !value.isLoaded) {
-                value.onImageLoadedObservable.addOnce(function () { return _this._markAsDirty(); });
-            }
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ImageBasedSlider.prototype._getTypeName = function () {
-        return "ImageBasedSlider";
-    };
-    ImageBasedSlider.prototype._draw = function (context) {
-        context.save();
-        this._applyStates(context);
-        this._prepareRenderingData("rectangle");
-        var thumbPosition = this._getThumbPosition();
-        var left = this._renderLeft;
-        var top = this._renderTop;
-        var width = this._renderWidth;
-        var height = this._renderHeight;
-        // Background
-        if (this._backgroundImage) {
-            this._tempMeasure.copyFromFloats(left, top, width, height);
-            if (this.isThumbClamped && this.displayThumb) {
-                if (this.isVertical) {
-                    this._tempMeasure.height += this._effectiveThumbThickness;
-                }
-                else {
-                    this._tempMeasure.width += this._effectiveThumbThickness;
-                }
-            }
-            this._backgroundImage._currentMeasure.copyFrom(this._tempMeasure);
-            this._backgroundImage._draw(context);
-        }
-        // Bar
-        if (this._valueBarImage) {
-            if (this.isVertical) {
-                if (this.isThumbClamped && this.displayThumb) {
-                    this._tempMeasure.copyFromFloats(left, top + thumbPosition, width, height - thumbPosition + this._effectiveThumbThickness);
-                }
-                else {
-                    this._tempMeasure.copyFromFloats(left, top + thumbPosition, width, height - thumbPosition);
-                }
-            }
-            else {
-                if (this.isThumbClamped && this.displayThumb) {
-                    this._tempMeasure.copyFromFloats(left, top, thumbPosition + this._effectiveThumbThickness / 2, height);
-                }
-                else {
-                    this._tempMeasure.copyFromFloats(left, top, thumbPosition, height);
-                }
-            }
-            this._valueBarImage._currentMeasure.copyFrom(this._tempMeasure);
-            this._valueBarImage._draw(context);
-        }
-        // Thumb
-        if (this.displayThumb) {
-            if (this.isVertical) {
-                this._tempMeasure.copyFromFloats(left - this._effectiveBarOffset, this._currentMeasure.top + thumbPosition, this._currentMeasure.width, this._effectiveThumbThickness);
-            }
-            else {
-                this._tempMeasure.copyFromFloats(this._currentMeasure.left + thumbPosition, this._currentMeasure.top, this._effectiveThumbThickness, this._currentMeasure.height);
-            }
-            this._thumbImage._currentMeasure.copyFrom(this._tempMeasure);
-            this._thumbImage._draw(context);
-        }
-        context.restore();
-    };
-    /**
-     * Serializes the current control
-     * @param serializationObject defined the JSON serialized object
-     */
-    ImageBasedSlider.prototype.serialize = function (serializationObject) {
-        _super.prototype.serialize.call(this, serializationObject);
-        var backgroundImage = {};
-        var thumbImage = {};
-        var valueBarImage = {};
-        this.backgroundImage.serialize(backgroundImage);
-        this.thumbImage.serialize(thumbImage);
-        this.valueBarImage.serialize(valueBarImage);
-        serializationObject.backgroundImage = backgroundImage;
-        serializationObject.thumbImage = thumbImage;
-        serializationObject.valueBarImage = valueBarImage;
-    };
-    /**
-     * @param serializedObject
-     * @param host
-     * @hidden
-     */
-    ImageBasedSlider.prototype._parseFromContent = function (serializedObject, host) {
-        _super.prototype._parseFromContent.call(this, serializedObject, host);
-        this.backgroundImage = Image.Parse(serializedObject.backgroundImage, host);
-        this.thumbImage = Image.Parse(serializedObject.thumbImage, host);
-        this.valueBarImage = Image.Parse(serializedObject.valueBarImage, host);
-    };
-    __decorate([
-        serialize()
-    ], ImageBasedSlider.prototype, "displayThumb", null);
-    return ImageBasedSlider;
-}(BaseSlider));
-export { ImageBasedSlider };
-RegisterClass("BABYLON.GUI.ImageBasedSlider", ImageBasedSlider);
+import { __decorate, __extends } from "tslib";
+import { BaseSlider } from "./baseSlider";
+import { Measure } from "../../measure";
+import { Image } from "../image";
+import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
+import { serialize } from "@babylonjs/core/Misc/decorators.js";
+/**
+ * Class used to create slider controls based on images
+ */
+var ImageBasedSlider = /** @class */ (function (_super) {
+    __extends(ImageBasedSlider, _super);
+    /**
+     * Creates a new ImageBasedSlider
+     * @param name defines the control name
+     */
+    function ImageBasedSlider(name) {
+        var _this = _super.call(this, name) || this;
+        _this.name = name;
+        _this._tempMeasure = new Measure(0, 0, 0, 0);
+        return _this;
+    }
+    Object.defineProperty(ImageBasedSlider.prototype, "displayThumb", {
+        get: function () {
+            return this._displayThumb && this.thumbImage != null;
+        },
+        set: function (value) {
+            if (this._displayThumb === value) {
+                return;
+            }
+            this._displayThumb = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ImageBasedSlider.prototype, "backgroundImage", {
+        /**
+         * Gets or sets the image used to render the background
+         */
+        get: function () {
+            return this._backgroundImage;
+        },
+        set: function (value) {
+            var _this = this;
+            if (this._backgroundImage === value) {
+                return;
+            }
+            this._backgroundImage = value;
+            if (value && !value.isLoaded) {
+                value.onImageLoadedObservable.addOnce(function () { return _this._markAsDirty(); });
+            }
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ImageBasedSlider.prototype, "valueBarImage", {
+        /**
+         * Gets or sets the image used to render the value bar
+         */
+        get: function () {
+            return this._valueBarImage;
+        },
+        set: function (value) {
+            var _this = this;
+            if (this._valueBarImage === value) {
+                return;
+            }
+            this._valueBarImage = value;
+            if (value && !value.isLoaded) {
+                value.onImageLoadedObservable.addOnce(function () { return _this._markAsDirty(); });
+            }
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ImageBasedSlider.prototype, "thumbImage", {
+        /**
+         * Gets or sets the image used to render the thumb
+         */
+        get: function () {
+            return this._thumbImage;
+        },
+        set: function (value) {
+            var _this = this;
+            if (this._thumbImage === value) {
+                return;
+            }
+            this._thumbImage = value;
+            if (value && !value.isLoaded) {
+                value.onImageLoadedObservable.addOnce(function () { return _this._markAsDirty(); });
+            }
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ImageBasedSlider.prototype._getTypeName = function () {
+        return "ImageBasedSlider";
+    };
+    ImageBasedSlider.prototype._draw = function (context) {
+        context.save();
+        this._applyStates(context);
+        this._prepareRenderingData("rectangle");
+        var thumbPosition = this._getThumbPosition();
+        var left = this._renderLeft;
+        var top = this._renderTop;
+        var width = this._renderWidth;
+        var height = this._renderHeight;
+        // Background
+        if (this._backgroundImage) {
+            this._tempMeasure.copyFromFloats(left, top, width, height);
+            if (this.isThumbClamped && this.displayThumb) {
+                if (this.isVertical) {
+                    this._tempMeasure.height += this._effectiveThumbThickness;
+                }
+                else {
+                    this._tempMeasure.width += this._effectiveThumbThickness;
+                }
+            }
+            this._backgroundImage._currentMeasure.copyFrom(this._tempMeasure);
+            this._backgroundImage._draw(context);
+        }
+        // Bar
+        if (this._valueBarImage) {
+            if (this.isVertical) {
+                if (this.isThumbClamped && this.displayThumb) {
+                    this._tempMeasure.copyFromFloats(left, top + thumbPosition, width, height - thumbPosition + this._effectiveThumbThickness);
+                }
+                else {
+                    this._tempMeasure.copyFromFloats(left, top + thumbPosition, width, height - thumbPosition);
+                }
+            }
+            else {
+                if (this.isThumbClamped && this.displayThumb) {
+                    this._tempMeasure.copyFromFloats(left, top, thumbPosition + this._effectiveThumbThickness / 2, height);
+                }
+                else {
+                    this._tempMeasure.copyFromFloats(left, top, thumbPosition, height);
+                }
+            }
+            this._valueBarImage._currentMeasure.copyFrom(this._tempMeasure);
+            this._valueBarImage._draw(context);
+        }
+        // Thumb
+        if (this.displayThumb) {
+            if (this.isVertical) {
+                this._tempMeasure.copyFromFloats(left - this._effectiveBarOffset, this._currentMeasure.top + thumbPosition, this._currentMeasure.width, this._effectiveThumbThickness);
+            }
+            else {
+                this._tempMeasure.copyFromFloats(this._currentMeasure.left + thumbPosition, this._currentMeasure.top, this._effectiveThumbThickness, this._currentMeasure.height);
+            }
+            this._thumbImage._currentMeasure.copyFrom(this._tempMeasure);
+            this._thumbImage._draw(context);
+        }
+        context.restore();
+    };
+    /**
+     * Serializes the current control
+     * @param serializationObject defined the JSON serialized object
+     */
+    ImageBasedSlider.prototype.serialize = function (serializationObject) {
+        _super.prototype.serialize.call(this, serializationObject);
+        var backgroundImage = {};
+        var thumbImage = {};
+        var valueBarImage = {};
+        this.backgroundImage.serialize(backgroundImage);
+        this.thumbImage.serialize(thumbImage);
+        this.valueBarImage.serialize(valueBarImage);
+        serializationObject.backgroundImage = backgroundImage;
+        serializationObject.thumbImage = thumbImage;
+        serializationObject.valueBarImage = valueBarImage;
+    };
+    /**
+     * @param serializedObject
+     * @param host
+     * @hidden
+     */
+    ImageBasedSlider.prototype._parseFromContent = function (serializedObject, host) {
+        _super.prototype._parseFromContent.call(this, serializedObject, host);
+        this.backgroundImage = Image.Parse(serializedObject.backgroundImage, host);
+        this.thumbImage = Image.Parse(serializedObject.thumbImage, host);
+        this.valueBarImage = Image.Parse(serializedObject.valueBarImage, host);
+    };
+    __decorate([
+        serialize()
+    ], ImageBasedSlider.prototype, "displayThumb", null);
+    return ImageBasedSlider;
+}(BaseSlider));
+export { ImageBasedSlider };
+RegisterClass("BABYLON.GUI.ImageBasedSlider", ImageBasedSlider);
 //# sourceMappingURL=imageBasedSlider.js.map

package/2D/controls/sliders/imageScrollBar.d.ts

@@ -1,65 +1,65 @@
-import { Vector2 } from "@babylonjs/core/Maths/math.vector.js";
-import { BaseSlider } from "./baseSlider";
-import { Control } from "../control";
-import { Image } from "../image";
-import { PointerInfoBase } from "@babylonjs/core/Events/pointerEvents.js";
-import { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
-/**
- * Class used to create slider controls
- */
-export declare class ImageScrollBar extends BaseSlider {
-    name?: string | undefined;
-    private _backgroundBaseImage;
-    private _backgroundImage;
-    private _thumbImage;
-    private _thumbBaseImage;
-    private _thumbLength;
-    private _thumbHeight;
-    private _barImageHeight;
-    private _tempMeasure;
-    /** Number of 90° rotation to apply on the images when in vertical mode */
-    num90RotationInVerticalMode: number;
-    /**
-     * Gets or sets the image used to render the background for horizontal bar
-     */
-    get backgroundImage(): Image;
-    set backgroundImage(value: Image);
-    /**
-     * Gets or sets the image used to render the thumb
-     */
-    get thumbImage(): Image;
-    set thumbImage(value: Image);
-    /**
-     * Gets or sets the length of the thumb
-     */
-    get thumbLength(): number;
-    set thumbLength(value: number);
-    /**
-     * Gets or sets the height of the thumb
-     */
-    get thumbHeight(): number;
-    set thumbHeight(value: number);
-    /**
-     * Gets or sets the height of the bar image
-     */
-    get barImageHeight(): number;
-    set barImageHeight(value: number);
-    /**
-     * Creates a new ImageScrollBar
-     * @param name defines the control name
-     */
-    constructor(name?: string | undefined);
-    protected _getTypeName(): string;
-    protected _getThumbThickness(): number;
-    _draw(context: ICanvasRenderingContext): void;
-    private _first;
-    private _originX;
-    private _originY;
-    /**
-     * @param x
-     * @param y
-     * @hidden
-     */
-    protected _updateValueFromPointer(x: number, y: number): void;
-    _onPointerDown(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, pi: PointerInfoBase): boolean;
-}
+import { Vector2 } from "@babylonjs/core/Maths/math.vector.js";
+import { BaseSlider } from "./baseSlider";
+import { Control } from "../control";
+import { Image } from "../image";
+import { PointerInfoBase } from "@babylonjs/core/Events/pointerEvents.js";
+import { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
+/**
+ * Class used to create slider controls
+ */
+export declare class ImageScrollBar extends BaseSlider {
+    name?: string | undefined;
+    private _backgroundBaseImage;
+    private _backgroundImage;
+    private _thumbImage;
+    private _thumbBaseImage;
+    private _thumbLength;
+    private _thumbHeight;
+    private _barImageHeight;
+    private _tempMeasure;
+    /** Number of 90° rotation to apply on the images when in vertical mode */
+    num90RotationInVerticalMode: number;
+    /**
+     * Gets or sets the image used to render the background for horizontal bar
+     */
+    get backgroundImage(): Image;
+    set backgroundImage(value: Image);
+    /**
+     * Gets or sets the image used to render the thumb
+     */
+    get thumbImage(): Image;
+    set thumbImage(value: Image);
+    /**
+     * Gets or sets the length of the thumb
+     */
+    get thumbLength(): number;
+    set thumbLength(value: number);
+    /**
+     * Gets or sets the height of the thumb
+     */
+    get thumbHeight(): number;
+    set thumbHeight(value: number);
+    /**
+     * Gets or sets the height of the bar image
+     */
+    get barImageHeight(): number;
+    set barImageHeight(value: number);
+    /**
+     * Creates a new ImageScrollBar
+     * @param name defines the control name
+     */
+    constructor(name?: string | undefined);
+    protected _getTypeName(): string;
+    protected _getThumbThickness(): number;
+    _draw(context: ICanvasRenderingContext): void;
+    private _first;
+    private _originX;
+    private _originY;
+    /**
+     * @param x
+     * @param y
+     * @hidden
+     */
+    protected _updateValueFromPointer(x: number, y: number): void;
+    _onPointerDown(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, pi: PointerInfoBase): boolean;
+}