@angular/cdk 11.0.4 → 11.1.2

package/bundles/cdk-overlay.umd.js

@@ -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);
     }
@@ -1343,7 +1351,7 @@
         };
         /** Toggles the pointer events for the overlay pane element. */
         OverlayRef.prototype._togglePointerEvents = function (enablePointer) {
-            this._pane.style.pointerEvents = enablePointer ? 'auto' : 'none';
+            this._pane.style.pointerEvents = enablePointer ? '' : 'none';
         };
         /** Attaches a backdrop for this overlay. */
         OverlayRef.prototype._attachBackdrop = function () {
@@ -1894,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');
@@ -1952,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.
@@ -1962,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.
@@ -2440,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