@angular/core 8.1.0-next.2 → 8.1.1

package/fesm5/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
  */
@@ -862,7 +862,7 @@ var ReflectionCapabilities = /** @class */ (function () {
             if (typeof paramTypes === 'undefined') {
                 result[i] = [];
             }
-            else if (paramTypes[i] != Object) {
+            else if (paramTypes[i] && paramTypes[i] != Object) {
                 result[i] = [paramTypes[i]];
             }
             else {
@@ -3940,7 +3940,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) {
     var maxLen = arr ? arr.length : 0;
@@ -3969,13 +3969,14 @@ var ACTIVE_INDEX = 2;
 // PARENT, NEXT, QUERIES and T_HOST are indices 3, 4, 5 and 6.
 // As we already have these constants in LView, we don't need to re-create them.
 var NATIVE = 7;
+var 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
  * which views are already in the DOM (and don't need to be re-added) and so we can
  * remove views from the DOM when they are no longer required.
  */
-var CONTAINER_HEADER_OFFSET = 8;
+var CONTAINER_HEADER_OFFSET = 9;
 
 /**
  * @license
@@ -4828,8 +4829,11 @@ 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).
  */
-function leaveView(newView) {
+function leaveView(newView, safeToRunHooks) {
     var tView = lView[TVIEW];
     if (isCreationMode(lView)) {
         lView[FLAGS] &= ~4 /* CreationMode */;
@@ -4837,7 +4841,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
@@ -6724,7 +6728,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
  * @returns The host node
@@ -7175,7 +7184,7 @@ function searchTokensOnInjector(injectorIndex, lView, token, previousTView, flag
     // This special case happens when there is a @host on the inject and when we are searching
     // on the host element node.
     var isHostSpecialCase = (flags & InjectFlags.Host) && hostTElementNode === tNode;
-    var injectableIdx = locateDirectiveOrProvider(tNode, lView, token, canAccessViewProviders, isHostSpecialCase);
+    var injectableIdx = locateDirectiveOrProvider(tNode, currentTView, token, canAccessViewProviders, isHostSpecialCase);
     if (injectableIdx !== null) {
         return getNodeInjectable(currentTView.data, lView, injectableIdx, tNode);
     }
@@ -7187,14 +7196,13 @@ function searchTokensOnInjector(injectorIndex, lView, token, previousTView, flag
  * Searches for the given token among the node's directives and providers.
  *
  * @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.
  * @returns Index of a found directive or provider, or null when none found.
  */
-function locateDirectiveOrProvider(tNode, lView, token, canAccessViewProviders, isHostSpecialCase) {
-    var tView = lView[TVIEW];
+function locateDirectiveOrProvider(tNode, tView, token, canAccessViewProviders, isHostSpecialCase) {
     var nodeProviderIndexes = tNode.providerIndexes;
     var tInjectables = tView.data;
     var injectablesStart = nodeProviderIndexes & 65535 /* ProvidersStartIndexMask */;
@@ -11407,6 +11415,8 @@ function renderEmbeddedTemplate(viewToRender, tView, context) {
         tickRootContext(getRootContext(viewToRender));
     }
     else {
+        // Will become true if the `try` block executes with no errors.
+        var safeToRunHooks = false;
         try {
             setPreviousOrParentTNode(null, true);
             oldView = enterView(viewToRender, viewToRender[T_HOST]);
@@ -11418,9 +11428,10 @@ function renderEmbeddedTemplate(viewToRender, tView, context) {
             // matching, etc again and again.
             viewToRender[TVIEW].firstTemplatePass = false;
             refreshDescendantViews(viewToRender);
+            safeToRunHooks = true;
         }
         finally {
-            leaveView(oldView);
+            leaveView(oldView, safeToRunHooks);
             setPreviousOrParentTNode(_previousOrParentTNode, _isParent);
         }
     }
@@ -11430,6 +11441,8 @@ function renderComponentOrTemplate(hostView, context, templateFn) {
     var oldView = enterView(hostView, hostView[T_HOST]);
     var normalExecutionPath = !getCheckNoChangesMode();
     var creationModeIsActive = isCreationMode(hostView);
+    // Will become true if the `try` block executes with no errors.
+    var safeToRunHooks = false;
     try {
         if (normalExecutionPath && !creationModeIsActive && rendererFactory.begin) {
             rendererFactory.begin();
@@ -11444,12 +11457,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);
     }
 }
 function executeTemplate(lView, templateFn, rf, context) {
@@ -12324,7 +12338,8 @@ function createLContainer(hostNative, currentView, native, tNode, isForViewConta
     null, // next
     null, // queries
     tNode, // t_host
-    native);
+    native, // native,
+    null);
     ngDevMode && attachLContainerDebug(lContainer);
     return lContainer;
 }
@@ -12556,6 +12571,8 @@ function checkView(hostView, component) {
     var oldView = enterView(hostView, hostView[T_HOST]);
     var templateFn = hostTView.template;
     var creationMode = isCreationMode(hostView);
+    // Will become true if the `try` block executes with no errors.
+    var safeToRunHooks = false;
     try {
         resetPreOrderHookFlags(hostView);
         creationMode && executeViewQueryFn(1 /* Create */, hostTView, component);
@@ -12565,9 +12582,10 @@ function checkView(hostView, component) {
         if (!creationMode || hostTView.staticViewQueries) {
             executeViewQueryFn(2 /* Update */, hostTView, component);
         }
+        safeToRunHooks = true;
     }
     finally {
-        leaveView(oldView);
+        leaveView(oldView, safeToRunHooks);
     }
 }
 function executeViewQueryFn(flags, tView, component) {
@@ -12661,6 +12679,18 @@ function setInputsForProperty(lView, inputs, value) {
         }
     }
 }
+/**
+ * Updates a text binding at a given index in a given LView.
+ */
+function textBindingInternal(lView, index, value) {
+    ngDevMode && assertNotSame(value, NO_CHANGE, 'value should not be NO_CHANGE');
+    ngDevMode && assertDataInRange(lView, index + HEADER_OFFSET);
+    var element = getNativeByIndex(index, lView);
+    ngDevMode && assertDefined(element, 'native element should exist');
+    ngDevMode && ngDevMode.rendererSetText++;
+    var renderer = lView[RENDERER];
+    isProceduralRenderer(renderer) ? renderer.setValue(element, value) : element.textContent = value;
+}
 
 /**
  * @license
@@ -13005,7 +13035,8 @@ function bindingUpdated4(lView, bindingIndex, exp1, exp2, exp3, exp4) {
 function ɵɵproperty(propName, value, sanitizer, nativeOnly) {
     var index = getSelectedIndex();
     ngDevMode && assertNotEqual(index, -1, 'selected index cannot be -1');
-    var bindReconciledValue = ɵɵbind(value);
+    var lView = getLView();
+    var bindReconciledValue = bind(lView, value);
     if (bindReconciledValue !== NO_CHANGE) {
         elementPropertyInternal(index, propName, bindReconciledValue, sanitizer, nativeOnly);
     }
@@ -13014,12 +13045,10 @@ function ɵɵproperty(propName, value, sanitizer, nativeOnly) {
 /**
  * Creates a single value binding.
  *
+ * @param lView Current view
  * @param value Value to diff
- *
- * @codeGenApi
  */
-function ɵɵbind(value) {
-    var lView = getLView();
+function bind(lView, value) {
     var bindingIndex = lView[BINDING_INDEX]++;
     storeBindingMetadata(lView);
     return bindingUpdated(lView, bindingIndex, value) ? value : NO_CHANGE;
@@ -13049,8 +13078,9 @@ function ɵɵbind(value) {
  */
 function ɵɵupdateSyntheticHostBinding(propName, value, sanitizer, nativeOnly) {
     var index = getSelectedIndex();
+    var lView = getLView();
     // TODO(benlesh): remove bind call here.
-    var bound = ɵɵbind(value);
+    var bound = bind(lView, value);
     if (bound !== NO_CHANGE) {
         elementPropertyInternal(index, propName, bound, sanitizer, nativeOnly, loadComponentRenderer);
     }
@@ -13073,10 +13103,11 @@ function ɵɵattribute(name, value, sanitizer, namespace) {
     var index = getSelectedIndex();
     var lView = getLView();
     // TODO(FW-1340): Refactor to remove the use of other instructions here.
-    var bound = ɵɵbind(value);
+    var 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;
 }
 
 /**
@@ -13762,193 +13793,52 @@ function getContainerRenderParent(tViewNode, view) {
     var 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.
- */
-var 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.
- */
-function walkTNodeTree(viewToWalk, action, renderer, renderParent, beforeNode) {
-    var e_1, _a;
-    var rootTNode = viewToWalk[TVIEW].node;
-    var projectionNodeIndex = -1;
-    var currentView = viewToWalk;
-    var tNode = rootTNode.child;
-    while (tNode) {
-        var nextTNode = null;
-        if (tNode.type === 3 /* Element */ || tNode.type === 4 /* ElementContainer */) {
-            executeNodeAction(action, renderer, renderParent, getNativeByTNode(tNode, currentView), tNode, beforeNode);
-            var 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);
-                var 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 */) {
-            var lContainer = currentView[tNode.index];
-            executeNodeAction(action, renderer, renderParent, lContainer[NATIVE], tNode, beforeNode);
-            var 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 */) {
-            var componentView = findComponentView(currentView);
-            var componentHost = componentView[T_HOST];
-            var head = componentHost.projection[tNode.projection];
-            if (Array.isArray(head)) {
-                try {
-                    for (var head_1 = __values(head), head_1_1 = head_1.next(); !head_1_1.done; head_1_1 = head_1.next()) {
-                        var nativeNode = head_1_1.value;
-                        executeNodeAction(action, renderer, renderParent, nativeNode, tNode, beforeNode);
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (head_1_1 && !head_1_1.done && (_a = head_1.return)) _a.call(head_1);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-            }
-            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] = currentView;
-                if (head) {
-                    currentView = componentView[PARENT];
-                    nextTNode = 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 = projectionNodeStack[projectionNodeIndex--];
-                tNode = 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 = 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 = currentView[PARENT];
-                        if (isLContainer(currentView)) {
-                            tNode = currentView[T_HOST];
-                            currentView = currentView[PARENT];
-                            beforeNode = currentView[tNode.index][NATIVE];
-                            break;
-                        }
-                        tNode = currentView[T_HOST];
-                    }
-                    if (currentView[NEXT]) {
-                        currentView = 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.
  */
-function executeNodeAction(action, renderer, parent, node, tNode, beforeNode) {
+function executeActionOnElementOrContainer(action, renderer, parent, lNodeToHandle, beforeNode) {
+    ngDevMode && assertDefined(lNodeToHandle, '\'lNodeToHandle\' is undefined');
+    var lContainer;
+    var 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 = lNodeToHandle[HOST];
+    }
+    var rNode = unwrapRNode(lNodeToHandle);
+    ngDevMode && assertDomNode(rNode);
     if (action === 0 /* Insert */) {
-        nativeInsertBefore(renderer, parent, node, beforeNode || null);
+        nativeInsertBefore(renderer, 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++;
-        renderer.destroyNode(node);
+        renderer.destroyNode(rNode);
+    }
+    if (lContainer != null) {
+        executeActionOnContainer(renderer, action, lContainer, parent, beforeNode);
     }
 }
 function createTextNode(value, renderer) {
     return isProceduralRenderer(renderer) ? renderer.createText(renderStringify(value)) :
         renderer.createTextNode(renderStringify(value));
 }
-function addRemoveViewFromContainer(viewToWalk, insertMode, beforeNode) {
-    var renderParent = getContainerRenderParent(viewToWalk[TVIEW].node, viewToWalk);
-    ngDevMode && assertNodeType(viewToWalk[TVIEW].node, 2 /* View */);
+function addRemoveViewFromContainer(lView, insertMode, beforeNode) {
+    var renderParent = getContainerRenderParent(lView[TVIEW].node, lView);
+    ngDevMode && assertNodeType(lView[TVIEW].node, 2 /* View */);
     if (renderParent) {
-        var renderer = viewToWalk[RENDERER];
-        walkTNodeTree(viewToWalk, insertMode ? 0 /* Insert */ : 1 /* Detach */, renderer, renderParent, beforeNode);
+        var renderer = lView[RENDERER];
+        var action = insertMode ? 0 /* Insert */ : 1 /* Detach */;
+        executeActionOnView(renderer, action, lView, renderParent, beforeNode);
     }
 }
 /**
@@ -13957,7 +13847,7 @@ function addRemoveViewFromContainer(viewToWalk, insertMode, beforeNode) {
  * @param lView the `LView` to be detached.
  */
 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
@@ -14087,15 +13977,15 @@ 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.
  */
-function destroyLView(view) {
-    if (!(view[FLAGS] & 256 /* Destroyed */)) {
-        var renderer = view[RENDERER];
+function destroyLView(lView) {
+    if (!(lView[FLAGS] & 256 /* Destroyed */)) {
+        var 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);
     }
 }
 /**
@@ -14158,7 +14048,7 @@ function cleanUpView(view) {
 /** Removes listeners and unsubscribes from output subscriptions */
 function removeListeners(lView) {
     var tCleanup = lView[TVIEW].cleanup;
-    if (tCleanup != null) {
+    if (tCleanup !== null) {
         var lCleanup = lView[CLEANUP];
         for (var i = 0; i < tCleanup.length - 1; i += 2) {
             if (typeof tCleanup[i] === 'string') {
@@ -14310,7 +14200,7 @@ function nativeAppendChild(renderer, parent, child) {
     }
 }
 function nativeAppendOrInsertBefore(renderer, parent, child, beforeNode) {
-    if (beforeNode) {
+    if (beforeNode !== null) {
         nativeInsertBefore(renderer, parent, child, beforeNode);
     }
     else {
@@ -14367,7 +14257,7 @@ function getNativeAnchorNode(parentTNode, lView) {
  * @returns Whether or not the child was appended
  */
 function appendChild(childEl, childTNode, currentView) {
-    var e_2, _a;
+    var e_1, _a;
     var renderParent = getRenderParent(childTNode, currentView);
     if (renderParent != null) {
         var renderer = currentView[RENDERER];
@@ -14380,12 +14270,12 @@ function appendChild(childEl, childTNode, currentView) {
                     nativeAppendOrInsertBefore(renderer, renderParent, nativeNode, anchorNode);
                 }
             }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
             finally {
                 try {
                     if (childEl_1_1 && !childEl_1_1.done && (_a = childEl_1.return)) _a.call(childEl_1);
                 }
-                finally { if (e_2) throw e_2.error; }
+                finally { if (e_1) throw e_1.error; }
             }
         }
         else {
@@ -14410,6 +14300,7 @@ function getBeforeNodeForView(viewIndexInContainer, lContainer) {
     var nextViewIndex = CONTAINER_HEADER_OFFSET + viewIndexInContainer + 1;
     if (nextViewIndex < lContainer.length) {
         var lView = lContainer[nextViewIndex];
+        ngDevMode && assertDefined(lView[T_HOST], 'Missing Host TNode');
         var tViewNodeChild = lView[T_HOST].child;
         return tViewNodeChild !== null ? getNativeByTNode(tViewNodeChild, lView) : lContainer[NATIVE];
     }
@@ -14435,7 +14326,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
@@ -14465,6 +14356,20 @@ 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)
+ */
+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.
@@ -14492,19 +14397,152 @@ 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
+        var ngContainerChildTNode = projectedTNode.child;
+        appendProjectedChildren(ngContainerChildTNode, ngContainerChildTNode, projectionView, projectionView);
+    }
     else {
         if (projectedTNode.type === 4 /* ElementContainer */) {
-            var ngContainerChildTNode = 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.
+ */
+function executeActionOnView(renderer, action, lView, renderParent, beforeNode) {
+    var tView = lView[TVIEW];
+    ngDevMode && assertNodeType(tView.node, 2 /* View */);
+    var viewRootTNode = 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 renderParent parent DOM element for insertion/removal.
+ * @param beforeNode Before which node the insertions should happen.
+ */
+function executeActionOnProjection(renderer, action, lView, tProjectionNode, renderParent, beforeNode) {
+    var componentLView = findComponentView(lView);
+    var componentNode = componentLView[T_HOST];
+    var nodeToProject = componentNode.projection[tProjectionNode.projection];
+    if (Array.isArray(nodeToProject)) {
+        for (var i = 0; i < nodeToProject.length; i++) {
+            var rNode = nodeToProject[i];
+            ngDevMode && assertDomNode(rNode);
+            executeActionOnElementOrContainer(action, renderer, renderParent, rNode, beforeNode);
+        }
+    }
+    else {
+        var projectionTNode = nodeToProject;
+        var projectedComponentLView = 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.
+ */
+function executeActionOnContainer(renderer, action, lContainer, renderParent, beforeNode) {
+    ngDevMode && assertLContainer(lContainer);
+    var anchor = lContainer[NATIVE]; // LContainer has its own before node.
+    var 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 (var i = CONTAINER_HEADER_OFFSET; i < lContainer.length; i++) {
+        var lView = 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.
+ */
+function executeActionOnElementContainer(renderer, action, lView, tElementContainerNode, renderParent, beforeNode) {
+    var node = lView[tElementContainerNode.index];
+    executeActionOnElementOrContainer(action, renderer, renderParent, node, beforeNode);
+    var childTNode = tElementContainerNode.child;
+    while (childTNode) {
+        executeActionOnNode(renderer, action, lView, childTNode, renderParent, beforeNode);
+        childTNode = childTNode.next;
+    }
+}
+function executeActionOnNode(renderer, action, lView, tNode, renderParent, beforeNode) {
+    var elementContainerRootTNodeType = tNode.type;
+    if (elementContainerRootTNodeType === 4 /* ElementContainer */) {
+        executeActionOnElementContainer(renderer, action, lView, tNode, renderParent, beforeNode);
+    }
+    else if (elementContainerRootTNodeType === 1 /* Projection */) {
+        executeActionOnProjection(renderer, action, lView, tNode, renderParent, beforeNode);
+    }
+    else {
+        ngDevMode && assertNodeOfPossibleTypes(tNode, 3 /* Element */, 0 /* Container */);
+        executeActionOnElementOrContainer(action, renderer, renderParent, lView[tNode.index], beforeNode);
+    }
+}
 
 /**
  * @license
@@ -15728,7 +15766,10 @@ function ɵɵembeddedViewEnd() {
     refreshDescendantViews(lView); // update mode pass
     var lContainer = lView[PARENT];
     ngDevMode && assertLContainerOrUndefined(lContainer);
-    leaveView(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(lContainer[PARENT], /* safeToRunHooks */ true);
     setPreviousOrParentTNode(viewHost, false);
 }
 
@@ -16581,6 +16622,7 @@ function ɵɵtext(index, value) {
     ngDevMode && ngDevMode.rendererCreateTextNode++;
     ngDevMode && assertDataInRange(lView, index + HEADER_OFFSET);
     var textNative = lView[index + HEADER_OFFSET] = createTextNode(value, lView[RENDERER]);
+    ngDevMode && ngDevMode.rendererSetText++;
     var tNode = getOrCreateTNode(lView[TVIEW], lView[T_HOST], index, 3 /* Element */, null, null);
     // Text nodes are self closing.
     setIsNotParent();
@@ -16590,21 +16632,16 @@ function ɵɵtext(index, value) {
  * Create text node with binding
  * Bindings should be handled externally with the proper interpolation(1-8) method
  *
- * @param index Index of the node in the data array.
  * @param value Stringified value to write.
  *
  * @codeGenApi
  */
-function ɵɵtextBinding(index, value) {
-    if (value !== NO_CHANGE) {
-        var lView = getLView();
-        ngDevMode && assertDataInRange(lView, index + HEADER_OFFSET);
-        var element = getNativeByIndex(index, lView);
-        ngDevMode && assertDefined(element, 'native element should exist');
-        ngDevMode && ngDevMode.rendererSetText++;
-        var renderer = lView[RENDERER];
-        isProceduralRenderer(renderer) ? renderer.setValue(element, renderStringify(value)) :
-            element.textContent = renderStringify(value);
+function ɵɵtextBinding(value) {
+    var lView = getLView();
+    var index = getSelectedIndex();
+    var bound = bind(lView, value);
+    if (bound !== NO_CHANGE) {
+        textBindingInternal(lView, index, renderStringify(bound));
     }
 }
 
@@ -16660,7 +16697,11 @@ function ɵɵtextInterpolate(v0) {
  */
 function ɵɵtextInterpolate1(prefix, v0, suffix) {
     var index = getSelectedIndex();
-    ɵɵtextBinding(index, ɵɵinterpolation1(prefix, v0, suffix));
+    var lView = getLView();
+    var interpolated = ɵɵinterpolation1(prefix, v0, suffix);
+    if (interpolated !== NO_CHANGE) {
+        textBindingInternal(lView, index, interpolated);
+    }
     return ɵɵtextInterpolate1;
 }
 /**
@@ -16684,7 +16725,11 @@ function ɵɵtextInterpolate1(prefix, v0, suffix) {
  */
 function ɵɵtextInterpolate2(prefix, v0, i0, v1, suffix) {
     var index = getSelectedIndex();
-    ɵɵtextBinding(index, ɵɵinterpolation2(prefix, v0, i0, v1, suffix));
+    var lView = getLView();
+    var interpolated = ɵɵinterpolation2(prefix, v0, i0, v1, suffix);
+    if (interpolated !== NO_CHANGE) {
+        textBindingInternal(lView, index, interpolated);
+    }
     return ɵɵtextInterpolate2;
 }
 /**
@@ -16709,7 +16754,11 @@ function ɵɵtextInterpolate2(prefix, v0, i0, v1, suffix) {
  */
 function ɵɵtextInterpolate3(prefix, v0, i0, v1, i1, v2, suffix) {
     var index = getSelectedIndex();
-    ɵɵtextBinding(index, ɵɵinterpolation3(prefix, v0, i0, v1, i1, v2, suffix));
+    var lView = getLView();
+    var interpolated = ɵɵinterpolation3(prefix, v0, i0, v1, i1, v2, suffix);
+    if (interpolated !== NO_CHANGE) {
+        textBindingInternal(lView, index, interpolated);
+    }
     return ɵɵtextInterpolate3;
 }
 /**
@@ -16734,7 +16783,11 @@ function ɵɵtextInterpolate3(prefix, v0, i0, v1, i1, v2, suffix) {
  */
 function ɵɵtextInterpolate4(prefix, v0, i0, v1, i1, v2, i2, v3, suffix) {
     var index = getSelectedIndex();
-    ɵɵtextBinding(index, ɵɵinterpolation4(prefix, v0, i0, v1, i1, v2, i2, v3, suffix));
+    var lView = getLView();
+    var interpolated = ɵɵinterpolation4(prefix, v0, i0, v1, i1, v2, i2, v3, suffix);
+    if (interpolated !== NO_CHANGE) {
+        textBindingInternal(lView, index, interpolated);
+    }
     return ɵɵtextInterpolate4;
 }
 /**
@@ -16759,7 +16812,11 @@ function ɵɵtextInterpolate4(prefix, v0, i0, v1, i1, v2, i2, v3, suffix) {
  */
 function ɵɵtextInterpolate5(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, suffix) {
     var index = getSelectedIndex();
-    ɵɵtextBinding(index, ɵɵinterpolation5(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, suffix));
+    var lView = getLView();
+    var interpolated = ɵɵinterpolation5(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, suffix);
+    if (interpolated !== NO_CHANGE) {
+        textBindingInternal(lView, index, interpolated);
+    }
     return ɵɵtextInterpolate5;
 }
 /**
@@ -16786,7 +16843,11 @@ 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) {
     var index = getSelectedIndex();
-    ɵɵtextBinding(index, ɵɵinterpolation6(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, i4, v5, suffix));
+    var lView = getLView();
+    var interpolated = ɵɵinterpolation6(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, i4, v5, suffix);
+    if (interpolated !== NO_CHANGE) {
+        textBindingInternal(lView, index, interpolated);
+    }
     return ɵɵtextInterpolate6;
 }
 /**
@@ -16811,7 +16872,11 @@ 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) {
     var index = getSelectedIndex();
-    ɵɵtextBinding(index, ɵɵinterpolation7(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, i4, v5, i5, v6, suffix));
+    var lView = getLView();
+    var interpolated = ɵɵinterpolation7(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, i4, v5, i5, v6, suffix);
+    if (interpolated !== NO_CHANGE) {
+        textBindingInternal(lView, index, interpolated);
+    }
     return ɵɵtextInterpolate7;
 }
 /**
@@ -16836,7 +16901,11 @@ 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) {
     var index = getSelectedIndex();
-    ɵɵtextBinding(index, ɵɵinterpolation8(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, i4, v5, i5, v6, i6, v7, suffix));
+    var lView = getLView();
+    var 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, interpolated);
+    }
     return ɵɵtextInterpolate8;
 }
 /**
@@ -16865,7 +16934,11 @@ function ɵɵtextInterpolate8(prefix, v0, i0, v1, i1, v2, i2, v3, i3, v4, i4, v5
  */
 function ɵɵtextInterpolateV(values) {
     var index = getSelectedIndex();
-    ɵɵtextBinding(index, ɵɵinterpolationV(values));
+    var lView = getLView();
+    var interpolated = ɵɵinterpolationV(values);
+    if (interpolated !== NO_CHANGE) {
+        textBindingInternal(lView, index, interpolated);
+    }
     return ɵɵtextInterpolateV;
 }
 
@@ -17311,6 +17384,8 @@ function renderComponent(componentType /* Type as workaround for: Microsoft/Type
     var rootView = createLView(null, createTView(-1, null, 1, 0, null, null, null, null), rootContext, rootFlags, null, null, rendererFactory, renderer, undefined, opts.injector || null);
     var oldView = enterView(rootView, null);
     var component;
+    // Will become true if the `try` block executes with no errors.
+    var safeToRunHooks = false;
     try {
         if (rendererFactory.begin)
             rendererFactory.begin();
@@ -17321,9 +17396,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();
     }
@@ -17952,6 +18028,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) {}
  *
@@ -17963,15 +18040,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])]
  *  });
  * }
+ * ```
  *
  * @param definition
  *
@@ -18009,6 +18088,12 @@ var ComponentRef = /** @class */ (function () {
     return 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
  */
 var ComponentFactory = /** @class */ (function () {
@@ -18039,6 +18124,12 @@ var _NullComponentFactoryResolver = /** @class */ (function () {
     return _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
  */
 var ComponentFactoryResolver = /** @class */ (function () {
@@ -18536,7 +18627,6 @@ function createContainerRef(ViewContainerRefToken, ElementRefToken, hostTNode, h
                 _this._lContainer = _lContainer;
                 _this._hostTNode = _hostTNode;
                 _this._hostView = _hostView;
-                _this._viewRefs = [];
                 return _this;
             }
             Object.defineProperty(ViewContainerRef_.prototype, "element", {
@@ -18569,7 +18659,9 @@ function createContainerRef(ViewContainerRefToken, ElementRefToken, hostTNode, h
                     this.remove(0);
                 }
             };
-            ViewContainerRef_.prototype.get = function (index) { return this._viewRefs[index] || null; };
+            ViewContainerRef_.prototype.get = function (index) {
+                return this._lContainer[VIEW_REFS] !== null && this._lContainer[VIEW_REFS][index] || null;
+            };
             Object.defineProperty(ViewContainerRef_.prototype, "length", {
                 get: function () {
                     // Note that if there are no views, the container
@@ -18581,11 +18673,12 @@ function createContainerRef(ViewContainerRefToken, ElementRefToken, hostTNode, h
                 configurable: true
             });
             ViewContainerRef_.prototype.createEmbeddedView = function (templateRef, context, index) {
+                this.allocateContainerIfNeeded();
                 var adjustedIdx = this._adjustIndex(index);
                 var viewRef = templateRef
                     .createEmbeddedView(context || {}, this._lContainer, adjustedIdx);
                 viewRef.attachToViewContainerRef(this);
-                this._viewRefs.splice(adjustedIdx, 0, viewRef);
+                this._lContainer[VIEW_REFS].splice(adjustedIdx, 0, viewRef);
                 return viewRef;
             };
             ViewContainerRef_.prototype.createComponent = function (componentFactory, index, injector, projectableNodes, ngModuleRef) {
@@ -18601,6 +18694,7 @@ function createContainerRef(ViewContainerRefToken, ElementRefToken, hostTNode, h
                 if (viewRef.destroyed) {
                     throw new Error('Cannot insert a destroyed View in a ViewContainer!');
                 }
+                this.allocateContainerIfNeeded();
                 var lView = viewRef._lView;
                 var adjustedIdx = this._adjustIndex(index);
                 if (viewAttachedToContainer(lView)) {
@@ -18612,7 +18706,7 @@ function createContainerRef(ViewContainerRefToken, ElementRefToken, hostTNode, h
                 var beforeNode = getBeforeNodeForView(adjustedIdx, this._lContainer);
                 addRemoveViewFromContainer(lView, true, beforeNode);
                 viewRef.attachToViewContainerRef(this);
-                this._viewRefs.splice(adjustedIdx, 0, viewRef);
+                this._lContainer[VIEW_REFS].splice(adjustedIdx, 0, viewRef);
                 return viewRef;
             };
             ViewContainerRef_.prototype.move = function (viewRef, newIndex) {
@@ -18625,16 +18719,22 @@ function createContainerRef(ViewContainerRefToken, ElementRefToken, hostTNode, h
                 this.insert(viewRef, newIndex);
                 return viewRef;
             };
-            ViewContainerRef_.prototype.indexOf = function (viewRef) { return this._viewRefs.indexOf(viewRef); };
+            ViewContainerRef_.prototype.indexOf = function (viewRef) {
+                return this._lContainer[VIEW_REFS] !== null ?
+                    this._lContainer[VIEW_REFS].indexOf(viewRef) :
+                    0;
+            };
             ViewContainerRef_.prototype.remove = function (index) {
+                this.allocateContainerIfNeeded();
                 var adjustedIdx = this._adjustIndex(index, -1);
                 removeView(this._lContainer, adjustedIdx);
-                this._viewRefs.splice(adjustedIdx, 1);
+                this._lContainer[VIEW_REFS].splice(adjustedIdx, 1);
             };
             ViewContainerRef_.prototype.detach = function (index) {
+                this.allocateContainerIfNeeded();
                 var adjustedIdx = this._adjustIndex(index, -1);
                 var view = detachView(this._lContainer, adjustedIdx);
-                var wasDetached = view && this._viewRefs.splice(adjustedIdx, 1)[0] != null;
+                var wasDetached = view && this._lContainer[VIEW_REFS].splice(adjustedIdx, 1)[0] != null;
                 return wasDetached ? new ViewRef(view, view[CONTEXT], -1) : null;
             };
             ViewContainerRef_.prototype._adjustIndex = function (index, shift) {
@@ -18649,6 +18749,11 @@ function createContainerRef(ViewContainerRefToken, ElementRefToken, hostTNode, h
                 }
                 return index;
             };
+            ViewContainerRef_.prototype.allocateContainerIfNeeded = function () {
+                if (this._lContainer[VIEW_REFS] === null) {
+                    this._lContainer[VIEW_REFS] = [];
+                }
+            };
             return ViewContainerRef_;
         }(ViewContainerRefToken));
     }
@@ -18715,6 +18820,7 @@ function createViewRef(hostTNode, hostView, context) {
     }
     return null;
 }
+/** Returns a Renderer2 (or throws when application was bootstrapped with Renderer3) */
 function getOrCreateRenderer2(view) {
     var renderer = view[RENDERER];
     if (isProceduralRenderer(renderer)) {
@@ -18724,9 +18830,14 @@ function getOrCreateRenderer2(view) {
         throw new Error('Cannot inject Renderer2 when the application uses Renderer3!');
     }
 }
-/** Returns a Renderer2 (or throws when application was bootstrapped with Renderer3) */
+/** Injects a Renderer2 for the current component. */
 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.
+    var lView = getLView();
+    var tNode = getPreviousOrParentTNode();
+    var nodeAtIndex = getComponentViewByIndex(tNode.index, lView);
+    return getOrCreateRenderer2(isLView(nodeAtIndex) ? nodeAtIndex : lView);
 }
 
 /**
@@ -18919,7 +19030,7 @@ var Version = /** @class */ (function () {
 /**
  * @publicApi
  */
-var VERSION = new Version('8.1.0-next.2');
+var VERSION = new Version('8.1.1');
 
 /**
  * @license
@@ -22119,6 +22230,8 @@ var ComponentFactory$1 = /** @class */ (function (_super) {
         var oldLView = enterView(rootLView, null);
         var component;
         var tElementNode;
+        // Will become true if the `try` block executes with no errors.
+        var safeToRunHooks = false;
         try {
             var componentView = createRootComponentView(hostRNode, this.componentDef, rootLView, rendererFactory, renderer);
             tElementNode = getTNode(0, rootLView);
@@ -22135,9 +22248,10 @@ var ComponentFactory$1 = /** @class */ (function (_super) {
             component = createRootComponent(componentView, this.componentDef, rootLView, rootContext, [LifecycleHooksFeature]);
             addToViewTree(rootLView, componentView);
             refreshDescendantViews(rootLView);
+            safeToRunHooks = true;
         }
         finally {
-            leaveView(oldLView);
+            leaveView(oldLView, safeToRunHooks);
         }
         var componentRef = new ComponentRef$1(this.componentType, component, createElementRef(ElementRef, tElementNode, rootLView), rootLView, tElementNode);
         if (isInternalRootView) {
@@ -22177,14 +22291,16 @@ var ComponentRef$1 = /** @class */ (function (_super) {
         configurable: true
     });
     ComponentRef.prototype.destroy = function () {
-        ngDevMode && assertDefined(this.destroyCbs, 'NgModule already destroyed');
-        this.destroyCbs.forEach(function (fn) { return fn(); });
-        this.destroyCbs = null;
-        !this.hostView.destroyed && this.hostView.destroy();
+        if (this.destroyCbs) {
+            this.destroyCbs.forEach(function (fn) { return fn(); });
+            this.destroyCbs = null;
+            !this.hostView.destroyed && this.hostView.destroy();
+        }
     };
     ComponentRef.prototype.onDestroy = function (callback) {
-        ngDevMode && assertDefined(this.destroyCbs, 'NgModule already destroyed');
-        this.destroyCbs.push(callback);
+        if (this.destroyCbs) {
+            this.destroyCbs.push(callback);
+        }
     };
     return ComponentRef;
 }(ComponentRef));
@@ -23092,7 +23208,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 = updateOpCodes[++j];
@@ -23251,15 +23367,20 @@ var shiftsCounter = 0;
  * Stores the values of the bindings during each update cycle in order to determine if we need to
  * update the translated nodes.
  *
- * @param expression The binding's new value or NO_CHANGE
+ * @param value The binding's value
+ * @returns This function returns itself so that it may be chained
+ * (e.g. `i18nExp(ctx.name)(ctx.title)`)
  *
  * @codeGenApi
  */
-function ɵɵi18nExp(expression) {
+function ɵɵi18nExp(value) {
+    var lView = getLView();
+    var 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.
@@ -23518,13 +23639,13 @@ var LOCALIZE_PH_REGEXP = /\{\$(.*?)\}/g;
  * @deprecated this method is temporary & should not be used as it will be removed soon
  */
 function ɵɵi18nLocalize(input, placeholders) {
-    if (placeholders === void 0) { placeholders = {}; }
     if (typeof TRANSLATIONS[input] !== 'undefined') { // to account for empty string
         input = TRANSLATIONS[input];
     }
-    return Object.keys(placeholders).length ?
-        input.replace(LOCALIZE_PH_REGEXP, function (match, key) { return placeholders[key] || ''; }) :
-        input;
+    if (placeholders !== undefined && Object.keys(placeholders).length) {
+        return input.replace(LOCALIZE_PH_REGEXP, function (_, key) { return placeholders[key] || ''; });
+    }
+    return input;
 }
 /**
  * The locale id that the application is currently using (for translations and ICU expressions).
@@ -24219,7 +24340,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: `
@@ -24248,17 +24369,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
  */
 var EventEmitter = /** @class */ (function (_super) {
@@ -24632,9 +24746,10 @@ function queryByReadToken(read, tNode, currentView) {
         return factoryFn();
     }
     else {
-        var matchingIdx = locateDirectiveOrProvider(tNode, currentView, read, false, false);
+        var tView = currentView[TVIEW];
+        var matchingIdx = locateDirectiveOrProvider(tNode, tView, read, false, false);
         if (matchingIdx !== null) {
-            return getNodeInjectable(currentView[TVIEW].data, currentView, matchingIdx, tNode);
+            return getNodeInjectable(tView.data, currentView, matchingIdx, tNode);
         }
     }
     return null;
@@ -24676,19 +24791,20 @@ function queryRead(tNode, currentView, read, matchingIdx) {
  * out of order (e.g. a view was created in a constructor)
  */
 function add(query, tNode, insertBeforeContainer) {
-    var currentView = getLView();
+    var lView = getLView();
+    var tView = lView[TVIEW];
     while (query) {
         var predicate = query.predicate;
         var type = predicate.type;
         if (type) {
             var result = null;
             if (type === TemplateRef) {
-                result = queryByTemplateRef(type, tNode, currentView, predicate.read);
+                result = queryByTemplateRef(type, tNode, lView, predicate.read);
             }
             else {
-                var matchingIdx = locateDirectiveOrProvider(tNode, currentView, type, false, false);
+                var 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) {
@@ -24700,7 +24816,7 @@ function add(query, tNode, insertBeforeContainer) {
             for (var i = 0; i < selector.length; i++) {
                 var matchingIdx = getIdxOfMatchingSelector(tNode, selector[i]);
                 if (matchingIdx !== null) {
-                    var result = queryRead(tNode, currentView, predicate.read, matchingIdx);
+                    var result = queryRead(tNode, lView, predicate.read, matchingIdx);
                     if (result !== null) {
                         addMatch(query, result, insertBeforeContainer);
                     }
@@ -24950,7 +25066,6 @@ var ɵ0$9 = function () { return ({
     'ɵɵNgOnChangesFeature': ɵɵNgOnChangesFeature,
     'ɵɵProvidersFeature': ɵɵProvidersFeature,
     'ɵɵInheritDefinitionFeature': ɵɵInheritDefinitionFeature,
-    'ɵɵbind': ɵɵbind,
     'ɵɵcontainer': ɵɵcontainer,
     'ɵɵnextContext': ɵɵnextContext,
     'ɵɵcontainerRefreshStart': ɵɵcontainerRefreshStart,
@@ -25821,9 +25936,10 @@ var ɵ8 = function (hostPropertyName) { return ({ hostPropertyName: hostProperty
 var HostBinding = makePropDecorator('HostBinding', ɵ8);
 var ɵ9 = function (eventName, args) { return ({ eventName: eventName, args: 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
@@ -25831,7 +25947,7 @@ var ɵ9 = function (eventName, args) { return ({ eventName: eventName, args: arg
  * 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;
@@ -30993,5 +31109,5 @@ var NgModuleFactory_ = /** @class */ (function (_super) {
  * 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, ɵ0, ɵ1, 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, ɵ0, ɵ1, 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