@angular/core 5.2.0-rc.0 → 5.2.3

package/bundles/core.umd.js

@@ -1,6 +1,6 @@
 /**
- * @license Angular v5.2.0-rc.0
- * (c) 2010-2017 Google, Inc. https://angular.io/
+ * @license Angular v5.2.3
+ * (c) 2010-2018 Google, Inc. https://angular.io/
  * License: MIT
  */
 (function (global, factory) {
@@ -44,8 +44,8 @@ var __assign = Object.assign || function __assign(t) {
 };
 
 /**
- * @license Angular v5.2.0-rc.0
- * (c) 2010-2017 Google, Inc. https://angular.io/
+ * @license Angular v5.2.3
+ * (c) 2010-2018 Google, Inc. https://angular.io/
  * License: MIT
  */
 /**
@@ -755,7 +755,7 @@ var Version = /** @class */ (function () {
 /**
  * \@stable
  */
-var VERSION = new Version('5.2.0-rc.0');
+var VERSION = new Version('5.2.3');
 
 /**
  * @fileoverview added by tsickle
@@ -7157,10 +7157,10 @@ function devModeEqual(a, b) {
 }
 /**
  * Indicates that the result of a {\@link Pipe} transformation has changed even though the
- * reference
- * has not changed.
+ * reference has not changed.
  *
- * The wrapped value will be unwrapped by change detection, and the unwrapped value will be stored.
+ * Wrapped values are unwrapped automatically during the change detection, and the unwrapped value
+ * is stored.
  *
  * Example:
  *
@@ -7175,50 +7175,53 @@ function devModeEqual(a, b) {
  * \@stable
  */
 var WrappedValue = /** @class */ (function () {
-    function WrappedValue(wrapped) {
-        this.wrapped = wrapped;
+    function WrappedValue(value) {
+        this.wrapped = value;
     }
+    /** Creates a wrapped value. */
     /**
+     * Creates a wrapped value.
      * @param {?} value
      * @return {?}
      */
     WrappedValue.wrap = /**
+     * Creates a wrapped value.
      * @param {?} value
      * @return {?}
      */
     function (value) { return new WrappedValue(value); };
-    return WrappedValue;
-}());
-/**
- * Helper class for unwrapping WrappedValue s
- */
-var ValueUnwrapper = /** @class */ (function () {
-    function ValueUnwrapper() {
-        this.hasWrappedValue = false;
-    }
     /**
+     * Returns the underlying value of a wrapped value.
+     * Returns the given `value` when it is not wrapped.
+     **/
+    /**
+     * Returns the underlying value of a wrapped value.
+     * Returns the given `value` when it is not wrapped.
+     *
      * @param {?} value
      * @return {?}
      */
-    ValueUnwrapper.prototype.unwrap = /**
+    WrappedValue.unwrap = /**
+     * Returns the underlying value of a wrapped value.
+     * Returns the given `value` when it is not wrapped.
+     *
      * @param {?} value
      * @return {?}
      */
-    function (value) {
-        if (value instanceof WrappedValue) {
-            this.hasWrappedValue = true;
-            return value.wrapped;
-        }
-        return value;
-    };
+    function (value) { return WrappedValue.isWrapped(value) ? value.wrapped : value; };
+    /** Returns true if `value` is a wrapped value. */
     /**
+     * Returns true if `value` is a wrapped value.
+     * @param {?} value
      * @return {?}
      */
-    ValueUnwrapper.prototype.reset = /**
+    WrappedValue.isWrapped = /**
+     * Returns true if `value` is a wrapped value.
+     * @param {?} value
      * @return {?}
      */
-    function () { this.hasWrappedValue = false; };
-    return ValueUnwrapper;
+    function (value) { return value instanceof WrappedValue; };
+    return WrappedValue;
 }());
 /**
  * Represents a basic change from a previous to a new value.
@@ -9852,13 +9855,10 @@ function tokenKey(token) {
  * @return {?}
  */
 function unwrapValue(view, nodeIdx, bindingIdx, value) {
-    if (value instanceof WrappedValue) {
-        value = value.wrapped;
+    if (WrappedValue.isWrapped(value)) {
+        value = WrappedValue.unwrap(value);
         var /** @type {?} */ globalBindingIdx = view.def.nodes[nodeIdx].bindingIndex + bindingIdx;
-        var /** @type {?} */ oldValue = view.oldValues[globalBindingIdx];
-        if (oldValue instanceof WrappedValue) {
-            oldValue = oldValue.wrapped;
-        }
+        var /** @type {?} */ oldValue = WrappedValue.unwrap(view.oldValues[globalBindingIdx]);
         view.oldValues[globalBindingIdx] = new WrappedValue(oldValue);
     }
     return value;
@@ -9938,7 +9938,8 @@ function checkAndUpdateBinding(view, def, bindingIdx, value) {
 function checkBindingNoChanges(view, def, bindingIdx, value) {
     var /** @type {?} */ oldValue = view.oldValues[def.bindingIndex + bindingIdx];
     if ((view.state & 1 /* BeforeFirstCheck */) || !devModeEqual(oldValue, value)) {
-        throw expressionChangedAfterItHasBeenCheckedError(Services.createDebugContext(view, def.nodeIndex), oldValue, value, (view.state & 1 /* BeforeFirstCheck */) !== 0);
+        var /** @type {?} */ bindingName = def.bindings[bindingIdx].name;
+        throw expressionChangedAfterItHasBeenCheckedError(Services.createDebugContext(view, def.nodeIndex), bindingName + ": " + oldValue, bindingName + ": " + value, (view.state & 1 /* BeforeFirstCheck */) !== 0);
     }
 }
 /**
@@ -12640,10 +12641,7 @@ function updateProp(view, providerData, def, bindingIdx, value, changes) {
     providerData.instance[propName] = value;
     if (def.flags & 524288 /* OnChanges */) {
         changes = changes || {};
-        var /** @type {?} */ oldValue = view.oldValues[def.bindingIndex + bindingIdx];
-        if (oldValue instanceof WrappedValue) {
-            oldValue = oldValue.wrapped;
-        }
+        var /** @type {?} */ oldValue = WrappedValue.unwrap(view.oldValues[def.bindingIndex + bindingIdx]);
         var /** @type {?} */ binding_1 = def.bindings[bindingIdx];
         changes[/** @type {?} */ ((binding_1.nonMinifiedName))] =
             new SimpleChange(oldValue, value, (view.state & 2 /* FirstCheck */) !== 0);
@@ -16561,6 +16559,10 @@ var bindingIndex;
  * 2nd index is: context for function
  */
 var cleanup;
+/**
+ * Index in the data array at which view hooks begin to be stored.
+ */
+var viewHookStartIndex;
 /**
  * Swap the current state with a new state.
  *
@@ -16578,10 +16580,8 @@ function enterView(newViewState, host) {
     data = newViewState.data;
     bindingIndex = newViewState.bindingStartIndex || 0;
     ngStaticData = newViewState.ngStaticData;
-    if (creationMode = !data) {
-        // Absence of data implies creationMode.
-        (/** @type {?} */ (newViewState)).data = data = [];
-    }
+    creationMode = newViewState.creationMode;
+    viewHookStartIndex = newViewState.viewHookStartIndex;
     cleanup = newViewState.cleanup;
     renderer = newViewState.renderer;
     if (host != null) {
@@ -16594,8 +16594,13 @@ function enterView(newViewState, host) {
 /**
  * Used in lieu of enterView to make it clear when we are exiting a child view. This makes
  * the direction of traversal (up or down the view tree) a bit clearer.
+ * @param {?} newViewState
+ * @return {?}
  */
-var leaveView = /** @type {?} */ (enterView);
+function leaveView(newViewState) {
+    executeViewHooks();
+    enterView(newViewState, null);
+}
 /**
  * @param {?} viewId
  * @param {?} renderer
@@ -16609,15 +16614,16 @@ function createViewState(viewId, renderer, ngStaticData) {
         // -1 for component views
         node: /** @type {?} */ ((null)),
         // until we initialize it in createNode.
-        data: /** @type {?} */ ((null)),
-        // Hack use as a marker for creationMode
+        data: [],
         ngStaticData: ngStaticData,
         cleanup: null,
         renderer: renderer,
         child: null,
         tail: null,
         next: null,
-        bindingStartIndex: null
+        bindingStartIndex: null,
+        creationMode: true,
+        viewHookStartIndex: null
     };
     return newView;
 }
@@ -16685,6 +16691,14 @@ function createLNode(index, type, native, state) {
     isParent = true;
     return node;
 }
+/**
+ * Resets the application state.
+ * @return {?}
+ */
+function resetApplicationState() {
+    isParent = false;
+    previousOrParentNode = /** @type {?} */ ((null));
+}
 /**
  *
  * @template T
@@ -16724,6 +16738,7 @@ function renderComponentOrTemplate(node, viewState, componentOrContext, template
         if (rendererFactory.end) {
             rendererFactory.end();
         }
+        viewState.creationMode = false;
         leaveView(oldView);
     }
 }
@@ -16899,6 +16914,7 @@ function locateHostElement(factory, elementOrSelector) {
  * @return {?}
  */
 function hostElement(rNode, def) {
+    resetApplicationState();
     createLNode(0, 3 /* Element */, rNode, createViewState(-1, renderer, getTemplateStatic(def.template)));
 }
 /**
@@ -17235,12 +17251,41 @@ function generateInitialInputs(directiveIndex, inputs, staticData) {
     return initialInputData;
 }
 /**
- * @param {?} lifeCycle
+ * @param {?} lifecycle
  * @param {?=} self
  * @param {?=} method
  * @return {?}
  */
 
+/**
+ * Iterates over view hook functions and calls them.
+ * @return {?}
+ */
+function executeViewHooks() {
+    if (viewHookStartIndex == null)
+        return;
+    // Instead of using splice to remove init hooks after their first run (expensive), we
+    // shift over the AFTER_CHECKED hooks as we call them and truncate once at the end.
+    var /** @type {?} */ checkIndex = /** @type {?} */ (viewHookStartIndex);
+    var /** @type {?} */ writeIndex = checkIndex;
+    while (checkIndex < data.length) {
+        // Call lifecycle hook with its context
+        data[checkIndex + 1].call(data[checkIndex + 2]);
+        if (data[checkIndex] === 16 /* AFTER_VIEW_CHECKED */) {
+            // We know if the writeIndex falls behind that there is an init that needs to
+            // be overwritten.
+            if (writeIndex < checkIndex) {
+                data[writeIndex] = data[checkIndex];
+                data[writeIndex + 1] = data[checkIndex + 1];
+                data[writeIndex + 2] = data[checkIndex + 2];
+            }
+            writeIndex += 3;
+        }
+        checkIndex += 3;
+    }
+    // Truncate once at the writeIndex
+    data.length = writeIndex;
+}
 /**
  * Creates an LContainer.
  *
@@ -17398,7 +17443,7 @@ function viewEnd() {
     var /** @type {?} */ viewIdChanged = previousView == null ? true : previousView.data.id !== viewNode.data.id;
     if (viewIdChanged) {
         insertView(container, viewNode, containerState.nextIndex - 1);
-        creationMode = false;
+        currentView.creationMode = false;
     }
     leaveView(/** @type {?} */ ((/** @type {?} */ ((currentView)).parent)));
     ngDevMode && assertEqual(isParent, false, 'isParent');
@@ -17427,6 +17472,7 @@ var componentRefresh = function (directiveIndex, elementIndex, template) {
         template(directive, creationMode);
     }
     finally {
+        hostView.creationMode = false;
         leaveView(oldView);
     }
 };
@@ -18561,9 +18607,9 @@ function keyframes$1(steps) {
  *     <button (click)="next()">Next</button>
  *     <hr>
  *     <div [\@bannerAnimation]="selectedIndex" class="banner-container">
- *       <div class="banner"> {{ banner }} </div>
+ *       <div class="banner" *ngFor="let banner of banners"> {{ banner }} </div>
  *     </div>
- *   `
+ *   `,
  *   animations: [
  *     trigger('bannerAnimation', [
  *       transition(":increment", group([
@@ -18583,7 +18629,7 @@ function keyframes$1(steps) {
  *         query(':leave', [
  *           animate('0.5s ease-out', style({ left: '100%' }))
  *         ])
- *       ])),
+ *       ]))
  *     ])
  *   ]
  * })
@@ -19175,7 +19221,6 @@ exports.WrappedValue = WrappedValue;
 exports.platformCore = platformCore;
 exports.ɵALLOW_MULTIPLE_PLATFORMS = ALLOW_MULTIPLE_PLATFORMS;
 exports.ɵAPP_ID_RANDOM_PROVIDER = APP_ID_RANDOM_PROVIDER;
-exports.ɵValueUnwrapper = ValueUnwrapper;
 exports.ɵdevModeEqual = devModeEqual;
 exports.ɵisListLikeIterable = isListLikeIterable;
 exports.ɵChangeDetectorStatus = ChangeDetectorStatus;
@@ -19248,35 +19293,36 @@ exports.style = style$$1;
 exports.state = state$$1;
 exports.keyframes = keyframes$$1;
 exports.transition = transition$$1;
-exports.ɵbe = animate$1;
-exports.ɵbf = group$1;
-exports.ɵbj = keyframes$1;
-exports.ɵbg = sequence$1;
-exports.ɵbi = state$1;
-exports.ɵbh = style$1;
-exports.ɵbk = transition$1;
-exports.ɵbd = trigger$1;
-exports.ɵm = _iterableDiffersFactory;
-exports.ɵn = _keyValueDiffersFactory;
-exports.ɵo = _localeFactory;
-exports.ɵh = _appIdRandomProviderFactory;
-exports.ɵi = defaultIterableDiffers;
-exports.ɵj = defaultKeyValueDiffers;
-exports.ɵk = DefaultIterableDifferFactory;
-exports.ɵl = DefaultKeyValueDifferFactory;
-exports.ɵd = ReflectiveInjector_;
-exports.ɵf = ReflectiveDependency;
-exports.ɵg = resolveReflectiveProviders;
-exports.ɵq = wtfEnabled;
-exports.ɵu = createScope;
-exports.ɵr = detectWTF;
-exports.ɵy = endTimeRange;
-exports.ɵw = leave;
-exports.ɵx = startTimeRange;
-exports.ɵbb = stringify$1;
+exports.ɵbf = animate$1;
+exports.ɵbg = group$1;
+exports.ɵbk = keyframes$1;
+exports.ɵbh = sequence$1;
+exports.ɵbj = state$1;
+exports.ɵbi = style$1;
+exports.ɵbl = transition$1;
+exports.ɵbe = trigger$1;
+exports.ɵn = _iterableDiffersFactory;
+exports.ɵo = _keyValueDiffersFactory;
+exports.ɵq = _localeFactory;
+exports.ɵi = _appIdRandomProviderFactory;
+exports.ɵj = defaultIterableDiffers;
+exports.ɵk = defaultKeyValueDiffers;
+exports.ɵl = DefaultIterableDifferFactory;
+exports.ɵm = DefaultKeyValueDifferFactory;
+exports.ɵf = ReflectiveInjector_;
+exports.ɵg = ReflectiveDependency;
+exports.ɵh = resolveReflectiveProviders;
+exports.ɵr = wtfEnabled;
+exports.ɵw = createScope;
+exports.ɵu = detectWTF;
+exports.ɵz = endTimeRange;
+exports.ɵx = leave;
+exports.ɵy = startTimeRange;
+exports.ɵbc = stringify$1;
 exports.ɵa = makeParamDecorator;
-exports.ɵz = _def;
-exports.ɵba = DebugContext;
+exports.ɵd = makePropDecorator;
+exports.ɵba = _def;
+exports.ɵbb = DebugContext;
 
 Object.defineProperty(exports, '__esModule', { value: true });