chore(package): Publish Angular MDC v1.0.0

trimox · trimox · commit 2a8732b09ddc · 2019-04-12T17:24:44.000-04:00
diff --git a/demos/angular.json b/demos/angular.json
@@ -21,7 +21,7 @@
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
-            "tsConfig": "tsconfig.json",
+            "tsConfig": "src/tsconfig.app.json",
             "assets": [
               "src/favicon.png",
               "src/assets"
diff --git a/package.json b/package.json
@@ -8,7 +8,7 @@
     "url": "https://github.com/trimox/angular-mdc-web.git"
   },
   "license": "MIT",
-  "version": "0.44.0",
+  "version": "1.0.0",
   "engines": {
     "node": ">= 9.11.1"
   },
@@ -72,11 +72,11 @@
     "karma-webpack": "^3.0.5",
     "magic-string": "^0.25.2",
     "node-sass": "^4.9.2",
-    "rollup": "^1.8.0",
+    "rollup": "^1.10.0",
     "rollup-plugin-alias": "^1.5.1",
     "rollup-plugin-babel": "^4.3.2",
     "rollup-plugin-commonjs": "^9.3.4",
-    "rollup-plugin-node-resolve": "^4.0.1",
+    "rollup-plugin-node-resolve": "^4.2.3",
     "run-sequence": "^2.2.1",
     "sorcery": "^0.10.0",
     "stylelint": "^9.10.1",
