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

package/fesm2015/{column-resize.js → column-resize.mjs}

@@ -1,10 +1,12 @@
-import { Directive, Injectable, NgZone, Inject, ElementRef, NgModule, Injector } from '@angular/core';
+import * as i0 from '@angular/core';
+import { Directive, Injectable, Inject, NgModule, Injector } from '@angular/core';
 import { Subject, fromEvent, merge, combineLatest, Observable } from 'rxjs';
 import { map, takeUntil, filter, mapTo, take, startWith, pairwise, distinctUntilChanged, share, skip } from 'rxjs/operators';
 import { _closest, _matches } from '@angular/cdk-experimental/popover-edit';
-import { _CoalescedStyleScheduler, _COALESCED_STYLE_SCHEDULER, CdkTable } from '@angular/cdk/table';
 import { DOCUMENT } from '@angular/common';
 import { coerceCssPixelValue } from '@angular/cdk/coercion';
+import * as i3 from '@angular/cdk/table';
+import { _COALESCED_STYLE_SCHEDULER } from '@angular/cdk/table';
 import { ComponentPortal } from '@angular/cdk/portal';
 import { ESCAPE } from '@angular/cdk/keycodes';
 
@@ -62,18 +64,26 @@ class ColumnResize {
     _listenForRowHoverEvents() {
         this.ngZone.runOutsideAngular(() => {
             const element = this.elementRef.nativeElement;
-            fromEvent(element, 'mouseover').pipe(map(event => _closest(event.target, HEADER_CELL_SELECTOR)), takeUntil(this.destroyed)).subscribe(this.eventDispatcher.headerCellHovered);
-            fromEvent(element, 'mouseleave').pipe(filter(event => !!event.relatedTarget &&
-                !_matches(event.relatedTarget, RESIZE_OVERLAY_SELECTOR)), mapTo(null), takeUntil(this.destroyed)).subscribe(this.eventDispatcher.headerCellHovered);
+            fromEvent(element, 'mouseover')
+                .pipe(map(event => _closest(event.target, HEADER_CELL_SELECTOR)), takeUntil(this.destroyed))
+                .subscribe(this.eventDispatcher.headerCellHovered);
+            fromEvent(element, 'mouseleave')
+                .pipe(filter(event => !!event.relatedTarget &&
+                !_matches(event.relatedTarget, RESIZE_OVERLAY_SELECTOR)), mapTo(null), takeUntil(this.destroyed))
+                .subscribe(this.eventDispatcher.headerCellHovered);
         });
     }
     _listenForResizeActivity() {
-        merge(this.eventDispatcher.overlayHandleActiveForCell.pipe(mapTo(undefined)), this.notifier.triggerResize.pipe(mapTo(undefined)), this.notifier.resizeCompleted.pipe(mapTo(undefined))).pipe(take(1), takeUntil(this.destroyed)).subscribe(() => {
+        merge(this.eventDispatcher.overlayHandleActiveForCell.pipe(mapTo(undefined)), this.notifier.triggerResize.pipe(mapTo(undefined)), this.notifier.resizeCompleted.pipe(mapTo(undefined)))
+            .pipe(take(1), takeUntil(this.destroyed))
+            .subscribe(() => {
             this.setResized();
         });
     }
     _listenForHoverActivity() {
-        this.eventDispatcher.headerRowHoveredOrActiveDistinct.pipe(startWith(null), pairwise(), takeUntil(this.destroyed)).subscribe(([previousRow, hoveredRow]) => {
+        this.eventDispatcher.headerRowHoveredOrActiveDistinct
+            .pipe(startWith(null), pairwise(), takeUntil(this.destroyed))
+            .subscribe(([previousRow, hoveredRow]) => {
             if (hoveredRow) {
                 hoveredRow.classList.add(HOVER_OR_ACTIVE_CLASS);
             }
@@ -83,9 +93,11 @@ class ColumnResize {
         });
     }
 }
-ColumnResize.decorators = [
-    { type: Directive }
-];
+ColumnResize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ColumnResize, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ColumnResize.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: ColumnResize, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ColumnResize, decorators: [{
+            type: Directive
+        }] });
 
 /**
  * @license
@@ -108,9 +120,11 @@ class ColumnResizeNotifierSource {
         this.triggerResize = new Subject();
     }
 }
-ColumnResizeNotifierSource.decorators = [
-    { type: Injectable }
-];
+ColumnResizeNotifierSource.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ColumnResizeNotifierSource, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ColumnResizeNotifierSource.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ColumnResizeNotifierSource });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ColumnResizeNotifierSource, decorators: [{
+            type: Injectable
+        }] });
 /** Service for triggering column resizes imperatively or being notified of them. */
 class ColumnResizeNotifier {
     constructor(_source) {
@@ -120,15 +134,19 @@ class ColumnResizeNotifier {
     }
     /** Instantly resizes the specified column. */
     resize(columnId, size) {
-        this._source.triggerResize.next({ columnId, size, completeImmediately: true, isStickyColumn: true });
+        this._source.triggerResize.next({
+            columnId,
+            size,
+            completeImmediately: true,
+            isStickyColumn: true,
+        });
     }
 }
-ColumnResizeNotifier.decorators = [
-    { type: Injectable }
-];
-ColumnResizeNotifier.ctorParameters = () => [
-    { type: ColumnResizeNotifierSource }
-];
+ColumnResizeNotifier.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ColumnResizeNotifier, deps: [{ token: ColumnResizeNotifierSource }], target: i0.ɵɵFactoryTarget.Injectable });
+ColumnResizeNotifier.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ColumnResizeNotifier });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ColumnResizeNotifier, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: ColumnResizeNotifierSource }]; } });
 
 /**
  * @license
@@ -181,19 +199,18 @@ class HeaderRowEventDispatcher {
         return this._lastSeenRowHover;
     }
     _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(),
         }));
     }
 }
-HeaderRowEventDispatcher.decorators = [
-    { type: Injectable }
-];
-HeaderRowEventDispatcher.ctorParameters = () => [
-    { type: NgZone }
-];
+HeaderRowEventDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: HeaderRowEventDispatcher, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+HeaderRowEventDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: HeaderRowEventDispatcher });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: HeaderRowEventDispatcher, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
 
 /**
  * @license
@@ -227,9 +244,11 @@ class ResizeStrategy {
         this._pendingResizeDelta = ((_a = this._pendingResizeDelta) !== null && _a !== void 0 ? _a : 0) + delta;
     }
 }
-ResizeStrategy.decorators = [
-    { type: Injectable }
-];
+ResizeStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ResizeStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ResizeStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ResizeStrategy });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ResizeStrategy, decorators: [{
+            type: Injectable
+        }] });
 /**
  * The optimially performing resize strategy for <table> elements with table-layout: fixed.
  * Tested against and outperformed:
@@ -265,14 +284,16 @@ class TableLayoutFixedResizeStrategy extends ResizeStrategy {
         this.applyColumnSize(_, columnHeader, newWidth, currentWidth);
     }
 }
-TableLayoutFixedResizeStrategy.decorators = [
-    { type: Injectable }
-];
-TableLayoutFixedResizeStrategy.ctorParameters = () => [
-    { type: ColumnResize },
-    { type: _CoalescedStyleScheduler, decorators: [{ type: Inject, args: [_COALESCED_STYLE_SCHEDULER,] }] },
-    { type: CdkTable }
-];
+TableLayoutFixedResizeStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: TableLayoutFixedResizeStrategy, deps: [{ token: ColumnResize }, { token: _COALESCED_STYLE_SCHEDULER }, { token: i3.CdkTable }], target: i0.ɵɵFactoryTarget.Injectable });
+TableLayoutFixedResizeStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: TableLayoutFixedResizeStrategy });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: TableLayoutFixedResizeStrategy, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: ColumnResize }, { type: i3._CoalescedStyleScheduler, decorators: [{
+                        type: Inject,
+                        args: [_COALESCED_STYLE_SCHEDULER]
+                    }] }, { type: i3.CdkTable }];
+    } });
 /**
  * The optimally performing resize strategy for flex mat-tables.
  * Tested against and outperformed:
@@ -295,7 +316,8 @@ class CdkFlexTableResizeStrategy extends ResizeStrategy {
     applyColumnSize(cssFriendlyColumnName, columnHeader, sizeInPx, previousSizeInPx) {
         // Optimization: Check applied width first as we probably set it already before reading
         // offsetWidth which triggers layout.
-        const delta = sizeInPx - (previousSizeInPx !== null && previousSizeInPx !== void 0 ? previousSizeInPx : (this._getAppliedWidth(cssFriendlyColumnName) || columnHeader.offsetWidth));
+        const delta = sizeInPx -
+            (previousSizeInPx !== null && previousSizeInPx !== void 0 ? previousSizeInPx : (this._getAppliedWidth(cssFriendlyColumnName) || columnHeader.offsetWidth));
         if (delta === 0) {
             return;
         }
@@ -317,11 +339,9 @@ class CdkFlexTableResizeStrategy extends ResizeStrategy {
         return `cdk-column-${cssFriendlyColumnName}`;
     }
     ngOnDestroy() {
-        // TODO: Use remove() once we're off IE11.
-        if (this._styleElement && this._styleElement.parentNode) {
-            this._styleElement.parentNode.removeChild(this._styleElement);
-            this._styleElement = undefined;
-        }
+        var _a;
+        (_a = this._styleElement) === null || _a === void 0 ? void 0 : _a.remove();
+        this._styleElement = undefined;
     }
     _getPropertyValue(cssFriendlyColumnName, key) {
         const properties = this._getColumnPropertiesMap(cssFriendlyColumnName);
@@ -380,15 +400,19 @@ class CdkFlexTableResizeStrategy extends ResizeStrategy {
         this._getStyleSheet().insertRule(`${selector} {${body}}`, index);
     }
 }
-CdkFlexTableResizeStrategy.decorators = [
-    { type: Injectable }
-];
-CdkFlexTableResizeStrategy.ctorParameters = () => [
-    { type: ColumnResize },
-    { type: _CoalescedStyleScheduler, decorators: [{ type: Inject, args: [_COALESCED_STYLE_SCHEDULER,] }] },
-    { type: CdkTable },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
-];
+CdkFlexTableResizeStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkFlexTableResizeStrategy, deps: [{ token: ColumnResize }, { token: _COALESCED_STYLE_SCHEDULER }, { token: i3.CdkTable }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+CdkFlexTableResizeStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkFlexTableResizeStrategy });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkFlexTableResizeStrategy, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: ColumnResize }, { type: i3._CoalescedStyleScheduler, decorators: [{
+                        type: Inject,
+                        args: [_COALESCED_STYLE_SCHEDULER]
+                    }] }, { type: i3.CdkTable }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }];
+    } });
 /** Converts CSS pixel values to numbers, eg "123px" to 123. Returns NaN for non pixel values. */
 function coercePixelsFromCssValue(cssValue) {
     var _a;
@@ -457,23 +481,15 @@ class CdkColumnResize extends ColumnResize {
         this.table = table;
     }
 }
