split up mat resizable directives

Author: kseamon

src/material-experimental/column-resize/column-resize-module.ts

@@ -15,7 +15,8 @@ import {
   MatDefaultEnabledColumnResize,
   MatDefaultEnabledColumnResizeFlex,
 } from './column-resize';
-import {MatResizable, MatDefaultResizable} from './resizable';
+import {MatDefaultResizable} from './resizable-directives/default-enabled-resizable';
+import {MatResizable} from './resizable-directives/resizable';
 import {MatColumnResizeOverlayHandle} from './overlay-handle';
 
 const ENTRY_COMMON_COMPONENTS = [

src/material-experimental/column-resize/public-api.ts

@@ -8,6 +8,7 @@
 
 export * from './column-resize';
 export * from './column-resize-module';
-export * from './resizable';
+export * from './resizable-directives/default-enabled-resizable';
+export * from './resizable-directives/resizable';
 export * from './resize-strategy';
 export * from './overlay-handle';

src/material-experimental/column-resize/resizable-directives/common.ts

@@ -0,0 +1,24 @@
+import {Type} from '@angular/core';
+import {Resizable} from '@angular/cdk-experimental/column-resize';
+import {MatColumnResizeOverlayHandle} from '../overlay-handle';
+
+export abstract class AbstractMatResizable extends Resizable<MatColumnResizeOverlayHandle> {
+  minWidthPxInternal = 32;
+
+  protected getInlineHandleCssClassName(): string {
+    return 'mat-resizable-handle';
+  }
+
+  protected getOverlayHandleComponentType(): Type<MatColumnResizeOverlayHandle> {
+    return MatColumnResizeOverlayHandle;
+  }
+}
+
+export const RESIZABLE_HOST_BINDINGS = {
+  'class': 'mat-resizable',
+};
+
+export const RESIZABLE_INPUTS = [
+  'minWidthPx: matResizableMinWidthPx',
+  'maxWidthPx: matResizableMaxWidthPx',
+];

src/material-experimental/column-resize/resizable.ts renamed to src/material-experimental/column-resize/resizable-directives/default-enabled-resizable.ts

@@ -1,18 +1,9 @@
-/**
- * @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
- */
-
 import {
   Directive,
   ElementRef,
   Inject,
   Injector,
   NgZone,
-  Type,
   ViewContainerRef,
 } from '@angular/core';
 import {DOCUMENT} from '@angular/common';
@@ -22,11 +13,10 @@ import {
   ColumnResize,
   ColumnResizeNotifierSource,
   HeaderRowEventDispatcher,
-  Resizable,
   ResizeStrategy,
 } from '@angular/cdk-experimental/column-resize';
 
-
+import {AbstractMatResizable, RESIZABLE_HOST_BINDINGS, RESIZABLE_INPUTS} from './common';
 
 @Directive({
   selector: 'mat-header-cell:not([disableResize]), th[mat-header-cell]:not([disableResize])',
@@ -52,28 +42,3 @@ export class MatDefaultResizable extends AbstractMatResizable {
     this.document = document;
   }
 }
-
-@Directive({
-  selector: 'mat-header-cell[resizable], th[mat-header-cell][resizable]',
-  host: RESIZABLE_HOST_BINDINGS,
-  inputs: RESIZABLE_INPUTS,
-})
-export class MatResizable extends AbstractMatResizable {
-  protected readonly document: Document;
-
-  constructor(
-      protected readonly columnDef: CdkColumnDef,
-      protected readonly columnResize: ColumnResize,
-      @Inject(DOCUMENT) document: any,
-      protected readonly elementRef: ElementRef,
-      protected readonly eventDispatcher: HeaderRowEventDispatcher,
-      protected readonly injector: Injector,
-      protected readonly ngZone: NgZone,
-      protected readonly overlay: Overlay,
-      protected readonly resizeNotifier: ColumnResizeNotifierSource,
-      protected readonly resizeStrategy: ResizeStrategy,
-      protected readonly viewContainerRef: ViewContainerRef) {
-    super();
-    this.document = document;
-  }
-}

src/material-experimental/column-resize/resizable-directives/resizable.ts

@@ -0,0 +1,44 @@
+import {
+  Directive,
+  ElementRef,
+  Inject,
+  Injector,
+  NgZone,
+  ViewContainerRef,
+} from '@angular/core';
+import {DOCUMENT} from '@angular/common';
+import {Overlay} from '@angular/cdk/overlay';
+import {CdkColumnDef} from '@angular/cdk/table';
+import {
+  ColumnResize,
+  ColumnResizeNotifierSource,
+  HeaderRowEventDispatcher,
+  ResizeStrategy,
+} from '@angular/cdk-experimental/column-resize';
+
+import {AbstractMatResizable, RESIZABLE_HOST_BINDINGS, RESIZABLE_INPUTS} from './common';
+
+@Directive({
+  selector: 'mat-header-cell[resizable], th[mat-header-cell][resizable]',
+  host: RESIZABLE_HOST_BINDINGS,
+  inputs: RESIZABLE_INPUTS,
+})
+export class MatResizable extends AbstractMatResizable {
+  protected readonly document: Document;
+
+  constructor(
+      protected readonly columnDef: CdkColumnDef,
+      protected readonly columnResize: ColumnResize,
+      @Inject(DOCUMENT) document: any,
+      protected readonly elementRef: ElementRef,
+      protected readonly eventDispatcher: HeaderRowEventDispatcher,
+      protected readonly injector: Injector,
+      protected readonly ngZone: NgZone,
+      protected readonly overlay: Overlay,
+      protected readonly resizeNotifier: ColumnResizeNotifierSource,
+      protected readonly resizeStrategy: ResizeStrategy,
+      protected readonly viewContainerRef: ViewContainerRef) {
+    super();
+    this.document = document;
+  }
+}