@angular/core 8.1.0-next.2 → 8.1.1

package/fesm2015/core.js

@@ -1,5 +1,5 @@
 /**
- * @license Angular v8.1.0-next.2
+ * @license Angular v8.1.1
  * (c) 2010-2019 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -929,7 +929,7 @@ class ReflectionCapabilities {
             if (typeof paramTypes === 'undefined') {
                 result[i] = [];
             }
-            else if (paramTypes[i] != Object) {
+            else if (paramTypes[i] && paramTypes[i] != Object) {
                 result[i] = [paramTypes[i]];
             }
             else {
@@ -4893,7 +4893,7 @@ function throwError(msg) {
 function assertDomNode(node) {
     // If we're in a worker, `Node` will not be defined.
     assertEqual((typeof Node !== 'undefined' && node instanceof Node) ||
-        (typeof node === 'object' && node.constructor.name === 'WebWorkerRenderNode'), true, 'The provided value must be an instance of a DOM Node');
+        (typeof node === 'object' && node.constructor.name === 'WebWorkerRenderNode'), true, `The provided value must be an instance of a DOM Node but got ${stringify(node)}`);
 }
 function assertDataInRange(arr, index) {
     const maxLen = arr ? arr.length : 0;
@@ -4922,6 +4922,8 @@ const ACTIVE_INDEX = 2;
 // As we already have these constants in LView, we don't need to re-create them.
 /** @type {?} */
 const NATIVE = 7;
+/** @type {?} */
+const VIEW_REFS = 8;
 /**
  * Size of LContainer's header. Represents the index after which all views in the
  * container will be inserted. We need to keep a record of current views so we know
@@ -4929,7 +4931,7 @@ const NATIVE = 7;
  * remove views from the DOM when they are no longer required.
  * @type {?}
  */
-const CONTAINER_HEADER_OFFSET = 8;
+const CONTAINER_HEADER_OFFSET = 9;
 
 /**
  * @fileoverview added by tsickle
@@ -5998,9 +6000,12 @@ function resetComponentState() {
  * the direction of traversal (up or down the view tree) a bit clearer.
  *
  * @param {?} newView New state to become active
+ * @param {?} safeToRunHooks Whether the runtime is in a state where running lifecycle hooks is valid.
+ * This is not always the case (for example, the application may have crashed and `leaveView` is
+ * being executed while unwinding the call stack).
  * @return {?}
  */