-CdkColumnResize.decorators = [
-    { type: Directive, args: [{
-                selector: 'table[cdk-table][columnResize]',
-                providers: [
-                    ...TABLE_PROVIDERS,
-                    { provide: ColumnResize, useExisting: CdkColumnResize },
-                ],
-            },] }
-];
-CdkColumnResize.ctorParameters = () => [
-    { type: ColumnResizeNotifier },
-    { type: ElementRef },
-    { type: HeaderRowEventDispatcher },
-    { type: NgZone },
-    { type: ColumnResizeNotifierSource },
-    { type: CdkTable }
-];
+CdkColumnResize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkColumnResize, deps: [{ token: ColumnResizeNotifier }, { token: i0.ElementRef }, { token: HeaderRowEventDispatcher }, { token: i0.NgZone }, { token: ColumnResizeNotifierSource }, { token: i3.CdkTable }], target: i0.ɵɵFactoryTarget.Directive });
+CdkColumnResize.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkColumnResize, selector: "table[cdk-table][columnResize]", providers: [...TABLE_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResize }], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkColumnResize, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'table[cdk-table][columnResize]',
+                    providers: [...TABLE_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResize }],
+                }]
+        }], ctorParameters: function () { return [{ type: ColumnResizeNotifier }, { type: i0.ElementRef }, { type: HeaderRowEventDispatcher }, { type: i0.NgZone }, { type: ColumnResizeNotifierSource }, { type: i3.CdkTable }]; } });
 
 /**
  * @license
@@ -497,23 +513,15 @@ class CdkColumnResizeFlex extends ColumnResize {
         this.table = table;
     }
 }
-CdkColumnResizeFlex.decorators = [
-    { type: Directive, args: [{
-                selector: 'cdk-table[columnResize]',
-                providers: [
-                    ...FLEX_PROVIDERS,
-                    { provide: ColumnResize, useExisting: CdkColumnResizeFlex },
-                ],
-            },] }
-];
-CdkColumnResizeFlex.ctorParameters = () => [
-    { type: ColumnResizeNotifier },
-    { type: ElementRef },
-    { type: HeaderRowEventDispatcher },
-    { type: NgZone },
-    { type: ColumnResizeNotifierSource },
-    { type: CdkTable }
-];
+CdkColumnResizeFlex.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkColumnResizeFlex, deps: [{ token: ColumnResizeNotifier }, { token: i0.ElementRef }, { token: HeaderRowEventDispatcher }, { token: i0.NgZone }, { token: ColumnResizeNotifierSource }, { token: i3.CdkTable }], target: i0.ɵɵFactoryTarget.Directive });
+CdkColumnResizeFlex.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkColumnResizeFlex, selector: "cdk-table[columnResize]", providers: [...FLEX_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResizeFlex }], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkColumnResizeFlex, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'cdk-table[columnResize]',
+                    providers: [...FLEX_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResizeFlex }],
+                }]
+        }], ctorParameters: function () { return [{ type: ColumnResizeNotifier }, { type: i0.ElementRef }, { type: HeaderRowEventDispatcher }, { type: i0.NgZone }, { type: ColumnResizeNotifierSource }, { type: i3.CdkTable }]; } });
 
 /**
  * @license
@@ -537,23 +545,21 @@ class CdkDefaultEnabledColumnResize extends ColumnResize {
         this.table = table;
     }
 }
-CdkDefaultEnabledColumnResize.decorators = [
-    { type: Directive, args: [{
-                selector: 'table[cdk-table]',
-                providers: [
-                    ...TABLE_PROVIDERS,
-                    { provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResize },
-                ],
-            },] }
-];
-CdkDefaultEnabledColumnResize.ctorParameters = () => [
-    { type: ColumnResizeNotifier },
-    { type: ElementRef },
-    { type: HeaderRowEventDispatcher },
-    { type: NgZone },
-    { type: ColumnResizeNotifierSource },
-    { type: CdkTable }
-];
+CdkDefaultEnabledColumnResize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkDefaultEnabledColumnResize, deps: [{ token: ColumnResizeNotifier }, { token: i0.ElementRef }, { token: HeaderRowEventDispatcher }, { token: i0.NgZone }, { token: ColumnResizeNotifierSource }, { token: i3.CdkTable }], target: i0.ɵɵFactoryTarget.Directive });
+CdkDefaultEnabledColumnResize.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkDefaultEnabledColumnResize, selector: "table[cdk-table]", providers: [
+        ...TABLE_PROVIDERS,
+        { provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResize },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkDefaultEnabledColumnResize, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'table[cdk-table]',
+                    providers: [
+                        ...TABLE_PROVIDERS,
+                        { provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResize },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: ColumnResizeNotifier }, { type: i0.ElementRef }, { type: HeaderRowEventDispatcher }, { type: i0.NgZone }, { type: ColumnResizeNotifierSource }, { type: i3.CdkTable }]; } });
 
 /**
  * @license
@@ -577,23 +583,21 @@ class CdkDefaultEnabledColumnResizeFlex extends ColumnResize {
         this.table = table;
     }
 }
-CdkDefaultEnabledColumnResizeFlex.decorators = [
-    { type: Directive, args: [{
-                selector: 'cdk-table',
-                providers: [
-                    ...FLEX_PROVIDERS,
-                    { provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResizeFlex },
-                ],
-            },] }
-];
-CdkDefaultEnabledColumnResizeFlex.ctorParameters = () => [
-    { type: ColumnResizeNotifier },
-    { type: ElementRef },
-    { type: HeaderRowEventDispatcher },
-    { type: NgZone },
-    { type: ColumnResizeNotifierSource },
-    { type: CdkTable }
-];
+CdkDefaultEnabledColumnResizeFlex.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkDefaultEnabledColumnResizeFlex, deps: [{ token: ColumnResizeNotifier }, { token: i0.ElementRef }, { token: HeaderRowEventDispatcher }, { token: i0.NgZone }, { token: ColumnResizeNotifierSource }, { token: i3.CdkTable }], target: i0.ɵɵFactoryTarget.Directive });
+CdkDefaultEnabledColumnResizeFlex.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: CdkDefaultEnabledColumnResizeFlex, selector: "cdk-table", providers: [
+        ...FLEX_PROVIDERS,
+        { provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResizeFlex },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkDefaultEnabledColumnResizeFlex, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'cdk-table',
+                    providers: [
+                        ...FLEX_PROVIDERS,
+                        { provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResizeFlex },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: ColumnResizeNotifier }, { type: i0.ElementRef }, { type: HeaderRowEventDispatcher }, { type: i0.NgZone }, { type: ColumnResizeNotifierSource }, { type: i3.CdkTable }]; } });
 
 /**
  * @license
@@ -608,24 +612,32 @@ CdkDefaultEnabledColumnResizeFlex.ctorParameters = () => [
  */
 class CdkColumnResizeDefaultEnabledModule {
 }
-CdkColumnResizeDefaultEnabledModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex],
-                exports: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex],
-            },] }
-];
+CdkColumnResizeDefaultEnabledModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CdkColumnResizeDefaultEnabledModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule, declarations: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex], exports: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex] });
+CdkColumnResizeDefaultEnabledModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex],
+                    exports: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex],
+                }]
+        }] });
 /**
  * One of two NgModules for use with CdkColumnResize.
  * When using this module, columns are not resizable by default.
  */
 class CdkColumnResizeModule {
 }
-CdkColumnResizeModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [CdkColumnResize, CdkColumnResizeFlex],
-                exports: [CdkColumnResize, CdkColumnResizeFlex],
-            },] }
-];
+CdkColumnResizeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkColumnResizeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CdkColumnResizeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkColumnResizeModule, declarations: [CdkColumnResize, CdkColumnResizeFlex], exports: [CdkColumnResize, CdkColumnResizeFlex] });
+CdkColumnResizeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkColumnResizeModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkColumnResizeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CdkColumnResize, CdkColumnResizeFlex],
+                    exports: [CdkColumnResize, CdkColumnResizeFlex],
+                }]
+        }] });
 
 /**
  * @license
@@ -639,9 +651,11 @@ CdkColumnResizeModule.decorators = [
  */
 class ColumnSizeStore {
 }
