@angular/cdk 13.2.2 → 13.2.5

package/fesm2020/cdk.mjs

@@ -8,7 +8,7 @@ import { Version } from '@angular/core';
  * found in the LICENSE file at https://angular.io/license
  */
 /** Current version of the Angular Component Development Kit. */
-const VERSION = new Version('13.2.2');
+const VERSION = new Version('13.2.5');
 
 /**
  * @license

package/fesm2020/cdk.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cdk.mjs","sources":["../../../../../../src/cdk/version.ts","../../../../../../src/cdk/public-api.ts","../../../../../../src/cdk/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {Version} from '@angular/core';\n\n/** Current version of the Angular Component Development Kit. */\nexport const VERSION = new Version('13.2.2');\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './version';\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;;;;;;AAUA;MACa,OAAO,GAAG,IAAI,OAAO,CAAC,mBAAmB;;ACXtD;;;;;;;;ACAA;;;;;;;;;;"}
+{"version":3,"file":"cdk.mjs","sources":["../../../../../../src/cdk/version.ts","../../../../../../src/cdk/public-api.ts","../../../../../../src/cdk/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {Version} from '@angular/core';\n\n/** Current version of the Angular Component Development Kit. */\nexport const VERSION = new Version('13.2.5');\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './version';\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;;;;;;AAUA;MACa,OAAO,GAAG,IAAI,OAAO,CAAC,mBAAmB;;ACXtD;;;;;;;;ACAA;;;;;;;;;;"}

package/fesm2020/drag-drop.mjs

@@ -188,9 +188,8 @@ function isPointerNearClientRect(rect, threshold, pointerX, pointerY) {
  */
 /** Keeps track of the scroll position and dimensions of the parents of an element. */
 class ParentPositionTracker {
-    constructor(_document, _viewportRuler) {
+    constructor(_document) {
         this._document = _document;
-        this._viewportRuler = _viewportRuler;
         /** Cached positions of the scrollable parent elements. */
         this.positions = new Map();
     }
@@ -202,7 +201,7 @@ class ParentPositionTracker {
     cache(elements) {
         this.clear();
         this.positions.set(this._document, {
-            scrollPosition: this._viewportRuler.getViewportScrollPosition(),
+            scrollPosition: this.getViewportScrollPosition(),
         });
         elements.forEach(element => {
             this.positions.set(element, {
@@ -222,7 +221,7 @@ class ParentPositionTracker {
         let newTop;
         let newLeft;
         if (target === this._document) {
-            const viewportScrollPosition = this._viewportRuler.getViewportScrollPosition();
+            const viewportScrollPosition = this.getViewportScrollPosition();
             newTop = viewportScrollPosition.top;
             newLeft = viewportScrollPosition.left;
         }
@@ -243,6 +242,15 @@ class ParentPositionTracker {
         scrollPosition.left = newLeft;
         return { top: topDifference, left: leftDifference };
     }
+    /**
+     * Gets the scroll position of the viewport. Note that we use the scrollX and scrollY directly,
+     * instead of going through the `ViewportRuler`, because the first value the ruler looks at is
+     * the top/left offset of the `document.documentElement` which works for most cases, but breaks
+     * if the element is offset by something like the `BlockScrollStrategy`.
+     */
+    getViewportScrollPosition() {
+        return { top: window.scrollY, left: window.scrollX };
+    }
 }
 
 /**
@@ -449,14 +457,6 @@ class DragRef {
                 }
                 return;
             }
-            // We only need the preview dimensions if we have a boundary element.
-            if (this._boundaryElement) {
-                // Cache the preview element rect if we haven't cached it already or if
-                // we cached it too early before the element dimensions were computed.
-                if (!this._previewRect || (!this._previewRect.width && !this._previewRect.height)) {
-                    this._previewRect = (this._preview || this._rootElement).getBoundingClientRect();
-                }
-            }
             // We prevent the default action down here so that we know that dragging has started. This is
             // important for touch devices where doing this too early can unnecessarily block scrolling,
             // if there's a dragging delay.
@@ -496,7 +496,7 @@ class DragRef {
             this._endDragSequence(event);
         };
         this.withRootElement(element).withParent(_config.parentDragRef || null);
-        this._parentPositions = new ParentPositionTracker(_document, _viewportRuler);
+        this._parentPositions = new ParentPositionTracker(_document);
         _dragDropRegistry.registerDragItem(this);
     }
     /** Whether starting to drag this element is disabled. */
@@ -577,6 +577,9 @@ class DragRef {
             this._ngZone.runOutsideAngular(() => {
                 element.addEventListener('mousedown', this._pointerDown, activeEventListenerOptions);
                 element.addEventListener('touchstart', this._pointerDown, passiveEventListenerOptions);
+                // Usually this isn't necessary since the we prevent the default action in `pointerDown`,
+                // but some cases like dragging of links can slip through (see #24403).
+                element.addEventListener('dragstart', preventDefault, activeEventListenerOptions);
             });
             this._initialTransform = undefined;
             this._rootElement = element;
@@ -1081,6 +1084,9 @@ class DragRef {
         else {
             placeholder = deepCloneNode(this._rootElement);
         }
+        // Stop pointer events on the preview so the user can't
+        // interact with it while the preview is animating.
+        placeholder.style.pointerEvents = 'none';
         placeholder.classList.add('cdk-drag-placeholder');
         return placeholder;
     }
@@ -1143,11 +1149,11 @@ class DragRef {
         if (this._boundaryRect) {
             const { x: pickupX, y: pickupY } = this._pickupPositionInElement;
             const boundaryRect = this._boundaryRect;
-            const previewRect = this._previewRect;
+            const { width: previewWidth, height: previewHeight } = this._getPreviewRect();
             const minY = boundaryRect.top + pickupY;
-            const maxY = boundaryRect.bottom - (previewRect.height - pickupY);
+            const maxY = boundaryRect.bottom - (previewHeight - pickupY);
             const minX = boundaryRect.left + pickupX;
-            const maxX = boundaryRect.right - (previewRect.width - pickupX);
+            const maxX = boundaryRect.right - (previewWidth - pickupX);
             x = clamp$1(x, minX, maxX);
             y = clamp$1(y, minY, maxY);
         }
@@ -1190,6 +1196,7 @@ class DragRef {
     _removeRootElementListeners(element) {
         element.removeEventListener('mousedown', this._pointerDown, activeEventListenerOptions);
         element.removeEventListener('touchstart', this._pointerDown, passiveEventListenerOptions);
+        element.removeEventListener('dragstart', preventDefault, activeEventListenerOptions);
     }
     /**
      * Applies a `transform` to the root element, taking into account any existing transforms on it.
@@ -1326,10 +1333,8 @@ class DragRef {
     }
     /** Gets the scroll position of the viewport. */
     _getViewportScrollPosition() {
-        const cachedPosition = this._parentPositions.positions.get(this._document);
-        return cachedPosition
-            ? cachedPosition.scrollPosition
-            : this._viewportRuler.getViewportScrollPosition();
+        return (this._parentPositions.positions.get(this._document)?.scrollPosition ||
+            this._parentPositions.getViewportScrollPosition());
     }
     /**
      * Lazily resolves and returns the shadow root of the element. We do this in a function, rather
@@ -1363,6 +1368,15 @@ class DragRef {
         }
         return coerceElement(previewContainer);
     }
+    /** Lazily resolves and returns the dimensions of the preview. */
+    _getPreviewRect() {
+        // Cache the preview element rect if we haven't cached it already or if
+        // we cached it too early before the element dimensions were computed.
+        if (!this._previewRect || (!this._previewRect.width && !this._previewRect.height)) {
+            this._previewRect = (this._preview || this._rootElement).getBoundingClientRect();
+        }
+        return this._previewRect;
+    }
 }
 /**
  * Gets a 3d `transform` that can be applied to an element.
@@ -1408,6 +1422,10 @@ function matchElementSize(target, sourceRect) {
     target.style.height = `${sourceRect.height}px`;
     target.style.transform = getTransform(sourceRect.left, sourceRect.top);
 }
+/** Utility to prevent the default action of an event. */
+function preventDefault(event) {
+    event.preventDefault();
+}
 
 /**
  * @license
@@ -1583,7 +1601,7 @@ class DropListRef {
         this._document = _document;
         this.withScrollableParents([this.element]);
         _dragDropRegistry.registerDropContainer(this);
-        this._parentPositions = new ParentPositionTracker(_document, _viewportRuler);
+        this._parentPositions = new ParentPositionTracker(_document);
     }
     /** Removes the drop list functionality from the DOM element. */
     dispose() {