diff --git a/packages/base/foundation.ts b/packages/base/foundation.ts
@@ -1,3 +1,4 @@
+// @dynamic
 export class MDCFoundation<AdapterType extends {} = {}> {
   static get cssClasses(): { [key: string]: string } {
     // Classes extending MDCFoundation should implement this method to return an object which exports every
diff --git a/packages/chips/chip.ts b/packages/chips/chip.ts
@@ -24,6 +24,7 @@ import {
 import { fromEvent, Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
+import { MDCComponent } from '@angular-mdc/web/base';
 import {
   toBoolean,
   Platform
@@ -37,7 +38,10 @@ import {
 } from '@angular-mdc/web/icon';
 
 import { cssClasses } from '@material/chips/chip/constants';
-import { MDCChipFoundation } from '@material/chips/chip';
+import {
+  MDCChipAdapter,
+  MDCChipFoundation
+} from '@material/chips/chip';
 
 export interface MdcChipInteractionEvent {
   detail: {
@@ -129,7 +133,7 @@ export class MdcChipText {
   changeDetection: ChangeDetectionStrategy.OnPush,
   providers: [MdcRipple]
 })
-export class MdcChip implements AfterViewInit, OnDestroy {
+export class MdcChip extends MDCComponent<any> implements AfterViewInit, OnDestroy {
   /** Emits whenever the component is destroyed. */
   private _destroyed = new Subject<void>();
 
@@ -248,8 +252,8 @@ export class MdcChip implements AfterViewInit, OnDestroy {
   @ContentChild(MdcChipCheckmark) _checkmark?: MdcChipCheckmark;
   @ContentChildren(forwardRef(() => MdcChipIcon), { descendants: true }) _icons!: QueryList<MdcChipIcon>;
 
-  private _createAdapter() {
-    return {
+  getDefaultFoundation() {
+    const adapter: MDCChipAdapter = {
       addClass: (className: string) => this._getHostElement().classList.add(className),
       removeClass: (className: string) => this._getHostElement().classList.remove(className),
       hasClass: (className: string) => this._getHostElement().classList.contains(className),
@@ -265,10 +269,11 @@ export class MdcChip implements AfterViewInit, OnDestroy {
       },
       eventTargetHasClass: (target: HTMLElement, className: string) => target.classList.contains(className),
       notifyInteraction: () => this._emitSelectionChangeEvent(true),
+      notifySelection: () => { },
       notifyTrailingIconInteraction: () => this.trailingIconInteraction.emit({ detail: { chipId: this.id } }),
       notifyRemoval: () => this.removed.emit({ detail: { chipId: this.id, root: this } }),
       getComputedStyleValue: (propertyName: string) => {
-        if (!this._platform.isBrowser) { return; }
+        if (!this._platform.isBrowser) { return ''; }
         return window.getComputedStyle(this._getHostElement()).getPropertyValue(propertyName);
       },
       setStyleProperty: (propertyName: string, value: string) =>
@@ -278,26 +283,18 @@ export class MdcChip implements AfterViewInit, OnDestroy {
       getCheckmarkBoundingClientRect: () => this._checkmark ?
         this._checkmark.elementRef.nativeElement.getBoundingClientRect() : null
     };
+    return new MDCChipFoundation(adapter);
   }
 
-  private _foundation: {
-    init(): void,
-    destroy(): void,
-    setSelected(selected: boolean): void,
-    setShouldRemoveOnTrailingIconClick(shouldRemove: boolean): void,
-    handleInteraction(evt: KeyboardEvent | MouseEvent): void,
-    handleTransitionEnd(evt: TransitionEvent): void,
-    handleTrailingIconInteraction(evt: KeyboardEvent | MouseEvent): void,
-    getDimensions(): ClientRect
-  } = new MDCChipFoundation(this._createAdapter());
-
   constructor(
     private _platform: Platform,
     private _ngZone: NgZone,
     private _changeDetectorRef: ChangeDetectorRef,
     private _ripple: MdcRipple,
     public elementRef: ElementRef<HTMLElement>,
-    @Optional() @Inject(MDC_CHIPSET_PARENT_COMPONENT) private _parent: MdcChipSetParentComponent) { }
+    @Optional() @Inject(MDC_CHIPSET_PARENT_COMPONENT) private _parent: MdcChipSetParentComponent) {
+    super(elementRef);
+  }
 
   ngAfterViewInit(): void {
     this._foundation.init();
diff --git a/packages/drawer/drawer.ts b/packages/drawer/drawer.ts
@@ -24,7 +24,7 @@ import createFocusTrap, { FocusTrap } from 'focus-trap';
 import {
   MDCDismissibleDrawerFoundation,
   MDCModalDrawerFoundation
-} from '@material/drawer/index';
+} from '@material/drawer';
 
 export type MdcDrawerType = 'permanent' | 'dismissible' | 'modal';
 
diff --git a/packages/floating-label/floating-label.ts b/packages/floating-label/floating-label.ts
@@ -10,7 +10,7 @@ import { fromEvent, Subject } from 'rxjs';
 import { filter, takeUntil } from 'rxjs/operators';
 
 import { MDCComponent } from '@angular-mdc/web/base';
-import { MDCFloatingLabelFoundation } from '@material/floating-label/index';
+import { MDCFloatingLabelFoundation } from '@material/floating-label';
 
 @Directive({
   selector: 'label[mdcFloatingLabel], mdc-floating-label',
diff --git a/packages/icon-button/icon-button.ts b/packages/icon-button/icon-button.ts
@@ -23,7 +23,7 @@ import { toBoolean } from '@angular-mdc/web/common';
 import { MdcRipple } from '@angular-mdc/web/ripple';
 import { MdcIcon } from '@angular-mdc/web/icon';
 
-import { MDCIconButtonToggleFoundation } from '@material/icon-button/index';
+import { MDCIconButtonToggleFoundation } from '@material/icon-button';
 
 export const MDC_ICON_BUTTON_CONTROL_VALUE_ACCESSOR: Provider = {
   provide: NG_VALUE_ACCESSOR,
diff --git a/packages/line-ripple/line-ripple.ts b/packages/line-ripple/line-ripple.ts
@@ -8,7 +8,7 @@ import {
 import { fromEvent, Subject } from 'rxjs';
 import { filter, takeUntil } from 'rxjs/operators';
 
-import { MDCLineRippleFoundation } from '@material/line-ripple/index';
+import { MDCLineRippleFoundation } from '@material/line-ripple';
 
 @Directive({
   selector: '[mdcLineRipple], mdc-line-ripple',
diff --git a/packages/linear-progress/linear-progress.ts b/packages/linear-progress/linear-progress.ts
@@ -10,7 +10,7 @@ import {
 import { MDCComponent } from '@angular-mdc/web/base';
 import { toBoolean, toNumber } from '@angular-mdc/web/common';
 
-import { MDCLinearProgressFoundation, MDCLinearProgressAdapter } from '@material/linear-progress/index';
+import { MDCLinearProgressFoundation, MDCLinearProgressAdapter } from '@material/linear-progress';
 
 @Component({
   moduleId: module.id,
diff --git a/packages/list/list.ts b/packages/list/list.ts
@@ -22,8 +22,8 @@ import { toBoolean, Platform } from '@angular-mdc/web/common';
 import { MdcListItem, MdcListSelectionChange, MDC_LIST_PARENT_COMPONENT } from './list-item';
 
 import { cssClasses, strings } from '@material/list/constants';
-import { ponyfill } from '@material/dom/index';
-import { MDCListFoundation, MDCListAdapter } from '@material/list/index';
+import { ponyfill } from '@material/dom';
+import { MDCListFoundation, MDCListAdapter } from '@material/list';
 
 /** Change event that is being fired whenever the selected state of an option changes. */
 export class MdcListItemChange {
diff --git a/packages/material-components-web/package.json b/packages/material-components-web/package.json
@@ -7,7 +7,7 @@
     "type": "git",
     "url": "https://github.com/trimox/angular-mdc-web.git"
   },
-  "version": "0.44.0",
+  "version": "1.0.0",
   "license": "MIT",
   "keywords": [
     "angular-mdc",
diff --git a/packages/material-components-web/scss/floating-label/_mixins.scss b/packages/material-components-web/scss/floating-label/_mixins.scss
@@ -35,6 +35,7 @@
 
 @mixin mdc-floating-label-shake-keyframes($modifier, $positionY, $positionX: 0%, $scale: .75) {
   @keyframes mdc-floating-label-shake-float-above-#{$modifier} {
+    /* clean-css ignore:start */
     0% {
       transform: translateX(calc(0 - #{$positionX})) translateY(-#{$positionY}) scale(#{$scale});
     }
@@ -52,6 +53,7 @@
     100% {
       transform: translateX(calc(0 - #{$positionX})) translateY(-#{$positionY}) scale(#{$scale});
     }
+    /* clean-css ignore:end */
   }
 }
 
diff --git a/packages/notched-outline/notched-outline.ts b/packages/notched-outline/notched-outline.ts
@@ -9,7 +9,7 @@ import {
 
 import { MdcFloatingLabel } from '@angular-mdc/web/floating-label';
 
-import { MDCNotchedOutlineFoundation } from '@material/notched-outline/index';
+import { MDCNotchedOutlineFoundation } from '@material/notched-outline';
 
 @Component({
   moduleId: module.id,
diff --git a/packages/package.json b/packages/package.json
@@ -22,7 +22,7 @@
   "typings": "./web.d.ts",
   "private": false,
   "dependencies": {
-    "@angular-mdc/theme": "0.44.0"
+    "@angular-mdc/theme": "1.0.0"
   },
   "peerDependencies": {
     "@angular/core": "0.0.0-NG",
diff --git a/packages/select/select.ts b/packages/select/select.ts
@@ -63,15 +63,15 @@ export interface MdcSelectDefaultOptions {
 export const MDC_SELECT_DEFAULT_OPTIONS =
   new InjectionToken<MdcSelectDefaultOptions>('MDC_SELECT_DEFAULT_OPTIONS');
 
-export class MdcSelectBase {
+class MdcSelectBase {
   constructor(
     public _defaultErrorStateMatcher: ErrorStateMatcher,
     public _parentForm: NgForm,
     public _parentFormGroup: FormGroupDirective,
     public ngControl: NgControl) { }
 }
 
-export const _MdcSelectMixinBase: CanUpdateErrorStateCtor & typeof MdcSelectBase =
+const _MdcSelectMixinBase: CanUpdateErrorStateCtor & typeof MdcSelectBase =
   mixinErrorState(MdcSelectBase);
 
 export class MdcSelectChange {
diff --git a/packages/switch/switch.ts b/packages/switch/switch.ts
@@ -22,7 +22,7 @@ import { MdcRipple } from '@angular-mdc/web/ripple';
 
 import { MdcFormField, MdcFormFieldControl } from '@angular-mdc/web/form-field';
 
-import { MDCSwitchFoundation, MDCSwitchAdapter } from '@material/switch/index';
+import { MDCSwitchFoundation, MDCSwitchAdapter } from '@material/switch';
 
 export const MDC_SWITCH_CONTROL_VALUE_ACCESSOR: Provider = {
   provide: NG_VALUE_ACCESSOR,
diff --git a/packages/tab-indicator/tab-indicator.ts b/packages/tab-indicator/tab-indicator.ts
@@ -8,12 +8,14 @@ import {
   ViewChild,
   ViewEncapsulation
 } from '@angular/core';
+
+import { MDCComponent } from '@angular-mdc/web/base';
 import { toBoolean, Platform } from '@angular-mdc/web/common';
 
 import {
   MDCSlidingTabIndicatorFoundation,
   MDCFadingTabIndicatorFoundation
-} from '@material/tab-indicator/index';
+} from '@material/tab-indicator';
 
 @Component({
   moduleId: module.id,
@@ -32,7 +34,7 @@ import {
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None
 })
-export class MdcTabIndicator implements AfterViewInit {
+export class MdcTabIndicator extends MDCComponent<any> implements AfterViewInit {
   private _isFoundationInit: boolean = false;
 
   @Input()
@@ -67,31 +69,31 @@ export class MdcTabIndicator implements AfterViewInit {
 
   @ViewChild('content') content!: ElementRef<HTMLElement>;
 
-  private _createAdapter() {
-    return {
+  getDefaultFoundation() {
+    const adapter: any = {
       addClass: (className: string) => this._getHostElement().classList.add(className),
       removeClass: (className: string) => this._getHostElement().classList.remove(className),
       computeContentClientRect: () => {
-        if (!this._platform.isBrowser) { return; }
+        if (!this._platform.isBrowser) { return {}; }
 
         return this.content.nativeElement.getBoundingClientRect();
       },
       setContentStyleProperty: (propName: string, value: string) =>
         this.content.nativeElement.style.setProperty(propName, value)
     };
+    if (this._fade) {
+      return new MDCFadingTabIndicatorFoundation(adapter);
+    } else {
+      return new MDCSlidingTabIndicatorFoundation(adapter);
+    }
   }
 
-  private _foundation!: {
-    init(): void,
-    computeContentClientRect(): ClientRect,
-    activate(previousIndicatorClientRect: ClientRect): void,
-    deactivate(): void
-  };
-
   constructor(
     private _platform: Platform,
     private _changeDetectorRef: ChangeDetectorRef,
-    public elementRef: ElementRef<HTMLElement>) { }
+    public elementRef: ElementRef<HTMLElement>) {
+    super(elementRef);
+  }
 
   ngAfterViewInit(): void {
     if (!this._isFoundationInit) {
@@ -117,12 +119,6 @@ export class MdcTabIndicator implements AfterViewInit {
   }
 
   private _initFoundation(): void {
-    if (this.fade) {
-      this._foundation = new MDCFadingTabIndicatorFoundation(this._createAdapter());
-    } else {
-      this._foundation = new MDCSlidingTabIndicatorFoundation(this._createAdapter());
-    }
-
     this._foundation.init();
     this._isFoundationInit = true;
     this._changeDetectorRef.markForCheck();
diff --git a/packages/tab-scroller/tab-scroller.ts b/packages/tab-scroller/tab-scroller.ts
@@ -15,8 +15,8 @@ import { filter, takeUntil } from 'rxjs/operators';
 import { MDCComponent } from '@angular-mdc/web/base';
 import { Platform } from '@angular-mdc/web/common';
 
-import { ponyfill } from '@material/dom/index';
-import { MDCTabScrollerFoundation, util } from '@material/tab-scroller/index';
+import { ponyfill } from '@material/dom';
+import { MDCTabScrollerFoundation, util } from '@material/tab-scroller';
 
 /** Possible alignments for tab scroller content. */
 export type MdcTabScrollerAlignment = 'start' | 'center' | 'end' | null;
diff --git a/packages/tab/tab.ts b/packages/tab/tab.ts
@@ -23,7 +23,7 @@ import { toBoolean } from '@angular-mdc/web/common';
 import { MdcRipple } from '@angular-mdc/web/ripple';
 import { MdcTabIndicator } from '@angular-mdc/web/tab-indicator';
 
-import { MDCTabFoundation } from '@material/tab/index';
+import { MDCTabFoundation } from '@material/tab';
 
 /**
  * Describes a parent MdcTabBar component.
diff --git a/packages/textfield/text-field.ts b/packages/textfield/text-field.ts
@@ -61,15 +61,15 @@ export interface MdcTextFieldDefaultOptions {
 export const MDC_TEXT_FIELD_DEFAULT_OPTIONS =
   new InjectionToken<MdcTextFieldDefaultOptions>('MDC_TEXT_FIELD_DEFAULT_OPTIONS');
 
-export class MdcTextFieldBase {
+class MdcTextFieldBase {
   constructor(
     public _defaultErrorStateMatcher: ErrorStateMatcher,
     public _parentForm: NgForm,
     public _parentFormGroup: FormGroupDirective,
     public ngControl: NgControl) { }
 }
 
-export const _MdcTextFieldMixinBase: CanUpdateErrorStateCtor & typeof MdcTextFieldBase =
+const _MdcTextFieldMixinBase: CanUpdateErrorStateCtor & typeof MdcTextFieldBase =
   mixinErrorState(MdcTextFieldBase);
 
 let nextUniqueId = 0;
diff --git a/packages/top-app-bar/top-app-bar.ts b/packages/top-app-bar/top-app-bar.ts
@@ -33,7 +33,7 @@ import {
   MDCTopAppBarFoundation,
   MDCShortTopAppBarFoundation,
   MDCFixedTopAppBarFoundation
-} from '@material/top-app-bar/index';
+} from '@material/top-app-bar';
 
 /** Event object emitted by MdcTopAppBar navigation icon selected. */
 export class MdcTopAppBarNavSelected {
diff --git a/tools/package-tools/build-bundles.ts b/tools/package-tools/build-bundles.ts
@@ -105,10 +105,11 @@ export class PackageBundler {
     uglifyJsFile(config.umdDest, config.umdMinDest);
 
     // Remaps the sourcemaps to be based on top of the original TypeScript source files.
-    await remapSourcemap(config.esm2015Dest);
-    await remapSourcemap(config.esm5Dest);
-    await remapSourcemap(config.umdDest);
-    // await remapSourcemap(config.umdMinDest);
+    // TO-DO (dcarretto): Broken because MDC is not providing TypeScript files (yet)
+    // await remapSourcemap(config.esm2015Dest);
+    // await remapSourcemap(config.esm5Dest);
+    // await remapSourcemap(config.umdDest);
+    // await remapSourcemap(config.umdMinDest); -- disabled
   }
 
   /** Creates a rollup bundle of a specified JavaScript file.*/
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+// @dynamic`
`1`	`2`	`export class MDCFoundation<AdapterType extends {} = {}> {`
`2`	`3`	`static get cssClasses(): { [key: string]: string } {`
`3`	`4`	`// Classes extending MDCFoundation should implement this method to return an object which exports every`