@angular/core 7.2.0-beta.0 → 7.2.0

package/src/render3/interfaces/container.d.ts

@@ -8,7 +8,7 @@
 import { LQueries } from './query';
 import { RComment, RElement } from './renderer';
 import { StylingContext } from './styling';
-import { HOST, LViewData, NEXT, PARENT, QUERIES } from './view';
+import { HOST, LView, NEXT, PARENT, QUERIES } from './view';
 /**
  * Below are constants for LContainer indices to help us look up LContainer members
  * without having to remember the specific indices.
@@ -18,10 +18,11 @@ export declare const ACTIVE_INDEX = 0;
 export declare const VIEWS = 1;
 export declare const NATIVE = 6;
 export declare const RENDER_PARENT = 7;
+export declare const LCONTAINER_LENGTH = 8;
 /**
  * The state associated with a container.
  *
- * This is an array so that its structure is closer to LViewData. This helps
+ * This is an array so that its structure is closer to LView. This helps
  * when traversing the view tree (which is a mix of containers and component
  * views), so we can jump to viewOrContainer[NEXT] in the same way regardless
  * of type.
@@ -42,17 +43,17 @@ export interface LContainer extends Array<any> {
      * (and don't need to be re-added) and so we can remove views from the DOM when they
      * are no longer required.
      */
-    [VIEWS]: LViewData[];
+    [VIEWS]: LView[];
     /**
      * Access to the parent view is necessary so we can propagate back
      * up from inside a container to parent[NEXT].
      */
-    [PARENT]: LViewData | null;
+    [PARENT]: LView | null;
     /**
      * This allows us to jump from a container to a sibling container or component
      * view with the same parent, so we can remove listeners efficiently.
      */
-    [NEXT]: LViewData | LContainer | null;
+    [NEXT]: LView | LContainer | null;
     /**
      * Queries active for this container - all the views inserted to / removed from
      * this container are reported to queries referenced here.
@@ -61,13 +62,13 @@ export interface LContainer extends Array<any> {
     /**
      * The host element of this LContainer.
      *
-     * The host could be an LViewData if this container is on a component node.
-     * In that case, the component LViewData is its HOST.
+     * The host could be an LView if this container is on a component node.
+     * In that case, the component LView is its HOST.
      *
      * It could also be a styling context if this is a node with a style/class
      * binding.
      */
-    [HOST]: RElement | RComment | StylingContext | LViewData;
+    [HOST]: RElement | RComment | StylingContext | LView;
     /** The comment element that serves as an anchor for this LContainer. */
     [NATIVE]: RComment;
     /**

package/src/render3/interfaces/context.d.ts

@@ -6,14 +6,14 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import { RElement } from './renderer';
-import { LViewData } from './view';
+import { LView } from './view';
 /**
  * This property will be monkey-patched on elements, components and directives
  */
 export declare const MONKEY_PATCH_KEY_NAME = "__ngContext__";
 /**
  * The internal view context which is specific to a given DOM element, directive or
- * component instance. Each value in here (besides the LViewData and element node details)
+ * component instance. Each value in here (besides the LView and element node details)
  * can be present, null or undefined. If undefined then it implies the value has not been
  * looked up yet, otherwise, if null, then a lookup was executed and nothing was found.
  *
@@ -25,7 +25,7 @@ export interface LContext {
     /**
      * The component's parent view data.
      */
-    lViewData: LViewData;
+    lView: LView;
     /**
      * The index instance of the node.
      */

package/src/render3/interfaces/definition.d.ts

