@babylonjs/gui 5.0.0-rc.0 → 5.0.0-rc.11

package/2D/controls/scrollViewers/scrollViewerWindow.js

@@ -1,264 +1,279 @@
-import { __extends } from "tslib";
-import { Measure } from "../../measure.js";
-import { Container } from "../container.js";
-import { ValueAndUnit } from "../../valueAndUnit.js";
-import { Control } from "../control.js";
-/**
- * Class used to hold a the container for ScrollViewer
- * @hidden
-*/
-var _ScrollViewerWindow = /** @class */ (function (_super) {
-    __extends(_ScrollViewerWindow, _super);
-    /**
-    * Creates a new ScrollViewerWindow
-    * @param name of ScrollViewerWindow
-    */
-    function _ScrollViewerWindow(name) {
-        var _this = _super.call(this, name) || this;
-        _this._freezeControls = false;
-        _this._bucketWidth = 0;
-        _this._bucketHeight = 0;
-        _this._buckets = {};
-        return _this;
-    }
-    Object.defineProperty(_ScrollViewerWindow.prototype, "freezeControls", {
-        get: function () {
-            return this._freezeControls;
-        },
-        set: function (value) {
-            if (this._freezeControls === value) {
-                return;
-            }
-            if (!value) {
-                this._restoreMeasures();
-            }
-            // trigger a full normal layout calculation to be sure all children have their measures up to date
-            this._freezeControls = false;
-            var textureSize = this.host.getSize();
-            var renderWidth = textureSize.width;
-            var renderHeight = textureSize.height;
-            var context = this.host.getContext();
-            var measure = new Measure(0, 0, renderWidth, renderHeight);
-            this.host._numLayoutCalls = 0;
-            this.host._rootContainer._layout(measure, context);
-            // in freeze mode, prepare children measures accordingly
-            if (value) {
-                this._updateMeasures();
-                if (this._useBuckets()) {
-                    this._makeBuckets();
-                }
-            }
-            this._freezeControls = value;
-            this.host.markAsDirty(); // redraw with the (new) current settings
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(_ScrollViewerWindow.prototype, "bucketWidth", {
-        get: function () {
-            return this._bucketWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(_ScrollViewerWindow.prototype, "bucketHeight", {
-        get: function () {
-            return this._bucketHeight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    _ScrollViewerWindow.prototype.setBucketSizes = function (width, height) {
-        this._bucketWidth = width;
-        this._bucketHeight = height;
-        if (this._useBuckets()) {
-            if (this._freezeControls) {
-                this._makeBuckets();
-            }
-        }
-        else {
-            this._buckets = {};
-        }
-    };
-    _ScrollViewerWindow.prototype._useBuckets = function () {
-        return this._bucketWidth > 0 && this._bucketHeight > 0;
-    };
-    _ScrollViewerWindow.prototype._makeBuckets = function () {
-        this._buckets = {};
-        this._bucketLen = Math.ceil(this.widthInPixels / this._bucketWidth);
-        this._dispatchInBuckets(this._children);
-        this._oldLeft = null;
-        this._oldTop = null;
-    };
-    _ScrollViewerWindow.prototype._dispatchInBuckets = function (children) {
-        for (var i = 0; i < children.length; ++i) {
-            var child = children[i];
-            var bStartX = Math.max(0, Math.floor((child._customData._origLeft - this._customData.origLeft) / this._bucketWidth)), bEndX = Math.floor((child._customData._origLeft - this._customData.origLeft + child._currentMeasure.width - 1) / this._bucketWidth), bStartY = Math.max(0, Math.floor((child._customData._origTop - this._customData.origTop) / this._bucketHeight)), bEndY = Math.floor((child._customData._origTop - this._customData.origTop + child._currentMeasure.height - 1) / this._bucketHeight);
-            while (bStartY <= bEndY) {
-                for (var x = bStartX; x <= bEndX; ++x) {
-                    var bucket = bStartY * this._bucketLen + x, lstc = this._buckets[bucket];
-                    if (!lstc) {
-                        lstc = [];
-                        this._buckets[bucket] = lstc;
-                    }
-                    lstc.push(child);
-                }
-                bStartY++;
-            }
-            if (child instanceof Container && child._children.length > 0) {
-                this._dispatchInBuckets(child._children);
-            }
-        }
-    };
-    // reset left and top measures for the window and all its children
-    _ScrollViewerWindow.prototype._updateMeasures = function () {
-        var left = this.leftInPixels | 0, top = this.topInPixels | 0;
-        this._measureForChildren.left -= left;
-        this._measureForChildren.top -= top;
-        this._currentMeasure.left -= left;
-        this._currentMeasure.top -= top;
-        this._customData.origLeftForChildren = this._measureForChildren.left;
-        this._customData.origTopForChildren = this._measureForChildren.top;
-        this._customData.origLeft = this._currentMeasure.left;
-        this._customData.origTop = this._currentMeasure.top;
-        this._updateChildrenMeasures(this._children, left, top);
-    };
-    _ScrollViewerWindow.prototype._updateChildrenMeasures = function (children, left, top) {
-        for (var i = 0; i < children.length; ++i) {
-            var child = children[i];
-            child._currentMeasure.left -= left;
-            child._currentMeasure.top -= top;
-            child._customData._origLeft = child._currentMeasure.left; // save the original left and top values for each child
-            child._customData._origTop = child._currentMeasure.top;
-            if (child instanceof Container && child._children.length > 0) {
-                this._updateChildrenMeasures(child._children, left, top);
-            }
-        }
-    };
-    _ScrollViewerWindow.prototype._restoreMeasures = function () {
-        var left = this.leftInPixels | 0, top = this.topInPixels | 0;
-        this._measureForChildren.left = this._customData.origLeftForChildren + left;
-        this._measureForChildren.top = this._customData.origTopForChildren + top;
-        this._currentMeasure.left = this._customData.origLeft + left;
-        this._currentMeasure.top = this._customData.origTop + top;
-    };
-    _ScrollViewerWindow.prototype._getTypeName = function () {
-        return "ScrollViewerWindow";
-    };
-    /** @hidden */
-    _ScrollViewerWindow.prototype._additionalProcessing = function (parentMeasure, context) {
-        _super.prototype._additionalProcessing.call(this, parentMeasure, context);
-        this._parentMeasure = parentMeasure;
-        this._measureForChildren.left = this._currentMeasure.left;
-        this._measureForChildren.top = this._currentMeasure.top;
-        this._measureForChildren.width = parentMeasure.width;
-        this._measureForChildren.height = parentMeasure.height;
-    };
-    /** @hidden */
-    _ScrollViewerWindow.prototype._layout = function (parentMeasure, context) {
-        if (this._freezeControls) {
-            this.invalidateRect(); // will trigger a redraw of the window
-            return false;
-        }
-        return _super.prototype._layout.call(this, parentMeasure, context);
-    };
-    _ScrollViewerWindow.prototype._scrollChildren = function (children, left, top) {
-        for (var i = 0; i < children.length; ++i) {
-            var child = children[i];
-            child._currentMeasure.left = child._customData._origLeft + left;
-            child._currentMeasure.top = child._customData._origTop + top;
-            child._isClipped = false; // clipping will be handled by _draw and the call to _intersectsRect()
-            if (child instanceof Container && child._children.length > 0) {
-                this._scrollChildren(child._children, left, top);
-            }
-        }
-    };
-    _ScrollViewerWindow.prototype._scrollChildrenWithBuckets = function (left, top, scrollLeft, scrollTop) {
-        var bStartX = Math.max(0, Math.floor(-left / this._bucketWidth)), bEndX = Math.floor((-left + this._parentMeasure.width - 1) / this._bucketWidth), bStartY = Math.max(0, Math.floor(-top / this._bucketHeight)), bEndY = Math.floor((-top + this._parentMeasure.height - 1) / this._bucketHeight);
-        while (bStartY <= bEndY) {
-            for (var x = bStartX; x <= bEndX; ++x) {
-                var bucket = bStartY * this._bucketLen + x, lstc = this._buckets[bucket];
-                if (lstc) {
-                    for (var i = 0; i < lstc.length; ++i) {
-                        var child = lstc[i];
-                        child._currentMeasure.left = child._customData._origLeft + scrollLeft;
-                        child._currentMeasure.top = child._customData._origTop + scrollTop;
-                        child._isClipped = false; // clipping will be handled by _draw and the call to _intersectsRect()
-                    }
-                }
-            }
-            bStartY++;
-        }
-    };
-    /** @hidden */
-    _ScrollViewerWindow.prototype._draw = function (context, invalidatedRectangle) {
-        if (!this._freezeControls) {
-            _super.prototype._draw.call(this, context, invalidatedRectangle);
-            return;
-        }
-        this._localDraw(context);
-        if (this.clipChildren) {
-            this._clipForChildren(context);
-        }
-        var left = this.leftInPixels | 0, top = this.topInPixels | 0;
-        if (this._useBuckets()) {
-            if (this._oldLeft !== null && this._oldTop !== null) {
-                this._scrollChildrenWithBuckets(this._oldLeft, this._oldTop, left, top);
-                this._scrollChildrenWithBuckets(left, top, left, top);
-            }
-            else {
-                this._scrollChildren(this._children, left, top);
-            }
-        }
-        else {
-            this._scrollChildren(this._children, left, top);
-        }
-        this._oldLeft = left;
-        this._oldTop = top;
-        for (var _i = 0, _a = this._children; _i < _a.length; _i++) {
-            var child = _a[_i];
-            if (!child._intersectsRect(this._parentMeasure)) {
-                continue;
-            }
-            child._render(context, this._parentMeasure);
-        }
-    };
-    _ScrollViewerWindow.prototype._postMeasure = function () {
-        if (this._freezeControls) {
-            _super.prototype._postMeasure.call(this);
-            return;
-        }
-        var maxWidth = this.parentClientWidth;
-        var maxHeight = this.parentClientHeight;
-        for (var _i = 0, _a = this.children; _i < _a.length; _i++) {
-            var child = _a[_i];
-            if (!child.isVisible || child.notRenderable) {
-                continue;
-            }
-            if (child.horizontalAlignment === Control.HORIZONTAL_ALIGNMENT_CENTER) {
-                child._offsetLeft(this._currentMeasure.left - child._currentMeasure.left);
-            }
-            if (child.verticalAlignment === Control.VERTICAL_ALIGNMENT_CENTER) {
-                child._offsetTop(this._currentMeasure.top - child._currentMeasure.top);
-            }
-            maxWidth = Math.max(maxWidth, child._currentMeasure.left - this._currentMeasure.left + child._currentMeasure.width + child.paddingRightInPixels);
-            maxHeight = Math.max(maxHeight, child._currentMeasure.top - this._currentMeasure.top + child._currentMeasure.height + child.paddingBottomInPixels);
-        }
-        if (this._currentMeasure.width !== maxWidth) {
-            this._width.updateInPlace(maxWidth, ValueAndUnit.UNITMODE_PIXEL);
-            this._currentMeasure.width = maxWidth;
-            this._rebuildLayout = true;
-            this._isDirty = true;
-        }
-        if (this._currentMeasure.height !== maxHeight) {
-            this._height.updateInPlace(maxHeight, ValueAndUnit.UNITMODE_PIXEL);
-            this._currentMeasure.height = maxHeight;
-            this._rebuildLayout = true;
-            this._isDirty = true;
-        }
-        _super.prototype._postMeasure.call(this);
-    };
-    return _ScrollViewerWindow;
-}(Container));
-export { _ScrollViewerWindow };
+import { __extends } from "tslib";
+import { Measure } from "../../measure";
+import { Container } from "../container";
+import { ValueAndUnit } from "../../valueAndUnit";
+import { Control } from "../control";
+/**
+ * Class used to hold a the container for ScrollViewer
+ * @hidden
+ */
+var _ScrollViewerWindow = /** @class */ (function (_super) {
+    __extends(_ScrollViewerWindow, _super);
+    /**
+     * Creates a new ScrollViewerWindow
+     * @param name of ScrollViewerWindow
+     */
+    function _ScrollViewerWindow(name) {
+        var _this = _super.call(this, name) || this;
+        _this._freezeControls = false;
+        _this._bucketWidth = 0;
+        _this._bucketHeight = 0;
+        _this._buckets = {};
+        return _this;
+    }
+    Object.defineProperty(_ScrollViewerWindow.prototype, "freezeControls", {
+        get: function () {
+            return this._freezeControls;
+        },
+        set: function (value) {
+            if (this._freezeControls === value) {
+                return;
+            }
+            if (!value) {
+                this._restoreMeasures();
+            }
+            // trigger a full normal layout calculation to be sure all children have their measures up to date
+            this._freezeControls = false;
+            var textureSize = this.host.getSize();
+            var renderWidth = textureSize.width;
+            var renderHeight = textureSize.height;
+            var context = this.host.getContext();
+            var measure = new Measure(0, 0, renderWidth, renderHeight);
+            this.host._numLayoutCalls = 0;
+            this.host._rootContainer._layout(measure, context);
+            // in freeze mode, prepare children measures accordingly
+            if (value) {
+                this._updateMeasures();
+                if (this._useBuckets()) {
+                    this._makeBuckets();
+                }
+            }
+            this._freezeControls = value;
+            this.host.markAsDirty(); // redraw with the (new) current settings
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(_ScrollViewerWindow.prototype, "bucketWidth", {
+        get: function () {
+            return this._bucketWidth;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(_ScrollViewerWindow.prototype, "bucketHeight", {
+        get: function () {
+            return this._bucketHeight;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    _ScrollViewerWindow.prototype.setBucketSizes = function (width, height) {
+        this._bucketWidth = width;
+        this._bucketHeight = height;
+        if (this._useBuckets()) {
+            if (this._freezeControls) {
+                this._makeBuckets();
+            }
+        }
+        else {
+            this._buckets = {};
+        }
+    };
+    _ScrollViewerWindow.prototype._useBuckets = function () {
+        return this._bucketWidth > 0 && this._bucketHeight > 0;
+    };
+    _ScrollViewerWindow.prototype._makeBuckets = function () {
+        this._buckets = {};
+        this._bucketLen = Math.ceil(this.widthInPixels / this._bucketWidth);
+        this._dispatchInBuckets(this._children);
+        this._oldLeft = null;
+        this._oldTop = null;
+    };
+    _ScrollViewerWindow.prototype._dispatchInBuckets = function (children) {
+        for (var i = 0; i < children.length; ++i) {
+            var child = children[i];
+            var bStartX = Math.max(0, Math.floor((child._customData._origLeft - this._customData.origLeft) / this._bucketWidth)), bEndX = Math.floor((child._customData._origLeft - this._customData.origLeft + child._currentMeasure.width - 1) / this._bucketWidth), bEndY = Math.floor((child._customData._origTop - this._customData.origTop + child._currentMeasure.height - 1) / this._bucketHeight);
+            var bStartY = Math.max(0, Math.floor((child._customData._origTop - this._customData.origTop) / this._bucketHeight));
+            while (bStartY <= bEndY) {
+                for (var x = bStartX; x <= bEndX; ++x) {
+                    var bucket = bStartY * this._bucketLen + x;
+                    var lstc = this._buckets[bucket];
+                    if (!lstc) {
+                        lstc = [];
+                        this._buckets[bucket] = lstc;
+                    }
+                    lstc.push(child);
+                }
+                bStartY++;
+            }
+            if (child instanceof Container && child._children.length > 0) {
+                this._dispatchInBuckets(child._children);
+            }
+        }
+    };
+    // reset left and top measures for the window and all its children
+    _ScrollViewerWindow.prototype._updateMeasures = function () {
+        var left = this.leftInPixels | 0, top = this.topInPixels | 0;
+        this._measureForChildren.left -= left;
+        this._measureForChildren.top -= top;
+        this._currentMeasure.left -= left;
+        this._currentMeasure.top -= top;
+        this._customData.origLeftForChildren = this._measureForChildren.left;
+        this._customData.origTopForChildren = this._measureForChildren.top;
+        this._customData.origLeft = this._currentMeasure.left;
+        this._customData.origTop = this._currentMeasure.top;
+        this._updateChildrenMeasures(this._children, left, top);
+    };
+    _ScrollViewerWindow.prototype._updateChildrenMeasures = function (children, left, top) {
+        for (var i = 0; i < children.length; ++i) {
+            var child = children[i];
+            child._currentMeasure.left -= left;
+            child._currentMeasure.top -= top;
+            child._customData._origLeft = child._currentMeasure.left; // save the original left and top values for each child
+            child._customData._origTop = child._currentMeasure.top;
+            if (child instanceof Container && child._children.length > 0) {
+                this._updateChildrenMeasures(child._children, left, top);
+            }
+        }
+    };
+    _ScrollViewerWindow.prototype._restoreMeasures = function () {
+        var left = this.leftInPixels | 0, top = this.topInPixels | 0;
+        this._measureForChildren.left = this._customData.origLeftForChildren + left;
+        this._measureForChildren.top = this._customData.origTopForChildren + top;
+        this._currentMeasure.left = this._customData.origLeft + left;
+        this._currentMeasure.top = this._customData.origTop + top;
+    };
+    _ScrollViewerWindow.prototype._getTypeName = function () {
+        return "ScrollViewerWindow";
+    };
+    /**
+     * @param parentMeasure
+     * @param context
+     * @hidden
+     */
+    _ScrollViewerWindow.prototype._additionalProcessing = function (parentMeasure, context) {
+        _super.prototype._additionalProcessing.call(this, parentMeasure, context);
+        this._parentMeasure = parentMeasure;
+        this._measureForChildren.left = this._currentMeasure.left;
+        this._measureForChildren.top = this._currentMeasure.top;
+        this._measureForChildren.width = parentMeasure.width;
+        this._measureForChildren.height = parentMeasure.height;
+    };
+    /**
+     * @param parentMeasure
+     * @param context
+     * @hidden
+     */
+    _ScrollViewerWindow.prototype._layout = function (parentMeasure, context) {
+        if (this._freezeControls) {
+            this.invalidateRect(); // will trigger a redraw of the window
+            return false;
+        }
+        return _super.prototype._layout.call(this, parentMeasure, context);
+    };
+    _ScrollViewerWindow.prototype._scrollChildren = function (children, left, top) {
+        for (var i = 0; i < children.length; ++i) {
+            var child = children[i];
+            child._currentMeasure.left = child._customData._origLeft + left;
+            child._currentMeasure.top = child._customData._origTop + top;
+            child._isClipped = false; // clipping will be handled by _draw and the call to _intersectsRect()
+            if (child instanceof Container && child._children.length > 0) {
+                this._scrollChildren(child._children, left, top);
+            }
+        }
+    };
+    _ScrollViewerWindow.prototype._scrollChildrenWithBuckets = function (left, top, scrollLeft, scrollTop) {
+        var bStartX = Math.max(0, Math.floor(-left / this._bucketWidth)), bEndX = Math.floor((-left + this._parentMeasure.width - 1) / this._bucketWidth), bEndY = Math.floor((-top + this._parentMeasure.height - 1) / this._bucketHeight);
+        var bStartY = Math.max(0, Math.floor(-top / this._bucketHeight));
+        while (bStartY <= bEndY) {
+            for (var x = bStartX; x <= bEndX; ++x) {
+                var bucket = bStartY * this._bucketLen + x, lstc = this._buckets[bucket];
+                if (lstc) {
+                    for (var i = 0; i < lstc.length; ++i) {
+                        var child = lstc[i];
+                        child._currentMeasure.left = child._customData._origLeft + scrollLeft;
+                        child._currentMeasure.top = child._customData._origTop + scrollTop;
+                        child._isClipped = false; // clipping will be handled by _draw and the call to _intersectsRect()
+                    }
+                }
+            }
+            bStartY++;
+        }
+    };
+    /**
+     * @param context
+     * @param invalidatedRectangle
+     * @hidden
+     */
+    _ScrollViewerWindow.prototype._draw = function (context, invalidatedRectangle) {
+        if (!this._freezeControls) {
+            _super.prototype._draw.call(this, context, invalidatedRectangle);
+            return;
+        }
+        this._localDraw(context);
+        if (this.clipChildren) {
+            this._clipForChildren(context);
+        }
+        var left = this.leftInPixels | 0, top = this.topInPixels | 0;
+        if (this._useBuckets()) {
+            if (this._oldLeft !== null && this._oldTop !== null) {
+                this._scrollChildrenWithBuckets(this._oldLeft, this._oldTop, left, top);
+                this._scrollChildrenWithBuckets(left, top, left, top);
+            }
+            else {
+                this._scrollChildren(this._children, left, top);
+            }
+        }
+        else {
+            this._scrollChildren(this._children, left, top);
+        }
+        this._oldLeft = left;
+        this._oldTop = top;
+        for (var _i = 0, _a = this._children; _i < _a.length; _i++) {
+            var child = _a[_i];
+            if (!child._intersectsRect(this._parentMeasure)) {
+                continue;
+            }
+            child._render(context, this._parentMeasure);
+        }
+    };
+    _ScrollViewerWindow.prototype._postMeasure = function () {
+        if (this._freezeControls) {
+            _super.prototype._postMeasure.call(this);
+            return;
+        }
+        var maxWidth = this.parentClientWidth;
+        var maxHeight = this.parentClientHeight;
+        for (var _i = 0, _a = this.children; _i < _a.length; _i++) {
+            var child = _a[_i];
+            if (!child.isVisible || child.notRenderable) {
+                continue;
+            }
+            if (child.horizontalAlignment === Control.HORIZONTAL_ALIGNMENT_CENTER) {
+                child._offsetLeft(this._currentMeasure.left - child._currentMeasure.left);
+            }
+            if (child.verticalAlignment === Control.VERTICAL_ALIGNMENT_CENTER) {
+                child._offsetTop(this._currentMeasure.top - child._currentMeasure.top);
+            }
+            maxWidth = Math.max(maxWidth, child._currentMeasure.left - this._currentMeasure.left + child._currentMeasure.width + child.paddingRightInPixels);
+            maxHeight = Math.max(maxHeight, child._currentMeasure.top - this._currentMeasure.top + child._currentMeasure.height + child.paddingBottomInPixels);
+        }
+        if (this._currentMeasure.width !== maxWidth) {
+            this._width.updateInPlace(maxWidth, ValueAndUnit.UNITMODE_PIXEL);
+            this._currentMeasure.width = maxWidth;
+            this._rebuildLayout = true;
+            this._isDirty = true;
+        }
+        if (this._currentMeasure.height !== maxHeight) {
+            this._height.updateInPlace(maxHeight, ValueAndUnit.UNITMODE_PIXEL);
+            this._currentMeasure.height = maxHeight;
+            this._rebuildLayout = true;
+            this._isDirty = true;
+        }
+        _super.prototype._postMeasure.call(this);
+    };
+    return _ScrollViewerWindow;
+}(Container));
+export { _ScrollViewerWindow };
 //# sourceMappingURL=scrollViewerWindow.js.map