build: upgrade to angular9

bundle/package.json

@@ -41,56 +41,56 @@
     "zone.js": ">=0.8.0"
   },
   "devDependencies": {
-    "@angular/animations": "^6.0.7",
-    "@angular/common": "^6.0.7",
-    "@angular/compiler": "^6.0.7",
-    "@angular/compiler-cli": "^6.0.7",
-    "@angular/core": "^6.0.7",
-    "@angular/forms": "^6.0.7",
-    "@angular/platform-browser": "^6.0.7",
-    "@angular/platform-browser-dynamic": "^6.0.7",
-    "@angular/router": "^6.0.7",
+    "@angular/animations": "^9.0.7",
+    "@angular/common": "^9.0.7",
+    "@angular/compiler": "^9.0.7",
+    "@angular/compiler-cli": "^9.0.7",
+    "@angular/core": "^9.0.7",
+    "@angular/forms": "^9.0.7",
+    "@angular/platform-browser": "^9.0.7",
+    "@angular/platform-browser-dynamic": "^9.0.7",
+    "@angular/router": "^9.0.7",
+    "@rollup/plugin-node-resolve": "^7.1.1",
     "@types/glob": "^7.1.1",
-    "@types/jasmine": "^2.8.9",
-    "@types/node": "^10.12.0",
+    "@types/jasmine": "^3.5.9",
+    "@types/node": "^13.9.2",
     "@types/rollup": "^0.54.0",
-    "@types/selenium-webdriver": "^3.0.12",
+    "@types/selenium-webdriver": "^4.0.9",
     "angular2-template-loader": "^0.6.2",
-    "codelyzer": "^4.5.0",
-    "cpy-cli": "^2.0.0",
-    "css-loader": "^1.0.0",
-    "dgeni": "^0.4.10",
-    "dgeni-packages": "^0.26.12",
-    "glob": "^7.1.3",
+    "codelyzer": "^5.2.1",
+    "cpy-cli": "^3.1.0",
+    "css-loader": "^3.4.2",
+    "dgeni": "^0.4.12",
+    "dgeni-packages": "^0.28.3",
+    "glob": "^7.1.6",
     "istanbul-instrumenter-loader": "^3.0.1",
-    "jasmine-core": "^3.3.0",
+    "jasmine-core": "^3.5.0",
     "jasmine-spec-reporter": "^4.2.1",
-    "karma": "^3.1.1",
-    "karma-chrome-launcher": "^2.2.0",
-    "karma-coverage": "^1.1.2",
-    "karma-coverage-istanbul-reporter": "^2.0.4",
-    "karma-jasmine": "^1.1.2",
-    "karma-junit-reporter": "^1.2.0",
+    "karma": "^4.4.1",
+    "karma-chrome-launcher": "^3.1.0",
+    "karma-coverage": "^2.0.1",
+    "karma-coverage-istanbul-reporter": "^2.1.1",
+    "karma-jasmine": "^3.1.1",
+    "karma-junit-reporter": "^2.0.1",
     "karma-sourcemap-loader": "^0.3.7",
     "karma-spec-reporter": "0.0.32",
-    "karma-webpack": "^4.0.0-beta.0",
-    "raw-loader": "^0.5.1",
-    "rimraf": "^2.6.2",
-    "rollup": "^0.66.6",
-    "rollup-plugin-node-resolve": "^3.4.0",
-    "rollup-plugin-sourcemaps": "0.4.2",
-    "rxjs": "^6.3.3",
-    "shelljs": "^0.8.2",
-    "source-map-explorer": "^1.6.0",
+    "karma-webpack": "^4.0.2",
+    "raw-loader": "^4.0.0",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.1.0",
+    "rollup-plugin-sourcemaps": "^0.5.0",
+    "rxjs": "^6.5.4",
+    "shelljs": "^0.8.3",
+    "source-map-explorer": "^2.4.0",
     "source-map-loader": "^0.2.4",
-    "to-string-loader": "^1.1.5",
+    "to-string-loader": "^1.1.6",
     "ts-helpers": "^1.1.2",
-    "ts-loader": "^5.2.2",
-    "ts-node": "^7.0.1",
-    "tslint": "^5.11.0",
-    "typedoc": "^0.13.0",
-    "typescript": "^2.7.2",
-    "webpack": "^4.23.1",
-    "zone.js": "^0.8.26"
+    "ts-loader": "^6.2.1",
+    "ts-node": "^8.7.0",
+    "tslint": "^6.1.0",
+    "typedoc": "^0.17.1",
+    "typescript": "^3.7.5",
+    "webpack": "^4.42.0",
+    "zone.js": "^0.10.3"
   }
 }

