@angular/cdk 11.0.0-rc.4 → 11.0.3

package/bundles/cdk-drag-drop.umd.js

@@ -479,6 +479,7 @@
                 if (newValue !== this._disabled) {
                     this._disabled = newValue;
                     this._toggleNativeDragInteractions();
+                    this._handles.forEach(function (handle) { return toggleNativeDragInteractions(handle, newValue); });
                 }
             },
             enumerable: false,
@@ -504,9 +505,21 @@
         };
         /** Registers the handles that can be used to drag the element. */
         DragRef.prototype.withHandles = function (handles) {
+            var _this = this;
             this._handles = handles.map(function (handle) { return coercion.coerceElement(handle); });
-            this._handles.forEach(function (handle) { return toggleNativeDragInteractions(handle, false); });
+            this._handles.forEach(function (handle) { return 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.
+            var disabledHandles = new Set();
+            this._disabledHandles.forEach(function (handle) {
+                if (_this._handles.indexOf(handle) > -1) {
+                    disabledHandles.add(handle);
+                }
+            });
+            this._disabledHandles = disabledHandles;
             return this;
         };
         /**
@@ -609,8 +622,9 @@
          * @param handle Handle element that should be disabled.
          */
         DragRef.prototype.disableHandle = function (handle) {
-            if (this._handles.indexOf(handle) > -1) {
+            if (!this._disabledHandles.has(handle) && this._handles.indexOf(handle) > -1) {
                 this._disabledHandles.add(handle);
+                toggleNativeDragInteractions(handle, true);
             }
         };
         /**
@@ -618,7 +632,10 @@
          * @param handle Handle element to be enabled.
          */
         DragRef.prototype.enableHandle = function (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. */
         DragRef.prototype.withDirection = function (direction) {
@@ -743,6 +760,8 @@
                 var preview = this._preview = this._createPreviewElement();
                 var placeholder = this._placeholder = this._createPlaceholderElement();
                 var anchor = this._anchor = this._anchor || this._document.createComment('');
+                // Needs to happen before the root element is moved.
+                var 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
@@ -750,7 +769,7 @@
                 // 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;
@@ -1243,6 +1262,18 @@
             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`.
+         */
+        DragRef.prototype._getShadowRoot = function () {
+            if (this._cachedShadowRoot === undefined) {
+                this._cachedShadowRoot = platform._getShadowRoot(this._rootElement);
+            }
+            return this._cachedShadowRoot;
+        };
         return DragRef;
     }());
     /**
@@ -1276,11 +1307,12 @@
         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 ||
@@ -1329,7 +1361,7 @@
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
             function (d, b) { for (var p in b)
-                if (b.hasOwnProperty(p))
+                if (Object.prototype.hasOwnProperty.call(b, p))
                     d[p] = b[p]; };
         return extendStatics(d, b);
     };
@@ -1476,10 +1508,10 @@
             k2 = k;
         o[k2] = m[k];
     });
-    function __exportStar(m, exports) {
+    function __exportStar(m, o) {
         for (var p in m)
-            if (p !== "default" && !exports.hasOwnProperty(p))
-                __createBinding(exports, m, p);
+            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+                __createBinding(o, m, p);
     }
     function __values(o) {
         var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
@@ -1589,7 +1621,7 @@
         var result = {};
         if (mod != null)
             for (var k in mod)
-                if (Object.hasOwnProperty.call(mod, k))
+                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
                     __createBinding(result, mod, k);
         __setModuleDefault(result, mod);
         return result;