refactor(ivy): add new ɵɵattribute instruction (#30503)

- adds the ɵɵattribute instruction
- adds compilation handling for Δattribute instruction
- updates tests

PR Close #30503

packages/compiler-cli/test/compliance/r3_view_compiler_styling_spec.ts

@@ -547,7 +547,7 @@ describe('compiler compliance: styling', () => {
                   $r3$.ɵɵstyleProp(0, $ctx$.myWidth);
                   $r3$.ɵɵstyleProp(1, $ctx$.myHeight);
                   $r3$.ɵɵstylingApply();
-                  $r3$.ɵɵelementAttribute(0, "style", $r3$.ɵɵbind("border-width: 10px"), $r3$.ɵɵsanitizeStyle);
+                  $r3$.ɵɵattribute("style", "border-width: 10px", $r3$.ɵɵsanitizeStyle);
                 }
               },
               encapsulation: 2
@@ -772,7 +772,7 @@ describe('compiler compliance: styling', () => {
                   $r3$.ɵɵclassProp(0, $ctx$.yesToApple);
                   $r3$.ɵɵclassProp(1, $ctx$.yesToOrange);
                   $r3$.ɵɵstylingApply();
-                  $r3$.ɵɵelementAttribute(0, "class", $r3$.ɵɵbind("banana"));
+                  $r3$.ɵɵattribute("class", "banana");
                 }
               },
               encapsulation: 2
@@ -822,8 +822,8 @@ describe('compiler compliance: styling', () => {
                 }
                 if (rf & 2) {
                   $r3$.ɵɵselect(0);
-                  $r3$.ɵɵelementAttribute(0, "class", $r3$.ɵɵbind("round"));
+                  $r3$.ɵɵattribute("class", "round");
-                  $r3$.ɵɵelementAttribute(0, "style", $r3$.ɵɵbind("height:100px"), $r3$.ɵɵsanitizeStyle);
+                  $r3$.ɵɵattribute("style", "height:100px", $r3$.ɵɵsanitizeStyle);
                 }
               },
               encapsulation: 2

packages/compiler/src/render3/r3_identifiers.ts

@@ -41,6 +41,8 @@ export class Identifiers {
 
   static elementAttribute: o.ExternalReference = {name: 'ɵɵelementAttribute', moduleName: CORE};
 
+  static attribute: o.ExternalReference = {name: 'ɵɵattribute', moduleName: CORE};
+
   static classProp: o.ExternalReference = {name: 'ɵɵclassProp', moduleName: CORE};
 
   static elementContainerStart:

packages/compiler/src/render3/view/template.ts

@@ -753,6 +753,7 @@ export class TemplateDefinitionBuilder implements t.Visitor<void>, LocalResolver
 
           if (inputType === BindingType.Property) {
             if (value instanceof Interpolation) {
+              // prop="{{value}}" and friends
               this.updateInstruction(
                   elementIndex, input.sourceSpan, getPropertyInterpolationExpression(value),
                   () =>
@@ -761,23 +762,33 @@ export class TemplateDefinitionBuilder implements t.Visitor<void>, LocalResolver
                        ...params]);
 
             } else {
-              // Bound, un-interpolated properties
+              // [prop]="value"
               this.updateInstruction(elementIndex, input.sourceSpan, R3.property, () => {
                 return [
                   o.literal(attrName), this.convertPropertyBinding(implicit, value, true), ...params
                 ];
               });
             }
+          } else if (inputType === BindingType.Attribute) {
+            if (value instanceof Interpolation) {
+              // attr.name="{{value}}" and friends
+              this.updateInstruction(elementIndex, input.sourceSpan, R3.elementAttribute, () => {
+                return [
+                  o.literal(elementIndex), o.literal(attrName),
+                  this.convertPropertyBinding(implicit, value), ...params
+                ];
+              });
             } else {
-            let instruction: any;
+              // [attr.name]="value"
-
+              this.updateInstruction(elementIndex, input.sourceSpan, R3.attribute, () => {
-            if (inputType === BindingType.Class) {
+                return [
-              instruction = R3.classProp;
+                  o.literal(attrName), this.convertPropertyBinding(implicit, value, true), ...params
-            } else {
+                ];
-              instruction = R3.elementAttribute;
+              });
             }
-
+          } else {
-            this.updateInstruction(elementIndex, input.sourceSpan, instruction, () => {
+            // class prop
+            this.updateInstruction(elementIndex, input.sourceSpan, R3.classProp, () => {
               return [
                 o.literal(elementIndex), o.literal(attrName),
                 this.convertPropertyBinding(implicit, value), ...params

packages/core/src/core_render3_private_export.ts

@@ -8,6 +8,7 @@
 
 // clang-format off
 export {
+  ɵɵattribute,
   ɵɵdefineBase,
   ɵɵdefineComponent,
   ɵɵdefineDirective,

packages/core/src/render3/index.ts

@@ -21,7 +21,9 @@ export {
   markDirty,
   store,
   tick,
+
   ɵɵallocHostVars,
+  ɵɵattribute,
   ɵɵbind,
   ɵɵclassMap,
   ɵɵclassProp,

packages/core/src/render3/instructions/all.ts

@@ -26,6 +26,7 @@
  * Jira Issue = FW-1184
  */
 export * from './alloc_host_vars';
+export * from './attribute';
 export * from './change_detection';
 export * from './container';
 export * from './storage';

packages/core/src/render3/instructions/attribute.ts

@@ -0,0 +1,31 @@
+/**
+ * @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
+ */
+import {SanitizerFn} from '../interfaces/sanitization';
+import {getSelectedIndex} from '../state';
+
+import {ΔelementAttribute} from './element';
+import {Δbind} from './property';
+
+/**
+ * Updates the value of or removes a bound attribute on an Element.
+ *
+ * Used in the case of `[attr.title]="value"`
+ *
+ * @param name name The name of the attribute.
+ * @param value value The attribute is removed when value is `null` or `undefined`.
+ *                  Otherwise the attribute value is set to the stringified value.
+ * @param sanitizer An optional function used to sanitize the value.
+ * @param namespace Optional namespace to use when setting the attribute.
+ *
+ * @codeGenApi
+ */
+export function Δattribute(
+    name: string, value: any, sanitizer?: SanitizerFn | null, namespace?: string) {
+  const index = getSelectedIndex();
+  return ΔelementAttribute(index, name, Δbind(value), sanitizer, namespace);
+}

packages/core/src/render3/instructions/element.ts

@@ -198,7 +198,7 @@ export function ɵɵelement(
 
 
 /**
- * Updates the value of removes an attribute on an Element.
+ * Updates the value or removes an attribute on an Element.
  *
  * @param number index The index of the element in the data array
  * @param name name The name of the attribute.

packages/core/src/render3/jit/environment.ts

@@ -20,6 +20,7 @@ import * as r3 from '../index';
  */
 export const angularCoreEnv: {[name: string]: Function} =
     (() => ({
+       'ɵɵattribute': r3.ɵɵattribute,
        'ɵɵdefineBase': r3.ɵɵdefineBase,
        'ɵɵdefineComponent': r3.ɵɵdefineComponent,
        'ɵɵdefineDirective': r3.ɵɵdefineDirective,

tools/public_api_guard/core/core.d.ts

@@ -1,26 +1,17 @@
-export interface AbstractType<T> extends Function {
+export interface AbstractType<T> extends Function { prototype: T; }
-    prototype: T;
-}
 
-export interface AfterContentChecked {
+export interface AfterContentChecked { ngAfterContentChecked(): void; }
-    ngAfterContentChecked(): void;
-}
 
-export interface AfterContentInit {
+export interface AfterContentInit { ngAfterContentInit(): void; }
-    ngAfterContentInit(): void;
-}
 
-export interface AfterViewChecked {
+export interface AfterViewChecked { ngAfterViewChecked(): void; }
-    ngAfterViewChecked(): void;
-}
 
-export interface AfterViewInit {
+export interface AfterViewInit { ngAfterViewInit(): void; }
-    ngAfterViewInit(): void;
-}
 
 export declare const ANALYZE_FOR_ENTRY_COMPONENTS: InjectionToken<any>;
 
-export declare const APP_BOOTSTRAP_LISTENER: InjectionToken<((compRef: ComponentRef<any>) => void)[]>;
+export declare const APP_BOOTSTRAP_LISTENER:
+    InjectionToken<((compRef: ComponentRef<any>) => void)[]>;
 
 export declare const APP_ID: InjectionToken<string>;
 
@@ -32,9 +23,7 @@ export declare class ApplicationInitStatus {
   constructor(appInits: (() => any)[]);
 }
 
-export declare class ApplicationModule {
+export declare class ApplicationModule { constructor(appRef: ApplicationRef); }
-    constructor(appRef: ApplicationRef);
-}
 
 export declare class ApplicationRef {
   readonly componentTypes: Type<any>[];
@@ -42,14 +31,16 @@ export declare class ApplicationRef {
   readonly isStable: Observable<boolean>;
   readonly viewCount: number;
   attachView(viewRef: ViewRef): void;
-    bootstrap<C>(componentOrFactory: ComponentFactory<C> | Type<C>, rootSelectorOrNode?: string | any): ComponentRef<C>;
+  bootstrap<C>(componentOrFactory: ComponentFactory<C>|Type<C>, rootSelectorOrNode?: string|any):
+      ComponentRef<C>;
   detachView(viewRef: ViewRef): void;
   tick(): void;
 }
 
 export declare function asNativeElements(debugEls: DebugElement[]): any;
 
-export declare function assertPlatform(requiredToken: any): PlatformRef;
+    export declare function assertPlatform(requiredToken: any):
+        PlatformRef;
 
     export interface Attribute {
       attributeName?: string;
@@ -62,10 +53,7 @@ export interface AttributeDecorator {
   new (name: string): Attribute;
 }
 
-export declare enum ChangeDetectionStrategy {
+export declare enum ChangeDetectionStrategy {OnPush = 0, Default = 1}
-    OnPush = 0,
-    Default = 1
-}
 
 export declare abstract class ChangeDetectorRef {
   abstract checkNoChanges(): void;
@@ -81,11 +69,11 @@ export interface ClassProvider extends ClassSansProvider {
 }
 
 /** @deprecated */
-export interface CollectionChangeRecord<V> extends IterableChangeRecord<V> {
+export interface CollectionChangeRecord<V> extends IterableChangeRecord<V> {}
-}
 
 export declare class Compiler {
-    compileModuleAndAllComponentsAsync: <T>(moduleType: Type<T>) => Promise<ModuleWithComponentFactories<T>>;
+  compileModuleAndAllComponentsAsync:
+      <T>(moduleType: Type<T>) => Promise<ModuleWithComponentFactories<T>>;
   compileModuleAndAllComponentsSync: <T>(moduleType: Type<T>) => ModuleWithComponentFactories<T>;
   compileModuleAsync: <T>(moduleType: Type<T>) => Promise<NgModuleFactory<T>>;
   compileModuleSync: <T>(moduleType: Type<T>) => NgModuleFactory<T>;
@@ -101,9 +89,7 @@ export declare abstract class CompilerFactory {
 }
 
 export declare type CompilerOptions = {
-    useJit?: boolean;
+  useJit?: boolean; defaultEncapsulation?: ViewEncapsulation; providers?: StaticProvider[];
-    defaultEncapsulation?: ViewEncapsulation;
-    providers?: StaticProvider[];
   missingTranslation?: MissingTranslationStrategy;
   preserveWhitespaces?: boolean;
 };
@@ -132,17 +118,13 @@ export interface ComponentDecorator {
 
 export declare abstract class ComponentFactory<C> {
   abstract readonly componentType: Type<any>;
-    abstract readonly inputs: {
+  abstract readonly inputs: {propName: string; templateName: string;}[];
-        propName: string;
-        templateName: string;
-    }[];
   abstract readonly ngContentSelectors: string[];
-    abstract readonly outputs: {
+  abstract readonly outputs: {propName: string; templateName: string;}[];
-        propName: string;
-        templateName: string;
-    }[];
   abstract readonly selector: string;
-    abstract create(injector: Injector, projectableNodes?: any[][], rootSelectorOrNode?: string | any, ngModule?: NgModuleRef<any>): ComponentRef<C>;
+  abstract create(
+      injector: Injector, projectableNodes?: any[][], rootSelectorOrNode?: string|any,
+      ngModule?: NgModuleRef<any>): ComponentRef<C>;
 }
 
 export declare abstract class ComponentFactoryResolver {
@@ -161,68 +143,48 @@ export declare abstract class ComponentRef<C> {
   abstract onDestroy(callback: Function): void;
 }
 
-export interface ConstructorSansProvider {
+export interface ConstructorSansProvider { deps?: any[]; }
-    deps?: any[];
-}
 
 export declare type ContentChild = Query;
 
 export interface ContentChildDecorator {
-    (selector: Type<any> | Function | string, opts?: {
+  (selector: Type<any>|Function|string, opts?: {read?: any; static?: boolean;}): any;
-        read?: any;
+  new (selector: Type<any>|Function|string, opts?: {read?: any; static?: boolean;}): ContentChild;
-        static?: boolean;
-    }): any;
-    new (selector: Type<any> | Function | string, opts?: {
-        read?: any;
-        static?: boolean;
-    }): ContentChild;
 }
 
 export declare type ContentChildren = Query;
 
 export interface ContentChildrenDecorator {
-    (selector: Type<any> | Function | string, opts?: {
+  (selector: Type<any>|Function|string, opts?: {descendants?: boolean; read?: any;}): any;
-        descendants?: boolean;
+  new (selector: Type<any>|Function|string, opts?: {descendants?: boolean; read?: any;}): Query;
-        read?: any;
-    }): any;
-    new (selector: Type<any> | Function | string, opts?: {
-        descendants?: boolean;
-        read?: any;
-    }): Query;
 }
 
 export declare function createPlatform(injector: Injector): PlatformRef;
 
-export declare function createPlatformFactory(parentPlatformFactory: ((extraProviders?: StaticProvider[]) => PlatformRef) | null, name: string, providers?: StaticProvider[]): (extraProviders?: StaticProvider[]) => PlatformRef;
+    export declare function createPlatformFactory(
+        parentPlatformFactory: ((extraProviders?: StaticProvider[]) => PlatformRef) | null,
+        name: string, providers?: StaticProvider[]): (extraProviders?: StaticProvider[]) =>
+        PlatformRef;
 
-export declare const CUSTOM_ELEMENTS_SCHEMA: SchemaMetadata;
+    export declare const CUSTOM_ELEMENTS_SCHEMA:
+        SchemaMetadata;
 
     export interface DebugElement extends DebugNode {
-    readonly attributes: {
+      readonly attributes: {[key: string]: string | null;};
-        [key: string]: string | null;
-    };
       readonly childNodes: DebugNode[];
       readonly children: DebugElement[];
-    readonly classes: {
+      readonly classes: {[key: string]: boolean;};
-        [key: string]: boolean;
-    };
       readonly name: string;
       readonly nativeElement: any;
-    readonly properties: {
+      readonly properties: {[key: string]: any;};
-        [key: string]: any;
+      readonly styles: {[key: string]: string | null;};
-    };
-    readonly styles: {
-        [key: string]: string | null;
-    };
       query(predicate: Predicate<DebugElement>): DebugElement;
       queryAll(predicate: Predicate<DebugElement>): DebugElement[];
       queryAllNodes(predicate: Predicate<DebugNode>): DebugNode[];
       triggerEventHandler(eventName: string, eventObj: any): void;
     }
 
-export declare const DebugElement: {
+export declare const DebugElement: {new (...args: any[]): DebugElement;};
-    new (...args: any[]): DebugElement;
-};
 
 export declare class DebugEventListener {
   callback: Function;
@@ -238,14 +200,10 @@ export interface DebugNode {
   readonly nativeNode: any;
   readonly parent: DebugElement|null;
   readonly providerTokens: any[];
-    readonly references: {
+  readonly references: {[key: string]: any;};
-        [key: string]: any;
-    };
 }
 
-export declare const DebugNode: {
+export declare const DebugNode: {new (...args: any[]): DebugNode;};
-    new (...args: any[]): DebugNode;
-};
 
 /** @deprecated */
 export declare class DefaultIterableDiffer<V> implements IterableDiffer<V>, IterableChanges<V> {
@@ -259,7 +217,9 @@ export declare class DefaultIterableDiffer<V> implements IterableDiffer<V>, Iter
   forEachIdentityChange(fn: (record: IterableChangeRecord_<V>) => void): void;
   forEachItem(fn: (record: IterableChangeRecord_<V>) => void): void;
   forEachMovedItem(fn: (record: IterableChangeRecord_<V>) => void): void;
-    forEachOperation(fn: (item: IterableChangeRecord<V>, previousIndex: number | null, currentIndex: number | null) => void): void;
+  forEachOperation(
+      fn: (item: IterableChangeRecord<V>, previousIndex: number|null, currentIndex: number|null) =>
+          void): void;
   forEachPreviousItem(fn: (record: IterableChangeRecord_<V>) => void): void;
   forEachRemovedItem(fn: (record: IterableChangeRecord_<V>) => void): void;
   onDestroy(): void;
@@ -268,20 +228,17 @@ export declare class DefaultIterableDiffer<V> implements IterableDiffer<V>, Iter
 /** @deprecated */
 export declare const defineInjectable: typeof ɵɵdefineInjectable;
 
-export declare function destroyPlatform(): void;
+export declare function destroyPlatform():
+    void;
 
     export interface Directive {
       exportAs?: string;
-    host?: {
+      host?: {[key: string]: string;};
-        [key: string]: string;
-    };
       inputs?: string[];
       jit?: true;
       outputs?: string[];
       providers?: Provider[];
-    queries?: {
+      queries?: {[key: string]: any;};
-        [key: string]: any;
-    };
       selector?: string;
     }
 
@@ -292,13 +249,9 @@ export interface DirectiveDecorator {
   new (obj: Directive): Directive;
 }
 
-export interface DoBootstrap {
+export interface DoBootstrap { ngDoBootstrap(appRef: ApplicationRef): void; }
-    ngDoBootstrap(appRef: ApplicationRef): void;
-}
 
-export interface DoCheck {
+export interface DoCheck { ngDoCheck(): void; }
-    ngDoCheck(): void;
-}
 
 export declare class ElementRef<T = any> {
   nativeElement: T;
@@ -310,7 +263,8 @@ export declare abstract class EmbeddedViewRef<C> extends ViewRef {
   abstract readonly rootNodes: any[];
 }
 
-export declare function enableProdMode(): void;
+export declare function enableProdMode():
+    void;
 
     export declare class ErrorHandler {
       handleError(error: any): void;
@@ -333,7 +287,8 @@ export interface FactoryProvider extends FactorySansProvider {
   provide: any;
 }
 
-export declare function forwardRef(forwardRefFn: ForwardRefFn): Type<any>;
+export declare function forwardRef(forwardRefFn: ForwardRefFn):
+    Type<any>;
 
     export interface ForwardRefFn {
       (): any;
@@ -343,21 +298,20 @@ export declare const getDebugNode: (nativeNode: any) => DebugNode | null;
 
 export declare const getModuleFactory: (id: string) => NgModuleFactory<any>;
 
-export declare function getPlatform(): PlatformRef | null;
+export declare function getPlatform():
+    PlatformRef|null;
 
     export interface GetTestability {
       addToWindow(registry: TestabilityRegistry): void;
-    findTestabilityInTree(registry: TestabilityRegistry, elem: any, findInAncestors: boolean): Testability | null;
+      findTestabilityInTree(
+          registry: TestabilityRegistry, elem: any, findInAncestors: boolean): Testability|null;
     }
 
-export interface Host {
+export interface Host {}
-}
 
 export declare const Host: HostDecorator;
 
-export interface HostBinding {
+export interface HostBinding { hostPropertyName?: string; }
-    hostPropertyName?: string;
-}
 
 export declare const HostBinding: HostBindingDecorator;
 
@@ -385,55 +339,37 @@ export interface HostListenerDecorator {
 
 export declare const inject: typeof ɵɵinject;
 
-export interface Inject {
+export interface Inject { token: any; }
-    token: any;
-}
 
 export declare const Inject: InjectDecorator;
 
-export interface Injectable {
+export interface Injectable { providedIn?: Type<any>|'root'|null; }
-    providedIn?: Type<any> | 'root' | null;
-}
 
 export declare const Injectable: InjectableDecorator;
 
 export interface InjectableDecorator {
   (): TypeDecorator;
-    (options?: {
+  (options?: {providedIn: Type<any>| 'root' | null;}&InjectableProvider): TypeDecorator;
-        providedIn: Type<any> | 'root' | null;
-    } & InjectableProvider): TypeDecorator;
   new (): Injectable;
-    new (options?: {
+  new (options?: {providedIn: Type<any>| 'root' | null;}&InjectableProvider): Injectable;
-        providedIn: Type<any> | 'root' | null;
-    } & InjectableProvider): Injectable;
 }
 
-export declare type InjectableProvider = ValueSansProvider | ExistingSansProvider | StaticClassSansProvider | ConstructorSansProvider | FactorySansProvider | ClassSansProvider;
+export declare type InjectableProvider = ValueSansProvider | ExistingSansProvider |
+    StaticClassSansProvider | ConstructorSansProvider | FactorySansProvider | ClassSansProvider;
 
-export interface InjectableType<T> extends Type<T> {
+export interface InjectableType<T> extends Type<T> { ngInjectableDef: never; }
-    ngInjectableDef: never;
-}
 
 export interface InjectDecorator {
   (token: any): any;
   new (token: any): Inject;
 }
 
-export declare enum InjectFlags {
+export declare enum InjectFlags {Default = 0, Host = 1, Self = 2, SkipSelf = 4, Optional = 8}
-    Default = 0,
-    Host = 1,
-    Self = 2,
-    SkipSelf = 4,
-    Optional = 8
-}
 
 export declare class InjectionToken<T> {
   protected _desc: string;
   readonly ngInjectableDef: never|undefined;
-    constructor(_desc: string, options?: {
+  constructor(_desc: string, options?: {providedIn?: Type<any>| 'root' | null; factory: () => T;});
-        providedIn?: Type<any> | 'root' | null;
-        factory: () => T;
-    });
   toString(): string;
 }
 
@@ -444,22 +380,15 @@ export declare abstract class Injector {
   static THROW_IF_NOT_FOUND: Object;
   static ngInjectableDef: never;
   /** @deprecated */ static create(providers: StaticProvider[], parent?: Injector): Injector;
-    static create(options: {
+  static create(options: {providers: StaticProvider[]; parent?: Injector; name?: string;}):
-        providers: StaticProvider[];
+      Injector;
-        parent?: Injector;
-        name?: string;
-    }): Injector;
 }
 
 export declare const INJECTOR: InjectionToken<Injector>;
 
-export interface InjectorType<T> extends Type<T> {
+export interface InjectorType<T> extends Type<T> { ngInjectorDef: never; }
-    ngInjectorDef: never;
-}
 
-export interface Input {
+export interface Input { bindingPropertyName?: string; }
-    bindingPropertyName?: string;
-}
 
 export declare const Input: InputDecorator;
 
@@ -468,7 +397,8 @@ export interface InputDecorator {
   new (bindingPropertyName?: string): any;
 }
 
-export declare function isDevMode(): boolean;
+export declare function isDevMode():
+    boolean;
 
     export interface IterableChangeRecord<V> {
       readonly currentIndex: number|null;
@@ -482,14 +412,15 @@ export interface IterableChanges<V> {
   forEachIdentityChange(fn: (record: IterableChangeRecord<V>) => void): void;
   forEachItem(fn: (record: IterableChangeRecord<V>) => void): void;
   forEachMovedItem(fn: (record: IterableChangeRecord<V>) => void): void;
-    forEachOperation(fn: (record: IterableChangeRecord<V>, previousIndex: number | null, currentIndex: number | null) => void): void;
+  forEachOperation(
+      fn:
+          (record: IterableChangeRecord<V>, previousIndex: number|null,
+           currentIndex: number|null) => void): void;
   forEachPreviousItem(fn: (record: IterableChangeRecord<V>) => void): void;
   forEachRemovedItem(fn: (record: IterableChangeRecord<V>) => void): void;
 }
 
-export interface IterableDiffer<V> {
+export interface IterableDiffer<V> { diff(object: NgIterable<V>): IterableChanges<V>|null; }
-    diff(object: NgIterable<V>): IterableChanges<V> | null;
-}
 
 export interface IterableDifferFactory {
   create<V>(trackByFn?: TrackByFunction<V>): IterableDiffer<V>;
@@ -521,9 +452,7 @@ export interface KeyValueChanges<K, V> {
 
 export interface KeyValueDiffer<K, V> {
   diff(object: Map<K, V>): KeyValueChanges<K, V>|null;
-    diff(object: {
+  diff(object: {[key: string]: V;}): KeyValueChanges<string, V>|null;
-        [key: string]: V;
-    }): KeyValueChanges<string, V> | null;
 }
 
 export interface KeyValueDifferFactory {
@@ -542,11 +471,7 @@ export declare class KeyValueDiffers {
 
 export declare const LOCALE_ID: InjectionToken<string>;
 
-export declare enum MissingTranslationStrategy {
+export declare enum MissingTranslationStrategy {Error = 0, Warning = 1, Ignore = 2}
-    Error = 0,
-    Warning = 1,
-    Ignore = 2
-}
 
 export declare class ModuleWithComponentFactories<T> {
   componentFactories: ComponentFactory<any>[];
@@ -554,7 +479,8 @@ export declare class ModuleWithComponentFactories<T> {
   constructor(ngModuleFactory: NgModuleFactory<T>, componentFactories: ComponentFactory<any>[]);
 }
 
-export interface ModuleWithProviders<T = any /** TODO(alxhub): remove default when callers pass explicit type param */> {
+export interface ModuleWithProviders<
+    T = any /** TODO(alxhub): remove default when callers pass explicit type param */> {
   ngModule: Type<T>;
   providers?: Provider[];
 }
@@ -612,9 +538,7 @@ export declare class NgZone {
   readonly onMicrotaskEmpty: EventEmitter<any>;
   readonly onStable: EventEmitter<any>;
   readonly onUnstable: EventEmitter<any>;
-    constructor({ enableLongStackTrace }: {
+  constructor({enableLongStackTrace}: {enableLongStackTrace?: boolean | undefined;});
-        enableLongStackTrace?: boolean | undefined;
-    });
   run<T>(fn: (...args: any[]) => T, applyThis?: any, applyArgs?: any[]): T;
   runGuarded<T>(fn: (...args: any[]) => T, applyThis?: any, applyArgs?: any[]): T;
   runOutsideAngular<T>(fn: (...args: any[]) => T): T;
@@ -626,20 +550,13 @@ export declare class NgZone {
 
 export declare const NO_ERRORS_SCHEMA: SchemaMetadata;
 
-export interface OnChanges {
+export interface OnChanges { ngOnChanges(changes: SimpleChanges): void; }
-    ngOnChanges(changes: SimpleChanges): void;
-}
 
-export interface OnDestroy {
+export interface OnDestroy { ngOnDestroy(): void; }
-    ngOnDestroy(): void;
-}
 
-export interface OnInit {
+export interface OnInit { ngOnInit(): void; }
-    ngOnInit(): void;
-}
 
-export interface Optional {
+export interface Optional {}
-}
 
 export declare const Optional: OptionalDecorator;
 
@@ -648,9 +565,7 @@ export interface OptionalDecorator {
   new (): Optional;
 }
 
-export interface Output {
+export interface Output { bindingPropertyName?: string; }
-    bindingPropertyName?: string;
-}
 
 export declare const Output: OutputDecorator;
 
@@ -659,40 +574,42 @@ export interface OutputDecorator {
   new (bindingPropertyName?: string): any;
 }
 
-export declare function ɵɵallocHostVars(count: number): void;
+export declare function ɵɵallocHostVars(count: number):
+    void;
 
     export interface ɵɵBaseDef<T> {
       contentQueries: ContentQueriesFunction<T>|null;
-    /** @deprecated */ readonly declaredInputs: {
+      /** @deprecated */ readonly declaredInputs: {[P in keyof T]: string;};
-        [P in keyof T]: string;
-    };
       hostBindings: HostBindingsFunction<T>|null;
-    readonly inputs: {
+      readonly inputs: {[P in keyof T]: string;};
-        [P in keyof T]: string;
+      readonly outputs: {[P in keyof T]: string;};
-    };
-    readonly outputs: {
-        [P in keyof T]: string;
-    };
       viewQuery: ViewQueriesFunction<T>|null;
     }
 
-export declare function ɵɵbind<T>(value: T): T | NO_CHANGE;
+export declare function ɵɵbind<T>(value: T): T |
+    NO_CHANGE;
 
-export declare function ɵɵclassMap(classes: {
+export declare function ɵɵclassMap(
-    [styleName: string]: any;
+    classes: {[styleName: string]: any;} | NO_CHANGE | string | null): void;
-} | NO_CHANGE | string | null): void;
 
-export declare function ɵɵclassProp(classIndex: number, value: boolean | PlayerFactory, forceOverride?: boolean): void;
+    export declare function ɵɵclassProp(
+        classIndex: number, value: boolean | PlayerFactory, forceOverride?: boolean): void;
 
-export declare type ɵɵComponentDefWithMeta<T, Selector extends String, ExportAs extends string[], InputMap extends {
+    export declare type ɵɵComponentDefWithMeta < T, Selector extends String,
+    ExportAs extends string[], InputMap extends {
       [key: string]: string;
     }, OutputMap extends {
   [key: string]: string;
-}, QueryFields extends string[]> = ComponentDef<T>;
+}
+, QueryFields extends string[] > = ComponentDef<T>;
 
-export declare function ɵɵcomponentHostSyntheticListener<T>(eventName: string, listenerFn: (e?: any) => any, useCapture?: boolean, eventTargetResolver?: GlobalTargetResolver): void;
+export declare function ɵɵcomponentHostSyntheticListener<T>(
+    eventName: string, listenerFn: (e?: any) => any, useCapture?: boolean,
+    eventTargetResolver?: GlobalTargetResolver): void;
 
-export declare function ɵɵcomponentHostSyntheticProperty<T>(index: number, propName: string, value: T | NO_CHANGE, sanitizer?: SanitizerFn | null, nativeOnly?: boolean): void;
+export declare function ɵɵcomponentHostSyntheticProperty<T>(
+    index: number, propName: string, value: T | NO_CHANGE, sanitizer?: SanitizerFn | null,
+    nativeOnly?: boolean): void;
 
 export declare function ɵɵcontainer(index: number): void;
 
@@ -700,34 +617,24 @@ export declare function ɵɵcontainerRefreshEnd(): void;
 
     export declare function ɵɵcontainerRefreshStart(index: number): void;
 
-export declare function ɵɵcontentQuery<T>(directiveIndex: number, predicate: Type<any> | string[], descend: boolean, read: any): QueryList<T>;
+    export declare function ɵɵcontentQuery<T>(
+        directiveIndex: number, predicate: Type<any>| string[], descend: boolean, read: any):
+        QueryList<T>;
 
     export declare const ɵɵdefaultStyleSanitizer: StyleSanitizeFn;
 
     export declare function ɵɵdefineBase<T>(baseDefinition: {
-    inputs?: {
+      inputs?: {[P in keyof T]?: string | [string, string];};
-        [P in keyof T]?: string | [string, string];
+      outputs?: {[P in keyof T]?: string;};
-    };
-    outputs?: {
-        [P in keyof T]?: string;
-    };
       contentQueries?: ContentQueriesFunction<T>|null;
       viewQuery?: ViewQueriesFunction<T>|null;
       hostBindings?: HostBindingsFunction<T>;
     }): ɵɵBaseDef<T>;
 
 export declare function ɵɵdefineComponent<T>(componentDefinition: {
-    type: Type<T>;
+  type: Type<T>; selectors: CssSelectorList; factory: FactoryFn<T>; consts: number; vars: number;
-    selectors: CssSelectorList;
+  inputs?: {[P in keyof T]?: string | [string, string];};
-    factory: FactoryFn<T>;
+  outputs?: {[P in keyof T]?: string;};
-    consts: number;
-    vars: number;
-    inputs?: {
-        [P in keyof T]?: string | [string, string];
-    };
-    outputs?: {
-        [P in keyof T]?: string;
-    };
   hostBindings?: HostBindingsFunction<T>;
   contentQueries?: ContentQueriesFunction<T>;
   exportAs?: string[];
@@ -736,9 +643,7 @@ export declare function ɵɵdefineComponent<T>(componentDefinition: {
   viewQuery?: ViewQueriesFunction<T>| null;
   features?: ComponentDefFeature[];
   encapsulation?: ViewEncapsulation;
-    data?: {
+  data?: {[kind: string]: any;};
-        [kind: string]: any;
-    };
   styles?: string[];
   changeDetection?: ChangeDetectionStrategy;
   directives?: DirectiveTypesOrFactory | null;
@@ -747,9 +652,7 @@ export declare function ɵɵdefineComponent<T>(componentDefinition: {
 }): never;
 
 export declare const ɵɵdefineDirective: <T>(directiveDefinition: {
-    type: Type<T>;
+  type: Type<T>; selectors: (string | SelectorFlags)[][]; factory: FactoryFn<T>;
-    selectors: (string | SelectorFlags)[][];
-    factory: FactoryFn<T>;
   inputs?: {[P in keyof T]?: string | [string, string] | undefined;} | undefined;
   outputs?: {[P in keyof T]?: string | undefined;} | undefined;
   features?: DirectiveDefFeature[] | undefined;
@@ -759,16 +662,11 @@ export declare const ɵɵdefineDirective: <T>(directiveDefinition: {
   exportAs?: string[] | undefined;
 }) => never;
 
-export declare function ɵɵdefineInjectable<T>(opts: {
+export declare function ɵɵdefineInjectable<T>(
-    providedIn?: Type<any> | 'root' | 'any' | null;
+    opts: {providedIn?: Type<any>| 'root' | 'any' | null; factory: () => T;}): never;
-    factory: () => T;
-}): never;
 
-export declare function ɵɵdefineInjector(options: {
+export declare function ɵɵdefineInjector(
-    factory: () => any;
+    options: {factory: () => any; providers?: any[]; imports?: any[];}): never;
-    providers?: any[];
-    imports?: any[];
-}): never;
 
     export declare function ɵɵdefineNgModule<T>(def: {
       type: T;
@@ -780,43 +678,51 @@ export declare function ɵɵdefineNgModule<T>(def: {
       id?: string|null;
     }): never;
 
-export declare function ɵɵdefinePipe<T>(pipeDef: {
+export declare function ɵɵdefinePipe<T>(
-    name: string;
+    pipeDef: {name: string; type: Type<T>; factory: FactoryFn<T>; pure?: boolean;}): never;
-    type: Type<T>;
-    factory: FactoryFn<T>;
-    pure?: boolean;
-}): never;
 
-export declare type ɵɵDirectiveDefWithMeta<T, Selector extends string, ExportAs extends string[], InputMap extends {
+export declare type ɵɵDirectiveDefWithMeta < T, Selector extends string, ExportAs extends string[],
+    InputMap extends {
   [key: string]: string;
-}, OutputMap extends {
+}
+, OutputMap extends {
   [key: string]: string;
-}, QueryFields extends string[]> = DirectiveDef<T>;
+}
+, QueryFields extends string[] > = DirectiveDef<T>;
 
 export declare function ɵɵdirectiveInject<T>(token: Type<T>| InjectionToken<T>): T;
-export declare function ɵɵdirectiveInject<T>(token: Type<T> | InjectionToken<T>, flags: InjectFlags): T;
+export declare function ɵɵdirectiveInject<T>(
+    token: Type<T>| InjectionToken<T>, flags: InjectFlags): T;
 
 export declare function ɵɵdisableBindings(): void;
 
-export declare function ɵɵelement(index: number, name: string, attrs?: TAttributes | null, localRefs?: string[] | null): void;
+    export declare function ɵɵelement(
+        index: number, name: string, attrs?: TAttributes | null, localRefs?: string[] | null): void;
 
-export declare function ɵɵelementAttribute(index: number, name: string, value: any, sanitizer?: SanitizerFn | null, namespace?: string): void;
+    export declare function ɵɵelementAttribute(
+        index: number, name: string, value: any, sanitizer?: SanitizerFn | null,
+        namespace?: string): void;
 
     export declare function ɵɵelementContainerEnd(): void;
 
-export declare function ɵɵelementContainerStart(index: number, attrs?: TAttributes | null, localRefs?: string[] | null): void;
+    export declare function ɵɵelementContainerStart(
+        index: number, attrs?: TAttributes | null, localRefs?: string[] | null): void;
 
     export declare function ɵɵelementEnd(): void;
 
     export declare function ɵɵelementHostAttrs(attrs: TAttributes): void;
 
-export declare function ɵɵelementProperty<T>(index: number, propName: string, value: T | NO_CHANGE, sanitizer?: SanitizerFn | null, nativeOnly?: boolean): void;
+    export declare function ɵɵelementProperty<T>(
+        index: number, propName: string, value: T | NO_CHANGE, sanitizer?: SanitizerFn | null,
+        nativeOnly?: boolean): void;
 
-export declare function ɵɵelementStart(index: number, name: string, attrs?: TAttributes | null, localRefs?: string[] | null): void;
+    export declare function ɵɵelementStart(
+        index: number, name: string, attrs?: TAttributes | null, localRefs?: string[] | null): void;
 
     export declare function ɵɵembeddedViewEnd(): void;
 
-export declare function ɵɵembeddedViewStart(viewBlockId: number, consts: number, vars: number): RenderFlags;
+    export declare function ɵɵembeddedViewStart(viewBlockId: number, consts: number, vars: number):
+        RenderFlags;
 
     export declare function ɵɵenableBindings(): void;
 
@@ -837,20 +743,22 @@ export declare function ɵɵi18nEnd(): void;
     export declare function ɵɵi18nExp<T>(expression: T | NO_CHANGE): void;
 
     /** @deprecated */
-export declare function ɵɵi18nLocalize(input: string, placeholders?: {
+    export declare function ɵɵi18nLocalize(input: string, placeholders?: { [key: string]: string;}):
-    [key: string]: string;
+        string;
-}): string;
 
-export declare function ɵɵi18nPostprocess(message: string, replacements?: {
+export declare function ɵɵi18nPostprocess(
-    [key: string]: (string | string[]);
+    message: string, replacements?: {[key: string]: (string | string[]);}): string;
-}): string;
 
-export declare function ɵɵi18nStart(index: number, message: string, subTemplateIndex?: number): void;
+    export declare function ɵɵi18nStart(index: number, message: string, subTemplateIndex?: number):
+        void;
 
-export declare function ɵɵInheritDefinitionFeature(definition: DirectiveDef<any> | ComponentDef<any>): void;
+    export declare function ɵɵInheritDefinitionFeature(
+        definition: DirectiveDef<any>| ComponentDef<any>): void;
 
-export declare function ɵɵinject<T>(token: Type<T> | InjectionToken<T>): T;
+    export declare function ɵɵinject<T>(token: Type<T>| InjectionToken<T>):
-export declare function ɵɵinject<T>(token: Type<T> | InjectionToken<T>, flags?: InjectFlags): T | null;
+        T;
+    export declare function ɵɵinject<T>(token: Type<T>| InjectionToken<T>, flags?: InjectFlags): T |
+    null;
 
     export interface ɵɵInjectableDef<T> {
       factory: () => T;
@@ -858,33 +766,59 @@ export interface ɵɵInjectableDef<T> {
       value: T|undefined;
     }
 
-export declare function ɵɵinjectAttribute(attrNameToInject: string): string | null;
+export declare function ɵɵinjectAttribute(attrNameToInject: string): string |
+    null;
 
     export interface ɵɵInjectorDef<T> {
       factory: () => T;
       imports: (InjectorType<any>| InjectorTypeWithProviders<any>)[];
-    providers: (Type<any> | ValueProvider | ExistingProvider | FactoryProvider | ConstructorProvider | StaticClassProvider | ClassProvider | any[])[];
+      providers:
+          (Type<any>| ValueProvider | ExistingProvider | FactoryProvider | ConstructorProvider |
+           StaticClassProvider | ClassProvider | any[])[];
     }
 
-export declare function ɵɵinterpolation1(prefix: string, v0: any, suffix: string): string | NO_CHANGE;
+export declare function ɵɵinterpolation1(prefix: string, v0: any, suffix: string): string |
+    NO_CHANGE;
 
-export declare function ɵɵinterpolation2(prefix: string, v0: any, i0: string, v1: any, suffix: string): string | NO_CHANGE;
+    export declare function ɵɵinterpolation2(
+        prefix: string, v0: any, i0: string, v1: any, suffix: string): string |
+    NO_CHANGE;
 
-export declare function ɵɵinterpolation3(prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, suffix: string): string | NO_CHANGE;
+    export declare function ɵɵinterpolation3(
+        prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, suffix: string): string |
+    NO_CHANGE;
 
-export declare function ɵɵinterpolation4(prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any, suffix: string): string | NO_CHANGE;
+    export declare function ɵɵinterpolation4(
+        prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any,
+        suffix: string): string |
+    NO_CHANGE;
 
-export declare function ɵɵinterpolation5(prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any, i3: string, v4: any, suffix: string): string | NO_CHANGE;
+    export declare function ɵɵinterpolation5(
+        prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any,
+        i3: string, v4: any, suffix: string): string |
+    NO_CHANGE;
 
-export declare function ɵɵinterpolation6(prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any, i3: string, v4: any, i4: string, v5: any, suffix: string): string | NO_CHANGE;
+    export declare function ɵɵinterpolation6(
+        prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any,
+        i3: string, v4: any, i4: string, v5: any, suffix: string): string |
+    NO_CHANGE;
 
-export declare function ɵɵinterpolation7(prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any, i3: string, v4: any, i4: string, v5: any, i5: string, v6: any, suffix: string): string | NO_CHANGE;
+    export declare function ɵɵinterpolation7(
+        prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any,
+        i3: string, v4: any, i4: string, v5: any, i5: string, v6: any, suffix: string): string |
+    NO_CHANGE;
 
-export declare function ɵɵinterpolation8(prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any, i3: string, v4: any, i4: string, v5: any, i5: string, v6: any, i6: string, v7: any, suffix: string): string | NO_CHANGE;
+    export declare function ɵɵinterpolation8(
+        prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any,
+        i3: string, v4: any, i4: string, v5: any, i5: string, v6: any, i6: string, v7: any,
+        suffix: string): string |
+    NO_CHANGE;
 
     export declare function ɵɵinterpolationV(values: any[]): string | NO_CHANGE;
 
-export declare function ɵɵlistener(eventName: string, listenerFn: (e?: any) => any, useCapture?: boolean, eventTargetResolver?: GlobalTargetResolver): void;
+    export declare function ɵɵlistener(
+        eventName: string, listenerFn: (e?: any) => any, useCapture?: boolean,
+        eventTargetResolver?: GlobalTargetResolver): void;
 
     export declare function ɵɵload<T>(index: number): T;
 
@@ -910,79 +844,119 @@ export declare function ɵɵpipeBind1(index: number, slotOffset: number, v1: any
 
     export declare function ɵɵpipeBind2(index: number, slotOffset: number, v1: any, v2: any): any;
 
-export declare function ɵɵpipeBind3(index: number, slotOffset: number, v1: any, v2: any, v3: any): any;
+    export declare function ɵɵpipeBind3(
+        index: number, slotOffset: number, v1: any, v2: any, v3: any): any;
 
-export declare function ɵɵpipeBind4(index: number, slotOffset: number, v1: any, v2: any, v3: any, v4: any): any;
+    export declare function ɵɵpipeBind4(
+        index: number, slotOffset: number, v1: any, v2: any, v3: any, v4: any): any;
 
     export declare function ɵɵpipeBindV(index: number, slotOffset: number, values: any[]): any;
 
     export declare type ɵɵPipeDefWithMeta<T, Name extends string> = PipeDef<T>;
 
-export declare function ɵɵprojection(nodeIndex: number, selectorIndex?: number, attrs?: TAttributes): void;
+    export declare function ɵɵprojection(
+        nodeIndex: number, selectorIndex?: number, attrs?: TAttributes): void;
 
     export declare function ɵɵprojectionDef(selectors?: CssSelectorList[]): void;
 
-export declare function ɵɵproperty<T>(propName: string, value: T, sanitizer?: SanitizerFn | null, nativeOnly?: boolean): TsickleIssue1009;
+    export declare function ɵɵproperty<T>(
+        propName: string, value: T, sanitizer?: SanitizerFn | null, nativeOnly?: boolean):
+        TsickleIssue1009;
 
-export declare function ɵɵpropertyInterpolate(propName: string, v0: any, sanitizer?: SanitizerFn): TsickleIssue1009;
+    export declare function ɵɵpropertyInterpolate(
+        propName: string, v0: any, sanitizer?: SanitizerFn): TsickleIssue1009;
 
-export declare function ɵɵpropertyInterpolate1(propName: string, prefix: string, v0: any, suffix: string, sanitizer?: SanitizerFn): TsickleIssue1009;
+    export declare function ɵɵpropertyInterpolate1(
+        propName: string, prefix: string, v0: any, suffix: string, sanitizer?: SanitizerFn):
+        TsickleIssue1009;
 
-export declare function ɵɵpropertyInterpolate2(propName: string, prefix: string, v0: any, i0: string, v1: any, suffix: string, sanitizer?: SanitizerFn): TsickleIssue1009;
+    export declare function ɵɵpropertyInterpolate2(
+        propName: string, prefix: string, v0: any, i0: string, v1: any, suffix: string,
+        sanitizer?: SanitizerFn): TsickleIssue1009;
 
-export declare function ɵɵpropertyInterpolate3(propName: string, prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, suffix: string, sanitizer?: SanitizerFn): TsickleIssue1009;
+    export declare function ɵɵpropertyInterpolate3(
+        propName: string, prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any,
+        suffix: string, sanitizer?: SanitizerFn): TsickleIssue1009;
 
-export declare function ɵɵpropertyInterpolate4(propName: string, prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any, suffix: string, sanitizer?: SanitizerFn): TsickleIssue1009;
+    export declare function ɵɵpropertyInterpolate4(
+        propName: string, prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any,
+        i2: string, v3: any, suffix: string, sanitizer?: SanitizerFn): TsickleIssue1009;
 
-export declare function ɵɵpropertyInterpolate5(propName: string, prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any, i3: string, v4: any, suffix: string, sanitizer?: SanitizerFn): TsickleIssue1009;
+    export declare function ɵɵpropertyInterpolate5(
+        propName: string, prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any,
+        i2: string, v3: any, i3: string, v4: any, suffix: string,
+        sanitizer?: SanitizerFn): TsickleIssue1009;
 
-export declare function ɵɵpropertyInterpolate6(propName: string, prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any, i3: string, v4: any, i4: string, v5: any, suffix: string, sanitizer?: SanitizerFn): TsickleIssue1009;
+    export declare function ɵɵpropertyInterpolate6(
+        propName: string, prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any,
+        i2: string, v3: any, i3: string, v4: any, i4: string, v5: any, suffix: string,
+        sanitizer?: SanitizerFn): TsickleIssue1009;
 
-export declare function ɵɵpropertyInterpolate7(propName: string, prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any, i3: string, v4: any, i4: string, v5: any, i5: string, v6: any, suffix: string, sanitizer?: SanitizerFn): TsickleIssue1009;
+    export declare function ɵɵpropertyInterpolate7(
+        propName: string, prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any,
+        i2: string, v3: any, i3: string, v4: any, i4: string, v5: any, i5: string, v6: any,
+        suffix: string, sanitizer?: SanitizerFn): TsickleIssue1009;
 
-export declare function ɵɵpropertyInterpolate8(propName: string, prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any, i2: string, v3: any, i3: string, v4: any, i4: string, v5: any, i5: string, v6: any, i6: string, v7: any, suffix: string, sanitizer?: SanitizerFn): TsickleIssue1009;
+    export declare function ɵɵpropertyInterpolate8(
+        propName: string, prefix: string, v0: any, i0: string, v1: any, i1: string, v2: any,
+        i2: string, v3: any, i3: string, v4: any, i4: string, v5: any, i5: string, v6: any,
+        i6: string, v7: any, suffix: string, sanitizer?: SanitizerFn): TsickleIssue1009;
 
-export declare function ɵɵpropertyInterpolateV(propName: string, values: any[], sanitizer?: SanitizerFn): TsickleIssue1009;
+    export declare function ɵɵpropertyInterpolateV(
+        propName: string, values: any[], sanitizer?: SanitizerFn): TsickleIssue1009;
 
-export declare function ɵɵProvidersFeature<T>(providers: Provider[], viewProviders?: Provider[]): (definition: DirectiveDef<T>) => void;
+    export declare function ɵɵProvidersFeature<T>(
+        providers: Provider[], viewProviders?: Provider[]): (definition: DirectiveDef<T>) => void;
 
-export declare function ɵɵpureFunction0<T>(slotOffset: number, pureFn: () => T, thisArg?: any): T;
+    export declare function ɵɵpureFunction0<T>(slotOffset: number, pureFn: () => T, thisArg?: any):
+        T;
 
-export declare function ɵɵpureFunction1(slotOffset: number, pureFn: (v: any) => any, exp: any, thisArg?: any): any;
+    export declare function ɵɵpureFunction1(
+        slotOffset: number, pureFn: (v: any) => any, exp: any, thisArg?: any): any;
 
-export declare function ɵɵpureFunction2(slotOffset: number, pureFn: (v1: any, v2: any) => any, exp1: any, exp2: any, thisArg?: any): any;
+    export declare function ɵɵpureFunction2(
+        slotOffset: number, pureFn: (v1: any, v2: any) => any, exp1: any, exp2: any, thisArg?: any):
+        any;
 
-export declare function ɵɵpureFunction3(slotOffset: number, pureFn: (v1: any, v2: any, v3: any) => any, exp1: any, exp2: any, exp3: any, thisArg?: any): any;
+    export declare function ɵɵpureFunction3(
+        slotOffset: number, pureFn: (v1: any, v2: any, v3: any) => any, exp1: any, exp2: any,
+        exp3: any, thisArg?: any): any;
 
-export declare function ɵɵpureFunction4(slotOffset: number, pureFn: (v1: any, v2: any, v3: any, v4: any) => any, exp1: any, exp2: any, exp3: any, exp4: any, thisArg?: any): any;
+    export declare function ɵɵpureFunction4(
+        slotOffset: number, pureFn: (v1: any, v2: any, v3: any, v4: any) => any, exp1: any,
+        exp2: any, exp3: any, exp4: any, thisArg?: any): any;
 
-export declare function ɵɵpureFunction5(slotOffset: number, pureFn: (v1: any, v2: any, v3: any, v4: any, v5: any) => any, exp1: any, exp2: any, exp3: any, exp4: any, exp5: any, thisArg?: any): any;
+    export declare function ɵɵpureFunction5(
+        slotOffset: number, pureFn: (v1: any, v2: any, v3: any, v4: any, v5: any) => any, exp1: any,
+        exp2: any, exp3: any, exp4: any, exp5: any, thisArg?: any): any;
 
-export declare function ɵɵpureFunction6(slotOffset: number, pureFn: (v1: any, v2: any, v3: any, v4: any, v5: any, v6: any) => any, exp1: any, exp2: any, exp3: any, exp4: any, exp5: any, exp6: any, thisArg?: any): any;
+    export declare function ɵɵpureFunction6(
+        slotOffset: number, pureFn: (v1: any, v2: any, v3: any, v4: any, v5: any, v6: any) => any,
+        exp1: any, exp2: any, exp3: any, exp4: any, exp5: any, exp6: any, thisArg?: any): any;
 
-export declare function ɵɵpureFunction7(slotOffset: number, pureFn: (v1: any, v2: any, v3: any, v4: any, v5: any, v6: any, v7: any) => any, exp1: any, exp2: any, exp3: any, exp4: any, exp5: any, exp6: any, exp7: any, thisArg?: any): any;
+    export declare function ɵɵpureFunction7(
+        slotOffset: number,
+        pureFn: (v1: any, v2: any, v3: any, v4: any, v5: any, v6: any, v7: any) => any, exp1: any,
+        exp2: any, exp3: any, exp4: any, exp5: any, exp6: any, exp7: any, thisArg?: any): any;
 
-export declare function ɵɵpureFunction8(slotOffset: number, pureFn: (v1: any, v2: any, v3: any, v4: any, v5: any, v6: any, v7: any, v8: any) => any, exp1: any, exp2: any, exp3: any, exp4: any, exp5: any, exp6: any, exp7: any, exp8: any, thisArg?: any): any;
+    export declare function ɵɵpureFunction8(
+        slotOffset: number,
+        pureFn: (v1: any, v2: any, v3: any, v4: any, v5: any, v6: any, v7: any, v8: any) => any,
+        exp1: any, exp2: any, exp3: any, exp4: any, exp5: any, exp6: any, exp7: any, exp8: any,
+        thisArg?: any): any;
 
-export declare function ɵɵpureFunctionV(slotOffset: number, pureFn: (...v: any[]) => any, exps: any[], thisArg?: any): any;
+    export declare function ɵɵpureFunctionV(
+        slotOffset: number, pureFn: (...v: any[]) => any, exps: any[], thisArg?: any): any;
 
     export declare function ɵɵqueryRefresh(queryList: QueryList<any>): boolean;
 
     export declare function ɵɵreference<T>(index: number): T;
 
-export declare function ɵɵresolveBody(element: RElement & {
+    export declare function ɵɵresolveBody(element: RElement & { ownerDocument: Document;}):
-    ownerDocument: Document;
+        {name: string; target: HTMLElement;};
-}): {
-    name: string;
-    target: HTMLElement;
-};
 
-export declare function ɵɵresolveDocument(element: RElement & {
+export declare function ɵɵresolveDocument(element: RElement & { ownerDocument: Document;}):
-    ownerDocument: Document;
+    {name: string; target: Document;};
-}): {
-    name: string;
-    target: Document;
-};
 
 export declare function ɵɵresolveWindow(element: RElement & {
     ownerDocument: Document;