@angular-wave/angular.ts 0.0.21 → 0.0.22

package/index.html

@@ -99,6 +99,8 @@
       
       <!-- Router specs--> 
       <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>
       <script type="module" src="test/router/state-filter.spec.js"></script>
       <script type="module" src="test/router/state.spec.js"></script>
       

package/package.json

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

package/src/animations/animate-css-driver.js

@@ -193,8 +193,8 @@ export const $$AnimateCssDriverProvider = [
         }
 
         function prepareFromToAnchorAnimation(from, to, classes, anchors) {
-          const fromAnimation = prepareRegularAnimation(from, function () {});
-          const toAnimation = prepareRegularAnimation(to, function () {});
+          const fromAnimation = prepareRegularAnimation(from);
+          const toAnimation = prepareRegularAnimation(to);
 
           const anchorAnimations = [];
           forEach(anchors, (anchor) => {

package/src/animations/animate-css.js

@@ -378,7 +378,7 @@ export const $AnimateCssProvider = [
           let timings = $$animateCache.get(cacheKey);
 
           if (!timings) {
-            timings = computeCssStyles(window, node, properties);
+            timings = computeCssStyles(node, properties);
             if (timings.animationIterationCount === "infinite") {
               timings.animationIterationCount = 1;
             }
@@ -417,7 +417,7 @@ export const $AnimateCssProvider = [
               const staggerClassName = pendClasses(className, "-stagger");
 
               node.className += ` ${staggerClassName}`;
-              stagger = computeCssStyles(window, node, properties);
+              stagger = computeCssStyles(node, properties);
 
               // force the conversion of a null value to zero incase not set
               stagger.animationDuration = Math.max(
@@ -654,7 +654,7 @@ export const $AnimateCssProvider = [
           // that if there is no transition defined then nothing will happen and this will also allow
           // other transitions to be stacked on top of each other without any chopping them out.
           if (isFirst && !options.skipBlocking) {
-            helpers.blockTransitions(node, SAFE_FAST_FORWARD_DURATION_VALUE);
+            blockTransitions(node, SAFE_FAST_FORWARD_DURATION_VALUE);
           }
 
           let timings = computeTimings(
@@ -765,7 +765,7 @@ export const $AnimateCssProvider = [
           if (flags.blockTransition || flags.blockKeyframeAnimation) {
             applyBlocking(maxDuration);
           } else if (!options.skipBlocking) {
-            helpers.blockTransitions(node, false);
+            blockTransitions(node, false);
           }
 
           // TODO(matsko): for 1.5 change this code to have an animator object for better debugging
@@ -823,7 +823,7 @@ export const $AnimateCssProvider = [
             }
 
             blockKeyframeAnimations(node, false);
-            helpers.blockTransitions(node, false);
+            blockTransitions(node, false);
 
             forEach(temporaryStyles, (entry) => {
               // There is only one way to remove inline style properties entirely from elements.
@@ -874,7 +874,7 @@ export const $AnimateCssProvider = [
 
           function applyBlocking(duration) {
             if (flags.blockTransition) {
-              helpers.blockTransitions(node, duration);
+              blockTransitions(node, duration);
             }
 
             if (flags.blockKeyframeAnimation) {
@@ -1136,3 +1136,12 @@ export const $AnimateCssProvider = [
     ];
   },
 ];
+
+function blockTransitions(node, duration) {
+  // we use a negative delay value since it performs blocking
+  // yet it doesn't kill any existing transitions running on the
+  // same element which makes this safe for class-based animations
+  const value = duration ? `-${duration}s` : "";
+  applyInlineStyle(node, [TRANSITION_DELAY_PROP, value]);
+  return [TRANSITION_DELAY_PROP, value];
+}

package/src/animations/animate-js.js

@@ -150,7 +150,7 @@ export const $$AnimateJsProvider = [
               return runner;
 
               function onComplete(success) {
-                close(success);
+                close();
                 runner.complete(success);
               }
 

package/src/animations/animate-queue.js

@@ -470,7 +470,7 @@ export const $$AnimateQueueProvider = [
             (!hasExistingAnimation ||
               existingAnimation.state !== PRE_DIGEST_STATE)
           ) {
-            skipAnimations = !areAnimationsAllowed(node, parentNode, event);
+            skipAnimations = !areAnimationsAllowed(node, parentNode);
           }
 
           if (skipAnimations) {

package/src/animations/shared.js

@@ -35,7 +35,6 @@ if (
   TRANSITIONEND_EVENT = "webkitTransitionEnd transitionend";
 } else {
   TRANSITION_PROP = "transition";
-  // eslint-disable-next-line no-unused-vars
   TRANSITIONEND_EVENT = "transitionend";
 }
 
@@ -43,13 +42,11 @@ if (
   window.onanimationend === undefined &&
   window.onwebkitanimationend !== undefined
 ) {
-  // eslint-disable-next-line no-unused-vars
   CSS_PREFIX = "-webkit-";
   ANIMATION_PROP = "WebkitAnimation";
   ANIMATIONEND_EVENT = "webkitAnimationEnd animationend";
 } else {
   ANIMATION_PROP = "animation";
-  // eslint-disable-next-line no-unused-vars
   ANIMATIONEND_EVENT = "animationend";
 }
 
@@ -365,14 +362,3 @@ export function concatWithSpace(a, b) {
   if (!b) return a;
   return `${a} ${b}`;
 }
-
-export const helpers = {
-  blockTransitions(node, duration) {
-    // we use a negative delay value since it performs blocking
-    // yet it doesn't kill any existing transitions running on the
-    // same element which makes this safe for class-based animations
-    const value = duration ? `-${duration}s` : "";
-    applyInlineStyle(node, [TRANSITION_DELAY_PROP, value]);
-    return [TRANSITION_DELAY_PROP, value];
-  },
-};

package/src/core/compile.js

@@ -44,6 +44,7 @@ import { CACHE, EXPANDO } from "./cache";
 const $compileMinErr = minErr("$compile");
 
 const _UNINITIALIZED_VALUE = new Object();
+const EXCLUDED_DIRECTIVES = ["ngIf", "ngRepeat"];
 let TTL = 10;
 
 /**
@@ -1692,7 +1693,8 @@ export function $CompileProvider($provide, $$sanitizeUriProvider) {
             !didScanForMultipleTransclusion &&
             ((directive.replace &&
               (directive.templateUrl || directive.template)) ||
-              (directive.transclude && !directive.$$tlb))
+              (directive.transclude &&
+                !EXCLUDED_DIRECTIVES.includes(directive.name)))
           ) {
             let candidateDirective;
 
@@ -1702,7 +1704,8 @@ export function $CompileProvider($provide, $$sanitizeUriProvider) {
 
             ) {
               if (
-                (candidateDirective.transclude && !candidateDirective.$$tlb) ||
+                (candidateDirective.transclude &&
+                  !EXCLUDED_DIRECTIVES.includes(candidateDirective.name)) ||
                 (candidateDirective.replace &&
                   (candidateDirective.templateUrl ||
                     candidateDirective.template))
@@ -1734,7 +1737,7 @@ export function $CompileProvider($provide, $$sanitizeUriProvider) {
             // Special case ngIf and ngRepeat so that we don't complain about duplicate transclusion.
             // This option should only be used by directives that know how to safely handle element transclusion,
             // where the transcluded nodes are added or replaced after linking.
-            if (!directive.$$tlb) {
+            if (!EXCLUDED_DIRECTIVES.includes(directive.name)) {
               assertNoDuplicate(
                 "transclusion",
                 nonTlbTranscludeDirective,

package/src/directive/if.js

@@ -1,83 +1,5 @@
 import { getBlockNodes } from "../jqLite";
 
-/**
- * @ngdoc directive
- * @name ngIf
- * @restrict A
- * @multiElement
- *
- * @description
- * The `ngIf` directive removes or recreates a portion of the DOM tree based on an
- * {expression}. If the expression assigned to `ngIf` evaluates to a false
- * value then the element is removed from the DOM, otherwise a clone of the
- * element is reinserted into the DOM.
- *
- * `ngIf` differs from `ngShow` and `ngHide` in that `ngIf` completely removes and recreates the
- * element in the DOM rather than changing its visibility via the `display` css property.  A common
- * case when this difference is significant is when using css selectors that rely on an element's
- * position within the DOM, such as the `:first-child` or `:last-child` pseudo-classes.
- *
- * Note that when an element is removed using `ngIf` its scope is destroyed and a new scope
- * is created when the element is restored.  The scope created within `ngIf` inherits from
- * its parent scope using
- * [prototypal inheritance](https://github.com/angular/angular.js/wiki/Understanding-Scopes#javascript-prototypal-inheritance).
- * An important implication of this is if `ngModel` is used within `ngIf` to bind to
- * a javascript primitive defined in the parent scope. In this case any modifications made to the
- * variable within the child scope will override (hide) the value in the parent scope.
- *
- * Also, `ngIf` recreates elements using their compiled state. An example of this behavior
- * is if an element's class attribute is directly modified after it's compiled, using something like
- * jQuery's `.addClass()` method, and the element is later removed. When `ngIf` recreates the element
- * the added class will be lost because the original compiled state is used to regenerate the element.
- *
- * Additionally, you can provide animations via the `ngAnimate` module to animate the `enter`
- * and `leave` effects.
- *
- * @animations
- * | Animation                        | Occurs                               |
- * |----------------------------------|-------------------------------------|
- * | {@link ng.$animate#enter enter}  | just after the `ngIf` contents change and a new DOM element is created and injected into the `ngIf` container |
- * | {@link ng.$animate#leave leave}  | just before the `ngIf` contents are removed from the DOM |
- *
- * @element ANY
- * @scope
- * @priority 600
- * @param {string} ngIf If the {@link guide/expression expression} is falsy then
- *     the element is removed from the DOM tree. If it is truthy a copy of the compiled
- *     element is added to the DOM tree.
- *
- * @example
-  <example module="ngAnimate" deps="angular-animate.js" animations="true" name="ng-if">
-    <file name="index.html">
-      <label>Click me: <input type="checkbox" ng-model="checked" ng-init="checked=true" /></label><br/>
-      Show when checked:
-      <span ng-if="checked" class="animate-if">
-        This is removed when the checkbox is unchecked.
-      </span>
-    </file>
-    <file name="animations.css">
-      .animate-if {
-        background:white;
-        border:1px solid black;
-        padding:10px;
-      }
-
-      .animate-if.ng-enter, .animate-if.ng-leave {
-        transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
-      }
-
-      .animate-if.ng-enter,
-      .animate-if.ng-leave.ng-leave-active {
-        opacity:0;
-      }
-
-      .animate-if.ng-leave,
-      .animate-if.ng-enter.ng-enter-active {
-        opacity:1;
-      }
-    </file>
-  </example>
- */
 export const ngIfDirective = [
   "$animate",
   ($animate) => ({
@@ -86,7 +8,6 @@ export const ngIfDirective = [
     priority: 600,
     terminal: true,
     restrict: "A",
-    $$tlb: true,
     link($scope, $element, $attr, ctrl, $transclude) {
       let block;
       let childScope;

package/src/directive/if.md

@@ -0,0 +1,80 @@
+/\*\*
+
+- @ngdoc directive
+- @name ngIf
+- @restrict A
+- @multiElement
+-
+- @description
+- The `ngIf` directive removes or recreates a portion of the DOM tree based on an
+- {expression}. If the expression assigned to `ngIf` evaluates to a false
+- value then the element is removed from the DOM, otherwise a clone of the
+- element is reinserted into the DOM.
+-
+- `ngIf` differs from `ngShow` and `ngHide` in that `ngIf` completely removes and recreates the
+- element in the DOM rather than changing its visibility via the `display` css property. A common
+- case when this difference is significant is when using css selectors that rely on an element's
+- position within the DOM, such as the `:first-child` or `:last-child` pseudo-classes.
+-
+- Note that when an element is removed using `ngIf` its scope is destroyed and a new scope
+- is created when the element is restored. The scope created within `ngIf` inherits from
+- its parent scope using
+- [prototypal inheritance](https://github.com/angular/angular.js/wiki/Understanding-Scopes#javascript-prototypal-inheritance).
+- An important implication of this is if `ngModel` is used within `ngIf` to bind to
+- a javascript primitive defined in the parent scope. In this case any modifications made to the
+- variable within the child scope will override (hide) the value in the parent scope.
+-
+- Also, `ngIf` recreates elements using their compiled state. An example of this behavior
+- is if an element's class attribute is directly modified after it's compiled, using something like
+- jQuery's `.addClass()` method, and the element is later removed. When `ngIf` recreates the element
+- the added class will be lost because the original compiled state is used to regenerate the element.
+-
+- Additionally, you can provide animations via the `ngAnimate` module to animate the `enter`
+- and `leave` effects.
+-
+- @animations
+- | Animation | Occurs |
+- |----------------------------------|-------------------------------------|
+- | {@link ng.$animate#enter enter} | just after the `ngIf` contents change and a new DOM element is created and injected into the `ngIf` container |
+- | {@link ng.$animate#leave leave} | just before the `ngIf` contents are removed from the DOM |
+-
+- @element ANY
+- @scope
+- @priority 600
+- @param {string} ngIf If the {@link guide/expression expression} is falsy then
+-     the element is removed from the DOM tree. If it is truthy a copy of the compiled
+-     element is added to the DOM tree.
+-
+- @example
+  <example module="ngAnimate" deps="angular-animate.js" animations="true" name="ng-if">
+  <file name="index.html">
+  <label>Click me: <input type="checkbox" ng-model="checked" ng-init="checked=true" /></label><br/>
+  Show when checked:
+  <span ng-if="checked" class="animate-if">
+  This is removed when the checkbox is unchecked.
+  </span>
+  </file>
+  <file name="animations.css">
+  .animate-if {
+  background:white;
+  border:1px solid black;
+  padding:10px;
+  }
+
+       .animate-if.ng-enter, .animate-if.ng-leave {
+         transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
+       }
+
+       .animate-if.ng-enter,
+       .animate-if.ng-leave.ng-leave-active {
+         opacity:0;
+       }
+
+       .animate-if.ng-leave,
+       .animate-if.ng-enter.ng-enter-active {
+         opacity:1;
+       }
+
+     </file>
+   </example>
+  */

package/src/directive/include.js

@@ -1,88 +1,6 @@
 import { isDefined } from "../shared/utils";
 import { jqLiteBuildFragment } from "../jqLite";
-/**
- * @ngdoc directive
- * @name ngInclude
- * @restrict ECA
- * @scope
- * @priority -400
- *
- * @description
- * Fetches, compiles and includes an external HTML fragment.
- *
- * By default, the template URL is restricted to the same domain and protocol as the
- * application document. This is done by calling {@link $sce#getTrustedResourceUrl
- * $sce.getTrustedResourceUrl} on it. To load templates from other domains or protocols
- * you may either add them to your {@link ng.$sceDelegateProvider#trustedResourceUrlList trusted
- * resource URL list} or {@link $sce#trustAsResourceUrl wrap them} as trusted values. Refer to
- * AngularJS's {@link ng.$sce Strict Contextual Escaping}.
- *
- * In addition, the browser's
- * [Same Origin Policy](https://code.google.com/p/browsersec/wiki/Part2#Same-origin_policy_for_XMLHttpRequest)
- * and [Cross-Origin Resource Sharing (CORS)](http://www.w3.org/TR/cors/)
- * policy may further restrict whether the template is successfully loaded.
- * For example, `ngInclude` won't work for cross-domain requests on all browsers and for `file://`
- * access on some browsers.
- *
- * @animations
- * | Animation                        | Occurs                              |
- * |----------------------------------|-------------------------------------|
- * | {@link ng.$animate#enter enter}  | when the expression changes, on the new include |
- * | {@link ng.$animate#leave leave}  | when the expression changes, on the old include |
- *
- * The enter and leave animation occur concurrently.
- *
- * @param {string} ngInclude|src AngularJS expression evaluating to URL. If the source is a string constant,
- *                 make sure you wrap it in **single** quotes, e.g. `src="'myPartialTemplate.html'"`.
- * @param {string=} onload Expression to evaluate when a new partial is loaded.
- *                  <div class="alert alert-warning">
- *                  **Note:** When using onload on SVG elements in IE11, the browser will try to call
- *                  a function with the name on the window element, which will usually throw a
- *                  "function is undefined" error. To fix this, you can instead use `data-onload` or a
- *                  different form that {@link guide/directive#normalization matches} `onload`.
- *                  </div>
- *
- * @param {string=} autoscroll Whether `ngInclude` should call {@link ng.$anchorScroll
- *                  $anchorScroll} to scroll the viewport after the content is loaded.
- *
- *                  - If the attribute is not set, disable scrolling.
- *                  - If the attribute is set without value, enable scrolling.
- *                  - Otherwise enable scrolling only if the expression evaluates to truthy value.
- *
- */
 
-/**
- * @ngdoc event
- * @name ngInclude#$includeContentRequested
- * @eventType emit on the scope ngInclude was declared in
- * @description
- * Emitted every time the ngInclude content is requested.
- *
- * @param {Object} angularEvent Synthetic event object.
- * @param {String} src URL of content to load.
- */
-
-/**
- * @ngdoc event
- * @name ngInclude#$includeContentLoaded
- * @eventType emit on the current ngInclude scope
- * @description
- * Emitted every time the ngInclude content is reloaded.
- *
- * @param {Object} angularEvent Synthetic event object.
- * @param {String} src URL of content to load.
- */
-
-/**
- * @ngdoc event
- * @name ngInclude#$includeContentError
- * @eventType emit on the scope ngInclude was declared in
- * @description
- * Emitted when a template HTTP request yields an erroneous response (status < 200 || status > 299)
- *
- * @param {Object} angularEvent Synthetic event object.
- * @param {String} src URL of content to load.
- */
 export const ngIncludeDirective = [
   "$templateRequest",
   "$anchorScroll",

package/src/directive/include.md

@@ -0,0 +1,86 @@
+/\*\*
+
+- @ngdoc directive
+- @name ngInclude
+- @restrict ECA
+- @scope
+- @priority -400
+-
+- @description
+- Fetches, compiles and includes an external HTML fragment.
+-
+- By default, the template URL is restricted to the same domain and protocol as the
+- application document. This is done by calling {@link $sce#getTrustedResourceUrl
+- $sce.getTrustedResourceUrl} on it. To load templates from other domains or protocols
+- you may either add them to your {@link ng.$sceDelegateProvider#trustedResourceUrlList trusted
+- resource URL list} or {@link $sce#trustAsResourceUrl wrap them} as trusted values. Refer to
+- AngularJS's {@link ng.$sce Strict Contextual Escaping}.
+-
+- In addition, the browser's
+- [Same Origin Policy](https://code.google.com/p/browsersec/wiki/Part2#Same-origin_policy_for_XMLHttpRequest)
+- and [Cross-Origin Resource Sharing (CORS)](http://www.w3.org/TR/cors/)
+- policy may further restrict whether the template is successfully loaded.
+- For example, `ngInclude` won't work for cross-domain requests on all browsers and for `file://`
+- access on some browsers.
+-
+- @animations
+- | Animation | Occurs |
+- |----------------------------------|-------------------------------------|
+- | {@link ng.$animate#enter enter} | when the expression changes, on the new include |
+- | {@link ng.$animate#leave leave} | when the expression changes, on the old include |
+-
+- The enter and leave animation occur concurrently.
+-
+- @param {string} ngInclude|src AngularJS expression evaluating to URL. If the source is a string constant,
+-                 make sure you wrap it in **single** quotes, e.g. `src="'myPartialTemplate.html'"`.
+- @param {string=} onload Expression to evaluate when a new partial is loaded.
+-                  <div class="alert alert-warning">
+-                  **Note:** When using onload on SVG elements in IE11, the browser will try to call
+-                  a function with the name on the window element, which will usually throw a
+-                  "function is undefined" error. To fix this, you can instead use `data-onload` or a
+-                  different form that {@link guide/directive#normalization matches} `onload`.
+-                  </div>
+-
+- @param {string=} autoscroll Whether `ngInclude` should call {@link ng.$anchorScroll
+-                  $anchorScroll} to scroll the viewport after the content is loaded.
+-
+-                  - If the attribute is not set, disable scrolling.
+-                  - If the attribute is set without value, enable scrolling.
+-                  - Otherwise enable scrolling only if the expression evaluates to truthy value.
+- \*/
+
+/\*\*
+
+- @ngdoc event
+- @name ngInclude#$includeContentRequested
+- @eventType emit on the scope ngInclude was declared in
+- @description
+- Emitted every time the ngInclude content is requested.
+-
+- @param {Object} angularEvent Synthetic event object.
+- @param {String} src URL of content to load.
+  \*/
+
+/\*\*
+
+- @ngdoc event
+- @name ngInclude#$includeContentLoaded
+- @eventType emit on the current ngInclude scope
+- @description
+- Emitted every time the ngInclude content is reloaded.
+-
+- @param {Object} angularEvent Synthetic event object.
+- @param {String} src URL of content to load.
+  \*/
+
+/\*\*
+
+- @ngdoc event
+- @name ngInclude#$includeContentError
+- @eventType emit on the scope ngInclude was declared in
+- @description
+- Emitted when a template HTTP request yields an erroneous response (status < 200 || status > 299)
+-
+- @param {Object} angularEvent Synthetic event object.
+- @param {String} src URL of content to load.
+  \*/

package/src/directive/repeat.js

@@ -57,7 +57,6 @@ export const ngRepeatDirective = [
       transclude: "element",
       priority: 1000,
       terminal: true,
-      $$tlb: true,
       compile: function ngRepeatCompile($element, $attr) {
         const expression = $attr.ngRepeat;
 

package/src/loader.js

@@ -65,7 +65,6 @@ export class Angular {
     this.isString = isString;
     this.isUndefined = isUndefined;
     this.merge = merge;
-    this.noop = () => {};
     this.errorHandlingConfig = errorHandlingConfig;
   }
 

package/src/router/common/trace.js

@@ -142,7 +142,7 @@ export class Trace {
     );
   }
   /** @internal called by ui-router code */
-  traceHookResult(hookResult, trans, transitionOptions) {
+  traceHookResult(hookResult, trans) {
     if (!this.enabled(Category.HOOK)) return;
     console.log(
       `${transLbl(trans)}:   <- Hook returned: ${maxLength(200, stringify(hookResult))}`,

package/src/router/directives/stateDirectives.js

@@ -8,7 +8,6 @@
 import {
   forEach,
   tail,
-  noop,
   unnestR,
   identity,
   uniqR,
@@ -63,16 +62,15 @@ function clickHook(el, $state, $timeout, type, getDef) {
   return function (e) {
     const button = e.which || e.button,
       target = getDef();
-    if (
-      !(
-        button > 1 ||
-        e.ctrlKey ||
-        e.metaKey ||
-        e.shiftKey ||
-        e.altKey ||
-        el.attr("target")
-      )
-    ) {
+
+    let res =
+      button > 1 ||
+      e.ctrlKey ||
+      e.metaKey ||
+      e.shiftKey ||
+      e.altKey ||
+      el.attr("target");
+    if (!res) {
       // HACK: This is to allow ng-clicks to be processed before the transition is initiated:
       const transition = $timeout(function () {
         if (!el.attr("disabled")) {
@@ -85,6 +83,10 @@ function clickHook(el, $state, $timeout, type, getDef) {
       e.preventDefault = function () {
         if (ignorePreventDefaultCount-- <= 0) $timeout.cancel(transition);
       };
+    } else {
+      // ignored
+      e.preventDefault();
+      e.stopImmediatePropagation();
     }
   };
 }
@@ -257,7 +259,7 @@ export let uiSrefDirective = [
     return {
       restrict: "A",
       require: ["?^uiSrefActive", "?^uiSrefActiveEq"],
-      link: function (scope, element, attrs, uiSrefActive) {
+      link: (scope, element, attrs, uiSrefActive) => {
         const type = getTypeInfo(element);
         const active = uiSrefActive[1] || uiSrefActive[0];
         let unlinkInfoFn = null;
@@ -400,7 +402,7 @@ export let uiStateDirective = [
         const getDef = () => processedDef($state, element, rawDef);
         const inputAttrs = ["uiState", "uiStateParams", "uiStateOpts"];
         const watchDeregFns = inputAttrs.reduce(
-          (acc, attr) => ((acc[attr] = noop), acc),
+          (acc, attr) => ((acc[attr] = () => {}), acc),
           {},
         );
         function update() {
@@ -579,7 +581,7 @@ export let uiSrefActiveDirective = [
             return deregister;
           };
           function updateAfterTransition(trans) {
-            trans.promise.then(update, noop);
+            trans.promise.then(update, () => {});
           }
           $scope.$on("$destroy", setupEventListeners());
           if ($router.globals.transition) {

package/src/router/directives/viewDirective.js

@@ -1,7 +1,7 @@
 import { filter, tail, unnestR } from "../../shared/common";
 import { isDefined, isFunction, isString } from "../../shared/utils";
 import { kebobString } from "../../shared/strings";
-import { noop } from "../../shared/common";
+
 import { parse } from "../../shared/hof";
 import { ResolveContext } from "../resolve/resolveContext";
 import { trace } from "../common/trace";
@@ -338,7 +338,7 @@ export function $ViewDirectiveFill(
           );
           return;
         }
-        const cfg = data.$cfg || { viewDecl: {}, getTemplate: noop };
+        const cfg = data.$cfg || { viewDecl: {}, getTemplate: () => {} };
         const resolveCtx = cfg.path && new ResolveContext(cfg.path);
         $element.html(cfg.getTemplate($element, resolveCtx) || initial);
         trace.traceUIViewFill(data.$uiView, $element.html());