@angular/cdk 14.0.0-next.3 → 14.0.0-next.4

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('14.0.0-next.3');
+const VERSION = new Version('14.0.0-next.4');
 
 /**
  * @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('14.0.0-next.3');\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('14.0.0-next.4');\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 };
+    }
 }
 
 /**
@@ -496,7 +504,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 +585,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 +1092,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;
     }
@@ -1190,6 +1204,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 +1341,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
@@ -1408,6 +1421,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 +1600,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() {