@angular-wave/angular.ts 0.0.29 → 0.0.31

package/index.html

@@ -16,7 +16,7 @@
  
       <!-- <script src="dist/angular-ts.umd.js"></script> -->
       <!-- include spec files here... -->
- 
+
       <script type="module" src="test/directive/boolean.spec.js"></script>
       <script type="module" src="test/directive/form.spec.js"></script>
       <script type="module" src="test/directive/input.spec.js"></script> 
@@ -26,7 +26,7 @@
       <script type="module" src="test/directive/click.spec.js"></script>
       <script type="module" src="test/directive/cloak.spec.js"></script>
       <script type="module" src="test/directive/controller.spec.js"></script>
-      <script type="module" src="test/directive/event.spec.js"></script>
+      <!--   <script type="module" src="test/directive/event.spec.js"></script>
       <script type="module" src="test/directive/href.spec.js"></script>
       <script type="module" src="test/directive/if.spec.js"></script>
       <script type="module" src="test/directive/include.spec.js"></script>
@@ -70,7 +70,6 @@
       <script type="module" src="test/core/on.spec.js"></script>
       <script type="module" src="test/core/prop.spec.js"></script>
       <script type="module" src="test/core/parse.spec.js"></script>
-      <script type="module" src="test/core/pubsub.spec.js"></script>
       <script type="module" src="test/core/q.spec.js"></script>
       <script type="module" src="test/core/root-element.spec.js"></script>
 
@@ -96,8 +95,8 @@
       <script type="module" src="test/shared/common.spec.js"></script>
       <script type="module" src="test/shared/hof.spec.js"></script>
       <script type="module" src="test/shared/strings.spec.js"></script>
-      <script type="module" src="test/shared/utils.spec.js"></script>
-      
+      <script type="module" src="test/shared/utils.spec.js"></script>-->
+      <!-- <script type="module" src="test/core/pubsub.spec.js"></script>-->
       <script type="module" src="test/router/glob.spec.js"></script>
       <script type="module" src="test/router/services.spec.js"></script>
       <script type="module" src="test/router/state-directives.spec.js"></script>
@@ -108,7 +107,7 @@
       <script type="module" src="test/router/view-directive.spec.js"></script>
       <script type="module" src="test/router/view-hook.spec.js"></script>
       <script type="module" src="test/router/view-scroll.spec.js"></script>
-      <script type="module" src="test/router/view.spec.js"></script>
+      <script type="module" src="test/router/view.spec.js"></script> 
 
   
       <!-- <script type="module" src="test/core/interval.spec.js"></script>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@angular-wave/angular.ts",
   "license": "MIT",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "type": "module",
   "main": "dist/angular-ts.esm.js",
   "browser": "dist/angular-ts.umd.js",

package/src/core/controller.js

