@angular/core 6.0.0-rc.3 → 6.0.0

package/bundles/core.umd.js

@@ -1,14 +1,96 @@
 /**
- * @license Angular v6.0.0-rc.3
+ * @license Angular v6.0.0
  * (c) 2010-2018 Google, Inc. https://angular.io/
  * License: MIT
  */
 
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('tslib'), require('rxjs'), require('rxjs/operators')) :
-	typeof define === 'function' && define.amd ? define(['exports', 'tslib', 'rxjs', 'rxjs/operators'], factory) :
-	(factory((global.npm_package = {}),global.tslib,global.rxjs,global.rxjs.operators));
-}(this, (function (exports,tslib_1,rxjs,operators) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('rxjs'), require('rxjs/operators')) :
+	typeof define === 'function' && define.amd ? define('@angular/core', ['exports', 'rxjs', 'rxjs/operators'], factory) :
+	(factory((global.ng = global.ng || {}, global.ng.core = {}),global.rxjs,global.rxjs.operators));
+}(this, (function (exports,rxjs,operators) { 'use strict';
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+var extendStatics = Object.setPrototypeOf ||
+    ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+    function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+
+function __extends(d, b) {
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var __assign = Object.assign || function __assign(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+        s = arguments[i];
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+};
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function __values(o) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
+    if (m) return m.call(o);
+    return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+}
+
+function __read(o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+}
+
+function __spread() {
+    for (var ar = [], i = 0; i < arguments.length; i++)
+        ar = ar.concat(__read(arguments[i]));
+    return ar;
+}
 
 /**
  * @license
@@ -35,8 +117,7 @@
  */
 function defineInjectable(opts) {
     return {
-        providedIn: opts.providedIn || null,
-        factory: opts.factory,
+        providedIn: opts.providedIn || null, factory: opts.factory, value: undefined,
     };
 }
 /**
@@ -61,9 +142,7 @@ function defineInjectable(opts) {
  */
 function defineInjector(options) {
     return {
-        factory: options.factory,
-        providers: options.providers || [],
-        imports: options.imports || [],
+        factory: options.factory, providers: options.providers || [], imports: options.imports || [],
     };
 }
 
@@ -110,7 +189,7 @@ function defineInjector(options) {
  *
  * {@example core/di/ts/injector_spec.ts region='InjectionToken'}
  *
- * @stable
+ *
  */
 var InjectionToken = /** @class */ (function () {
     function InjectionToken(_desc, options) {
@@ -152,12 +231,12 @@ function makeDecorator(name, props, parentClass, chainFn, typeFn) {
             args[_i] = arguments[_i];
         }
         if (this instanceof DecoratorFactory) {
-            metaCtor.call.apply(metaCtor, tslib_1.__spread([this], args));
+            metaCtor.call.apply(metaCtor, __spread([this], args));
             return this;
         }
-        var annotationInstance = new ((_a = DecoratorFactory).bind.apply(_a, tslib_1.__spread([void 0], args)))();
+        var annotationInstance = new ((_a = DecoratorFactory).bind.apply(_a, __spread([void 0], args)))();
         var TypeDecorator = function TypeDecorator(cls) {
-            typeFn && typeFn.apply(void 0, tslib_1.__spread([cls], args));
+            typeFn && typeFn.apply(void 0, __spread([cls], args));
             // Use of Object.defineProperty is important since it creates non-enumerable property which
             // prevents the property is copied during subclassing.
             var annotations = cls.hasOwnProperty(ANNOTATIONS) ?
@@ -185,7 +264,7 @@ function makeMetadataCtor(props) {
             args[_i] = arguments[_i];
         }
         if (props) {
-            var values = props.apply(void 0, tslib_1.__spread(args));
+            var values = props.apply(void 0, __spread(args));
             for (var propName in values) {
                 this[propName] = values[propName];
             }
@@ -203,7 +282,7 @@ function makeParamDecorator(name, props, parentClass) {
             metaCtor.apply(this, args);
             return this;
         }
-        var annotationInstance = new ((_a = ParamDecoratorFactory).bind.apply(_a, tslib_1.__spread([void 0], args)))();
+        var annotationInstance = new ((_a = ParamDecoratorFactory).bind.apply(_a, __spread([void 0], args)))();
         ParamDecorator.annotation = annotationInstance;
         return ParamDecorator;
         function ParamDecorator(cls, unusedKey, index) {
@@ -240,7 +319,7 @@ function makePropDecorator(name, props, parentClass) {
             metaCtor.apply(this, args);
             return this;
         }
-        var decoratorInstance = new ((_a = PropDecoratorFactory).bind.apply(_a, tslib_1.__spread([void 0], args)))();
+        var decoratorInstance = new ((_a = PropDecoratorFactory).bind.apply(_a, __spread([void 0], args)))();
         return function PropDecorator(target, name) {
             var constructor = target.constructor;
             // Use of Object.defineProperty is important since it creates non-enumerable property which
@@ -306,7 +385,7 @@ var ANALYZE_FOR_ENTRY_COMPONENTS = new InjectionToken('AnalyzeForEntryComponents
 /**
  * Attribute decorator and metadata.
  *
- * @stable
+ *
  * @Annotation
  */
 var Attribute = makeParamDecorator('Attribute', function (attributeName) { return ({ attributeName: attributeName }); });
@@ -316,7 +395,7 @@ var Attribute = makeParamDecorator('Attribute', function (attributeName) { retur
  * See {@link ContentChildren}, {@link ContentChild}, {@link ViewChildren}, {@link ViewChild} for
  * more information.
  *
- * @stable
+ *
  */
 var Query = /** @class */ (function () {
     function Query() {
@@ -326,41 +405,41 @@ var Query = /** @class */ (function () {
 /**
  * ContentChildren decorator and metadata.
  *
- *  @stable
+ *
  *  @Annotation
  */
 var ContentChildren = makePropDecorator('ContentChildren', function (selector, data) {
     if (data === void 0) { data = {}; }
-    return (tslib_1.__assign({ selector: selector, first: false, isViewQuery: false, descendants: false }, data));
+    return (__assign({ selector: selector, first: false, isViewQuery: false, descendants: false }, data));
 }, Query);
 /**
  * ContentChild decorator and metadata.
  *
- * @stable
+ *
  * @Annotation
  */
 var ContentChild = makePropDecorator('ContentChild', function (selector, data) {
     if (data === void 0) { data = {}; }
-    return (tslib_1.__assign({ selector: selector, first: true, isViewQuery: false, descendants: true }, data));
+    return (__assign({ selector: selector, first: true, isViewQuery: false, descendants: true }, data));
 }, Query);
 /**
  * ViewChildren decorator and metadata.
  *
- * @stable
+ *
  * @Annotation
  */
 var ViewChildren = makePropDecorator('ViewChildren', function (selector, data) {
     if (data === void 0) { data = {}; }
-    return (tslib_1.__assign({ selector: selector, first: false, isViewQuery: true, descendants: true }, data));
+    return (__assign({ selector: selector, first: false, isViewQuery: true, descendants: true }, data));
 }, Query);
 /**
  * ViewChild decorator and metadata.
  *
- * @stable
+ *
  * @Annotation
  */
 var ViewChild = makePropDecorator('ViewChild', function (selector, data) {
-    return (tslib_1.__assign({ selector: selector, first: true, isViewQuery: true, descendants: true }, data));
+    return (__assign({ selector: selector, first: true, isViewQuery: true, descendants: true }, data));
 }, Query);
 
 /**
@@ -380,18 +459,18 @@ var ViewChild = makePropDecorator('ViewChild', function (selector, data) {
 /**
  * Describes within the change detector which strategy will be used the next time change
  * detection is triggered.
- * @stable
+ *
  */
 /**
  * Describes within the change detector which strategy will be used the next time change
  * detection is triggered.
- * @stable
+ *
  */
 
 /**
  * Describes within the change detector which strategy will be used the next time change
  * detection is triggered.
- * @stable
+ *
  */
 (function (ChangeDetectionStrategy) {
     /**
@@ -460,7 +539,7 @@ function isDefaultChangeDetectionStrategy(changeDetectionStrategy) {
 /**
  * Directive decorator and metadata.
  *
- * @stable
+ *
  * @Annotation
  */
 var Directive = makeDecorator('Directive', function (dir) {
@@ -470,12 +549,12 @@ var Directive = makeDecorator('Directive', function (dir) {
 /**
  * Component decorator and metadata.
  *
- * @stable
+ *
  * @Annotation
  */
 var Component = makeDecorator('Component', function (c) {
     if (c === void 0) { c = {}; }
-    return (tslib_1.__assign({ changeDetection: exports.ChangeDetectionStrategy.Default }, c));
+    return (__assign({ changeDetection: exports.ChangeDetectionStrategy.Default }, c));
 }, Directive);
 /**
  * Pipe decorator and metadata.
@@ -486,35 +565,35 @@ var Component = makeDecorator('Component', function (c) {
  * To use the pipe include a reference to the pipe class in
  * {@link NgModule#declarations}.
  *
- * @stable
+ *
  * @Annotation
  */
-var Pipe = makeDecorator('Pipe', function (p) { return (tslib_1.__assign({ pure: true }, p)); });
+var Pipe = makeDecorator('Pipe', function (p) { return (__assign({ pure: true }, p)); });
 /**
  * Input decorator and metadata.
  *
- * @stable
+ *
  * @Annotation
  */
 var Input = makePropDecorator('Input', function (bindingPropertyName) { return ({ bindingPropertyName: bindingPropertyName }); });
 /**
  * Output decorator and metadata.
  *
- * @stable
+ *
  * @Annotation
  */
 var Output = makePropDecorator('Output', function (bindingPropertyName) { return ({ bindingPropertyName: bindingPropertyName }); });
 /**
  * HostBinding decorator and metadata.
  *
- * @stable
+ *
  * @Annotation
  */
 var HostBinding = makePropDecorator('HostBinding', function (hostPropertyName) { return ({ hostPropertyName: hostPropertyName }); });
 /**
  * HostListener decorator and metadata.
  *
- * @stable
+ *
  * @Annotation
  */
 var HostListener = makePropDecorator('HostListener', function (eventName, args) { return ({ eventName: eventName, args: args }); });
@@ -534,7 +613,7 @@ var HostListener = makePropDecorator('HostListener', function (eventName, args)
  * An example of a `Type` is `MyCustomComponent` class, which in JavaScript is be represented by
  * the `MyCustomComponent` constructor function.
  *
- * @stable
+ *
  */
 var Type = Function;
 function isType(v) {
@@ -635,7 +714,7 @@ var ReflectionCapabilities = /** @class */ (function () {
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
         }
-        return new (t.bind.apply(t, tslib_1.__spread([void 0], args)))();
+        return new (t.bind.apply(t, __spread([void 0], args)))();
     }; };
     /** @internal */
     /** @internal */
@@ -793,9 +872,9 @@ var ReflectionCapabilities = /** @class */ (function () {
             Object.keys(ownPropMetadata).forEach(function (propName) {
                 var decorators = [];
                 if (propMetadata.hasOwnProperty(propName)) {
-                    decorators.push.apply(decorators, tslib_1.__spread(propMetadata[propName]));
+                    decorators.push.apply(decorators, __spread(propMetadata[propName]));
                 }
-                decorators.push.apply(decorators, tslib_1.__spread(ownPropMetadata[propName]));
+                decorators.push.apply(decorators, __spread(ownPropMetadata[propName]));
                 propMetadata[propName] = decorators;
             });
         }
@@ -840,7 +919,7 @@ function convertTsickleDecoratorIntoMetadata(decoratorInvocations) {
         var decoratorType = decoratorInvocation.type;
         var annotationCls = decoratorType.annotationCls;
         var annotationArgs = decoratorInvocation.args ? decoratorInvocation.args : [];
-        return new (annotationCls.bind.apply(annotationCls, tslib_1.__spread([void 0], annotationArgs)))();
+        return new (annotationCls.bind.apply(annotationCls, __spread([void 0], annotationArgs)))();
     });
 }
 function getParentCtor(ctor) {
@@ -923,35 +1002,35 @@ function resolveForwardRef(type) {
 /**
  * Inject decorator and metadata.
  *
- * @stable
+ *
  * @Annotation
  */
 var Inject = makeParamDecorator('Inject', function (token) { return ({ token: token }); });
 /**
  * Optional decorator and metadata.
  *
- * @stable
+ *
  * @Annotation
  */
 var Optional = makeParamDecorator('Optional');
 /**
  * Self decorator and metadata.
  *
- * @stable
+ *
  * @Annotation
  */
 var Self = makeParamDecorator('Self');
 /**
  * SkipSelf decorator and metadata.
  *
- * @stable
+ *
  * @Annotation
  */
 var SkipSelf = makeParamDecorator('SkipSelf');
 /**
  * Host decorator and metadata.
  *
- * @stable
+ *
  * @Annotation
  */
 var Host = makeParamDecorator('Host');
@@ -1007,7 +1086,7 @@ var NullInjector = /** @class */ (function () {
  * `Injector` returns itself when given `Injector` as a token:
  * {@example core/di/ts/injector_spec.ts region='injectInjector'}
  *
- * @stable
+ *
  */
 var Injector = /** @class */ (function () {
     function Injector() {
@@ -1202,7 +1281,7 @@ function tryResolveToken(token, record, records, parent, notFoundValue, flags) {
 }
 function resolveToken(token, record, records, parent, notFoundValue, flags) {
     var value;
-    if (record && !(flags & 1 /* SkipSelf */)) {
+    if (record && !(flags & 4 /* SkipSelf */)) {
         // If we don't have a record, this implies that we don't own the provider hence don't know how
         // to resolve it.
         value = record.value;
@@ -1230,7 +1309,7 @@ function resolveToken(token, record, records, parent, notFoundValue, flags) {
                     !childRecord && !(options & 4 /* CheckParent */) ? NULL_INJECTOR : parent, options & 1 /* Optional */ ? null : Injector.THROW_IF_NOT_FOUND, 0 /* Default */));
                 }
             }
-            record.value = value = useNew ? new ((_a = fn).bind.apply(_a, tslib_1.__spread([void 0], deps)))() : fn.apply(obj, deps);
+            record.value = value = useNew ? new ((_a = fn).bind.apply(_a, __spread([void 0], deps)))() : fn.apply(obj, deps);
         }
     }
     else if (!(flags & 2 /* Self */)) {
@@ -1310,18 +1389,34 @@ function getClosureSafeProperty$1(objWithPropertyToExtract) {
     }
     throw Error('!prop');
 }
-var _currentInjector = null;
+/**
+ * Current injector value used by `inject`.
+ * - `undefined`: it is an error to call `inject`
+ * - `null`: `inject` can be called but there is no injector (limp-mode).
+ * - Injector instance: Use the injector for resolution.
+ */
+var _currentInjector = undefined;
 function setCurrentInjector(injector) {
     var former = _currentInjector;
     _currentInjector = injector;
     return former;
 }
-function inject(token, notFoundValue, flags) {
+function inject(token, flags) {
     if (flags === void 0) { flags = 0 /* Default */; }
-    if (_currentInjector === null) {
+    if (_currentInjector === undefined) {
         throw new Error("inject() must be called from an injection context");
     }
-    return _currentInjector.get(token, notFoundValue, flags);
+    else if (_currentInjector === null) {
+        var injectableDef = token.ngInjectableDef;
+        if (injectableDef && injectableDef.providedIn == 'root') {
+            return injectableDef.value === undefined ? injectableDef.value = injectableDef.factory() :
+                injectableDef.value;
+        }
+        throw new Error("Injector: NOT_FOUND [" + stringify(token) + "]");
+    }
+    else {
+        return _currentInjector.get(token, flags & 8 /* Optional */ ? null : undefined, flags);
+    }
 }
 function injectArgs(types) {
     var args = [];
@@ -1332,17 +1427,17 @@ function injectArgs(types) {
                 throw new Error('Arguments array must have arguments.');
             }
             var type = undefined;
-            var defaultValue = undefined;
+            var flags = 0;
             for (var j = 0; j < arg.length; j++) {
                 var meta = arg[j];
                 if (meta instanceof Optional || meta.__proto__.ngMetadataName === 'Optional') {
-                    defaultValue = null;
+                    flags |= 8 /* Optional */;
                 }
                 else if (meta instanceof SkipSelf || meta.__proto__.ngMetadataName === 'SkipSelf') {
-                    
+                    flags |= 4 /* SkipSelf */;
                 }
                 else if (meta instanceof Self || meta.__proto__.ngMetadataName === 'Self') {
-                    
+                    flags |= 2 /* Self */;
                 }
                 else if (meta instanceof Inject) {
                     type = meta.token;
@@ -1351,7 +1446,7 @@ function injectArgs(types) {
                     type = meta;
                 }
             }
-            args.push(inject((type), defaultValue, 0 /* Default */));
+            args.push(inject((type), flags));
         }
         else {
             args.push(inject(arg));
@@ -1376,7 +1471,7 @@ function convertInjectableProviderToFactory(type, provider) {
         var reflectionCapabilities = new ReflectionCapabilities();
         var deps_1 = reflectionCapabilities.parameters(type);
         // TODO - convert to flags.
-        return function () { return new (type.bind.apply(type, tslib_1.__spread([void 0], injectArgs(deps_1))))(); };
+        return function () { return new (type.bind.apply(type, __spread([void 0], injectArgs(deps_1))))(); };
     }
     if (USE_VALUE in provider) {
         var valueProvider_1 = provider;
@@ -1388,7 +1483,7 @@ function convertInjectableProviderToFactory(type, provider) {
     }
     else if (provider.useFactory) {
         var factoryProvider_1 = provider;
-        return function () { return factoryProvider_1.useFactory.apply(factoryProvider_1, tslib_1.__spread(injectArgs(factoryProvider_1.deps || EMPTY_ARRAY))); };
+        return function () { return factoryProvider_1.useFactory.apply(factoryProvider_1, __spread(injectArgs(factoryProvider_1.deps || EMPTY_ARRAY))); };
     }
     else if (provider.useClass) {
         var classProvider_1 = provider;
@@ -1398,7 +1493,7 @@ function convertInjectableProviderToFactory(type, provider) {
             deps_2 = reflectionCapabilities.parameters(type);
         }
         return function () {
-            return new ((_a = classProvider_1.useClass).bind.apply(_a, tslib_1.__spread([void 0], injectArgs(deps_2))))();
+            return new ((_a = classProvider_1.useClass).bind.apply(_a, __spread([void 0], injectArgs(deps_2))))();
             var _a;
         };
     }
@@ -1408,13 +1503,13 @@ function convertInjectableProviderToFactory(type, provider) {
             var reflectionCapabilities = new ReflectionCapabilities();
             deps_3 = reflectionCapabilities.parameters(type);
         }
-        return function () { return new (type.bind.apply(type, tslib_1.__spread([void 0], injectArgs((deps_3)))))(); };
+        return function () { return new (type.bind.apply(type, __spread([void 0], injectArgs((deps_3)))))(); };
     }
 }
 /**
 * Injectable decorator and metadata.
 *
-* @stable
+*
 * @Annotation
 */
 var Injectable = makeDecorator('Injectable', undefined, undefined, undefined, function (injectableType, options) {
@@ -1440,7 +1535,7 @@ var Injectable = makeDecorator('Injectable', undefined, undefined, undefined, fu
  * - any properties on elements with a `-` in their name which is the common rule for custom
  * elements.
  *
- * @stable
+ *
  */
 var CUSTOM_ELEMENTS_SCHEMA = {
     name: 'custom-elements'
@@ -1456,13 +1551,13 @@ var NO_ERRORS_SCHEMA = {
 /**
  * NgModule decorator and metadata.
  *
- * @stable
+ *
  * @Annotation
  */
 var NgModule = makeDecorator('NgModule', function (ngModule) { return ngModule; }, undefined, undefined, function (moduleType, metadata) {
     var imports = (metadata && metadata.imports) || [];
     if (metadata && metadata.exports) {
-        imports = tslib_1.__spread(imports, [metadata.exports]);
+        imports = __spread(imports, [metadata.exports]);
     }
     moduleType.ngInjectorDef = defineInjector({
         factory: convertInjectableProviderToFactory(moduleType, { useClass: moduleType }),
@@ -1489,20 +1584,20 @@ var NgModule = makeDecorator('NgModule', function (ngModule) { return ngModule;
  * Defines template and style encapsulation options available for Component's {@link Component}.
  *
  * See {@link Component#encapsulation encapsulation}.
- * @stable
+ *
  */
 /**
  * Defines template and style encapsulation options available for Component's {@link Component}.
  *
  * See {@link Component#encapsulation encapsulation}.
- * @stable
+ *
  */
 
 /**
  * Defines template and style encapsulation options available for Component's {@link Component}.
  *
  * See {@link Component#encapsulation encapsulation}.
- * @stable
+ *
  */
 (function (ViewEncapsulation) {
     /**
@@ -1545,7 +1640,7 @@ var NgModule = makeDecorator('NgModule', function (ngModule) { return ngModule;
 /**
  * @description Represents the version of Angular
  *
- * @stable
+ *
  */
 var Version = /** @class */ (function () {
     function Version(full) {
@@ -1557,9 +1652,9 @@ var Version = /** @class */ (function () {
     return Version;
 }());
 /**
- * @stable
+ *
  */
-var VERSION = new Version('6.0.0-rc.3');
+var VERSION = new Version('6.0.0');
 
 /**
  * @license
@@ -1587,7 +1682,7 @@ function defaultErrorLogger(console) {
     for (var _i = 1; _i < arguments.length; _i++) {
         values[_i - 1] = arguments[_i];
     }
-    console.error.apply(console, tslib_1.__spread(values));
+    console.error.apply(console, __spread(values));
 }
 
 /**
@@ -1621,7 +1716,7 @@ function defaultErrorLogger(console) {
  * class MyModule {}
  * ```
  *
- * @stable
+ *
  */
 var ErrorHandler = /** @class */ (function () {
     function ErrorHandler() {
@@ -1829,7 +1924,7 @@ function invalidProviderError(provider) {
  *
  * expect(() => Injector.resolveAndCreate([A,B])).toThrowError();
  * ```
- * @stable
+ *
  */
 function noAnnotationError(typeOrFunc, params) {
     var signature = [];
@@ -1859,7 +1954,7 @@ function noAnnotationError(typeOrFunc, params) {
  *
  * expect(() => injector.getAt(100)).toThrowError();
  * ```
- * @stable
+ *
  */
 function outOfBoundsError(index) {
     return Error("Index " + index + " is out-of-bounds.");
@@ -2613,7 +2708,7 @@ var ReflectiveInjector_ = /** @class */ (function () {
         }
         var obj;
         try {
-            obj = factory.apply(void 0, tslib_1.__spread(deps));
+            obj = factory.apply(void 0, __spread(deps));
         }
         catch (e) {
             throw instantiationError(this, e, e.stack, provider.key);
@@ -2754,7 +2849,7 @@ function getNullInjector() {
     return NULL_INJECTOR$1;
 }
 /**
- * Create a new `Injector` which is configured using `InjectorDefType`s.
+ * Create a new `Injector` which is configured using `InjectorType`s.
  *
  * @experimental
  */
@@ -2772,7 +2867,7 @@ var R3Injector = /** @class */ (function () {
            */
         this.records = new Map();
         /**
-           * The transitive set of `InjectorDefType`s which define this injector.
+           * The transitive set of `InjectorType`s which define this injector.
            */
         this.injectorDefTypes = new Set();
         /**
@@ -2783,7 +2878,7 @@ var R3Injector = /** @class */ (function () {
            * Flag indicating that this injector was previously destroyed.
            */
         this.destroyed = false;
-        // Start off by creating Records for every provider declared in every InjectorDefType
+        // Start off by creating Records for every provider declared in every InjectorType
         // included transitively in `def`.
         deepForEach([def], function (injectorDef) { return _this.processInjectorType(injectorDef, new Set()); });
         // Make sure the INJECTOR token provides this injector.
@@ -2791,7 +2886,7 @@ var R3Injector = /** @class */ (function () {
         // Detect whether this injector has the APP_ROOT_SCOPE token and thus should provide
         // any injectable scoped to APP_ROOT_SCOPE.
         this.isRootInjector = this.records.has(APP_ROOT);
-        // Eagerly instantiate the InjectorDefType classes themselves.
+        // Eagerly instantiate the InjectorType classes themselves.
         this.injectorDefTypes.forEach(function (defType) { return _this.get(defType); });
     }
     /**
@@ -2835,7 +2930,7 @@ var R3Injector = /** @class */ (function () {
         var previousInjector = setCurrentInjector(this);
         try {
             // Check for the SkipSelf flag.
-            if (!(flags & 1 /* SkipSelf */)) {
+            if (!(flags & 4 /* SkipSelf */)) {
                 // SkipSelf isn't set, check if the record belongs to this injector.
                 var record = this.records.get(token);
                 if (record === undefined) {
@@ -2872,28 +2967,28 @@ var R3Injector = /** @class */ (function () {
         }
     };
     /**
-     * Add an `InjectorDefType` or `InjectorDefTypeWithProviders` and all of its transitive providers
+     * Add an `InjectorType` or `InjectorDefTypeWithProviders` and all of its transitive providers
      * to this injector.
      */
     /**
-       * Add an `InjectorDefType` or `InjectorDefTypeWithProviders` and all of its transitive providers
+       * Add an `InjectorType` or `InjectorDefTypeWithProviders` and all of its transitive providers
        * to this injector.
        */
     R3Injector.prototype.processInjectorType = /**
-       * Add an `InjectorDefType` or `InjectorDefTypeWithProviders` and all of its transitive providers
+       * Add an `InjectorType` or `InjectorDefTypeWithProviders` and all of its transitive providers
        * to this injector.
        */
     function (defOrWrappedDef, parents) {
         var _this = this;
         defOrWrappedDef = resolveForwardRef(defOrWrappedDef);
-        // Either the defOrWrappedDef is an InjectorDefType (with ngInjectorDef) or an
+        // Either the defOrWrappedDef is an InjectorType (with ngInjectorDef) or an
         // InjectorDefTypeWithProviders (aka ModuleWithProviders). Detecting either is a megamorphic
         // read, so care is taken to only do the read once.
         // First attempt to read the ngInjectorDef.
         var def = defOrWrappedDef.ngInjectorDef;
         // If that's not present, then attempt to read ngModule from the InjectorDefTypeWithProviders.
         var ngModule = (def == null) && defOrWrappedDef.ngModule || undefined;
-        // Determine the InjectorDefType. In the case where `defOrWrappedDef` is an `InjectorDefType`,
+        // Determine the InjectorType. In the case where `defOrWrappedDef` is an `InjectorType`,
         // then this is easy. In the case of an InjectorDefTypeWithProviders, then the definition type
         // is the `ngModule`.
         var defType = (ngModule === undefined) ? defOrWrappedDef : ngModule;
@@ -2914,7 +3009,7 @@ var R3Injector = /** @class */ (function () {
         if (parents.has(defType)) {
             throw new Error("Circular dependency: type " + stringify(defType) + " ends up importing itself.");
         }
-        // Track the InjectorDefType and add a provider for it.
+        // Track the InjectorType and add a provider for it.
         this.injectorDefTypes.add(defType);
         this.records.set(defType, makeRecord(def.factory));
         // Add providers in the same way that @NgModule resolution did:
@@ -3028,12 +3123,12 @@ function providerToRecord(provider) {
             factory = function () { return inject(provider.useExisting); };
         }
         else if (isFactoryProvider(provider)) {
-            factory = function () { return provider.useFactory.apply(provider, tslib_1.__spread(injectArgs(provider.deps || []))); };
+            factory = function () { return provider.useFactory.apply(provider, __spread(injectArgs(provider.deps || []))); };
         }
         else {
             var classRef_1 = provider.useClass || token;
             if (hasDeps(provider)) {
-                factory = function () { return new ((classRef_1).bind.apply((classRef_1), tslib_1.__spread([void 0], injectArgs(provider.deps))))(); };
+                factory = function () { return new ((classRef_1).bind.apply((classRef_1), __spread([void 0], injectArgs(provider.deps))))(); };
             }
             else {
                 return injectableDefRecord(classRef_1);
@@ -3105,7 +3200,7 @@ function isPromise(obj) {
  * Determine if the argument is an Observable
  */
 function isObservable(obj) {
-    // TODO use Symbol.observable when https://github.com/ReactiveX/rxjs/issues/2415 will be resolved
+    // TODO: use Symbol.observable when https://github.com/ReactiveX/rxjs/issues/2415 will be resolved
     return !!obj && typeof obj.subscribe === 'function';
 }
 
@@ -3292,7 +3387,7 @@ function _throwError() {
  * Each `@NgModule` provides an own `Compiler` to its injector,
  * that will use the directives/pipes of the ng module for compilation
  * of components.
- * @stable
+ *
  */
 var Compiler = /** @class */ (function () {
     function Compiler() {
@@ -3401,7 +3496,7 @@ var CompilerFactory = /** @class */ (function () {
  * `ComponentRef` provides access to the Component Instance as well other objects related to this
  * Component Instance and allows you to destroy the Component Instance via the {@link #destroy}
  * method.
- * @stable
+ *
  */
 var ComponentRef = /** @class */ (function () {
     function ComponentRef() {
@@ -3409,7 +3504,7 @@ var ComponentRef = /** @class */ (function () {
     return ComponentRef;
 }());
 /**
- * @stable
+ *
  */
 var ComponentFactory = /** @class */ (function () {
     function ComponentFactory() {
@@ -3440,7 +3535,7 @@ var _NullComponentFactoryResolver = /** @class */ (function () {
     return _NullComponentFactoryResolver;
 }());
 /**
- * @stable
+ *
  */
 var ComponentFactoryResolver = /** @class */ (function () {
     function ComponentFactoryResolver() {
@@ -3471,7 +3566,7 @@ var CodegenComponentFactoryResolver = /** @class */ (function () {
     return CodegenComponentFactoryResolver;
 }());
 var ComponentFactoryBoundToModule = /** @class */ (function (_super) {
-    tslib_1.__extends(ComponentFactoryBoundToModule, _super);
+    __extends(ComponentFactoryBoundToModule, _super);
     function ComponentFactoryBoundToModule(factory, ngModule) {
         var _this = _super.call(this) || this;
         _this.factory = factory;
@@ -3502,7 +3597,7 @@ var ComponentFactoryBoundToModule = /** @class */ (function (_super) {
  * `NgModuleRef` provides access to the NgModule Instance as well other objects related to this
  * NgModule Instance.
  *
- * @stable
+ *
  */
 var NgModuleRef = /** @class */ (function () {
     function NgModuleRef() {
@@ -3682,10 +3777,10 @@ var wtfEndTimeRange = wtfEnabled ? endTimeRange : function (r) { return null; };
  * https://github.com/jhusain/observable-spec
  *
  * Once a reference implementation of the spec is available, switch to it.
- * @stable
+ *
  */
 var EventEmitter = /** @class */ (function (_super) {
-    tslib_1.__extends(EventEmitter, _super);
+    __extends(EventEmitter, _super);
     /**
      * Creates an instance of {@link EventEmitter}, which depending on `isAsync`,
      * delivers events synchronously or asynchronously.
@@ -4509,7 +4604,7 @@ var ALLOW_MULTIPLE_PLATFORMS = new InjectionToken('AllowMultipleToken');
  * does not result in additional changes to any bindings (also known as
  * unidirectional data flow).
  *
- * @stable
+ *
  */
 function enableProdMode() {
     if (_runModeLocked) {
@@ -4623,7 +4718,7 @@ function getPlatform() {
  * A page's platform is initialized implicitly when a platform is created via a platform factory
  * (e.g. {@link platformBrowser}), or explicitly by calling the {@link createPlatform} function.
  *
- * @stable
+ *
  */
 var PlatformRef = /** @class */ (function () {
     /** @internal */
@@ -4747,7 +4842,7 @@ var PlatformRef = /** @class */ (function () {
      *
      * let moduleRef = platformBrowser().bootstrapModule(MyModule);
      * ```
-     * @stable
+     *
      */
     /**
        * Creates an instance of an `@NgModule` for a given platform using the given runtime compiler.
@@ -4762,7 +4857,7 @@ var PlatformRef = /** @class */ (function () {
        *
        * let moduleRef = platformBrowser().bootstrapModule(MyModule);
        * ```
-       * @stable
+       *
        */
     PlatformRef.prototype.bootstrapModule = /**
        * Creates an instance of an `@NgModule` for a given platform using the given runtime compiler.
@@ -4777,7 +4872,7 @@ var PlatformRef = /** @class */ (function () {
        *
        * let moduleRef = platformBrowser().bootstrapModule(MyModule);
        * ```
-       * @stable
+       *
        */
     function (moduleType, compilerOptions) {
         var _this = this;
@@ -4890,14 +4985,14 @@ function optionsReducer(dst, objs) {
         dst = objs.reduce(optionsReducer, dst);
     }
     else {
-        dst = tslib_1.__assign({}, dst, objs);
+        dst = __assign({}, dst, objs);
     }
     return dst;
 }
 /**
  * A reference to an Angular application running on a page.
  *
- * @stable
+ *
  */
 var ApplicationRef = /** @class */ (function () {
     /** @internal */
@@ -5303,7 +5398,7 @@ var Renderer2 = /** @class */ (function () {
  * XSS attacks. Carefully review any use of `ElementRef` in your code. For more detail, see the
  * [Security Guide](http://g.co/ng/security).
  *
- * @stable
+ *
  */
 // Note: We don't expose things like `Injector`, `ViewContainer`, ... here,
 // i.e. users have to ask for what they need. With that, we can build better analysis tools
@@ -5324,7 +5419,7 @@ var ElementRef = /** @class */ (function () {
  */
 /**
  * Used to load ng module factories.
- * @stable
+ *
  */
 var NgModuleFactoryLoader = /** @class */ (function () {
     function NgModuleFactoryLoader() {
@@ -5386,7 +5481,7 @@ function getModuleFactory(id) {
  *   @ViewChildren(Item) items:QueryList<Item>;
  * }
  * ```
- * @stable
+ *
  */
 var QueryList = /** @class */ (function () {
     function QueryList() {
@@ -5551,7 +5646,7 @@ var SystemJsNgModuleLoader = /** @class */ (function () {
     };
     SystemJsNgModuleLoader.prototype.loadAndCompile = function (path) {
         var _this = this;
-        var _a = tslib_1.__read(path.split(_SEPARATOR), 2), module = _a[0], exportName = _a[1];
+        var _a = __read(path.split(_SEPARATOR), 2), module = _a[0], exportName = _a[1];
         if (exportName === undefined) {
             exportName = 'default';
         }
@@ -5561,7 +5656,7 @@ var SystemJsNgModuleLoader = /** @class */ (function () {
             .then(function (type) { return _this._compiler.compileModuleAsync(type); });
     };
     SystemJsNgModuleLoader.prototype.loadFactory = function (path) {
-        var _a = tslib_1.__read(path.split(_SEPARATOR), 2), module = _a[0], exportName = _a[1];
+        var _a = __read(path.split(_SEPARATOR), 2), module = _a[0], exportName = _a[1];
         var factoryClassSuffix = FACTORY_CLASS_SUFFIX;
         if (exportName === undefined) {
             exportName = 'default';
@@ -5605,7 +5700,7 @@ function checkNotEmpty(value, modulePath, exportName) {
  *
  * To instantiate Embedded Views based on a Template, use {@link ViewContainerRef#
  * createEmbeddedView}, which will create the View and attach it to the View Container.
- * @stable
+ *
  */
 var TemplateRef = /** @class */ (function () {
     function TemplateRef() {
@@ -5636,7 +5731,7 @@ var TemplateRef = /** @class */ (function () {
  *
  * To access a `ViewContainerRef` of an Element, you can either place a {@link Directive} injected
  * with `ViewContainerRef` on the Element, or you obtain it via a {@link ViewChild} query.
- * @stable
+ *
  */
 var ViewContainerRef = /** @class */ (function () {
     function ViewContainerRef() {
@@ -5652,7 +5747,7 @@ var ViewContainerRef = /** @class */ (function () {
  * found in the LICENSE file at https://angular.io/license
  */
 /**
- * @stable
+ *
  */
 var ChangeDetectorRef = /** @class */ (function () {
     function ChangeDetectorRef() {
@@ -5668,10 +5763,10 @@ var ChangeDetectorRef = /** @class */ (function () {
  * found in the LICENSE file at https://angular.io/license
  */
 /**
- * @stable
+ *
  */
 var ViewRef = /** @class */ (function (_super) {
-    tslib_1.__extends(ViewRef, _super);
+    __extends(ViewRef, _super);
     function ViewRef() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
@@ -5732,7 +5827,7 @@ var ViewRef = /** @class */ (function (_super) {
  * @experimental
  */
 var EmbeddedViewRef = /** @class */ (function (_super) {
-    tslib_1.__extends(EmbeddedViewRef, _super);
+    __extends(EmbeddedViewRef, _super);
     function EmbeddedViewRef() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
@@ -5807,7 +5902,7 @@ var DebugNode = /** @class */ (function () {
  * @experimental All debugging apis are currently experimental.
  */
 var DebugElement = /** @class */ (function (_super) {
-    tslib_1.__extends(DebugElement, _super);
+    __extends(DebugElement, _super);
     function DebugElement(nativeNode, parent, _debugContext) {
         var _this = _super.call(this, nativeNode, parent, _debugContext) || this;
         _this.properties = {};
@@ -5835,7 +5930,7 @@ var DebugElement = /** @class */ (function (_super) {
         var _this = this;
         var siblingIndex = this.childNodes.indexOf(child);
         if (siblingIndex !== -1) {
-            (_a = this.childNodes).splice.apply(_a, tslib_1.__spread([siblingIndex + 1, 0], newChildren));
+            (_a = this.childNodes).splice.apply(_a, __spread([siblingIndex + 1, 0], newChildren));
             newChildren.forEach(function (c) {
                 if (c.parent) {
                     c.parent.removeChild(c);
@@ -5973,7 +6068,7 @@ function devModeEqual(a, b) {
  *    return WrappedValue.wrap(this._latestValue); // this will force update
  *  }
  * ```
- * @stable
+ *
  */
 var WrappedValue = /** @class */ (function () {
     function WrappedValue(value) {
@@ -6004,7 +6099,7 @@ var WrappedValue = /** @class */ (function () {
 }());
 /**
  * Represents a basic change from a previous to a new value.
- * @stable
+ *
  */
 var SimpleChange = /** @class */ (function () {
     function SimpleChange(previousValue, currentValue, firstChange) {
@@ -6314,7 +6409,7 @@ var DefaultIterableDiffer = /** @class */ (function () {
             this._movesHead = this._movesTail = null;
             this._removalsHead = this._removalsTail = null;
             this._identityChangesHead = this._identityChangesTail = null;
-            // todo(vicb) when assert gets supported
+            // TODO(vicb): when assert gets supported
             // assert(!this.isDirty);
         }
     };
@@ -6565,12 +6660,12 @@ var DefaultIterableDiffer = /** @class */ (function () {
     function (record, prevRecord, index) {
         this._insertAfter(record, prevRecord, index);
         if (this._additionsTail === null) {
-            // todo(vicb)
+            // TODO(vicb):
             // assert(this._additionsHead === null);
             this._additionsTail = this._additionsHead = record;
         }
         else {
-            // todo(vicb)
+            // TODO(vicb):
             // assert(_additionsTail._nextAdded === null);
             // assert(record._nextAdded === null);
             this._additionsTail = this._additionsTail._nextAdded = record;
@@ -6581,12 +6676,12 @@ var DefaultIterableDiffer = /** @class */ (function () {
     /** @internal */
     DefaultIterableDiffer.prototype._insertAfter = /** @internal */
     function (record, prevRecord, index) {
-        // todo(vicb)
+        // TODO(vicb):
         // assert(record != prevRecord);
         // assert(record._next === null);
         // assert(record._prev === null);
         var next = prevRecord === null ? this._itHead : prevRecord._next;
-        // todo(vicb)
+        // TODO(vicb):
         // assert(next != record);
         // assert(prevRecord != record);
         record._next = next;
@@ -6625,7 +6720,7 @@ var DefaultIterableDiffer = /** @class */ (function () {
         }
         var prev = record._prev;
         var next = record._next;
-        // todo(vicb)
+        // TODO(vicb):
         // assert((record._prev = null) === null);
         // assert((record._next = null) === null);
         if (prev === null) {
@@ -6646,18 +6741,18 @@ var DefaultIterableDiffer = /** @class */ (function () {
     /** @internal */
     DefaultIterableDiffer.prototype._addToMoves = /** @internal */
     function (record, toIndex) {
-        // todo(vicb)
+        // TODO(vicb):
         // assert(record._nextMoved === null);
         if (record.previousIndex === toIndex) {
             return record;
         }
         if (this._movesTail === null) {
-            // todo(vicb)
+            // TODO(vicb):
             // assert(_movesHead === null);
             this._movesTail = this._movesHead = record;
         }
         else {
-            // todo(vicb)
+            // TODO(vicb):
             // assert(_movesTail._nextMoved === null);
             this._movesTail = this._movesTail._nextMoved = record;
         }
@@ -6671,13 +6766,13 @@ var DefaultIterableDiffer = /** @class */ (function () {
         record.currentIndex = null;
         record._nextRemoved = null;
         if (this._removalsTail === null) {
-            // todo(vicb)
+            // TODO(vicb):
             // assert(_removalsHead === null);
             this._removalsTail = this._removalsHead = record;
             record._prevRemoved = null;
         }
         else {
-            // todo(vicb)
+            // TODO(vicb):
             // assert(_removalsTail._nextRemoved === null);
             // assert(record._nextRemoved === null);
             record._prevRemoved = this._removalsTail;
@@ -6701,7 +6796,7 @@ var DefaultIterableDiffer = /** @class */ (function () {
     return DefaultIterableDiffer;
 }());
 /**
- * @stable
+ *
  */
 var IterableChangeRecord_ = /** @class */ (function () {
     function IterableChangeRecord_(item, trackById) {
@@ -6762,10 +6857,10 @@ var _DuplicateItemRecordList = /** @class */ (function () {
             record._prevDup = null;
         }
         else {
-            // todo(vicb)
+            // TODO(vicb):
             // assert(record.item ==  _head.item ||
             //       record.item is num && record.item.isNaN && _head.item is num && _head.item.isNaN);
-            // todo(vicb)
+            // TODO(vicb):
             // assert(record.item ==  _head.item ||
             //       record.item is num && record.item.isNaN && _head.item is num && _head.item.isNaN);
             this._tail._nextDup = record;
@@ -6807,7 +6902,7 @@ var _DuplicateItemRecordList = /** @class */ (function () {
        * Returns whether the list of duplicates is empty.
        */
     function (record) {
-        // todo(vicb)
+        // TODO(vicb):
         // assert(() {
         //  // verify that the record being removed is in the list.
         //  for (IterableChangeRecord_ cursor = _head; cursor != null; cursor = cursor._nextDup) {
@@ -7182,7 +7277,7 @@ var DefaultKeyValueDiffer = /** @class */ (function () {
     return DefaultKeyValueDiffer;
 }());
 /**
- * @stable
+ *
  */
 var KeyValueChangeRecord_ = /** @class */ (function () {
     function KeyValueChangeRecord_(key) {
@@ -7214,7 +7309,7 @@ var KeyValueChangeRecord_ = /** @class */ (function () {
  */
 /**
  * A repository of different iterable diffing strategies used by NgFor, NgClass, and others.
- * @stable
+ *
  */
 var IterableDiffers = /** @class */ (function () {
     function IterableDiffers(factories) {
@@ -7309,6 +7404,10 @@ var IterableDiffers = /** @class */ (function () {
             throw new Error("Cannot find a differ supporting object '" + iterable + "' of type '" + getTypeNameForDebugging(iterable) + "'");
         }
     };
+    IterableDiffers.ngInjectableDef = defineInjectable({
+        providedIn: 'root',
+        factory: function () { return new IterableDiffers([new DefaultIterableDifferFactory()]); }
+    });
     return IterableDiffers;
 }());
 function getTypeNameForDebugging(type) {
@@ -7324,7 +7423,7 @@ function getTypeNameForDebugging(type) {
  */
 /**
  * A repository of different Map diffing strategies used by NgClass, NgStyle, and others.
- * @stable
+ *
  */
 var KeyValueDiffers = /** @class */ (function () {
     function KeyValueDiffers(factories) {
@@ -7931,7 +8030,7 @@ function sanitizeSrcset(srcset) {
 function tagSet(tags) {
     var res = {};
     try {
-        for (var _a = tslib_1.__values(tags.split(',')), _b = _a.next(); !_b.done; _b = _a.next()) {
+        for (var _a = __values(tags.split(',')), _b = _a.next(); !_b.done; _b = _a.next()) {
             var t = _b.value;
             res[t] = true;
         }
@@ -7953,7 +8052,7 @@ function merge$1() {
     }
     var res = {};
     try {
-        for (var sets_1 = tslib_1.__values(sets), sets_1_1 = sets_1.next(); !sets_1_1.done; sets_1_1 = sets_1.next()) {
+        for (var sets_1 = __values(sets), sets_1_1 = sets_1.next(); !sets_1_1.done; sets_1_1 = sets_1.next()) {
             var s = sets_1_1.value;
             for (var v in s) {
                 if (s.hasOwnProperty(v))
@@ -8284,7 +8383,7 @@ function _sanitizeStyle(value) {
  *
  * See DomSanitizer for more details on security in Angular applications.
  *
- * @stable
+ *
  */
 /**
  * A SecurityContext marks a location that has dangerous security implications, e.g. a DOM property
@@ -8293,7 +8392,7 @@ function _sanitizeStyle(value) {
  *
  * See DomSanitizer for more details on security in Angular applications.
  *
- * @stable
+ *
  */
 
 /**
@@ -8303,7 +8402,7 @@ function _sanitizeStyle(value) {
  *
  * See DomSanitizer for more details on security in Angular applications.
  *
- * @stable
+ *
  */
 (function (SecurityContext) {
     SecurityContext[SecurityContext["NONE"] = 0] = "NONE";
@@ -8316,7 +8415,7 @@ function _sanitizeStyle(value) {
 /**
  * Sanitizer is used by the views to sanitize potentially dangerous values.
  *
- * @stable
+ *
  */
 var Sanitizer = /** @class */ (function () {
     function Sanitizer() {
@@ -8618,7 +8717,7 @@ function splitMatchedQueriesDsl(matchedQueriesDsl) {
     var references = {};
     if (matchedQueriesDsl) {
         matchedQueriesDsl.forEach(function (_a) {
-            var _b = tslib_1.__read(_a, 2), queryId = _b[0], valueType = _b[1];
+            var _b = __read(_a, 2), queryId = _b[0], valueType = _b[1];
             if (typeof queryId === 'number') {
                 matchedQueries[queryId] = valueType;
                 matchedQueryIds |= filterQueryId(queryId);
@@ -8635,7 +8734,7 @@ function splitDepsDsl(deps, sourceName) {
         var token;
         var flags;
         if (Array.isArray(value)) {
-            _a = tslib_1.__read(value, 2), flags = _a[0], token = _a[1];
+            _a = __read(value, 2), flags = _a[0], token = _a[1];
         }
         else {
             flags = 0 /* None */;
@@ -8887,13 +8986,13 @@ function elementDef(checkIndex, flags, matchedQueriesDsl, ngContentIndex, childC
     var ns = (null);
     var name = (null);
     if (namespaceAndName) {
-        _b = tslib_1.__read(splitNamespace(namespaceAndName), 2), ns = _b[0], name = _b[1];
+        _b = __read(splitNamespace(namespaceAndName), 2), ns = _b[0], name = _b[1];
     }
     bindings = bindings || [];
     var bindingDefs = new Array(bindings.length);
     for (var i = 0; i < bindings.length; i++) {
-        var _c = tslib_1.__read(bindings[i], 3), bindingFlags = _c[0], namespaceAndName_1 = _c[1], suffixOrSecurityContext = _c[2];
-        var _d = tslib_1.__read(splitNamespace(namespaceAndName_1), 2), ns_1 = _d[0], name_1 = _d[1];
+        var _c = __read(bindings[i], 3), bindingFlags = _c[0], namespaceAndName_1 = _c[1], suffixOrSecurityContext = _c[2];
+        var _d = __read(splitNamespace(namespaceAndName_1), 2), ns_1 = _d[0], name_1 = _d[1];
         var securityContext = (undefined);
         var suffix = (undefined);
         switch (bindingFlags & 15 /* Types */) {
@@ -8911,7 +9010,7 @@ function elementDef(checkIndex, flags, matchedQueriesDsl, ngContentIndex, childC
     outputs = outputs || [];
     var outputDefs = new Array(outputs.length);
     for (var i = 0; i < outputs.length; i++) {
-        var _e = tslib_1.__read(outputs[i], 2), target = _e[0], eventName = _e[1];
+        var _e = __read(outputs[i], 2), target = _e[0], eventName = _e[1];
         outputDefs[i] = {
             type: 0 /* ElementOutput */,
             target: target, eventName: eventName,
@@ -8920,8 +9019,8 @@ function elementDef(checkIndex, flags, matchedQueriesDsl, ngContentIndex, childC
     }
     fixedAttrs = fixedAttrs || [];
     var attrs = fixedAttrs.map(function (_a) {
-        var _b = tslib_1.__read(_a, 2), namespaceAndName = _b[0], value = _b[1];
-        var _c = tslib_1.__read(splitNamespace(namespaceAndName), 2), ns = _c[0], name = _c[1];
+        var _b = __read(_a, 2), namespaceAndName = _b[0], value = _b[1];
+        var _c = __read(splitNamespace(namespaceAndName), 2), ns = _c[0], name = _c[1];
         return [ns, name, value];
     });
     componentRendererType = resolveRendererType2(componentRendererType);
@@ -8987,7 +9086,7 @@ function createElement(view, renderHost, def) {
     }
     if (elDef.attrs) {
         for (var i = 0; i < elDef.attrs.length; i++) {
-            var _a = tslib_1.__read(elDef.attrs[i], 3), ns = _a[0], name_2 = _a[1], value = _a[2];
+            var _a = __read(elDef.attrs[i], 3), ns = _a[0], name_2 = _a[1], value = _a[2];
             renderer.setAttribute(el, name_2, value, ns);
         }
     }
@@ -9171,7 +9270,10 @@ function initNgModule(data) {
     for (var i = 0; i < def.providers.length; i++) {
         var provDef = def.providers[i];
         if (!(provDef.flags & 4096 /* LazyProvider */)) {
-            providers[i] = _createProviderInstance$1(data, provDef);
+            // Make sure the provider has not been already initialized outside this loop.
+            if (providers[i] === undefined) {
+                providers[i] = _createProviderInstance$1(data, provDef);
+            }
         }
     }
 }
@@ -9264,7 +9366,7 @@ function _createClass(ngModule, ctor, deps) {
             for (var i = 0; i < len; i++) {
                 depValues[i] = resolveNgModuleDep(ngModule, deps[i]);
             }
-            return new (ctor.bind.apply(ctor, tslib_1.__spread([void 0], depValues)))();
+            return new (ctor.bind.apply(ctor, __spread([void 0], depValues)))();
     }
 }
 function _callFactory(ngModule, factory, deps) {
@@ -9283,7 +9385,7 @@ function _callFactory(ngModule, factory, deps) {
             for (var i = 0; i < len; i++) {
                 depValues[i] = resolveNgModuleDep(ngModule, deps[i]);
             }
-            return factory.apply(void 0, tslib_1.__spread(depValues));
+            return factory.apply(void 0, __spread(depValues));
     }
 }
 function callNgModuleLifecycle(ngModule, lifecycles) {
@@ -9446,7 +9548,7 @@ function getComponentViewDefinitionFactory(componentFactory) {
     return componentFactory.viewDefFactory;
 }
 var ComponentFactory_ = /** @class */ (function (_super) {
-    tslib_1.__extends(ComponentFactory_, _super);
+    __extends(ComponentFactory_, _super);
     function ComponentFactory_(selector, componentType, viewDefFactory, _inputs, _outputs, ngContentSelectors) {
         var _this = 
         // Attention: this ctor is called as top level function.
@@ -9510,7 +9612,7 @@ var ComponentFactory_ = /** @class */ (function (_super) {
     return ComponentFactory_;
 }(ComponentFactory));
 var ComponentRef_ = /** @class */ (function (_super) {
-    tslib_1.__extends(ComponentRef_, _super);
+    __extends(ComponentRef_, _super);
     function ComponentRef_(_view, _viewRef, _component) {
         var _this = _super.call(this) || this;
         _this._view = _view;
@@ -9727,7 +9829,7 @@ function createTemplateData(view, def) {
     return new TemplateRef_(view, def);
 }
 var TemplateRef_ = /** @class */ (function (_super) {
-    tslib_1.__extends(TemplateRef_, _super);
+    __extends(TemplateRef_, _super);
     function TemplateRef_(_parentView, _def) {
         var _this = _super.call(this) || this;
         _this._parentView = _parentView;
@@ -9786,7 +9888,7 @@ var RendererAdapter = /** @class */ (function () {
         return this.delegate.selectRootElement(selectorOrNode);
     };
     RendererAdapter.prototype.createElement = function (parent, namespaceAndName) {
-        var _a = tslib_1.__read(splitNamespace(namespaceAndName), 2), ns = _a[0], name = _a[1];
+        var _a = __read(splitNamespace(namespaceAndName), 2), ns = _a[0], name = _a[1];
         var el = this.delegate.createElement(name, ns);
         if (parent) {
             this.delegate.appendChild(parent, el);
@@ -9842,7 +9944,7 @@ var RendererAdapter = /** @class */ (function () {
         this.delegate.setProperty(renderElement, propertyName, propertyValue);
     };
     RendererAdapter.prototype.setElementAttribute = function (renderElement, namespaceAndName, attributeValue) {
-        var _a = tslib_1.__read(splitNamespace(namespaceAndName), 2), ns = _a[0], name = _a[1];
+        var _a = __read(splitNamespace(namespaceAndName), 2), ns = _a[0], name = _a[1];
         if (attributeValue != null) {
             this.delegate.setAttribute(renderElement, name, attributeValue, ns);
         }
@@ -9892,7 +9994,7 @@ var NgModuleRef_ = /** @class */ (function () {
         if (notFoundValue === void 0) { notFoundValue = Injector.THROW_IF_NOT_FOUND; }
         if (injectFlags === void 0) { injectFlags = 0 /* Default */; }
         var flags = 0;
-        if (injectFlags & 1 /* SkipSelf */) {
+        if (injectFlags & 4 /* SkipSelf */) {
             flags |= 1 /* SkipSelf */;
         }
         else if (injectFlags & 2 /* Self */) {
@@ -9941,7 +10043,7 @@ function directiveDef(checkIndex, flags, matchedQueries, childCount, ctor, deps,
     var bindings = [];
     if (props) {
         for (var prop in props) {
-            var _a = tslib_1.__read(props[prop], 2), bindingIndex = _a[0], nonMinifiedName = _a[1];
+            var _a = __read(props[prop], 2), bindingIndex = _a[0], nonMinifiedName = _a[1];
             bindings[bindingIndex] = {
                 flags: 8 /* TypeProperty */,
                 name: prop, nonMinifiedName: nonMinifiedName,
@@ -10145,7 +10247,7 @@ function createClass(view, elDef, allowPrivateServices, ctor, deps) {
             for (var i = 0; i < len; i++) {
                 depValues[i] = resolveDep(view, elDef, allowPrivateServices, deps[i]);
             }
-            return new (ctor.bind.apply(ctor, tslib_1.__spread([void 0], depValues)))();
+            return new (ctor.bind.apply(ctor, __spread([void 0], depValues)))();
     }
 }
 function callFactory(view, elDef, allowPrivateServices, factory, deps) {
@@ -10164,7 +10266,7 @@ function callFactory(view, elDef, allowPrivateServices, factory, deps) {
             for (var i = 0; i < len; i++) {
                 depValues[i] = resolveDep(view, elDef, allowPrivateServices, deps[i]);
             }
-            return factory.apply(void 0, tslib_1.__spread(depValues));
+            return factory.apply(void 0, __spread(depValues));
     }
 }
 // This default value is when checking the hierarchy for a token.
@@ -10839,7 +10941,7 @@ function checkAndUpdatePureExpressionDynamic(view, def, values) {
             case 128 /* TypePurePipe */:
                 var pipe = values[0];
                 var params = values.slice(1);
-                value = pipe.transform.apply(pipe, tslib_1.__spread(params));
+                value = pipe.transform.apply(pipe, __spread(params));
                 break;
         }
         data.value = value;
@@ -11949,7 +12051,7 @@ function debugUpdateRenderer(view, checkType) {
     }
 }
 function debugCheckAndUpdateNode(view, nodeDef, argStyle, givenValues) {
-    var changed = checkAndUpdateNode.apply(void 0, tslib_1.__spread([view, nodeDef, argStyle], givenValues));
+    var changed = checkAndUpdateNode.apply(void 0, __spread([view, nodeDef, argStyle], givenValues));
     if (changed) {
         var values = argStyle === 1 /* Dynamic */ ? givenValues[0] : givenValues;
         if (nodeDef.flags & 16384 /* TypeDirective */) {
@@ -11984,7 +12086,7 @@ function debugCheckAndUpdateNode(view, nodeDef, argStyle, givenValues) {
     }
 }
 function debugCheckNoChangesNode(view, nodeDef, argStyle, values) {
-    checkNoChangesNode.apply(void 0, tslib_1.__spread([view, nodeDef, argStyle], values));
+    checkNoChangesNode.apply(void 0, __spread([view, nodeDef, argStyle], values));
 }
 function normalizeDebugBindingName(name) {
     // Attribute names with `$` (eg `x-y$`) are valid per spec, but unsupported by some browsers
@@ -12146,7 +12248,7 @@ var DebugContext_ = /** @class */ (function () {
         var nodeLogger = function () {
             currRenderNodeIndex++;
             if (currRenderNodeIndex === renderNodeIndex) {
-                return (_a = console.error).bind.apply(_a, tslib_1.__spread([console], values));
+                return (_a = console.error).bind.apply(_a, __spread([console], values));
             }
             else {
                 return NOOP;
@@ -12156,7 +12258,7 @@ var DebugContext_ = /** @class */ (function () {
         logViewDef.factory(nodeLogger);
         if (currRenderNodeIndex < renderNodeIndex) {
             console.error('Illegal state: the ViewDefinitionFactory did not call the logger!');
-            console.error.apply(console, tslib_1.__spread(values));
+            console.error.apply(console, __spread(values));
         }
     };
     return DebugContext_;
@@ -12394,7 +12496,7 @@ function createNgModuleFactory(ngModuleType, bootstrapComponents, defFactory) {
     return new NgModuleFactory_(ngModuleType, bootstrapComponents, defFactory);
 }
 var NgModuleFactory_ = /** @class */ (function (_super) {
-    tslib_1.__extends(NgModuleFactory_, _super);
+    __extends(NgModuleFactory_, _super);
     function NgModuleFactory_(moduleType, _bootstrapComponents, _ngModuleDefFactory) {
         var _this = 
         // Attention: this ctor is called as top level function.
@@ -12460,6 +12562,11 @@ function assertLessThan(actual, expected, msg) {
         throwError(msg);
     }
 }
+function assertGreaterThan(actual, expected, msg) {
+    if (actual <= expected) {
+        throwError(msg);
+    }
+}
 function assertNull(actual, msg) {
     if (actual != null) {
         throwError(msg);
@@ -12519,8 +12626,8 @@ function queueLifecycleHooks(flags, currentView) {
     var tView = currentView.tView;
     if (tView.firstTemplatePass === true) {
         var start = flags >> 13;
-        var size = (flags & 8190 /* SIZE_MASK */) >> 1;
-        var end = start + size;
+        var count = flags & 4095;
+        var end = start + count;
         // It's necessary to loop through the directives at elementEnd() (rather than processing in
         // directiveCreate) so we can preserve the current hook order. Content, view, and destroy
         // hooks for projected components and directives must be called *before* their hosts.
@@ -12564,9 +12671,9 @@ function queueDestroyHooks(def, tView, i) {
  * @param currentView The current view
  */
 function executeInitHooks(currentView, tView, creationMode) {
-    if (currentView.lifecycleStage === 1 /* INIT */) {
+    if (currentView.lifecycleStage === 1 /* Init */) {
         executeHooks((currentView.directives), tView.initHooks, tView.checkHooks, creationMode);
-        currentView.lifecycleStage = 2 /* AFTER_INIT */;
+        currentView.lifecycleStage = 2 /* AfterInit */;
     }
 }
 /**
@@ -12707,6 +12814,64 @@ var domRendererFactory3 = {
 // Note: This hack is necessary so we don't erroneously get a circular dependency
 // failure based on types.
 
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/**
+* Must use this method for CD (instead of === ) since NaN !== NaN
+*/
+function isDifferent(a, b) {
+    // NaN is the only value that is not equal to itself so the first
+    // test checks if both a and b are not NaN
+    return !(a !== a && b !== b) && a !== b;
+}
+function stringify$1(value) {
+    if (typeof value == 'function')
+        return value.name || value;
+    if (typeof value == 'string')
+        return value;
+    if (value == null)
+        return '';
+    return '' + value;
+}
+/**
+ *  Function that throws a "not implemented" error so it's clear certain
+ *  behaviors/methods aren't yet ready.
+ *
+ * @returns Not implemented error
+ */
+function notImplemented() {
+    return new Error('NotImplemented');
+}
+/**
+ * Flattens an array in non-recursive way. Input arrays are not modified.
+ */
+function flatten$1(list) {
+    var result = [];
+    var i = 0;
+    while (i < list.length) {
+        var item = list[i];
+        if (Array.isArray(item)) {
+            if (item.length > 0) {
+                list = item.concat(list.slice(i + 1));
+                i = 0;
+            }
+            else {
+                i++;
+            }
+        }
+        else {
+            result.push(item);
+            i++;
+        }
+    }
+    return result;
+}
+
 /**
  * @license
  * Copyright Google Inc. All Rights Reserved.
@@ -12837,6 +13002,10 @@ function findFirstRNode(rootNode) {
     }
     return null;
 }
+function createTextNode(value, renderer) {
+    return isProceduralRenderer(renderer) ? renderer.createText(stringify$1(value)) :
+        renderer.createTextNode(stringify$1(value));
+}
 function addRemoveViewFromContainer(container, rootNode, insertMode, beforeNode) {
     ngDevMode && assertNodeType(container, 0 /* Container */);
     ngDevMode && assertNodeType(rootNode, 2 /* View */);
@@ -12849,6 +13018,15 @@ function addRemoveViewFromContainer(container, rootNode, insertMode, beforeNode)
             var renderer = container.view.renderer;
             if (node.type === 3 /* Element */) {
                 if (insertMode) {
+                    if (!node.native) {
+                        // If the native element doesn't exist, this is a bound text node that hasn't yet been
+                        // created because update mode has not run (occurs when a bound text node is a root
+                        // node of a dynamically created view). See textBinding() in instructions for ctx.
+                        // If the native element doesn't exist, this is a bound text node that hasn't yet been
+                        // created because update mode has not run (occurs when a bound text node is a root
+                        // node of a dynamically created view). See textBinding() in instructions for ctx.
+                        node.native = createTextNode('', renderer);
+                    }
                     isProceduralRenderer(renderer) ?
                         renderer.insertBefore(parent, (node.native), beforeNode) :
                         parent.insertBefore((node.native), beforeNode, true);
@@ -12982,6 +13160,7 @@ function removeView(container, removeIndex) {
         setViewNext(views[removeIndex - 1], viewNode.next);
     }
     views.splice(removeIndex, 1);
+    viewNode.next = null;
     destroyViewTree(viewNode.data);
     addRemoveViewFromContainer(container, viewNode, false);
     // Notify query that view has been removed
@@ -13137,7 +13316,7 @@ function appendProjectedNode(node, currentParent, currentView) {
     if (node.type !== 0 /* Container */) {
         appendChild(currentParent, node.native, currentView);
     }
-    else if (canInsertNativeNode(currentParent, currentView)) {
+    else {
         // The node we are adding is a Container and we are adding it to Element which
         // is not a component (no more re-projection).
         // Alternatively a container is projected at the root of a component's template
@@ -13150,6 +13329,9 @@ function appendProjectedNode(node, currentParent, currentView) {
             addRemoveViewFromContainer(node, views[i], true, null);
         }
     }
+    if (node.dynamicLContainerNode) {
+        node.dynamicLContainerNode.data.renderParent = currentParent;
+    }
 }
 
 /**
@@ -13286,64 +13468,6 @@ function matchingSelectorIndex(tNode, selectors, textSelectors) {
     return 0;
 }
 
-/**
- * @license
- * Copyright Google Inc. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-/**
-* Must use this method for CD (instead of === ) since NaN !== NaN
-*/
-function isDifferent(a, b) {
-    // NaN is the only value that is not equal to itself so the first
-    // test checks if both a and b are not NaN
-    return !(a !== a && b !== b) && a !== b;
-}
-function stringify$1(value) {
-    if (typeof value == 'function')
-        return value.name || value;
-    if (typeof value == 'string')
-        return value;
-    if (value == null)
-        return '';
-    return '' + value;
-}
-/**
- *  Function that throws a "not implemented" error so it's clear certain
- *  behaviors/methods aren't yet ready.
- *
- * @returns Not implemented error
- */
-function notImplemented() {
-    return new Error('NotImplemented');
-}
-/**
- * Flattens an array in non-recursive way. Input arrays are not modified.
- */
-function flatten$1(list) {
-    var result = [];
-    var i = 0;
-    while (i < list.length) {
-        var item = list[i];
-        if (Array.isArray(item)) {
-            if (item.length > 0) {
-                list = item.concat(list.slice(i + 1));
-                i = 0;
-            }
-            else {
-                i++;
-            }
-        }
-        else {
-            result.push(item);
-            i++;
-        }
-    }
-    return result;
-}
-
 /** Called when directives inject each other (creating a circular dependency) */
 function throwCyclicDependencyError(token) {
     throw new Error("Cannot instantiate cyclic dependency! " + token);
@@ -13474,10 +13598,6 @@ var data;
  * unknown at compile-time and thus space cannot be reserved in data[].
  */
 var directives;
-/**
- * Points to the next binding index to read or write to.
- */
-var bindingIndex;
 /**
  * When a view is destroyed, listeners need to be released and outputs need to be
  * unsubscribed. This cleanup array stores both listener data (in chunks of 4)
@@ -13520,12 +13640,14 @@ function enterView(newView, host) {
     var oldView = currentView;
     data = newView && newView.data;
     directives = newView && newView.directives;
-    bindingIndex = newView && newView.bindingStartIndex || 0;
     tData = newView && newView.tView.data;
     creationMode = newView && (newView.flags & 1 /* CreationMode */) === 1 /* CreationMode */;
     firstTemplatePass = newView && newView.tView.firstTemplatePass;
     cleanup = newView && newView.cleanup;
     renderer = newView && newView.renderer;
+    if (newView && newView.bindingIndex < 0) {
+        newView.bindingIndex = newView.bindingStartIndex;
+    }
     if (host != null) {
         previousOrParentNode = host;
         isParent = true;
@@ -13544,7 +13666,8 @@ function leaveView(newView) {
     }
     // Views should be clean and in update mode after being checked, so these bits are cleared
     currentView.flags &= ~(1 /* CreationMode */ | 4 /* Dirty */);
-    currentView.lifecycleStage = 1 /* INIT */;
+    currentView.lifecycleStage = 1 /* Init */;
+    currentView.bindingIndex = -1;
     enterView(newView, null);
 }
 /**  Refreshes directives in this view and triggers any init/content hooks.  */
@@ -13598,12 +13721,14 @@ function createLView(viewId, renderer, tView, template, context, flags) {
         child: null,
         tail: null,
         next: null,
-        bindingStartIndex: null,
+        bindingStartIndex: -1,
+        bindingIndex: -1,
         template: template,
         context: context,
         dynamicViewCount: 0,
-        lifecycleStage: 1 /* INIT */,
+        lifecycleStage: 1 /* Init */,
         queries: null,
+        injector: currentView && currentView.injector,
     };
     return newView;
 }
@@ -13695,25 +13820,22 @@ function resetApplicationState() {
  * @param pipes Pipe defs that should be used for matching
  */
 
-function renderEmbeddedTemplate(viewNode, template, context, renderer) {
+function renderEmbeddedTemplate(viewNode, template, context, renderer, directives, pipes) {
     var _isParent = isParent;
     var _previousOrParentNode = previousOrParentNode;
     var oldView;
     try {
         isParent = true;
         previousOrParentNode = (null);
-        var cm = false;
+        var rf = 2;
         if (viewNode == null) {
-            // TODO: revisit setting currentView when re-writing view containers
-            var directives_1 = currentView && currentView.tView.directiveRegistry;
-            var pipes = currentView && currentView.tView.pipeRegistry;
-            var tView = getOrCreateTView(template, directives_1, pipes);
+            var tView = getOrCreateTView(template, directives || null, pipes || null);
             var lView = createLView(-1, renderer, tView, template, context, 2 /* CheckAlways */);
             viewNode = createLNode(null, 2 /* View */, null, lView);
-            cm = true;
+            rf = 1 /* Create */;
         }
         oldView = enterView(viewNode.data, viewNode);
-        template(context, cm);
+        template(rf, context);
         refreshDirectives();
         refreshDynamicChildren();
     }
@@ -13731,7 +13853,8 @@ function renderComponentOrTemplate(node, hostView, componentOrContext, template)
             rendererFactory.begin();
         }
         if (template) {
-            template((componentOrContext), creationMode);
+            template(getRenderFlags(hostView), (componentOrContext));
+            refreshDynamicChildren();
             refreshDirectives();
         }
         else {
@@ -13749,6 +13872,19 @@ function renderComponentOrTemplate(node, hostView, componentOrContext, template)
         leaveView(oldView);
     }
 }
+/**
+ * This function returns the default configuration of rendering flags depending on when the
+ * template is in creation mode or update mode. By default, the update block is run with the
+ * creation block when the view is in creation mode. Otherwise, the update block is run
+ * alone.
+ *
+ * Dynamically created views do NOT use this configuration (update block and create block are
+ * always run separately).
+ */
+function getRenderFlags(view) {
+    return view.flags & 1 /* CreationMode */ ? 1 /* Create */ | 2 /* Update */ :
+        2 /* Update */;
+}
 /**
  * Create DOM element. The instruction must later be followed by `elementEnd()` call.
  *
@@ -13763,7 +13899,7 @@ function renderComponentOrTemplate(node, hostView, componentOrContext, template)
  */
 function elementStart(index, name, attrs, localRefs) {
     ngDevMode &&
-        assertNull(currentView.bindingStartIndex, 'elements should be created before any bindings');
+        assertEqual(currentView.bindingStartIndex, -1, 'elements should be created before any bindings');
     var native = renderer.createElement(name);
     var node = createLNode(index, 3 /* Element */, (native), null);
     if (attrs)
@@ -13790,6 +13926,7 @@ function createDirectivesAndLocals(index, name, attrs, localRefs, containerData)
  * (so dependencies are always created before the directives that inject them).
  */
 function cacheMatchingDirectivesForNode(tNode, tView, localRefs) {
+    // Please make sure to have explicit type for `exportsMap`. Inferred type triggers bug in tsickle.
     var exportsMap = localRefs ? { '': -1 } : null;
     var matches = tView.currentMatches = findDirectiveMatches(tNode);
     if (matches) {
@@ -13812,9 +13949,9 @@ function findDirectiveMatches(tNode) {
             var def = registry[i];
             if (isNodeMatchingSelectorList(tNode, (def.selectors))) {
                 if (def.template) {
-                    if (tNode.flags & 1 /* Component */)
+                    if (tNode.flags & 4096 /* isComponent */)
                         throwMultipleComponentError(tNode);
-                    tNode.flags = 1 /* Component */;
+                    tNode.flags = 4096 /* isComponent */;
                 }
                 if (def.diPublic)
                     def.diPublic(def);
@@ -13857,18 +13994,19 @@ function initChangeDetectorIfExisting(injector, instance, view) {
     }
 }
 function isComponent(tNode) {
-    return (tNode.flags & 1 /* Component */) === 1 /* Component */;
+    return (tNode.flags & 4096 /* isComponent */) === 4096 /* isComponent */;
 }
 /**
  * This function instantiates the given directives.
  */
 function instantiateDirectivesDirectly() {
     var tNode = (previousOrParentNode.tNode);
-    var size = (tNode.flags & 8190 /* SIZE_MASK */) >> 1;
-    if (size > 0) {
-        var startIndex = tNode.flags >> 13;
+    var count = tNode.flags & 4095;
+    if (count > 0) {
+        var start = tNode.flags >> 13;
+        var end = start + count;
         var tDirectives = (currentView.tView.directives);
-        for (var i = startIndex; i < startIndex + size; i++) {
+        for (var i = start; i < end; i++) {
             var def = tDirectives[i];
             directiveCreate(i, def.factory(), def);
         }
@@ -14001,7 +14139,7 @@ function hostElement(tag, rNode, def) {
     var node = createLNode(0, 3 /* Element */, rNode, createLView(-1, renderer, getOrCreateTView(def.template, def.directiveDefs, def.pipeDefs), null, null, def.onPush ? 4 /* Dirty */ : 2 /* CheckAlways */));
     if (firstTemplatePass) {
         node.tNode = createTNode(tag, null, null);
-        node.tNode.flags = 1 /* Component */;
+        node.tNode.flags = 4096 /* isComponent */;
         if (def.diPublic)
             def.diPublic(def);
         currentView.tView.directives = [def];
@@ -14175,13 +14313,14 @@ function setInputsForProperty(inputs, value) {
  * @returns PropertyAliases|null aggregate of all properties if any, `null` otherwise
  */
 function generatePropertyAliases(tNodeFlags, direction) {
-    var size = (tNodeFlags & 8190 /* SIZE_MASK */) >> 1;
+    var count = tNodeFlags & 4095;
     var propStore = null;
-    if (size > 0) {
+    if (count > 0) {
         var start = tNodeFlags >> 13;
+        var end = start + count;
         var isInput = direction === 0;
         var defs = (currentView.tView.directives);
-        for (var i = start, ii = start + size; i < ii; i++) {
+        for (var i = start; i < end; i++) {
             var directiveDef = defs[i];
             var propertyAliasMap = isInput ? directiveDef.inputs : directiveDef.outputs;
             for (var publicName in propertyAliasMap) {
@@ -14301,11 +14440,8 @@ function elementStyle(index, value) {
  */
 function text(index, value) {
     ngDevMode &&
-        assertNull(currentView.bindingStartIndex, 'text nodes should be created before bindings');
-    var textNode = value != null ?
-        (isProceduralRenderer(renderer) ? renderer.createText(stringify$1(value)) :
-            renderer.createTextNode(stringify$1(value))) :
-        null;
+        assertEqual(currentView.bindingStartIndex, -1, 'text nodes should be created before bindings');
+    var textNode = value != null ? createTextNode(value, renderer) : null;
     var node = createLNode(index, 3 /* Element */, textNode);
     // Text nodes are self closing.
     isParent = false;
@@ -14330,9 +14466,7 @@ function textBinding(index, value) {
     }
     else {
         // Node was created but DOM node creation was delayed. Create and append now.
-        existingNode.native = isProceduralRenderer(renderer) ?
-            renderer.createText(stringify$1(value)) :
-            renderer.createTextNode(stringify$1(value));
+        existingNode.native = createTextNode(value, renderer);
         insertChild(existingNode, currentView);
     }
 }
@@ -14348,7 +14482,7 @@ function textBinding(index, value) {
 function directiveCreate(index, directive, directiveDef) {
     var instance = baseDirectiveCreate(index, directive, directiveDef);
     ngDevMode && assertNotNull(previousOrParentNode.tNode, 'previousOrParentNode.tNode');
-    var tNode = (previousOrParentNode.tNode);
+    var tNode = previousOrParentNode.tNode;
     var isComponent = directiveDef.template;
     if (isComponent) {
         addComponentLogic(index, directive, directiveDef);
@@ -14384,7 +14518,7 @@ function addComponentLogic(index, instance, def) {
  */
 function baseDirectiveCreate(index, directive, directiveDef) {
     ngDevMode &&
-        assertNull(currentView.bindingStartIndex, 'directives should be created before any bindings');
+        assertEqual(currentView.bindingStartIndex, -1, 'directives should be created before any bindings');
     ngDevMode && assertPreviousIsParent();
     Object.defineProperty(directive, NG_HOST_SYMBOL, { enumerable: false, value: previousOrParentNode });
     if (directives == null)
@@ -14393,9 +14527,21 @@ function baseDirectiveCreate(index, directive, directiveDef) {
     directives[index] = directive;
     if (firstTemplatePass) {
         var flags = previousOrParentNode.tNode.flags;
-        previousOrParentNode.tNode.flags = (flags & 8190 /* SIZE_MASK */) === 0 ?
-            (index << 13 /* INDX_SHIFT */) | 2 /* SIZE_SKIP */ | flags & 1 /* Component */ :
-            flags + 2 /* SIZE_SKIP */;
+        if ((flags & 4095 /* DirectiveCountMask */) === 0) {
+            // When the first directive is created:
+            // - save the index,
+            // - set the number of directives to 1
+            // When the first directive is created:
+            // - save the index,
+            // - set the number of directives to 1
+            previousOrParentNode.tNode.flags =
+                index << 13 /* DirectiveStartingIndexShift */ | flags & 4096 /* isComponent */ | 1;
+        }
+        else {
+            // Only need to bump the size when subsequent directives are created
+            ngDevMode && assertNotEqual(flags & 4095 /* DirectiveCountMask */, 4095 /* DirectiveCountMask */, 'Reached the max number of directives');
+            previousOrParentNode.tNode.flags++;
+        }
     }
     else {
         var diPublic = directiveDef.diPublic;
@@ -14483,8 +14629,7 @@ function createLContainer(parentLNode, currentView, template) {
  * @param localRefs A set of local reference bindings on the element.
  */
 function container(index, template, tagName, attrs, localRefs) {
-    ngDevMode &&
-        assertNull(currentView.bindingStartIndex, 'container nodes should be created before any bindings');
+    ngDevMode && assertEqual(currentView.bindingStartIndex, -1, 'container nodes should be created before any bindings');
     var currentParent = isParent ? previousOrParentNode : previousOrParentNode.parent;
     var lContainer = createLContainer(currentParent, currentView, template);
     var node = createLNode(index, 0 /* Container */, undefined, lContainer);
@@ -14550,6 +14695,7 @@ function refreshDynamicChildren() {
             var container_1 = current;
             for (var i = 0; i < container_1.views.length; i++) {
                 var view = container_1.views[i];
+                // The directives and pipes are not needed here as an existing view is only being refreshed.
                 renderEmbeddedTemplate(view, (view.data.template), (view.data.context), renderer);
             }
         }
@@ -14594,12 +14740,12 @@ function embeddedViewStart(viewBlockId) {
     var container = (isParent ? previousOrParentNode : previousOrParentNode.parent);
     ngDevMode && assertNodeType(container, 0 /* Container */);
     var lContainer = container.data;
-    var existingViewNode = scanForView(container, lContainer.nextIndex, viewBlockId);
-    if (existingViewNode) {
-        previousOrParentNode = existingViewNode;
+    var viewNode = scanForView(container, lContainer.nextIndex, viewBlockId);
+    if (viewNode) {
+        previousOrParentNode = viewNode;
         ngDevMode && assertNodeType(previousOrParentNode, 2 /* View */);
         isParent = true;
-        enterView(existingViewNode.data, existingViewNode);
+        enterView(viewNode.data, viewNode);
     }
     else {
         // When we create a new LView, we always reset the state of the instructions.
@@ -14607,9 +14753,9 @@ function embeddedViewStart(viewBlockId) {
         if (lContainer.queries) {
             newView.queries = lContainer.queries.enterView(lContainer.nextIndex);
         }
-        enterView(newView, createLNode(null, 2 /* View */, null, newView));
+        enterView(newView, viewNode = createLNode(null, 2 /* View */, null, newView));
     }
-    return !existingViewNode;
+    return getRenderFlags(viewNode.data);
 }
 /**
  * Initialize the TView (e.g. static data) for the active embedded view.
@@ -14643,6 +14789,9 @@ function embeddedViewEnd() {
         ngDevMode && assertNodeType(containerNode, 0 /* Container */);
         var lContainer = containerNode.data;
         if (creationMode) {
+            // When projected nodes are going to be inserted, the renderParent of the dynamic container
+            // used by the ViewContainerRef must be set.
+            setRenderParentInProjectedNodes(lContainer.renderParent, viewNode);
             // it is a new view, insert it into collection of views for a given container
             insertView(containerNode, viewNode, lContainer.nextIndex);
         }
@@ -14652,6 +14801,30 @@ function embeddedViewEnd() {
     ngDevMode && assertEqual(isParent, false, 'isParent');
     ngDevMode && assertNodeType(previousOrParentNode, 2 /* View */);
 }
+/**
+ * For nodes which are projected inside an embedded view, this function sets the renderParent
+ * of their dynamic LContainerNode.
+ * @param renderParent the renderParent of the LContainer which contains the embedded view.
+ * @param viewNode the embedded view.
+ */
+function setRenderParentInProjectedNodes(renderParent, viewNode) {
+    if (renderParent != null) {
+        var node = viewNode.child;
+        while (node) {
+            if (node.type === 1 /* Projection */) {
+                var nodeToProject = node.data.head;
+                var lastNodeToProject = node.data.tail;
+                while (nodeToProject) {
+                    if (nodeToProject.dynamicLContainerNode) {
+                        nodeToProject.dynamicLContainerNode.data.renderParent = renderParent;
+                    }
+                    nodeToProject = nodeToProject === lastNodeToProject ? null : nodeToProject.pNextOrParent;
+                }
+            }
+            node = node.next;
+        }
+    }
+}
 /**
  * Refreshes components by entering the component view and processing its bindings, queries, etc.
  *
@@ -14776,6 +14949,7 @@ function projection(nodeIndex, localIndex, selectorIndex, attrs) {
         }
     }
     if (canInsertNativeNode(currentParent, currentView)) {
+        ngDevMode && assertNodeType(currentParent, 3 /* Element */);
         // process each node in the list of projected nodes:
         var nodeToProject = node.data.head;
         var lastNodeToProject = node.data.tail;
@@ -14839,7 +15013,7 @@ function wrapListenerWithDirtyLogic(view, listenerFn) {
  * whenever the event fires. Also wraps with preventDefault behavior.
  */
 function wrapListenerWithDirtyAndDefault(view, listenerFn) {
-    return function (e) {
+    return function wrapListenerIn_markViewDirty(e) {
         markViewDirty(view);
         if (listenerFn(e) === false) {
             e.preventDefault();
@@ -14955,7 +15129,7 @@ function detectChangesInternal(hostView, hostNode, def, component) {
     var oldView = enterView(hostView, hostNode);
     var template = def.template;
     try {
-        template(component, creationMode);
+        template(getRenderFlags(hostView), component);
         refreshDirectives();
         refreshDynamicChildren();
     }
@@ -14991,12 +15165,9 @@ var NO_CHANGE = {};
  *  (ie `bind()`, `interpolationX()`, `pureFunctionX()`)
  */
 function initBindings() {
-    // `bindingIndex` is initialized when the view is first entered when not in creation mode
-    ngDevMode &&
-        assertEqual(creationMode, true, 'should only be called in creationMode for performance reasons');
-    if (currentView.bindingStartIndex == null) {
-        bindingIndex = currentView.bindingStartIndex = data.length;
-    }
+    ngDevMode && assertEqual(currentView.bindingStartIndex, -1, 'Binding start index should only be set once, when null');
+    ngDevMode && assertEqual(currentView.bindingIndex, -1, 'Binding index should not yet be set ' + currentView.bindingIndex);
+    currentView.bindingIndex = currentView.bindingStartIndex = data.length;
 }
 /**
  * Creates a single value binding.
@@ -15004,16 +15175,16 @@ function initBindings() {
  * @param value Value to diff
  */
 function bind(value) {
-    if (creationMode) {
+    if (currentView.bindingStartIndex < 0) {
         initBindings();
-        return data[bindingIndex++] = value;
+        return data[currentView.bindingIndex++] = value;
     }
-    var changed = value !== NO_CHANGE && isDifferent(data[bindingIndex], value);
+    var changed = value !== NO_CHANGE && isDifferent(data[currentView.bindingIndex], value);
     if (changed) {
-        throwErrorIfNoChangesMode(creationMode, checkNoChangesMode, data[bindingIndex], value);
-        data[bindingIndex] = value;
+        throwErrorIfNoChangesMode(creationMode, checkNoChangesMode, data[currentView.bindingIndex], value);
+        data[currentView.bindingIndex] = value;
     }
-    bindingIndex++;
+    currentView.bindingIndex++;
     return changed ? value : NO_CHANGE;
 }
 /**
@@ -15136,25 +15307,25 @@ function loadDirective(index) {
 }
 /** Gets the current binding value and increments the binding index. */
 function consumeBinding() {
-    ngDevMode && assertDataInRange(bindingIndex);
+    ngDevMode && assertDataInRange(currentView.bindingIndex);
     ngDevMode &&
-        assertNotEqual(data[bindingIndex], NO_CHANGE, 'Stored value should never be NO_CHANGE.');
-    return data[bindingIndex++];
+        assertNotEqual(data[currentView.bindingIndex], NO_CHANGE, 'Stored value should never be NO_CHANGE.');
+    return data[currentView.bindingIndex++];
 }
 /** Updates binding if changed, then returns whether it was updated. */
 function bindingUpdated(value) {
     ngDevMode && assertNotEqual(value, NO_CHANGE, 'Incoming value should never be NO_CHANGE.');
-    if (creationMode) {
+    if (currentView.bindingStartIndex < 0) {
         initBindings();
     }
-    else if (isDifferent(data[bindingIndex], value)) {
-        throwErrorIfNoChangesMode(creationMode, checkNoChangesMode, data[bindingIndex], value);
+    else if (isDifferent(data[currentView.bindingIndex], value)) {
+        throwErrorIfNoChangesMode(creationMode, checkNoChangesMode, data[currentView.bindingIndex], value);
     }
     else {
-        bindingIndex++;
+        currentView.bindingIndex++;
         return false;
     }
-    data[bindingIndex++] = value;
+    data[currentView.bindingIndex++] = value;
     return true;
 }
 /** Updates binding if changed, then returns the latest value. */
@@ -15732,7 +15903,7 @@ var ViewRef$1 = /** @class */ (function () {
     return ViewRef;
 }());
 var EmbeddedViewRef$1 = /** @class */ (function (_super) {
-    tslib_1.__extends(EmbeddedViewRef, _super);
+    __extends(EmbeddedViewRef, _super);
     function EmbeddedViewRef(viewNode, template, context) {
         var _this = _super.call(this, viewNode.data, context) || this;
         _this._lViewNode = viewNode;
@@ -15815,6 +15986,7 @@ function renderComponent(componentType /* Type as workaround for: Microsoft/Type
         clean: CLEAN_PROMISE,
     };
     var rootView = createLView(-1, rendererFactory.createRenderer(hostNode, componentDef.rendererType), createTView(null, null), null, rootContext, componentDef.onPush ? 4 /* Dirty */ : 2 /* CheckAlways */);
+    rootView.injector = opts.injector || null;
     var oldView = enterView(rootView, (null));
     var elementNode;
     try {
@@ -15851,6 +16023,17 @@ function renderComponent(componentType /* Type as workaround for: Microsoft/Type
  * ```
  */
 
+/**
+ * Retrieve the root context for any component by walking the parent `LView` until
+ * reaching the root `LView`.
+ *
+ * @param component any component
+ */
+function getRootContext(component) {
+    var rootContext = getRootView(component).context;
+    ngDevMode && assertNotNull(rootContext, 'rootContext');
+    return rootContext;
+}
 /**
  * Retrieve the host element of the component.
  *
@@ -15887,6 +16070,9 @@ function renderComponent(componentType /* Type as workaround for: Microsoft/Type
  * @param component Component to wait upon
  * @returns Promise which resolves when the component is rendered.
  */
+function whenRendered(component) {
+    return getRootContext(component).clean;
+}
 
 /**
  * @license
@@ -15979,23 +16165,12 @@ function getOrCreateNodeInjectorForNode(node) {
         cbf5: parentInjector == null ? 0 : parentInjector.cbf5 | parentInjector.bf5,
         cbf6: parentInjector == null ? 0 : parentInjector.cbf6 | parentInjector.bf6,
         cbf7: parentInjector == null ? 0 : parentInjector.cbf7 | parentInjector.bf7,
-        injector: null,
         templateRef: null,
         viewContainerRef: null,
         elementRef: null,
         changeDetectorRef: null
     };
 }
-/**
- * Constructs an injection error with the given text and token.
- *
- * @param text The text of the error
- * @param token The token associated with the error
- * @returns The error that was created
- */
-function createInjectionError(text$$1, token) {
-    return new Error("ElementInjector: " + text$$1 + " [" + stringify$1(token) + "]");
-}
 /**
  * Makes a directive public to the DI system by adding it to an injector's bloom filter.
  *
@@ -16013,33 +16188,9 @@ function diPublicInInjector(di, def) {
 function diPublic(def) {
     diPublicInInjector(getOrCreateNodeInjector(), def);
 }
-/**
- * Searches for an instance of the given type up the injector tree and returns
- * that instance if found.
- *
- * If not found, it will propagate up to the next parent injector until the token
- * is found or the top is reached.
- *
- * Usage example (in factory function):
- *
- * class SomeDirective {
- *   constructor(directive: DirectiveA) {}
- *
- *   static ngDirectiveDef = defineDirective({
- *     type: SomeDirective,
- *     factory: () => new SomeDirective(directiveInject(DirectiveA))
- *   });
- * }
- *
- * NOTE: use `directiveInject` with `@Directive`, `@Component`, and `@Pipe`. For
- * all other injection use `inject` which does not walk the DOM render tree.
- *
- * @param token The directive type to search for
- * @param flags Injection flags (e.g. CheckParent)
- * @returns The instance found
- */
-function directiveInject(token, flags, defaultValue) {
-    return getOrCreateInjectable(getOrCreateNodeInjector(), token, flags, defaultValue);
+function directiveInject(token, flags) {
+    if (flags === void 0) { flags = 0 /* Default */; }
+    return getOrCreateInjectable(getOrCreateNodeInjector(), token, flags);
 }
 /**
  * Creates an ElementRef and stores it on the injector.
@@ -16142,7 +16293,8 @@ function getOrCreateHostChangeDetector(currentNode) {
     var existingRef = hostInjector && hostInjector.changeDetectorRef;
     return existingRef ?
         existingRef :
-        createViewRef(hostNode.data, hostNode.view.directives[hostNode.tNode.flags >> 13 /* INDX_SHIFT */]);
+        createViewRef(hostNode.data, hostNode.view
+            .directives[hostNode.tNode.flags >> 13 /* DirectiveStartingIndexShift */]);
 }
 /**
  * If the node is an embedded view, traverses up the view tree to return the closest
@@ -16172,19 +16324,19 @@ function getClosestComponentAncestor(node) {
  * @param flags Injection flags (e.g. CheckParent)
  * @returns The instance found
  */
-function getOrCreateInjectable(di, token, flags, defaultValue) {
+function getOrCreateInjectable(di, token, flags) {
     var bloomHash = bloomHashBit(token);
     // If the token has a bloom hash, then it is a directive that is public to the injection system
     // (diPublic). If there is no hash, fall back to the module injector.
     if (bloomHash === null) {
-        var moduleInjector = di.injector;
-        if (!moduleInjector) {
-            if (defaultValue != null) {
-                return defaultValue;
-            }
-            throw createInjectionError('NotFound', token);
+        var moduleInjector = getPreviousOrParentNode().view.injector;
+        var formerInjector = setCurrentInjector(moduleInjector);
+        try {
+            return inject(token, flags);
+        }
+        finally {
+            setCurrentInjector(formerInjector);
         }
-        moduleInjector.get(token);
     }
     else {
         var injector = di;
@@ -16200,20 +16352,17 @@ function getOrCreateInjectable(di, token, flags, defaultValue) {
             // At this point, we have an injector which *may* contain the token, so we step through the
             // directives associated with the injector's corresponding node to get the directive instance.
             var node = injector.node;
-            // The size of the node's directive's list is stored in certain bits of the node's flags,
-            // so exact it with a mask and shift it back such that the bits reflect the real value.
             var flags_1 = node.tNode.flags;
-            var size = (flags_1 & 8190 /* SIZE_MASK */) >> 1;
-            if (size !== 0) {
-                // The start index of the directives list is also part of the node's flags, but there is
-                // nothing to the "left" of it so it doesn't need a mask.
+            var count = flags_1 & 4095;
+            if (count !== 0) {
                 var start = flags_1 >> 13;
+                var end = start + count;
                 var defs = (node.view.tView.directives);
-                for (var i = start, ii = start + size; i < ii; i++) {
+                for (var i = start; i < end; i++) {
                     // Get the definition for the directive at this index and, if it is injectable (diPublic),
                     // and matches the given token, return the directive instance.
                     var directiveDef = defs[i];
-                    if (directiveDef.diPublic && directiveDef.type == token) {
+                    if (directiveDef.type === token && directiveDef.diPublic) {
                         return getDirectiveInstance(node.view.directives[i]);
                     }
                 }
@@ -16231,7 +16380,7 @@ function getOrCreateInjectable(di, token, flags, defaultValue) {
     }
     // No directive was found for the given token.
     // TODO: implement optional, check-self, and check-parent.
-    throw createInjectionError('Not found', token);
+    throw new Error('Implement');
 }
 function searchMatchesQueuedForCreation(node, token) {
     var matches = node.view.tView.currentMatches;
@@ -16401,7 +16550,7 @@ var ViewContainerRef$1 = /** @class */ (function () {
     };
     ViewContainerRef.prototype.insert = function (viewRef, index) {
         var lViewNode = viewRef._lViewNode;
-        var adjustedIdx = this._adjustAndAssertIndex(index);
+        var adjustedIdx = this._adjustIndex(index);
         insertView(this._lContainerNode, lViewNode, adjustedIdx);
         // invalidate cache of next sibling RNode (we do similar operation in the containerRefreshEnd
         // instruction)
@@ -16421,23 +16570,33 @@ var ViewContainerRef$1 = /** @class */ (function () {
         }
         return viewRef;
     };
-    ViewContainerRef.prototype.move = function (viewRef, currentIndex) {
-        throw notImplemented();
+    ViewContainerRef.prototype.move = function (viewRef, newIndex) {
+        var index = this.indexOf(viewRef);
+        this.detach(index);
+        this.insert(viewRef, this._adjustIndex(newIndex));
+        return viewRef;
     };
-    ViewContainerRef.prototype.indexOf = function (viewRef) { throw notImplemented(); };
+    ViewContainerRef.prototype.indexOf = function (viewRef) { return this._viewRefs.indexOf(viewRef); };
     ViewContainerRef.prototype.remove = function (index) {
-        var adjustedIdx = this._adjustAndAssertIndex(index);
+        this.detach(index);
+        // TODO(ml): proper destroy of the ViewRef, i.e. recursively destroy the LviewNode and its
+        // children, delete DOM nodes and QueryList, trigger hooks (onDestroy), destroy the renderer,
+        // detach projected nodes
+    };
+    ViewContainerRef.prototype.detach = function (index) {
+        var adjustedIdx = this._adjustIndex(index, -1);
         removeView(this._lContainerNode, adjustedIdx);
-        this._viewRefs.splice(adjustedIdx, 1);
+        return this._viewRefs.splice(adjustedIdx, 1)[0] || null;
     };
-    ViewContainerRef.prototype.detach = function (index) { throw notImplemented(); };
-    ViewContainerRef.prototype._adjustAndAssertIndex = function (index) {
+    ViewContainerRef.prototype._adjustIndex = function (index, shift) {
+        if (shift === void 0) { shift = 0; }
         if (index == null) {
-            index = this._lContainerNode.data.views.length;
+            return this._lContainerNode.data.views.length + shift;
         }
-        else {
+        if (ngDevMode) {
+            assertGreaterThan(index, -1, 'index must be positive');
             // +1 because it's legal to insert at the end.
-            ngDevMode && assertLessThan(index, this._lContainerNode.data.views.length + 1, 'index');
+            assertLessThan(index, this._lContainerNode.data.views.length + 1 + shift, 'index');
         }
         return index;
     };
@@ -16453,16 +16612,19 @@ var ViewContainerRef$1 = /** @class */ (function () {
 function getOrCreateTemplateRef(di) {
     ngDevMode && assertNodeType(di.node, 0 /* Container */);
     var data = di.node.data;
-    return di.templateRef || (di.templateRef = new TemplateRef$1(getOrCreateElementRef(di), (data.template), getRenderer()));
+    var tView = di.node.view.tView;
+    return di.templateRef || (di.templateRef = new TemplateRef$1(getOrCreateElementRef(di), (data.template), getRenderer(), tView.directiveRegistry, tView.pipeRegistry));
 }
 var TemplateRef$1 = /** @class */ (function () {
-    function TemplateRef(elementRef, template, _renderer) {
+    function TemplateRef(elementRef, template, _renderer, _directives, _pipes) {
         this._renderer = _renderer;
+        this._directives = _directives;
+        this._pipes = _pipes;
         this.elementRef = elementRef;
         this._template = template;
     }
     TemplateRef.prototype.createEmbeddedView = function (context) {
-        var viewNode = renderEmbeddedTemplate(null, this._template, context, this._renderer);
+        var viewNode = renderEmbeddedTemplate(null, this._template, context, this._renderer, this._directives, this._pipes);
         return addDestroyable(new EmbeddedViewRef$1(viewNode, this._template, context));
     };
     return TemplateRef;
@@ -17118,13 +17280,15 @@ function getIdxOfMatchingSelector(tNode, selector) {
  * @param type Type of a directive to look for.
  * @returns Index of a found directive or null when none found.
  */
-function geIdxOfMatchingDirective(node, type) {
+function getIdxOfMatchingDirective(node, type) {
     var defs = (node.view.tView.directives);
     var flags = node.tNode.flags;
-    var size = (flags & 8190 /* SIZE_MASK */) >> 1;
-    for (var i = flags >> 13 /* INDX_SHIFT */, ii = i + size; i < ii; i++) {
+    var count = flags & 4095;
+    var start = flags >> 13;
+    var end = start + count;
+    for (var i = start; i < end; i++) {
         var def = defs[i];
-        if (def.diPublic && def.type === type) {
+        if (def.type === type && def.diPublic) {
             return i;
         }
     }
@@ -17135,7 +17299,7 @@ function readFromNodeInjector(nodeInjector, node, read, directiveIdx) {
         return read.read(nodeInjector, node, directiveIdx);
     }
     else {
-        var matchingIdx = geIdxOfMatchingDirective(node, read);
+        var matchingIdx = getIdxOfMatchingDirective(node, read);
         if (matchingIdx !== null) {
             return node.view.directives[matchingIdx];
         }
@@ -17148,7 +17312,7 @@ function add(query, node) {
         var predicate = query.predicate;
         var type = predicate.type;
         if (type) {
-            var directiveIdx = geIdxOfMatchingDirective(node, type);
+            var directiveIdx = getIdxOfMatchingDirective(node, type);
             if (directiveIdx !== null) {
                 // a node is matching a predicate - determine what to read
                 // if read token and / or strategy is not specified, use type as read token
@@ -17663,6 +17827,8 @@ exports.NO_ERRORS_SCHEMA = NO_ERRORS_SCHEMA;
 exports.NgModule = NgModule;
 exports.Version = Version;
 exports.VERSION = VERSION;
+exports.defineInjectable = defineInjectable;
+exports.defineInjector = defineInjector;
 exports.forwardRef = forwardRef;
 exports.resolveForwardRef = resolveForwardRef;
 exports.Injectable = Injectable;
@@ -17679,8 +17845,6 @@ exports.Optional = Optional;
 exports.Self = Self;
 exports.SkipSelf = SkipSelf;
 exports.Host = Host;
-exports.defineInjectable = defineInjectable;
-exports.defineInjector = defineInjector;
 exports.NgZone = NgZone;
 exports.RenderComponentType = RenderComponentType;
 exports.Renderer = Renderer;
@@ -17720,6 +17884,7 @@ exports.ɵdevModeEqual = devModeEqual;
 exports.ɵisListLikeIterable = isListLikeIterable;
 exports.ɵisDefaultChangeDetectionStrategy = isDefaultChangeDetectionStrategy;
 exports.ɵConsole = Console;
+exports.ɵinject = inject;
 exports.ɵsetCurrentInjector = setCurrentInjector;
 exports.ɵAPP_ROOT = APP_ROOT;
 exports.ɵComponentFactory = ComponentFactory;
@@ -17802,6 +17967,7 @@ exports.ɵv = embeddedViewEnd;
 exports.ɵst = store;
 exports.ɵld = load;
 exports.ɵPp = pipe;
+exports.ɵwhenRendered = whenRendered;
 exports.ɵbypassSanitizationTrustHtml = bypassSanitizationTrustHtml;
 exports.ɵbypassSanitizationTrustStyle = bypassSanitizationTrustStyle;
 exports.ɵbypassSanitizationTrustScript = bypassSanitizationTrustScript;