docs(lazyLoad): remove all references to System.import() in favor of import()

Author: christopherthielen

src/lazyLoad/lazyLoadNgModule.ts

@@ -23,7 +23,7 @@ import { applyModuleConfig } from '../uiRouterConfig';
  * #### Example:
  * ```js
  * export function loadFooModule() {
- *   return System.import('../foo/foo.module').then(result => result.FooModule);
+ *   return import('../foo/foo.module').then(result => result.FooModule);
  * }
  * ```
  */
@@ -49,13 +49,13 @@ export type NgModuleToLoad = string | ModuleTypeCallback;
  * It could also be used manually as a [[StateDeclaration.lazyLoad]] property to lazy load an `NgModule` and its state(s).
  *
  * #### Example:
- * Using `System.import()` and named export of `HomeModule`
+ * Using `import()` and named export of `HomeModule`
  * ```js
  * declare var System;
  * var futureState = {
  *   name: 'home.**',
  *   url: '/home',
- *   lazyLoad: loadNgModule(() => System.import('./home/home.module').then(result => result.HomeModule))
+ *   lazyLoad: loadNgModule(() => import('./home/home.module').then(result => result.HomeModule))
  * }
  * ```
  *
@@ -118,7 +118,8 @@ export function loadModuleFactory(moduleToLoad: NgModuleToLoad, ng2Injector: Inj
 
   const unwrapEsModuleDefault = x => (x && x.__esModule && x['default'] ? x['default'] : x);
 
-  return Promise.resolve(moduleToLoad()).then(unwrapEsModuleDefault)
+  return Promise.resolve(moduleToLoad())
+    .then(unwrapEsModuleDefault)
     .then((t: NgModuleFactory<any> | Type<any>) => {
       if (t instanceof NgModuleFactory) {
         return t;

src/statebuilders/lazyLoad.ts

@@ -17,14 +17,14 @@ import { loadNgModule } from '../lazyLoad/lazyLoadNgModule';
  * A state that has a `ngModule`
  * ```js
  * var decl = {
- *   ngModule: () => System.import('./childModule.ts')
+ *   ngModule: () => import('./childModule.ts')
  * }
  * ```
  * would build a state with a `lazyLoad` function like:
  * ```js
  * import { loadNgModule } from "@uirouter/angular";
  * var decl = {
- *   lazyLoad: loadNgModule(() => System.import('./childModule.ts')
+ *   lazyLoad: loadNgModule(() => import('./childModule.ts')
  * }
  * ```
  *
@@ -33,16 +33,16 @@ import { loadNgModule } from '../lazyLoad/lazyLoadNgModule';
  * #### Example:
  * ```js
  * var decl = {
- *   lazyLoad: () => System.import('third-party-library'),
- *   ngModule: () => System.import('./childModule.ts')
+ *   lazyLoad: () => import('third-party-library'),
+ *   ngModule: () => import('./childModule.ts')
  * }
  * ```
  * would build a state with a `lazyLoad` function like:
  * ```js
  * import { loadNgModule } from "@uirouter/angular";
  * var decl = {
- *   lazyLoad: () => System.import('third-party-library')
- *       .then(() => loadNgModule(() => System.import('./childModule.ts'))
+ *   lazyLoad: () => import('third-party-library')
+ *       .then(() => loadNgModule(() => import('./childModule.ts'))
  * }
  * ```
  *

test/ngModule/lazyModule.spec.ts

@@ -9,19 +9,19 @@ declare let System;
 const futureFoo = {
   name: 'foo.**',
   url: '/foo',
-  loadChildren: () => System.import('./foo/foo.module').then(x => x.FooModule),
+  loadChildren: () => import('./foo/foo.module').then(x => x.FooModule),
 };
 
 const futureBar = {
   name: 'bar.**',
   url: '/bar',
-  loadChildren: () => System.import('./foo/foo.module').then(x => x.FooModule),
+  loadChildren: () => import('./foo/foo.module').then(x => x.FooModule),
 };
 
 const augment1 = {
   name: 'augment1',
   url: '/augment1',
-  loadChildren: () => System.import('./augment/augment.module').then(x => x.AugmentModule),
+  loadChildren: () => import('./augment/augment.module').then(x => x.AugmentModule),
 };
 
 const augment2 = {

test/tsconfig.json

@@ -3,7 +3,7 @@
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "moduleResolution": "node",
-    "module": "es6",
+    "module": "esnext",
     "target": "es5",
     "lib": ["es6", "dom"],
     "allowSyntheticDefaultImports": true,