material demo app is running

Author: kara

.gitignore

@@ -40,4 +40,4 @@ yarn-error.log
 testem.log
 /.chrome
 /.git
-/.firebase
+/.firebase

scripts/ivy/build.sh

@@ -6,17 +6,17 @@ echo ">>> Build Material"
 rm -rf dist
 gulp build:devapp
 
-echo ">>> Rebuild demo-app with ngtsc"
-node_modules/.bin/ngc -p src/demo-app/tsconfig-build.json
+echo ">>> Rebuild dev-app with ngtsc"
+node_modules/.bin/ngc -p src/dev-app/tsconfig-build.json
 
 echo ">>> Bundle demo-app with SystemJS"
-node ./src/demo-app/systemjs-bundle.js
+node ./src/dev-app/systemjs-bundle.js
 
 echo ">>> Assembling app"
 mkdir dist/demo
-cp dist/packages/demo-app/bundle.js dist/demo
-cp src/demo-app/index.html dist/demo
-cp dist/packages/demo-app/theme.css dist/demo
+cp dist/packages/dev-app/bundle.js dist/demo
+cp src/dev-app/index.html dist/demo
+cp dist/packages/dev-app/theme.css dist/demo
 cp 'node_modules/@webcomponents/custom-elements/custom-elements.min.js' dist/demo
 cp node_modules/core-js/client/core.js dist/demo
 cp node_modules/systemjs/dist/system.src.js dist/demo

scripts/ivy/install-angular.sh

@@ -13,8 +13,8 @@ function buildNgPackages() {
   ngDir=$1
   echo ">>> Building @angular packages (from $ngDir)"
   pushd $ngDir
-  bazel build --define=compile=local //packages/{animations,common,compiler,compiler-cli,core,elements,forms,platform-browser,platform-browser-dynamic,router,upgrade}:npm_package
-  outputPath=`bazel info 2>&1 | grep output_path | cut -d ':' -f 2 | cut -c 2-`/darwin-fastbuild/bin/packages
+  yarn bazel build --define=compile=aot //packages/{animations,common,compiler,compiler-cli,core,elements,forms,platform-browser,platform-browser-dynamic,router,upgrade}:npm_package
+  outputPath=`yarn bazel info 2>&1 | grep output_path | cut -d ':' -f 2 | cut -c 2-`/darwin-fastbuild/bin/packages
   popd
 }
 

src/cdk-experimental/tsconfig-tests.json

@@ -23,9 +23,10 @@
 
     // Unset options inherited from tsconfig-build
     "annotateForClosureCompiler": false,
-    "flatModuleOutFile": null,
+    "flatModuleOutFile": "",
     "flatModuleId": null,
-    "enableIvy": "ngtsc"
+    "enableIvy": "ngtsc",
+    "fullTemplateTypeCheck": false
   },
   "include": [
     "./*/index.ts",

src/cdk/a11y/public-api.ts

@@ -16,3 +16,5 @@ export * from './live-announcer/live-announcer-tokens';
 export * from './focus-monitor/focus-monitor';
 export * from './fake-mousedown';
 export * from './a11y-module';
+export {PlatformModule} from '@angular/cdk/platform';
+export {ObserversModule, CdkObserveContent} from '@angular/cdk/observers';

src/cdk/overlay/public-api.ts

@@ -6,6 +6,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
+export {BidiModule, Dir} from '@angular/cdk/bidi';
 export * from './overlay-config';
 export * from './position/connected-position';
 export * from './scroll/index';
@@ -16,7 +17,7 @@ export {CdkOverlayOrigin, CdkConnectedOverlay} from './overlay-directives';
 export {FullscreenOverlayContainer} from './fullscreen-overlay-container';
 export {OverlayRef, OverlaySizeConfig} from './overlay-ref';
 export {ViewportRuler} from '@angular/cdk/scrolling';
-export {ComponentType} from '@angular/cdk/portal';
+export {ComponentType, CdkPortal, PortalModule, CdkPortalOutlet} from '@angular/cdk/portal';
 export {OverlayKeyboardDispatcher} from './keyboard/overlay-keyboard-dispatcher';
 export {OverlayPositionBuilder} from './position/overlay-position-builder';
 
@@ -28,4 +29,9 @@ export {
   ConnectedPosition,
   FlexibleConnectedPositionStrategy,
 } from './position/flexible-connected-position-strategy';
-export {VIEWPORT_RULER_PROVIDER} from '@angular/cdk/scrolling';
+export {
+    VIEWPORT_RULER_PROVIDER, CdkFixedSizeVirtualScroll,
+    CdkVirtualScrollViewport, CdkVirtualForOf, ScrollingModule
+} from '@angular/cdk/scrolling';
+
+export {PlatformModule} from '@angular/cdk/platform';

src/cdk/scrolling/public-api.ts

@@ -14,3 +14,6 @@ export * from './viewport-ruler';
 export * from './virtual-for-of';
 export * from './virtual-scroll-strategy';
 export * from './virtual-scroll-viewport';
+
+export {BidiModule, Dir} from '@angular/cdk/bidi';
+export {PlatformModule} from '@angular/cdk/platform';

src/cdk/stepper/public-api.ts

@@ -11,3 +11,5 @@ export * from './step-label';
 export * from './stepper-button';
 export * from './stepper-module';
 export * from './step-header';
+
+export {BidiModule, Dir} from '@angular/cdk/bidi';

src/cdk/text-field/public-api.ts

@@ -9,3 +9,5 @@
 export * from './autofill';
 export * from './autosize';
 export * from './text-field-module';
+
+export {PlatformModule} from '@angular/cdk/platform';

src/cdk/tsconfig-tests.json

@@ -22,11 +22,11 @@
     "strictMetadataEmit": true,
     "skipTemplateCodegen": true,
     "emitDecoratorMetadata": true,
-    "fullTemplateTypeCheck": true,
+    "fullTemplateTypeCheck": false,
 
     // Unset options inherited from tsconfig-build
     "annotateForClosureCompiler": false,
-    "flatModuleOutFile": null,
+    "flatModuleOutFile": "",
     "flatModuleId": null,
     "enableIvy": "ngtsc"
   },

