feat: upgrade to material-web-components 0.27.0

BREAKING CHANGE:
* mdcSelect has been removed for now, will be readded when
  upgrading to material-web-components 0.34.0
* mdcListItemTextSecondary was renamed to mdcListItemSecondaryText
* MdcListItemTextSecondaryDirective was renamed to
  MdcListItemSecondaryTextDirective

Author: gjdev

bundle/package-lock.json

@@ -25,7 +25,7 @@
     "build": "npm run clean && npm run ngc && npm run bundle && npm run copy-types && npm run copy-metadata && npm run apidocs"
   },
   "dependencies": {
-    "material-components-web": "^0.26.0"
+    "material-components-web": "^0.27.0"
   },
   "peerDependencies": {
     "@angular/common": ">=4.0.0",
@@ -43,8 +43,8 @@
     "@angular/forms": "^5.2.10",
     "@angular/router": "^5.2.10",
     "@types/glob": "^5.0.35",
-    "@types/jasmine": "^2.8.6",
-    "@types/node": "^10.0.2",
+    "@types/jasmine": "^2.8.7",
+    "@types/node": "^10.0.3",
     "@types/rollup": "^0.54.0",
     "@types/selenium-webdriver": "^3.0.8",
     "codelyzer": "^4.3.0",
@@ -57,12 +57,11 @@
     "jasmine-spec-reporter": "^4.2.1",
     "karma": "^2.0.2",
     "karma-chrome-launcher": "^2.2.0",
-    "karma-coverage": "^1.1.1",
-    "karma-jasmine": "^1.1.1",
+    "karma-coverage": "^1.1.2",
+    "karma-jasmine": "^1.1.2",
     "karma-mocha-reporter": "^2.2.4",
     "karma-remap-istanbul": "0.6.0",
     "karma-sourcemap-loader": "^0.3.7",
-    "karma-webpack": "^3.0.0",
     "remap-istanbul": "^0.11.1",
     "rimraf": "^2.6.2",
     "rollup": "^0.58.2",
@@ -73,7 +72,7 @@
     "source-map-explorer": "^1.4.0",
     "ts-helpers": "^1.1.2",
     "ts-node": "^3.3.0",
-    "tslint": "^5.9.1",
+    "tslint": "^5.10.0",
     "typedoc": "^0.11.1",
     "typescript": "2.4.2",
     "zone.js": "^0.8.26"

bundle/package.json

@@ -298,6 +298,12 @@ export class MdcDrawerContainerDirective implements AfterContentInit, OnDestroy
             updateCssVariable: (value: string) => {
                 if (util.supportsCssCustomProperties())
                     this._elm.nativeElement.style.setProperty(MDCTemporaryDrawerFoundation.strings.OPACITY_VAR_NAME, value);
+            },
+            eventTargetHasClass: (target: HTMLElement, className: string) => {
+                if (target === this._elm.nativeElement && this.type === 'temporary' && className === 'mdc-temporary-drawer')
+                    // make sure this returns true even if class HostBinding is not effectuated yet:
+                    return true;
+                return target.classList.contains(className);
             }
         };
         this.mdcAdapter = adapter;

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

@@ -5,4 +5,5 @@ export interface MdcTemporaryDrawerAdapter extends MdcSlidableDrawerAdapter {
     addBodyClass: (className: string) => void;
     removeBodyClass: (className: string) => void;
     updateCssVariable: (value: string) => void;
+    eventTargetHasClass: (target: HTMLElement, className: string) => boolean;
 }

bundle/src/components/drawer/mdc.temporary.drawer.adapter.ts

@@ -106,10 +106,10 @@ export class MdcListItemTextDirective {
  * Directive for the secondary text of an item with "two line list" styling.
  */
 @Directive({
-    selector: '[mdcListItemTextSecondary]',
+    selector: '[mdcListItemSecondaryText]',
 })
-export class MdcListItemTextSecondaryDirective {
-    @HostBinding('class.mdc-list-item__text__secondary') _cls = true;
+export class MdcListItemSecondaryTextDirective {
+    @HostBinding('class.mdc-list-item__secondary-text') _cls = true;
 
     constructor() {}
 }

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

@@ -5,6 +5,7 @@ export interface MdcSimpleMenuAdapter {
     hasClass: (className: string) => boolean,
     hasNecessaryDom: () => boolean,
     getAttributeForEventTarget: (target: Element, attrName: string) => string,
+    eventTargetHasClass: (target: HTMLElement, className: string) => boolean;
     getInnerDimensions: () => {width: number, height: number},
     hasAnchor: () => boolean,
     getAnchorDimensions: () => {width: number, height: number, top: number, right: number, bottom: number, left: number},

bundle/src/components/menu/mdc.simple.menu.adapter.ts

@@ -106,6 +106,7 @@ export class MdcSimpleMenuDirective implements AfterContentInit, OnDestroy {
         },
         hasNecessaryDom: () => this._listQuery.length != 0,
         getAttributeForEventTarget: (target: Element, attrName: string) => target.getAttribute(attrName),
+        eventTargetHasClass: (target: HTMLElement, className: string) => target.classList.contains(className),
         getInnerDimensions: () => {
             let elm = this._list._elm.nativeElement;
             return {width: elm.offsetWidth, height: elm.offsetHeight};