fix: Sync upstream constants import (#1903)

Author: trimox

packages/chips/chip.ts

@@ -34,8 +34,8 @@ import {
   MdcIconRegistry
 } from '@angular-mdc/web/icon';
 
-import { cssClasses } from '@material/chips/chip/constants';
 import {
+  chipCssClasses,
   MDCChipAdapter,
   MDCChipFoundation
 } from '@material/chips/chip';
@@ -153,7 +153,7 @@ export class MdcChip extends MDCComponent<MDCChipFoundation> implements AfterVie
     this._foundation.setSelected(newValue);
 
     if (this.filter && this.leadingIcon) {
-      this.leadingIcon.elementRef.nativeElement.classList.remove(cssClasses.HIDDEN_LEADING_ICON);
+      this.leadingIcon.elementRef.nativeElement.classList.remove(chipCssClasses.HIDDEN_LEADING_ICON);
     }
   }
   private _selected: boolean = false;

packages/dialog/dialog.component.ts

@@ -27,7 +27,7 @@ import { MdcDialogRef } from './dialog-ref';
 import { MdcDialogConfig } from './dialog-config';
 
 import { strings } from '@material/dialog/constants';
-import { ponyfill } from '@material/dom';
+import { matches, closest } from '@material/dom/ponyfill';
 import { MDCDialogFoundation, MDCDialogAdapter, util } from '@material/dialog';
 
 const LAYOUT_EVENTS = ['resize', 'orientationchange'];
@@ -89,14 +89,14 @@ export class MdcDialogComponent extends MDCComponent<MDCDialogFoundation> implem
           document.body!.classList.remove(className);
         }
       },
-      eventTargetMatches: (target: EventTarget, selector: string) => ponyfill.matches(target as Element, selector),
+      eventTargetMatches: (target: EventTarget, selector: string) => matches(target as Element, selector),
       trapFocus: () => this._focusTrapInstance!.activate(),
       releaseFocus: () => this._focusTrapInstance!.deactivate(),
       isContentScrollable: () =>
         !!this._content && this._scrollable && util.isScrollable(this._content.elementRef.nativeElement),
       areButtonsStacked: () => util.areTopsMisaligned(this._buttons as any),
       getActionFromEvent: (event: Event) => {
-        const element = ponyfill.closest(event.target as Element, `[${strings.ACTION_ATTRIBUTE}]`);
+        const element = closest(event.target as Element, `[${strings.ACTION_ATTRIBUTE}]`);
         return element && element.getAttribute(strings.ACTION_ATTRIBUTE);
       },
       clickDefaultButton: () => {

packages/drawer/drawer.ts

@@ -22,8 +22,8 @@ import { MdcList } from '@angular-mdc/web/list';
 
 import createFocusTrap, { FocusTrap } from 'focus-trap';
 
-import { cssClasses } from '@material/drawer/constants';
 import {
+  cssClasses,
   MDCDrawerAdapter,
   MDCDismissibleDrawerFoundation,
   MDCModalDrawerFoundation

packages/floating-label/floating-label.ts

@@ -10,8 +10,7 @@ import { fromEvent, Subject } from 'rxjs';
 import { filter, takeUntil } from 'rxjs/operators';
 
 import { MDCComponent } from '@angular-mdc/web/base';
-import { cssClasses } from '@material/floating-label/constants';
-import { MDCFloatingLabelFoundation, MDCFloatingLabelAdapter } from '@material/floating-label';
+import { MDCFloatingLabelFoundation, MDCFloatingLabelAdapter, cssClasses } from '@material/floating-label';
 
 @Directive({
   selector: 'label[mdcFloatingLabel], mdc-floating-label',

packages/list/list.ts

@@ -22,8 +22,7 @@ import { toBoolean, Platform } from '@angular-mdc/web/common';
 import { MdcListItem, MdcListSelectionChange, MDC_LIST_PARENT_COMPONENT } from './list-item';
 
 import { matches } from '@material/dom/ponyfill';
-import { cssClasses, strings } from '@material/list/constants';
-import { MDCListFoundation, MDCListAdapter } from '@material/list';
+import { cssClasses, strings, MDCListFoundation, MDCListAdapter } from '@material/list';
 
 /** Change event that is being fired whenever the selected state of an option changes. */
 export class MdcListItemChange {

packages/menu/menu.ts

@@ -18,8 +18,7 @@ import { toBoolean } from '@angular-mdc/web/common';
 import { MdcList, MdcListItem, MdcListItemAction } from '@angular-mdc/web/list';
 import { MdcMenuSurfaceBase } from '@angular-mdc/web/menu-surface';
 
-import { cssClasses } from '@material/menu/constants';
-import { MDCMenuFoundation } from '@material/menu';
+import { cssClasses, MDCMenuFoundation } from '@material/menu';
 
 export class MdcMenuSelectedEvent {
   constructor(

packages/top-app-bar/top-app-bar.ts

@@ -26,8 +26,8 @@ import {
   MdcTopAppBarNavigationIcon,
 } from './top-app-bar.directives';
 
-import { cssClasses } from '@material/top-app-bar/constants';
 import {
+  cssClasses,
   MDCTopAppBarAdapter,
   MDCTopAppBarBaseFoundation,
   MDCTopAppBarFoundation,

tools/package-tools/rollup-globals.ts

@@ -36,7 +36,7 @@ export const rollupGlobals = {
   '@material/chips/chip-set': 'mdc.chip.chipset',
   '@material/dialog': 'mdc.dialog',
   '@material/dialog/constants': 'mdc.dialog.constants',
-  '@material/dom': 'mdc.dom',
+  '@material/dom/ponyfill': 'mdc.dom.ponyfill',
   '@material/drawer': 'mdc.drawer',
   '@material/floating-label': 'mdc.floatingLabel',
   '@material/form-field': 'mdc.formField',