src/dev-app/dev-app/dev-app-layout.html

@@ -1,5 +1,5 @@
 <mat-sidenav-container class="demo-container">
-  <mat-sidenav #start role="navigation">
+  <mat-sidenav #start role="navigation" opened>
     <mat-nav-list>
       <a *ngFor="let navItem of navItems"
          mat-list-item

src/demo-app/systemjs-bundle.js renamed to src/dev-app/systemjs-bundle.js

@@ -16,7 +16,7 @@ builder.config({
   },
   map: {
     'rxjs': 'node:rxjs',
-    'main': 'dist/packages/demo-app/main.js',
+    'main': 'dist/packages/dev-app/main.js',
     'tslib': 'node:tslib/tslib.js',
     'moment': 'node:moment/min/moment-with-locales.min.js',
 
@@ -109,12 +109,12 @@ builder.config({
     'rxjs': {main: 'index'},
     'rxjs/operators': {main: 'index'},
 
-    // Set the default extension for the root package, because otherwise the demo-app can't
+    // Set the default extension for the root package, because otherwise the dev-app can't
     // be built within the production mode. Due to missing file extensions.
     '.': {
       defaultExtension: 'js'
     }
   }
 });
 
-builder.buildStatic('main', 'dist/packages/demo-app/bundle.js');
+builder.buildStatic('main', 'dist/packages/dev-app/bundle.js');

src/dev-app/tsconfig-build.json

@@ -24,6 +24,10 @@
     "typeRoots": [
       "../../node_modules/@types/!(node)"
     ],
+    "rootDirs": [
+      ".",
+      "../../dist/packages/dev-app"
+    ],
     "baseUrl": ".",
     "paths": {
       "@angular/material/*": [

src/lib/datepicker/public-api.ts

@@ -16,3 +16,7 @@ export * from './datepicker-intl';
 export * from './datepicker-toggle';
 export * from './month-view';
 export * from './year-view';
+
+// TODO(ivy): this needs to be exported in a way that makes it clear that it's not a
+// public API that people should use.
+export * from './multi-year-view';

src/lib/sidenav/drawer.ts

@@ -116,8 +116,11 @@ export class MatDrawerContent extends CdkScrollable implements AfterContentInit
   host: {
     'class': 'mat-drawer',
     '[@transform]': '_animationState',
-    '(@transform.start)': '_animationStarted.next($event)',
-    '(@transform.done)': '_animationEnd.next($event)',
+
+    // These are commented out until FW-943 can be resolved.
+    // '(@transform.start)': '_animationStarted.next($event)',
+    // '(@transform.done)': '_animationEnd.next($event)',
+
     // must prevent the browser from aligning text based on value
     '[attr.align]': 'null',
     '[class.mat-drawer-end]': 'position === "end"',

src/lib/sidenav/sidenav.ts

@@ -60,8 +60,11 @@ export class MatSidenavContent extends MatDrawerContent {
     'class': 'mat-drawer mat-sidenav',
     'tabIndex': '-1',
     '[@transform]': '_animationState',
-    '(@transform.start)': '_animationStarted.next($event)',
-    '(@transform.done)': '_animationEnd.next($event)',
+
+    // These are commented out until FW-943 can be resolved.
+    // '(@transform.start)': '_animationStarted.next($event)',
+    // '(@transform.done)': '_animationEnd.next($event)',
+
     // must prevent the browser from aligning text based on value
     '[attr.align]': 'null',
     '[class.mat-drawer-end]': 'position === "end"',

src/lib/tsconfig-tests.json

@@ -20,11 +20,11 @@
     "strictMetadataEmit": true,
     "skipTemplateCodegen": true,
     "emitDecoratorMetadata": true,
-    "fullTemplateTypeCheck": true,
+    "fullTemplateTypeCheck": false,
 
     // Unset options inherited from tsconfig-build
     "annotateForClosureCompiler": false,
-    "flatModuleOutFile": null,
+    "flatModuleOutFile": "",
     "flatModuleId": null,
     "enableIvy": "ngtsc"
   },