@babylonjs/gui 5.0.0-beta.9 → 5.0.0-rc.10

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

@@ -1,56 +1,64 @@
-import { Container } from "./container";
-import { Measure } from "../measure";
-import { AdvancedDynamicTexture } from "../advancedDynamicTexture";
-import { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas";
-/**
- * Class used to create a 2D stack panel container
- */
-export declare class StackPanel extends Container {
-    name?: string | undefined;
-    private _isVertical;
-    private _manualWidth;
-    private _manualHeight;
-    private _doNotTrackManualChanges;
-    private _spacing;
-    /**
-     * Gets or sets a boolean indicating that layout warnings should be ignored
-     */
-    ignoreLayoutWarnings: boolean;
-    /** Gets or sets a boolean indicating if the stack panel is vertical or horizontal*/
-    get isVertical(): boolean;
-    set isVertical(value: boolean);
-    /**
-     * Gets or sets the spacing (in pixels) between each child.
-     */
-    get spacing(): number;
-    set spacing(value: number);
-    /**
-     * Gets or sets panel width.
-     * This value should not be set when in horizontal mode as it will be computed automatically
-     */
-    set width(value: string | number);
-    get width(): string | number;
-    /**
-     * Gets or sets panel height.
-     * This value should not be set when in vertical mode as it will be computed automatically
-     */
-    set height(value: string | number);
-    get height(): string | number;
-    /**
-     * Creates a new StackPanel
-     * @param name defines control name
-     */
-    constructor(name?: string | undefined);
-    protected _getTypeName(): string;
-    /** @hidden */
-    protected _preMeasure(parentMeasure: Measure, context: ICanvasRenderingContext): void;
-    protected _additionalProcessing(parentMeasure: Measure, context: ICanvasRenderingContext): void;
-    protected _postMeasure(): void;
-    /**
-     * Serializes the current control
-     * @param serializationObject defined the JSON serialized object
-     */
-    serialize(serializationObject: any): void;
-    /** @hidden */
-    _parseFromContent(serializedObject: any, host: AdvancedDynamicTexture): void;
-}
+import { Container } from "./container";
+import type { Measure } from "../measure";
+import type { AdvancedDynamicTexture } from "../advancedDynamicTexture";
+import type { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
+/**
+ * Class used to create a 2D stack panel container
+ */
+export declare class StackPanel extends Container {
+    name?: string | undefined;
+    private _isVertical;
+    private _manualWidth;
+    private _manualHeight;
+    private _doNotTrackManualChanges;
+    private _spacing;
+    /**
+     * Gets or sets a boolean indicating that layout warnings should be ignored
+     */
+    ignoreLayoutWarnings: boolean;
+    /** Gets or sets a boolean indicating if the stack panel is vertical or horizontal*/
+    get isVertical(): boolean;
+    set isVertical(value: boolean);
+    /**
+     * Gets or sets the spacing (in pixels) between each child.
+     */
+    get spacing(): number;
+    set spacing(value: number);
+    /**
+     * Gets or sets panel width.
+     * This value should not be set when in horizontal mode as it will be computed automatically
+     */
+    set width(value: string | number);
+    get width(): string | number;
+    /**
+     * Gets or sets panel height.
+     * This value should not be set when in vertical mode as it will be computed automatically
+     */
+    set height(value: string | number);
+    get height(): string | number;
+    /**
+     * Creates a new StackPanel
+     * @param name defines control name
+     */
+    constructor(name?: string | undefined);
+    protected _getTypeName(): string;
+    /**
+     * @param parentMeasure
+     * @param context
+     * @hidden
+     */
+    protected _preMeasure(parentMeasure: Measure, context: ICanvasRenderingContext): void;
+    protected _additionalProcessing(parentMeasure: Measure, context: ICanvasRenderingContext): void;
+    protected _postMeasure(): 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/stackPanel.js

@@ -1,237 +1,247 @@
-import { __decorate, __extends } from "tslib";
-import { Tools } from "@babylonjs/core/Misc/tools.js";
-import { Container } from "./container.js";
-import { Control } from "./control.js";
-import { RegisterClass } from '@babylonjs/core/Misc/typeStore.js';
-import { serialize } from '@babylonjs/core/Misc/decorators.js';
-/**
- * Class used to create a 2D stack panel container
- */
-var StackPanel = /** @class */ (function (_super) {
-    __extends(StackPanel, _super);
-    /**
-     * Creates a new StackPanel
-     * @param name defines control name
-     */
-    function StackPanel(name) {
-        var _this = _super.call(this, name) || this;
-        _this.name = name;
-        _this._isVertical = true;
-        _this._manualWidth = false;
-        _this._manualHeight = false;
-        _this._doNotTrackManualChanges = false;
-        _this._spacing = 0;
-        /**
-         * Gets or sets a boolean indicating that layout warnings should be ignored
-         */
-        _this.ignoreLayoutWarnings = false;
-        return _this;
-    }
-    Object.defineProperty(StackPanel.prototype, "isVertical", {
-        /** Gets or sets a boolean indicating if the stack panel is vertical or horizontal*/
-        get: function () {
-            return this._isVertical;
-        },
-        set: function (value) {
-            if (this._isVertical === value) {
-                return;
-            }
-            this._isVertical = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(StackPanel.prototype, "spacing", {
-        /**
-         * Gets or sets the spacing (in pixels) between each child.
-         */
-        get: function () {
-            return this._spacing;
-        },
-        set: function (value) {
-            if (this._spacing === value) {
-                return;
-            }
-            this._spacing = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(StackPanel.prototype, "width", {
-        get: function () {
-            return this._width.toString(this._host);
-        },
-        /**
-         * Gets or sets panel width.
-         * This value should not be set when in horizontal mode as it will be computed automatically
-         */
-        set: function (value) {
-            if (!this._doNotTrackManualChanges) {
-                this._manualWidth = true;
-            }
-            if (this._width.toString(this._host) === value) {
-                return;
-            }
-            if (this._width.fromString(value)) {
-                this._markAsDirty();
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(StackPanel.prototype, "height", {
-        get: function () {
-            return this._height.toString(this._host);
-        },
-        /**
-         * Gets or sets panel height.
-         * This value should not be set when in vertical mode as it will be computed automatically
-         */
-        set: function (value) {
-            if (!this._doNotTrackManualChanges) {
-                this._manualHeight = true;
-            }
-            if (this._height.toString(this._host) === value) {
-                return;
-            }
-            if (this._height.fromString(value)) {
-                this._markAsDirty();
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    StackPanel.prototype._getTypeName = function () {
-        return "StackPanel";
-    };
-    /** @hidden */
-    StackPanel.prototype._preMeasure = function (parentMeasure, context) {
-        for (var _i = 0, _a = this._children; _i < _a.length; _i++) {
-            var child = _a[_i];
-            if (this._isVertical) {
-                child.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;
-            }
-            else {
-                child.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
-            }
-        }
-        _super.prototype._preMeasure.call(this, parentMeasure, context);
-    };
-    StackPanel.prototype._additionalProcessing = function (parentMeasure, context) {
-        _super.prototype._additionalProcessing.call(this, parentMeasure, context);
-        this._measureForChildren.copyFrom(parentMeasure);
-        this._measureForChildren.left = this._currentMeasure.left;
-        this._measureForChildren.top = this._currentMeasure.top;
-        if (!this.isVertical || this._manualWidth) {
-            this._measureForChildren.width = this._currentMeasure.width;
-        }
-        if (this.isVertical || this._manualHeight) {
-            this._measureForChildren.height = this._currentMeasure.height;
-        }
-    };
-    StackPanel.prototype._postMeasure = function () {
-        var stackWidth = 0;
-        var stackHeight = 0;
-        var childrenCount = this._children.length;
-        for (var index = 0; index < childrenCount; index++) {
-            var child = this._children[index];
-            if (!child.isVisible || child.notRenderable) {
-                continue;
-            }
-            if (this._isVertical) {
-                if (child.top !== stackHeight + "px") {
-                    child.top = stackHeight + "px";
-                    this._rebuildLayout = true;
-                    child._top.ignoreAdaptiveScaling = true;
-                }
-                if (child._height.isPercentage && !child._automaticSize) {
-                    if (!this.ignoreLayoutWarnings) {
-                        Tools.Warn("Control (Name:".concat(child.name, ", UniqueId:").concat(child.uniqueId, ") is using height in percentage mode inside a vertical StackPanel"));
-                    }
-                }
-                else {
-                    stackHeight += child._currentMeasure.height + child._paddingTopInPixels + child._paddingBottomInPixels + (index < childrenCount - 1 ? this._spacing : 0);
-                }
-            }
-            else {
-                if (child.left !== stackWidth + "px") {
-                    child.left = stackWidth + "px";
-                    this._rebuildLayout = true;
-                    child._left.ignoreAdaptiveScaling = true;
-                }
-                if (child._width.isPercentage && !child._automaticSize) {
-                    if (!this.ignoreLayoutWarnings) {
-                        Tools.Warn("Control (Name:".concat(child.name, ", UniqueId:").concat(child.uniqueId, ") is using width in percentage mode inside a horizontal StackPanel"));
-                    }
-                }
-                else {
-                    stackWidth += child._currentMeasure.width + child._paddingLeftInPixels + child._paddingRightInPixels + (index < childrenCount - 1 ? this._spacing : 0);
-                }
-            }
-        }
-        stackWidth += this._paddingLeftInPixels + this._paddingRightInPixels;
-        stackHeight += this._paddingTopInPixels + this._paddingBottomInPixels;
-        this._doNotTrackManualChanges = true;
-        // Let stack panel width or height default to stackHeight and stackWidth if dimensions are not specified.
-        // User can now define their own height and width for stack panel.
-        var panelWidthChanged = false;
-        var panelHeightChanged = false;
-        if (!this._manualHeight && this._isVertical) { // do not specify height if strictly defined by user
-            var previousHeight = this.height;
-            this.height = stackHeight + "px";
-            panelHeightChanged = previousHeight !== this.height || !this._height.ignoreAdaptiveScaling;
-        }
-        if (!this._manualWidth && !this._isVertical) { // do not specify width if strictly defined by user
-            var previousWidth = this.width;
-            this.width = stackWidth + "px";
-            panelWidthChanged = previousWidth !== this.width || !this._width.ignoreAdaptiveScaling;
-        }
-        if (panelHeightChanged) {
-            this._height.ignoreAdaptiveScaling = true;
-        }
-        if (panelWidthChanged) {
-            this._width.ignoreAdaptiveScaling = true;
-        }
-        this._doNotTrackManualChanges = false;
-        if (panelWidthChanged || panelHeightChanged) {
-            this._rebuildLayout = true;
-        }
-        _super.prototype._postMeasure.call(this);
-    };
-    /**
-     * Serializes the current control
-     * @param serializationObject defined the JSON serialized object
-     */
-    StackPanel.prototype.serialize = function (serializationObject) {
-        _super.prototype.serialize.call(this, serializationObject);
-        serializationObject.manualWidth = this._manualWidth;
-        serializationObject.manualHeight = this._manualHeight;
-    };
-    /** @hidden */
-    StackPanel.prototype._parseFromContent = function (serializedObject, host) {
-        this._manualWidth = serializedObject.manualWidth;
-        this._manualHeight = serializedObject.manualHeight;
-        _super.prototype._parseFromContent.call(this, serializedObject, host);
-    };
-    __decorate([
-        serialize()
-    ], StackPanel.prototype, "ignoreLayoutWarnings", void 0);
-    __decorate([
-        serialize()
-    ], StackPanel.prototype, "isVertical", null);
-    __decorate([
-        serialize()
-    ], StackPanel.prototype, "spacing", null);
-    __decorate([
-        serialize()
-    ], StackPanel.prototype, "width", null);
-    __decorate([
-        serialize()
-    ], StackPanel.prototype, "height", null);
-    return StackPanel;
-}(Container));
-export { StackPanel };
-RegisterClass("BABYLON.GUI.StackPanel", StackPanel);
+import { __decorate, __extends } from "tslib";
+import { Tools } from "@babylonjs/core/Misc/tools.js";
+import { Container } from "./container";
+import { Control } from "./control";
+import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
+import { serialize } from "@babylonjs/core/Misc/decorators.js";
+/**
+ * Class used to create a 2D stack panel container
+ */
+var StackPanel = /** @class */ (function (_super) {
+    __extends(StackPanel, _super);
+    /**
+     * Creates a new StackPanel
+     * @param name defines control name
+     */
+    function StackPanel(name) {
+        var _this = _super.call(this, name) || this;
+        _this.name = name;
+        _this._isVertical = true;
+        _this._manualWidth = false;
+        _this._manualHeight = false;
+        _this._doNotTrackManualChanges = false;
+        _this._spacing = 0;
+        /**
+         * Gets or sets a boolean indicating that layout warnings should be ignored
+         */
+        _this.ignoreLayoutWarnings = false;
+        return _this;
+    }
+    Object.defineProperty(StackPanel.prototype, "isVertical", {
+        /** Gets or sets a boolean indicating if the stack panel is vertical or horizontal*/
+        get: function () {
+            return this._isVertical;
+        },
+        set: function (value) {
+            if (this._isVertical === value) {
+                return;
+            }
+            this._isVertical = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(StackPanel.prototype, "spacing", {
+        /**
+         * Gets or sets the spacing (in pixels) between each child.
+         */
+        get: function () {
+            return this._spacing;
+        },
+        set: function (value) {
+            if (this._spacing === value) {
+                return;
+            }
+            this._spacing = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(StackPanel.prototype, "width", {
+        get: function () {
+            return this._width.toString(this._host);
+        },
+        /**
+         * Gets or sets panel width.
+         * This value should not be set when in horizontal mode as it will be computed automatically
+         */
+        set: function (value) {
+            if (!this._doNotTrackManualChanges) {
+                this._manualWidth = true;
+            }
+            if (this._width.toString(this._host) === value) {
+                return;
+            }
+            if (this._width.fromString(value)) {
+                this._markAsDirty();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(StackPanel.prototype, "height", {
+        get: function () {
+            return this._height.toString(this._host);
+        },
+        /**
+         * Gets or sets panel height.
+         * This value should not be set when in vertical mode as it will be computed automatically
+         */
+        set: function (value) {
+            if (!this._doNotTrackManualChanges) {
+                this._manualHeight = true;
+            }
+            if (this._height.toString(this._host) === value) {
+                return;
+            }
+            if (this._height.fromString(value)) {
+                this._markAsDirty();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    StackPanel.prototype._getTypeName = function () {
+        return "StackPanel";
+    };
+    /**
+     * @param parentMeasure
+     * @param context
+     * @hidden
+     */
+    StackPanel.prototype._preMeasure = function (parentMeasure, context) {
+        for (var _i = 0, _a = this._children; _i < _a.length; _i++) {
+            var child = _a[_i];
+            if (this._isVertical) {
+                child.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;
+            }
+            else {
+                child.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
+            }
+        }
+        _super.prototype._preMeasure.call(this, parentMeasure, context);
+    };
+    StackPanel.prototype._additionalProcessing = function (parentMeasure, context) {
+        _super.prototype._additionalProcessing.call(this, parentMeasure, context);
+        this._measureForChildren.copyFrom(parentMeasure);
+        this._measureForChildren.left = this._currentMeasure.left;
+        this._measureForChildren.top = this._currentMeasure.top;
+        if (!this.isVertical || this._manualWidth) {
+            this._measureForChildren.width = this._currentMeasure.width;
+        }
+        if (this.isVertical || this._manualHeight) {
+            this._measureForChildren.height = this._currentMeasure.height;
+        }
+    };
+    StackPanel.prototype._postMeasure = function () {
+        var stackWidth = 0;
+        var stackHeight = 0;
+        var childrenCount = this._children.length;
+        for (var index = 0; index < childrenCount; index++) {
+            var child = this._children[index];
+            if (!child.isVisible || child.notRenderable) {
+                continue;
+            }
+            if (this._isVertical) {
+                if (child.top !== stackHeight + "px") {
+                    child.top = stackHeight + "px";
+                    this._rebuildLayout = true;
+                    child._top.ignoreAdaptiveScaling = true;
+                }
+                if (child._height.isPercentage && !child._automaticSize) {
+                    if (!this.ignoreLayoutWarnings) {
+                        Tools.Warn("Control (Name:".concat(child.name, ", UniqueId:").concat(child.uniqueId, ") is using height in percentage mode inside a vertical StackPanel"));
+                    }
+                }
+                else {
+                    stackHeight += child._currentMeasure.height + child._paddingTopInPixels + child._paddingBottomInPixels + (index < childrenCount - 1 ? this._spacing : 0);
+                }
+            }
+            else {
+                if (child.left !== stackWidth + "px") {
+                    child.left = stackWidth + "px";
+                    this._rebuildLayout = true;
+                    child._left.ignoreAdaptiveScaling = true;
+                }
+                if (child._width.isPercentage && !child._automaticSize) {
+                    if (!this.ignoreLayoutWarnings) {
+                        Tools.Warn("Control (Name:".concat(child.name, ", UniqueId:").concat(child.uniqueId, ") is using width in percentage mode inside a horizontal StackPanel"));
+                    }
+                }
+                else {
+                    stackWidth += child._currentMeasure.width + child._paddingLeftInPixels + child._paddingRightInPixels + (index < childrenCount - 1 ? this._spacing : 0);
+                }
+            }
+        }
+        stackWidth += this._paddingLeftInPixels + this._paddingRightInPixels;
+        stackHeight += this._paddingTopInPixels + this._paddingBottomInPixels;
+        this._doNotTrackManualChanges = true;
+        // Let stack panel width or height default to stackHeight and stackWidth if dimensions are not specified.
+        // User can now define their own height and width for stack panel.
+        var panelWidthChanged = false;
+        var panelHeightChanged = false;
+        if (!this._manualHeight && this._isVertical) {
+            // do not specify height if strictly defined by user
+            var previousHeight = this.height;
+            this.height = stackHeight + "px";
+            panelHeightChanged = previousHeight !== this.height || !this._height.ignoreAdaptiveScaling;
+        }
+        if (!this._manualWidth && !this._isVertical) {
+            // do not specify width if strictly defined by user
+            var previousWidth = this.width;
+            this.width = stackWidth + "px";
+            panelWidthChanged = previousWidth !== this.width || !this._width.ignoreAdaptiveScaling;
+        }
+        if (panelHeightChanged) {
+            this._height.ignoreAdaptiveScaling = true;
+        }
+        if (panelWidthChanged) {
+            this._width.ignoreAdaptiveScaling = true;
+        }
+        this._doNotTrackManualChanges = false;
+        if (panelWidthChanged || panelHeightChanged) {
+            this._rebuildLayout = true;
+        }
+        _super.prototype._postMeasure.call(this);
+    };
+    /**
+     * Serializes the current control
+     * @param serializationObject defined the JSON serialized object
+     */
+    StackPanel.prototype.serialize = function (serializationObject) {
+        _super.prototype.serialize.call(this, serializationObject);
+        serializationObject.manualWidth = this._manualWidth;
+        serializationObject.manualHeight = this._manualHeight;
+    };
+    /**
+     * @param serializedObject
+     * @param host
+     * @hidden
+     */
+    StackPanel.prototype._parseFromContent = function (serializedObject, host) {
+        this._manualWidth = serializedObject.manualWidth;
+        this._manualHeight = serializedObject.manualHeight;
+        _super.prototype._parseFromContent.call(this, serializedObject, host);
+    };
+    __decorate([
+        serialize()
+    ], StackPanel.prototype, "ignoreLayoutWarnings", void 0);
+    __decorate([
+        serialize()
+    ], StackPanel.prototype, "isVertical", null);
+    __decorate([
+        serialize()
+    ], StackPanel.prototype, "spacing", null);
+    __decorate([
+        serialize()
+    ], StackPanel.prototype, "width", null);
+    __decorate([
+        serialize()
+    ], StackPanel.prototype, "height", null);
+    return StackPanel;
+}(Container));
+export { StackPanel };
+RegisterClass("BABYLON.GUI.StackPanel", StackPanel);
 //# sourceMappingURL=stackPanel.js.map