@@ -98,7 +98,10 @@ export function $ControllerProvider() {
         //   param `ident` --- An optional label which overrides the label parsed from the controller
         //                     expression, if any.
         let instance;
+
+        /** @type { RegExpMatchArray | null} */
         let match;
+
         let constructor;
         let identifier;
         later = later === true;

package/src/directive/controller.js

@@ -1,59 +1,3 @@
-/**
- * @ngdoc directive
- * @name ngController
- *
- * @description
- * The `ngController` directive attaches a controller class to the view. This is a key aspect of how angular
- * supports the principles behind the Model-View-Controller design pattern.
- *
- * MVC components in angular:
- *
- * * Model — Models are the properties of a scope; scopes are attached to the DOM where scope properties
- *   are accessed through bindings.
- * * View — The template (HTML with data bindings) that is rendered into the View.
- * * Controller — The `ngController` directive specifies a Controller class; the class contains business
- *   logic behind the application to decorate the scope with functions and values
- *
- * Note that you can also attach controllers to the DOM by declaring it in a route definition
- * via the {@link ngRoute.$route $route} service. A common mistake is to declare the controller
- * again using `ng-controller` in the template itself.  This will cause the controller to be attached
- * and executed twice.
- *
- * @element ANY
- * @scope
- * @priority 500
- * @param {String} ngController Name of a constructor function registered with the current
- * {@link ng.$controllerProvider $controllerProvider} or an {@link guide/expression expression}
- * that on the current scope evaluates to a constructor function.
- *
- * The controller instance can be published into a scope property by specifying
- * `ng-controller="as propertyName"`.
- *
- * @example
- * Here is a simple form for editing user contact information. Adding, removing, clearing, and
- * greeting are methods declared on the controller (see source tab). These methods can
- * easily be called from the AngularJS markup. Any changes to the data are automatically reflected
- * in the View without the need for a manual update.
- *
- * Two different declaration styles are included below:
- *
- * * one binds methods and properties directly onto the controller using `this`:
- * `ng-controller="SettingsController1 as settings"`
- * * one injects `$scope` into the controller:
- * `ng-controller="SettingsController2"`
- *
- * The second option is more common in the AngularJS community, and is generally used in boilerplates
- * and in this guide. However, there are advantages to binding properties directly to the controller
- * and avoiding scope.
- *
- * * Using `controller as` makes it obvious which controller you are accessing in the template when
- * multiple controllers apply to an element.
- * * If you are writing your controllers as classes you have easier access to the properties and
- * methods, which will appear on the scope, from inside the controller code.
- * * Since there is always a `.` in the bindings, you don't have to worry about prototypal
- * inheritance masking primitives.
- *
- */
 export const ngControllerDirective = [
   () => ({
     restrict: "A",

package/src/directive/controller.md

@@ -0,0 +1,46 @@
+# ngController Directive
+
+## Description
+
+The `ngController` directive attaches a controller class to the view. This is a key aspect of how Angular supports the principles behind the Model-View-Controller design pattern.
+
+### MVC components in Angular:
+
+- **Model**: Models are the properties of a scope; scopes are attached to the DOM where scope properties are accessed through bindings.
+- **View**: The template (HTML with data bindings) that is rendered into the View.
+- **Controller**: The `ngController` directive specifies a Controller class; the class contains business logic behind the application to decorate the scope with functions and values.
+
+Note that you can also attach controllers to the DOM by declaring it in a route definition via the [$route](https://docs.angularjs.org/api/ngRoute/service/$route) service. A common mistake is to declare the controller again using `ng-controller` in the template itself. This will cause the controller to be attached and executed twice.
+
+## Element
+
+`ANY`
+
+## Scope
+
+Yes
+
+## Priority
+
+500
+
+## Parameter
+
+- **ngController**: Name of a constructor function registered with the current [$controllerProvider](https://docs.angularjs.org/api/ng/provider/$controllerProvider) or an [expression](https://docs.angularjs.org/guide/expression) that on the current scope evaluates to a constructor function.
+
+  The controller instance can be published into a scope property by specifying `ng-controller="as propertyName"`.
+
+## Example
+
+Here is a simple form for editing user contact information. Adding, removing, clearing, and greeting are methods declared on the controller (see source tab). These methods can easily be called from the AngularJS markup. Any changes to the data are automatically reflected in the View without the need for a manual update.
+
+Two different declaration styles are included below:
+
+- One binds methods and properties directly onto the controller using `this`: `ng-controller="SettingsController1 as settings"`
+- One injects `$scope` into the controller: `ng-controller="SettingsController2"`
+
+The second option is more common in the AngularJS community and is generally used in boilerplates and in this guide. However, there are advantages to binding properties directly to the controller and avoiding scope.
+
+- Using `controller as` makes it obvious which controller you are accessing in the template when multiple controllers apply to an element.
+- If you are writing your controllers as classes you have easier access to the properties and methods, which will appear on the scope, from inside the controller code.
+- Since there is always a `.` in the bindings, you don't have to worry about prototypal inheritance masking primitives.

package/src/router/common/trace.js

@@ -81,7 +81,7 @@ const _tid = parse("$id");
 const _rid = parse("router.$id");
 const transLbl = (trans) => `Transition #${_tid(trans)}-${_rid(trans)}`;
 /**
- * Prints UI-Router Transition trace information to the console.
+ * Prints ng-router Transition trace information to the console.
  */
 export class Trace {
   constructor() {

package/src/router/directives/state-directives.js

@@ -1,7 +1,7 @@
 /**
  * # Angular 1 Directives
  *
- * These are the directives included in UI-Router for Angular 1.
+ * These are the directives included in ng-router for Angular 1.
  * These directives are used in templates to create viewports and link/navigate to states.
  *
  */

package/src/router/hooks/update-globals.js

@@ -1,6 +1,6 @@
 import { copy } from "../../shared/common";
 /**
- * A [[TransitionHookFn]] which updates global UI-Router state
+ * A [[TransitionHookFn]] which updates global ng-router state
  *
  * Registered using `transitionService.onBefore({}, updateGlobalState);`
  *

package/src/router/hooks/url.js

@@ -1,7 +1,7 @@
 export const registerUpdateUrl = (
   transitionService,
   stateService,
-  urlRouter,
+  urlService,
 ) => {
   /**
    * A [[TransitionHookFn]] which updates the URL after a successful transition
@@ -11,7 +11,7 @@ export const registerUpdateUrl = (
   const updateUrl = (transition) => {
     const options = transition.options();
     const $state = stateService;
-    const $urlRouter = urlRouter;
+
     // Dont update the url in these situations:
     // The transition was triggered by a URL sync (options.source === 'url')
     // The user doesn't want the url to update (options.location === false)
@@ -22,13 +22,13 @@ export const registerUpdateUrl = (
       $state.$current.navigable
     ) {
       const urlOptions = { replace: options.location === "replace" };
-      $urlRouter.push(
+      urlService.push(
         $state.$current.navigable.url,
         $state.globals.params,
         urlOptions,
       );
     }
-    $urlRouter.update(true);
+    urlService.update(true);
   };
   transitionService.onSuccess({}, updateUrl, { priority: 9999 });
 };

package/src/router/index.js

@@ -22,12 +22,6 @@ export function initRouter() {
     .module("ng.router", ["ng"])
     .provider("$router", $routerProvider)
     .provider("$urlService", getProviderFor("urlService"))
-    .provider("$urlMatcherFactory", [
-      "$routerProvider",
-      function RouterProvide() {
-        return router.urlMatcherFactory;
-      },
-    ])
     .provider("$templateFactory", TemplateFactory)
     .provider("$stateRegistry", getProviderFor("stateRegistry"))
     .provider("$routerGlobals", getProviderFor("globals"))

package/src/router/injectables.js

@@ -61,7 +61,7 @@
  */
 let $stateParams;
 /**
- * Global UI-Router variables
+ * Global ng-router variables
  *
  * The router global state as a **Service Object** (injectable during runtime).
  *
@@ -69,23 +69,23 @@ let $stateParams;
  */
 let $routerGlobals;
 /**
- * The UI-Router instance
+ * The ng-router instance
  *
  * The [[UIRouter]] singleton (the router instance) as a **Service Object** (injectable during runtime).
  *
- * This object is the UI-Router singleton instance, created by angular dependency injection during application bootstrap.
- * It has references to the other UI-Router services
+ * This object is the ng-router singleton instance, created by angular dependency injection during application bootstrap.
+ * It has references to the other ng-router services
  *
  * #### Note: This object is also exposed as [[$routerProvider]] for injection during angular config time.
  */
 let $router;
 /**
- * The UI-Router instance
+ * The ng-router instance
  *
  * The [[UIRouter]] singleton (the router instance) as a **Provider Object** (injectable during config phase).
  *
- * This object is the UI-Router singleton instance, created by angular dependency injection during application bootstrap.
- * It has references to the other UI-Router services
+ * This object is the ng-router singleton instance, created by angular dependency injection during application bootstrap.
+ * It has references to the other ng-router services
  *
  * #### Note: This object is also exposed as [[$router]] for injection during runtime.
  */
@@ -193,7 +193,7 @@ let $stateRegistryProvider;
  * The [[UIViewScrollProvider]] as a **Provider Object** (injectable during config time).
  *
  * This angular service exposes the [[UIViewScrollProvider]] singleton and is
- * used to disable UI-Router's scroll behavior.
+ * used to disable ng-router's scroll behavior.
  */
 let $ngViewScrollProvider;
 /**
@@ -259,56 +259,5 @@ let $urlServiceProvider;
  * ##### Note: This service can also be injected during the config phase as [[$urlServiceProvider]].
  */
 let $urlService;
-/**
- * The URL Router Provider
- *
- * ### Deprecation warning: This object is now considered internal. Use [[$urlServiceProvider]] instead.
- *
- * The [[UrlRouter]] singleton as a **Provider Object** (injectable during config time).
- *
- * #### Note: This object is also exposed as [[$urlRouter]] for injection during runtime.
- *
- * @deprecated
- */
-let $urlRouterProvider;
-/**
- * The Url Router
- *
- * ### Deprecation warning: This object is now considered internal. Use [[$urlService]] instead.
- *
- * The [[UrlRouter]] singleton as a **Service Object** (injectable during runtime).
- *
- * #### Note: This object is also exposed as [[$urlRouterProvider]] for injection during angular config time.
- *
- * @deprecated
- */
-let $urlRouter;
-/**
- * The URL Matcher Factory
- *
- * ### Deprecation warning: This object is now considered internal. Use [[$urlService]] instead.
- *
- * The [[UrlMatcherFactory]] singleton as a **Service Object** (injectable during runtime).
- *
- * This service is used to set url mapping options, define custom parameter types, and create [[UrlMatcher]] objects.
- *
- * #### Note: This object is also exposed as [[$urlMatcherFactoryProvider]] for injection during angular config time.
- *
- * @deprecated
- */
-let $urlMatcherFactory;
-/**
- * The URL Matcher Factory
- *
- * ### Deprecation warning: This object is now considered internal. Use [[$urlService]] instead.
- *
- * The [[UrlMatcherFactory]] singleton as a **Provider Object** (injectable during config time).
- *
- * This service is used to set url mapping options, define custom parameter types, and create [[UrlMatcher]] objects.
- *
- * #### Note: This object is also exposed as [[$urlMatcherFactory]] for injection during runtime.
- *
- * @deprecated
- */
-let $urlMatcherFactoryProvider;
+
 export {};

package/src/router/resolve/resolve-context.js

@@ -26,7 +26,7 @@ export const NATIVE_INJECTOR_TOKEN = "Native Injector";
 /**
  * Encapsulates Dependency Injection for a path of nodes
  *
- * UI-Router states are organized as a tree.
+ * ng-router states are organized as a tree.
  * A nested state has a path of ancestors to the root of the tree.
  * When a state is being activated, each element in the path is wrapped as a [[PathNode]].
  * A `PathNode` is a stateful object that holds things like parameters and resolvables for the state being activated.

package/src/router/router.js

@@ -1,5 +1,3 @@
-import { UrlMatcherFactory } from "./url/url-matcher-factory";
-import { UrlRouter } from "./url/url-router";
 import { TransitionService } from "./transition/transition-service";
 import { ViewService } from "./view/view";
 import { StateRegistry } from "./state/state-registry";
@@ -20,7 +18,7 @@ import { registerRedirectToHook } from "./hooks/redirect-to";
 let routerId = 0;
 
 /**
- * An instance of UI-Router.
+ * An instance of ng-router.
  * @class
  *
  * This object contains references to service APIs which define your application's routing behavior.
@@ -70,31 +68,11 @@ export class UIRouter {
       this.stateService,
     );
 
-    /**
-     * Deprecated for public use. Use [[urlService]] instead.
-     * @deprecated Use [[urlService]] instead
-     */
-    this.urlMatcherFactory = new UrlMatcherFactory(this.urlService.config);
-
-    /**
-     * Deprecated for public use. Use [[urlService]] instead.
-     * @deprecated Use [[urlService]] instead
-     */
-    this.urlRouter = new UrlRouter(
-      this.urlService,
-      urlRuleFactory,
-      $locationProvider,
-    );
-
     /** Provides a registry for states, and related registration services */
-    this.stateRegistry = new StateRegistry(
-      this.urlMatcherFactory,
-      this.urlService.rules,
-    );
+    this.stateRegistry = new StateRegistry(this.urlService);
 
     // Manual wiring ideally we would want to do this at runtime
     this.stateService.stateRegistry = this.stateRegistry;
-    this.stateService.urlRouter = this.urlRouter;
     this.stateService.urlService = this.urlService; // <-- NOTE: circular dependency
 
     // Lazy load state trees
@@ -109,7 +87,7 @@ export class UIRouter {
     this.transitionService._deregisterHookFns.updateUrl = registerUpdateUrl(
       this.transitionService,
       this.stateService,
-      this.urlRouter,
+      this.urlService,
     );
 
     // Wire up redirectTo hook
@@ -118,78 +96,8 @@ export class UIRouter {
 
     this.transitionService._deregisterHookFns.activateViews =
       registerActivateViews(this.transitionService, this.viewService);
-
-    /** @internal plugin instances are registered here */
-    this._plugins = {};
     this.viewService._pluginapi._rootViewContext(this.stateRegistry.root());
     this.globals.$current = this.stateRegistry.root();
     this.globals.current = this.globals.$current.self;
   }
-
-  /**
-   * Adds a plugin to UI-Router
-   *
-   * This method adds a UI-Router Plugin.
-   * A plugin can enhance or change UI-Router behavior using any public API.
-   *
-   * #### Example:
-   * ```js
-   * import { MyCoolPlugin } from "ui-router-cool-plugin";
-   *
-   * var plugin = router.addPlugin(MyCoolPlugin);
-   * ```
-   *
-   * ### Plugin authoring
-   *
-   * A plugin is simply a class (or constructor function) which accepts a [[UIRouter]] instance and (optionally) an options object.
-   *
-   * The plugin can implement its functionality using any of the public APIs of [[UIRouter]].
-   * For example, it may configure router options or add a Transition Hook.
-   *
-   * The plugin can then be published as a separate module.
-   *
-   * #### Example:
-   * ```js
-   * export class MyAuthPlugin implements UIRouterPlugin {
-   *   constructor(router: UIRouter, options: any) {
-   *     this.name = "MyAuthPlugin";
-   *     let $transitions = router.transitionService;
-   *     let $state = router.stateService;
-   *
-   *     let authCriteria = {
-   *       to: (state) => state.data && state.data.requiresAuth
-   *     };
-   *
-   *     function authHook(transition: Transition) {
-   *       let authService = transition.injector().get('AuthService');
-   *       if (!authService.isAuthenticated()) {
-   *         return $state.target('login');
-   *       }
-   *     }
-   *
-   *     $transitions.onStart(authCriteria, authHook);
-   *   }
-   * }
-   * ```
-   *
-   * @param plugin one of:
-   *        - a plugin class which implements [[UIRouterPlugin]]
-   *        - a constructor function for a [[UIRouterPlugin]] which accepts a [[UIRouter]] instance
-   *        - a factory function which accepts a [[UIRouter]] instance and returns a [[UIRouterPlugin]] instance
-   * @param options options to pass to the plugin class/factory
-   * @returns the registered plugin instance
-   */
-  plugin(plugin, options = {}) {
-    const pluginInstance = new plugin(this, options);
-    if (!pluginInstance.name)
-      throw new Error(
-        "Required property `name` missing on plugin: " + pluginInstance,
-      );
-    return (this._plugins[pluginInstance.name] = pluginInstance);
-  }
-  getPlugin(pluginName) {
-    return pluginName
-      ? this._plugins[pluginName]
-      : Object.values(this._plugins);
-  }
 }

package/src/router/services.js

@@ -1,8 +1,8 @@
 /**
  * # Angular 1 types
  *
- * UI-Router core provides various Typescript types which you can use for code completion and validating parameter values, etc.
- * The customizations to the core types for Angular UI-Router are documented here.
+ * ng-router core provides various Typescript types which you can use for code completion and validating parameter values, etc.
+ * The customizations to the core types for ng-router are documented here.
  *
  * The optional [[$resolve]] service is also documented here.
  *
@@ -13,10 +13,7 @@ import { applyPairs, unnestR } from "../shared/common";
 import { isString } from "../shared/utils";
 import { trace } from "./common/trace";
 import { UIRouter } from "./router";
-import { getNg1ViewConfigFactory } from "./state/views";
-
 import { StateProvider } from "./state-provider";
-import { ResolveContext } from "./resolve/resolve-context";
 
 /** @type {angular.UIRouter}} */
 export let router = null;
@@ -29,33 +26,6 @@ export function $routerProvider($locationProvider) {
     router.stateRegistry,
     router.stateService,
   );
-  router.viewService._pluginapi._viewConfigFactory(
-    "ng1",
-    getNg1ViewConfigFactory(),
-  );
-  // Disable decoding of params by UrlMatcherFactory because $location already handles this
-  router.urlService.config._decodeParams = false;
-
-  /**
-   * Applys ng1-specific path parameter encoding
-   *
-   * The Angular 1 `$location` service is a bit weird.
-   * It doesn't allow slashes to be encoded/decoded bi-directionally.
-   *
-   * See the writeup at https://github.com/angular-ui/ui-router/issues/2598
-   *
-   * This code patches the `path` parameter type so it encoded/decodes slashes as ~2F
-   *
-   */
-  const pathType = router.urlMatcherFactory.type("path");
-  pathType.encode = (x) =>
-    x != null
-      ? x.toString().replace(/(~|\/)/g, (m) => ({ "~": "~~", "/": "~2F" })[m])
-      : x;
-  pathType.decode = (x) =>
-    x != null
-      ? x.toString().replace(/(~~|~2F)/g, (m) => ({ "~~": "~", "~2F": "/" })[m])
-      : x;
 
   // backwards compat: also expose router instance as $routerProvider.router
   router["router"] = router;
@@ -108,7 +78,6 @@ export function runBlock($injector, $q, $router) {
 }
 
 // $state service and $stateProvider
-// $urlRouter service and $urlRouterProvider
 export function getStateProvider() {
   return Object.assign(router.stateProvider, {
     $get: () => router.stateService,
@@ -135,28 +104,3 @@ export const getLocals = (ctx) => {
   });
   return tuples.reduce(applyPairs, {});
 };
-
-/**
- * This is a [[StateBuilder.builder]] function for angular1 `onEnter`, `onExit`,
- * `onRetain` callback hooks on a [[Ng1StateDeclaration]].
- *
- * When the [[StateBuilder]] builds a [[StateObject]] object from a raw [[StateDeclaration]], this builder
- * ensures that those hooks are injectable for @uirouter/angularjs (ng1).
- *
- * @internalapi
- */
-const getStateHookBuilder = (hookName) =>
-  function stateHookBuilder(stateObject) {
-    const hook = stateObject[hookName];
-    const pathname = hookName === "onExit" ? "from" : "to";
-    function decoratedNg1Hook(trans, state) {
-      const resolveContext = new ResolveContext(trans.treeChanges(pathname));
-      const subContext = resolveContext.subContext(state.$$state());
-      const locals = Object.assign(getLocals(subContext), {
-        $state$: state,
-        $transition$: trans,
-      });
-      return services.$injector.invoke(hook, this, locals);
-    }
-    return hook ? decoratedNg1Hook : undefined;
-  };

package/src/router/state/state-builder.js

@@ -29,7 +29,7 @@ function dataBuilder(state) {
   }
   return state.data;
 }
-const getUrlBuilder = ($urlMatcherFactoryProvider, root) =>
+const getUrlBuilder = ($urlService, root) =>
   function urlBuilder(stateObject) {
     let stateDec = stateObject.self;
     // For future states, i.e., states whose name ends with `.**`,
@@ -49,9 +49,9 @@ const getUrlBuilder = ($urlMatcherFactoryProvider, root) =>
     const parsed = parseUrl(stateDec.url);
     const url = !parsed
       ? stateDec.url
-      : $urlMatcherFactoryProvider.compile(parsed.val, { state: stateDec });
+      : $urlService.compile(parsed.val, { state: stateDec });
     if (!url) return null;
-    if (!$urlMatcherFactoryProvider.isMatcher(url))
+    if (!$urlService.isMatcher(url))
       throw new Error(`Invalid url '${url}' in state '${stateObject}'`);
     return parsed && parsed.root
       ? url
@@ -238,7 +238,7 @@ export function resolvablesBuilder(state) {
  * using the [[builder]] method.
  */
 export class StateBuilder {
-  constructor(matcher, urlMatcherFactory) {
+  constructor(matcher, urlService) {
     this.matcher = matcher;
     this.$injector = undefined;
     const self = this;
@@ -254,10 +254,11 @@ export class StateBuilder {
       parent: [parentBuilder],
       data: [dataBuilder],
       // Build a URLMatcher if necessary, either via a relative or absolute URL
-      url: [getUrlBuilder(urlMatcherFactory, root)],
+      url: [getUrlBuilder(urlService, root)],
       // Keep track of the closest ancestor state that has a URL (i.e. is navigable)
       navigable: [getNavigableBuilder(isRoot)],
-      params: [getParamsBuilder(urlMatcherFactory.paramFactory)],
+      // TODO
+      params: [getParamsBuilder(urlService.paramFactory)],
       // Each framework-specific ui-router implementation should define its own `views` builder
       // e.g., src/ng1/statebuilders/views.ts
       views: [],

package/src/router/state/state-object.js

@@ -3,7 +3,7 @@ import { propEq } from "../../shared/hof";
 import { Glob } from "../common/glob";
 import { isFunction, isObject } from "../../shared/utils";
 /**
- * Internal representation of a UI-Router state.
+ * Internal representation of a ng-router state.
  *
  * Instances of this class are created when a [[StateDeclaration]] is registered with the [[StateRegistry]].
  *