-function leaveView(newView) {
+function leaveView(newView, safeToRunHooks) {
     /** @type {?} */
     const tView = lView[TVIEW];
     if (isCreationMode(lView)) {
@@ -6009,7 +6014,7 @@ function leaveView(newView) {
     else {
         try {
             resetPreOrderHookFlags(lView);
-            executeHooks(lView, tView.viewHooks, tView.viewCheckHooks, checkNoChangesMode, 2 /* AfterViewInitHooksToBeRun */, undefined);
+            safeToRunHooks && executeHooks(lView, tView.viewHooks, tView.viewCheckHooks, checkNoChangesMode, 2 /* AfterViewInitHooksToBeRun */, undefined);
         }
         finally {
             // Views are clean and in update mode after being checked, so these bits are cleared
@@ -8306,7 +8311,12 @@ function getRootView(componentOrLView) {
     return lView;
 }
 /**
- * Given a current view, finds the nearest component's host (LElement).
+ * Given an `LView`, find the closest declaration view which is not an embedded view.
+ *
+ * This method searches for the `LView` associated with the component which declared the `LView`.
+ *
+ * This function may return itself if the `LView` passed in is not an embedded `LView`. Otherwise
+ * it walks the declaration parents until it finds a component view (non-embedded-view.)
  *
  * @param {?} lView LView for which we want a host element node
  * @return {?} The host node
@@ -8837,7 +8847,7 @@ function searchTokensOnInjector(injectorIndex, lView, token, previousTView, flag
     /** @type {?} */
     const isHostSpecialCase = (flags & InjectFlags.Host) && hostTElementNode === tNode;
     /** @type {?} */
-    const injectableIdx = locateDirectiveOrProvider(tNode, lView, token, canAccessViewProviders, isHostSpecialCase);
+    const injectableIdx = locateDirectiveOrProvider(tNode, currentTView, token, canAccessViewProviders, isHostSpecialCase);
     if (injectableIdx !== null) {
         return getNodeInjectable(currentTView.data, lView, injectableIdx, (/** @type {?} */ (tNode)));
     }
@@ -8850,15 +8860,13 @@ function searchTokensOnInjector(injectorIndex, lView, token, previousTView, flag
  *
  * @template T
  * @param {?} tNode TNode on which directives are present.
- * @param {?} lView The view we are currently processing
+ * @param {?} tView The tView we are currently processing
  * @param {?} token Provider token or type of a directive to look for.
  * @param {?} canAccessViewProviders Whether view providers should be considered.
  * @param {?} isHostSpecialCase Whether the host special case applies.
  * @return {?} Index of a found directive or provider, or null when none found.
  */
-function locateDirectiveOrProvider(tNode, lView, token, canAccessViewProviders, isHostSpecialCase) {
-    /** @type {?} */
-    const tView = lView[TVIEW];
+function locateDirectiveOrProvider(tNode, tView, token, canAccessViewProviders, isHostSpecialCase) {
     /** @type {?} */
     const nodeProviderIndexes = tNode.providerIndexes;
     /** @type {?} */
@@ -14439,6 +14447,9 @@ function renderEmbeddedTemplate(viewToRender, tView, context) {
         tickRootContext(getRootContext(viewToRender));
     }
     else {
+        // Will become true if the `try` block executes with no errors.
+        /** @type {?} */
+        let safeToRunHooks = false;
         try {
             setPreviousOrParentTNode((/** @type {?} */ (null)), true);
             oldView = enterView(viewToRender, viewToRender[T_HOST]);
@@ -14450,9 +14461,10 @@ function renderEmbeddedTemplate(viewToRender, tView, context) {
             // matching, etc again and again.
             viewToRender[TVIEW].firstTemplatePass = false;
             refreshDescendantViews(viewToRender);
+            safeToRunHooks = true;
         }
         finally {
-            leaveView((/** @type {?} */ (oldView)));
+            leaveView((/** @type {?} */ (oldView)), safeToRunHooks);
             setPreviousOrParentTNode(_previousOrParentTNode, _isParent);
         }
     }
@@ -14473,6 +14485,9 @@ function renderComponentOrTemplate(hostView, context, templateFn) {
     const normalExecutionPath = !getCheckNoChangesMode();
     /** @type {?} */
     const creationModeIsActive = isCreationMode(hostView);
+    // Will become true if the `try` block executes with no errors.
+    /** @type {?} */
+    let safeToRunHooks = false;
     try {
         if (normalExecutionPath && !creationModeIsActive && rendererFactory.begin) {
             rendererFactory.begin();
@@ -14487,12 +14502,13 @@ function renderComponentOrTemplate(hostView, context, templateFn) {
         resetPreOrderHookFlags(hostView);
         templateFn && executeTemplate(hostView, templateFn, 2 /* Update */, context);
         refreshDescendantViews(hostView);
+        safeToRunHooks = true;
     }
     finally {
         if (normalExecutionPath && !creationModeIsActive && rendererFactory.end) {
             rendererFactory.end();
         }
-        leaveView(oldView);
+        leaveView(oldView, safeToRunHooks);
     }
 }
 /**
@@ -15648,7 +15664,8 @@ function createLContainer(hostNative, currentView, native, tNode, isForViewConta
     null, // next
     null, // queries
     tNode, // t_host
-    native);
+    native, // native,
+    null);
     ngDevMode && attachLContainerDebug(lContainer);
     return lContainer;
 }
@@ -15931,6 +15948,9 @@ function checkView(hostView, component) {
     const templateFn = (/** @type {?} */ (hostTView.template));
     /** @type {?} */
     const creationMode = isCreationMode(hostView);
+    // Will become true if the `try` block executes with no errors.
+    /** @type {?} */
+    let safeToRunHooks = false;
     try {
         resetPreOrderHookFlags(hostView);
         creationMode && executeViewQueryFn(1 /* Create */, hostTView, component);
@@ -15940,9 +15960,10 @@ function checkView(hostView, component) {
         if (!creationMode || hostTView.staticViewQueries) {
             executeViewQueryFn(2 /* Update */, hostTView, component);
         }
+        safeToRunHooks = true;
     }
     finally {
-        leaveView(oldView);
+        leaveView(oldView, safeToRunHooks);
     }
 }
 /**
@@ -16077,6 +16098,24 @@ function setInputsForProperty(lView, inputs, value) {
         }
     }
 }
+/**
+ * Updates a text binding at a given index in a given LView.
+ * @param {?} lView
+ * @param {?} index
+ * @param {?} value
+ * @return {?}
+ */
+function textBindingInternal(lView, index, value) {
+    ngDevMode && assertNotSame(value, (/** @type {?} */ (NO_CHANGE)), 'value should not be NO_CHANGE');
+    ngDevMode && assertDataInRange(lView, index + HEADER_OFFSET);
+    /** @type {?} */
+    const element = (/** @type {?} */ ((/** @type {?} */ (getNativeByIndex(index, lView)))));
+    ngDevMode && assertDefined(element, 'native element should exist');
+    ngDevMode && ngDevMode.rendererSetText++;
+    /** @type {?} */
+    const renderer = lView[RENDERER];
+    isProceduralRenderer(renderer) ? renderer.setValue(element, value) : element.textContent = value;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -16523,7 +16562,9 @@ function ɵɵproperty(propName, value, sanitizer, nativeOnly) {
     const index = getSelectedIndex();
     ngDevMode && assertNotEqual(index, -1, 'selected index cannot be -1');
     /** @type {?} */
-    const bindReconciledValue = ɵɵbind(value);
+    const lView = getLView();
+    /** @type {?} */
+    const bindReconciledValue = bind(lView, value);
     if (bindReconciledValue !== NO_CHANGE) {
         elementPropertyInternal(index, propName, bindReconciledValue, sanitizer, nativeOnly);
     }
@@ -16532,15 +16573,12 @@ function ɵɵproperty(propName, value, sanitizer, nativeOnly) {
 /**
  * Creates a single value binding.
  *
- * \@codeGenApi
  * @template T
+ * @param {?} lView Current view
  * @param {?} value Value to diff
- *
  * @return {?}
  */
-function ɵɵbind(value) {
-    /** @type {?} */
-    const lView = getLView();
+function bind(lView, value) {
     /** @type {?} */
     const bindingIndex = lView[BINDING_INDEX]++;
     storeBindingMetadata(lView);
@@ -16573,9 +16611,11 @@ function ɵɵbind(value) {
 function ɵɵupdateSyntheticHostBinding(propName, value, sanitizer, nativeOnly) {
     /** @type {?} */
     const index = getSelectedIndex();
+    /** @type {?} */
+    const lView = getLView();
     // TODO(benlesh): remove bind call here.
     /** @type {?} */
-    const bound = ɵɵbind(value);
+    const bound = bind(lView, value);
     if (bound !== NO_CHANGE) {
         elementPropertyInternal(index, propName, bound, sanitizer, nativeOnly, loadComponentRenderer);
     }
@@ -16606,10 +16646,11 @@ function ɵɵattribute(name, value, sanitizer, namespace) {
     const lView = getLView();
     // TODO(FW-1340): Refactor to remove the use of other instructions here.
     /** @type {?} */
-    const bound = ɵɵbind(value);
+    const bound = bind(lView, value);
     if (bound !== NO_CHANGE) {
-        return elementAttributeInternal(index, name, bound, lView, sanitizer, namespace);
+        elementAttributeInternal(index, name, bound, lView, sanitizer, namespace);
     }
+    return ɵɵattribute;
 }
 
 /**
@@ -17470,191 +17511,48 @@ function getContainerRenderParent(tViewNode, view) {
     const container = getLContainer(tViewNode, view);
     return container ? nativeParentNode(view[RENDERER], container[NATIVE]) : null;
 }
-/**
- * Stack used to keep track of projection nodes in walkTNodeTree.
- *
- * This is deliberately created outside of walkTNodeTree to avoid allocating
- * a new array each time the function is called. Instead the array will be
- * re-used by each invocation. This works because the function is not reentrant.
- * @type {?}
- */
-const projectionNodeStack = [];
-/**
- * Walks a tree of TNodes, applying a transformation on the element nodes, either only on the first
- * one found, or on all of them.
- *
- * @param {?} viewToWalk the view to walk
- * @param {?} action identifies the action to be performed on the elements
- * @param {?} renderer the current renderer.
- * @param {?} renderParent Optional the render parent node to be set in all LContainers found,
- * required for action modes Insert and Destroy.
- * @param {?=} beforeNode Optional the node before which elements should be added, required for action
- * Insert.
- * @return {?}
- */
-function walkTNodeTree(viewToWalk, action, renderer, renderParent, beforeNode) {
-    /** @type {?} */
-    const rootTNode = (/** @type {?} */ (viewToWalk[TVIEW].node));
-    /** @type {?} */
-    let projectionNodeIndex = -1;
-    /** @type {?} */
-    let currentView = viewToWalk;
-    /** @type {?} */
-    let tNode = (/** @type {?} */ (rootTNode.child));
-    while (tNode) {
-        /** @type {?} */
-        let nextTNode = null;
-        if (tNode.type === 3 /* Element */ || tNode.type === 4 /* ElementContainer */) {
-            executeNodeAction(action, renderer, renderParent, getNativeByTNode(tNode, currentView), tNode, beforeNode);
-            /** @type {?} */
-            const nodeOrContainer = currentView[tNode.index];
-            if (isLContainer(nodeOrContainer)) {
-                // This element has an LContainer, and its comment needs to be handled
-                executeNodeAction(action, renderer, renderParent, nodeOrContainer[NATIVE], tNode, beforeNode);
-                /** @type {?} */
-                const firstView = nodeOrContainer[CONTAINER_HEADER_OFFSET];
-                if (firstView) {
-                    currentView = firstView;
-                    nextTNode = currentView[TVIEW].node;
-                    // When the walker enters a container, then the beforeNode has to become the local native
-                    // comment node.
-                    beforeNode = nodeOrContainer[NATIVE];
-                }
-            }
-        }
-        else if (tNode.type === 0 /* Container */) {
-            /** @type {?} */
-            const lContainer = (/** @type {?} */ ((/** @type {?} */ (currentView))[tNode.index]));
-            executeNodeAction(action, renderer, renderParent, lContainer[NATIVE], tNode, beforeNode);
-            /** @type {?} */
-            const firstView = lContainer[CONTAINER_HEADER_OFFSET];
-            if (firstView) {
-                currentView = firstView;
-                nextTNode = currentView[TVIEW].node;
-                // When the walker enters a container, then the beforeNode has to become the local native
-                // comment node.
-                beforeNode = lContainer[NATIVE];
-            }
-        }
-        else if (tNode.type === 1 /* Projection */) {
-            /** @type {?} */
-            const componentView = findComponentView((/** @type {?} */ (currentView)));
-            /** @type {?} */
-            const componentHost = (/** @type {?} */ (componentView[T_HOST]));
-            /** @type {?} */
-            const head = ((/** @type {?} */ (componentHost.projection)))[(/** @type {?} */ (tNode.projection))];
-            if (Array.isArray(head)) {
-                for (let nativeNode of head) {
-                    executeNodeAction(action, renderer, renderParent, nativeNode, tNode, beforeNode);
-                }
-            }
-            else {
-                // Must store both the TNode and the view because this projection node could be nested
-                // deeply inside embedded views, and we need to get back down to this particular nested
-                // view.
-                projectionNodeStack[++projectionNodeIndex] = tNode;
-                projectionNodeStack[++projectionNodeIndex] = (/** @type {?} */ (currentView));
-                if (head) {
-                    currentView = (/** @type {?} */ ((/** @type {?} */ (componentView[PARENT]))));
-                    nextTNode = (/** @type {?} */ (currentView[TVIEW].data[head.index]));
-                }
-            }
-        }
-        else {
-            // Otherwise, this is a View
-            nextTNode = tNode.child;
-        }
-        if (nextTNode === null) {
-            // this last node was projected, we need to get back down to its projection node
-            if (tNode.projectionNext === null && (tNode.flags & 2 /* isProjected */)) {
-                currentView = (/** @type {?} */ (projectionNodeStack[projectionNodeIndex--]));
-                tNode = (/** @type {?} */ (projectionNodeStack[projectionNodeIndex--]));
-            }
-            if (tNode.flags & 2 /* isProjected */) {
-                nextTNode = tNode.projectionNext;
-            }
-            else if (tNode.type === 4 /* ElementContainer */) {
-                nextTNode = tNode.child || tNode.next;
-            }
-            else {
-                nextTNode = tNode.next;
-            }
-            /**
-             * Find the next node in the TNode tree, taking into account the place where a node is
-             * projected (in the shadow DOM) rather than where it comes from (in the light DOM).
-             *
-             * If there is no sibling node, then it goes to the next sibling of the parent node...
-             * until it reaches rootNode (at which point null is returned).
-             */
-            while (!nextTNode) {
-                // If parent is null, we're crossing the view boundary, so we should get the host TNode.
-                tNode = tNode.parent || currentView[T_HOST];
-                if (tNode === null || tNode === rootTNode)
-                    return;
-                // When exiting a container, the beforeNode must be restored to the previous value
-                if (tNode.type === 0 /* Container */) {
-                    currentView = (/** @type {?} */ (getLViewParent(currentView)));
-                    beforeNode = currentView[tNode.index][NATIVE];
-                }
-                if (tNode.type === 2 /* View */) {
-                    /**
-                     * If current lView doesn't have next pointer, we try to find it by going up parents
-                     * chain until:
-                     * - we find an lView with a next pointer
-                     * - or find a tNode with a parent that has a next pointer
-                     * - or find a lContainer
-                     * - or reach root TNode (in which case we exit, since we traversed all nodes)
-                     */
-                    while (!currentView[NEXT] && currentView[PARENT] &&
-                        !(tNode.parent && tNode.parent.next)) {
-                        if (tNode === rootTNode)
-                            return;
-                        currentView = (/** @type {?} */ (currentView[PARENT]));
-                        if (isLContainer(currentView)) {
-                            tNode = (/** @type {?} */ (currentView[T_HOST]));
-                            currentView = currentView[PARENT];
-                            beforeNode = currentView[tNode.index][NATIVE];
-                            break;
-                        }
-                        tNode = (/** @type {?} */ (currentView[T_HOST]));
-                    }
-                    if (currentView[NEXT]) {
-                        currentView = (/** @type {?} */ (currentView[NEXT]));
-                        nextTNode = currentView[T_HOST];
-                    }
-                    else {
-                        nextTNode = tNode.type === 4 /* ElementContainer */ && tNode.child || tNode.next;
-                    }
-                }
-                else {
-                    nextTNode = tNode.next;
-                }
-            }
-        }
-        tNode = nextTNode;
-    }
-}
 /**
  * NOTE: for performance reasons, the possible actions are inlined within the function instead of
  * being passed as an argument.
  * @param {?} action
  * @param {?} renderer
  * @param {?} parent
- * @param {?} node
- * @param {?} tNode
+ * @param {?} lNodeToHandle
  * @param {?=} beforeNode
  * @return {?}
  */
-function executeNodeAction(action, renderer, parent, node, tNode, beforeNode) {
+function executeActionOnElementOrContainer(action, renderer, parent, lNodeToHandle, beforeNode) {
+    ngDevMode && assertDefined(lNodeToHandle, '\'lNodeToHandle\' is undefined');
+    /** @type {?} */
+    let lContainer;
+    /** @type {?} */
+    let isComponent = false;
+    // We are expecting an RNode, but in the case of a component or LContainer the `RNode` is wrapped
+    // in an array which needs to be unwrapped. We need to know if it is a component and if
+    // it has LContainer so that we can process all of those cases appropriately.
+    if (isLContainer(lNodeToHandle)) {
+        lContainer = lNodeToHandle;
+    }
+    else if (isLView(lNodeToHandle)) {
+        isComponent = true;
+        ngDevMode && assertDefined(lNodeToHandle[HOST], 'HOST must be defined for a component LView');
+        lNodeToHandle = (/** @type {?} */ (lNodeToHandle[HOST]));
+    }
+    /** @type {?} */
+    const rNode = unwrapRNode(lNodeToHandle);
+    ngDevMode && assertDomNode(rNode);
     if (action === 0 /* Insert */) {
-        nativeInsertBefore(renderer, (/** @type {?} */ (parent)), node, beforeNode || null);
+        nativeInsertBefore(renderer, (/** @type {?} */ (parent)), rNode, beforeNode || null);
     }
     else if (action === 1 /* Detach */) {
-        nativeRemoveNode(renderer, node, isComponent(tNode));
+        nativeRemoveNode(renderer, rNode, isComponent);
     }
     else if (action === 2 /* Destroy */) {
         ngDevMode && ngDevMode.rendererDestroyNode++;
-        (/** @type {?} */ (((/** @type {?} */ (renderer))).destroyNode))(node);
+        (/** @type {?} */ (((/** @type {?} */ (renderer))).destroyNode))(rNode);
+    }
+    if (lContainer != null) {
+        executeActionOnContainer(renderer, action, lContainer, parent, beforeNode);
     }
 }
 /**
@@ -17667,19 +17565,21 @@ function createTextNode(value, renderer) {
         renderer.createTextNode(renderStringify(value));
 }
 /**
- * @param {?} viewToWalk
+ * @param {?} lView
  * @param {?} insertMode
  * @param {?=} beforeNode
  * @return {?}
  */
-function addRemoveViewFromContainer(viewToWalk, insertMode, beforeNode) {
+function addRemoveViewFromContainer(lView, insertMode, beforeNode) {
     /** @type {?} */
-    const renderParent = getContainerRenderParent((/** @type {?} */ (viewToWalk[TVIEW].node)), viewToWalk);
-    ngDevMode && assertNodeType((/** @type {?} */ (viewToWalk[TVIEW].node)), 2 /* View */);
+    const renderParent = getContainerRenderParent((/** @type {?} */ (lView[TVIEW].node)), lView);
+    ngDevMode && assertNodeType((/** @type {?} */ (lView[TVIEW].node)), 2 /* View */);
     if (renderParent) {
         /** @type {?} */
-        const renderer = viewToWalk[RENDERER];
-        walkTNodeTree(viewToWalk, insertMode ? 0 /* Insert */ : 1 /* Detach */, renderer, renderParent, beforeNode);
+        const renderer = lView[RENDERER];
+        /** @type {?} */
+        const action = insertMode ? 0 /* Insert */ : 1 /* Detach */;
+        executeActionOnView(renderer, action, lView, renderParent, beforeNode);
     }
 }
 /**
@@ -17689,7 +17589,7 @@ function addRemoveViewFromContainer(viewToWalk, insertMode, beforeNode) {
  * @return {?}
  */
 function renderDetachView(lView) {
-    walkTNodeTree(lView, 1 /* Detach */, lView[RENDERER], null);
+    executeActionOnView(lView[RENDERER], 1 /* Detach */, lView, null, null);
 }
 /**
  * Traverses down and up the tree of views and containers to remove listeners and
@@ -17830,17 +17730,17 @@ function removeView(lContainer, removeIndex) {
  * A standalone function which destroys an LView,
  * conducting cleanup (e.g. removing listeners, calling onDestroys).
  *
- * @param {?} view The view to be destroyed.
+ * @param {?} lView The view to be destroyed.
  * @return {?}
  */
-function destroyLView(view) {
-    if (!(view[FLAGS] & 256 /* Destroyed */)) {
+function destroyLView(lView) {
+    if (!(lView[FLAGS] & 256 /* Destroyed */)) {
         /** @type {?} */
-        const renderer = view[RENDERER];
+        const renderer = lView[RENDERER];
         if (isProceduralRenderer(renderer) && renderer.destroyNode) {
-            walkTNodeTree(view, 2 /* Destroy */, renderer, null);
+            executeActionOnView(renderer, 2 /* Destroy */, lView, null, null);
         }
-        destroyViewTree(view);
+        destroyViewTree(lView);
     }
 }
 /**
@@ -17910,8 +17810,8 @@ function cleanUpView(view) {
  */
 function removeListeners(lView) {
     /** @type {?} */
-    const tCleanup = (/** @type {?} */ (lView[TVIEW].cleanup));
-    if (tCleanup != null) {
+    const tCleanup = lView[TVIEW].cleanup;
+    if (tCleanup !== null) {
         /** @type {?} */
         const lCleanup = (/** @type {?} */ (lView[CLEANUP]));
         for (let i = 0; i < tCleanup.length - 1; i += 2) {
@@ -18107,7 +18007,7 @@ function nativeAppendChild(renderer, parent, child) {
  * @return {?}
  */
 function nativeAppendOrInsertBefore(renderer, parent, child, beforeNode) {
-    if (beforeNode) {
+    if (beforeNode !== null) {
         nativeInsertBefore(renderer, parent, child, beforeNode);
     }
     else {
@@ -18223,6 +18123,7 @@ function getBeforeNodeForView(viewIndexInContainer, lContainer) {
     if (nextViewIndex < lContainer.length) {
         /** @type {?} */
         const lView = (/** @type {?} */ (lContainer[nextViewIndex]));
+        ngDevMode && assertDefined(lView[T_HOST], 'Missing Host TNode');
         /** @type {?} */
         const tViewNodeChild = ((/** @type {?} */ (lView[T_HOST]))).child;
         return tViewNodeChild !== null ? getNativeByTNode(tViewNodeChild, lView) : lContainer[NATIVE];
@@ -18251,7 +18152,7 @@ function nativeRemoveNode(renderer, rNode, isHostElement) {
 /**
  * Appends nodes to a target projection place. Nodes to insert were previously re-distribution and
  * stored on a component host level.
- * @param {?} lView A LView where nodes are inserted (target VLview)
+ * @param {?} lView A LView where nodes are inserted (target LView)
  * @param {?} tProjectionNode A projection node where previously re-distribution should be appended
  * (target insertion place)
  * @param {?} selectorIndex A bucket from where nodes to project should be taken
@@ -18285,6 +18186,21 @@ function appendProjectedNodes(lView, tProjectionNode, selectorIndex, componentVi
         }
     }
 }
+/**
+ * Loops over all children of a TNode container and appends them to the DOM
+ *
+ * @param {?} ngContainerChildTNode The first child of the TNode container
+ * @param {?} tProjectionNode The projection (ng-content) TNode
+ * @param {?} currentView Current LView
+ * @param {?} projectionView Projection view (view above current)
+ * @return {?}
+ */
+function appendProjectedChildren(ngContainerChildTNode, tProjectionNode, currentView, projectionView) {
+    while (ngContainerChildTNode) {
+        appendProjectedNode(ngContainerChildTNode, tProjectionNode, currentView, projectionView);
+        ngContainerChildTNode = ngContainerChildTNode.next;
+    }
+}
 /**
  * Appends a projected node to the DOM, or in the case of a projected container,
  * appends the nodes from all of the container's active views to the DOM.
@@ -18315,20 +18231,182 @@ function appendProjectedNode(projectedTNode, tProjectionNode, currentView, proje
             addRemoveViewFromContainer(nodeOrContainer[i], true, nodeOrContainer[NATIVE]);
         }
     }
+    else if (projectedTNode.type === 5 /* IcuContainer */) {
+        // The node we are adding is an ICU container which is why we also need to project all the
+        // children nodes that might have been created previously and are linked to this anchor
+        /** @type {?} */
+        let ngContainerChildTNode = (/** @type {?} */ (projectedTNode.child));
+        appendProjectedChildren(ngContainerChildTNode, ngContainerChildTNode, projectionView, projectionView);
+    }
     else {
         if (projectedTNode.type === 4 /* ElementContainer */) {
-            /** @type {?} */
-            let ngContainerChildTNode = (/** @type {?} */ (projectedTNode.child));
-            while (ngContainerChildTNode) {
-                appendProjectedNode(ngContainerChildTNode, tProjectionNode, currentView, projectionView);
-                ngContainerChildTNode = ngContainerChildTNode.next;
-            }
+            appendProjectedChildren(projectedTNode.child, tProjectionNode, currentView, projectionView);
         }
         if (isLContainer(nodeOrContainer)) {
             appendChild(nodeOrContainer[NATIVE], tProjectionNode, currentView);
         }
     }
 }
+/**
+ * `executeActionOnView` performs an operation on the view as specified in `action` (insert, detach,
+ * destroy)
+ *
+ * Inserting a view without projection or containers at top level is simple. Just iterate over the
+ * root nodes of the View, and for each node perform the `action`.
+ *
+ * Things get more complicated with containers and projections. That is because coming across:
+ * - Container: implies that we have to insert/remove/destroy the views of that container as well
+ *              which in turn can have their own Containers at the View roots.
+ * - Projection: implies that we have to insert/remove/destroy the nodes of the projection. The
+ *               complication is that the nodes we are projecting can themselves have Containers
+ *               or other Projections.
+ *
+ * As you can see this is a very recursive problem. While the recursive implementation is not the
+ * most efficient one, trying to unroll the nodes non-recursively results in very complex code that
+ * is very hard (to maintain). We are sacrificing a bit of performance for readability using a
+ * recursive implementation.
+ *
+ * @param {?} renderer Renderer to use
+ * @param {?} action action to perform (insert, detach, destroy)
+ * @param {?} lView The LView which needs to be inserted, detached, destroyed.
+ * @param {?} renderParent parent DOM element for insertion/removal.
+ * @param {?} beforeNode Before which node the insertions should happen.
+ * @return {?}
+ */
+function executeActionOnView(renderer, action, lView, renderParent, beforeNode) {
+    /** @type {?} */
+    const tView = lView[TVIEW];
+    ngDevMode && assertNodeType((/** @type {?} */ (tView.node)), 2 /* View */);
+    /** @type {?} */
+    let viewRootTNode = (/** @type {?} */ (tView.node)).child;
+    while (viewRootTNode !== null) {
+        executeActionOnNode(renderer, action, lView, viewRootTNode, renderParent, beforeNode);
+        viewRootTNode = viewRootTNode.next;
+    }
+}
+/**
+ * `executeActionOnProjection` performs an operation on the projection specified by `action`
+ * (insert, detach, destroy).
+ *
+ * Inserting a projection requires us to locate the projected nodes from the parent component. The
+ * complication is that those nodes themselves could be re-projected from their parent component.
+ *
+ * @param {?} renderer Renderer to use
+ * @param {?} action action to perform (insert, detach, destroy)
+ * @param {?} lView The LView which needs to be inserted, detached, destroyed.
+ * @param {?} tProjectionNode
+ * @param {?} renderParent parent DOM element for insertion/removal.
+ * @param {?} beforeNode Before which node the insertions should happen.
+ * @return {?}
+ */
+function executeActionOnProjection(renderer, action, lView, tProjectionNode, renderParent, beforeNode) {
+    /** @type {?} */
+    const componentLView = findComponentView(lView);
+    /** @type {?} */
+    const componentNode = (/** @type {?} */ (componentLView[T_HOST]));
+    /** @type {?} */
+    const nodeToProject = (/** @type {?} */ ((/** @type {?} */ (componentNode.projection))[tProjectionNode.projection]));
+    if (Array.isArray(nodeToProject)) {
+        for (let i = 0; i < nodeToProject.length; i++) {
+            /** @type {?} */
+            const rNode = nodeToProject[i];
+            ngDevMode && assertDomNode(rNode);
+            executeActionOnElementOrContainer(action, renderer, renderParent, rNode, beforeNode);
+        }
+    }
+    else {
+        /** @type {?} */
+        let projectionTNode = nodeToProject;
+        /** @type {?} */
+        const projectedComponentLView = (/** @type {?} */ (componentLView[PARENT]));
+        while (projectionTNode !== null) {
+            executeActionOnNode(renderer, action, projectedComponentLView, projectionTNode, renderParent, beforeNode);
+            projectionTNode = projectionTNode.projectionNext;
+        }
+    }
+}
+/**
+ * `executeActionOnContainer` performs an operation on the container and its views as specified by
+ * `action` (insert, detach, destroy)
+ *
+ * Inserting a Container is complicated by the fact that the container may have Views which
+ * themselves have containers or projections.
+ *
+ * @param {?} renderer Renderer to use
+ * @param {?} action action to perform (insert, detach, destroy)
+ * @param {?} lContainer The LContainer which needs to be inserted, detached, destroyed.
+ * @param {?} renderParent parent DOM element for insertion/removal.
+ * @param {?} beforeNode Before which node the insertions should happen.
+ * @return {?}
+ */
+function executeActionOnContainer(renderer, action, lContainer, renderParent, beforeNode) {
+    ngDevMode && assertLContainer(lContainer);
+    /** @type {?} */
+    const anchor = lContainer[NATIVE];
+    // LContainer has its own before node.
+    /** @type {?} */
+    const native = unwrapRNode(lContainer);
+    // An LContainer can be created dynamically on any node by injecting ViewContainerRef.
+    // Asking for a ViewContainerRef on an element will result in a creation of a separate anchor node
+    // (comment in the DOM) that will be different from the LContainer's host node. In this particular
+    // case we need to execute action on 2 nodes:
+    // - container's host node (this is done in the executeNodeAction)
+    // - container's host node (this is done here)
+    if (anchor !== native) {
+        executeActionOnElementOrContainer(action, renderer, renderParent, anchor, beforeNode);
+    }
+    for (let i = CONTAINER_HEADER_OFFSET; i < lContainer.length; i++) {
+        /** @type {?} */
+        const lView = (/** @type {?} */ (lContainer[i]));
+        executeActionOnView(renderer, action, lView, renderParent, anchor);
+    }
+}
+/**
+ * `executeActionOnElementContainer` performs an operation on the ng-container node and its child
+ * nodes as specified by the `action` (insert, detach, destroy).
+ *
+ * @param {?} renderer Renderer to use
+ * @param {?} action action to perform (insert, detach, destroy)
+ * @param {?} lView The LView which needs to be inserted, detached, destroyed.
+ * @param {?} tElementContainerNode The TNode associated with the ElementContainer.
+ * @param {?} renderParent parent DOM element for insertion/removal.
+ * @param {?} beforeNode Before which node the insertions should happen.
+ * @return {?}
+ */
+function executeActionOnElementContainer(renderer, action, lView, tElementContainerNode, renderParent, beforeNode) {
+    /** @type {?} */
+    const node = lView[tElementContainerNode.index];
+    executeActionOnElementOrContainer(action, renderer, renderParent, node, beforeNode);
+    /** @type {?} */
+    let childTNode = tElementContainerNode.child;
+    while (childTNode) {
+        executeActionOnNode(renderer, action, lView, childTNode, renderParent, beforeNode);
+        childTNode = childTNode.next;
+    }
+}
+/**
+ * @param {?} renderer
+ * @param {?} action
+ * @param {?} lView
+ * @param {?} tNode
+ * @param {?} renderParent
+ * @param {?} beforeNode
+ * @return {?}
+ */
+function executeActionOnNode(renderer, action, lView, tNode, renderParent, beforeNode) {
+    /** @type {?} */
+    const elementContainerRootTNodeType = tNode.type;
+    if (elementContainerRootTNodeType === 4 /* ElementContainer */) {
+        executeActionOnElementContainer(renderer, action, lView, (/** @type {?} */ (tNode)), renderParent, beforeNode);
+    }
+    else if (elementContainerRootTNodeType === 1 /* Projection */) {
+        executeActionOnProjection(renderer, action, lView, (/** @type {?} */ (tNode)), renderParent, beforeNode);
+    }
+    else {
+        ngDevMode && assertNodeOfPossibleTypes(tNode, 3 /* Element */, 0 /* Container */);
+        executeActionOnElementOrContainer(action, renderer, renderParent, lView[tNode.index], beforeNode);
+    }
+}
 
 /**
  * @fileoverview added by tsickle
@@ -19813,7 +19891,10 @@ function ɵɵembeddedViewEnd() {
     /** @type {?} */
     const lContainer = (/** @type {?} */ (lView[PARENT]));
     ngDevMode && assertLContainerOrUndefined(lContainer);
-    leaveView((/** @type {?} */ (lContainer[PARENT])));
+    // It's always safe to run hooks here, as `leaveView` is not called during the 'finally' block
+    // of a try-catch-finally statement, so it can never be reached while unwinding the stack due to
+    // an error being thrown.
+    leaveView((/** @type {?} */ (lContainer[PARENT])), /* safeToRunHooks */ true);
     setPreviousOrParentTNode((/** @type {?} */ (viewHost)), false);
 }
 
@@ -20760,6 +20841,7 @@ function ɵɵtext(index, value) {
     ngDevMode && assertDataInRange(lView, index + HEADER_OFFSET);
     /** @type {?} */
     const textNative = lView[index + HEADER_OFFSET] = createTextNode(value, lView[RENDERER]);
+    ngDevMode && ngDevMode.rendererSetText++;
     /** @type {?} */
     const tNode = getOrCreateTNode(lView[TVIEW], lView[T_HOST], index, 3 /* Element */, null, null);
     // Text nodes are self closing.
@@ -20772,24 +20854,19 @@ function ɵɵtext(index, value) {
  *
  * \@codeGenApi
  * @template T
- * @param {?} index Index of the node in the data array.
  * @param {?} value Stringified value to write.
  *
  * @return {?}
  */
-function ɵɵtextBinding(index, value) {
-    if (value !== NO_CHANGE) {
-        /** @type {?} */
-        const lView = getLView();
-        ngDevMode && assertDataInRange(lView, index + HEADER_OFFSET);
-        /** @type {?} */
-        const element = (/** @type {?} */ ((/** @type {?} */ (getNativeByIndex(index, lView)))));
-        ngDevMode && assertDefined(element, 'native element should exist');
-        ngDevMode && ngDevMode.rendererSetText++;
-        /** @type {?} */
-        const renderer = lView[RENDERER];
-        isProceduralRenderer(renderer) ? renderer.setValue(element, renderStringify(value)) :
-            element.textContent = renderStringify(value);
+function ɵɵtextBinding(value) {
+    /** @type {?} */
+    const lView = getLView();
+    /** @type {?} */
+    const index = getSelectedIndex();
+    /** @type {?} */
+    const bound = bind(lView, value);
+    if (bound !== NO_CHANGE) {
+        textBindingInternal(lView, index, renderStringify(bound));
     }
 }
 
@@ -20847,7 +20924,13 @@ function ɵɵtextInterpolate(v0) {
 function ɵɵtextInterpolate1(prefix, v0, suffix) {
     /** @type {?} */
     const index = getSelectedIndex();
-    ɵɵtextBinding(index, ɵɵinterpolation1(prefix, v0, suffix));
+    /** @type {?} */
+    const lView = getLView();
+    /** @type {?} */
+    const interpolated = ɵɵinterpolation1(prefix, v0, suffix);
+    if (interpolated !== NO_CHANGE) {
+        textBindingInternal(lView, index, (/** @type {?} */ (interpolated)));
+    }
     return ɵɵtextInterpolate1;
 }
 /**
@@ -20877,7 +20960,13 @@ function ɵɵtextInterpolate1(prefix, v0, suffix) {
 function ɵɵtextInterpolate2(prefix, v0, i0, v1, suffix) {
     /** @type {?} */
     const index = getSelectedIndex();
-    ɵɵtextBinding(index, ɵɵinterpolation2(prefix, v0, i0, v1, suffix));
+    /** @type {?} */
+    const lView = getLView();
+    /** @type {?} */
+    const interpolated = ɵɵinterpolation2(prefix, v0, i0, v1, suffix);
+    if (interpolated !== NO_CHANGE) {
+        textBindingInternal(lView, index, (/** @type {?} */ (interpolated)));
+    }
     return ɵɵtextInterpolate2;
 }
 /**
@@ -20910,7 +20999,13 @@ function ɵɵtextInterpolate2(prefix, v0, i0, v1, suffix) {
 function ɵɵtextInterpolate3(prefix, v0, i0, v1, i1, v2, suffix) {
     /** @type {?} */
     const index = getSelectedIndex();
-    ɵɵtextBinding(index, ɵɵinterpolation3(prefix, v0, i0, v1, i1, v2, suffix));
+    /** @type {?} */
+    const lView = getLView();
+    /** @type {?} */
+    const interpolated = ɵɵinterpolation3(prefix, v0, i0, v1, i1, v2, suffix);
+    if (interpolated !== NO_CHANGE) {
+        textBindingInternal(lView, index, (/** @type {?} */ (interpolated)));
+    }
     return ɵɵtextInterpolate3;
 }
 /**
@@ -20945,7 +21040,13 @@ function ɵɵtextInterpolate3(prefix, v0, i0, v1, i1, v2, suffix) {
 function ɵɵtextInterpolate4(prefix, v0, i0, v1, i1, v2, i2, v3, suffix) {
     /** @type {?} */
     const index = getSelectedIndex();
-    ɵɵtextBinding(index, ɵɵinterpolation4(prefix, v0, i0, v1, i1, v2, i2, v3, suffix));
+    /** @type {?} */
+    const lView = getLView();
+    /** @type {?} */
+    const interpolated = ɵɵinterpolation4(prefix, v0, i0, v1, i1, v2, i2, v3, suffix);
+    if (interpolated !== NO_CHANGE) {
+        textBindingInternal(lView, index, (/** @type {?} */ (interpolated)));
+    }
     return ɵɵtextInterpolate4;
 }
 /**
@@ -20982,7 +21083,13 @@ function ɵɵtextInterpolate4(prefix, v0, i0, v1, i1, v2, i2, v3, suffix) {
 function ɵɵtextInterpolate5(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, suffix) {
     /** @type {?} */
     const index = getSelectedIndex();
-    ɵɵtextBinding(index, ɵɵinterpolation5(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, suffix));
+    /** @type {?} */
+    const lView = getLView();
+    /** @type {?} */
+    const interpolated = ɵɵinterpolation5(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, suffix);
+    if (interpolated !== NO_CHANGE) {
+        textBindingInternal(lView, index, (/** @type {?} */ (interpolated)));
+    }
     return ɵɵtextInterpolate5;
 }
 /**
@@ -21022,7 +21129,13 @@ function ɵɵtextInterpolate5(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, suffix
 function ɵɵtextInterpolate6(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, i4, v5, suffix) {
     /** @type {?} */
     const index = getSelectedIndex();
-    ɵɵtextBinding(index, ɵɵinterpolation6(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, i4, v5, suffix));
+    /** @type {?} */
+    const lView = getLView();
+    /** @type {?} */
+    const interpolated = ɵɵinterpolation6(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, i4, v5, suffix);
+    if (interpolated !== NO_CHANGE) {
+        textBindingInternal(lView, index, (/** @type {?} */ (interpolated)));
+    }
     return ɵɵtextInterpolate6;
 }
 /**
@@ -21063,7 +21176,13 @@ function ɵɵtextInterpolate6(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, i4, v5
 function ɵɵtextInterpolate7(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, i4, v5, i5, v6, suffix) {
     /** @type {?} */
     const index = getSelectedIndex();
-    ɵɵtextBinding(index, ɵɵinterpolation7(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, i4, v5, i5, v6, suffix));
+    /** @type {?} */
+    const lView = getLView();
+    /** @type {?} */
+    const interpolated = ɵɵinterpolation7(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, i4, v5, i5, v6, suffix);
+    if (interpolated !== NO_CHANGE) {
+        textBindingInternal(lView, index, (/** @type {?} */ (interpolated)));
+    }
     return ɵɵtextInterpolate7;
 }
 /**
@@ -21106,7 +21225,13 @@ function ɵɵtextInterpolate7(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, i4, v5
 function ɵɵtextInterpolate8(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, i4, v5, i5, v6, i6, v7, suffix) {
     /** @type {?} */
     const index = getSelectedIndex();
-    ɵɵtextBinding(index, ɵɵinterpolation8(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, i4, v5, i5, v6, i6, v7, suffix));
+    /** @type {?} */
+    const lView = getLView();
+    /** @type {?} */
+    const interpolated = ɵɵinterpolation8(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, i4, v5, i5, v6, i6, v7, suffix);
+    if (interpolated !== NO_CHANGE) {
+        textBindingInternal(lView, index, (/** @type {?} */ (interpolated)));
+    }
     return ɵɵtextInterpolate8;
 }
 /**
@@ -21136,7 +21261,13 @@ function ɵɵtextInterpolate8(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, i4, v5
 function ɵɵtextInterpolateV(values) {
     /** @type {?} */
     const index = getSelectedIndex();
-    ɵɵtextBinding(index, ɵɵinterpolationV(values));
+    /** @type {?} */
+    const lView = getLView();
+    /** @type {?} */
+    const interpolated = ɵɵinterpolationV(values);
+    if (interpolated !== NO_CHANGE) {
+        textBindingInternal(lView, index, (/** @type {?} */ (interpolated)));
+    }
     return ɵɵtextInterpolateV;
 }
 
@@ -21652,6 +21783,9 @@ function renderComponent(componentType /* Type as workaround for: Microsoft/Type
     const oldView = enterView(rootView, null);
     /** @type {?} */
     let component;
+    // Will become true if the `try` block executes with no errors.
+    /** @type {?} */
+    let safeToRunHooks = false;
     try {
         if (rendererFactory.begin)
             rendererFactory.begin();
@@ -21663,9 +21797,10 @@ function renderComponent(componentType /* Type as workaround for: Microsoft/Type
         rootView[FLAGS] &= ~4 /* CreationMode */;
         resetPreOrderHookFlags(rootView);
         refreshDescendantViews(rootView); // update mode pass
+        safeToRunHooks = true;
     }
     finally {
-        leaveView(oldView);
+        leaveView(oldView, safeToRunHooks);
         if (rendererFactory.end)
             rendererFactory.end();
     }
@@ -22469,6 +22604,7 @@ function multiFactory(factoryFn, index, isViewProvider, isComponent, f) {
  * and publish them into the DI system, making it visible to others for injection.
  *
  * For example:
+ * ```ts
  * class ComponentWithProviders {
  *   constructor(private greeter: GreeterDE) {}
  *
@@ -22480,15 +22616,17 @@ function multiFactory(factoryFn, index, isViewProvider, isComponent, f) {
  *    vars: 1,
  *    template: function(fs: RenderFlags, ctx: ComponentWithProviders) {
  *      if (fs & RenderFlags.Create) {
- *        text(0);
+ *        ɵɵtext(0);
  *      }
  *      if (fs & RenderFlags.Update) {
- *        textBinding(0, bind(ctx.greeter.greet()));
+ *        ɵɵselect(0);
+ *        ɵɵtextBinding(ctx.greeter.greet());
  *      }
  *    },
  *    features: [ProvidersFeature([GreeterDE])]
  *  });
  * }
+ * ```
  *
  * \@codeGenApi
  * @template T
@@ -22539,6 +22677,12 @@ function ɵɵProvidersFeature(providers, viewProviders = []) {
 class ComponentRef {
 }
 /**
+ * Base class for a factory that can create a component dynamically.
+ * Instantiate a factory for a given type of component with `resolveComponentFactory()`.
+ * Use the resulting `ComponentFactory.create()` method to create a component of that type.
+ *
+ * @see [Dynamic Components](guide/dynamic-component-loader)
+ *
  * \@publicApi
  * @abstract
  * @template C
@@ -22573,6 +22717,12 @@ class _NullComponentFactoryResolver {
     }
 }
 /**
+ * A simple registry that maps `Components` to generated `ComponentFactory` classes
+ * that can be used to create instances of components.
+ * Use to obtain the factory for a given component type,
+ * then use the factory's `create()` method to create a component of that type.
+ *
+ * @see [Dynamic Components](guide/dynamic-component-loader)
  * \@publicApi
  * @abstract
  */
@@ -23161,7 +23311,6 @@ function createContainerRef(ViewContainerRefToken, ElementRefToken, hostTNode, h
                 this._lContainer = _lContainer;
                 this._hostTNode = _hostTNode;
                 this._hostView = _hostView;
-                this._viewRefs = [];
             }
             /**
              * @return {?}
@@ -23200,7 +23349,9 @@ function createContainerRef(ViewContainerRefToken, ElementRefToken, hostTNode, h
              * @param {?} index
              * @return {?}
              */
-            get(index) { return this._viewRefs[index] || null; }
+            get(index) {
+                return this._lContainer[VIEW_REFS] !== null && (/** @type {?} */ (this._lContainer[VIEW_REFS]))[index] || null;
+            }
             /**
              * @return {?}
              */
@@ -23219,13 +23370,14 @@ function createContainerRef(ViewContainerRefToken, ElementRefToken, hostTNode, h
              * @return {?}
              */
             createEmbeddedView(templateRef, context, index) {
+                this.allocateContainerIfNeeded();
                 /** @type {?} */
                 const adjustedIdx = this._adjustIndex(index);
                 /** @type {?} */
                 const viewRef = ((/** @type {?} */ (templateRef)))
                     .createEmbeddedView(context || (/** @type {?} */ ({})), this._lContainer, adjustedIdx);
                 ((/** @type {?} */ (viewRef))).attachToViewContainerRef(this);
-                this._viewRefs.splice(adjustedIdx, 0, viewRef);
+                (/** @type {?} */ (this._lContainer[VIEW_REFS])).splice(adjustedIdx, 0, viewRef);
                 return viewRef;
             }
             /**
@@ -23257,6 +23409,7 @@ function createContainerRef(ViewContainerRefToken, ElementRefToken, hostTNode, h
                 if (viewRef.destroyed) {
                     throw new Error('Cannot insert a destroyed View in a ViewContainer!');
                 }
+                this.allocateContainerIfNeeded();
                 /** @type {?} */
                 const lView = (/** @type {?} */ (((/** @type {?} */ (viewRef)))._lView));
                 /** @type {?} */
@@ -23271,7 +23424,7 @@ function createContainerRef(ViewContainerRefToken, ElementRefToken, hostTNode, h
                 const beforeNode = getBeforeNodeForView(adjustedIdx, this._lContainer);
                 addRemoveViewFromContainer(lView, true, beforeNode);
                 ((/** @type {?} */ (viewRef))).attachToViewContainerRef(this);
-                this._viewRefs.splice(adjustedIdx, 0, viewRef);
+                (/** @type {?} */ (this._lContainer[VIEW_REFS])).splice(adjustedIdx, 0, viewRef);
                 return viewRef;
             }
             /**
@@ -23294,28 +23447,34 @@ function createContainerRef(ViewContainerRefToken, ElementRefToken, hostTNode, h
              * @param {?} viewRef
              * @return {?}
              */
-            indexOf(viewRef) { return this._viewRefs.indexOf(viewRef); }
+            indexOf(viewRef) {
+                return this._lContainer[VIEW_REFS] !== null ?
+                    (/** @type {?} */ (this._lContainer[VIEW_REFS])).indexOf(viewRef) :
+                    0;
+            }
             /**
              * @param {?=} index
              * @return {?}
              */
             remove(index) {
+                this.allocateContainerIfNeeded();
                 /** @type {?} */
                 const adjustedIdx = this._adjustIndex(index, -1);
                 removeView(this._lContainer, adjustedIdx);
-                this._viewRefs.splice(adjustedIdx, 1);
+                (/** @type {?} */ (this._lContainer[VIEW_REFS])).splice(adjustedIdx, 1);
             }
             /**
              * @param {?=} index
              * @return {?}
              */
             detach(index) {
+                this.allocateContainerIfNeeded();
                 /** @type {?} */
                 const adjustedIdx = this._adjustIndex(index, -1);
                 /** @type {?} */
                 const view = detachView(this._lContainer, adjustedIdx);
                 /** @type {?} */
-                const wasDetached = view && this._viewRefs.splice(adjustedIdx, 1)[0] != null;
+                const wasDetached = view && (/** @type {?} */ (this._lContainer[VIEW_REFS])).splice(adjustedIdx, 1)[0] != null;
                 return wasDetached ? new ViewRef((/** @type {?} */ (view)), (/** @type {?} */ (view))[CONTEXT], -1) : null;
             }
             /**
@@ -23335,6 +23494,15 @@ function createContainerRef(ViewContainerRefToken, ElementRefToken, hostTNode, h
                 }
                 return index;
             }
+            /**
+             * @private
+             * @return {?}
+             */
+            allocateContainerIfNeeded() {
+                if (this._lContainer[VIEW_REFS] === null) {
+                    this._lContainer[VIEW_REFS] = [];
+                }
+            }
         };
     }
     ngDevMode && assertNodeOfPossibleTypes(hostTNode, 0 /* Container */, 3 /* Element */, 4 /* ElementContainer */);
@@ -23413,6 +23581,7 @@ function createViewRef(hostTNode, hostView, context) {
     return (/** @type {?} */ (null));
 }
 /**
+ * Returns a Renderer2 (or throws when application was bootstrapped with Renderer3)
  * @param {?} view
  * @return {?}
  */
@@ -23427,11 +23596,19 @@ function getOrCreateRenderer2(view) {
     }
 }
 /**
- * Returns a Renderer2 (or throws when application was bootstrapped with Renderer3)
+ * Injects a Renderer2 for the current component.
  * @return {?}
  */
 function injectRenderer2() {
-    return getOrCreateRenderer2(getLView());
+    // We need the Renderer to be based on the component that it's being injected into, however since
+    // DI happens before we've entered its view, `getLView` will return the parent view instead.
+    /** @type {?} */
+    const lView = getLView();
+    /** @type {?} */
+    const tNode = getPreviousOrParentTNode();
+    /** @type {?} */
+    const nodeAtIndex = getComponentViewByIndex(tNode.index, lView);
+    return getOrCreateRenderer2(isLView(nodeAtIndex) ? nodeAtIndex : lView);
 }
 
 /**
@@ -23630,7 +23807,7 @@ class Version {
  * \@publicApi
  * @type {?}
  */
-const VERSION = new Version('8.1.0-next.2');
+const VERSION = new Version('8.1.1');
 
 /**
  * @fileoverview added by tsickle
@@ -28210,6 +28387,9 @@ class ComponentFactory$1 extends ComponentFactory {
         let component;
         /** @type {?} */
         let tElementNode;
+        // Will become true if the `try` block executes with no errors.
+        /** @type {?} */
+        let safeToRunHooks = false;
         try {
             /** @type {?} */
             const componentView = createRootComponentView(hostRNode, this.componentDef, rootLView, rendererFactory, renderer);
@@ -28231,9 +28411,10 @@ class ComponentFactory$1 extends ComponentFactory {
             component = createRootComponent(componentView, this.componentDef, rootLView, rootContext, [LifecycleHooksFeature]);
             addToViewTree(rootLView, componentView);
             refreshDescendantViews(rootLView);
+            safeToRunHooks = true;
         }
         finally {
-            leaveView(oldLView);
+            leaveView(oldLView, safeToRunHooks);
         }
         /** @type {?} */
         const componentRef = new ComponentRef$1(this.componentType, component, createElementRef(ElementRef, tElementNode, rootLView), rootLView, tElementNode);
@@ -28282,22 +28463,24 @@ class ComponentRef$1 extends ComponentRef {
      * @return {?}
      */
     destroy() {
-        ngDevMode && assertDefined(this.destroyCbs, 'NgModule already destroyed');
-        (/** @type {?} */ (this.destroyCbs)).forEach((/**
-         * @param {?} fn
-         * @return {?}
-         */
-        fn => fn()));
-        this.destroyCbs = null;
-        !this.hostView.destroyed && this.hostView.destroy();
+        if (this.destroyCbs) {
+            this.destroyCbs.forEach((/**
+             * @param {?} fn
+             * @return {?}
+             */
+            fn => fn()));
+            this.destroyCbs = null;
+            !this.hostView.destroyed && this.hostView.destroy();
+        }
     }
     /**
      * @param {?} callback
      * @return {?}
      */
     onDestroy(callback) {
-        ngDevMode && assertDefined(this.destroyCbs, 'NgModule already destroyed');
-        (/** @type {?} */ (this.destroyCbs)).push(callback);
+        if (this.destroyCbs) {
+            this.destroyCbs.push(callback);
+        }
     }
 }
 
@@ -29440,7 +29623,7 @@ function readUpdateOpCodes(updateOpCodes, icus, bindingsStartIndex, changeMask,
                                 elementPropertyInternal(nodeIndex, propName, value, sanitizeFn);
                                 break;
                             case 0 /* Text */:
-                                ɵɵtextBinding(nodeIndex, value);
+                                textBindingInternal(viewData, nodeIndex, value);
                                 break;
                             case 2 /* IcuSwitch */:
                                 tIcuIndex = (/** @type {?} */ (updateOpCodes[++j]));
@@ -29639,15 +29822,21 @@ let shiftsCounter = 0;
  *
  * \@codeGenApi
  * @template T
- * @param {?} expression The binding's new value or NO_CHANGE
+ * @param {?} value The binding's value
+ * @return {?} This function returns itself so that it may be chained
+ * (e.g. `i18nExp(ctx.name)(ctx.title)`)
  *
- * @return {?}
  */
-function ɵɵi18nExp(expression) {
+function ɵɵi18nExp(value) {
+    /** @type {?} */
+    const lView = getLView();
+    /** @type {?} */
+    const expression = bind(lView, value);
     if (expression !== NO_CHANGE) {
         changeMask = changeMask | (1 << shiftsCounter);
     }
     shiftsCounter++;
+    return ɵɵi18nExp;
 }
 /**
  * Updates a translation block or an i18n attribute when the bindings have changed.
@@ -29959,18 +30148,19 @@ const LOCALIZE_PH_REGEXP = /\{\$(.*?)\}/g;
  * @param {?=} placeholders
  * @return {?}
  */
-function ɵɵi18nLocalize(input, placeholders = {}) {
+function ɵɵi18nLocalize(input, placeholders) {
     if (typeof TRANSLATIONS[input] !== 'undefined') { // to account for empty string
         input = TRANSLATIONS[input];
     }
-    return Object.keys(placeholders).length ?
-        input.replace(LOCALIZE_PH_REGEXP, (/**
-         * @param {?} match
+    if (placeholders !== undefined && Object.keys(placeholders).length) {
+        return input.replace(LOCALIZE_PH_REGEXP, (/**
+         * @param {?} _
          * @param {?} key
          * @return {?}
          */
-        (match, key) => placeholders[key] || '')) :
-        input;
+        (_, key) => placeholders[key] || ''));
+    }
+    return input;
 }
 /**
  * The locale id that the application is currently using (for translations and ICU expressions).
@@ -30766,7 +30956,7 @@ function unwrapValue$1(newValue) {
  * that create event emitters. When the title is clicked, the emitter
  * emits an open or close event to toggle the current visibility state.
  *
- * ```
+ * ```html
  * \@Component({
  *   selector: 'zippy',
  *   template: `
@@ -30795,17 +30985,10 @@ function unwrapValue$1(newValue) {
  * Access the event object with the `$event` argument passed to the output event
  * handler:
  *
- * ```
+ * ```html
  * <zippy (open)="onOpen($event)" (close)="onClose($event)"></zippy>
  * ```
  *
- * ### Notes
- *
- * Uses Rx.Observable but provides an adapter to make it work as specified here:
- * https://github.com/jhusain/observable-spec
- *
- * Once a reference implementation of the spec is available, switch to it.
- *
  * \@publicApi
  * @template T
  */
@@ -31335,9 +31518,11 @@ function queryByReadToken(read, tNode, currentView) {
     }
     else {
         /** @type {?} */
-        const matchingIdx = locateDirectiveOrProvider(tNode, currentView, (/** @type {?} */ (read)), false, false);
+        const tView = currentView[TVIEW];
+        /** @type {?} */
+        const matchingIdx = locateDirectiveOrProvider(tNode, tView, (/** @type {?} */ (read)), false, false);
         if (matchingIdx !== null) {
-            return getNodeInjectable(currentView[TVIEW].data, currentView, matchingIdx, (/** @type {?} */ (tNode)));
+            return getNodeInjectable(tView.data, currentView, matchingIdx, (/** @type {?} */ (tNode)));
         }
     }
     return null;
@@ -31401,7 +31586,9 @@ function queryRead(tNode, currentView, read, matchingIdx) {
  */
 function add(query, tNode, insertBeforeContainer) {
     /** @type {?} */
-    const currentView = getLView();
+    const lView = getLView();
+    /** @type {?} */
+    const tView = lView[TVIEW];
     while (query) {
         /** @type {?} */
         const predicate = query.predicate;
@@ -31411,13 +31598,13 @@ function add(query, tNode, insertBeforeContainer) {
             /** @type {?} */
             let result = null;
             if (type === TemplateRef) {
-                result = queryByTemplateRef(type, tNode, currentView, predicate.read);
+                result = queryByTemplateRef(type, tNode, lView, predicate.read);
             }
             else {
                 /** @type {?} */
-                const matchingIdx = locateDirectiveOrProvider(tNode, currentView, type, false, false);
+                const matchingIdx = locateDirectiveOrProvider(tNode, tView, type, false, false);
                 if (matchingIdx !== null) {
-                    result = queryRead(tNode, currentView, predicate.read, matchingIdx);
+                    result = queryRead(tNode, lView, predicate.read, matchingIdx);
                 }
             }
             if (result !== null) {
@@ -31432,7 +31619,7 @@ function add(query, tNode, insertBeforeContainer) {
                 const matchingIdx = getIdxOfMatchingSelector(tNode, selector[i]);
                 if (matchingIdx !== null) {
                     /** @type {?} */
-                    const result = queryRead(tNode, currentView, predicate.read, matchingIdx);
+                    const result = queryRead(tNode, lView, predicate.read, matchingIdx);
                     if (result !== null) {
                         addMatch(query, result, insertBeforeContainer);
                     }
@@ -31758,7 +31945,6 @@ const ɵ0$9 = /**
     'ɵɵNgOnChangesFeature': ɵɵNgOnChangesFeature,
     'ɵɵProvidersFeature': ɵɵProvidersFeature,
     'ɵɵInheritDefinitionFeature': ɵɵInheritDefinitionFeature,
-    'ɵɵbind': ɵɵbind,
     'ɵɵcontainer': ɵɵcontainer,
     'ɵɵnextContext': ɵɵnextContext,
     'ɵɵcontainerRefreshStart': ɵɵcontainerRefreshStart,
@@ -32990,9 +33176,10 @@ const ɵ9 = /**
  */
 (eventName, args) => ({ eventName, args });
 /**
- * Binds a CSS event to a host listener and supplies configuration metadata.
+ * Decorator that binds a DOM event to a host listener and supplies configuration metadata.
  * Angular invokes the supplied handler method when the host element emits the specified event,
  * and updates the bound element with the result.
+ *
  * If the handler method returns false, applies `preventDefault` on the bound element.
  *
  * \@usageNotes
@@ -33000,7 +33187,7 @@ const ɵ9 = /**
  * The following example declares a directive
  * that attaches a click listener to a button and counts clicks.
  *
- * ```
+ * ```ts
  * \@Directive({selector: 'button[counting]'})
  * class CountClicks {
  *   numberOfClicks = 0;
@@ -39994,5 +40181,5 @@ class NgModuleFactory_ extends NgModuleFactory {
  * Generated bundle index. Do not edit.
  */
 
-export { APPLICATION_MODULE_PROVIDERS as ɵangular_packages_core_core_r, _iterableDiffersFactory as ɵangular_packages_core_core_o, _keyValueDiffersFactory as ɵangular_packages_core_core_p, _localeFactory as ɵangular_packages_core_core_q, zoneSchedulerFactory as ɵangular_packages_core_core_s, _appIdRandomProviderFactory as ɵangular_packages_core_core_f, DefaultIterableDifferFactory as ɵangular_packages_core_core_m, DefaultKeyValueDifferFactory as ɵangular_packages_core_core_n, DebugElement__PRE_R3__ as ɵangular_packages_core_core_l, DebugNode__PRE_R3__ as ɵangular_packages_core_core_k, NullInjector as ɵangular_packages_core_core_b, injectInjectorOnly as ɵangular_packages_core_core_a, ReflectiveInjector_ as ɵangular_packages_core_core_c, ReflectiveDependency as ɵangular_packages_core_core_d, resolveReflectiveProviders as ɵangular_packages_core_core_e, getModuleFactory__PRE_R3__ as ɵangular_packages_core_core_j, wtfEnabled as ɵangular_packages_core_core_t, createScope as ɵangular_packages_core_core_v, detectWTF as ɵangular_packages_core_core_u, endTimeRange as ɵangular_packages_core_core_y, leave as ɵangular_packages_core_core_w, startTimeRange as ɵangular_packages_core_core_x, SCHEDULER as ɵangular_packages_core_core_bb, injectAttributeImpl as ɵangular_packages_core_core_bc, getLView as ɵangular_packages_core_core_bd, getPreviousOrParentTNode as ɵangular_packages_core_core_be, nextContextImpl as ɵangular_packages_core_core_bf, BoundPlayerFactory as ɵangular_packages_core_core_bj, getRootContext as ɵangular_packages_core_core_bp, loadInternal as ɵangular_packages_core_core_bo, createElementRef as ɵangular_packages_core_core_g, createTemplateRef as ɵangular_packages_core_core_h, createViewRef as ɵangular_packages_core_core_i, getUrlSanitizer as ɵangular_packages_core_core_bh, noSideEffects as ɵangular_packages_core_core_bn, makeParamDecorator as ɵangular_packages_core_core_bk, makePropDecorator as ɵangular_packages_core_core_bl, getClosureSafeProperty as ɵangular_packages_core_core_bq, _def as ɵangular_packages_core_core_z, DebugContext as ɵangular_packages_core_core_ba, createPlatform, assertPlatform, destroyPlatform, getPlatform, PlatformRef, ApplicationRef, createPlatformFactory, NgProbeToken, enableProdMode, isDevMode, APP_ID, PACKAGE_ROOT_URL, PLATFORM_INITIALIZER, PLATFORM_ID, APP_BOOTSTRAP_LISTENER, APP_INITIALIZER, ApplicationInitStatus, DebugElement, DebugEventListener, DebugNode, asNativeElements, getDebugNode, Testability, TestabilityRegistry, setTestabilityGetter, TRANSLATIONS$1 as TRANSLATIONS, TRANSLATIONS_FORMAT, LOCALE_ID$1 as LOCALE_ID, MissingTranslationStrategy, ApplicationModule, wtfCreateScope, wtfLeave, wtfStartTimeRange, wtfEndTimeRange, Type, EventEmitter, ErrorHandler, Sanitizer, SecurityContext, Attribute, ANALYZE_FOR_ENTRY_COMPONENTS, ContentChild, ContentChildren, Query, ViewChild, ViewChildren, Component, Directive, HostBinding, HostListener, Input, Output, Pipe, NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, ViewEncapsulation, Version, VERSION, InjectFlags, ɵɵdefineInjectable, defineInjectable, ɵɵdefineInjector, forwardRef, resolveForwardRef, Injectable, Injector, ɵɵinject, inject, INJECTOR, ReflectiveInjector, ResolvedReflectiveFactory, ReflectiveKey, InjectionToken, Inject, Optional, Self, SkipSelf, Host, NgZone, NoopNgZone as ɵNoopNgZone, RenderComponentType, Renderer, Renderer2, RendererFactory2, RendererStyleFlags2, RootRenderer, COMPILER_OPTIONS, Compiler, CompilerFactory, ModuleWithComponentFactories, ComponentFactory, ComponentFactory as ɵComponentFactory, ComponentRef, ComponentFactoryResolver, ElementRef, NgModuleFactory, NgModuleRef, NgModuleFactoryLoader, getModuleFactory, QueryList, SystemJsNgModuleLoader, SystemJsNgModuleLoaderConfig, TemplateRef, ViewContainerRef, EmbeddedViewRef, ViewRef$1 as ViewRef, ChangeDetectionStrategy, ChangeDetectorRef, DefaultIterableDiffer, IterableDiffers, KeyValueDiffers, SimpleChange, WrappedValue, platformCore, ALLOW_MULTIPLE_PLATFORMS as ɵALLOW_MULTIPLE_PLATFORMS, APP_ID_RANDOM_PROVIDER as ɵAPP_ID_RANDOM_PROVIDER, defaultIterableDiffers as ɵdefaultIterableDiffers, defaultKeyValueDiffers as ɵdefaultKeyValueDiffers, devModeEqual as ɵdevModeEqual, isListLikeIterable as ɵisListLikeIterable, ChangeDetectorStatus as ɵChangeDetectorStatus, isDefaultChangeDetectionStrategy as ɵisDefaultChangeDetectionStrategy, Console as ɵConsole, setCurrentInjector as ɵsetCurrentInjector, getInjectableDef as ɵgetInjectableDef, APP_ROOT as ɵAPP_ROOT, ivyEnabled as ɵivyEnabled, CodegenComponentFactoryResolver as ɵCodegenComponentFactoryResolver, clearResolutionOfComponentResourcesQueue as ɵclearResolutionOfComponentResourcesQueue, resolveComponentResources as ɵresolveComponentResources, ReflectionCapabilities as ɵReflectionCapabilities, RenderDebugInfo as ɵRenderDebugInfo, _sanitizeHtml as ɵ_sanitizeHtml, _sanitizeStyle as ɵ_sanitizeStyle, _sanitizeUrl as ɵ_sanitizeUrl, _global as ɵglobal, looseIdentical as ɵlooseIdentical, stringify as ɵstringify, makeDecorator as ɵmakeDecorator, isObservable as ɵisObservable, isPromise as ɵisPromise, clearOverrides as ɵclearOverrides, initServicesIfNeeded as ɵinitServicesIfNeeded, overrideComponentView as ɵoverrideComponentView, overrideProvider as ɵoverrideProvider, NOT_FOUND_CHECK_ONLY_ELEMENT_INJECTOR as ɵNOT_FOUND_CHECK_ONLY_ELEMENT_INJECTOR, getLocalePluralCase as ɵgetLocalePluralCase, findLocaleData as ɵfindLocaleData, LOCALE_DATA as ɵLOCALE_DATA, LocaleDataIndex as ɵLocaleDataIndex, ɵɵattribute, ɵɵattributeInterpolate1, ɵɵattributeInterpolate2, ɵɵattributeInterpolate3, ɵɵattributeInterpolate4, ɵɵattributeInterpolate5, ɵɵattributeInterpolate6, ɵɵattributeInterpolate7, ɵɵattributeInterpolate8, ɵɵattributeInterpolateV, ɵɵdefineBase, ɵɵdefineComponent, ɵɵdefineDirective, ɵɵdefinePipe, ɵɵdefineNgModule, detectChanges as ɵdetectChanges, renderComponent as ɵrenderComponent, ComponentFactory$1 as ɵRender3ComponentFactory, ComponentRef$1 as ɵRender3ComponentRef, ɵɵdirectiveInject, ɵɵinjectAttribute, ɵɵgetFactoryOf, ɵɵgetInheritedFactory, ɵɵsetComponentScope, ɵɵsetNgModuleScope, ɵɵtemplateRefExtractor, ɵɵProvidersFeature, ɵɵInheritDefinitionFeature, ɵɵNgOnChangesFeature, LifecycleHooksFeature as ɵLifecycleHooksFeature, NgModuleRef$1 as ɵRender3NgModuleRef, markDirty as ɵmarkDirty, NgModuleFactory$1 as ɵNgModuleFactory, NO_CHANGE as ɵNO_CHANGE, ɵɵcontainer, ɵɵnextContext, ɵɵelementStart, ɵɵnamespaceHTML, ɵɵnamespaceMathML, ɵɵnamespaceSVG, ɵɵelement, ɵɵlistener, ɵɵtext, ɵɵtextInterpolate, ɵɵtextInterpolate1, ɵɵtextInterpolate2, ɵɵtextInterpolate3, ɵɵtextInterpolate4, ɵɵtextInterpolate5, ɵɵtextInterpolate6, ɵɵtextInterpolate7, ɵɵtextInterpolate8, ɵɵtextInterpolateV, ɵɵembeddedViewStart, ɵɵprojection, ɵɵbind, ɵɵinterpolation1, ɵɵinterpolation2, ɵɵinterpolation3, ɵɵinterpolation4, ɵɵinterpolation5, ɵɵinterpolation6, ɵɵinterpolation7, ɵɵinterpolation8, ɵɵinterpolationV, ɵɵpipeBind1, ɵɵpipeBind2, ɵɵpipeBind3, ɵɵpipeBind4, ɵɵpipeBindV, ɵɵpureFunction0, ɵɵpureFunction1, ɵɵpureFunction2, ɵɵpureFunction3, ɵɵpureFunction4, ɵɵpureFunction5, ɵɵpureFunction6, ɵɵpureFunction7, ɵɵpureFunction8, ɵɵpureFunctionV, ɵɵgetCurrentView, getDirectives as ɵgetDirectives, getHostElement as ɵgetHostElement, ɵɵrestoreView, ɵɵcontainerRefreshStart, ɵɵcontainerRefreshEnd, ɵɵqueryRefresh, ɵɵviewQuery, ɵɵstaticViewQuery, ɵɵstaticContentQuery, ɵɵloadViewQuery, ɵɵcontentQuery, ɵɵloadContentQuery, ɵɵelementEnd, ɵɵproperty, ɵɵpropertyInterpolate, ɵɵpropertyInterpolate1, ɵɵpropertyInterpolate2, ɵɵpropertyInterpolate3, ɵɵpropertyInterpolate4, ɵɵpropertyInterpolate5, ɵɵpropertyInterpolate6, ɵɵpropertyInterpolate7, ɵɵpropertyInterpolate8, ɵɵpropertyInterpolateV, ɵɵupdateSyntheticHostBinding, ɵɵcomponentHostSyntheticListener, ɵɵprojectionDef, ɵɵreference, ɵɵenableBindings, ɵɵdisableBindings, ɵɵallocHostVars, ɵɵelementContainerStart, ɵɵelementContainerEnd, ɵɵstyling, ɵɵstyleMap, ɵɵclassMap, ɵɵstyleProp, ɵɵstylingApply, ɵɵclassProp, ɵɵelementHostAttrs, ɵɵselect, ɵɵtextBinding, ɵɵtemplate, ɵɵembeddedViewEnd, store as ɵstore, ɵɵload, ɵɵpipe, whenRendered as ɵwhenRendered, ɵɵi18n, ɵɵi18nAttributes, ɵɵi18nExp, ɵɵi18nStart, ɵɵi18nEnd, ɵɵi18nApply, ɵɵi18nPostprocess, i18nConfigureLocalize as ɵi18nConfigureLocalize, ɵɵi18nLocalize, setLocaleId as ɵsetLocaleId, DEFAULT_LOCALE_ID as ɵDEFAULT_LOCALE_ID, setClassMetadata as ɵsetClassMetadata, ɵɵresolveWindow, ɵɵresolveDocument, ɵɵresolveBody, compileComponent as ɵcompileComponent, compileDirective as ɵcompileDirective, compileNgModule as ɵcompileNgModule, compileNgModuleDefs as ɵcompileNgModuleDefs, patchComponentDefWithScope as ɵpatchComponentDefWithScope, resetCompiledComponents as ɵresetCompiledComponents, flushModuleScopingQueueAsMuchAsPossible as ɵflushModuleScopingQueueAsMuchAsPossible, transitiveScopesFor as ɵtransitiveScopesFor, compilePipe as ɵcompilePipe, ɵɵsanitizeHtml, ɵɵsanitizeStyle, ɵɵdefaultStyleSanitizer, ɵɵsanitizeScript, ɵɵsanitizeUrl, ɵɵsanitizeResourceUrl, ɵɵsanitizeUrlOrResourceUrl, bypassSanitizationTrustHtml as ɵbypassSanitizationTrustHtml, bypassSanitizationTrustStyle as ɵbypassSanitizationTrustStyle, bypassSanitizationTrustScript as ɵbypassSanitizationTrustScript, bypassSanitizationTrustUrl as ɵbypassSanitizationTrustUrl, bypassSanitizationTrustResourceUrl as ɵbypassSanitizationTrustResourceUrl, getLContext as ɵgetLContext, NG_ELEMENT_ID as ɵNG_ELEMENT_ID, NG_COMPONENT_DEF as ɵNG_COMPONENT_DEF, NG_DIRECTIVE_DEF as ɵNG_DIRECTIVE_DEF, NG_PIPE_DEF as ɵNG_PIPE_DEF, NG_MODULE_DEF as ɵNG_MODULE_DEF, NG_BASE_DEF as ɵNG_BASE_DEF, NG_INJECTABLE_DEF as ɵNG_INJECTABLE_DEF, NG_INJECTOR_DEF as ɵNG_INJECTOR_DEF, bindPlayerFactory as ɵbindPlayerFactory, addPlayer as ɵaddPlayer, getPlayers as ɵgetPlayers, compileNgModuleFactory__POST_R3__ as ɵcompileNgModuleFactory__POST_R3__, isBoundToModule__POST_R3__ as ɵisBoundToModule__POST_R3__, SWITCH_COMPILE_COMPONENT__POST_R3__ as ɵSWITCH_COMPILE_COMPONENT__POST_R3__, SWITCH_COMPILE_DIRECTIVE__POST_R3__ as ɵSWITCH_COMPILE_DIRECTIVE__POST_R3__, SWITCH_COMPILE_PIPE__POST_R3__ as ɵSWITCH_COMPILE_PIPE__POST_R3__, SWITCH_COMPILE_NGMODULE__POST_R3__ as ɵSWITCH_COMPILE_NGMODULE__POST_R3__, getDebugNode__POST_R3__ as ɵgetDebugNode__POST_R3__, SWITCH_COMPILE_INJECTABLE__POST_R3__ as ɵSWITCH_COMPILE_INJECTABLE__POST_R3__, SWITCH_IVY_ENABLED__POST_R3__ as ɵSWITCH_IVY_ENABLED__POST_R3__, SWITCH_CHANGE_DETECTOR_REF_FACTORY__POST_R3__ as ɵSWITCH_CHANGE_DETECTOR_REF_FACTORY__POST_R3__, Compiler_compileModuleSync__POST_R3__ as ɵCompiler_compileModuleSync__POST_R3__, Compiler_compileModuleAsync__POST_R3__ as ɵCompiler_compileModuleAsync__POST_R3__, Compiler_compileModuleAndAllComponentsSync__POST_R3__ as ɵCompiler_compileModuleAndAllComponentsSync__POST_R3__, Compiler_compileModuleAndAllComponentsAsync__POST_R3__ as ɵCompiler_compileModuleAndAllComponentsAsync__POST_R3__, SWITCH_ELEMENT_REF_FACTORY__POST_R3__ as ɵSWITCH_ELEMENT_REF_FACTORY__POST_R3__, SWITCH_TEMPLATE_REF_FACTORY__POST_R3__ as ɵSWITCH_TEMPLATE_REF_FACTORY__POST_R3__, SWITCH_VIEW_CONTAINER_REF_FACTORY__POST_R3__ as ɵSWITCH_VIEW_CONTAINER_REF_FACTORY__POST_R3__, SWITCH_RENDERER2_FACTORY__POST_R3__ as ɵSWITCH_RENDERER2_FACTORY__POST_R3__, getModuleFactory__POST_R3__ as ɵgetModuleFactory__POST_R3__, registerNgModuleType as ɵregisterNgModuleType, publishGlobalUtil as ɵpublishGlobalUtil, publishDefaultGlobalUtils as ɵpublishDefaultGlobalUtils, createInjector as ɵcreateInjector, INJECTOR_IMPL__POST_R3__ as ɵINJECTOR_IMPL__POST_R3__, registerModuleFactory as ɵregisterModuleFactory, EMPTY_ARRAY$3 as ɵEMPTY_ARRAY, EMPTY_MAP as ɵEMPTY_MAP, anchorDef as ɵand, createComponentFactory as ɵccf, createNgModuleFactory as ɵcmf, createRendererType2 as ɵcrt, directiveDef as ɵdid, elementDef as ɵeld, getComponentViewDefinitionFactory as ɵgetComponentViewDefinitionFactory, inlineInterpolate as ɵinlineInterpolate, interpolate as ɵinterpolate, moduleDef as ɵmod, moduleProvideDef as ɵmpd, ngContentDef as ɵncd, nodeValue as ɵnov, pipeDef as ɵpid, providerDef as ɵprd, pureArrayDef as ɵpad, pureObjectDef as ɵpod, purePipeDef as ɵppd, queryDef as ɵqud, textDef as ɵted, unwrapValue as ɵunv, viewDef as ɵvid };
+export { APPLICATION_MODULE_PROVIDERS as ɵangular_packages_core_core_r, _iterableDiffersFactory as ɵangular_packages_core_core_o, _keyValueDiffersFactory as ɵangular_packages_core_core_p, _localeFactory as ɵangular_packages_core_core_q, zoneSchedulerFactory as ɵangular_packages_core_core_s, _appIdRandomProviderFactory as ɵangular_packages_core_core_f, DefaultIterableDifferFactory as ɵangular_packages_core_core_m, DefaultKeyValueDifferFactory as ɵangular_packages_core_core_n, DebugElement__PRE_R3__ as ɵangular_packages_core_core_l, DebugNode__PRE_R3__ as ɵangular_packages_core_core_k, NullInjector as ɵangular_packages_core_core_b, injectInjectorOnly as ɵangular_packages_core_core_a, ReflectiveInjector_ as ɵangular_packages_core_core_c, ReflectiveDependency as ɵangular_packages_core_core_d, resolveReflectiveProviders as ɵangular_packages_core_core_e, getModuleFactory__PRE_R3__ as ɵangular_packages_core_core_j, wtfEnabled as ɵangular_packages_core_core_t, createScope as ɵangular_packages_core_core_v, detectWTF as ɵangular_packages_core_core_u, endTimeRange as ɵangular_packages_core_core_y, leave as ɵangular_packages_core_core_w, startTimeRange as ɵangular_packages_core_core_x, SCHEDULER as ɵangular_packages_core_core_bb, injectAttributeImpl as ɵangular_packages_core_core_bc, getLView as ɵangular_packages_core_core_bd, getPreviousOrParentTNode as ɵangular_packages_core_core_be, nextContextImpl as ɵangular_packages_core_core_bf, BoundPlayerFactory as ɵangular_packages_core_core_bj, getRootContext as ɵangular_packages_core_core_bp, loadInternal as ɵangular_packages_core_core_bo, createElementRef as ɵangular_packages_core_core_g, createTemplateRef as ɵangular_packages_core_core_h, createViewRef as ɵangular_packages_core_core_i, getUrlSanitizer as ɵangular_packages_core_core_bh, noSideEffects as ɵangular_packages_core_core_bn, makeParamDecorator as ɵangular_packages_core_core_bk, makePropDecorator as ɵangular_packages_core_core_bl, getClosureSafeProperty as ɵangular_packages_core_core_bq, _def as ɵangular_packages_core_core_z, DebugContext as ɵangular_packages_core_core_ba, createPlatform, assertPlatform, destroyPlatform, getPlatform, PlatformRef, ApplicationRef, createPlatformFactory, NgProbeToken, enableProdMode, isDevMode, APP_ID, PACKAGE_ROOT_URL, PLATFORM_INITIALIZER, PLATFORM_ID, APP_BOOTSTRAP_LISTENER, APP_INITIALIZER, ApplicationInitStatus, DebugElement, DebugEventListener, DebugNode, asNativeElements, getDebugNode, Testability, TestabilityRegistry, setTestabilityGetter, TRANSLATIONS$1 as TRANSLATIONS, TRANSLATIONS_FORMAT, LOCALE_ID$1 as LOCALE_ID, MissingTranslationStrategy, ApplicationModule, wtfCreateScope, wtfLeave, wtfStartTimeRange, wtfEndTimeRange, Type, EventEmitter, ErrorHandler, Sanitizer, SecurityContext, Attribute, ANALYZE_FOR_ENTRY_COMPONENTS, ContentChild, ContentChildren, Query, ViewChild, ViewChildren, Component, Directive, HostBinding, HostListener, Input, Output, Pipe, NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, ViewEncapsulation, Version, VERSION, InjectFlags, ɵɵdefineInjectable, defineInjectable, ɵɵdefineInjector, forwardRef, resolveForwardRef, Injectable, Injector, ɵɵinject, inject, INJECTOR, ReflectiveInjector, ResolvedReflectiveFactory, ReflectiveKey, InjectionToken, Inject, Optional, Self, SkipSelf, Host, NgZone, NoopNgZone as ɵNoopNgZone, RenderComponentType, Renderer, Renderer2, RendererFactory2, RendererStyleFlags2, RootRenderer, COMPILER_OPTIONS, Compiler, CompilerFactory, ModuleWithComponentFactories, ComponentFactory, ComponentFactory as ɵComponentFactory, ComponentRef, ComponentFactoryResolver, ElementRef, NgModuleFactory, NgModuleRef, NgModuleFactoryLoader, getModuleFactory, QueryList, SystemJsNgModuleLoader, SystemJsNgModuleLoaderConfig, TemplateRef, ViewContainerRef, EmbeddedViewRef, ViewRef$1 as ViewRef, ChangeDetectionStrategy, ChangeDetectorRef, DefaultIterableDiffer, IterableDiffers, KeyValueDiffers, SimpleChange, WrappedValue, platformCore, ALLOW_MULTIPLE_PLATFORMS as ɵALLOW_MULTIPLE_PLATFORMS, APP_ID_RANDOM_PROVIDER as ɵAPP_ID_RANDOM_PROVIDER, defaultIterableDiffers as ɵdefaultIterableDiffers, defaultKeyValueDiffers as ɵdefaultKeyValueDiffers, devModeEqual as ɵdevModeEqual, isListLikeIterable as ɵisListLikeIterable, ChangeDetectorStatus as ɵChangeDetectorStatus, isDefaultChangeDetectionStrategy as ɵisDefaultChangeDetectionStrategy, Console as ɵConsole, setCurrentInjector as ɵsetCurrentInjector, getInjectableDef as ɵgetInjectableDef, APP_ROOT as ɵAPP_ROOT, ivyEnabled as ɵivyEnabled, CodegenComponentFactoryResolver as ɵCodegenComponentFactoryResolver, clearResolutionOfComponentResourcesQueue as ɵclearResolutionOfComponentResourcesQueue, resolveComponentResources as ɵresolveComponentResources, ReflectionCapabilities as ɵReflectionCapabilities, RenderDebugInfo as ɵRenderDebugInfo, _sanitizeHtml as ɵ_sanitizeHtml, _sanitizeStyle as ɵ_sanitizeStyle, _sanitizeUrl as ɵ_sanitizeUrl, _global as ɵglobal, looseIdentical as ɵlooseIdentical, stringify as ɵstringify, makeDecorator as ɵmakeDecorator, isObservable as ɵisObservable, isPromise as ɵisPromise, clearOverrides as ɵclearOverrides, initServicesIfNeeded as ɵinitServicesIfNeeded, overrideComponentView as ɵoverrideComponentView, overrideProvider as ɵoverrideProvider, NOT_FOUND_CHECK_ONLY_ELEMENT_INJECTOR as ɵNOT_FOUND_CHECK_ONLY_ELEMENT_INJECTOR, getLocalePluralCase as ɵgetLocalePluralCase, findLocaleData as ɵfindLocaleData, LOCALE_DATA as ɵLOCALE_DATA, LocaleDataIndex as ɵLocaleDataIndex, ɵɵattribute, ɵɵattributeInterpolate1, ɵɵattributeInterpolate2, ɵɵattributeInterpolate3, ɵɵattributeInterpolate4, ɵɵattributeInterpolate5, ɵɵattributeInterpolate6, ɵɵattributeInterpolate7, ɵɵattributeInterpolate8, ɵɵattributeInterpolateV, ɵɵdefineBase, ɵɵdefineComponent, ɵɵdefineDirective, ɵɵdefinePipe, ɵɵdefineNgModule, detectChanges as ɵdetectChanges, renderComponent as ɵrenderComponent, ComponentFactory$1 as ɵRender3ComponentFactory, ComponentRef$1 as ɵRender3ComponentRef, ɵɵdirectiveInject, ɵɵinjectAttribute, ɵɵgetFactoryOf, ɵɵgetInheritedFactory, ɵɵsetComponentScope, ɵɵsetNgModuleScope, ɵɵtemplateRefExtractor, ɵɵProvidersFeature, ɵɵInheritDefinitionFeature, ɵɵNgOnChangesFeature, LifecycleHooksFeature as ɵLifecycleHooksFeature, NgModuleRef$1 as ɵRender3NgModuleRef, markDirty as ɵmarkDirty, NgModuleFactory$1 as ɵNgModuleFactory, NO_CHANGE as ɵNO_CHANGE, ɵɵcontainer, ɵɵnextContext, ɵɵelementStart, ɵɵnamespaceHTML, ɵɵnamespaceMathML, ɵɵnamespaceSVG, ɵɵelement, ɵɵlistener, ɵɵtext, ɵɵtextInterpolate, ɵɵtextInterpolate1, ɵɵtextInterpolate2, ɵɵtextInterpolate3, ɵɵtextInterpolate4, ɵɵtextInterpolate5, ɵɵtextInterpolate6, ɵɵtextInterpolate7, ɵɵtextInterpolate8, ɵɵtextInterpolateV, ɵɵembeddedViewStart, ɵɵprojection, ɵɵinterpolation1, ɵɵinterpolation2, ɵɵinterpolation3, ɵɵinterpolation4, ɵɵinterpolation5, ɵɵinterpolation6, ɵɵinterpolation7, ɵɵinterpolation8, ɵɵinterpolationV, ɵɵpipeBind1, ɵɵpipeBind2, ɵɵpipeBind3, ɵɵpipeBind4, ɵɵpipeBindV, ɵɵpureFunction0, ɵɵpureFunction1, ɵɵpureFunction2, ɵɵpureFunction3, ɵɵpureFunction4, ɵɵpureFunction5, ɵɵpureFunction6, ɵɵpureFunction7, ɵɵpureFunction8, ɵɵpureFunctionV, ɵɵgetCurrentView, getDirectives as ɵgetDirectives, getHostElement as ɵgetHostElement, ɵɵrestoreView, ɵɵcontainerRefreshStart, ɵɵcontainerRefreshEnd, ɵɵqueryRefresh, ɵɵviewQuery, ɵɵstaticViewQuery, ɵɵstaticContentQuery, ɵɵloadViewQuery, ɵɵcontentQuery, ɵɵloadContentQuery, ɵɵelementEnd, ɵɵproperty, ɵɵpropertyInterpolate, ɵɵpropertyInterpolate1, ɵɵpropertyInterpolate2, ɵɵpropertyInterpolate3, ɵɵpropertyInterpolate4, ɵɵpropertyInterpolate5, ɵɵpropertyInterpolate6, ɵɵpropertyInterpolate7, ɵɵpropertyInterpolate8, ɵɵpropertyInterpolateV, ɵɵupdateSyntheticHostBinding, ɵɵcomponentHostSyntheticListener, ɵɵprojectionDef, ɵɵreference, ɵɵenableBindings, ɵɵdisableBindings, ɵɵallocHostVars, ɵɵelementContainerStart, ɵɵelementContainerEnd, ɵɵstyling, ɵɵstyleMap, ɵɵclassMap, ɵɵstyleProp, ɵɵstylingApply, ɵɵclassProp, ɵɵelementHostAttrs, ɵɵselect, ɵɵtextBinding, ɵɵtemplate, ɵɵembeddedViewEnd, store as ɵstore, ɵɵload, ɵɵpipe, whenRendered as ɵwhenRendered, ɵɵi18n, ɵɵi18nAttributes, ɵɵi18nExp, ɵɵi18nStart, ɵɵi18nEnd, ɵɵi18nApply, ɵɵi18nPostprocess, i18nConfigureLocalize as ɵi18nConfigureLocalize, ɵɵi18nLocalize, setLocaleId as ɵsetLocaleId, DEFAULT_LOCALE_ID as ɵDEFAULT_LOCALE_ID, setClassMetadata as ɵsetClassMetadata, ɵɵresolveWindow, ɵɵresolveDocument, ɵɵresolveBody, compileComponent as ɵcompileComponent, compileDirective as ɵcompileDirective, compileNgModule as ɵcompileNgModule, compileNgModuleDefs as ɵcompileNgModuleDefs, patchComponentDefWithScope as ɵpatchComponentDefWithScope, resetCompiledComponents as ɵresetCompiledComponents, flushModuleScopingQueueAsMuchAsPossible as ɵflushModuleScopingQueueAsMuchAsPossible, transitiveScopesFor as ɵtransitiveScopesFor, compilePipe as ɵcompilePipe, ɵɵsanitizeHtml, ɵɵsanitizeStyle, ɵɵdefaultStyleSanitizer, ɵɵsanitizeScript, ɵɵsanitizeUrl, ɵɵsanitizeResourceUrl, ɵɵsanitizeUrlOrResourceUrl, bypassSanitizationTrustHtml as ɵbypassSanitizationTrustHtml, bypassSanitizationTrustStyle as ɵbypassSanitizationTrustStyle, bypassSanitizationTrustScript as ɵbypassSanitizationTrustScript, bypassSanitizationTrustUrl as ɵbypassSanitizationTrustUrl, bypassSanitizationTrustResourceUrl as ɵbypassSanitizationTrustResourceUrl, getLContext as ɵgetLContext, NG_ELEMENT_ID as ɵNG_ELEMENT_ID, NG_COMPONENT_DEF as ɵNG_COMPONENT_DEF, NG_DIRECTIVE_DEF as ɵNG_DIRECTIVE_DEF, NG_PIPE_DEF as ɵNG_PIPE_DEF, NG_MODULE_DEF as ɵNG_MODULE_DEF, NG_BASE_DEF as ɵNG_BASE_DEF, NG_INJECTABLE_DEF as ɵNG_INJECTABLE_DEF, NG_INJECTOR_DEF as ɵNG_INJECTOR_DEF, bindPlayerFactory as ɵbindPlayerFactory, addPlayer as ɵaddPlayer, getPlayers as ɵgetPlayers, compileNgModuleFactory__POST_R3__ as ɵcompileNgModuleFactory__POST_R3__, isBoundToModule__POST_R3__ as ɵisBoundToModule__POST_R3__, SWITCH_COMPILE_COMPONENT__POST_R3__ as ɵSWITCH_COMPILE_COMPONENT__POST_R3__, SWITCH_COMPILE_DIRECTIVE__POST_R3__ as ɵSWITCH_COMPILE_DIRECTIVE__POST_R3__, SWITCH_COMPILE_PIPE__POST_R3__ as ɵSWITCH_COMPILE_PIPE__POST_R3__, SWITCH_COMPILE_NGMODULE__POST_R3__ as ɵSWITCH_COMPILE_NGMODULE__POST_R3__, getDebugNode__POST_R3__ as ɵgetDebugNode__POST_R3__, SWITCH_COMPILE_INJECTABLE__POST_R3__ as ɵSWITCH_COMPILE_INJECTABLE__POST_R3__, SWITCH_IVY_ENABLED__POST_R3__ as ɵSWITCH_IVY_ENABLED__POST_R3__, SWITCH_CHANGE_DETECTOR_REF_FACTORY__POST_R3__ as ɵSWITCH_CHANGE_DETECTOR_REF_FACTORY__POST_R3__, Compiler_compileModuleSync__POST_R3__ as ɵCompiler_compileModuleSync__POST_R3__, Compiler_compileModuleAsync__POST_R3__ as ɵCompiler_compileModuleAsync__POST_R3__, Compiler_compileModuleAndAllComponentsSync__POST_R3__ as ɵCompiler_compileModuleAndAllComponentsSync__POST_R3__, Compiler_compileModuleAndAllComponentsAsync__POST_R3__ as ɵCompiler_compileModuleAndAllComponentsAsync__POST_R3__, SWITCH_ELEMENT_REF_FACTORY__POST_R3__ as ɵSWITCH_ELEMENT_REF_FACTORY__POST_R3__, SWITCH_TEMPLATE_REF_FACTORY__POST_R3__ as ɵSWITCH_TEMPLATE_REF_FACTORY__POST_R3__, SWITCH_VIEW_CONTAINER_REF_FACTORY__POST_R3__ as ɵSWITCH_VIEW_CONTAINER_REF_FACTORY__POST_R3__, SWITCH_RENDERER2_FACTORY__POST_R3__ as ɵSWITCH_RENDERER2_FACTORY__POST_R3__, getModuleFactory__POST_R3__ as ɵgetModuleFactory__POST_R3__, registerNgModuleType as ɵregisterNgModuleType, publishGlobalUtil as ɵpublishGlobalUtil, publishDefaultGlobalUtils as ɵpublishDefaultGlobalUtils, createInjector as ɵcreateInjector, INJECTOR_IMPL__POST_R3__ as ɵINJECTOR_IMPL__POST_R3__, registerModuleFactory as ɵregisterModuleFactory, EMPTY_ARRAY$3 as ɵEMPTY_ARRAY, EMPTY_MAP as ɵEMPTY_MAP, anchorDef as ɵand, createComponentFactory as ɵccf, createNgModuleFactory as ɵcmf, createRendererType2 as ɵcrt, directiveDef as ɵdid, elementDef as ɵeld, getComponentViewDefinitionFactory as ɵgetComponentViewDefinitionFactory, inlineInterpolate as ɵinlineInterpolate, interpolate as ɵinterpolate, moduleDef as ɵmod, moduleProvideDef as ɵmpd, ngContentDef as ɵncd, nodeValue as ɵnov, pipeDef as ɵpid, providerDef as ɵprd, pureArrayDef as ɵpad, pureObjectDef as ɵpod, purePipeDef as ɵppd, queryDef as ɵqud, textDef as ɵted, unwrapValue as ɵunv, viewDef as ɵvid };
 //# sourceMappingURL=core.js.map