@@ -129,13 +129,6 @@ export interface DirectiveDef<T> extends BaseDef<T> {
     contentQueries: ((directiveIndex: number) => void) | null;
     /** Refreshes content queries associated with directives in a given view */
     contentQueriesRefresh: ((directiveIndex: number, queryIndex: number) => void) | null;
-    /**
-     * The number of host bindings (including pure fn bindings) in this directive/component.
-     *
-     * Used to calculate the length of the LViewData array for the *parent* component
-     * of this directive/component.
-     */
-    readonly hostVars: number;
     /** Refreshes host bindings on the associated directive. */
     hostBindings: HostBindingsFunction<T> | null;
     /**
@@ -190,14 +183,14 @@ export interface ComponentDef<T> extends DirectiveDef<T> {
     /**
      * The number of nodes, local refs, and pipes in this component template.
      *
-     * Used to calculate the length of the component's LViewData array, so we
+     * Used to calculate the length of the component's LView array, so we
      * can pre-fill the array and set the binding start index.
      */
     readonly consts: number;
     /**
      * The number of bindings in this component template (including pure fn bindings).
      *
-     * Used to calculate the length of the component's LViewData array, so we
+     * Used to calculate the length of the component's LView array, so we
      * can pre-fill the array and set the host binding start index.
      */
     readonly vars: number;
@@ -306,6 +299,3 @@ export declare type PipeDefList = PipeDef<any>[];
 export declare type PipeTypesOrFactory = (() => DirectiveTypeList) | DirectiveTypeList;
 export declare type PipeTypeList = (PipeDef<any> | Type<any>)[];
 export declare const unusedValueExportToPlacateAjd = 1;
-export declare const enum InitialStylingFlags {
-    VALUES_MODE = 1
-}

package/src/render3/interfaces/i18n.d.ts

@@ -56,60 +56,60 @@ export interface COMMENT_MARKER {
  *   // For adding text nodes
  *   // ---------------------
  *   // Equivalent to:
- *   //   const node = lViewData[index++] = document.createTextNode('abc');
- *   //   lViewData[1].insertBefore(node, lViewData[2]);
+ *   //   const node = lView[index++] = document.createTextNode('abc');
+ *   //   lView[1].insertBefore(node, lView[2]);
  *   'abc', 1 << SHIFT_PARENT | 2 << SHIFT_REF | InsertBefore,
  *
  *   // Equivalent to:
- *   //   const node = lViewData[index++] = document.createTextNode('xyz');
- *   //   lViewData[1].appendChild(node);
+ *   //   const node = lView[index++] = document.createTextNode('xyz');
+ *   //   lView[1].appendChild(node);
  *   'xyz', 1 << SHIFT_PARENT | AppendChild,
  *
  *   // For adding element nodes
  *   // ---------------------
  *   // Equivalent to:
- *   //   const node = lViewData[index++] = document.createElement('div');
- *   //   lViewData[1].insertBefore(node, lViewData[2]);
+ *   //   const node = lView[index++] = document.createElement('div');
+ *   //   lView[1].insertBefore(node, lView[2]);
  *   ELEMENT_MARKER, 'div', 1 << SHIFT_PARENT | 2 << SHIFT_REF | InsertBefore,
  *
  *   // Equivalent to:
- *   //   const node = lViewData[index++] = document.createElement('div');
- *   //   lViewData[1].appendChild(node);
+ *   //   const node = lView[index++] = document.createElement('div');
+ *   //   lView[1].appendChild(node);
  *   ELEMENT_MARKER, 'div', 1 << SHIFT_PARENT | AppendChild,
  *
  *   // For adding comment nodes
  *   // ---------------------
  *   // Equivalent to:
- *   //   const node = lViewData[index++] = document.createComment('');
- *   //   lViewData[1].insertBefore(node, lViewData[2]);
+ *   //   const node = lView[index++] = document.createComment('');
+ *   //   lView[1].insertBefore(node, lView[2]);
  *   COMMENT_MARKER, '', 1 << SHIFT_PARENT | 2 << SHIFT_REF | InsertBefore,
  *
  *   // Equivalent to:
- *   //   const node = lViewData[index++] = document.createComment('');
- *   //   lViewData[1].appendChild(node);
+ *   //   const node = lView[index++] = document.createComment('');
+ *   //   lView[1].appendChild(node);
  *   COMMENT_MARKER, '', 1 << SHIFT_PARENT | AppendChild,
  *
  *   // For moving existing nodes to a different location
  *   // --------------------------------------------------
  *   // Equivalent to:
- *   //   const node = lViewData[1];
- *   //   lViewData[2].insertBefore(node, lViewData[3]);
+ *   //   const node = lView[1];
+ *   //   lView[2].insertBefore(node, lView[3]);
  *   1 << SHIFT_REF | Select, 2 << SHIFT_PARENT | 3 << SHIFT_REF | InsertBefore,
  *
  *   // Equivalent to:
- *   //   const node = lViewData[1];
- *   //   lViewData[2].appendChild(node);
+ *   //   const node = lView[1];
+ *   //   lView[2].appendChild(node);
  *   1 << SHIFT_REF | Select, 2 << SHIFT_PARENT | AppendChild,
  *
  *   // For removing existing nodes
  *   // --------------------------------------------------
- *   //   const node = lViewData[1];
- *   //   removeChild(tView.data(1), node, lViewData);
+ *   //   const node = lView[1];
+ *   //   removeChild(tView.data(1), node, lView);
  *   1 << SHIFT_REF | Remove,
  *
  *   // For writing attributes
  *   // --------------------------------------------------
- *   //   const node = lViewData[1];
+ *   //   const node = lView[1];
  *   //   node.setAttribute('attr', 'value');
  *   1 << SHIFT_REF | Select, 'attr', 'value'
  *            // NOTE: Select followed by two string (vs select followed by OpCode)
@@ -167,7 +167,7 @@ export declare const enum I18nUpdateOpCode {
  *   //        has changed then execute update OpCodes.
  *   //        has NOT changed then skip `7` values and start processing next OpCodes.
  *   0b11, 7,
- *   // Concatenate `newValue = 'pre'+lViewData[bindIndex-4]+'in'+lViewData[bindIndex-3]+'post';`.
+ *   // Concatenate `newValue = 'pre'+lView[bindIndex-4]+'in'+lView[bindIndex-3]+'post';`.
  *   'pre', -4, 'in', -3, 'post',
  *   // Update attribute: `elementAttribute(1, 'title', sanitizerFn(newValue));`
  *   1 << SHIFT_REF | Attr, 'title', sanitizerFn,
@@ -177,9 +177,9 @@ export declare const enum I18nUpdateOpCode {
  *   //        has changed then execute update OpCodes.
  *   //        has NOT changed then skip `4` values and start processing next OpCodes.
  *   0b100, 4,
- *   // Concatenate `newValue = 'Hello ' + lViewData[bindIndex -2] + '!';`.
+ *   // Concatenate `newValue = 'Hello ' + lView[bindIndex -2] + '!';`.
  *   'Hello ', -2, '!',
- *   // Update text: `lViewData[1].textContent = newValue;`
+ *   // Update text: `lView[1].textContent = newValue;`
  *   1 << SHIFT_REF | Text,
  *
  *   // The following OpCodes represent: `<div i18n>{exp4, plural, ... }">`
@@ -187,14 +187,14 @@ export declare const enum I18nUpdateOpCode {
  *   //        has changed then execute update OpCodes.
  *   //        has NOT changed then skip `4` values and start processing next OpCodes.
  *   0b1000, 4,
- *   // Concatenate `newValue = lViewData[bindIndex -1];`.
+ *   // Concatenate `newValue = lView[bindIndex -1];`.
  *   -1,
- *   // Switch ICU: `icuSwitchCase(lViewData[1], 0, newValue);`
+ *   // Switch ICU: `icuSwitchCase(lView[1], 0, newValue);`
  *   0 << SHIFT_ICU | 1 << SHIFT_REF | IcuSwitch,
  *
  *   // Note `changeMask & -1` is always true, so the IcuUpdate will always execute.
  *   -1, 1,
- *   // Update ICU: `icuUpdateCase(lViewData[1], 0);`
+ *   // Update ICU: `icuUpdateCase(lView[1], 0);`
  *   0 << SHIFT_ICU | 1 << SHIFT_REF | IcuUpdate,
  *
  * ];

package/src/render3/interfaces/injector.d.ts

@@ -9,14 +9,14 @@ import { InjectionToken } from '../../di/injection_token';
 import { InjectFlags } from '../../di/injector_compatibility';
 import { Type } from '../../type';
 import { TElementNode } from './node';
-import { LViewData, TData } from './view';
+import { LView, TData } from './view';
 export declare const TNODE = 8;
 export declare const PARENT_INJECTOR = 8;
-export declare const INJECTOR_SIZE = 9;
+export declare const INJECTOR_BLOOM_PARENT_SIZE = 9;
 /**
  * Represents a relative location of parent injector.
  *
- * The interfaces encodes number of parents `LViewData`s to traverse and index in the `LViewData`
+ * The interfaces encodes number of parents `LView`s to traverse and index in the `LView`
  * pointing to the parent injector.
  */
 export interface RelativeInjectorLocation {
@@ -24,16 +24,15 @@ export interface RelativeInjectorLocation {
 }
 export declare const enum RelativeInjectorLocationFlags {
     InjectorIndexMask = 32767,
-    AcrossHostBoundary = 32768,
     ViewOffsetShift = 16,
     NO_PARENT = -1
 }
 export declare const NO_PARENT_INJECTOR: RelativeInjectorLocation;
 /**
- * Each injector is saved in 9 contiguous slots in `LViewData` and 9 contiguous slots in
+ * Each injector is saved in 9 contiguous slots in `LView` and 9 contiguous slots in
  * `TView.data`. This allows us to store information about the current node's tokens (which
  * can be shared in `TView`) as well as the tokens of its ancestor nodes (which cannot be
- * shared, so they live in `LViewData`).
+ * shared, so they live in `LView`).
  *
  * Each of these slots (aside from the last slot) contains a bloom filter. This bloom filter
  * determines whether a directive is available on the associated node or not. This prevents us
@@ -41,7 +40,7 @@ export declare const NO_PARENT_INJECTOR: RelativeInjectorLocation;
  *
  * See: https://en.wikipedia.org/wiki/Bloom_filter for more about bloom filters.
  *
- * Because all injectors have been flattened into `LViewData` and `TViewData`, they cannot typed
+ * Because all injectors have been flattened into `LView` and `TViewData`, they cannot typed
  * using interfaces as they were previously. The start index of each `LInjector` and `TInjector`
  * will differ based on where it is flattened into the main array, so it's not possible to know
  * the indices ahead of time and save their types here. The interfaces are still included here
@@ -137,7 +136,7 @@ export declare class NodeInjectorFactory {
      * array where existing instances of injectables are stored. This is used in case
      * of multi shadow is needed. See `multi` field documentation.
      */
-    lData: LViewData, 
+    lView: LView, 
     /**
      * The TNode of the same element injector.
      */
@@ -230,7 +229,7 @@ export declare class NodeInjectorFactory {
      * array where existing instances of injectables are stored. This is used in case
      * of multi shadow is needed. See `multi` field documentation.
      */
-    lData: LViewData, 
+    lView: LView, 
     /**
      * The TNode of the same element injector.
      */

package/src/render3/interfaces/node.d.ts

@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import { StylingContext } from './styling';
-import { LViewData, TView } from './view';
+import { LView, TView } from './view';
 /**
  * TNodeType corresponds to the TNode.type property. It contains information
  * on how to map a particular set of bits in TNode.flags to the node type.
@@ -24,18 +24,14 @@ export declare const enum TNodeType {
  * Corresponds to the TNode.flags property.
  */
 export declare const enum TNodeFlags {
-    /** The number of directives on this node is encoded on the least significant bits */
-    DirectiveCountMask = 4095,
     /** This bit is set if the node is a component */
-    isComponent = 4096,
+    isComponent = 1,
     /** This bit is set if the node has been projected */
-    isProjected = 8192,
+    isProjected = 2,
     /** This bit is set if the node has any content queries */
-    hasContentQuery = 16384,
+    hasContentQuery = 4,
     /** This bit is set if the node has any directives that contain [class properties */
-    hasClassInput = 32768,
-    /** The index of the first directive on this node is encoded on the most significant bits  */
-    DirectiveStartingIndexShift = 16
+    hasClassInput = 8
 }
 /**
  * Corresponds to the TNode.providerIndexes property.
@@ -49,7 +45,7 @@ export declare const enum TNodeProviderIndexes {
     CptViewProvidersCountShifter = 65536
 }
 /**
- * A set of marker values to be used in the attributes arrays. Those markers indicate that some
+ * A set of marker values to be used in the attributes arrays. These markers indicate that some
  * items are not regular attributes and the processing should be adapted accordingly.
  */
 export declare const enum AttributeMarker {
@@ -59,13 +55,48 @@ export declare const enum AttributeMarker {
      * in that order.
      */
     NamespaceURI = 0,
+    /**
+      * Signals class declaration.
+      *
+      * Each value following `Classes` designates a class name to include on the element.
+      * ## Example:
+      *
+      * Given:
+      * ```
+      * <div class="foo bar baz">...<d/vi>
+      * ```
+      *
+      * the generated code is:
+      * ```
+      * var _c1 = [AttributeMarker.Classes, 'foo', 'bar', 'baz'];
+      * ```
+      */
+    Classes = 1,
+    /**
+     * Signals style declaration.
+     *
+     * Each pair of values following `Styles` designates a style name and value to include on the
+     * element.
+     * ## Example:
+     *
+     * Given:
+     * ```
+     * <div style="width:100px; height:200px; color:red">...</div>
+     * ```
+     *
+     * the generated code is:
+     * ```
+     * var _c1 = [AttributeMarker.Styles, 'width', '100px', 'height'. '200px', 'color', 'red'];
+     * ```
+     */
+    Styles = 2,
     /**
      * This marker indicates that the following attribute names were extracted from bindings (ex.:
      * [foo]="exp") and / or event handlers (ex. (bar)="doSth()").
      * Taking the above bindings and outputs as an example an attributes array could look as follows:
      * ['class', 'fade in', AttributeMarker.SelectOnly, 'foo', 'bar']
      */
-    SelectOnly = 1
+    SelectOnly = 3
 }
 /**
  * A combination of:
@@ -88,7 +119,7 @@ export interface TNode {
     /** The type of the TNode. See TNodeType. */
     type: TNodeType;
     /**
-     * Index of the TNode in TView.data and corresponding native element in LViewData.
+     * Index of the TNode in TView.data and corresponding native element in LView.
      *
      * This is necessary to get from any TNode to its corresponding native element when
      * traversing the node tree.
@@ -97,7 +128,7 @@ export interface TNode {
      */
     index: number;
     /**
-     * The index of the closest injector in this node's LViewData.
+     * The index of the closest injector in this node's LView.
      *
      * If the index === -1, there is no injector on this node or any ancestor node in this view.
      *
@@ -111,13 +142,15 @@ export interface TNode {
      */
     injectorIndex: number;
     /**
-     * This number stores two values using its bits:
-     *
-     * - the number of directives on that node (first 12 bits)
-     * - the starting index of the node's directives in the directives array (last 20 bits).
-     *
-     * These two values are necessary so DI can effectively search the directives associated
-     * with a node without searching the whole directives array.
+     * Stores starting index of the directives.
+     */
+    directiveStart: number;
+    /**
+     * Stores final exclusive index of the directives.
+     */
+    directiveEnd: number;
+    /**
+     * Stores if Node isComponent, isProjected, hasContentQuery and hasClassInput
      */
     flags: TNodeFlags;
     /**
@@ -325,7 +358,7 @@ export interface TContainerNode extends TNode {
 }
 /** Static data for an <ng-container> */
 export interface TElementContainerNode extends TNode {
-    /** Index in the LViewData[] array. */
+    /** Index in the LView[] array. */
     index: number;
     child: TElementNode | TTextNode | TContainerNode | TElementContainerNode | TProjectionNode | null;
     parent: TElementNode | TElementContainerNode | null;
@@ -334,7 +367,7 @@ export interface TElementContainerNode extends TNode {
 }
 /** Static data for an ICU expression */
 export interface TIcuContainerNode extends TNode {
-    /** Index in the LViewData[] array. */
+    /** Index in the LView[] array. */
     index: number;
     child: TElementNode | TTextNode | null;
     parent: TElementNode | TElementContainerNode | null;
@@ -430,4 +463,4 @@ export declare type TNodeWithLocalRefs = TContainerNode | TElementNode | TElemen
  * - `<div #nativeDivEl>` - `nativeDivEl` should point to the native `<div>` element;
  * - `<ng-template #tplRef>` - `tplRef` should point to the `TemplateRef` instance;
  */
-export declare type LocalRefExtractor = (tNode: TNodeWithLocalRefs, currentView: LViewData) => any;
+export declare type LocalRefExtractor = (tNode: TNodeWithLocalRefs, currentView: LView) => any;

package/src/render3/interfaces/renderer.d.ts

@@ -66,7 +66,7 @@ export interface ProceduralRenderer3 {
     setStyle(el: RElement, style: string, value: any, flags?: RendererStyleFlags2 | RendererStyleFlags3): void;
     removeStyle(el: RElement, style: string, flags?: RendererStyleFlags2 | RendererStyleFlags3): void;
     setProperty(el: RElement, name: string, value: any): void;
-    setValue(node: RText, value: string): void;
+    setValue(node: RText | RComment, value: string): void;
     listen(target: RNode, eventName: string, callback: (event: any) => boolean | void): () => void;
 }
 export interface RendererFactory3 {
@@ -120,5 +120,6 @@ export interface RText extends RNode {
     textContent: string | null;
 }
 export interface RComment extends RNode {
+    textContent: string | null;
 }
 export declare const unusedValueExportToPlacateAjd = 1;