@angular/cdk-experimental 13.0.0-next.7 → 13.0.0-rc.2

package/fesm2015/{popover-edit.js → popover-edit.mjs}

@@ -1,17 +1,16 @@
 import * as i0 from '@angular/core';
-import { Injectable, NgZone, Self, EventEmitter, Directive, ElementRef, HostListener, Input, Inject, ViewContainerRef, TemplateRef, NgModule } from '@angular/core';
+import { Injectable, Self, EventEmitter, Directive, HostListener, Input, Inject, NgModule } from '@angular/core';
 import { Subject, pipe, combineLatest, Observable, fromEvent, fromEventPattern, merge } from 'rxjs';
 import { distinctUntilChanged, startWith, shareReplay, filter, map, auditTime, audit, debounceTime, skip, take, takeUntil, mapTo, throttleTime, share, withLatestFrom } from 'rxjs/operators';
-import { ControlContainer } from '@angular/forms';
-import * as i1 from '@angular/cdk/bidi';
-import { Directionality } from '@angular/cdk/bidi';
+import * as i1 from '@angular/forms';
 import { RIGHT_ARROW, LEFT_ARROW, DOWN_ARROW, UP_ARROW, hasModifierKey } from '@angular/cdk/keycodes';
-import { Overlay, OverlayModule } from '@angular/cdk/overlay';
+import * as i1$1 from '@angular/cdk/bidi';
+import * as i2 from '@angular/cdk/overlay';
+import { OverlayModule } from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
-import * as i1$1 from '@angular/cdk/a11y';
-import { FocusTrapFactory, FocusTrap, InteractivityChecker } from '@angular/cdk/a11y';
-import { ScrollDispatcher, ViewportRuler } from '@angular/cdk/scrolling';
-import * as i2 from '@angular/common';
+import * as i4 from '@angular/cdk/a11y';
+import { FocusTrap } from '@angular/cdk/a11y';
+import * as i7 from '@angular/cdk/scrolling';
 import { DOCUMENT } from '@angular/common';
 
 /**
@@ -43,9 +42,9 @@ const EDIT_PANE_SELECTOR = `.${EDIT_PANE_CLASS}, .mat-edit-pane`;
  */
 /** IE 11 compatible matches implementation. */
 function matches(element, selector) {
-    return element.matches ?
-        element.matches(selector) :
-        element['msMatchesSelector'](selector);
+    return element.matches
+        ? element.matches(selector)
+        : element['msMatchesSelector'](selector);
 }
 /** IE 11 compatible closest implementation that is able to start from non-Element Nodes. */
 function closest(element, selector) {
@@ -56,8 +55,10 @@ function closest(element, selector) {
     while (curr != null && !(curr instanceof Element)) {
         curr = curr.parentNode;
     }
-    return curr && (hasNativeClosest ?
-        curr.closest(selector) : polyfillClosest(curr, selector));
+    return (curr &&
+        (hasNativeClosest
+            ? curr.closest(selector)
+            : polyfillClosest(curr, selector)));
 }
 /** Polyfill for browsers without Element.closest. */
 function polyfillClosest(element, selector) {
@@ -209,15 +210,15 @@ class EditEventDispatcher {
      * re-entering the zone for stream pipelines.
      */
     _enterZone() {
-        return (source) => new Observable((observer) => source.subscribe({
-            next: (value) => this._ngZone.run(() => observer.next(value)),
-            error: (err) => observer.error(err),
-            complete: () => observer.complete()
+        return (source) => new Observable(observer => source.subscribe({
+            next: value => this._ngZone.run(() => observer.next(value)),
+            error: err => observer.error(err),
+            complete: () => observer.complete(),
         }));
     }
     _getFirstRowWithHoverContent() {
         return this._mapAllRowsToSingleRow(rows => {
-            for (let i = 0, row; row = rows[i]; i++) {
+            for (let i = 0, row; (row = rows[i]); i++) {
                 if (this._rowsWithHoverContent.has(row)) {
                     return row;
                 }
@@ -227,7 +228,7 @@ class EditEventDispatcher {
     }
     _getLastRowWithHoverContent() {
         return this._mapAllRowsToSingleRow(rows => {
-            for (let i = rows.length - 1, row; row = rows[i]; i--) {
+            for (let i = rows.length - 1, row; (row = rows[i]); i--) {
                 if (this._rowsWithHoverContent.has(row)) {
                     return row;
                 }
@@ -239,13 +240,12 @@ class EditEventDispatcher {
         return this.allRows.pipe(map(mapper), this._startWithNullDistinct);
     }
 }
-EditEventDispatcher.decorators = [
-    { type: Injectable }
-];
-EditEventDispatcher.ctorParameters = () => [
-    { type: NgZone }
-];
-function computeHoverContentState([firstRow, lastRow, activeRow, hoverRow]) {
+EditEventDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: EditEventDispatcher, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+EditEventDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: EditEventDispatcher });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: EditEventDispatcher, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
+function computeHoverContentState([firstRow, lastRow, activeRow, hoverRow,]) {
     const hoverContentState = new Map();
     // Add focusable rows.
     for (const focussableRow of [
@@ -347,22 +347,16 @@ class EditRef {
         this._form.reset(value || this._revertFormValue);
     }
 }
-EditRef.decorators = [
-    { type: Injectable }
-];
-EditRef.ctorParameters = () => [
-    { type: ControlContainer, decorators: [{ type: Self }] },
-    { type: EditEventDispatcher },
-    { type: NgZone }
-];
+EditRef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: EditRef, deps: [{ token: i1.ControlContainer, self: true }, { token: EditEventDispatcher }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+EditRef.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: EditRef });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: EditRef, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: i1.ControlContainer, decorators: [{
+                        type: Self
+                    }] }, { type: EditEventDispatcher }, { type: i0.NgZone }];
+    } });
 
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
 /**
  * Service responsible for moving cell focus around in response to keyboard events.
  * May be overridden to customize the keyboard behavior of popover edit.
@@ -370,7 +364,7 @@ EditRef.ctorParameters = () => [
 class FocusDispatcher {
     constructor(directionality) {
         this.directionality = directionality;
-        this.keyObserver = { next: (event) => this.handleKeyboardEvent(event) };
+        this.keyObserver = { next: event => this.handleKeyboardEvent(event) };
     }
     /**
      * Moves focus to earlier or later cells (in dom order) by offset cells relative to
@@ -424,13 +418,12 @@ class FocusDispatcher {
         event.preventDefault();
     }
 }
-FocusDispatcher.ɵprov = i0.ɵɵdefineInjectable({ factory: function FocusDispatcher_Factory() { return new FocusDispatcher(i0.ɵɵinject(i1.Directionality)); }, token: FocusDispatcher, providedIn: "root" });
-FocusDispatcher.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-FocusDispatcher.ctorParameters = () => [
-    { type: Directionality }
-];
+FocusDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: FocusDispatcher, deps: [{ token: i1$1.Directionality }], target: i0.ɵɵFactoryTarget.Injectable });
+FocusDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: FocusDispatcher, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: FocusDispatcher, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1$1.Directionality }]; } });
 
 /**
  * @license
@@ -572,27 +565,30 @@ class CdkEditControl {
         this.elementRef.nativeElement.dispatchEvent(new Event('submit'));
     }
 }
-CdkEditControl.decorators = [
-    { type: Directive, args: [{
-                selector: 'form[cdkEditControl]',
-                inputs: [
-                    'clickOutBehavior: cdkEditControlClickOutBehavior',
-                    'preservedFormValue: cdkEditControlPreservedFormValue',
-                    'ignoreSubmitUnlessValid: cdkEditControlIgnoreSubmitUnlessValid',
-                ],
-                outputs: ['preservedFormValueChange: cdkEditControlPreservedFormValueChange'],
-                providers: [EditRef],
-            },] }
-];
-CdkEditControl.ctorParameters = () => [
-    { type: ElementRef },
-    { type: EditRef }
-];
-CdkEditControl.propDecorators = {
-    handleFormSubmit: [{ type: HostListener, args: ['ngSubmit',] }],
-    handlePossibleClickOut: [{ type: HostListener, args: ['document:click', ['$event'],] }],
-    _handleKeydown: [{ type: HostListener, args: ['keydown', ['$event'],] }]
-};
+CdkEditControl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkEditControl, deps: [{ token: i0.ElementRef }, { token: EditRef }], target: i0.ɵɵFactoryTarget.Directive });
+CdkEditControl.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkEditControl, selector: "form[cdkEditControl]", inputs: { clickOutBehavior: ["cdkEditControlClickOutBehavior", "clickOutBehavior"], preservedFormValue: ["cdkEditControlPreservedFormValue", "preservedFormValue"], ignoreSubmitUnlessValid: ["cdkEditControlIgnoreSubmitUnlessValid", "ignoreSubmitUnlessValid"] }, outputs: { preservedFormValueChange: "cdkEditControlPreservedFormValueChange" }, host: { listeners: { "ngSubmit": "handleFormSubmit()", "document:click": "handlePossibleClickOut($event)", "keydown": "_handleKeydown($event)" } }, providers: [EditRef], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkEditControl, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'form[cdkEditControl]',
+                    inputs: [
+                        'clickOutBehavior: cdkEditControlClickOutBehavior',
+                        'preservedFormValue: cdkEditControlPreservedFormValue',
+                        'ignoreSubmitUnlessValid: cdkEditControlIgnoreSubmitUnlessValid',
+                    ],
+                    outputs: ['preservedFormValueChange: cdkEditControlPreservedFormValueChange'],
+                    providers: [EditRef],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: EditRef }]; }, propDecorators: { handleFormSubmit: [{
+                type: HostListener,
+                args: ['ngSubmit']
+            }], handlePossibleClickOut: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }], _handleKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
 /** Reverts the form to its initial or previously submitted state on click. */
 class CdkEditRevert {
     constructor(editRef) {
@@ -608,21 +604,22 @@ class CdkEditRevert {
         this.editRef.reset();
     }
 }
-CdkEditRevert.decorators = [
-    { type: Directive, args: [{
-                selector: 'button[cdkEditRevert]',
-                host: {
-                    'type': 'button', // Prevents accidental form submits.
-                }
-            },] }
-];
-CdkEditRevert.ctorParameters = () => [
-    { type: EditRef }
-];
-CdkEditRevert.propDecorators = {
-    type: [{ type: Input }],
-    revertEdit: [{ type: HostListener, args: ['click',] }]
-};
+CdkEditRevert.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkEditRevert, deps: [{ token: EditRef }], target: i0.ɵɵFactoryTarget.Directive });
+CdkEditRevert.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkEditRevert, selector: "button[cdkEditRevert]", inputs: { type: "type" }, host: { attributes: { "type": "button" }, listeners: { "click": "revertEdit()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkEditRevert, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[cdkEditRevert]',
+                    host: {
+                        'type': 'button', // Prevents accidental form submits.
+                    },
+                }]
+        }], ctorParameters: function () { return [{ type: EditRef }]; }, propDecorators: { type: [{
+                type: Input
+            }], revertEdit: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
 /** Closes the lens on click. */
 class CdkEditClose {
     constructor(elementRef, editRef) {
@@ -647,33 +644,33 @@ class CdkEditClose {
         this.editRef.close();
     }
 }
-CdkEditClose.decorators = [
-    { type: Directive, args: [{ selector: '[cdkEditClose]' },] }
-];
-CdkEditClose.ctorParameters = () => [
-    { type: ElementRef },
-    { type: EditRef }
-];
-CdkEditClose.propDecorators = {
-    closeEdit: [{ type: HostListener, args: ['click',] }, { type: HostListener, args: ['keydown.enter',] }, { type: HostListener, args: ['keydown.space',] }]
-};
+CdkEditClose.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkEditClose, deps: [{ token: i0.ElementRef }, { token: EditRef }], target: i0.ɵɵFactoryTarget.Directive });
+CdkEditClose.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkEditClose, selector: "[cdkEditClose]", host: { listeners: { "click": "closeEdit()", "keydown.enter": "closeEdit()", "keydown.space": "closeEdit()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkEditClose, decorators: [{
+            type: Directive,
+            args: [{ selector: '[cdkEditClose]' }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: EditRef }]; }, propDecorators: { closeEdit: [{
+                type: HostListener,
+                args: ['click']
+            }, {
+                type: HostListener,
+                args: ['keydown.enter']
+            }, {
+                type: HostListener,
+                args: ['keydown.space']
+            }] } });
 
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
 /**
  * Overridable factory responsible for configuring how cdkPopoverEdit popovers are positioned
  * and sized.
  */
 class PopoverEditPositionStrategyFactory {
 }
-PopoverEditPositionStrategyFactory.decorators = [
-    { type: Injectable }
-];
+PopoverEditPositionStrategyFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: PopoverEditPositionStrategyFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PopoverEditPositionStrategyFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: PopoverEditPositionStrategyFactory });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: PopoverEditPositionStrategyFactory, decorators: [{
+            type: Injectable
+        }] });
 /**
  * Default implementation of PopoverEditPositionStrategyFactory.
  * Uses a FlexibleConnectedPositionStrategy anchored to the start + top of the cell.
@@ -686,17 +683,20 @@ class DefaultPopoverEditPositionStrategyFactory extends PopoverEditPositionStrat
         this.overlay = overlay;
     }
     positionStrategyForCells(cells) {
-        return this.overlay.position()
+        return this.overlay
+            .position()
             .flexibleConnectedTo(cells[0])
             .withGrowAfterOpen()
             .withPush()
             .withViewportMargin(16)
-            .withPositions([{
+            .withPositions([
+            {
                 originX: 'start',
                 originY: 'top',
                 overlayX: 'start',
                 overlayY: 'top',
-            }]);
+            },
+        ]);
     }
     sizeConfigForCells(cells) {
         if (cells.length === 0) {
@@ -717,13 +717,11 @@ class DefaultPopoverEditPositionStrategyFactory extends PopoverEditPositionStrat
         return { width: lastCell.getBoundingClientRect().right - firstCell.getBoundingClientRect().left };
     }
 }
-DefaultPopoverEditPositionStrategyFactory.decorators = [
-    { type: Injectable }
-];
-DefaultPopoverEditPositionStrategyFactory.ctorParameters = () => [
-    { type: Directionality },
-    { type: Overlay }
-];
+DefaultPopoverEditPositionStrategyFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: DefaultPopoverEditPositionStrategyFactory, deps: [{ token: i1$1.Directionality }, { token: i2.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
+DefaultPopoverEditPositionStrategyFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: DefaultPopoverEditPositionStrategyFactory });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: DefaultPopoverEditPositionStrategyFactory, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$1.Directionality }, { type: i2.Overlay }]; } });
 
 /**
  * @license
@@ -751,20 +749,11 @@ class EditServices {
         this.viewportRuler = viewportRuler;
     }
 }
-EditServices.decorators = [
-    { type: Injectable }
-];
-EditServices.ctorParameters = () => [
-    { type: Directionality },
-    { type: EditEventDispatcher },
-    { type: FocusDispatcher },
-    { type: FocusTrapFactory },
-    { type: NgZone },
-    { type: Overlay },
-    { type: PopoverEditPositionStrategyFactory },
-    { type: ScrollDispatcher },
-    { type: ViewportRuler }
-];
+EditServices.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: EditServices, deps: [{ token: i1$1.Directionality }, { token: EditEventDispatcher }, { token: FocusDispatcher }, { token: i4.FocusTrapFactory }, { token: i0.NgZone }, { token: i2.Overlay }, { token: PopoverEditPositionStrategyFactory }, { token: i7.ScrollDispatcher }, { token: i7.ViewportRuler }], target: i0.ɵɵFactoryTarget.Injectable });
+EditServices.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: EditServices });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: EditServices, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$1.Directionality }, { type: EditEventDispatcher }, { type: FocusDispatcher }, { type: i4.FocusTrapFactory }, { type: i0.NgZone }, { type: i2.Overlay }, { type: PopoverEditPositionStrategyFactory }, { type: i7.ScrollDispatcher }, { type: i7.ViewportRuler }]; } });
 
 /**
  * @license
@@ -813,15 +802,17 @@ class FocusEscapeNotifierFactory {
         return new FocusEscapeNotifier(element, this._checker, this._ngZone, this._document);
     }
 }
-FocusEscapeNotifierFactory.ɵprov = i0.ɵɵdefineInjectable({ factory: function FocusEscapeNotifierFactory_Factory() { return new FocusEscapeNotifierFactory(i0.ɵɵinject(i1$1.InteractivityChecker), i0.ɵɵinject(i0.NgZone), i0.ɵɵinject(i2.DOCUMENT)); }, token: FocusEscapeNotifierFactory, providedIn: "root" });
-FocusEscapeNotifierFactory.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-FocusEscapeNotifierFactory.ctorParameters = () => [
-    { type: InteractivityChecker },
-    { type: NgZone },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
-];
+FocusEscapeNotifierFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: FocusEscapeNotifierFactory, deps: [{ token: i4.InteractivityChecker }, { token: i0.NgZone }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+FocusEscapeNotifierFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: FocusEscapeNotifierFactory, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: FocusEscapeNotifierFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () {
+        return [{ type: i4.InteractivityChecker }, { type: i0.NgZone }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }];
+    } });
 
 /** Used for rate-limiting mousemove events. */
 const MOUSE_MOVE_THROTTLE_TIME_MS = 10;
@@ -850,20 +841,34 @@ class CdkEditable {
         const toClosest = (selector) => map((event) => closest(event.target, selector));
         this.ngZone.runOutsideAngular(() => {
             // Track mouse movement over the table to hide/show hover content.
-            fromEvent(element, 'mouseover').pipe(toClosest(ROW_SELECTOR), takeUntil(this.destroyed)).subscribe(this.editEventDispatcher.hovering);
-            fromEvent(element, 'mouseleave').pipe(mapTo(null), takeUntil(this.destroyed)).subscribe(this.editEventDispatcher.hovering);
-            fromEvent(element, 'mousemove').pipe(throttleTime(MOUSE_MOVE_THROTTLE_TIME_MS), toClosest(ROW_SELECTOR), takeUntil(this.destroyed)).subscribe(this.editEventDispatcher.mouseMove);
+            fromEvent(element, 'mouseover')
+                .pipe(toClosest(ROW_SELECTOR), takeUntil(this.destroyed))
+                .subscribe(this.editEventDispatcher.hovering);
+            fromEvent(element, 'mouseleave')
+                .pipe(mapTo(null), takeUntil(this.destroyed))
+                .subscribe(this.editEventDispatcher.hovering);
+            fromEvent(element, 'mousemove')
+                .pipe(throttleTime(MOUSE_MOVE_THROTTLE_TIME_MS), toClosest(ROW_SELECTOR), takeUntil(this.destroyed))
+                .subscribe(this.editEventDispatcher.mouseMove);
             // Track focus within the table to hide/show/make focusable hover content.
-            fromEventPattern(handler => element.addEventListener('focus', handler, true), handler => element.removeEventListener('focus', handler, true)).pipe(toClosest(ROW_SELECTOR), share(), takeUntil(this.destroyed)).subscribe(this.editEventDispatcher.focused);
-            merge(fromEventPattern(handler => element.addEventListener('blur', handler, true), handler => element.removeEventListener('blur', handler, true)), fromEvent(element, 'keydown').pipe(filter(event => event.key === 'Escape'))).pipe(mapTo(null), share(), takeUntil(this.destroyed)).subscribe(this.editEventDispatcher.focused);
+            fromEventPattern(handler => element.addEventListener('focus', handler, true), handler => element.removeEventListener('focus', handler, true))
+                .pipe(toClosest(ROW_SELECTOR), share(), takeUntil(this.destroyed))
+                .subscribe(this.editEventDispatcher.focused);
+            merge(fromEventPattern(handler => element.addEventListener('blur', handler, true), handler => element.removeEventListener('blur', handler, true)), fromEvent(element, 'keydown').pipe(filter(event => event.key === 'Escape')))
+                .pipe(mapTo(null), share(), takeUntil(this.destroyed))
+                .subscribe(this.editEventDispatcher.focused);
             // Keep track of rows within the table. This is used to know which rows with hover content
             // are first or last in the table. They are kept focusable in case focus enters from above
             // or below the table.
-            this.ngZone.onStable.pipe(
+            this.ngZone.onStable
+                .pipe(
             // Optimization: ignore dom changes while focus is within the table as we already
             // ensure that rows above and below the focused/active row are tabbable.
-            withLatestFrom(this.editEventDispatcher.editingOrFocused), filter(([_, activeRow]) => activeRow == null), map(() => element.querySelectorAll(ROW_SELECTOR)), share(), takeUntil(this.destroyed)).subscribe(this.editEventDispatcher.allRows);
-            fromEvent(element, 'keydown').pipe(filter(event => event.key === 'Enter'), toClosest(CELL_SELECTOR), takeUntil(this.destroyed)).subscribe(this.editEventDispatcher.editing);
+            withLatestFrom(this.editEventDispatcher.editingOrFocused), filter(([_, activeRow]) => activeRow == null), map(() => element.querySelectorAll(ROW_SELECTOR)), share(), takeUntil(this.destroyed))
+                .subscribe(this.editEventDispatcher.allRows);
+            fromEvent(element, 'keydown')
+                .pipe(filter(event => event.key === 'Enter'), toClosest(CELL_SELECTOR), takeUntil(this.destroyed))
+                .subscribe(this.editEventDispatcher.editing);
             // Keydown must be used here or else key autorepeat does not work properly on some platforms.
             fromEvent(element, 'keydown')
                 .pipe(takeUntil(this.destroyed))
@@ -871,18 +876,15 @@ class CdkEditable {
         });
     }
 }
-CdkEditable.decorators = [
-    { type: Directive, args: [{
-                selector: 'table[editable], cdk-table[editable], mat-table[editable]',
-                providers: [EditEventDispatcher, EditServices],
-            },] }
-];
-CdkEditable.ctorParameters = () => [
-    { type: ElementRef },
-    { type: EditEventDispatcher },
-    { type: FocusDispatcher },
-    { type: NgZone }
-];
+CdkEditable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkEditable, deps: [{ token: i0.ElementRef }, { token: EditEventDispatcher }, { token: FocusDispatcher }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+CdkEditable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkEditable, selector: "table[editable], cdk-table[editable], mat-table[editable]", providers: [EditEventDispatcher, EditServices], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkEditable, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'table[editable], cdk-table[editable], mat-table[editable]',
+                    providers: [EditEventDispatcher, EditServices],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: EditEventDispatcher }, { type: FocusDispatcher }, { type: i0.NgZone }]; } });
 const POPOVER_EDIT_HOST_BINDINGS = {
     '[attr.tabindex]': 'disabled ? null : 0',
     'class': 'cdk-popover-edit-cell',
@@ -965,9 +967,10 @@ class CdkPopoverEdit {
         return EDIT_PANE_CLASS;
     }
     _startListeningToEditEvents() {
-        this.services.editEventDispatcher.editingCell(this.elementRef.nativeElement)
+        this.services.editEventDispatcher
+            .editingCell(this.elementRef.nativeElement)
             .pipe(takeUntil(this.destroyed))
-            .subscribe((open) => {
+            .subscribe(open => {
             if (open && this.template) {
                 if (!this.overlayRef) {
                     this._createEditOverlay();
@@ -1026,24 +1029,21 @@ class CdkPopoverEdit {
         this.overlayRef.updateSize(this.services.positionFactory.sizeConfigForCells(this._getOverlayCells()));
     }
     _maybeReturnFocusToCell() {
-        if (closest(document.activeElement, EDIT_PANE_SELECTOR) ===
-            this.overlayRef.overlayElement) {
+        if (closest(document.activeElement, EDIT_PANE_SELECTOR) === this.overlayRef.overlayElement) {
             this.elementRef.nativeElement.focus();
         }
     }
 }
-CdkPopoverEdit.decorators = [
-    { type: Directive, args: [{
-                selector: '[cdkPopoverEdit]:not([cdkPopoverEditTabOut])',
-                host: POPOVER_EDIT_HOST_BINDINGS,
-                inputs: POPOVER_EDIT_INPUTS,
-            },] }
-];
-CdkPopoverEdit.ctorParameters = () => [
-    { type: EditServices },
-    { type: ElementRef },
-    { type: ViewContainerRef }
-];
+CdkPopoverEdit.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkPopoverEdit, deps: [{ token: EditServices }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+CdkPopoverEdit.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkPopoverEdit, selector: "[cdkPopoverEdit]:not([cdkPopoverEditTabOut])", inputs: { template: ["cdkPopoverEdit", "template"], context: ["cdkPopoverEditContext", "context"], colspan: ["cdkPopoverEditColspan", "colspan"], disabled: ["cdkPopoverEditDisabled", "disabled"] }, host: { properties: { "attr.tabindex": "disabled ? null : 0", "attr.aria-haspopup": "!disabled" }, classAttribute: "cdk-popover-edit-cell" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkPopoverEdit, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cdkPopoverEdit]:not([cdkPopoverEditTabOut])',
+                    host: POPOVER_EDIT_HOST_BINDINGS,
+                    inputs: POPOVER_EDIT_INPUTS,
+                }]
+        }], ctorParameters: function () { return [{ type: EditServices }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }]; } });
 /**
  * Attaches an ng-template to a cell and shows it when instructed to by the
  * EditEventDispatcher service.
@@ -1056,7 +1056,10 @@ class CdkPopoverEditTabOut extends CdkPopoverEdit {
     }
     initFocusTrap() {
         this.focusTrap = this.focusEscapeNotifierFactory.create(this.overlayRef.overlayElement);
-        this.focusTrap.escapes().pipe(takeUntil(this.destroyed)).subscribe(direction => {
+        this.focusTrap
+            .escapes()
+            .pipe(takeUntil(this.destroyed))
+            .subscribe(direction => {
             if (this.services.editEventDispatcher.editRef) {
                 this.services.editEventDispatcher.editRef.blur();
             }
@@ -1065,19 +1068,16 @@ class CdkPopoverEditTabOut extends CdkPopoverEdit {
         });
     }
 }
-CdkPopoverEditTabOut.decorators = [
-    { type: Directive, args: [{
-                selector: '[cdkPopoverEdit][cdkPopoverEditTabOut]',
-                host: POPOVER_EDIT_HOST_BINDINGS,
-                inputs: POPOVER_EDIT_INPUTS,
-            },] }
-];
-CdkPopoverEditTabOut.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ViewContainerRef },
-    { type: EditServices },
-    { type: FocusEscapeNotifierFactory }
-];
+CdkPopoverEditTabOut.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkPopoverEditTabOut, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: EditServices }, { token: FocusEscapeNotifierFactory }], target: i0.ɵɵFactoryTarget.Directive });
+CdkPopoverEditTabOut.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkPopoverEditTabOut, selector: "[cdkPopoverEdit][cdkPopoverEditTabOut]", inputs: { template: ["cdkPopoverEdit", "template"], context: ["cdkPopoverEditContext", "context"], colspan: ["cdkPopoverEditColspan", "colspan"], disabled: ["cdkPopoverEditDisabled", "disabled"] }, host: { properties: { "attr.tabindex": "disabled ? null : 0", "attr.aria-haspopup": "!disabled" }, classAttribute: "cdk-popover-edit-cell" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkPopoverEditTabOut, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cdkPopoverEdit][cdkPopoverEditTabOut]',
+                    host: POPOVER_EDIT_HOST_BINDINGS,
+                    inputs: POPOVER_EDIT_INPUTS,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: EditServices }, { type: FocusEscapeNotifierFactory }]; } });
 /**
  * A structural directive that shows its contents when the table row containing
  * it is hovered or when an element in the row has focus.
@@ -1111,8 +1111,7 @@ class CdkRowHoverContent {
      * In the CDK version, this is a noop but subclasses such as MatRowHoverContent use this
      * to prepare/style the inserted element.
      */
-    initElement(_) {
-    }
+    initElement(_) { }
     /**
      * Called when the hover content needs to be focusable to preserve a reasonable tab ordering
      * but should not yet be shown.
@@ -1128,7 +1127,8 @@ class CdkRowHoverContent {
         element.style.opacity = '';
     }
     _listenForHoverAndFocusEvents() {
-        this.services.editEventDispatcher.hoverOrFocusOnRow(this._row)
+        this.services.editEventDispatcher
+            .hoverOrFocusOnRow(this._row)
             .pipe(takeUntil(this.destroyed))
             .subscribe(eventState => {
             // When in FOCUSABLE state, add the hover content to the dom but make it transparent so
@@ -1156,17 +1156,14 @@ class CdkRowHoverContent {
         });
     }
 }
-CdkRowHoverContent.decorators = [
-    { type: Directive, args: [{
-                selector: '[cdkRowHoverContent]',
-            },] }
-];
-CdkRowHoverContent.ctorParameters = () => [
-    { type: EditServices },
-    { type: ElementRef },
-    { type: TemplateRef },
-    { type: ViewContainerRef }
-];
+CdkRowHoverContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkRowHoverContent, deps: [{ token: EditServices }, { token: i0.ElementRef }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+CdkRowHoverContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkRowHoverContent, selector: "[cdkRowHoverContent]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkRowHoverContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cdkRowHoverContent]',
+                }]
+        }], ctorParameters: function () { return [{ type: EditServices }, { type: i0.ElementRef }, { type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; } });
 /**
  * Opens the closest edit popover to this element, whether it's associated with this exact
  * element or an ancestor element.
@@ -1190,18 +1187,17 @@ class CdkEditOpen {
         evt.stopPropagation();
     }
 }
-CdkEditOpen.decorators = [
-    { type: Directive, args: [{
-                selector: '[cdkEditOpen]',
-            },] }
-];
-CdkEditOpen.ctorParameters = () => [
-    { type: ElementRef },
-    { type: EditEventDispatcher }
-];
-CdkEditOpen.propDecorators = {
-    openEdit: [{ type: HostListener, args: ['click', ['$event'],] }]
-};
+CdkEditOpen.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkEditOpen, deps: [{ token: i0.ElementRef }, { token: EditEventDispatcher }], target: i0.ɵɵFactoryTarget.Directive });
+CdkEditOpen.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkEditOpen, selector: "[cdkEditOpen]", host: { listeners: { "click": "openEdit($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkEditOpen, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cdkEditOpen]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: EditEventDispatcher }]; }, propDecorators: { openEdit: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
 
 /**
  * @license
@@ -1222,19 +1218,50 @@ const EXPORTED_DECLARATIONS = [
 ];
 class CdkPopoverEditModule {
 }
-CdkPopoverEditModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    OverlayModule,
-                ],
-                exports: EXPORTED_DECLARATIONS,
-                declarations: EXPORTED_DECLARATIONS,
-                providers: [{
-                        provide: PopoverEditPositionStrategyFactory,
-                        useClass: DefaultPopoverEditPositionStrategyFactory
-                    }],
-            },] }
-];
+CdkPopoverEditModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkPopoverEditModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CdkPopoverEditModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkPopoverEditModule, declarations: [CdkPopoverEdit,
+        CdkPopoverEditTabOut,
+        CdkRowHoverContent,
+        CdkEditControl,
+        CdkEditRevert,
+        CdkEditClose,
+        CdkEditable,
+        CdkEditOpen], imports: [OverlayModule], exports: [CdkPopoverEdit,
+        CdkPopoverEditTabOut,
+        CdkRowHoverContent,
+        CdkEditControl,
+        CdkEditRevert,
+        CdkEditClose,
+        CdkEditable,
+        CdkEditOpen] });
+CdkPopoverEditModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkPopoverEditModule, providers: [
+        {
+            provide: PopoverEditPositionStrategyFactory,
+            useClass: DefaultPopoverEditPositionStrategyFactory,
+        },
+    ], imports: [[OverlayModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkPopoverEditModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [OverlayModule],
+                    exports: EXPORTED_DECLARATIONS,
+                    declarations: EXPORTED_DECLARATIONS,
+                    providers: [
+                        {
+                            provide: PopoverEditPositionStrategyFactory,
+                            useClass: DefaultPopoverEditPositionStrategyFactory,
+                        },
+                    ],
+                }]
+        }] });
+
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
 
 /**
  * @license
@@ -1248,5 +1275,5 @@ CdkPopoverEditModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { CdkEditClose, CdkEditControl, CdkEditOpen, CdkEditRevert, CdkEditable, CdkPopoverEdit, CdkPopoverEditModule, CdkPopoverEditTabOut, CdkRowHoverContent, DefaultPopoverEditPositionStrategyFactory, EditEventDispatcher, EditRef, FocusDispatcher, FormValueContainer, PopoverEditPositionStrategyFactory, CELL_SELECTOR as _CELL_SELECTOR, closest as _closest, matches as _matches, EditServices as ɵangular_material_src_cdk_experimental_popover_edit_popover_edit_a, FocusEscapeNotifierFactory as ɵangular_material_src_cdk_experimental_popover_edit_popover_edit_b };
-//# sourceMappingURL=popover-edit.js.map
+export { CdkEditClose, CdkEditControl, CdkEditOpen, CdkEditRevert, CdkEditable, CdkPopoverEdit, CdkPopoverEditModule, CdkPopoverEditTabOut, CdkRowHoverContent, DefaultPopoverEditPositionStrategyFactory, EditEventDispatcher, EditRef, FocusDispatcher, FormValueContainer, PopoverEditPositionStrategyFactory, CELL_SELECTOR as _CELL_SELECTOR, closest as _closest, matches as _matches };
+//# sourceMappingURL=popover-edit.mjs.map