@angular/cdk 11.0.0-rc.4 → 11.0.3

package/fesm2015/cdk.js

@@ -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('11.0.0-rc.4');
+const VERSION = new Version('11.0.3');
 
 /**
  * @license

package/fesm2015/cdk.js.map

@@ -1 +1 @@
-{"version":3,"file":"cdk.js","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('11.0.0-rc.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;;;;;;;AAQA,AAEA;AACA,MAAa,OAAO,GAAG,IAAI,OAAO,CAAC,mBAAmB,CAAC;;ACXvD;;;;;;GAMG;;ACNH;;;;;;GAMG;;;;"}
+{"version":3,"file":"cdk.js","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('11.0.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;;;;;;;AAQA,AAEA;AACA,MAAa,OAAO,GAAG,IAAI,OAAO,CAAC,mBAAmB,CAAC;;ACXvD;;;;;;GAMG;;ACNH;;;;;;GAMG;;;;"}

package/fesm2015/drag-drop.js

@@ -478,6 +478,7 @@ class DragRef {
         if (newValue !== this._disabled) {
             this._disabled = newValue;
             this._toggleNativeDragInteractions();
+            this._handles.forEach(handle => toggleNativeDragInteractions(handle, newValue));
         }
     }
     /**
@@ -501,8 +502,19 @@ class DragRef {
     /** Registers the handles that can be used to drag the element. */
     withHandles(handles) {
         this._handles = handles.map(handle => coerceElement(handle));
-        this._handles.forEach(handle => toggleNativeDragInteractions(handle, false));
+        this._handles.forEach(handle => toggleNativeDragInteractions(handle, this.disabled));
         this._toggleNativeDragInteractions();
+        // Delete any lingering disabled handles that may have been destroyed. Note that we re-create
+        // the set, rather than iterate over it and filter out the destroyed handles, because while
+        // the ES spec allows for sets to be modified while they're being iterated over, some polyfills
+        // use an array internally which may throw an error.
+        const disabledHandles = new Set();
+        this._disabledHandles.forEach(handle => {
+            if (this._handles.indexOf(handle) > -1) {
+                disabledHandles.add(handle);
+            }
+        });
+        this._disabledHandles = disabledHandles;
         return this;
     }
     /**
@@ -603,8 +615,9 @@ class DragRef {
      * @param handle Handle element that should be disabled.
      */
     disableHandle(handle) {
-        if (this._handles.indexOf(handle) > -1) {
+        if (!this._disabledHandles.has(handle) && this._handles.indexOf(handle) > -1) {
             this._disabledHandles.add(handle);
+            toggleNativeDragInteractions(handle, true);
         }
     }
     /**
@@ -612,7 +625,10 @@ class DragRef {
      * @param handle Handle element to be enabled.
      */
     enableHandle(handle) {
-        this._disabledHandles.delete(handle);
+        if (this._disabledHandles.has(handle)) {
+            this._disabledHandles.delete(handle);
+            toggleNativeDragInteractions(handle, this.disabled);
+        }
     }
     /** Sets the layout direction of the draggable item. */
     withDirection(direction) {
@@ -736,6 +752,8 @@ class DragRef {
             const preview = this._preview = this._createPreviewElement();
             const placeholder = this._placeholder = this._createPlaceholderElement();
             const anchor = this._anchor = this._anchor || this._document.createComment('');
+            // Needs to happen before the root element is moved.
+            const shadowRoot = this._getShadowRoot();
             // Insert an anchor node so that we can restore the element's position in the DOM.
             parent.insertBefore(anchor, element);
             // We move the element out at the end of the body and we make it hidden, because keeping it in
@@ -743,7 +761,7 @@ class DragRef {
             // from the DOM completely, because iOS will stop firing all subsequent events in the chain.
             toggleVisibility(element, false);
             this._document.body.appendChild(parent.replaceChild(placeholder, element));
-            getPreviewInsertionPoint(this._document).appendChild(preview);
+            getPreviewInsertionPoint(this._document, shadowRoot).appendChild(preview);
             this.started.next({ source: this }); // Emit before notifying the container.
             dropContainer.start();
             this._initialContainer = dropContainer;
@@ -1230,6 +1248,18 @@ class DragRef {
         return cachedPosition ? cachedPosition.scrollPosition :
             this._viewportRuler.getViewportScrollPosition();
     }
+    /**
+     * Lazily resolves and returns the shadow root of the element. We do this in a function, rather
+     * than saving it in property directly on init, because we want to resolve it as late as possible
+     * in order to ensure that the element has been moved into the shadow DOM. Doing it inside the
+     * constructor might be too early if the element is inside of something like `ngFor` or `ngIf`.
+     */
+    _getShadowRoot() {
+        if (this._cachedShadowRoot === undefined) {
+            this._cachedShadowRoot = _getShadowRoot(this._rootElement);
+        }
+        return this._cachedShadowRoot;
+    }
 }
 /**
  * Gets a 3d `transform` that can be applied to an element.
@@ -1262,11 +1292,12 @@ function isTouchEvent(event) {
     return event.type[0] === 't';
 }
 /** Gets the element into which the drag preview should be inserted. */
-function getPreviewInsertionPoint(documentRef) {
+function getPreviewInsertionPoint(documentRef, shadowRoot) {
     // We can't use the body if the user is in fullscreen mode,
     // because the preview will render under the fullscreen element.
     // TODO(crisbeto): dedupe this with the `FullscreenOverlayContainer` eventually.
-    return documentRef.fullscreenElement ||
+    return shadowRoot ||
+        documentRef.fullscreenElement ||
         documentRef.webkitFullscreenElement ||
         documentRef.mozFullScreenElement ||
         documentRef.msFullscreenElement ||