-ColumnSizeStore.decorators = [
-    { type: Injectable }
-];
+ColumnSizeStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ColumnSizeStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ColumnSizeStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ColumnSizeStore });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ColumnSizeStore, decorators: [{
+            type: Injectable
+        }] });
 
 /**
  * @license
@@ -712,32 +726,32 @@ class Resizable {
         });
     }
     ngOnDestroy() {
+        var _a, _b;
         this.destroyed.next();
         this.destroyed.complete();
-        if (this.inlineHandle) {
-            this.elementRef.nativeElement.removeChild(this.inlineHandle);
-        }
-        if (this.overlayRef) {
-            this.overlayRef.dispose();
-        }
+        (_a = this.inlineHandle) === null || _a === void 0 ? void 0 : _a.remove();
+        (_b = this.overlayRef) === null || _b === void 0 ? void 0 : _b.dispose();
     }
     _createOverlayForHandle() {
         // Use of overlays allows us to properly capture click events spanning parts
         // of two table cells and is also useful for displaying a resize thumb
         // over both cells and extending it down the table as needed.
         const isRtl = this.directionality.value === 'rtl';
-        const positionStrategy = this.overlay.position()
+        const positionStrategy = this.overlay
+            .position()
             .flexibleConnectedTo(this.elementRef.nativeElement)
             .withFlexibleDimensions(false)
             .withGrowAfterOpen(false)
             .withPush(false)
             .withDefaultOffsetX(isRtl ? 1 : 0)
-            .withPositions([{
+            .withPositions([
+            {
                 originX: isRtl ? 'start' : 'end',
                 originY: 'top',
                 overlayX: 'center',
                 overlayY: 'top',
-            }]);
+            },
+        ]);
         return this.overlay.create({
             // Always position the overlay based on left-indexed coordinates.
             direction: 'ltr',
@@ -750,8 +764,10 @@ class Resizable {
     _listenForRowHoverEvents() {
         const element = this.elementRef.nativeElement;
         const takeUntilDestroyed = takeUntil(this.destroyed);
-        this.eventDispatcher.resizeOverlayVisibleForHeaderRow(_closest(element, HEADER_ROW_SELECTOR))
-            .pipe(takeUntilDestroyed).subscribe(hoveringRow => {
+        this.eventDispatcher
+            .resizeOverlayVisibleForHeaderRow(_closest(element, HEADER_ROW_SELECTOR))
+            .pipe(takeUntilDestroyed)
+            .subscribe(hoveringRow => {
             if (hoveringRow) {
                 if (!this.overlayRef) {
                     this.overlayRef = this._createOverlayForHandle();
@@ -766,14 +782,18 @@ class Resizable {
     }
     _listenForResizeEvents() {
         const takeUntilDestroyed = takeUntil(this.destroyed);
-        merge(this.resizeNotifier.resizeCanceled, this.resizeNotifier.triggerResize).pipe(takeUntilDestroyed, filter(columnSize => columnSize.columnId === this.columnDef.name)).subscribe(({ size, previousSize, completeImmediately }) => {
+        merge(this.resizeNotifier.resizeCanceled, this.resizeNotifier.triggerResize)
+            .pipe(takeUntilDestroyed, filter(columnSize => columnSize.columnId === this.columnDef.name))
+            .subscribe(({ size, previousSize, completeImmediately }) => {
             this.elementRef.nativeElement.classList.add(OVERLAY_ACTIVE_CLASS);
             this._applySize(size, previousSize);
             if (completeImmediately) {
                 this._completeResizeOperation();
             }
         });
-        merge(this.resizeNotifier.resizeCanceled, this.resizeNotifier.resizeCompleted).pipe(takeUntilDestroyed).subscribe(columnSize => {
+        merge(this.resizeNotifier.resizeCanceled, this.resizeNotifier.resizeCompleted)
+            .pipe(takeUntilDestroyed)
+            .subscribe(columnSize => {
             this._cleanUpAfterResize(columnSize);
         });
     }
@@ -798,10 +818,12 @@ class Resizable {
     _createHandlePortal() {
         const injector = Injector.create({
             parent: this.injector,
-            providers: [{
+            providers: [
+                {
                     provide: ResizeRef,
-                    useValue: new ResizeRef(this.elementRef, this.overlayRef, this.minWidthPx, this.maxWidthPx)
-                }]
+                    useValue: new ResizeRef(this.elementRef, this.overlayRef, this.minWidthPx, this.maxWidthPx),
+                },
+            ],
         });
         return new ComponentPortal(this.getOverlayHandleComponentType(), this.viewContainerRef, injector);
     }
@@ -834,9 +856,11 @@ class Resizable {
         });
     }
 }
-Resizable.decorators = [
-    { type: Directive }
-];
+Resizable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: Resizable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+Resizable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: Resizable, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: Resizable, decorators: [{
+            type: Directive
+        }] });
 
 /**
  * @license
@@ -864,11 +888,15 @@ class ResizeOverlayHandle {
     }
     _listenForMouseEvents() {
         this.ngZone.runOutsideAngular(() => {
-            fromEvent(this.elementRef.nativeElement, 'mouseenter').pipe(mapTo(this.resizeRef.origin.nativeElement), takeUntil(this.destroyed)).subscribe(cell => this.eventDispatcher.headerCellHovered.next(cell));
-            fromEvent(this.elementRef.nativeElement, 'mouseleave').pipe(map(event => event.relatedTarget &&
-                _closest(event.relatedTarget, HEADER_CELL_SELECTOR)), takeUntil(this.destroyed)).subscribe(cell => this.eventDispatcher.headerCellHovered.next(cell));
+            fromEvent(this.elementRef.nativeElement, 'mouseenter')
+                .pipe(mapTo(this.resizeRef.origin.nativeElement), takeUntil(this.destroyed))
+                .subscribe(cell => this.eventDispatcher.headerCellHovered.next(cell));
+            fromEvent(this.elementRef.nativeElement, 'mouseleave')
+                .pipe(map(event => event.relatedTarget && _closest(event.relatedTarget, HEADER_CELL_SELECTOR)), takeUntil(this.destroyed))
+                .subscribe(cell => this.eventDispatcher.headerCellHovered.next(cell));
             fromEvent(this.elementRef.nativeElement, 'mousedown')
-                .pipe(takeUntil(this.destroyed)).subscribe(mousedownEvent => {
+                .pipe(takeUntil(this.destroyed))
+                .subscribe(mousedownEvent => {
                 this._dragStarted(mousedownEvent);
             });
         });
@@ -880,8 +908,7 @@ class ResizeOverlayHandle {
         }
         const mouseup = fromEvent(this.document, 'mouseup');
         const mousemove = fromEvent(this.document, 'mousemove');
-        const escape = fromEvent(this.document, 'keyup')
-            .pipe(filter(event => event.keyCode === ESCAPE));
+        const escape = fromEvent(this.document, 'keyup').pipe(filter(event => event.keyCode === ESCAPE));
         const startX = mousedownEvent.screenX;
         const initialSize = this._getOriginWidth();
         let overlayOffset = 0;
@@ -897,19 +924,21 @@ class ResizeOverlayHandle {
         escape.pipe(takeUntil(merge(mouseup, this.destroyed))).subscribe(() => {
             this._notifyResizeEnded(initialSize);
         });
-        mousemove.pipe(map(({ screenX }) => screenX), startWith(startX), distinctUntilChanged(), pairwise(), takeUntil(merge(mouseup, escape, this.destroyed))).subscribe(([prevX, currX]) => {
+        mousemove
+            .pipe(map(({ screenX }) => screenX), startWith(startX), distinctUntilChanged(), pairwise(), takeUntil(merge(mouseup, escape, this.destroyed)))
+            .subscribe(([prevX, currX]) => {
             let deltaX = currX - prevX;
             // If the mouse moved further than the resize was able to match, limit the
             // movement of the overlay to match the actual size and position of the origin.
             if (overshot !== 0) {
-                if (overshot < 0 && deltaX < 0 || overshot > 0 && deltaX > 0) {
+                if ((overshot < 0 && deltaX < 0) || (overshot > 0 && deltaX > 0)) {
                     overshot += deltaX;
                     return;
                 }
                 else {
                     const remainingOvershot = overshot + deltaX;
-                    overshot = overshot > 0 ?
-                        Math.max(remainingOvershot, 0) : Math.min(remainingOvershot, 0);
+                    overshot =
+                        overshot > 0 ? Math.max(remainingOvershot, 0) : Math.min(remainingOvershot, 0);
                     deltaX = remainingOvershot - overshot;
                     if (deltaX === 0) {
                         return;
@@ -947,8 +976,7 @@ class ResizeOverlayHandle {
         return this.resizeRef.origin.nativeElement.offsetLeft;
     }
     _updateOverlayOffset(offset) {
-        this.resizeRef.overlayRef.overlayElement.style.transform =
-            `translateX(${coerceCssPixelValue(offset)})`;
+        this.resizeRef.overlayRef.overlayElement.style.transform = `translateX(${coerceCssPixelValue(offset)})`;
     }
     _isLtr() {
         return this.directionality.value === 'ltr';
@@ -966,9 +994,19 @@ class ResizeOverlayHandle {
         });
     }
 }
-ResizeOverlayHandle.decorators = [
-    { type: Directive }
-];
+ResizeOverlayHandle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ResizeOverlayHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ResizeOverlayHandle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: ResizeOverlayHandle, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: ResizeOverlayHandle, decorators: [{
+            type: Directive
+        }] });
+
+/**
+ * @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
@@ -982,5 +1020,5 @@ ResizeOverlayHandle.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { CdkColumnResize, CdkColumnResizeDefaultEnabledModule, CdkColumnResizeFlex, CdkColumnResizeModule, CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex, CdkFlexTableResizeStrategy, ColumnResize, ColumnResizeNotifier, ColumnResizeNotifierSource, ColumnSizeStore, FLEX_RESIZE_STRATEGY_PROVIDER, HeaderRowEventDispatcher, Resizable, ResizeOverlayHandle, ResizeRef, ResizeStrategy, TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER, TableLayoutFixedResizeStrategy, TABLE_PROVIDERS as ɵangular_material_src_cdk_experimental_column_resize_column_resize_a, FLEX_PROVIDERS as ɵangular_material_src_cdk_experimental_column_resize_column_resize_b };
-//# sourceMappingURL=column-resize.js.map
+export { CdkColumnResize, CdkColumnResizeDefaultEnabledModule, CdkColumnResizeFlex, CdkColumnResizeModule, CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex, CdkFlexTableResizeStrategy, ColumnResize, ColumnResizeNotifier, ColumnResizeNotifierSource, ColumnSizeStore, FLEX_RESIZE_STRATEGY_PROVIDER, HeaderRowEventDispatcher, Resizable, ResizeOverlayHandle, ResizeRef, ResizeStrategy, TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER, TableLayoutFixedResizeStrategy };
+//# sourceMappingURL=column-resize.mjs.map