@angular/cdk 11.0.2 → 11.1.0

package/bundles/cdk-overlay.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/scrolling'), require('@angular/common'), require('@angular/core'), require('@angular/cdk/coercion'), require('@angular/cdk/bidi'), require('@angular/cdk/portal'), require('@angular/cdk/platform'), require('rxjs'), require('rxjs/operators'), require('@angular/cdk/keycodes')) :
-    typeof define === 'function' && define.amd ? define('@angular/cdk/overlay', ['exports', '@angular/cdk/scrolling', '@angular/common', '@angular/core', '@angular/cdk/coercion', '@angular/cdk/bidi', '@angular/cdk/portal', '@angular/cdk/platform', 'rxjs', 'rxjs/operators', '@angular/cdk/keycodes'], factory) :
-    (global = global || self, factory((global.ng = global.ng || {}, global.ng.cdk = global.ng.cdk || {}, global.ng.cdk.overlay = {}), global.ng.cdk.scrolling, global.ng.common, global.ng.core, global.ng.cdk.coercion, global.ng.cdk.bidi, global.ng.cdk.portal, global.ng.cdk.platform, global.rxjs, global.rxjs.operators, global.ng.cdk.keycodes));
-}(this, (function (exports, i1, i1$1, i0, coercion, bidi, portal, i2, rxjs, operators, keycodes) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/scrolling'), require('@angular/common'), require('@angular/core'), require('@angular/cdk/coercion'), require('@angular/cdk/platform'), require('@angular/cdk/bidi'), require('@angular/cdk/portal'), require('rxjs'), require('rxjs/operators'), require('@angular/cdk/keycodes')) :
+    typeof define === 'function' && define.amd ? define('@angular/cdk/overlay', ['exports', '@angular/cdk/scrolling', '@angular/common', '@angular/core', '@angular/cdk/coercion', '@angular/cdk/platform', '@angular/cdk/bidi', '@angular/cdk/portal', 'rxjs', 'rxjs/operators', '@angular/cdk/keycodes'], factory) :
+    (global = global || self, factory((global.ng = global.ng || {}, global.ng.cdk = global.ng.cdk || {}, global.ng.cdk.overlay = {}), global.ng.cdk.scrolling, global.ng.common, global.ng.core, global.ng.cdk.coercion, global.ng.cdk.platform, global.ng.cdk.bidi, global.ng.cdk.portal, global.rxjs, global.rxjs.operators, global.ng.cdk.keycodes));
+}(this, (function (exports, i1, i1$1, i0, coercion, i2, bidi, portal, rxjs, operators, keycodes) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -28,6 +28,8 @@
         return extendStatics(d, b);
     };
     function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -213,11 +215,13 @@
         }
         return ar;
     }
+    /** @deprecated */
     function __spread() {
         for (var ar = [], i = 0; i < arguments.length; i++)
             ar = ar.concat(__read(arguments[i]));
         return ar;
     }
+    /** @deprecated */
     function __spreadArrays() {
         for (var s = 0, i = 0, il = arguments.length; i < il; i++)
             s += arguments[i].length;
@@ -226,7 +230,11 @@
                 r[k] = a[j];
         return r;
     }
-    ;
+    function __spreadArray(to, from) {
+        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+            to[j] = from[i];
+        return to;
+    }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
     }
@@ -312,6 +320,7 @@
      * Use of this source code is governed by an MIT-style license that can be
      * found in the LICENSE file at https://angular.io/license
      */
+    var scrollBehaviorSupported = i2.supportsScrollBehavior();
     /**
      * Strategy that will prevent the user from scrolling while the overlay is visible.
      */
@@ -355,10 +364,17 @@
                 html.classList.remove('cdk-global-scrollblock');
                 // Disable user-defined smooth scrolling temporarily while we restore the scroll position.
                 // See https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior
-                htmlStyle.scrollBehavior = bodyStyle.scrollBehavior = 'auto';
+                // Note that we don't mutate the property if the browser doesn't support `scroll-behavior`,
+                // because it can throw off feature detections in `supportsScrollBehavior` which
+                // checks for `'scrollBehavior' in documentElement.style`.
+                if (scrollBehaviorSupported) {
+                    htmlStyle.scrollBehavior = bodyStyle.scrollBehavior = 'auto';
+                }
                 window.scroll(this._previousScrollPosition.left, this._previousScrollPosition.top);
-                htmlStyle.scrollBehavior = previousHtmlScrollBehavior;
-                bodyStyle.scrollBehavior = previousBodyScrollBehavior;
+                if (scrollBehaviorSupported) {
+                    htmlStyle.scrollBehavior = previousHtmlScrollBehavior;
+                    bodyStyle.scrollBehavior = previousBodyScrollBehavior;
+                }
             }
         };
         BlockScrollStrategy.prototype._canBeEnabled = function () {
@@ -1886,7 +1902,10 @@
             };
         };
         /** Gets how well an overlay at the given point will fit within the viewport. */
-        FlexibleConnectedPositionStrategy.prototype._getOverlayFit = function (point, overlay, viewport, position) {
+        FlexibleConnectedPositionStrategy.prototype._getOverlayFit = function (point, rawOverlayRect, viewport, position) {
+            // Round the overlay rect when comparing against the
+            // viewport, because the viewport is always rounded.
+            var overlay = getRoundedBoundingClientRect(rawOverlayRect);
             var x = point.x, y = point.y;
             var offsetX = this._getOffset(position, 'x');
             var offsetY = this._getOffset(position, 'y');
@@ -1944,7 +1963,7 @@
          * @returns The point at which to position the overlay after pushing. This is effectively a new
          *     originPoint.
          */
-        FlexibleConnectedPositionStrategy.prototype._pushOverlayOnScreen = function (start, overlay, scrollPosition) {
+        FlexibleConnectedPositionStrategy.prototype._pushOverlayOnScreen = function (start, rawOverlayRect, scrollPosition) {
             // If the position is locked and we've pushed the overlay already, reuse the previous push
             // amount, rather than pushing it again. If we were to continue pushing, the element would
             // remain in the viewport, which goes against the expectations when position locking is enabled.
@@ -1954,6 +1973,9 @@
                     y: start.y + this._previousPushAmount.y
                 };
             }
+            // Round the overlay rect when comparing against the
+            // viewport, because the viewport is always rounded.
+            var overlay = getRoundedBoundingClientRect(rawOverlayRect);
             var viewport = this._viewportRect;
             // Determine how much the overlay goes outside the viewport on each
             // side, which we'll use to decide which direction to push it.
@@ -2432,6 +2454,22 @@
         }
         return input || null;
     }
+    /**
+     * Gets a version of an element's bounding `ClientRect` where all the values are rounded down to
+     * the nearest pixel. This allows us to account for the cases where there may be sub-pixel
+     * deviations in the `ClientRect` returned by the browser (e.g. when zoomed in with a percentage
+     * size, see #21350).
+     */
+    function getRoundedBoundingClientRect(clientRect) {
+        return {
+            top: Math.floor(clientRect.top),
+            right: Math.floor(clientRect.right),
+            bottom: Math.floor(clientRect.bottom),
+            left: Math.floor(clientRect.left),
+            width: Math.floor(clientRect.width),
+            height: Math.floor(clientRect.height)
+        };
+    }
 
     /**
      * @license