bundle/src/components/checkbox/mdc.checkbox.directive.ts

@@ -53,7 +53,7 @@ export class MdcCheckboxInputDirective extends AbstractMdcInput {
  * background).
  * Future implementations will also support supplying (customized) background
  * elements.
- * </p><p>
+ *
  * This directive can be used together with an <code>mdcFormField</code> to
  * easily position checkboxes and their labels, see
  * <a href="/material/components/form-field">mdcFormField</a>.

bundle/src/components/dialog/mdc.dialog.directive.ts

@@ -105,7 +105,7 @@ export class MdcDialogFooterDirective implements AfterContentInit {
  * Directive to mark the accept button of a <code>mdcDialog</code>. This directive should
  * be used in combination with the <code>mdcButton</code> directive. Accept button presses
  * trigger the <code>accept</code> event on the dialog.
- * </p><p>
+ * 
  * When the dialog is marked with the <code>mdcFocusTrap</code> directive, the focus trap will
  * focus this button when activated. If you want to focus another element in the dialog
  * instead, add the <code>mdcFocusInitial</code> directive to that element.
@@ -168,7 +168,7 @@ export class MdcDialogSurfaceDirective {
  * Directive for creating a modal dialog with Material Design styling. The dialog should have two
  * child elements: a surface (marked with the <code>mdcDialogSurface</code> directive), and a
  * backdrop (marked with the <code>mdcDialogBackdrop</code> directive).
- * </p><p>
+ * 
  * For an accessible user experience, the surface behind the dialog should not be accessible.
  * This can be achieved by adding the <code>mdcFocusTrap</code> directive to the dialog element
  * as well.

bundle/src/components/drawer/mdc.drawer.directive.ts

@@ -30,7 +30,7 @@ export class MdcDrawerToolbarSpacerDirective extends AbstractDrawerElement {
  * A toolbar header is an optional first child of an <code>mdcDrawer</code>.
  * A toolbar header adds space to create a 16:9 drawer header.
  * It's often used for user account selection or profile information.
- * </p><p>
+ * 
  * To place content inside a toolbar header, add a child element with the
  * <code>mdcDrawerHeaderContent</code> directive.
  */
@@ -83,7 +83,7 @@ export class MdcDrawerContentDirective extends AbstractDrawerElement {
  * A standalone <code>mdcDrawer</code> is a <i>permanent</i> drawer. A <i>permanent</i>
  * drawer is always open, sitting to the side of the content. It is appropriate for any
  * display size larger than mobile.
- * </p><p>
+ * 
  * To make a drawer that can be opened/closed, wrap the <code>mdcDrawer</code> inside an
  * <code>mdcDrawerContainer</code>. That makes the drawer a <i>persistent</i> or
  * <i>temporary</i> drawer. See <code>MdcDrawerContainerDirective</code> for more information.

bundle/src/components/icon-button/mdc.icon-button.directive.ts

@@ -18,7 +18,7 @@ import { MdcEventRegistry } from '../../utils/mdc.event.registry';
  * effect. This can be solved by having a child element in your <code>mdcIconButton</code>
  * and set this directive on it. The icon classes will then be applied to the child
  * element, and won't interfere with the icon button pseudo elements anymore.
- * </p><p>
+ * 
  * For icon fonts that don't use pseudo elements (such as the Material
  * Design Icons from Google), this directive is not necessary.
  */
@@ -82,7 +82,7 @@ export class MdcIconButtonDirective extends AbstractMdcIcon implements AfterCont
 /**
  * Directive for creating a Material Design icon toggle button: a button that toggles state, and
  * switches the icon based on the value of the toggle.
- * </p><p>
+ * 
  * When the applied icon font uses CSS pseudo elements, add a child element for the actual icon,
  * and give that element the <code>mdcIconButtonIcon</code> directive. The icon button will
  * then update the child element with the correct icon if it is toggled.

bundle/src/components/icon-toggle/mdc.icon-toggle.directive.ts

@@ -276,12 +276,11 @@ export class MdcIconToggleDirective extends AbstractMdcIcon implements AfterCont
      * the icon by using their textual name). When <code>iconIsClass</code> is true, the directive
      * assumes <code>iconOn</code>, and <code>iconOff</code> represent class names. When
      * <code>iconIsClass</code> is false, the directive assumes the use of ligatures.
-     * <p>
+     * 
      * When <code>iconIsClass</code> is not assigned, the directive bases its decision on whether
      * or not an embedded <code>MdcIconToggleIconDirective</code> is used.
      * In most cases you won't need to set this input, as the default based on an embedded
      * <code>MdcIconToggleIconDirective</code> is typically what you need.
-     * </p>
      */
     @Input() get iconIsClass() {
         return this._iconIsClass;

bundle/src/components/radio/mdc.radio.directive.ts

@@ -53,7 +53,7 @@ export class MdcRadioInputDirective extends AbstractMdcInput {
  * background).
  * Future implementations will also support supplying (customized) background
  * elements.
- * </p><p>
+ * 
  * This directive can be used together with an <code>mdcFormField</code> to
  * easily position radio buttons and their labels, see
  * <a href="/material/components/form-field">mdcFormField</a>.

bundle/src/components/switch/mdc.switch.directive.ts

@@ -49,7 +49,7 @@ export class MdcSwitchInputDirective extends AbstractMdcInput {
  * background).
  * Future implementations will also support supplying (customized) background
  * elements.
- * </p><p>
+ * 
  * This directive can be used together with an <code>mdcFormField</code> to
  * easily position switches and their labels, see
  * <a href="/material/components/form-field">mdcFormField</a>.

bundle/src/components/text-field/mdc.text-field.directive.ts

@@ -477,7 +477,7 @@ export class MdcTextFieldDirective extends AbstractMdcRipple implements AfterCon
      * text-field validity styling based on this value. A value of <code>null</code>, or
      * <code>undefined</code> will reset the validity styling to the state of the underlying
      * angular form control or native input.
-     * </p><p>
+     * 
      * For most use cases messing with this input is not be needed.
      * When the input/textarea is an ngControl, the mdcTextField is already aware of that,
      * and is already using the 'valid' property of that control.

bundle/src/components/utility/mdc.scrollbar-resize.directive.ts

@@ -16,8 +16,7 @@ function initScrollbarResizeListener() {
     iframe.onload = function() {
       iframe.contentWindow.addEventListener('resize', function() {
         try {
-          var evt = document.createEvent('UIEvents');
-          evt.initUIEvent('resize', true, false, window, 0);
+          let evt = new UIEvent('resize', {view: window, cancelable: false, bubbles: true});
           window.dispatchEvent(evt);
         } catch(e) {}
       });

bundle/src/material.module.ts

@@ -1,80 +1,3 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MdcButtonDirective, MdcButtonIconDirective } from './components/button/mdc.button.directive';
-import { MdcCardDirective,
-    MdcCardMediaDirective,
-    MdcCardMediaContentDirective,
-    MdcCardActionButtonsDirective,
-    MdcCardActionIconsDirective,
-    MdcCardActionsDirective,
-    MdcCardPrimaryActionDirective } from './components/card/mdc.card.directive';
-import { MdcCheckboxDirective,
-    MdcCheckboxInputDirective } from './components/checkbox/mdc.checkbox.directive';
-import { CHIP_DIRECTIVES } from './components/chips/mdc.chip.directive';
-import { DIALOG_DIRECTIVES } from './components/dialog/mdc.dialog.directive';
-import { MdcDrawerDirective,
-    MdcDrawerContainerDirective,
-    MdcDrawerToolbarSpacerDirective,
-    MdcDrawerHeaderDirective,
-    MdcDrawerHeaderContentDirective,
-    MdcDrawerContentDirective } from './components/drawer/mdc.drawer.directive';
-import { MdcElevationDirective } from './components/elevation/mdc.elevation.directive';
-import { FAB_DIRECTIVES } from './components/fab/mdc.fab.directive';
-import { MdcFloatingLabelDirective } from './components/floating-label/mdc.floating-label.directive';
-import { FOCUS_TRAP_DIRECTIVES } from './components/focus-trap/mdc.focus-trap.directive';
-import { MdcFormFieldDirective,
-    MdcFormFieldInputDirective,
-    MdcFormFieldLabelDirective } from './components/form-field/mdc.form-field.directive';
-import { ICON_BUTTON_DIRECTIVES } from './components/icon-button/mdc.icon-button.directive';
-import { MdcIconToggleDirective,
-    MdcIconToggleIconDirective,
-    MdcFormsIconToggleDirective } from './components/icon-toggle/mdc.icon-toggle.directive';
-import { MdcLinearProgressDirective } from './components/linear-progress/mdc.linear-progress.directive';
-import { MdcListDividerDirective,
-    MdcListItemDirective,
-    MdcListItemTextDirective,
-    MdcListItemSecondaryTextDirective,
-    MdcListItemGraphicDirective,
-    MdcListItemMetaDirective,
-    MdcListDirective,
-    MdcListGroupSubHeaderDirective,
-    MdcListGroupDirective } from './components/list/mdc.list.directive';
-import { MdcMenuAnchorDirective, MdcMenuDirective } from './components/menu/mdc.menu.directive';
-import { MdcRadioDirective,
-    MdcRadioInputDirective } from './components/radio/mdc.radio.directive';
-import { MdcRippleDirective } from './components/ripple/mdc.ripple.directive';
-import { MdcSelectDirective, MdcSelectControlDirective } from './components/select/mdc.select.directive';
-import { MdcSliderDirective,
-    MdcFormsSliderDirective } from './components/slider/mdc.slider.directive';
-import { MdcSnackbarService } from './components/snackbar/mdc.snackbar.service';
-import { MdcSwitchInputDirective,
-    MdcSwitchDirective } from './components/switch/mdc.switch.directive';    
-import { AbstractMdcTabDirective, MdcTabDirective,
-    MdcTabIconDirective,
-    MdcTabIconTextDirective,
-    MdcTabChange } from './components/tabs/mdc.tab.directive';
-import { MdcTabRouterDirective } from './components/tabs/mdc.tab.router.directive';
-import { MdcTabBarDirective } from './components/tabs/mdc.tab.bar.directive';
-import { MdcTabBarScrollerDirective,
-    MdcTabBarScrollerInnerDirective,
-    MdcTabBarScrollerBackDirective,
-    MdcTabBarScrollerForwardDirective,
-    MdcTabBarScrollerFrameDirective } from './components/tabs/mdc.tab.bar.scroller.directive';
-import { MdcTextFieldDirective,
-    MdcTextFieldInputDirective,
-    MdcTextFieldIconDirective,
-    MdcTextFieldHelperTextDirective } from './components/text-field/mdc.text-field.directive';
-import { MdcToolbarDirective,
-    MdcToolbarRowDirective,
-    MdcToolbarSectionDirective,
-    MdcToolbarTitleDirective,
-    MdcToolbarIcon,
-    MdcToolbarMenuIcon,
-    MdcToolbarFixedAdjustDirective } from './components/toolbar/mdc.toolbar.directive';
-import { TOP_APP_BAR_DIRECTIVES } from './components/top-app-bar/mdc.top-app-bar.directive';
-import { MdcScrollbarResizeDirective } from './components/utility/mdc.scrollbar-resize.directive';
-import { MdcEventRegistry } from './utils/mdc.event.registry';
-
 export * from './components/button/mdc.button.directive';
 export { MdcCardDirective,
     MdcCardMediaDirective,
@@ -137,7 +60,7 @@ export { MdcTabBarScrollerDirective,
     MdcTabBarScrollerInnerDirective,
     MdcTabBarScrollerBackDirective,
     MdcTabBarScrollerForwardDirective,
-    MdcTabBarScrollerFrameDirective }
+    MdcTabBarScrollerFrameDirective } from './components/tabs/mdc.tab.bar.scroller.directive';
 export { MdcTextFieldDirective,
     MdcTextFieldInputDirective,
     MdcTextFieldIconDirective,
@@ -152,76 +75,6 @@ export { MdcToolbarDirective,
 export * from './components/top-app-bar/mdc.top-app-bar.directive';
 export { MdcScrollbarResizeDirective } from './components/utility/mdc.scrollbar-resize.directive';
 export { MdcEventRegistry } from './utils/mdc.event.registry';
-
-@NgModule({
-    imports: [
-        CommonModule
-    ],
-    declarations: [
-        MdcButtonDirective, MdcButtonIconDirective,
-        MdcCardDirective, MdcCardMediaDirective, MdcCardMediaContentDirective,
-        MdcCardActionButtonsDirective, MdcCardActionIconsDirective, MdcCardActionsDirective, MdcCardPrimaryActionDirective,
-        MdcCheckboxDirective, MdcCheckboxInputDirective,
-        ...CHIP_DIRECTIVES,
-        ...DIALOG_DIRECTIVES,
-        MdcDrawerDirective, MdcDrawerContainerDirective, MdcDrawerToolbarSpacerDirective, MdcDrawerHeaderDirective, MdcDrawerHeaderContentDirective, MdcDrawerContentDirective,
-        MdcElevationDirective,
-        ...FAB_DIRECTIVES,
-        MdcFloatingLabelDirective,
-        ...FOCUS_TRAP_DIRECTIVES,
-        MdcFormFieldDirective, MdcFormFieldInputDirective, MdcFormFieldLabelDirective,
-        ...ICON_BUTTON_DIRECTIVES,
-        MdcIconToggleDirective, MdcIconToggleIconDirective, MdcFormsIconToggleDirective,
-        MdcLinearProgressDirective,
-        MdcListDividerDirective, MdcListItemDirective, MdcListItemTextDirective, MdcListItemSecondaryTextDirective,
-        MdcListItemGraphicDirective, MdcListItemMetaDirective, MdcListDirective, MdcListGroupSubHeaderDirective, MdcListGroupDirective,
-        MdcMenuAnchorDirective, MdcMenuDirective,
-        MdcRadioDirective, MdcRadioInputDirective,
-        MdcRippleDirective,
-        MdcSelectDirective, MdcSelectControlDirective,
-        MdcSliderDirective, MdcFormsSliderDirective,
-        MdcSwitchInputDirective, MdcSwitchDirective,
-        MdcTabDirective, MdcTabIconDirective, MdcTabIconTextDirective,
-        MdcTabRouterDirective,
-        MdcTabBarDirective,
-        MdcTabBarScrollerDirective, MdcTabBarScrollerInnerDirective, MdcTabBarScrollerBackDirective, MdcTabBarScrollerForwardDirective, MdcTabBarScrollerFrameDirective,
-        MdcTextFieldDirective, MdcTextFieldInputDirective, MdcTextFieldIconDirective, MdcTextFieldHelperTextDirective,
-        MdcToolbarDirective, MdcToolbarRowDirective, MdcToolbarSectionDirective, MdcToolbarTitleDirective, MdcToolbarIcon, MdcToolbarMenuIcon, MdcToolbarFixedAdjustDirective,
-        TOP_APP_BAR_DIRECTIVES,
-        MdcScrollbarResizeDirective
-    ],
-    exports: [
-        MdcButtonDirective, MdcButtonIconDirective,
-        MdcCardDirective, MdcCardMediaDirective, MdcCardMediaContentDirective,
-        MdcCardActionButtonsDirective, MdcCardActionIconsDirective, MdcCardActionsDirective, MdcCardPrimaryActionDirective,
-        MdcCheckboxDirective, MdcCheckboxInputDirective,
-        ...CHIP_DIRECTIVES,
-        ...DIALOG_DIRECTIVES,
-        MdcDrawerDirective, MdcDrawerContainerDirective, MdcDrawerToolbarSpacerDirective, MdcDrawerHeaderDirective, MdcDrawerHeaderContentDirective, MdcDrawerContentDirective,
-        MdcElevationDirective,
-        ...FAB_DIRECTIVES,
-        MdcFloatingLabelDirective,
-        ...FOCUS_TRAP_DIRECTIVES,
-        MdcFormFieldDirective, MdcFormFieldInputDirective, MdcFormFieldLabelDirective,
-        ...ICON_BUTTON_DIRECTIVES,
-        MdcIconToggleDirective, MdcIconToggleIconDirective, MdcFormsIconToggleDirective,
-        MdcLinearProgressDirective,
-        MdcListDividerDirective, MdcListItemDirective, MdcListItemTextDirective, MdcListItemSecondaryTextDirective,
-        MdcListItemGraphicDirective, MdcListItemMetaDirective, MdcListDirective, MdcListGroupSubHeaderDirective, MdcListGroupDirective,
-        MdcMenuAnchorDirective, MdcMenuDirective,
-        MdcRadioDirective, MdcRadioInputDirective,
-        MdcRippleDirective,
-        MdcSelectDirective, MdcSelectControlDirective,
-        MdcSliderDirective, MdcFormsSliderDirective,
-        MdcSwitchInputDirective, MdcSwitchDirective,
-        MdcTabDirective, MdcTabIconDirective, MdcTabIconTextDirective,
-        MdcTabRouterDirective,
-        MdcTabBarDirective,
-        MdcTabBarScrollerDirective, MdcTabBarScrollerInnerDirective, MdcTabBarScrollerBackDirective, MdcTabBarScrollerForwardDirective, MdcTabBarScrollerFrameDirective,
-        MdcTextFieldDirective, MdcTextFieldInputDirective, MdcTextFieldIconDirective, MdcTextFieldHelperTextDirective,
-        MdcToolbarDirective, MdcToolbarRowDirective, MdcToolbarSectionDirective, MdcToolbarTitleDirective, MdcToolbarIcon, MdcToolbarMenuIcon, MdcToolbarFixedAdjustDirective,
-        TOP_APP_BAR_DIRECTIVES,
-        MdcScrollbarResizeDirective
-    ]
-})
-export class MaterialModule {}
+// MaterialModule needs to be defined in its own source file to prevent circular dependencies
+//  with rollup
+export { MaterialModule } from './material.ng.module';