@angular/cdk 13.0.0-next.6 → 13.0.0-rc.1

package/{fesm2015/drag-drop.js → fesm2020/drag-drop.mjs}

@@ -1,15 +1,14 @@
 import * as i0 from '@angular/core';
-import { Injectable, NgZone, Inject, InjectionToken, Directive, Input, EventEmitter, ElementRef, ChangeDetectorRef, Optional, SkipSelf, Output, TemplateRef, ViewContainerRef, Self, ContentChildren, ContentChild, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
+import { Injectable, Inject, InjectionToken, Directive, Input, EventEmitter, Optional, SkipSelf, Output, Self, ContentChildren, ContentChild, NgModule } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
-import * as i2 from '@angular/cdk/scrolling';
-import { ViewportRuler, ScrollDispatcher, CdkScrollableModule } from '@angular/cdk/scrolling';
+import * as i1 from '@angular/cdk/scrolling';
+import { CdkScrollableModule } from '@angular/cdk/scrolling';
 import { _getEventTarget, normalizePassiveListenerOptions, _getShadowRoot } from '@angular/cdk/platform';
 import { coerceBooleanProperty, coerceElement, coerceArray, coerceNumberProperty } from '@angular/cdk/coercion';
 import { isFakeTouchstartFromScreenReader, isFakeMousedownFromScreenReader } from '@angular/cdk/a11y';
 import { Subject, Subscription, interval, animationFrameScheduler, Observable, merge } from 'rxjs';
 import { takeUntil, startWith, map, take, tap, switchMap } from 'rxjs/operators';
-import { Directionality } from '@angular/cdk/bidi';
+import * as i3 from '@angular/cdk/bidi';
 
 /**
  * @license
@@ -28,7 +27,7 @@ function extendStyles(dest, source, importantProperties) {
         if (source.hasOwnProperty(key)) {
             const value = source[key];
             if (value) {
-                dest.setProperty(key, value, (importantProperties === null || importantProperties === void 0 ? void 0 : importantProperties.has(key)) ? 'important' : '');
+                dest.setProperty(key, value, importantProperties?.has(key) ? 'important' : '');
             }
             else {
                 dest.removeProperty(key);
@@ -52,7 +51,7 @@ function toggleNativeDragInteractions(element, enable) {
         'user-select': userSelect,
         '-ms-user-select': userSelect,
         '-webkit-user-select': userSelect,
-        '-moz-user-select': userSelect
+        '-moz-user-select': userSelect,
     });
 }
 /**
@@ -67,7 +66,7 @@ function toggleVisibility(element, enable, importantProperties) {
         position: enable ? '' : 'fixed',
         top: enable ? '' : '0',
         opacity: enable ? '' : '0',
-        left: enable ? '' : '-999em'
+        left: enable ? '' : '-999em',
     }, importantProperties);
 }
 /**
@@ -75,9 +74,9 @@ function toggleVisibility(element, enable, importantProperties) {
  * that exited before the base transform was applied.
  */
 function combineTransforms(transform, initialTransform) {
-    return initialTransform && initialTransform != 'none' ?
-        (transform + ' ' + initialTransform) :
-        transform;
+    return initialTransform && initialTransform != 'none'
+        ? transform + ' ' + initialTransform
+        : transform;
 }
 
 /**
@@ -107,8 +106,8 @@ function getTransformTransitionDurationInMs(element) {
     const propertyIndex = transitionedProperties.indexOf(property);
     const rawDurations = parseCssPropertyValue(computedStyle, 'transition-duration');
     const rawDelays = parseCssPropertyValue(computedStyle, 'transition-delay');
-    return parseCssTimeUnitsToMs(rawDurations[propertyIndex]) +
-        parseCssTimeUnitsToMs(rawDelays[propertyIndex]);
+    return (parseCssTimeUnitsToMs(rawDurations[propertyIndex]) +
+        parseCssTimeUnitsToMs(rawDelays[propertyIndex]));
 }
 /** Parses out multiple values from a computed style into an array. */
 function parseCssPropertyValue(computedStyle, name) {
@@ -136,7 +135,9 @@ function getMutableClientRect(element) {
         bottom: clientRect.bottom,
         left: clientRect.left,
         width: clientRect.width,
-        height: clientRect.height
+        height: clientRect.height,
+        x: clientRect.x,
+        y: clientRect.y,
     };
 }
 /**
@@ -172,8 +173,10 @@ function isPointerNearClientRect(rect, threshold, pointerX, pointerY) {
     const { top, right, bottom, left, width, height } = rect;
     const xThreshold = width * threshold;
     const yThreshold = height * threshold;
-    return pointerY > top - yThreshold && pointerY < bottom + yThreshold &&
-        pointerX > left - xThreshold && pointerX < right + xThreshold;
+    return (pointerY > top - yThreshold &&
+        pointerY < bottom + yThreshold &&
+        pointerX > left - xThreshold &&
+        pointerX < right + xThreshold);
 }
 
 /**
@@ -204,7 +207,7 @@ class ParentPositionTracker {
         elements.forEach(element => {
             this.positions.set(element, {
                 scrollPosition: { top: element.scrollTop, left: element.scrollLeft },
-                clientRect: getMutableClientRect(element)
+                clientRect: getMutableClientRect(element),
             });
         });
     }
@@ -303,7 +306,7 @@ function transferCanvasData(source, clone) {
         try {
             context.drawImage(source, 0, 0);
         }
-        catch (_a) { }
+        catch { }
     }
 }
 
@@ -328,7 +331,7 @@ const MOUSE_EVENT_IGNORE_TIME = 800;
 /** Inline styles to be set as `!important` while dragging. */
 const dragImportantProperties = new Set([
     // Needs to be important, because some `mat-table` sets `position: sticky !important`. See #22781.
-    'position'
+    'position',
 ]);
 /**
  * Reference to a draggable item. Used to manipulate or dispose of the item.
@@ -484,7 +487,7 @@ class DragRef {
                         pointerPosition: constrainedPointerPosition,
                         event,
                         distance: this._getDragDistance(constrainedPointerPosition),
-                        delta: this._pointerDirectionDelta
+                        delta: this._pointerDirectionDelta,
                     });
                 });
             }
@@ -610,9 +613,9 @@ class DragRef {
         if (this.isDragging()) {
             // Since we move out the element to the end of the body while it's being
             // dragged, we have to make sure that it's removed if it gets destroyed.
-            removeNode(this._rootElement);
+            this._rootElement?.remove();
         }
-        removeNode(this._anchor);
+        this._anchor?.remove();
         this._destroyPreview();
         this._destroyPlaceholder();
         this._dragDropRegistry.removeDragItem(this);
@@ -630,8 +633,14 @@ class DragRef {
         this._dropContainer = undefined;
         this._resizeSubscription.unsubscribe();
         this._parentPositions.clear();
-        this._boundaryElement = this._rootElement = this._ownerSVGElement = this._placeholderTemplate =
-            this._previewTemplate = this._anchor = this._parentDragRef = null;
+        this._boundaryElement =
+            this._rootElement =
+                this._ownerSVGElement =
+                    this._placeholderTemplate =
+                        this._previewTemplate =
+                            this._anchor =
+                                this._parentDragRef =
+                                    null;
     }
     /** Checks whether the element is currently being dragged. */
     isDragging() {
@@ -715,22 +724,14 @@ class DragRef {
     }
     /** Destroys the preview element and its ViewRef. */
     _destroyPreview() {
-        if (this._preview) {
-            removeNode(this._preview);
-        }
-        if (this._previewRef) {
-            this._previewRef.destroy();
-        }
+        this._preview?.remove();
+        this._previewRef?.destroy();
         this._preview = this._previewRef = null;
     }
     /** Destroys the placeholder element and its ViewRef. */
     _destroyPlaceholder() {
-        if (this._placeholder) {
-            removeNode(this._placeholder);
-        }
-        if (this._placeholderRef) {
-            this._placeholderRef.destroy();
-        }
+        this._placeholder?.remove();
+        this._placeholderRef?.destroy();
         this._placeholder = this._placeholderRef = null;
     }
     /**
@@ -775,7 +776,7 @@ class DragRef {
                 this.ended.next({
                     source: this,
                     distance: this._getDragDistance(pointerPosition),
-                    dropPoint: pointerPosition
+                    dropPoint: pointerPosition,
                 });
             });
             this._cleanupCachedDimensions();
@@ -792,8 +793,8 @@ class DragRef {
         if (dropContainer) {
             const element = this._rootElement;
             const parent = element.parentNode;
-            const placeholder = this._placeholder = this._createPlaceholderElement();
-            const anchor = this._anchor = this._anchor || this._document.createComment('');
+            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.
@@ -840,10 +841,12 @@ class DragRef {
         const isAuxiliaryMouseButton = !isTouchSequence && event.button !== 0;
         const rootElement = this._rootElement;
         const target = _getEventTarget(event);
-        const isSyntheticEvent = !isTouchSequence && this._lastTouchEventTime &&
+        const isSyntheticEvent = !isTouchSequence &&
+            this._lastTouchEventTime &&
             this._lastTouchEventTime + MOUSE_EVENT_IGNORE_TIME > Date.now();
-        const isFakeEvent = isTouchSequence ? isFakeTouchstartFromScreenReader(event) :
-            isFakeMousedownFromScreenReader(event);
+        const isFakeEvent = isTouchSequence
+            ? isFakeTouchstartFromScreenReader(event)
+            : isFakeMousedownFromScreenReader(event);
         // If the event started from an element with the native HTML drag&drop, it'll interfere
         // with our own dragging (e.g. `img` tags do it by default). Prevent the default action
         // to stop it from happening. Note that preventing on `dragstart` also seems to work, but
@@ -861,8 +864,9 @@ class DragRef {
         // otherwise iOS will still add it, even though all the drag interactions on the handle
         // are disabled.
         if (this._handles.length) {
-            this._rootElementTapHighlight = rootElement.style.webkitTapHighlightColor || '';
-            rootElement.style.webkitTapHighlightColor = 'transparent';
+            const rootStyles = rootElement.style;
+            this._rootElementTapHighlight = rootStyles.webkitTapHighlightColor || '';
+            rootStyles.webkitTapHighlightColor = 'transparent';
         }
         this._hasStartedDragging = this._hasMoved = false;
         // Avoid multiple subscriptions and memory leaks when multi touch
@@ -880,11 +884,13 @@ class DragRef {
         // it next to the cursor. The exception is when the consumer has opted into making the preview
         // the same size as the root element, in which case we do know the size.
         const previewTemplate = this._previewTemplate;
-        this._pickupPositionInElement = previewTemplate && previewTemplate.template &&
-            !previewTemplate.matchSize ? { x: 0, y: 0 } :
-            this._getPointerPositionInElement(referenceElement, event);
-        const pointerPosition = this._pickupPositionOnPage = this._lastKnownPointerPosition =
-            this._getPointerPositionOnPage(event);
+        this._pickupPositionInElement =
+            previewTemplate && previewTemplate.template && !previewTemplate.matchSize
+                ? { x: 0, y: 0 }
+                : this._getPointerPositionInElement(referenceElement, event);
+        const pointerPosition = (this._pickupPositionOnPage =
+            this._lastKnownPointerPosition =
+                this._getPointerPositionOnPage(event));
         this._pointerDirectionDelta = { x: 0, y: 0 };
         this._pointerPositionAtLastDirectionChange = { x: pointerPosition.x, y: pointerPosition.y };
         this._dragStartTime = Date.now();
@@ -917,7 +923,7 @@ class DragRef {
                 previousContainer: this._initialContainer,
                 isPointerOverContainer,
                 distance,
-                dropPoint: pointerPosition
+                dropPoint: pointerPosition,
             });
             container.drop(this, currentIndex, this._initialIndex, this._initialContainer, isPointerOverContainer, distance, pointerPosition);
             this._dropContainer = this._initialContainer;
@@ -934,7 +940,8 @@ class DragRef {
         // initial container, check whether the it's over the initial container. This handles the
         // case where two containers are connected one way and the user tries to undo dragging an
         // item into a new container.
-        if (!newContainer && this._dropContainer !== this._initialContainer &&
+        if (!newContainer &&
+            this._dropContainer !== this._initialContainer &&
             this._initialContainer._isOverContainer(x, y)) {
             newContainer = this._initialContainer;
         }
@@ -948,11 +955,13 @@ class DragRef {
                 this._dropContainer.enter(this, x, y, newContainer === this._initialContainer &&
                     // If we're re-entering the initial container and sorting is disabled,
                     // put item the into its starting index to begin with.
-                    newContainer.sortingDisabled ? this._initialIndex : undefined);
+                    newContainer.sortingDisabled
+                    ? this._initialIndex
+                    : undefined);
                 this.entered.next({
                     item: this,
                     container: newContainer,
-                    currentIndex: newContainer.getItemIndex(this)
+                    currentIndex: newContainer.getItemIndex(this),
                 });
             });
         }
@@ -984,8 +993,7 @@ class DragRef {
                 matchElementSize(preview, rootRect);
             }
             else {
-                preview.style.transform =
-                    getTransform(this._pickupPositionOnPage.x, this._pickupPositionOnPage.y);
+                preview.style.transform = getTransform(this._pickupPositionOnPage.x, this._pickupPositionOnPage.y);
             }
         }
         else {
@@ -1005,7 +1013,7 @@ class DragRef {
             'position': 'fixed',
             'top': '0',
             'left': '0',
-            'z-index': `${this._config.zIndex || 1000}`
+            'z-index': `${this._config.zIndex || 1000}`,
         }, dragImportantProperties);
         toggleNativeDragInteractions(preview, false);
         preview.classList.add('cdk-drag-preview');
@@ -1045,9 +1053,9 @@ class DragRef {
         return this._ngZone.runOutsideAngular(() => {
             return new Promise(resolve => {
                 const handler = ((event) => {
-                    if (!event || (_getEventTarget(event) === this._preview &&
-                        event.propertyName === 'transform')) {
-                        this._preview.removeEventListener('transitionend', handler);
+                    if (!event ||
+                        (_getEventTarget(event) === this._preview && event.propertyName === 'transform')) {
+                        this._preview?.removeEventListener('transitionend', handler);
                         resolve();
                         clearTimeout(timeout);
                     }
@@ -1091,21 +1099,22 @@ class DragRef {
         const y = point.pageY - referenceRect.top - scrollPosition.top;
         return {
             x: referenceRect.left - elementRect.left + x,
-            y: referenceRect.top - elementRect.top + y
+            y: referenceRect.top - elementRect.top + y,
         };
     }
     /** Determines the point of the page that was touched by the user. */
     _getPointerPositionOnPage(event) {
         const scrollPosition = this._getViewportScrollPosition();
-        const point = isTouchEvent(event) ?
-            // `touches` will be empty for start/end events so we have to fall back to `changedTouches`.
-            // Also note that on real devices we're guaranteed for either `touches` or `changedTouches`
-            // to have a value, but Firefox in device emulation mode has a bug where both can be empty
-            // for `touchstart` and `touchend` so we fall back to a dummy object in order to avoid
-            // throwing an error. The value returned here will be incorrect, but since this only
-            // breaks inside a developer tool and the value is only used for secondary information,
-            // we can get away with it. See https://bugzilla.mozilla.org/show_bug.cgi?id=1615824.
-            (event.touches[0] || event.changedTouches[0] || { pageX: 0, pageY: 0 }) : event;
+        const point = isTouchEvent(event)
+            ? // `touches` will be empty for start/end events so we have to fall back to `changedTouches`.
+                // Also note that on real devices we're guaranteed for either `touches` or `changedTouches`
+                // to have a value, but Firefox in device emulation mode has a bug where both can be empty
+                // for `touchstart` and `touchend` so we fall back to a dummy object in order to avoid
+                // throwing an error. The value returned here will be incorrect, but since this only
+                // breaks inside a developer tool and the value is only used for secondary information,
+                // we can get away with it. See https://bugzilla.mozilla.org/show_bug.cgi?id=1615824.
+                event.touches[0] || event.changedTouches[0] || { pageX: 0, pageY: 0 }
+            : event;
         const x = point.pageX - scrollPosition.left;
         const y = point.pageY - scrollPosition.top;
         // if dragging SVG element, try to convert from the screen coordinate system to the SVG
@@ -1208,10 +1217,9 @@ class DragRef {
      * @param y New transform value along the Y axis.
      */
     _applyPreviewTransform(x, y) {
-        var _a;
         // Only apply the initial transform if the preview is a clone of the original element, otherwise
         // it could be completely different and the transform might not make sense anymore.
-        const initialTransform = ((_a = this._previewTemplate) === null || _a === void 0 ? void 0 : _a.template) ? undefined : this._initialTransform;
+        const initialTransform = this._previewTemplate?.template ? undefined : this._initialTransform;
         const transform = getTransform(x, y);
         this._preview.style.transform = combineTransforms(transform, initialTransform);
     }
@@ -1300,7 +1308,8 @@ class DragRef {
             const target = _getEventTarget(event);
             // ClientRect dimensions are based on the scroll position of the page and its parent
             // node so we have to update the cached boundary ClientRect if the user has scrolled.
-            if (this._boundaryRect && target !== this._boundaryElement &&
+            if (this._boundaryRect &&
+                target !== this._boundaryElement &&
                 target.contains(this._boundaryElement)) {
                 adjustClientRect(this._boundaryRect, scrollDifference.top, scrollDifference.left);
             }
@@ -1318,8 +1327,9 @@ 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 cachedPosition
+            ? cachedPosition.scrollPosition
+            : this._viewportRuler.getViewportScrollPosition();
     }
     /**
      * Lazily resolves and returns the shadow root of the element. We do this in a function, rather
@@ -1344,12 +1354,12 @@ class DragRef {
             // 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 shadowRoot ||
+            return (shadowRoot ||
                 documentRef.fullscreenElement ||
                 documentRef.webkitFullscreenElement ||
                 documentRef.mozFullScreenElement ||
                 documentRef.msFullscreenElement ||
-                documentRef.body;
+                documentRef.body);
         }
         return coerceElement(previewContainer);
     }
@@ -1368,15 +1378,6 @@ function getTransform(x, y) {
 function clamp$1(value, min, max) {
     return Math.max(min, Math.min(max, value));
 }
-/**
- * Helper to remove a node from the DOM and to do all the necessary null checks.
- * @param node Node to be removed.
- */
-function removeNode(node) {
-    if (node && node.parentNode) {
-        node.parentNode.removeChild(node);
-    }
-}
 /** Determines whether an event is a touch event. */
 function isTouchEvent(event) {
     // This function is called for every pixel that the user has dragged so we need it to be
@@ -1701,7 +1702,7 @@ class DropListRef {
             previousContainer,
             isPointerOverContainer,
             distance,
-            dropPoint
+            dropPoint,
         });
     }
     /**
@@ -1774,8 +1775,9 @@ class DropListRef {
         // Items are sorted always by top/left in the cache, however they flow differently in RTL.
         // The rest of the logic still stands no matter what orientation we're in, however
         // we need to invert the array when determining the index.
-        const items = this._orientation === 'horizontal' && this._direction === 'rtl' ?
-            this._itemPositions.slice().reverse() : this._itemPositions;
+        const items = this._orientation === 'horizontal' && this._direction === 'rtl'
+            ? this._itemPositions.slice().reverse()
+            : this._itemPositions;
         return items.findIndex(currentItem => currentItem.drag === item);
     }
     /**
@@ -1794,7 +1796,8 @@ class DropListRef {
      */
     _sortItem(item, pointerX, pointerY, pointerDelta) {
         // Don't sort the item if sorting is disabled or it's out of range.
-        if (this.sortingDisabled || !this._clientRect ||
+        if (this.sortingDisabled ||
+            !this._clientRect ||
             !isPointerNearClientRect(this._clientRect, DROP_PROXIMITY_THRESHOLD, pointerX, pointerY)) {
             return;
         }
@@ -1822,7 +1825,7 @@ class DropListRef {
             previousIndex: currentIndex,
             currentIndex: newIndex,
             container: this,
-            item
+            item,
         });
         siblings.forEach((sibling, index) => {
             // Don't do anything if the position hasn't changed.
@@ -1831,8 +1834,9 @@ class DropListRef {
             }
             const isDraggedItem = sibling.drag === item;
             const offset = isDraggedItem ? itemOffset : siblingOffset;
-            const elementToOffset = isDraggedItem ? item.getPlaceholderElement() :
-                sibling.drag.getRootElement();
+            const elementToOffset = isDraggedItem
+                ? item.getPlaceholderElement()
+                : sibling.drag.getRootElement();
             // Update the offset to reflect the new position.
             sibling.offset += offset;
             // Since we're moving the items with a `transform`, we need to adjust their cached
@@ -1885,14 +1889,22 @@ class DropListRef {
         // Otherwise check if we can start scrolling the viewport.
         if (!verticalScrollDirection && !horizontalScrollDirection) {
             const { width, height } = this._viewportRuler.getViewportSize();
-            const clientRect = { width, height, top: 0, right: width, bottom: height, left: 0 };
+            const clientRect = {
+                width,
+                height,
+                top: 0,
+                right: width,
+                bottom: height,
+                left: 0,
+            };
             verticalScrollDirection = getVerticalScrollDirection(clientRect, pointerY);
             horizontalScrollDirection = getHorizontalScrollDirection(clientRect, pointerX);
             scrollNode = window;
         }
-        if (scrollNode && (verticalScrollDirection !== this._verticalScrollDirection ||
-            horizontalScrollDirection !== this._horizontalScrollDirection ||
-            scrollNode !== this._scrollNode)) {
+        if (scrollNode &&
+            (verticalScrollDirection !== this._verticalScrollDirection ||
+                horizontalScrollDirection !== this._horizontalScrollDirection ||
+                scrollNode !== this._scrollNode)) {
             this._verticalScrollDirection = verticalScrollDirection;
             this._horizontalScrollDirection = horizontalScrollDirection;
             this._scrollNode = scrollNode;
@@ -1933,7 +1945,8 @@ class DropListRef {
     /** Refreshes the position cache of the items and sibling containers. */
     _cacheItemPositions() {
         const isHorizontal = this._orientation === 'horizontal';
-        this._itemPositions = this._activeDraggables.map(drag => {
+        this._itemPositions = this._activeDraggables
+            .map(drag => {
             const elementToMeasure = drag.getVisibleElement();
             return {
                 drag,
@@ -1941,9 +1954,11 @@ class DropListRef {
                 initialTransform: elementToMeasure.style.transform || '',
                 clientRect: getMutableClientRect(elementToMeasure),
             };
-        }).sort((a, b) => {
-            return isHorizontal ? a.clientRect.left - b.clientRect.left :
-                a.clientRect.top - b.clientRect.top;
+        })
+            .sort((a, b) => {
+            return isHorizontal
+                ? a.clientRect.left - b.clientRect.left
+                : a.clientRect.top - b.clientRect.top;
         });
     }
     /** Resets the container to its initial state. */
@@ -1953,11 +1968,9 @@ class DropListRef {
         styles.scrollSnapType = styles.msScrollSnapType = this._initialScrollSnap;
         // TODO(crisbeto): may have to wait for the animations to finish.
         this._activeDraggables.forEach(item => {
-            var _a;
             const rootElement = item.getRootElement();
             if (rootElement) {
-                const initialTransform = (_a = this._itemPositions
-                    .find(current => current.drag === item)) === null || _a === void 0 ? void 0 : _a.initialTransform;
+                const initialTransform = this._itemPositions.find(current => current.drag === item)?.initialTransform;
                 rootElement.style.transform = initialTransform || '';
             }
         });
@@ -2006,12 +2019,14 @@ class DropListRef {
      */
     _getItemOffsetPx(currentPosition, newPosition, delta) {
         const isHorizontal = this._orientation === 'horizontal';
-        let itemOffset = isHorizontal ? newPosition.left - currentPosition.left :
-            newPosition.top - currentPosition.top;
+        let itemOffset = isHorizontal
+            ? newPosition.left - currentPosition.left
+            : newPosition.top - currentPosition.top;
         // Account for differences in the item width/height.
         if (delta === -1) {
-            itemOffset += isHorizontal ? newPosition.width - currentPosition.width :
-                newPosition.height - currentPosition.height;
+            itemOffset += isHorizontal
+                ? newPosition.width - currentPosition.width
+                : newPosition.height - currentPosition.height;
         }
         return itemOffset;
     }
@@ -2057,18 +2072,19 @@ class DropListRef {
                 // If the user is still hovering over the same item as last time, their cursor hasn't left
                 // the item after we made the swap, and they didn't change the direction in which they're
                 // dragging, we don't consider it a direction swap.
-                if (drag === this._previousSwap.drag && this._previousSwap.overlaps &&
+                if (drag === this._previousSwap.drag &&
+                    this._previousSwap.overlaps &&
                     direction === this._previousSwap.delta) {
                     return false;
                 }
             }
-            return isHorizontal ?
-                // Round these down since most browsers report client rects with
-                // sub-pixel precision, whereas the pointer coordinates are rounded to pixels.
-                pointerX >= Math.floor(clientRect.left) && pointerX < Math.floor(clientRect.right) :
-                pointerY >= Math.floor(clientRect.top) && pointerY < Math.floor(clientRect.bottom);
+            return isHorizontal
+                ? // Round these down since most browsers report client rects with
+                    // sub-pixel precision, whereas the pointer coordinates are rounded to pixels.
+                    pointerX >= Math.floor(clientRect.left) && pointerX < Math.floor(clientRect.right)
+                : pointerY >= Math.floor(clientRect.top) && pointerY < Math.floor(clientRect.bottom);
         });
-        return (index === -1 || !this.sortPredicate(index, item, this)) ? -1 : index;
+        return index === -1 || !this.sortPredicate(index, item, this) ? -1 : index;
     }
     /** Caches the current items in the list and their positions. */
     _cacheItems() {
@@ -2101,7 +2117,8 @@ class DropListRef {
      * @param y Position of the item along the Y axis.
      */
     _canReceive(item, x, y) {
-        if (!this._clientRect || !isInsideClientRect(this._clientRect, x, y) ||
+        if (!this._clientRect ||
+            !isInsideClientRect(this._clientRect, x, y) ||
             !this.enterPredicate(item, this)) {
             return false;
         }
@@ -2126,13 +2143,14 @@ class DropListRef {
      */
     _startReceiving(sibling, items) {
         const activeSiblings = this._activeSiblings;
-        if (!activeSiblings.has(sibling) && items.every(item => {
-            // Note that we have to add an exception to the `enterPredicate` for items that started off
-            // in this drop list. The drag ref has logic that allows an item to return to its initial
-            // container, if it has left the initial container and none of the connected containers
-            // allow it to enter. See `DragRef._updateActiveDropContainer` for more context.
-            return this.enterPredicate(item, this) || this._draggables.indexOf(item) > -1;
-        })) {
+        if (!activeSiblings.has(sibling) &&
+            items.every(item => {
+                // Note that we have to add an exception to the `enterPredicate` for items that started off
+                // in this drop list. The drag ref has logic that allows an item to return to its initial
+                // container, if it has left the initial container and none of the connected containers
+                // allow it to enter. See `DragRef._updateActiveDropContainer` for more context.
+                return this.enterPredicate(item, this) || this._draggables.indexOf(item) > -1;
+            })) {
             activeSiblings.add(sibling);
             this._cacheParentPositions();
             this._listenToScrollEvents();
@@ -2189,7 +2207,7 @@ class DropListRef {
     _getShadowRoot() {
         if (!this._cachedShadowRoot) {
             const shadowRoot = _getShadowRoot(coerceElement(this.element));
-            this._cachedShadowRoot = shadowRoot || this._document;
+            this._cachedShadowRoot = (shadowRoot || this._document);
         }
         return this._cachedShadowRoot;
     }
@@ -2283,7 +2301,7 @@ function getElementScrollDirections(element, clientRect, pointerX, pointerY) {
 /** Event options that can be used to bind an active, capturing event. */
 const activeCapturingEventOptions = normalizePassiveListenerOptions({
     passive: false,
-    capture: true
+    capture: true,
 });
 /**
  * Service that keeps track of all the drag item and drop container
@@ -2399,13 +2417,13 @@ class DragDropRegistry {
             this._globalListeners
                 .set(isTouchEvent ? 'touchend' : 'mouseup', {
                 handler: (e) => this.pointerUp.next(e),
-                options: true
+                options: true,
             })
                 .set('scroll', {
                 handler: (e) => this.scroll.next(e),
                 // Use capturing so that we pick up scroll changes in any scrollable nodes that aren't
                 // the document. See https://github.com/angular/components/issues/17144.
-                options: true
+                options: true,
             })
                 // Preventing the default action on `mousemove` isn't enough to disable text selection
                 // on Safari so we need to prevent the selection event as well. Alternatively this can
@@ -2413,14 +2431,14 @@ class DragDropRegistry {
                 // recalculation which can be expensive on pages with a lot of elements.
                 .set('selectstart', {
                 handler: this._preventDefaultWhileDragging,
-                options: activeCapturingEventOptions
+                options: activeCapturingEventOptions,
             });
             // We don't have to bind a move event for touch drag sequences, because
             // we already have a persistent global one bound from `registerDragItem`.
             if (!isTouchEvent) {
                 this._globalListeners.set('mousemove', {
                     handler: (e) => this.pointerMove.next(e),
-                    options: activeCapturingEventOptions
+                    options: activeCapturingEventOptions,
                 });
             }
             this._ngZone.runOutsideAngular(() => {
@@ -2489,14 +2507,15 @@ class DragDropRegistry {
         this._globalListeners.clear();
     }
 }
-DragDropRegistry.ɵprov = i0.ɵɵdefineInjectable({ factory: function DragDropRegistry_Factory() { return new DragDropRegistry(i0.ɵɵinject(i0.NgZone), i0.ɵɵinject(i1.DOCUMENT)); }, token: DragDropRegistry, providedIn: "root" });
-DragDropRegistry.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-DragDropRegistry.ctorParameters = () => [
-    { type: NgZone },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
-];
+DragDropRegistry.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: DragDropRegistry, deps: [{ token: i0.NgZone }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+DragDropRegistry.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: DragDropRegistry, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: DragDropRegistry, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }]; } });
 
 /**
  * @license
@@ -2508,7 +2527,7 @@ DragDropRegistry.ctorParameters = () => [
 /** Default configuration to be used when creating a `DragRef`. */
 const DEFAULT_CONFIG = {
     dragStartThreshold: 5,
-    pointerDirectionChangeThreshold: 5
+    pointerDirectionChangeThreshold: 5,
 };
 /**
  * Service that allows for drag-and-drop functionality to be attached to DOM elements.
@@ -2536,16 +2555,15 @@ class DragDrop {
         return new DropListRef(element, this._dragDropRegistry, this._document, this._ngZone, this._viewportRuler);
     }
 }
-DragDrop.ɵprov = i0.ɵɵdefineInjectable({ factory: function DragDrop_Factory() { return new DragDrop(i0.ɵɵinject(i1.DOCUMENT), i0.ɵɵinject(i0.NgZone), i0.ɵɵinject(i2.ViewportRuler), i0.ɵɵinject(DragDropRegistry)); }, token: DragDrop, providedIn: "root" });
-DragDrop.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-DragDrop.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-    { type: NgZone },
-    { type: ViewportRuler },
-    { type: DragDropRegistry }
-];
+DragDrop.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: DragDrop, deps: [{ token: DOCUMENT }, { token: i0.NgZone }, { token: i1.ViewportRuler }, { token: DragDropRegistry }], target: i0.ɵɵFactoryTarget.Injectable });
+DragDrop.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: DragDrop, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: DragDrop, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.NgZone }, { type: i1.ViewportRuler }, { type: DragDropRegistry }]; } });
 
 /**
  * @license
@@ -2596,7 +2614,9 @@ class CdkDropListGroup {
         this._disabled = false;
     }
     /** Whether starting a dragging sequence from inside this group is disabled. */
-    get disabled() { return this._disabled; }
+    get disabled() {
+        return this._disabled;
+    }
     set disabled(value) {
         this._disabled = coerceBooleanProperty(value);
     }
@@ -2604,16 +2624,19 @@ class CdkDropListGroup {
         this._items.clear();
     }
 }
-CdkDropListGroup.decorators = [
-    { type: Directive, args: [{
-                selector: '[cdkDropListGroup]',
-                exportAs: 'cdkDropListGroup',
-                providers: [{ provide: CDK_DROP_LIST_GROUP, useExisting: CdkDropListGroup }],
-            },] }
-];
-CdkDropListGroup.propDecorators = {
-    disabled: [{ type: Input, args: ['cdkDropListGroupDisabled',] }]
-};
+CdkDropListGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkDropListGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CdkDropListGroup.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: { disabled: ["cdkDropListGroupDisabled", "disabled"] }, providers: [{ provide: CDK_DROP_LIST_GROUP, useExisting: CdkDropListGroup }], exportAs: ["cdkDropListGroup"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkDropListGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cdkDropListGroup]',
+                    exportAs: 'cdkDropListGroup',
+                    providers: [{ provide: CDK_DROP_LIST_GROUP, useExisting: CdkDropListGroup }],
+                }]
+        }], propDecorators: { disabled: [{
+                type: Input,
+                args: ['cdkDropListGroupDisabled']
+            }] } });
 
 /**
  * @license
@@ -2642,8 +2665,7 @@ const CDK_DRAG_CONFIG = new InjectionToken('CDK_DRAG_CONFIG');
  */
 function assertElementNode(node, name) {
     if (node.nodeType !== 1) {
-        throw Error(`${name} must be attached to an element node. ` +
-            `Currently attached to "${node.nodeName}".`);
+        throw Error(`${name} must be attached to an element node. ` + `Currently attached to "${node.nodeName}".`);
     }
 }
 
@@ -2662,7 +2684,6 @@ let _uniqueIdCounter = 0;
  * retention of the class and its directive metadata.
  */
 const CDK_DROP_LIST = new InjectionToken('CdkDropList');
-const ɵ0 = undefined;
 /** Container that wraps a set of draggable items. */
 class CdkDropList {
     constructor(
@@ -2725,10 +2746,9 @@ class CdkDropList {
         this._dropListRef.enterPredicate = (drag, drop) => {
             return this.enterPredicate(drag.data, drop.data);
         };
-        this._dropListRef.sortPredicate =
-            (index, drag, drop) => {
-                return this.sortPredicate(index, drag.data, drop.data);
-            };
+        this._dropListRef.sortPredicate = (index, drag, drop) => {
+            return this.sortPredicate(index, drag.data, drop.data);
+        };
         this._setupInputSyncSubscription(this._dropListRef);
         this._handleEvents(this._dropListRef);
         CdkDropList._dropLists.push(this);
@@ -2764,7 +2784,9 @@ class CdkDropList {
     /** Gets the registered items in the list, sorted by their position in the DOM. */
     getSortedItems() {
         return Array.from(this._unsortedItems).sort((a, b) => {
-            const documentPosition = a._dragRef.getVisibleElement().compareDocumentPosition(b._dragRef.getVisibleElement());
+            const documentPosition = a._dragRef
+                .getVisibleElement()
+                .compareDocumentPosition(b._dragRef.getVisibleElement());
             // `compareDocumentPosition` returns a bitmask so we have to use a bitwise operator.
             // https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
             // tslint:disable-next-line:no-bitwise
@@ -2840,13 +2862,13 @@ class CdkDropList {
             this.entered.emit({
                 container: this,
                 item: event.item.data,
-                currentIndex: event.currentIndex
+                currentIndex: event.currentIndex,
             });
         });
         ref.exited.subscribe(event => {
             this.exited.emit({
                 container: this,
-                item: event.item.data
+                item: event.item.data,
             });
             this._changeDetectorRef.markForCheck();
         });
@@ -2855,7 +2877,7 @@ class CdkDropList {
                 previousIndex: event.previousIndex,
                 currentIndex: event.currentIndex,
                 container: this,
-                item: event.item.data
+                item: event.item.data,
             });
         });
         ref.dropped.subscribe(event => {
@@ -2867,7 +2889,7 @@ class CdkDropList {
                 item: event.item.data,
                 isPointerOverContainer: event.isPointerOverContainer,
                 distance: event.distance,
-                dropPoint: event.dropPoint
+                dropPoint: event.dropPoint,
             });
             // Mark for check since all of these events run outside of change
             // detection and we're not guaranteed for something else to have triggered it.
@@ -2892,50 +2914,89 @@ class CdkDropList {
 }
 /** Keeps track of the drop lists that are currently on the page. */
 CdkDropList._dropLists = [];
-CdkDropList.decorators = [
-    { type: Directive, args: [{
-                selector: '[cdkDropList], cdk-drop-list',
-                exportAs: 'cdkDropList',
-                providers: [
-                    // Prevent child drop lists from picking up the same group as their parent.
-                    { provide: CDK_DROP_LIST_GROUP, useValue: ɵ0 },
-                    { provide: CDK_DROP_LIST, useExisting: CdkDropList },
-                ],
-                host: {
-                    'class': 'cdk-drop-list',
-                    '[attr.id]': 'id',
-                    '[class.cdk-drop-list-disabled]': 'disabled',
-                    '[class.cdk-drop-list-dragging]': '_dropListRef.isDragging()',
-                    '[class.cdk-drop-list-receiving]': '_dropListRef.isReceiving()',
-                }
-            },] }
-];
-CdkDropList.ctorParameters = () => [
-    { type: ElementRef },
-    { type: DragDrop },
-    { type: ChangeDetectorRef },
-    { type: ScrollDispatcher },
-    { type: Directionality, decorators: [{ type: Optional }] },
-    { type: CdkDropListGroup, decorators: [{ type: Optional }, { type: Inject, args: [CDK_DROP_LIST_GROUP,] }, { type: SkipSelf }] },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [CDK_DRAG_CONFIG,] }] }
-];
-CdkDropList.propDecorators = {
-    connectedTo: [{ type: Input, args: ['cdkDropListConnectedTo',] }],
-    data: [{ type: Input, args: ['cdkDropListData',] }],
-    orientation: [{ type: Input, args: ['cdkDropListOrientation',] }],
-    id: [{ type: Input }],
-    lockAxis: [{ type: Input, args: ['cdkDropListLockAxis',] }],
-    disabled: [{ type: Input, args: ['cdkDropListDisabled',] }],
-    sortingDisabled: [{ type: Input, args: ['cdkDropListSortingDisabled',] }],
-    enterPredicate: [{ type: Input, args: ['cdkDropListEnterPredicate',] }],
-    sortPredicate: [{ type: Input, args: ['cdkDropListSortPredicate',] }],
-    autoScrollDisabled: [{ type: Input, args: ['cdkDropListAutoScrollDisabled',] }],
-    autoScrollStep: [{ type: Input, args: ['cdkDropListAutoScrollStep',] }],
-    dropped: [{ type: Output, args: ['cdkDropListDropped',] }],
-    entered: [{ type: Output, args: ['cdkDropListEntered',] }],
-    exited: [{ type: Output, args: ['cdkDropListExited',] }],
-    sorted: [{ type: Output, args: ['cdkDropListSorted',] }]
-};
+CdkDropList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkDropList, deps: [{ token: i0.ElementRef }, { token: DragDrop }, { token: i0.ChangeDetectorRef }, { token: i1.ScrollDispatcher }, { token: i3.Directionality, optional: true }, { token: CDK_DROP_LIST_GROUP, optional: true, skipSelf: true }, { token: CDK_DRAG_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+CdkDropList.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: { connectedTo: ["cdkDropListConnectedTo", "connectedTo"], data: ["cdkDropListData", "data"], orientation: ["cdkDropListOrientation", "orientation"], id: "id", lockAxis: ["cdkDropListLockAxis", "lockAxis"], disabled: ["cdkDropListDisabled", "disabled"], sortingDisabled: ["cdkDropListSortingDisabled", "sortingDisabled"], enterPredicate: ["cdkDropListEnterPredicate", "enterPredicate"], sortPredicate: ["cdkDropListSortPredicate", "sortPredicate"], autoScrollDisabled: ["cdkDropListAutoScrollDisabled", "autoScrollDisabled"], autoScrollStep: ["cdkDropListAutoScrollStep", "autoScrollStep"] }, outputs: { dropped: "cdkDropListDropped", entered: "cdkDropListEntered", exited: "cdkDropListExited", sorted: "cdkDropListSorted" }, host: { properties: { "attr.id": "id", "class.cdk-drop-list-disabled": "disabled", "class.cdk-drop-list-dragging": "_dropListRef.isDragging()", "class.cdk-drop-list-receiving": "_dropListRef.isReceiving()" }, classAttribute: "cdk-drop-list" }, providers: [
+        // Prevent child drop lists from picking up the same group as their parent.
+        { provide: CDK_DROP_LIST_GROUP, useValue: undefined },
+        { provide: CDK_DROP_LIST, useExisting: CdkDropList },
+    ], exportAs: ["cdkDropList"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkDropList, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cdkDropList], cdk-drop-list',
+                    exportAs: 'cdkDropList',
+                    providers: [
+                        // Prevent child drop lists from picking up the same group as their parent.
+                        { provide: CDK_DROP_LIST_GROUP, useValue: undefined },
+                        { provide: CDK_DROP_LIST, useExisting: CdkDropList },
+                    ],
+                    host: {
+                        'class': 'cdk-drop-list',
+                        '[attr.id]': 'id',
+                        '[class.cdk-drop-list-disabled]': 'disabled',
+                        '[class.cdk-drop-list-dragging]': '_dropListRef.isDragging()',
+                        '[class.cdk-drop-list-receiving]': '_dropListRef.isReceiving()',
+                    },
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: DragDrop }, { type: i0.ChangeDetectorRef }, { type: i1.ScrollDispatcher }, { type: i3.Directionality, decorators: [{
+                    type: Optional
+                }] }, { type: CdkDropListGroup, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [CDK_DROP_LIST_GROUP]
+                }, {
+                    type: SkipSelf
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [CDK_DRAG_CONFIG]
+                }] }]; }, propDecorators: { connectedTo: [{
+                type: Input,
+                args: ['cdkDropListConnectedTo']
+            }], data: [{
+                type: Input,
+                args: ['cdkDropListData']
+            }], orientation: [{
+                type: Input,
+                args: ['cdkDropListOrientation']
+            }], id: [{
+                type: Input
+            }], lockAxis: [{
+                type: Input,
+                args: ['cdkDropListLockAxis']
+            }], disabled: [{
+                type: Input,
+                args: ['cdkDropListDisabled']
+            }], sortingDisabled: [{
+                type: Input,
+                args: ['cdkDropListSortingDisabled']
+            }], enterPredicate: [{
+                type: Input,
+                args: ['cdkDropListEnterPredicate']
+            }], sortPredicate: [{
+                type: Input,
+                args: ['cdkDropListSortPredicate']
+            }], autoScrollDisabled: [{
+                type: Input,
+                args: ['cdkDropListAutoScrollDisabled']
+            }], autoScrollStep: [{
+                type: Input,
+                args: ['cdkDropListAutoScrollStep']
+            }], dropped: [{
+                type: Output,
+                args: ['cdkDropListDropped']
+            }], entered: [{
+                type: Output,
+                args: ['cdkDropListEntered']
+            }], exited: [{
+                type: Output,
+                args: ['cdkDropListExited']
+            }], sorted: [{
+                type: Output,
+                args: ['cdkDropListSorted']
+            }] } });
 
 /**
  * @license
@@ -2963,7 +3024,9 @@ class CdkDragHandle {
         this._parentDrag = parentDrag;
     }
     /** Whether starting to drag through this handle is disabled. */
-    get disabled() { return this._disabled; }
+    get disabled() {
+        return this._disabled;
+    }
     set disabled(value) {
         this._disabled = coerceBooleanProperty(value);
         this._stateChanges.next(this);
@@ -2972,22 +3035,28 @@ class CdkDragHandle {
         this._stateChanges.complete();
     }
 }
-CdkDragHandle.decorators = [
-    { type: Directive, args: [{
-                selector: '[cdkDragHandle]',
-                host: {
-                    'class': 'cdk-drag-handle'
-                },
-                providers: [{ provide: CDK_DRAG_HANDLE, useExisting: CdkDragHandle }],
-            },] }
-];
-CdkDragHandle.ctorParameters = () => [
-    { type: ElementRef },
-    { type: undefined, decorators: [{ type: Inject, args: [CDK_DRAG_PARENT,] }, { type: Optional }, { type: SkipSelf }] }
-];
-CdkDragHandle.propDecorators = {
-    disabled: [{ type: Input, args: ['cdkDragHandleDisabled',] }]
-};
+CdkDragHandle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkDragHandle, deps: [{ token: i0.ElementRef }, { token: CDK_DRAG_PARENT, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
+CdkDragHandle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: { disabled: ["cdkDragHandleDisabled", "disabled"] }, host: { classAttribute: "cdk-drag-handle" }, providers: [{ provide: CDK_DRAG_HANDLE, useExisting: CdkDragHandle }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkDragHandle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cdkDragHandle]',
+                    host: {
+                        'class': 'cdk-drag-handle',
+                    },
+                    providers: [{ provide: CDK_DRAG_HANDLE, useExisting: CdkDragHandle }],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [CDK_DRAG_PARENT]
+                }, {
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }]; }, propDecorators: { disabled: [{
+                type: Input,
+                args: ['cdkDragHandleDisabled']
+            }] } });
 
 /**
  * @license
@@ -3011,18 +3080,17 @@ class CdkDragPlaceholder {
         this.templateRef = templateRef;
     }
 }
-CdkDragPlaceholder.decorators = [
-    { type: Directive, args: [{
-                selector: 'ng-template[cdkDragPlaceholder]',
-                providers: [{ provide: CDK_DRAG_PLACEHOLDER, useExisting: CdkDragPlaceholder }],
-            },] }
-];
-CdkDragPlaceholder.ctorParameters = () => [
-    { type: TemplateRef }
-];
-CdkDragPlaceholder.propDecorators = {
-    data: [{ type: Input }]
-};
+CdkDragPlaceholder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkDragPlaceholder, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+CdkDragPlaceholder.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: { data: "data" }, providers: [{ provide: CDK_DRAG_PLACEHOLDER, useExisting: CdkDragPlaceholder }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkDragPlaceholder, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[cdkDragPlaceholder]',
+                    providers: [{ provide: CDK_DRAG_PLACEHOLDER, useExisting: CdkDragPlaceholder }],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; }, propDecorators: { data: [{
+                type: Input
+            }] } });
 
 /**
  * @license
@@ -3047,22 +3115,26 @@ class CdkDragPreview {
         this._matchSize = false;
     }
     /** Whether the preview should preserve the same size as the item that is being dragged. */
-    get matchSize() { return this._matchSize; }
-    set matchSize(value) { this._matchSize = coerceBooleanProperty(value); }
+    get matchSize() {
+        return this._matchSize;
+    }
+    set matchSize(value) {
+        this._matchSize = coerceBooleanProperty(value);
+    }
 }
-CdkDragPreview.decorators = [
-    { type: Directive, args: [{
-                selector: 'ng-template[cdkDragPreview]',
-                providers: [{ provide: CDK_DRAG_PREVIEW, useExisting: CdkDragPreview }],
-            },] }
-];
-CdkDragPreview.ctorParameters = () => [
-    { type: TemplateRef }
-];
-CdkDragPreview.propDecorators = {
-    data: [{ type: Input }],
-    matchSize: [{ type: Input }]
-};
+CdkDragPreview.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkDragPreview, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+CdkDragPreview.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: { data: "data", matchSize: "matchSize" }, providers: [{ provide: CDK_DRAG_PREVIEW, useExisting: CdkDragPreview }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkDragPreview, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[cdkDragPreview]',
+                    providers: [{ provide: CDK_DRAG_PREVIEW, useExisting: CdkDragPreview }],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; }, propDecorators: { data: [{
+                type: Input
+            }], matchSize: [{
+                type: Input
+            }] } });
 
 /**
  * @license
@@ -3110,23 +3182,25 @@ class CdkDrag {
          * because this event will fire for every pixel that the user has dragged.
          */
         this.moved = new Observable((observer) => {
-            const subscription = this._dragRef.moved.pipe(map(movedEvent => ({
+            const subscription = this._dragRef.moved
+                .pipe(map(movedEvent => ({
                 source: this,
                 pointerPosition: movedEvent.pointerPosition,
                 event: movedEvent.event,
                 delta: movedEvent.delta,
-                distance: movedEvent.distance
-            }))).subscribe(observer);
+                distance: movedEvent.distance,
+            })))
+                .subscribe(observer);
             return () => {
                 subscription.unsubscribe();
             };
         });
         this._dragRef = dragDrop.createDrag(element, {
-            dragStartThreshold: config && config.dragStartThreshold != null ?
-                config.dragStartThreshold : 5,
-            pointerDirectionChangeThreshold: config && config.pointerDirectionChangeThreshold != null ?
-                config.pointerDirectionChangeThreshold : 5,
-            zIndex: config === null || config === void 0 ? void 0 : config.zIndex,
+            dragStartThreshold: config && config.dragStartThreshold != null ? config.dragStartThreshold : 5,
+            pointerDirectionChangeThreshold: config && config.pointerDirectionChangeThreshold != null
+                ? config.pointerDirectionChangeThreshold
+                : 5,
+            zIndex: config?.zIndex,
         });
         this._dragRef.data = this;
         // We have to keep track of the drag instances in order to be able to match an element to
@@ -3187,9 +3261,7 @@ class CdkDrag {
             // element to be in the proper place in the DOM. This is mostly relevant
             // for draggable elements inside portals since they get stamped out in
             // their original DOM position and then they get transferred to the portal.
-            this._ngZone.onStable
-                .pipe(take(1), takeUntil(this._destroyed))
-                .subscribe(() => {
+            this._ngZone.onStable.pipe(take(1), takeUntil(this._destroyed)).subscribe(() => {
                 this._updateRootElement();
                 this._setupHandlesListener();
                 if (this.freeDragPosition) {
@@ -3229,8 +3301,14 @@ class CdkDrag {
     /** Syncs the root element with the `DragRef`. */
     _updateRootElement() {
         const element = this.element.nativeElement;
-        const rootElement = this.rootElementSelector ?
-            element.closest(this.rootElementSelector) : element;
+        let rootElement = element;
+        if (this.rootElementSelector) {
+            rootElement =
+                element.closest !== undefined
+                    ? element.closest(this.rootElementSelector)
+                    : // Comment tag doesn't have closest method, so use parent's one.
+                        element.parentElement?.closest(this.rootElementSelector);
+        }
         if (rootElement && (typeof ngDevMode === 'undefined' || ngDevMode)) {
             assertElementNode(rootElement, 'cdkDrag');
         }
@@ -3258,21 +3336,27 @@ class CdkDrag {
             if (!ref.isDragging()) {
                 const dir = this._dir;
                 const dragStartDelay = this.dragStartDelay;
-                const placeholder = this._placeholderTemplate ? {
-                    template: this._placeholderTemplate.templateRef,
-                    context: this._placeholderTemplate.data,
-                    viewContainer: this._viewContainerRef
-                } : null;
-                const preview = this._previewTemplate ? {
-                    template: this._previewTemplate.templateRef,
-                    context: this._previewTemplate.data,
-                    matchSize: this._previewTemplate.matchSize,
-                    viewContainer: this._viewContainerRef
-                } : null;
+                const placeholder = this._placeholderTemplate
+                    ? {
+                        template: this._placeholderTemplate.templateRef,
+                        context: this._placeholderTemplate.data,
+                        viewContainer: this._viewContainerRef,
+                    }
+                    : null;
+                const preview = this._previewTemplate
+                    ? {
+                        template: this._previewTemplate.templateRef,
+                        context: this._previewTemplate.data,
+                        matchSize: this._previewTemplate.matchSize,
+                        viewContainer: this._viewContainerRef,
+                    }
+                    : null;
                 ref.disabled = this.disabled;
                 ref.lockAxis = this.lockAxis;
-                ref.dragStartDelay = (typeof dragStartDelay === 'object' && dragStartDelay) ?
-                    dragStartDelay : coerceNumberProperty(dragStartDelay);
+                ref.dragStartDelay =
+                    typeof dragStartDelay === 'object' && dragStartDelay
+                        ? dragStartDelay
+                        : coerceNumberProperty(dragStartDelay);
                 ref.constrainPosition = this.constrainPosition;
                 ref.previewClass = this.previewClass;
                 ref
@@ -3287,7 +3371,6 @@ class CdkDrag {
         });
         // This only needs to be resolved once.
         ref.beforeStarted.pipe(take(1)).subscribe(() => {
-            var _a;
             // If we managed to resolve a parent through DI, use it.
             if (this._parentDrag) {
                 ref.withParent(this._parentDrag._dragRef);
@@ -3298,9 +3381,9 @@ class CdkDrag {
             let parent = this.element.nativeElement.parentElement;
             while (parent) {
                 if (parent.classList.contains(DRAG_HOST_CLASS)) {
-                    ref.withParent(((_a = CdkDrag._dragInstances.find(drag => {
+                    ref.withParent(CdkDrag._dragInstances.find(drag => {
                         return drag.element.nativeElement === parent;
-                    })) === null || _a === void 0 ? void 0 : _a._dragRef) || null);
+                    })?._dragRef || null);
                     break;
                 }
                 parent = parent.parentElement;
@@ -3322,7 +3405,7 @@ class CdkDrag {
             this.ended.emit({
                 source: this,
                 distance: event.distance,
-                dropPoint: event.dropPoint
+                dropPoint: event.dropPoint,
             });
             // Since all of these events run outside of change detection,
             // we need to ensure that everything is marked correctly.
@@ -3332,13 +3415,13 @@ class CdkDrag {
             this.entered.emit({
                 container: event.container.data,
                 item: this,
-                currentIndex: event.currentIndex
+                currentIndex: event.currentIndex,
             });
         });
         ref.exited.subscribe(event => {
             this.exited.emit({
                 container: event.container.data,
-                item: this
+                item: this,
             });
         });
         ref.dropped.subscribe(event => {
@@ -3350,13 +3433,13 @@ class CdkDrag {
                 isPointerOverContainer: event.isPointerOverContainer,
                 item: this,
                 distance: event.distance,
-                dropPoint: event.dropPoint
+                dropPoint: event.dropPoint,
             });
         });
     }
     /** Assigns the default input values based on a provided config object. */
     _assignDefaults(config) {
-        const { lockAxis, dragStartDelay, constrainPosition, previewClass, boundaryElement, draggingDisabled, rootElementSelector, previewContainer } = config;
+        const { lockAxis, dragStartDelay, constrainPosition, previewClass, boundaryElement, draggingDisabled, rootElementSelector, previewContainer, } = config;
         this.disabled = draggingDisabled == null ? false : draggingDisabled;
         this.dragStartDelay = dragStartDelay || 0;
         if (lockAxis) {
@@ -3381,7 +3464,8 @@ class CdkDrag {
     /** Sets up the listener that syncs the handles with the drag ref. */
     _setupHandlesListener() {
         // Listen for any newly-added handles.
-        this._handles.changes.pipe(startWith(this._handles), 
+        this._handles.changes
+            .pipe(startWith(this._handles), 
         // Sync the new handles with the DragRef.
         tap((handles) => {
             const childHandleElements = handles
@@ -3400,7 +3484,8 @@ class CdkDrag {
             return merge(...handles.map(item => {
                 return item._stateChanges.pipe(startWith(item));
             }));
-        }), takeUntil(this._destroyed)).subscribe(handleInstance => {
+        }), takeUntil(this._destroyed))
+            .subscribe(handleInstance => {
             // Enabled/disable the handle that changed in the DragRef.
             const dragRef = this._dragRef;
             const handle = handleInstance.element.nativeElement;
@@ -3409,53 +3494,112 @@ class CdkDrag {
     }
 }
 CdkDrag._dragInstances = [];
-CdkDrag.decorators = [
-    { type: Directive, args: [{
-                selector: '[cdkDrag]',
-                exportAs: 'cdkDrag',
-                host: {
-                    'class': DRAG_HOST_CLASS,
-                    '[class.cdk-drag-disabled]': 'disabled',
-                    '[class.cdk-drag-dragging]': '_dragRef.isDragging()',
-                },
-                providers: [{ provide: CDK_DRAG_PARENT, useExisting: CdkDrag }]
-            },] }
-];
-CdkDrag.ctorParameters = () => [
-    { type: ElementRef },
-    { type: undefined, decorators: [{ type: Inject, args: [CDK_DROP_LIST,] }, { type: Optional }, { type: SkipSelf }] },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-    { type: NgZone },
-    { type: ViewContainerRef },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [CDK_DRAG_CONFIG,] }] },
-    { type: Directionality, decorators: [{ type: Optional }] },
-    { type: DragDrop },
-    { type: ChangeDetectorRef },
-    { type: CdkDragHandle, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [CDK_DRAG_HANDLE,] }] },
-    { type: CdkDrag, decorators: [{ type: Optional }, { type: SkipSelf }, { type: Inject, args: [CDK_DRAG_PARENT,] }] }
-];
-CdkDrag.propDecorators = {
-    _handles: [{ type: ContentChildren, args: [CDK_DRAG_HANDLE, { descendants: true },] }],
-    _previewTemplate: [{ type: ContentChild, args: [CDK_DRAG_PREVIEW,] }],
-    _placeholderTemplate: [{ type: ContentChild, args: [CDK_DRAG_PLACEHOLDER,] }],
-    data: [{ type: Input, args: ['cdkDragData',] }],
-    lockAxis: [{ type: Input, args: ['cdkDragLockAxis',] }],
-    rootElementSelector: [{ type: Input, args: ['cdkDragRootElement',] }],
-    boundaryElement: [{ type: Input, args: ['cdkDragBoundary',] }],
-    dragStartDelay: [{ type: Input, args: ['cdkDragStartDelay',] }],
-    freeDragPosition: [{ type: Input, args: ['cdkDragFreeDragPosition',] }],
-    disabled: [{ type: Input, args: ['cdkDragDisabled',] }],
-    constrainPosition: [{ type: Input, args: ['cdkDragConstrainPosition',] }],
-    previewClass: [{ type: Input, args: ['cdkDragPreviewClass',] }],
-    previewContainer: [{ type: Input, args: ['cdkDragPreviewContainer',] }],
-    started: [{ type: Output, args: ['cdkDragStarted',] }],
-    released: [{ type: Output, args: ['cdkDragReleased',] }],
-    ended: [{ type: Output, args: ['cdkDragEnded',] }],
-    entered: [{ type: Output, args: ['cdkDragEntered',] }],
-    exited: [{ type: Output, args: ['cdkDragExited',] }],
-    dropped: [{ type: Output, args: ['cdkDragDropped',] }],
-    moved: [{ type: Output, args: ['cdkDragMoved',] }]
-};
+CdkDrag.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkDrag, deps: [{ token: i0.ElementRef }, { token: CDK_DROP_LIST, optional: true, skipSelf: true }, { token: DOCUMENT }, { token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: CDK_DRAG_CONFIG, optional: true }, { token: i3.Directionality, optional: true }, { token: DragDrop }, { token: i0.ChangeDetectorRef }, { token: CDK_DRAG_HANDLE, optional: true, self: true }, { token: CDK_DRAG_PARENT, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
+CdkDrag.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkDrag, selector: "[cdkDrag]", inputs: { data: ["cdkDragData", "data"], lockAxis: ["cdkDragLockAxis", "lockAxis"], rootElementSelector: ["cdkDragRootElement", "rootElementSelector"], boundaryElement: ["cdkDragBoundary", "boundaryElement"], dragStartDelay: ["cdkDragStartDelay", "dragStartDelay"], freeDragPosition: ["cdkDragFreeDragPosition", "freeDragPosition"], disabled: ["cdkDragDisabled", "disabled"], constrainPosition: ["cdkDragConstrainPosition", "constrainPosition"], previewClass: ["cdkDragPreviewClass", "previewClass"], previewContainer: ["cdkDragPreviewContainer", "previewContainer"] }, outputs: { started: "cdkDragStarted", released: "cdkDragReleased", ended: "cdkDragEnded", entered: "cdkDragEntered", exited: "cdkDragExited", dropped: "cdkDragDropped", moved: "cdkDragMoved" }, host: { properties: { "class.cdk-drag-disabled": "disabled", "class.cdk-drag-dragging": "_dragRef.isDragging()" }, classAttribute: "cdk-drag" }, providers: [{ provide: CDK_DRAG_PARENT, useExisting: CdkDrag }], queries: [{ propertyName: "_previewTemplate", first: true, predicate: CDK_DRAG_PREVIEW, descendants: true }, { propertyName: "_placeholderTemplate", first: true, predicate: CDK_DRAG_PLACEHOLDER, descendants: true }, { propertyName: "_handles", predicate: CDK_DRAG_HANDLE, descendants: true }], exportAs: ["cdkDrag"], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkDrag, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cdkDrag]',
+                    exportAs: 'cdkDrag',
+                    host: {
+                        'class': DRAG_HOST_CLASS,
+                        '[class.cdk-drag-disabled]': 'disabled',
+                        '[class.cdk-drag-dragging]': '_dragRef.isDragging()',
+                    },
+                    providers: [{ provide: CDK_DRAG_PARENT, useExisting: CdkDrag }],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [CDK_DROP_LIST]
+                }, {
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.NgZone }, { type: i0.ViewContainerRef }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [CDK_DRAG_CONFIG]
+                }] }, { type: i3.Directionality, decorators: [{
+                    type: Optional
+                }] }, { type: DragDrop }, { type: i0.ChangeDetectorRef }, { type: CdkDragHandle, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [CDK_DRAG_HANDLE]
+                }] }, { type: CdkDrag, decorators: [{
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }, {
+                    type: Inject,
+                    args: [CDK_DRAG_PARENT]
+                }] }]; }, propDecorators: { _handles: [{
+                type: ContentChildren,
+                args: [CDK_DRAG_HANDLE, { descendants: true }]
+            }], _previewTemplate: [{
+                type: ContentChild,
+                args: [CDK_DRAG_PREVIEW]
+            }], _placeholderTemplate: [{
+                type: ContentChild,
+                args: [CDK_DRAG_PLACEHOLDER]
+            }], data: [{
+                type: Input,
+                args: ['cdkDragData']
+            }], lockAxis: [{
+                type: Input,
+                args: ['cdkDragLockAxis']
+            }], rootElementSelector: [{
+                type: Input,
+                args: ['cdkDragRootElement']
+            }], boundaryElement: [{
+                type: Input,
+                args: ['cdkDragBoundary']
+            }], dragStartDelay: [{
+                type: Input,
+                args: ['cdkDragStartDelay']
+            }], freeDragPosition: [{
+                type: Input,
+                args: ['cdkDragFreeDragPosition']
+            }], disabled: [{
+                type: Input,
+                args: ['cdkDragDisabled']
+            }], constrainPosition: [{
+                type: Input,
+                args: ['cdkDragConstrainPosition']
+            }], previewClass: [{
+                type: Input,
+                args: ['cdkDragPreviewClass']
+            }], previewContainer: [{
+                type: Input,
+                args: ['cdkDragPreviewContainer']
+            }], started: [{
+                type: Output,
+                args: ['cdkDragStarted']
+            }], released: [{
+                type: Output,
+                args: ['cdkDragReleased']
+            }], ended: [{
+                type: Output,
+                args: ['cdkDragEnded']
+            }], entered: [{
+                type: Output,
+                args: ['cdkDragEntered']
+            }], exited: [{
+                type: Output,
+                args: ['cdkDragExited']
+            }], dropped: [{
+                type: Output,
+                args: ['cdkDragDropped']
+            }], moved: [{
+                type: Output,
+                args: ['cdkDragMoved']
+            }] } });
 
 /**
  * @license
@@ -3466,30 +3610,43 @@ CdkDrag.propDecorators = {
  */
 class DragDropModule {
 }
-DragDropModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    CdkDropList,
-                    CdkDropListGroup,
-                    CdkDrag,
-                    CdkDragHandle,
-                    CdkDragPreview,
-                    CdkDragPlaceholder,
-                ],
-                exports: [
-                    CdkScrollableModule,
-                    CdkDropList,
-                    CdkDropListGroup,
-                    CdkDrag,
-                    CdkDragHandle,
-                    CdkDragPreview,
-                    CdkDragPlaceholder,
-                ],
-                providers: [
-                    DragDrop,
-                ]
-            },] }
-];
+DragDropModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: DragDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DragDropModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: DragDropModule, declarations: [CdkDropList,
+        CdkDropListGroup,
+        CdkDrag,
+        CdkDragHandle,
+        CdkDragPreview,
+        CdkDragPlaceholder], exports: [CdkScrollableModule,
+        CdkDropList,
+        CdkDropListGroup,
+        CdkDrag,
+        CdkDragHandle,
+        CdkDragPreview,
+        CdkDragPlaceholder] });
+DragDropModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: DragDropModule, providers: [DragDrop], imports: [CdkScrollableModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: DragDropModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CdkDropList,
+                        CdkDropListGroup,
+                        CdkDrag,
+                        CdkDragHandle,
+                        CdkDragPreview,
+                        CdkDragPlaceholder,
+                    ],
+                    exports: [
+                        CdkScrollableModule,
+                        CdkDropList,
+                        CdkDropListGroup,
+                        CdkDrag,
+                        CdkDragHandle,
+                        CdkDragPreview,
+                        CdkDragPlaceholder,
+                    ],
+                    providers: [DragDrop],
+                }]
+        }] });
 
 /**
  * @license
@@ -3504,4 +3661,4 @@ DragDropModule.decorators = [
  */
 
 export { CDK_DRAG_CONFIG, CDK_DRAG_HANDLE, CDK_DRAG_PARENT, CDK_DRAG_PLACEHOLDER, CDK_DRAG_PREVIEW, CDK_DROP_LIST, CDK_DROP_LIST_GROUP, CdkDrag, CdkDragHandle, CdkDragPlaceholder, CdkDragPreview, CdkDropList, CdkDropListGroup, DragDrop, DragDropModule, DragDropRegistry, DragRef, DropListRef, copyArrayItem, moveItemInArray, transferArrayItem };
-//# sourceMappingURL=drag-drop.js.map
+//# sourceMappingURL=drag-drop.mjs.map