iSharkFly-Docs/angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(compiler-cli): use semver range checking for partial versions (#39847)

Browse Source 
The partial compiler will add a version number to the objects that are
generated so that the linker can select the appropriate partial linker
class to process the metadata.

Previously this version matching was a simple number check. Now
the partial compilation writes the current Angular compiler version
into the generated metadata, and semantic version ranges are used
to select the appropriate partial linker.

PR Close #39847
This commit is contained in:
Pete Bacon Darwin 2020-11-25 21:03:02 +00:00 committed by Misko Hevery
parent 8b0cccca45
commit d2042a0da2
54 changed files with 463 additions and 373 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/compiler-cli/linker/BUILD.bazel
View File

@ -10,6 +10,8 @@ ts_library(
deps = [ deps = [
"//packages/compiler", "//packages/compiler",
"//packages/compiler-cli/src/ngtsc/translator", "//packages/compiler-cli/src/ngtsc/translator",
"@npm//@types/semver",
"@npm//semver",
"@npm//typescript", "@npm//typescript",
], ],
) )

45
packages/compiler-cli/linker/babel/test/es2015_linker_plugin_spec.ts
View File

@ -59,9 +59,9 @@ describe('createEs2015LinkerPlugin()', () => {
transformSync( transformSync(
[ [
'var core;', 'var core;',
`ɵɵngDeclareDirective({version: 1, ngImport: core, x: 1});`, `ɵɵngDeclareDirective({version: '0.0.0-PLACEHOLDER', ngImport: core, x: 1});`,
`ɵɵngDeclareComponent({version: 1, ngImport: core, foo: () => ɵɵngDeclareDirective({version: 1, ngImport: core, x: 2})});`, `ɵɵngDeclareComponent({version: '0.0.0-PLACEHOLDER', ngImport: core, foo: () => ɵɵngDeclareDirective({version: '0.0.0-PLACEHOLDER', ngImport: core, x: 2})});`,
`x.qux(() => ɵɵngDeclareDirective({version: 1, ngImport: core, x: 3}));`, `x.qux(() => ɵɵngDeclareDirective({version: '0.0.0-PLACEHOLDER', ngImport: core, x: 3}));`,
'spread(...x);', 'spread(...x);',
].join('\n'), ].join('\n'),
{ {
@ -71,13 +71,13 @@ describe('createEs2015LinkerPlugin()', () => {
}); });
expect(humanizeLinkerCalls(linkSpy.calls)).toEqual([ expect(humanizeLinkerCalls(linkSpy.calls)).toEqual([
['ɵɵngDeclareDirective', '{version:1,ngImport:core,x:1}'], ['ɵɵngDeclareDirective', '{version:\'0.0.0-PLACEHOLDER\',ngImport:core,x:1}'],
[ [
'ɵɵngDeclareComponent', 'ɵɵngDeclareComponent',
'{version:1,ngImport:core,foo:()=>ɵɵngDeclareDirective({version:1,ngImport:core,x:2})}' '{version:\'0.0.0-PLACEHOLDER\',ngImport:core,foo:()=>ɵɵngDeclareDirective({version:\'0.0.0-PLACEHOLDER\',ngImport:core,x:2})}'
], ],
// Note we do not process `x:2` declaration since it is nested within another declaration // Note we do not process `x:2` declaration since it is nested within another declaration
['ɵɵngDeclareDirective', '{version:1,ngImport:core,x:3}'] ['ɵɵngDeclareDirective', '{version:\'0.0.0-PLACEHOLDER\',ngImport:core,x:3}']
]); ]);
}); });
@ -89,8 +89,8 @@ describe('createEs2015LinkerPlugin()', () => {
const result = transformSync( const result = transformSync(
[ [
'var core;', 'var core;',
'ɵɵngDeclareDirective({version: 1, ngImport: core});', 'ɵɵngDeclareDirective({version: \'0.0.0-PLACEHOLDER\', ngImport: core});',
'ɵɵngDeclareDirective({version: 1, ngImport: core, foo: () => bar({})});', 'ɵɵngDeclareDirective({version: \'0.0.0-PLACEHOLDER\', ngImport: core, foo: () => bar({})});',
'x.qux();', 'x.qux();',
'spread(...x);', 'spread(...x);',
].join('\n'), ].join('\n'),
@ -109,9 +109,9 @@ describe('createEs2015LinkerPlugin()', () => {
[ [
'import * as core from \'some-module\';', 'import * as core from \'some-module\';',
'import {id} from \'other-module\';', 'import {id} from \'other-module\';',
`ɵɵngDeclareDirective({version: 1, ngImport: core})`, `ɵɵngDeclareDirective({version: '0.0.0-PLACEHOLDER', ngImport: core})`,
`ɵɵngDeclareDirective({version: 1, ngImport: core})`, `ɵɵngDeclareDirective({version: '0.0.0-PLACEHOLDER', ngImport: core})`,
`ɵɵngDeclareDirective({version: 1, ngImport: core})`, `ɵɵngDeclareDirective({version: '0.0.0-PLACEHOLDER', ngImport: core})`,
].join('\n'), ].join('\n'),
{ {
plugins: [createEs2015LinkerPlugin()], plugins: [createEs2015LinkerPlugin()],
@ -130,9 +130,9 @@ describe('createEs2015LinkerPlugin()', () => {
const result = transformSync( const result = transformSync(
[ [
'var core;', 'var core;',
`ɵɵngDeclareDirective({version: 1, ngImport: core})`, `ɵɵngDeclareDirective({version: '0.0.0-PLACEHOLDER', ngImport: core})`,
`ɵɵngDeclareDirective({version: 1, ngImport: core})`, `ɵɵngDeclareDirective({version: '0.0.0-PLACEHOLDER', ngImport: core})`,
`ɵɵngDeclareDirective({version: 1, ngImport: core})`, `ɵɵngDeclareDirective({version: '0.0.0-PLACEHOLDER', ngImport: core})`,
].join('\n'), ].join('\n'),
{ {
plugins: [createEs2015LinkerPlugin()], plugins: [createEs2015LinkerPlugin()],
@ -151,9 +151,10 @@ describe('createEs2015LinkerPlugin()', () => {
spyOnLinkPartialDeclarationWithConstants(o.literal('REPLACEMENT')); spyOnLinkPartialDeclarationWithConstants(o.literal('REPLACEMENT'));
const result = transformSync( const result = transformSync(
[ [
'function run(core) {', ` ɵɵngDeclareDirective({version: 1, ngImport: core})`, 'function run(core) {',
` ɵɵngDeclareDirective({version: 1, ngImport: core})`, ` ɵɵngDeclareDirective({version: '0.0.0-PLACEHOLDER', ngImport: core})`,
` ɵɵngDeclareDirective({version: 1, ngImport: core})`, '}' ` ɵɵngDeclareDirective({version: '0.0.0-PLACEHOLDER', ngImport: core})`,
` ɵɵngDeclareDirective({version: '0.0.0-PLACEHOLDER', ngImport: core})`, '}'
].join('\n'), ].join('\n'),
{ {
plugins: [createEs2015LinkerPlugin()], plugins: [createEs2015LinkerPlugin()],
@ -172,9 +173,9 @@ describe('createEs2015LinkerPlugin()', () => {
const result = transformSync( const result = transformSync(
[ [
'function run() {', 'function run() {',
` ɵɵngDeclareDirective({version: 1, ngImport: core})`, ` ɵɵngDeclareDirective({version: '0.0.0-PLACEHOLDER', ngImport: core})`,
` ɵɵngDeclareDirective({version: 1, ngImport: core})`, ` ɵɵngDeclareDirective({version: '0.0.0-PLACEHOLDER', ngImport: core})`,
` ɵɵngDeclareDirective({version: 1, ngImport: core})`, ` ɵɵngDeclareDirective({version: '0.0.0-PLACEHOLDER', ngImport: core})`,
'}', '}',
].join('\n'), ].join('\n'),
{ {
@ -197,7 +198,7 @@ describe('createEs2015LinkerPlugin()', () => {
spyOnLinkPartialDeclarationWithConstants(o.fn([], [], null, null, 'FOO')); spyOnLinkPartialDeclarationWithConstants(o.fn([], [], null, null, 'FOO'));
const result = transformSync( const result = transformSync(
[ [
`ɵɵngDeclareDirective({version: 1, ngImport: core}); FOO;`, `ɵɵngDeclareDirective({version: '0.0.0-PLACEHOLDER', ngImport: core}); FOO;`,
].join('\n'), ].join('\n'),
{ {
plugins: [ plugins: [
@ -235,7 +236,7 @@ describe('createEs2015LinkerPlugin()', () => {
const result = transformSync( const result = transformSync(
[ [
'import * as core from \'some-module\';', 'import * as core from \'some-module\';',
`ɵɵngDeclareDirective({version: 1, ngImport: core})`, `ɵɵngDeclareDirective({version: '0.0.0-PLACEHOLDER', ngImport: core})`,
].join('\n'), ].join('\n'),
{ {
plugins: [createEs2015LinkerPlugin()], plugins: [createEs2015LinkerPlugin()],

5
packages/compiler-cli/linker/src/file_linker/file_linker.ts
View File

@ -40,7 +40,8 @@ export class FileLinker<TConstantScope, TStatement, TExpression> {
* *
* @param declarationFn the name of the function used to declare the partial declaration - e.g. * @param declarationFn the name of the function used to declare the partial declaration - e.g.
* `ɵɵngDeclareDirective`. * `ɵɵngDeclareDirective`.
* @param args the arguments passed to the declaration function. * @param args the arguments passed to the declaration function, should be a single object that
* corresponds to the `R3DeclareDirectiveMetadata` or `R3DeclareComponentMetadata` interfaces.
* @param declarationScope the scope that contains this call to the declaration function. * @param declarationScope the scope that contains this call to the declaration function.
*/ */
linkPartialDeclaration( linkPartialDeclaration(
@ -56,7 +57,7 @@ export class FileLinker<TConstantScope, TStatement, TExpression> {
const ngImport = metaObj.getNode('ngImport'); const ngImport = metaObj.getNode('ngImport');
const emitScope = this.getEmitScope(ngImport, declarationScope); const emitScope = this.getEmitScope(ngImport, declarationScope);
const version = metaObj.getNumber('version'); const version = metaObj.getString('version');
const linker = this.linkerSelector.getLinker(declarationFn, version); const linker = this.linkerSelector.getLinker(declarationFn, version);
const definition = const definition =
linker.linkPartialDeclaration(this.sourceUrl, this.code, emitScope.constantPool, metaObj); linker.linkPartialDeclaration(this.sourceUrl, this.code, emitScope.constantPool, metaObj);

3
packages/compiler-cli/linker/src/file_linker/partial_linkers/partial_linker.ts
View File

@ -15,6 +15,9 @@ import {AstObject} from '../../ast/ast_value';
export interface PartialLinker<TExpression> { export interface PartialLinker<TExpression> {
/** /**
* Link the partial declaration `metaObj` information to generate a full definition expression. * Link the partial declaration `metaObj` information to generate a full definition expression.
*
* @param metaObj An object that fits one of the `R3DeclareDirectiveMetadata` or
* `R3DeclareComponentMetadata` interfaces.
*/ */
linkPartialDeclaration( linkPartialDeclaration(
sourceUrl: string, code: string, constantPool: ConstantPool, sourceUrl: string, code: string, constantPool: ConstantPool,

44
packages/compiler-cli/linker/src/file_linker/partial_linkers/partial_linker_selector.ts
View File

@ -5,6 +5,7 @@
* Use of this source code is governed by an MIT-style license that can be * 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 * found in the LICENSE file at https://angular.io/license
*/ */
import {satisfies} from 'semver';
import {LinkerOptions} from '../linker_options'; import {LinkerOptions} from '../linker_options';
import {PartialComponentLinkerVersion1} from './partial_component_linker_1'; import {PartialComponentLinkerVersion1} from './partial_component_linker_1';
@ -12,13 +13,29 @@ import {PartialDirectiveLinkerVersion1} from './partial_directive_linker_1';
import {PartialLinker} from './partial_linker'; import {PartialLinker} from './partial_linker';
export class PartialLinkerSelector<TExpression> { export class PartialLinkerSelector<TExpression> {
private linkers: Record<string, Record<number, PartialLinker<TExpression>>> = { /**
'ɵɵngDeclareDirective': { * A database of linker instances that should be used if their given semver range satisfies the
1: new PartialDirectiveLinkerVersion1(), * version found in the code to be linked.
}, *
'ɵɵngDeclareComponent': { * Note that the ranges are checked in order, and the first matching range will be selected, so
1: new PartialComponentLinkerVersion1(this.options), * ranges should be most restrictive first.
}, *
* Also, ranges are matched to include "pre-releases", therefore if the range is `>=11.1.0-next.1`
* then this includes `11.1.0-next.2` and also `12.0.0-next.1`.
*
* Finally, note that we always start with the current version (i.e. `0.0.0-PLACEHOLDER`). This
* allows the linker to work on local builds effectively.
*/
private linkers: Record<string, {range: string, linker: PartialLinker<TExpression>}[]> = {
'ɵɵngDeclareDirective': [
{range: '0.0.0-PLACEHOLDER', linker: new PartialDirectiveLinkerVersion1()},
{range: '>=11.1.0-next.1', linker: new PartialDirectiveLinkerVersion1()},
],
'ɵɵngDeclareComponent':
[
{range: '0.0.0-PLACEHOLDER', linker: new PartialComponentLinkerVersion1(this.options)},
{range: '>=11.1.0-next.1', linker: new PartialComponentLinkerVersion1(this.options)},
],
}; };
constructor(private options: LinkerOptions) {} constructor(private options: LinkerOptions) {}
@ -34,15 +51,18 @@ export class PartialLinkerSelector<TExpression> {
* Returns the `PartialLinker` that can handle functions with the given name and version. * Returns the `PartialLinker` that can handle functions with the given name and version.
* Throws an error if there is none. * Throws an error if there is none.
*/ */
getLinker(functionName: string, version: number): PartialLinker<TExpression> { getLinker(functionName: string, version: string): PartialLinker<TExpression> {
const versions = this.linkers[functionName]; const versions = this.linkers[functionName];
if (versions === undefined) { if (versions === undefined) {
throw new Error(`Unknown partial declaration function ${functionName}.`); throw new Error(`Unknown partial declaration function ${functionName}.`);
} }
const linker = versions[version]; for (const {range, linker} of versions) {
if (linker === undefined) { if (satisfies(version, range, {includePrerelease: true})) {
throw new Error(`Unsupported partial declaration version ${version} for ${functionName}.`); return linker;
}
} }
return linker; throw new Error(
`Unsupported partial declaration version ${version} for ${functionName}.\n` +
'Valid version ranges are:\n' + versions.map(v => ` - ${v.range}`).join('\n'));
} }
} }

12
packages/compiler-cli/linker/test/file_linker/file_linker_spec.ts
View File

@ -38,7 +38,7 @@ describe('FileLinker', () => {
describe('linkPartialDeclaration()', () => { describe('linkPartialDeclaration()', () => {
it('should throw an error if the function name is not recognised', () => { it('should throw an error if the function name is not recognised', () => {
const {fileLinker} = createFileLinker(); const {fileLinker} = createFileLinker();
const version = factory.createLiteral(1); const version = factory.createLiteral('0.0.0-PLACEHOLDER');
const ngImport = factory.createIdentifier('core'); const ngImport = factory.createIdentifier('core');
const declarationArg = factory.createObjectLiteral([ const declarationArg = factory.createObjectLiteral([
{propertyName: 'version', quoted: false, value: version}, {propertyName: 'version', quoted: false, value: version},
@ -80,7 +80,7 @@ describe('FileLinker', () => {
.and.returnValue(o.literal('compilation result')); .and.returnValue(o.literal('compilation result'));
const ngImport = factory.createIdentifier('core'); const ngImport = factory.createIdentifier('core');
const version = factory.createLiteral(1); const version = factory.createLiteral('0.0.0-PLACEHOLDER');
const declarationArg = factory.createObjectLiteral([ const declarationArg = factory.createObjectLiteral([
{propertyName: 'ngImport', quoted: false, value: ngImport}, {propertyName: 'ngImport', quoted: false, value: ngImport},
{propertyName: 'version', quoted: false, value: version}, {propertyName: 'version', quoted: false, value: version},
@ -104,7 +104,7 @@ describe('FileLinker', () => {
// constant statements. // constant statements.
const declarationArg = factory.createObjectLiteral([ const declarationArg = factory.createObjectLiteral([
{propertyName: 'ngImport', quoted: false, value: factory.createIdentifier('core')}, {propertyName: 'ngImport', quoted: false, value: factory.createIdentifier('core')},
{propertyName: 'version', quoted: false, value: factory.createLiteral(1)}, {propertyName: 'version', quoted: false, value: factory.createLiteral('0.0.0-PLACEHOLDER')},
]); ]);
const replacement = fileLinker.linkPartialDeclaration( const replacement = fileLinker.linkPartialDeclaration(
@ -127,7 +127,11 @@ describe('FileLinker', () => {
// statements to be emitted in an IIFE rather than added to the shared constant scope. // statements to be emitted in an IIFE rather than added to the shared constant scope.
const declarationArg = factory.createObjectLiteral([ const declarationArg = factory.createObjectLiteral([
{propertyName: 'ngImport', quoted: false, value: factory.createLiteral('not-a-module')}, {propertyName: 'ngImport', quoted: false, value: factory.createLiteral('not-a-module')},
{propertyName: 'version', quoted: false, value: factory.createLiteral(1)}, {
propertyName: 'version',
quoted: false,
value: factory.createLiteral('0.0.0-PLACEHOLDER')
},
]); ]);
const replacement = fileLinker.linkPartialDeclaration( const replacement = fileLinker.linkPartialDeclaration(

54
packages/compiler-cli/linker/test/file_linker/partial_linkers/partial_linker_selector_spec.ts
View File

@ -29,20 +29,62 @@ describe('PartialLinkerSelector', () => {
}); });
describe('getLinker()', () => { describe('getLinker()', () => {
it('should return the linker that matches the name and version number', () => { it('should return the latest linker if the version is "0.0.0-PLACEHOLDER"', () => {
const selector = new PartialLinkerSelector(options); const selector = new PartialLinkerSelector(options);
expect(selector.getLinker('ɵɵngDeclareDirective', 1)) expect(selector.getLinker('ɵɵngDeclareDirective', '0.0.0-PLACEHOLDER'))
.toBeInstanceOf(PartialDirectiveLinkerVersion1); .toBeInstanceOf(PartialDirectiveLinkerVersion1);
expect(selector.getLinker('ɵɵngDeclareComponent', 1)) expect(selector.getLinker('ɵɵngDeclareComponent', '0.0.0-PLACEHOLDER'))
.toBeInstanceOf(PartialComponentLinkerVersion1); .toBeInstanceOf(PartialComponentLinkerVersion1);
}); });
it('should return the linker that matches the name and valid full version', () => {
const selector = new PartialLinkerSelector(options);
expect(selector.getLinker('ɵɵngDeclareDirective', '11.1.2'))
.toBeInstanceOf(PartialDirectiveLinkerVersion1);
expect(selector.getLinker('ɵɵngDeclareDirective', '11.2.5'))
.toBeInstanceOf(PartialDirectiveLinkerVersion1);
expect(selector.getLinker('ɵɵngDeclareDirective', '12.0.0'))
.toBeInstanceOf(PartialDirectiveLinkerVersion1);
});
it('should return the linker that matches the name and valid pre-release versions', () => {
const selector = new PartialLinkerSelector(options);
expect(selector.getLinker('ɵɵngDeclareDirective', '11.1.0-next.1'))
.toBeInstanceOf(PartialDirectiveLinkerVersion1);
expect(selector.getLinker('ɵɵngDeclareDirective', '11.1.0-next.7'))
.toBeInstanceOf(PartialDirectiveLinkerVersion1);
expect(selector.getLinker('ɵɵngDeclareDirective', '12.0.0-next.7'))
.toBeInstanceOf(PartialDirectiveLinkerVersion1);
});
it('should throw an error if there is no linker that matches the given name or version', () => { it('should throw an error if there is no linker that matches the given name or version', () => {
const selector = new PartialLinkerSelector(options); const selector = new PartialLinkerSelector(options);
expect(() => selector.getLinker('$foo', 1)) // `$foo` is not a valid name, even though `0.0.0-PLACEHOLDER` is a valid version
expect(() => selector.getLinker('$foo', '0.0.0-PLACEHOLDER'))
.toThrowError('Unknown partial declaration function $foo.'); .toThrowError('Unknown partial declaration function $foo.');
expect(() => selector.getLinker('ɵɵngDeclareDirective', 2)) // `$foo` is not a valid name, even though `11.1.0` is a valid version
.toThrowError('Unsupported partial declaration version 2 for ɵɵngDeclareDirective.'); expect(() => selector.getLinker('$foo', '11.1.0'))
.toThrowError('Unknown partial declaration function $foo.');
// There are no linkers earlier than 11.1.0-next.1
expect(() => selector.getLinker('ɵɵngDeclareDirective', '10.2.1'))
.toThrowError(
'Unsupported partial declaration version 10.2.1 for ɵɵngDeclareDirective.\n' +
'Valid version ranges are:\n' +
' - 0.0.0-PLACEHOLDER\n' +
' - >=11.1.0-next.1');
expect(() => selector.getLinker('ɵɵngDeclareDirective', '11.0.2'))
.toThrowError(
'Unsupported partial declaration version 11.0.2 for ɵɵngDeclareDirective.\n' +
'Valid version ranges are:\n' +
' - 0.0.0-PLACEHOLDER\n' +
' - >=11.1.0-next.1');
expect(() => selector.getLinker('ɵɵngDeclareDirective', '11.1.0-next.0'))
.toThrowError(
'Unsupported partial declaration version 11.1.0-next.0 for ɵɵngDeclareDirective.\n' +
'Valid version ranges are:\n' +
' - 0.0.0-PLACEHOLDER\n' +
' - >=11.1.0-next.1');
}); });
}); });
}); });

17
packages/compiler-cli/test/compliance/test_cases/list_golden_update_rules.ts Normal file
View File

@ -0,0 +1,17 @@
import {exec} from 'shelljs';
const {BUILD_WORKSPACE_DIRECTORY} = process.env;
const rulesResult = exec(
'yarn --silent bazel query \'filter("\\.update$", kind(rule, //packages/compiler-cli/test/compliance/test_cases:*))\' --output label',
{cwd: BUILD_WORKSPACE_DIRECTORY, env: process.env, silent: true});
if (rulesResult.code !== 0) {
throw new Error('Failed to query Bazel for the update rules:\n' + rulesResult.stderr);
}
for (const rule of rulesResult.split('\n')) {
if (rule.trim() !== '') {
console.log('yarn bazel run ' + rule);
}
}

24
packages/compiler-cli/test/compliance/test_cases/r3_compiler_compliance/components_and_directives/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class HostBindingComp { export class HostBindingComp {
} }
HostBindingComp.ɵfac = function HostBindingComp_Factory(t) { return new (t || HostBindingComp)(); }; HostBindingComp.ɵfac = function HostBindingComp_Factory(t) { return new (t || HostBindingComp)(); };
HostBindingComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: HostBindingComp, selector: "host-binding-comp", ngImport: i0, template: { source: ` HostBindingComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: HostBindingComp, selector: "host-binding-comp", ngImport: i0, template: { source: `
<my-forward-directive></my-forward-directive> <my-forward-directive></my-forward-directive>
`, isInline: true }, directives: [{ type: function () { return MyForwardDirective; }, selector: "my-forward-directive" }] }); `, isInline: true }, directives: [{ type: function () { return MyForwardDirective; }, selector: "my-forward-directive" }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HostBindingComp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HostBindingComp, [{
@ -21,7 +21,7 @@ HostBindingComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: HostBindin
class MyForwardDirective { class MyForwardDirective {
} }
MyForwardDirective.ɵfac = function MyForwardDirective_Factory(t) { return new (t || MyForwardDirective)(); }; MyForwardDirective.ɵfac = function MyForwardDirective_Factory(t) { return new (t || MyForwardDirective)(); };
MyForwardDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: MyForwardDirective, selector: "my-forward-directive", ngImport: i0 }); MyForwardDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: MyForwardDirective, selector: "my-forward-directive", ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyForwardDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyForwardDirective, [{
type: Directive, type: Directive,
args: [{ selector: 'my-forward-directive' }] args: [{ selector: 'my-forward-directive' }]
@ -57,7 +57,7 @@ import * as i0 from "@angular/core";
export class HostBindingComp { export class HostBindingComp {
} }
HostBindingComp.ɵfac = function HostBindingComp_Factory(t) { return new (t || HostBindingComp)(); }; HostBindingComp.ɵfac = function HostBindingComp_Factory(t) { return new (t || HostBindingComp)(); };
HostBindingComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: HostBindingComp, selector: "host-binding-comp", ngImport: i0, template: { source: ` HostBindingComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: HostBindingComp, selector: "host-binding-comp", ngImport: i0, template: { source: `
<div [attr.style]="{} | my_forward_pipe">...</div> <div [attr.style]="{} | my_forward_pipe">...</div>
`, isInline: true }, pipes: { "my_forward_pipe": function () { return MyForwardPipe; } } }); `, isInline: true }, pipes: { "my_forward_pipe": function () { return MyForwardPipe; } } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HostBindingComp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HostBindingComp, [{
@ -108,7 +108,7 @@ import * as i0 from "@angular/core";
export class SomeDirective { export class SomeDirective {
} }
SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); }; SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); };
SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: SomeDirective, selector: "[some-directive]", exportAs: ["someDir", "otherDir"], ngImport: i0 }); SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: SomeDirective, selector: "[some-directive]", exportAs: ["someDir", "otherDir"], ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[some-directive]', exportAs: 'someDir, otherDir' }] args: [{ selector: '[some-directive]', exportAs: 'someDir, otherDir' }]
@ -144,7 +144,7 @@ import * as i0 from "@angular/core";
export class AbstractDirective { export class AbstractDirective {
} }
AbstractDirective.ɵfac = function AbstractDirective_Factory(t) { return new (t || AbstractDirective)(); }; AbstractDirective.ɵfac = function AbstractDirective_Factory(t) { return new (t || AbstractDirective)(); };
AbstractDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: AbstractDirective, ngImport: i0 }); AbstractDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: AbstractDirective, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(AbstractDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(AbstractDirective, [{
type: Directive type: Directive
}], null, null); })(); }], null, null); })();
@ -166,7 +166,7 @@ import * as i0 from "@angular/core";
export class MyApp { export class MyApp {
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "ng-component", ngImport: i0, template: { source: '<some-comp [prop]="{}" [otherProp]="{a: 1, b: 2}"></some-comp>', isInline: true } }); MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "ng-component", ngImport: i0, template: { source: '<some-comp [prop]="{}" [otherProp]="{a: 1, b: 2}"></some-comp>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{
type: Component, type: Component,
args: [{ template: '<some-comp [prop]="{}" [otherProp]="{a: 1, b: 2}"></some-comp>' }] args: [{ template: '<some-comp [prop]="{}" [otherProp]="{a: 1, b: 2}"></some-comp>' }]
@ -189,7 +189,7 @@ import * as i0 from "@angular/core";
export class MyApp { export class MyApp {
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "ng-component", ngImport: i0, template: { source: '<some-comp [prop]="[]" [otherProp]="[0, 1, 2]"></some-comp>', isInline: true } }); MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "ng-component", ngImport: i0, template: { source: '<some-comp [prop]="[]" [otherProp]="[0, 1, 2]"></some-comp>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{
type: Component, type: Component,
args: [{ template: '<some-comp [prop]="[]" [otherProp]="[0, 1, 2]"></some-comp>' }] args: [{ template: '<some-comp [prop]="[]" [otherProp]="[0, 1, 2]"></some-comp>' }]
@ -212,7 +212,7 @@ import * as i0 from "@angular/core";
export class MyApp { export class MyApp {
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "ng-component", ngImport: i0, template: { source: ` MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "ng-component", ngImport: i0, template: { source: `
<div [dir]="{foo: null}"></div> <div [dir]="{foo: null}"></div>
<div [dir]="{foo: {}}"></div> <div [dir]="{foo: {}}"></div>
`, isInline: true } }); `, isInline: true } });
@ -256,7 +256,7 @@ import * as i0 from "@angular/core";
export class MyApp { export class MyApp {
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "ng-component", ngImport: i0, template: { source: ` MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "ng-component", ngImport: i0, template: { source: `
<div [dir]="{foo: null}"></div> <div [dir]="{foo: null}"></div>
<div [dir]="{foo: []}"></div> <div [dir]="{foo: []}"></div>
`, isInline: true } }); `, isInline: true } });
@ -303,7 +303,7 @@ export class MyApp {
} }
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "ng-component", ngImport: i0, template: { source: ` MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "ng-component", ngImport: i0, template: { source: `
<div [dir]="{foo: null}"></div> <div [dir]="{foo: null}"></div>
<div [dir]="{foo: getFoo()}"></div> <div [dir]="{foo: getFoo()}"></div>
`, isInline: true } }); `, isInline: true } });
@ -361,7 +361,7 @@ var Comp = /** @class */ (function () {
Comp_1 = Comp; Comp_1 = Comp;
var Comp_1; var Comp_1;
Comp.ɵfac = function Comp_Factory(t) { return new (t || Comp)(); }; Comp.ɵfac = function Comp_Factory(t) { return new (t || Comp)(); };
Comp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: Comp, selector: "ng-component", providers: [{ provide: token, useExisting: Comp_1 }], ngImport: i0, template: { source: '', isInline: true } }); Comp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: Comp, selector: "ng-component", providers: [{ provide: token, useExisting: Comp_1 }], ngImport: i0, template: { source: '', isInline: true } });
Comp = Comp_1 = __decorate([ Comp = Comp_1 = __decorate([
Custom() Custom()
], Comp); ], Comp);
@ -394,7 +394,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-app", ngImport: i0, template: { source: '<ng-template [id]=""></ng-template>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-app", ngImport: i0, template: { source: '<ng-template [id]=""></ng-template>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-app', template: '<ng-template [id]=""></ng-template>' }] args: [{ selector: 'my-app', template: '<ng-template [id]=""></ng-template>' }]

24
packages/compiler-cli/test/compliance/test_cases/r3_compiler_compliance/components_and_directives/content_projection/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class SimpleComponent { export class SimpleComponent {
} }
SimpleComponent.ɵfac = function SimpleComponent_Factory(t) { return new (t || SimpleComponent)(); }; SimpleComponent.ɵfac = function SimpleComponent_Factory(t) { return new (t || SimpleComponent)(); };
SimpleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: SimpleComponent, selector: "simple", ngImport: i0, template: { source: '<div><ng-content></ng-content></div>', isInline: true } }); SimpleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: SimpleComponent, selector: "simple", ngImport: i0, template: { source: '<div><ng-content></ng-content></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SimpleComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SimpleComponent, [{
type: Component, type: Component,
args: [{ selector: 'simple', template: '<div><ng-content></ng-content></div>' }] args: [{ selector: 'simple', template: '<div><ng-content></ng-content></div>' }]
@ -14,7 +14,7 @@ SimpleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: SimpleComp
export class ComplexComponent { export class ComplexComponent {
} }
ComplexComponent.ɵfac = function ComplexComponent_Factory(t) { return new (t || ComplexComponent)(); }; ComplexComponent.ɵfac = function ComplexComponent_Factory(t) { return new (t || ComplexComponent)(); };
ComplexComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: ComplexComponent, selector: "complex", ngImport: i0, template: { source: ` ComplexComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: ComplexComponent, selector: "complex", ngImport: i0, template: { source: `
<div id="first"><ng-content select="span[title=toFirst]"></ng-content></div> <div id="first"><ng-content select="span[title=toFirst]"></ng-content></div>
<div id="second"><ng-content SELECT="span[title=toSecond]"></ng-content></div>`, isInline: true } }); <div id="second"><ng-content SELECT="span[title=toSecond]"></ng-content></div>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ComplexComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ComplexComponent, [{
@ -38,7 +38,7 @@ MyModule.ɵinj = i0.ɵɵdefineInjector({ factory: function MyModule_Factory(t) {
export class MyApp { export class MyApp {
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: '<simple>content</simple> <complex></complex>', isInline: true } }); MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: '<simple>content</simple> <complex></complex>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{
type: Component, type: Component,
args: [{ selector: 'my-app', template: '<simple>content</simple> <complex></complex>' }] args: [{ selector: 'my-app', template: '<simple>content</simple> <complex></complex>' }]
@ -73,7 +73,7 @@ import * as i0 from "@angular/core";
class Cmp { class Cmp {
} }
Cmp.ɵfac = function Cmp_Factory(t) { return new (t || Cmp)(); }; Cmp.ɵfac = function Cmp_Factory(t) { return new (t || Cmp)(); };
Cmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: Cmp, selector: "ng-component", ngImport: i0, template: { source: ` Cmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: Cmp, selector: "ng-component", ngImport: i0, template: { source: `
<ng-content></ng-content> <ng-content></ng-content>
<ng-content select="[spacer]"></ng-content> <ng-content select="[spacer]"></ng-content>
<ng-content></ng-content> <ng-content></ng-content>
@ -111,7 +111,7 @@ import * as i0 from "@angular/core";
class Cmp { class Cmp {
} }
Cmp.ɵfac = function Cmp_Factory(t) { return new (t || Cmp)(); }; Cmp.ɵfac = function Cmp_Factory(t) { return new (t || Cmp)(); };
Cmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: Cmp, selector: "ng-component", ngImport: i0, template: { source: ` Cmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: Cmp, selector: "ng-component", ngImport: i0, template: { source: `
<div id="second" *ngIf="visible"> <div id="second" *ngIf="visible">
<ng-content SELECT="span[title=toFirst]"></ng-content> <ng-content SELECT="span[title=toFirst]"></ng-content>
</div> </div>
@ -161,7 +161,7 @@ import * as i0 from "@angular/core";
class Cmp { class Cmp {
} }
Cmp.ɵfac = function Cmp_Factory(t) { return new (t || Cmp)(); }; Cmp.ɵfac = function Cmp_Factory(t) { return new (t || Cmp)(); };
Cmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: Cmp, selector: "ng-component", ngImport: i0, template: { source: ` Cmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: Cmp, selector: "ng-component", ngImport: i0, template: { source: `
<ng-content select="[id=toMainBefore]"></ng-content> <ng-content select="[id=toMainBefore]"></ng-content>
<ng-template> <ng-template>
<ng-content select="[id=toTemplate]"></ng-content> <ng-content select="[id=toTemplate]"></ng-content>
@ -215,7 +215,7 @@ import * as i0 from "@angular/core";
export class SimpleComponent { export class SimpleComponent {
} }
SimpleComponent.ɵfac = function SimpleComponent_Factory(t) { return new (t || SimpleComponent)(); }; SimpleComponent.ɵfac = function SimpleComponent_Factory(t) { return new (t || SimpleComponent)(); };
SimpleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: SimpleComponent, selector: "simple", ngImport: i0, template: { source: '<div><ng-content select="[title]"></ng-content></div>', isInline: true } }); SimpleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: SimpleComponent, selector: "simple", ngImport: i0, template: { source: '<div><ng-content select="[title]"></ng-content></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SimpleComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SimpleComponent, [{
type: Component, type: Component,
args: [{ selector: 'simple', template: '<div><ng-content select="[title]"></ng-content></div>' }] args: [{ selector: 'simple', template: '<div><ng-content select="[title]"></ng-content></div>' }]
@ -232,7 +232,7 @@ MyModule.ɵinj = i0.ɵɵdefineInjector({ factory: function MyModule_Factory(t) {
export class MyApp { export class MyApp {
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: '<simple><h1 ngProjectAs="[title]"></h1></simple>', isInline: true } }); MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: '<simple><h1 ngProjectAs="[title]"></h1></simple>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{
type: Component, type: Component,
args: [{ selector: 'my-app', template: '<simple><h1 ngProjectAs="[title]"></h1></simple>' }] args: [{ selector: 'my-app', template: '<simple><h1 ngProjectAs="[title]"></h1></simple>' }]
@ -263,7 +263,7 @@ import * as i0 from "@angular/core";
export class SimpleComponent { export class SimpleComponent {
} }
SimpleComponent.ɵfac = function SimpleComponent_Factory(t) { return new (t || SimpleComponent)(); }; SimpleComponent.ɵfac = function SimpleComponent_Factory(t) { return new (t || SimpleComponent)(); };
SimpleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: SimpleComponent, selector: "simple", ngImport: i0, template: { source: '<div><ng-content select="[title]"></ng-content></div>', isInline: true } }); SimpleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: SimpleComponent, selector: "simple", ngImport: i0, template: { source: '<div><ng-content select="[title]"></ng-content></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SimpleComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SimpleComponent, [{
type: Component, type: Component,
args: [{ selector: 'simple', template: '<div><ng-content select="[title]"></ng-content></div>' }] args: [{ selector: 'simple', template: '<div><ng-content select="[title]"></ng-content></div>' }]
@ -280,7 +280,7 @@ MyModule.ɵinj = i0.ɵɵdefineInjector({ factory: function MyModule_Factory(t) {
export class MyApp { export class MyApp {
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: '<simple><h1 ngProjectAs="[title],[header]"></h1></simple>', isInline: true } }); MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: '<simple><h1 ngProjectAs="[title],[header]"></h1></simple>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{
type: Component, type: Component,
args: [{ selector: 'my-app', template: '<simple><h1 ngProjectAs="[title],[header]"></h1></simple>' }] args: [{ selector: 'my-app', template: '<simple><h1 ngProjectAs="[title],[header]"></h1></simple>' }]
@ -314,7 +314,7 @@ export class MyApp {
} }
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: '<div *ngIf="show" ngProjectAs=".someclass"></div>', isInline: true } }); MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: '<div *ngIf="show" ngProjectAs=".someclass"></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{
type: Component, type: Component,
args: [{ selector: 'my-app', template: '<div *ngIf="show" ngProjectAs=".someclass"></div>' }] args: [{ selector: 'my-app', template: '<div *ngIf="show" ngProjectAs=".someclass"></div>' }]
@ -338,7 +338,7 @@ import * as i0 from "@angular/core";
export class SimpleComponent { export class SimpleComponent {
} }
SimpleComponent.ɵfac = function SimpleComponent_Factory(t) { return new (t || SimpleComponent)(); }; SimpleComponent.ɵfac = function SimpleComponent_Factory(t) { return new (t || SimpleComponent)(); };
SimpleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: SimpleComponent, selector: "simple", ngImport: i0, template: { source: '<ng-content *ngIf="showContent"></ng-content>', isInline: true } }); SimpleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: SimpleComponent, selector: "simple", ngImport: i0, template: { source: '<ng-content *ngIf="showContent"></ng-content>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SimpleComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SimpleComponent, [{
type: Component, type: Component,
args: [{ selector: 'simple', template: '<ng-content *ngIf="showContent"></ng-content>' }] args: [{ selector: 'simple', template: '<ng-content *ngIf="showContent"></ng-content>' }]

12
packages/compiler-cli/test/compliance/test_cases/r3_compiler_compliance/components_and_directives/lifecycle_hooks/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<input #user>Hello {{user.value}}!', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<input #user>Hello {{user.value}}!', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: '<input #user>Hello {{user.value}}!' }] args: [{ selector: 'my-component', template: '<input #user>Hello {{user.value}}!' }]
@ -43,7 +43,7 @@ export class IfDirective {
constructor(template) { } constructor(template) { }
} }
IfDirective.ɵfac = function IfDirective_Factory(t) { return new (t || IfDirective)(i0.ɵɵdirectiveInject(i0.TemplateRef)); }; IfDirective.ɵfac = function IfDirective_Factory(t) { return new (t || IfDirective)(i0.ɵɵdirectiveInject(i0.TemplateRef)); };
IfDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: IfDirective, selector: "[if]", ngImport: i0 }); IfDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: IfDirective, selector: "[if]", ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(IfDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(IfDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[if]' }] args: [{ selector: '[if]' }]
@ -51,7 +51,7 @@ IfDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: IfDirective, s
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div #foo></div> <div #foo></div>
{{foo}} {{foo}}
<div *if> <div *if>
@ -114,7 +114,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div *ngFor="let item of items"> <div *ngFor="let item of items">
<div #foo></div> <div #foo></div>
<span *ngIf="showing"> <span *ngIf="showing">
@ -190,7 +190,7 @@ export class LifecycleComp {
} }
} }
LifecycleComp.ɵfac = function LifecycleComp_Factory(t) { return new (t || LifecycleComp)(); }; LifecycleComp.ɵfac = function LifecycleComp_Factory(t) { return new (t || LifecycleComp)(); };
LifecycleComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: LifecycleComp, selector: "lifecycle-comp", inputs: { nameMin: ["name", "nameMin"] }, usesOnChanges: true, ngImport: i0, template: { source: '', isInline: true } }); LifecycleComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: LifecycleComp, selector: "lifecycle-comp", inputs: { nameMin: ["name", "nameMin"] }, usesOnChanges: true, ngImport: i0, template: { source: '', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(LifecycleComp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(LifecycleComp, [{
type: Component, type: Component,
args: [{ selector: 'lifecycle-comp', template: '' }] args: [{ selector: 'lifecycle-comp', template: '' }]
@ -205,7 +205,7 @@ export class SimpleLayout {
} }
} }
SimpleLayout.ɵfac = function SimpleLayout_Factory(t) { return new (t || SimpleLayout)(); }; SimpleLayout.ɵfac = function SimpleLayout_Factory(t) { return new (t || SimpleLayout)(); };
SimpleLayout.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: SimpleLayout, selector: "simple-layout", ngImport: i0, template: { source: ` SimpleLayout.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: SimpleLayout, selector: "simple-layout", ngImport: i0, template: { source: `
<lifecycle-comp [name]="name1"></lifecycle-comp> <lifecycle-comp [name]="name1"></lifecycle-comp>
<lifecycle-comp [name]="name2"></lifecycle-comp> <lifecycle-comp [name]="name2"></lifecycle-comp>
`, isInline: true }, directives: [{ type: LifecycleComp, selector: "lifecycle-comp", inputs: ["name"] }] }); `, isInline: true }, directives: [{ type: LifecycleComp, selector: "lifecycle-comp", inputs: ["name"] }] });

6
packages/compiler-cli/test/compliance/test_cases/r3_compiler_compliance/components_and_directives/pipes/GOLDEN_PARTIAL.js
View File

@ -36,7 +36,7 @@ export class MyApp {
} }
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: '{{name | myPipe:size | myPurePipe:size }}<p>{{ name | myPipe:1:2:3:4:5 }} {{ name ? 1 : 2 | myPipe }}</p>', isInline: true }, pipes: { "myPurePipe": MyPurePipe, "myPipe": MyPipe } }); MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: '{{name | myPipe:size | myPurePipe:size }}<p>{{ name | myPipe:1:2:3:4:5 }} {{ name ? 1 : 2 | myPipe }}</p>', isInline: true }, pipes: { "myPurePipe": MyPurePipe, "myPipe": MyPipe } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{
type: Component, type: Component,
args: [{ args: [{
@ -101,7 +101,7 @@ MyPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "myPipe", type: MyPipe, pure: false })
export class MyApp { export class MyApp {
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: '0:{{name | myPipe}}1:{{name | myPipe:1}}2:{{name | myPipe:1:2}}3:{{name | myPipe:1:2:3}}4:{{name | myPipe:1:2:3:4}}', isInline: true }, pipes: { "myPipe": MyPipe } }); MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: '0:{{name | myPipe}}1:{{name | myPipe:1}}2:{{name | myPipe:1:2}}3:{{name | myPipe:1:2:3}}4:{{name | myPipe:1:2:3:4}}', isInline: true }, pipes: { "myPipe": MyPipe } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{
type: Component, type: Component,
args: [{ args: [{
@ -176,7 +176,7 @@ export class MyApp {
} }
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: '{{name | myPipe }}<p>{{ name | myOtherPipe }}</p>', isInline: true }, pipes: { "myPipe": MyPipe, "myOtherPipe": MyOtherPipe } }); MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: '{{name | myPipe }}<p>{{ name | myOtherPipe }}</p>', isInline: true }, pipes: { "myPipe": MyPipe, "myOtherPipe": MyOtherPipe } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{
type: Component, type: Component,
args: [{ selector: 'my-app', template: '{{name | myPipe }}<p>{{ name | myOtherPipe }}</p>' }] args: [{ selector: 'my-app', template: '{{name | myPipe }}<p>{{ name | myOtherPipe }}</p>' }]

32
packages/compiler-cli/test/compliance/test_cases/r3_compiler_compliance/components_and_directives/queries/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class SomeDirective { export class SomeDirective {
} }
SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); }; SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); };
SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: SomeDirective, selector: "[someDir]", ngImport: i0 }); SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: SomeDirective, selector: "[someDir]", ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{
type: Directive, type: Directive,
args: [{ args: [{
@ -32,7 +32,7 @@ import * as i0 from "@angular/core";
export class ViewQueryComponent { export class ViewQueryComponent {
} }
ViewQueryComponent.ɵfac = function ViewQueryComponent_Factory(t) { return new (t || ViewQueryComponent)(); }; ViewQueryComponent.ɵfac = function ViewQueryComponent_Factory(t) { return new (t || ViewQueryComponent)(); };
ViewQueryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: ViewQueryComponent, selector: "view-query-component", viewQueries: [{ propertyName: "someDir", first: true, predicate: SomeDirective, descendants: true }, { propertyName: "someDirs", predicate: SomeDirective, descendants: true }], ngImport: i0, template: { source: ` ViewQueryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: ViewQueryComponent, selector: "view-query-component", viewQueries: [{ propertyName: "someDir", first: true, predicate: SomeDirective, descendants: true }, { propertyName: "someDirs", predicate: SomeDirective, descendants: true }], ngImport: i0, template: { source: `
<div someDir></div> <div someDir></div>
`, isInline: true }, directives: [{ type: function () { return SomeDirective; }, selector: "[someDir]" }] }); `, isInline: true }, directives: [{ type: function () { return SomeDirective; }, selector: "[someDir]" }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ViewQueryComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ViewQueryComponent, [{
@ -86,7 +86,7 @@ import * as i0 from "@angular/core";
export class ViewQueryComponent { export class ViewQueryComponent {
} }
ViewQueryComponent.ɵfac = function ViewQueryComponent_Factory(t) { return new (t || ViewQueryComponent)(); }; ViewQueryComponent.ɵfac = function ViewQueryComponent_Factory(t) { return new (t || ViewQueryComponent)(); };
ViewQueryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: ViewQueryComponent, selector: "view-query-component", viewQueries: [{ propertyName: "myRef", first: true, predicate: ["myRef"], descendants: true }, { propertyName: "myRefs", predicate: ["myRef1, myRef2, myRef3"], descendants: true }], ngImport: i0, template: { source: ` ViewQueryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: ViewQueryComponent, selector: "view-query-component", viewQueries: [{ propertyName: "myRef", first: true, predicate: ["myRef"], descendants: true }, { propertyName: "myRefs", predicate: ["myRef1, myRef2, myRef3"], descendants: true }], ngImport: i0, template: { source: `
<div #myRef></div> <div #myRef></div>
<div #myRef1></div> <div #myRef1></div>
`, isInline: true } }); `, isInline: true } });
@ -140,7 +140,7 @@ import * as i0 from "@angular/core";
export class SomeDirective { export class SomeDirective {
} }
SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); }; SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); };
SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: SomeDirective, selector: "[someDir]", ngImport: i0 }); SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: SomeDirective, selector: "[someDir]", ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{
type: Directive, type: Directive,
args: [{ args: [{
@ -166,7 +166,7 @@ import * as i0 from "@angular/core";
export class ViewQueryComponent { export class ViewQueryComponent {
} }
ViewQueryComponent.ɵfac = function ViewQueryComponent_Factory(t) { return new (t || ViewQueryComponent)(); }; ViewQueryComponent.ɵfac = function ViewQueryComponent_Factory(t) { return new (t || ViewQueryComponent)(); };
ViewQueryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: ViewQueryComponent, selector: "view-query-component", viewQueries: [{ propertyName: "someDir", first: true, predicate: SomeDirective, descendants: true, static: true }, { propertyName: "foo", first: true, predicate: ["foo"], descendants: true }], ngImport: i0, template: { source: ` ViewQueryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: ViewQueryComponent, selector: "view-query-component", viewQueries: [{ propertyName: "someDir", first: true, predicate: SomeDirective, descendants: true, static: true }, { propertyName: "foo", first: true, predicate: ["foo"], descendants: true }], ngImport: i0, template: { source: `
<div someDir></div> <div someDir></div>
`, isInline: true }, directives: [{ type: function () { return SomeDirective; }, selector: "[someDir]" }] }); `, isInline: true }, directives: [{ type: function () { return SomeDirective; }, selector: "[someDir]" }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ViewQueryComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ViewQueryComponent, [{
@ -220,7 +220,7 @@ import * as i0 from "@angular/core";
export class SomeDirective { export class SomeDirective {
} }
SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); }; SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); };
SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: SomeDirective, selector: "[someDir]", ngImport: i0 }); SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: SomeDirective, selector: "[someDir]", ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{
type: Directive, type: Directive,
args: [{ args: [{
@ -246,7 +246,7 @@ import * as i0 from "@angular/core";
export class ViewQueryComponent { export class ViewQueryComponent {
} }
ViewQueryComponent.ɵfac = function ViewQueryComponent_Factory(t) { return new (t || ViewQueryComponent)(); }; ViewQueryComponent.ɵfac = function ViewQueryComponent_Factory(t) { return new (t || ViewQueryComponent)(); };
ViewQueryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: ViewQueryComponent, selector: "view-query-component", viewQueries: [{ propertyName: "myRef", first: true, predicate: ["myRef"], descendants: true, read: TemplateRef }, { propertyName: "someDir", first: true, predicate: SomeDirective, descendants: true, read: ElementRef }, { propertyName: "myRefs", predicate: ["myRef1, myRef2, myRef3"], descendants: true, read: ElementRef }, { propertyName: "someDirs", predicate: SomeDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: { source: ` ViewQueryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: ViewQueryComponent, selector: "view-query-component", viewQueries: [{ propertyName: "myRef", first: true, predicate: ["myRef"], descendants: true, read: TemplateRef }, { propertyName: "someDir", first: true, predicate: SomeDirective, descendants: true, read: ElementRef }, { propertyName: "myRefs", predicate: ["myRef1, myRef2, myRef3"], descendants: true, read: ElementRef }, { propertyName: "someDirs", predicate: SomeDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: { source: `
<div someDir></div> <div someDir></div>
<div #myRef></div> <div #myRef></div>
<div #myRef1></div> <div #myRef1></div>
@ -310,7 +310,7 @@ import * as i0 from "@angular/core";
export class SomeDirective { export class SomeDirective {
} }
SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); }; SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); };
SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: SomeDirective, selector: "[someDir]", ngImport: i0 }); SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: SomeDirective, selector: "[someDir]", ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{
type: Directive, type: Directive,
args: [{ args: [{
@ -336,7 +336,7 @@ import * as i0 from "@angular/core";
export class ContentQueryComponent { export class ContentQueryComponent {
} }
ContentQueryComponent.ɵfac = function ContentQueryComponent_Factory(t) { return new (t || ContentQueryComponent)(); }; ContentQueryComponent.ɵfac = function ContentQueryComponent_Factory(t) { return new (t || ContentQueryComponent)(); };
ContentQueryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: ContentQueryComponent, selector: "content-query-component", queries: [{ propertyName: "someDir", first: true, predicate: SomeDirective, descendants: true }, { propertyName: "someDirList", predicate: SomeDirective }], ngImport: i0, template: { source: ` ContentQueryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: ContentQueryComponent, selector: "content-query-component", queries: [{ propertyName: "someDir", first: true, predicate: SomeDirective, descendants: true }, { propertyName: "someDirList", predicate: SomeDirective }], ngImport: i0, template: { source: `
<div><ng-content></ng-content></div> <div><ng-content></ng-content></div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ContentQueryComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ContentQueryComponent, [{
@ -357,7 +357,7 @@ ContentQueryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: Cont
export class MyApp { export class MyApp {
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: ` MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: `
<content-query-component> <content-query-component>
<div someDir></div> <div someDir></div>
</content-query-component> </content-query-component>
@ -413,7 +413,7 @@ import * as i0 from "@angular/core";
export class ContentQueryComponent { export class ContentQueryComponent {
} }
ContentQueryComponent.ɵfac = function ContentQueryComponent_Factory(t) { return new (t || ContentQueryComponent)(); }; ContentQueryComponent.ɵfac = function ContentQueryComponent_Factory(t) { return new (t || ContentQueryComponent)(); };
ContentQueryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: ContentQueryComponent, selector: "content-query-component", queries: [{ propertyName: "myRef", first: true, predicate: ["myRef"], descendants: true }, { propertyName: "myRefs", predicate: ["myRef1, myRef2, myRef3"] }], ngImport: i0, template: { source: ` ContentQueryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: ContentQueryComponent, selector: "content-query-component", queries: [{ propertyName: "myRef", first: true, predicate: ["myRef"], descendants: true }, { propertyName: "myRefs", predicate: ["myRef1, myRef2, myRef3"] }], ngImport: i0, template: { source: `
<div #myRef></div> <div #myRef></div>
<div #myRef1></div> <div #myRef1></div>
`, isInline: true } }); `, isInline: true } });
@ -467,7 +467,7 @@ import * as i0 from "@angular/core";
export class SomeDirective { export class SomeDirective {
} }
SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); }; SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); };
SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: SomeDirective, selector: "[someDir]", ngImport: i0 }); SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: SomeDirective, selector: "[someDir]", ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{
type: Directive, type: Directive,
args: [{ args: [{
@ -493,7 +493,7 @@ import * as i0 from "@angular/core";
export class ContentQueryComponent { export class ContentQueryComponent {
} }
ContentQueryComponent.ɵfac = function ContentQueryComponent_Factory(t) { return new (t || ContentQueryComponent)(); }; ContentQueryComponent.ɵfac = function ContentQueryComponent_Factory(t) { return new (t || ContentQueryComponent)(); };
ContentQueryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: ContentQueryComponent, selector: "content-query-component", queries: [{ propertyName: "someDir", first: true, predicate: SomeDirective, descendants: true, static: true }, { propertyName: "foo", first: true, predicate: ["foo"], descendants: true }], ngImport: i0, template: { source: ` ContentQueryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: ContentQueryComponent, selector: "content-query-component", queries: [{ propertyName: "someDir", first: true, predicate: SomeDirective, descendants: true, static: true }, { propertyName: "foo", first: true, predicate: ["foo"], descendants: true }], ngImport: i0, template: { source: `
<div><ng-content></ng-content></div> <div><ng-content></ng-content></div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ContentQueryComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ContentQueryComponent, [{
@ -514,7 +514,7 @@ ContentQueryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: Cont
export class MyApp { export class MyApp {
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: ` MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: `
<content-query-component> <content-query-component>
<div someDir></div> <div someDir></div>
</content-query-component> </content-query-component>
@ -570,7 +570,7 @@ import * as i0 from "@angular/core";
export class SomeDirective { export class SomeDirective {
} }
SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); }; SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); };
SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: SomeDirective, selector: "[someDir]", ngImport: i0 }); SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: SomeDirective, selector: "[someDir]", ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{
type: Directive, type: Directive,
args: [{ args: [{
@ -596,7 +596,7 @@ import * as i0 from "@angular/core";
export class ContentQueryComponent { export class ContentQueryComponent {
} }
ContentQueryComponent.ɵfac = function ContentQueryComponent_Factory(t) { return new (t || ContentQueryComponent)(); }; ContentQueryComponent.ɵfac = function ContentQueryComponent_Factory(t) { return new (t || ContentQueryComponent)(); };
ContentQueryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: ContentQueryComponent, selector: "content-query-component", queries: [{ propertyName: "myRef", first: true, predicate: ["myRef"], descendants: true, read: TemplateRef }, { propertyName: "someDir", first: true, predicate: SomeDirective, descendants: true, read: ElementRef }, { propertyName: "myRefs", predicate: ["myRef1, myRef2, myRef3"], read: ElementRef }, { propertyName: "someDirs", predicate: SomeDirective, read: TemplateRef }], ngImport: i0, template: { source: ` ContentQueryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: ContentQueryComponent, selector: "content-query-component", queries: [{ propertyName: "myRef", first: true, predicate: ["myRef"], descendants: true, read: TemplateRef }, { propertyName: "someDir", first: true, predicate: SomeDirective, descendants: true, read: ElementRef }, { propertyName: "myRefs", predicate: ["myRef1, myRef2, myRef3"], read: ElementRef }, { propertyName: "someDirs", predicate: SomeDirective, read: TemplateRef }], ngImport: i0, template: { source: `
<div someDir></div> <div someDir></div>
<div #myRef></div> <div #myRef></div>
<div #myRef1></div> <div #myRef1></div>

14
packages/compiler-cli/test/compliance/test_cases/r3_compiler_compliance/components_and_directives/template_variables/GOLDEN_PARTIAL.js
View File

@ -11,7 +11,7 @@ export class ForOfDirective {
ngOnChanges(simpleChanges) { } ngOnChanges(simpleChanges) { }
} }
ForOfDirective.ɵfac = function ForOfDirective_Factory(t) { return new (t || ForOfDirective)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.TemplateRef)); }; ForOfDirective.ɵfac = function ForOfDirective_Factory(t) { return new (t || ForOfDirective)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.TemplateRef)); };
ForOfDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: ForOfDirective, selector: "[forOf]", inputs: { forOf: "forOf" }, usesOnChanges: true, ngImport: i0 }); ForOfDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: ForOfDirective, selector: "[forOf]", inputs: { forOf: "forOf" }, usesOnChanges: true, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ForOfDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ForOfDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[forOf]' }] args: [{ selector: '[forOf]' }]
@ -53,7 +53,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<svg><g *for="let item of items"><circle></circle></g></svg>`, isInline: true }, directives: [{ type: function () { return ForOfDirective; }, selector: "[forOf]", inputs: ["forOf"] }] }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<svg><g *for="let item of items"><circle></circle></g></svg>`, isInline: true }, directives: [{ type: function () { return ForOfDirective; }, selector: "[forOf]", inputs: ["forOf"] }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -101,7 +101,7 @@ export class ForOfDirective {
ngOnChanges(simpleChanges) { } ngOnChanges(simpleChanges) { }
} }
ForOfDirective.ɵfac = function ForOfDirective_Factory(t) { return new (t || ForOfDirective)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.TemplateRef)); }; ForOfDirective.ɵfac = function ForOfDirective_Factory(t) { return new (t || ForOfDirective)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.TemplateRef)); };
ForOfDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: ForOfDirective, selector: "[forOf]", inputs: { forOf: "forOf" }, usesOnChanges: true, ngImport: i0 }); ForOfDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: ForOfDirective, selector: "[forOf]", inputs: { forOf: "forOf" }, usesOnChanges: true, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ForOfDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ForOfDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[forOf]' }] args: [{ selector: '[forOf]' }]
@ -143,7 +143,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<ul><li *for="let item of items">{{item.name}}</li></ul>`, isInline: true }, directives: [{ type: function () { return ForOfDirective; }, selector: "[forOf]", inputs: ["forOf"] }] }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<ul><li *for="let item of items">{{item.name}}</li></ul>`, isInline: true }, directives: [{ type: function () { return ForOfDirective; }, selector: "[forOf]", inputs: ["forOf"] }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -191,7 +191,7 @@ export class ForOfDirective {
ngOnChanges(simpleChanges) { } ngOnChanges(simpleChanges) { }
} }
ForOfDirective.ɵfac = function ForOfDirective_Factory(t) { return new (t || ForOfDirective)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.TemplateRef)); }; ForOfDirective.ɵfac = function ForOfDirective_Factory(t) { return new (t || ForOfDirective)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.TemplateRef)); };
ForOfDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: ForOfDirective, selector: "[forOf]", inputs: { forOf: "forOf" }, usesOnChanges: true, ngImport: i0 }); ForOfDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: ForOfDirective, selector: "[forOf]", inputs: { forOf: "forOf" }, usesOnChanges: true, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ForOfDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ForOfDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[forOf]' }] args: [{ selector: '[forOf]' }]
@ -236,7 +236,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<ul> <ul>
<li *for="let item of items"> <li *for="let item of items">
<div>{{item.name}}</div> <div>{{item.name}}</div>
@ -307,7 +307,7 @@ export class ForOfDirective {
ngOnChanges(simpleChanges) { } ngOnChanges(simpleChanges) { }
} }
ForOfDirective.ɵfac = function ForOfDirective_Factory(t) { return new (t || ForOfDirective)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.TemplateRef)); }; ForOfDirective.ɵfac = function ForOfDirective_Factory(t) { return new (t || ForOfDirective)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.TemplateRef)); };
ForOfDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: ForOfDirective, selector: "[forOf]", inputs: { forOf: "forOf" }, usesOnChanges: true, ngImport: i0 }); ForOfDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: ForOfDirective, selector: "[forOf]", inputs: { forOf: "forOf" }, usesOnChanges: true, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ForOfDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ForOfDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[forOf]' }] args: [{ selector: '[forOf]' }]

36
packages/compiler-cli/test/compliance/test_cases/r3_compiler_compliance/components_and_directives/value_composition/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class ChildComponent { export class ChildComponent {
} }
ChildComponent.ɵfac = function ChildComponent_Factory(t) { return new (t || ChildComponent)(); }; ChildComponent.ɵfac = function ChildComponent_Factory(t) { return new (t || ChildComponent)(); };
ChildComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: ChildComponent, selector: "child", ngImport: i0, template: { source: 'child-view', isInline: true } }); ChildComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: ChildComponent, selector: "child", ngImport: i0, template: { source: 'child-view', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ChildComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ChildComponent, [{
type: Component, type: Component,
args: [{ selector: 'child', template: 'child-view' }] args: [{ selector: 'child', template: 'child-view' }]
@ -14,7 +14,7 @@ ChildComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: ChildCompon
export class SomeDirective { export class SomeDirective {
} }
SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); }; SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); };
SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: SomeDirective, selector: "[some-directive]", ngImport: i0 }); SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: SomeDirective, selector: "[some-directive]", ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[some-directive]' }] args: [{ selector: '[some-directive]' }]
@ -22,7 +22,7 @@ SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: SomeDirectiv
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<child some-directive></child>!', isInline: true }, directives: [{ type: ChildComponent, selector: "child" }, { type: SomeDirective, selector: "[some-directive]" }] }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<child some-directive></child>!', isInline: true }, directives: [{ type: ChildComponent, selector: "child" }, { type: SomeDirective, selector: "[some-directive]" }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: '<child some-directive></child>!' }] args: [{ selector: 'my-component', template: '<child some-directive></child>!' }]
@ -66,7 +66,7 @@ import * as i0 from "@angular/core";
export class SomeDirective { export class SomeDirective {
} }
SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); }; SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); };
SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: SomeDirective, selector: "div.foo[some-directive]:not([title]):not(.baz)", ngImport: i0 }); SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: SomeDirective, selector: "div.foo[some-directive]:not([title]):not(.baz)", ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{
type: Directive, type: Directive,
args: [{ selector: 'div.foo[some-directive]:not([title]):not(.baz)' }] args: [{ selector: 'div.foo[some-directive]:not([title]):not(.baz)' }]
@ -74,7 +74,7 @@ SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: SomeDirectiv
export class OtherDirective { export class OtherDirective {
} }
OtherDirective.ɵfac = function OtherDirective_Factory(t) { return new (t || OtherDirective)(); }; OtherDirective.ɵfac = function OtherDirective_Factory(t) { return new (t || OtherDirective)(); };
OtherDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: OtherDirective, selector: ":not(span[title]):not(.baz)", ngImport: i0 }); OtherDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: OtherDirective, selector: ":not(span[title]):not(.baz)", ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(OtherDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(OtherDirective, [{
type: Directive, type: Directive,
args: [{ selector: ':not(span[title]):not(.baz)' }] args: [{ selector: ':not(span[title]):not(.baz)' }]
@ -114,7 +114,7 @@ import * as i0 from "@angular/core";
export class SomeComponent { export class SomeComponent {
} }
SomeComponent.ɵfac = function SomeComponent_Factory(t) { return new (t || SomeComponent)(); }; SomeComponent.ɵfac = function SomeComponent_Factory(t) { return new (t || SomeComponent)(); };
SomeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: SomeComponent, selector: "#my-app", ngImport: i0, template: { source: '', isInline: true } }); SomeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: SomeComponent, selector: "#my-app", ngImport: i0, template: { source: '', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeComponent, [{
type: Component, type: Component,
args: [{ selector: '#my-app', template: '' }] args: [{ selector: '#my-app', template: '' }]
@ -150,7 +150,7 @@ import * as i0 from "@angular/core";
export class EmptyOutletComponent { export class EmptyOutletComponent {
} }
EmptyOutletComponent.ɵfac = function EmptyOutletComponent_Factory(t) { return new (t || EmptyOutletComponent)(); }; EmptyOutletComponent.ɵfac = function EmptyOutletComponent_Factory(t) { return new (t || EmptyOutletComponent)(); };
EmptyOutletComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: EmptyOutletComponent, selector: "ng-component", ngImport: i0, template: { source: '<router-outlet></router-outlet>', isInline: true } }); EmptyOutletComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: EmptyOutletComponent, selector: "ng-component", ngImport: i0, template: { source: '<router-outlet></router-outlet>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(EmptyOutletComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(EmptyOutletComponent, [{
type: Component, type: Component,
args: [{ template: '<router-outlet></router-outlet>' }] args: [{ template: '<router-outlet></router-outlet>' }]
@ -191,7 +191,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: '' }] args: [{ selector: 'my-component', template: '' }]
@ -233,7 +233,7 @@ export class IfDirective {
constructor(template) { } constructor(template) { }
} }
IfDirective.ɵfac = function IfDirective_Factory(t) { return new (t || IfDirective)(i0.ɵɵdirectiveInject(i0.TemplateRef)); }; IfDirective.ɵfac = function IfDirective_Factory(t) { return new (t || IfDirective)(i0.ɵɵdirectiveInject(i0.TemplateRef)); };
IfDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: IfDirective, selector: "[if]", ngImport: i0 }); IfDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: IfDirective, selector: "[if]", ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(IfDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(IfDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[if]' }] args: [{ selector: '[if]' }]
@ -244,7 +244,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<ul #foo><li *if>{{salutation}} {{foo}}</li></ul>', isInline: true }, directives: [{ type: IfDirective, selector: "[if]" }] }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<ul #foo><li *if>{{salutation}} {{foo}}</li></ul>', isInline: true }, directives: [{ type: IfDirective, selector: "[if]" }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: '<ul #foo><li *if>{{salutation}} {{foo}}</li></ul>' }] args: [{ selector: 'my-component', template: '<ul #foo><li *if>{{salutation}} {{foo}}</li></ul>' }]
@ -287,7 +287,7 @@ import * as i0 from "@angular/core";
export class MyComp { export class MyComp {
} }
MyComp.ɵfac = function MyComp_Factory(t) { return new (t || MyComp)(); }; MyComp.ɵfac = function MyComp_Factory(t) { return new (t || MyComp)(); };
MyComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComp, selector: "my-comp", inputs: { names: "names" }, ngImport: i0, template: { source: ` MyComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComp, selector: "my-comp", inputs: { names: "names" }, ngImport: i0, template: { source: `
<p>{{ names[0] }}</p> <p>{{ names[0] }}</p>
<p>{{ names[1] }}</p> <p>{{ names[1] }}</p>
`, isInline: true } }); `, isInline: true } });
@ -309,7 +309,7 @@ export class MyApp {
} }
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: ` MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: `
<my-comp [names]="['Nancy', customName]"></my-comp> <my-comp [names]="['Nancy', customName]"></my-comp>
`, isInline: true }, directives: [{ type: MyComp, selector: "my-comp", inputs: ["names"] }] }); `, isInline: true }, directives: [{ type: MyComp, selector: "my-comp", inputs: ["names"] }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{
@ -358,7 +358,7 @@ import * as i0 from "@angular/core";
export class MyComp { export class MyComp {
} }
MyComp.ɵfac = function MyComp_Factory(t) { return new (t || MyComp)(); }; MyComp.ɵfac = function MyComp_Factory(t) { return new (t || MyComp)(); };
MyComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComp, selector: "my-comp", inputs: { names: "names" }, ngImport: i0, template: { source: ` MyComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComp, selector: "my-comp", inputs: { names: "names" }, ngImport: i0, template: { source: `
{{ names[0] }} {{ names[0] }}
{{ names[1] }} {{ names[1] }}
{{ names[3] }} {{ names[3] }}
@ -406,7 +406,7 @@ export class MyApp {
} }
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: ` MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: `
<my-comp [names]="['start-', n0, n1, n2, n3, n4, '-middle-', n5, n6, n7, n8, '-end']"> <my-comp [names]="['start-', n0, n1, n2, n3, n4, '-middle-', n5, n6, n7, n8, '-end']">
</my-comp> </my-comp>
`, isInline: true }, directives: [{ type: MyComp, selector: "my-comp", inputs: ["names"] }] }); `, isInline: true }, directives: [{ type: MyComp, selector: "my-comp", inputs: ["names"] }] });
@ -465,7 +465,7 @@ import * as i0 from "@angular/core";
export class ObjectComp { export class ObjectComp {
} }
ObjectComp.ɵfac = function ObjectComp_Factory(t) { return new (t || ObjectComp)(); }; ObjectComp.ɵfac = function ObjectComp_Factory(t) { return new (t || ObjectComp)(); };
ObjectComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: ObjectComp, selector: "object-comp", inputs: { config: "config" }, ngImport: i0, template: { source: ` ObjectComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: ObjectComp, selector: "object-comp", inputs: { config: "config" }, ngImport: i0, template: { source: `
<p> {{ config['duration'] }} </p> <p> {{ config['duration'] }} </p>
<p> {{ config.animation }} </p> <p> {{ config.animation }} </p>
`, isInline: true } }); `, isInline: true } });
@ -487,7 +487,7 @@ export class MyApp {
} }
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: ` MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: `
<object-comp [config]="{'duration': 500, animation: name}"></object-comp> <object-comp [config]="{'duration': 500, animation: name}"></object-comp>
`, isInline: true }, directives: [{ type: ObjectComp, selector: "object-comp", inputs: ["config"] }] }); `, isInline: true }, directives: [{ type: ObjectComp, selector: "object-comp", inputs: ["config"] }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{
@ -538,7 +538,7 @@ import * as i0 from "@angular/core";
export class NestedComp { export class NestedComp {
} }
NestedComp.ɵfac = function NestedComp_Factory(t) { return new (t || NestedComp)(); }; NestedComp.ɵfac = function NestedComp_Factory(t) { return new (t || NestedComp)(); };
NestedComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: NestedComp, selector: "nested-comp", inputs: { config: "config" }, ngImport: i0, template: { source: ` NestedComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: NestedComp, selector: "nested-comp", inputs: { config: "config" }, ngImport: i0, template: { source: `
<p> {{ config.animation }} </p> <p> {{ config.animation }} </p>
<p> {{config.actions[0].opacity }} </p> <p> {{config.actions[0].opacity }} </p>
<p> {{config.actions[1].duration }} </p> <p> {{config.actions[1].duration }} </p>
@ -563,7 +563,7 @@ export class MyApp {
} }
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: ` MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: `
<nested-comp [config]="{animation: name, actions: [{ opacity: 0, duration: 0}, {opacity: 1, duration: duration }]}"> <nested-comp [config]="{animation: name, actions: [{ opacity: 0, duration: 0}, {opacity: 1, duration: duration }]}">
</nested-comp> </nested-comp>
`, isInline: true }, directives: [{ type: NestedComp, selector: "nested-comp", inputs: ["config"] }] }); `, isInline: true }, directives: [{ type: NestedComp, selector: "nested-comp", inputs: ["config"] }] });

22
packages/compiler-cli/test/compliance/test_cases/r3_compiler_compliance/elements/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div class="my-app" title="Hello"><svg><circle cx="20" cy="30" r="50"/></svg><p>test</p></div>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div class="my-app" title="Hello"><svg><circle cx="20" cy="30" r="50"/></svg><p>test</p></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -45,7 +45,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div class="my-app" title="Hello"><math><infinity/></math><p>test</p></div>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div class="my-app" title="Hello"><math><infinity/></math><p>test</p></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -84,7 +84,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div class="my-app" title="Hello">Hello <b>World</b>!</div>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div class="my-app" title="Hello">Hello <b>World</b>!</div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -123,7 +123,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div xmlns:foo="http://someuri/foo" class="my-app" foo:bar="baz" title="Hello" foo:qux="quacks">Hello <b>World</b>!</div>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div xmlns:foo="http://someuri/foo" class="my-app" foo:bar="baz" title="Hello" foo:qux="quacks">Hello <b>World</b>!</div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -162,7 +162,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<ng-container><span>in a </span>container</ng-container>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<ng-container><span>in a </span>container</ng-container>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -201,7 +201,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<ng-container></ng-container>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<ng-container></ng-container>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: '<ng-container></ng-container>' }] args: [{ selector: 'my-component', template: '<ng-container></ng-container>' }]
@ -240,7 +240,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div [id]="id"></div>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div [id]="id"></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: '<div [id]="id"></div>' }] args: [{ selector: 'my-component', template: '<div [id]="id"></div>' }]
@ -280,7 +280,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div
[ternary]="cond ? [a] : [0]" [ternary]="cond ? [a] : [0]"
[pipe]="value | pipe:1:2" [pipe]="value | pipe:1:2"
[and]="cond && [b]" [and]="cond && [b]"
@ -333,7 +333,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", inputs: { expandedHeight: "expandedHeight", collapsedHeight: "collapsedHeight", expandedWidth: "expandedWidth", collapsedWidth: "collapsedWidth" }, host: { properties: { "@expansionHeight": "{\n value: getExpandedState(),\n params: {\n collapsedHeight: collapsedHeight,\n expandedHeight: expandedHeight\n }\n }", "@expansionWidth": "{\n value: getExpandedState(),\n params: {\n collapsedWidth: collapsedWidth,\n expandedWidth: expandedWidth\n }\n }" } }, ngImport: i0, template: { source: '...', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", inputs: { expandedHeight: "expandedHeight", collapsedHeight: "collapsedHeight", expandedWidth: "expandedWidth", collapsedWidth: "collapsedWidth" }, host: { properties: { "@expansionHeight": "{\n value: getExpandedState(),\n params: {\n collapsedHeight: collapsedHeight,\n expandedHeight: expandedHeight\n }\n }", "@expansionWidth": "{\n value: getExpandedState(),\n params: {\n collapsedWidth: collapsedWidth,\n expandedWidth: expandedWidth\n }\n }" } }, ngImport: i0, template: { source: '...', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -405,7 +405,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div [class.error]="error" [style.background-color]="color"></div>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div [class.error]="error" [style.background-color]="color"></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -446,7 +446,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div title="hi"></div> <div title="hi"></div>
<span title="hi"></span> <span title="hi"></span>
`, isInline: true } }); `, isInline: true } });

4
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler/GOLDEN_PARTIAL.js
View File

@ -9,7 +9,7 @@ export class MyApp {
} }
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: '<todo [data]="list"></todo>', isInline: true }, directives: [{ type: function () { return TodoComponent; }, selector: "todo", inputs: ["data"] }] }); MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: '<todo [data]="list"></todo>', isInline: true }, directives: [{ type: function () { return TodoComponent; }, selector: "todo", inputs: ["data"] }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{
type: Component, type: Component,
args: [{ selector: 'my-app', template: '<todo [data]="list"></todo>' }] args: [{ selector: 'my-app', template: '<todo [data]="list"></todo>' }]
@ -20,7 +20,7 @@ export class TodoComponent {
} }
} }
TodoComponent.ɵfac = function TodoComponent_Factory(t) { return new (t || TodoComponent)(); }; TodoComponent.ɵfac = function TodoComponent_Factory(t) { return new (t || TodoComponent)(); };
TodoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: TodoComponent, selector: "todo", inputs: { data: "data" }, ngImport: i0, template: { source: '<ul class="list" [title]="myTitle"><li *ngFor="let item of data">{{data}}</li></ul>', isInline: true } }); TodoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TodoComponent, selector: "todo", inputs: { data: "data" }, ngImport: i0, template: { source: '<ul class="list" [title]="myTitle"><li *ngFor="let item of data">{{data}}</li></ul>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TodoComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TodoComponent, [{
type: Component, type: Component,
args: [{ args: [{

4
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler/animations/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class MyApp { export class MyApp {
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: '<div @attr [@binding]="exp"></div>', isInline: true } }); MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: '<div @attr [@binding]="exp"></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{
type: Component, type: Component,
args: [{ selector: 'my-app', template: '<div @attr [@binding]="exp"></div>' }] args: [{ selector: 'my-app', template: '<div @attr [@binding]="exp"></div>' }]
@ -42,7 +42,7 @@ import * as i0 from "@angular/core";
export class MyApp { export class MyApp {
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: '<div (@mySelector.start)="false" (@mySelector.done)="false" [@mySelector]="0"></div>', isInline: true } }); MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: '<div (@mySelector.start)="false" (@mySelector.done)="false" [@mySelector]="0"></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{
type: Component, type: Component,
args: [{ args: [{

4
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler/any/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
class Comp { class Comp {
} }
Comp.ɵfac = function Comp_Factory(t) { return new (t || Comp)(); }; Comp.ɵfac = function Comp_Factory(t) { return new (t || Comp)(); };
Comp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: Comp, selector: "ng-component", ngImport: i0, template: { source: '<div [tabIndex]="$any(10)"></div>', isInline: true } }); Comp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: Comp, selector: "ng-component", ngImport: i0, template: { source: '<div [tabIndex]="$any(10)"></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(Comp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(Comp, [{
type: Component, type: Component,
args: [{ template: '<div [tabIndex]="$any(10)"></div>' }] args: [{ template: '<div [tabIndex]="$any(10)"></div>' }]
@ -28,7 +28,7 @@ class Comp {
} }
} }
Comp.ɵfac = function Comp_Factory(t) { return new (t || Comp)(); }; Comp.ɵfac = function Comp_Factory(t) { return new (t || Comp)(); };
Comp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: Comp, selector: "ng-component", ngImport: i0, template: { source: '<div [tabIndex]="this.$any(null)"></div>', isInline: true } }); Comp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: Comp, selector: "ng-component", ngImport: i0, template: { source: '<div [tabIndex]="this.$any(null)"></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(Comp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(Comp, [{
type: Component, type: Component,
args: [{ template: '<div [tabIndex]="this.$any(null)"></div>' }] args: [{ template: '<div [tabIndex]="this.$any(null)"></div>' }]

2
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler/hello_world/GOLDEN_PARTIAL.js
View File

@ -13,7 +13,7 @@ class GreeterEN {
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", providers: [GreeterEN, { provide: Greeter, useClass: GreeterEN }], ngImport: i0, template: { source: '<div></div>', isInline: true }, viewProviders: [GreeterEN] }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", providers: [GreeterEN, { provide: Greeter, useClass: GreeterEN }], ngImport: i0, template: { source: '<div></div>', isInline: true }, viewProviders: [GreeterEN] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{

2
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler/interpolations/GOLDEN_PARTIAL.js
View File

@ -9,7 +9,7 @@ export class MyApp {
} }
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: ' {{list[0]}} {{list[1]}} {{list[2]}} {{list[3]}} {{list[4]}} {{list[5]}} {{list[6]}} {{list[7]}} {{list[8]}} ', isInline: true } }); MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: ' {{list[0]}} {{list[1]}} {{list[2]}} {{list[3]}} {{list[4]}} {{list[5]}} {{list[6]}} {{list[7]}} {{list[8]}} ', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{
type: Component, type: Component,
args: [{ args: [{

16
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/attribute_bindings/GOLDEN_PARTIAL.js
View File

@ -10,7 +10,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `
<button [attr.title]="myTitle" attr.id="{{buttonId}}" [attr.tabindex]="1"></button> <button [attr.title]="myTitle" attr.id="{{buttonId}}" [attr.tabindex]="1"></button>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -45,7 +45,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `
<button attr.title="{{myTitle}}" attr.id="{{buttonId}}" attr.tabindex="{{1}}"></button> <button attr.title="{{myTitle}}" attr.id="{{buttonId}}" attr.tabindex="{{1}}"></button>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -76,7 +76,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `
<button [attr.title]="1" [id]="2" [attr.tabindex]="3" attr.aria-label="prefix-{{1 + 3}}"> <button [attr.title]="1" [id]="2" [attr.tabindex]="3" attr.aria-label="prefix-{{1 + 3}}">
</button> </button>
`, isInline: true } }); `, isInline: true } });
@ -107,7 +107,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `
<button <button
[attr.title]="1" [attr.title]="1"
[attr.id]="2" [attr.id]="2"
@ -146,7 +146,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `
<button [attr.title]="myTitle" [attr.id]="buttonId" [attr.tabindex]="1"></button> <button [attr.title]="myTitle" [attr.id]="buttonId" [attr.tabindex]="1"></button>
<span [attr.id]="1" [attr.title]="'hello'" [attr.some-attr]="1 + 2"></span> <span [attr.id]="1" [attr.title]="'hello'" [attr.some-attr]="1 + 2"></span>
<custom-element [attr.some-attr]="'one'" [attr.some-other-attr]="2"></custom-element> <custom-element [attr.some-attr]="'one'" [attr.some-other-attr]="2"></custom-element>
@ -185,7 +185,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `
<button [attr.title]="myTitle" [attr.id]="buttonId" [attr.tabindex]="1"> <button [attr.title]="myTitle" [attr.id]="buttonId" [attr.tabindex]="1">
<span [attr.id]="1" [attr.title]="'hello'" [attr.some-attr]="1 + 2"></span> <span [attr.id]="1" [attr.title]="'hello'" [attr.some-attr]="1 + 2"></span>
</button>`, isInline: true } }); </button>`, isInline: true } });
@ -219,7 +219,7 @@ export class MyComponent {
doThings() { } doThings() { }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-app", ngImport: i0, template: { source: `<a MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-app", ngImport: i0, template: { source: `<a
target="_blank" target="_blank"
[title]="1" [title]="1"
[attr.foo]="'one'" [attr.foo]="'one'"
@ -278,7 +278,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-app", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-app", ngImport: i0, template: { source: `
<div attr.title="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h{{eight}}i{{nine}}j"></div> <div attr.title="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h{{eight}}i{{nine}}j"></div>
<div attr.title="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h{{eight}}i"></div> <div attr.title="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h{{eight}}i"></div>
<div attr.title="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h"></div> <div attr.title="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h"></div>

34
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/GOLDEN_PARTIAL.js
View File

@ -9,7 +9,7 @@ export class HostBindingDir {
} }
} }
HostBindingDir.ɵfac = function HostBindingDir_Factory(t) { return new (t || HostBindingDir)(); }; HostBindingDir.ɵfac = function HostBindingDir_Factory(t) { return new (t || HostBindingDir)(); };
HostBindingDir.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: HostBindingDir, selector: "[hostBindingDir]", host: { properties: { "id": "dirId" } }, ngImport: i0 }); HostBindingDir.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: HostBindingDir, selector: "[hostBindingDir]", host: { properties: { "id": "dirId" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HostBindingDir, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HostBindingDir, [{
type: Directive, type: Directive,
args: [{ selector: '[hostBindingDir]' }] args: [{ selector: '[hostBindingDir]' }]
@ -49,7 +49,7 @@ import * as i0 from "@angular/core";
export class HostBindingDir { export class HostBindingDir {
} }
HostBindingDir.ɵfac = function HostBindingDir_Factory(t) { return new (t || HostBindingDir)(); }; HostBindingDir.ɵfac = function HostBindingDir_Factory(t) { return new (t || HostBindingDir)(); };
HostBindingDir.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: HostBindingDir, selector: "[hostBindingDir]", host: { properties: { "id": "getData()?.id" } }, ngImport: i0 }); HostBindingDir.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: HostBindingDir, selector: "[hostBindingDir]", host: { properties: { "id": "getData()?.id" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HostBindingDir, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HostBindingDir, [{
type: Directive, type: Directive,
args: [{ selector: '[hostBindingDir]', host: { '[id]': 'getData()?.id' } }] args: [{ selector: '[hostBindingDir]', host: { '[id]': 'getData()?.id' } }]
@ -91,7 +91,7 @@ export class HostBindingComp {
} }
} }
HostBindingComp.ɵfac = function HostBindingComp_Factory(t) { return new (t || HostBindingComp)(); }; HostBindingComp.ɵfac = function HostBindingComp_Factory(t) { return new (t || HostBindingComp)(); };
HostBindingComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: HostBindingComp, selector: "host-binding-comp", host: { properties: { "id": "[\"red\", id]" } }, ngImport: i0, template: { source: '', isInline: true } }); HostBindingComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: HostBindingComp, selector: "host-binding-comp", host: { properties: { "id": "[\"red\", id]" } }, ngImport: i0, template: { source: '', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HostBindingComp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HostBindingComp, [{
type: Component, type: Component,
args: [{ selector: 'host-binding-comp', host: { '[id]': '["red", id]' }, template: '' }] args: [{ selector: 'host-binding-comp', host: { '[id]': '["red", id]' }, template: '' }]
@ -131,7 +131,7 @@ export class HostAttributeDir {
} }
} }
HostAttributeDir.ɵfac = function HostAttributeDir_Factory(t) { return new (t || HostAttributeDir)(); }; HostAttributeDir.ɵfac = function HostAttributeDir_Factory(t) { return new (t || HostAttributeDir)(); };
HostAttributeDir.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: HostAttributeDir, selector: "[hostAttributeDir]", host: { properties: { "attr.required": "required" } }, ngImport: i0 }); HostAttributeDir.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: HostAttributeDir, selector: "[hostAttributeDir]", host: { properties: { "attr.required": "required" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HostAttributeDir, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HostAttributeDir, [{
type: Directive, type: Directive,
args: [{ selector: '[hostAttributeDir]', host: { '[attr.required]': 'required' } }] args: [{ selector: '[hostAttributeDir]', host: { '[attr.required]': 'required' } }]
@ -168,7 +168,7 @@ import * as i0 from "@angular/core";
export class HostAttributeDir { export class HostAttributeDir {
} }
HostAttributeDir.ɵfac = function HostAttributeDir_Factory(t) { return new (t || HostAttributeDir)(); }; HostAttributeDir.ɵfac = function HostAttributeDir_Factory(t) { return new (t || HostAttributeDir)(); };
HostAttributeDir.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: HostAttributeDir, selector: "[hostAttributeDir]", host: { attributes: { "aria-label": "label" } }, ngImport: i0 }); HostAttributeDir.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: HostAttributeDir, selector: "[hostAttributeDir]", host: { attributes: { "aria-label": "label" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HostAttributeDir, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HostAttributeDir, [{
type: Directive, type: Directive,
args: [{ selector: '[hostAttributeDir]', host: { 'aria-label': 'label' } }] args: [{ selector: '[hostAttributeDir]', host: { 'aria-label': 'label' } }]
@ -204,7 +204,7 @@ import * as i0 from "@angular/core";
export class HostAttributeComp { export class HostAttributeComp {
} }
HostAttributeComp.ɵfac = function HostAttributeComp_Factory(t) { return new (t || HostAttributeComp)(); }; HostAttributeComp.ɵfac = function HostAttributeComp_Factory(t) { return new (t || HostAttributeComp)(); };
HostAttributeComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: HostAttributeComp, selector: "my-host-attribute-component", host: { attributes: { "title": "hello there from component" }, styleAttribute: "opacity:1" }, ngImport: i0, template: { source: '...', isInline: true } }); HostAttributeComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: HostAttributeComp, selector: "my-host-attribute-component", host: { attributes: { "title": "hello there from component" }, styleAttribute: "opacity:1" }, ngImport: i0, template: { source: '...', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HostAttributeComp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HostAttributeComp, [{
type: Component, type: Component,
args: [{ args: [{
@ -216,7 +216,7 @@ HostAttributeComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: HostAttr
export class HostAttributeDir { export class HostAttributeDir {
} }
HostAttributeDir.ɵfac = function HostAttributeDir_Factory(t) { return new (t || HostAttributeDir)(); }; HostAttributeDir.ɵfac = function HostAttributeDir_Factory(t) { return new (t || HostAttributeDir)(); };
HostAttributeDir.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: HostAttributeDir, selector: "[hostAttributeDir]", host: { attributes: { "title": "hello there from directive" }, properties: { "style.opacity": "true", "class.three": "true" }, styleAttribute: "width: 200px; height: 500px", classAttribute: "one two" }, ngImport: i0 }); HostAttributeDir.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: HostAttributeDir, selector: "[hostAttributeDir]", host: { attributes: { "title": "hello there from directive" }, properties: { "style.opacity": "true", "class.three": "true" }, styleAttribute: "width: 200px; height: 500px", classAttribute: "one two" }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HostAttributeDir, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HostAttributeDir, [{
type: Directive, type: Directive,
args: [{ args: [{
@ -269,7 +269,7 @@ export class MyDirective {
} }
} }
MyDirective.ɵfac = function MyDirective_Factory(t) { return new (t || MyDirective)(); }; MyDirective.ɵfac = function MyDirective_Factory(t) { return new (t || MyDirective)(); };
MyDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: MyDirective, selector: "[my-dir]", host: { properties: { "title": "myTitle", "tabindex": "1", "id": "myId" } }, ngImport: i0 }); MyDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: MyDirective, selector: "[my-dir]", host: { properties: { "title": "myTitle", "tabindex": "1", "id": "myId" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[my-dir]', host: { '[title]': 'myTitle', '[tabindex]': '1', '[id]': 'myId' } }] args: [{ selector: '[my-dir]', host: { '[title]': 'myTitle', '[tabindex]': '1', '[id]': 'myId' } }]
@ -298,7 +298,7 @@ export class MyDirective {
} }
} }
MyDirective.ɵfac = function MyDirective_Factory(t) { return new (t || MyDirective)(); }; MyDirective.ɵfac = function MyDirective_Factory(t) { return new (t || MyDirective)(); };
MyDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: MyDirective, selector: "[my-dir]", host: { properties: { "tabindex": "1", "title": "myTitle", "id": "myId" } }, ngImport: i0 }); MyDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: MyDirective, selector: "[my-dir]", host: { properties: { "tabindex": "1", "title": "myTitle", "id": "myId" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[my-dir]', host: { '[tabindex]': '1' } }] args: [{ selector: '[my-dir]', host: { '[tabindex]': '1' } }]
@ -329,7 +329,7 @@ import * as i0 from "@angular/core";
export class MyDirective { export class MyDirective {
} }
MyDirective.ɵfac = function MyDirective_Factory(t) { return new (t || MyDirective)(); }; MyDirective.ɵfac = function MyDirective_Factory(t) { return new (t || MyDirective)(); };
MyDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: MyDirective, selector: "[my-dir]", host: { properties: { "title": "\"my title\"", "attr.tabindex": "1", "id": "\"my-id\"" } }, ngImport: i0 }); MyDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: MyDirective, selector: "[my-dir]", host: { properties: { "title": "\"my title\"", "attr.tabindex": "1", "id": "\"my-id\"" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDirective, [{
type: Directive, type: Directive,
args: [{ args: [{
@ -359,7 +359,7 @@ export class MyDirective {
} }
} }
MyDirective.ɵfac = function MyDirective_Factory(t) { return new (t || MyDirective)(); }; MyDirective.ɵfac = function MyDirective_Factory(t) { return new (t || MyDirective)(); };
MyDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: MyDirective, selector: "[my-dir]", host: { properties: { "@expand": "expandedState", "@fadeOut": "true", "@shrink": "isSmall" } }, ngImport: i0 }); MyDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: MyDirective, selector: "[my-dir]", host: { properties: { "@expand": "expandedState", "@fadeOut": "true", "@shrink": "isSmall" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDirective, [{
type: Directive, type: Directive,
args: [{ args: [{
@ -391,7 +391,7 @@ export class MyDirective {
} }
} }
MyDirective.ɵfac = function MyDirective_Factory(t) { return new (t || MyDirective)(); }; MyDirective.ɵfac = function MyDirective_Factory(t) { return new (t || MyDirective)(); };
MyDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: MyDirective, selector: "[my-dir]", host: { properties: { "attr.title": "myTitle", "attr.tabindex": "1", "attr.id": "myId" } }, ngImport: i0 }); MyDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: MyDirective, selector: "[my-dir]", host: { properties: { "attr.title": "myTitle", "attr.tabindex": "1", "attr.id": "myId" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDirective, [{
type: Directive, type: Directive,
args: [{ args: [{
@ -423,7 +423,7 @@ export class MyDirective {
} }
} }
MyDirective.ɵfac = function MyDirective_Factory(t) { return new (t || MyDirective)(); }; MyDirective.ɵfac = function MyDirective_Factory(t) { return new (t || MyDirective)(); };
MyDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: MyDirective, selector: "[my-dir]", host: { properties: { "attr.tabindex": "1", "attr.title": "myTitle", "attr.id": "myId" } }, ngImport: i0 }); MyDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: MyDirective, selector: "[my-dir]", host: { properties: { "attr.tabindex": "1", "attr.title": "myTitle", "attr.id": "myId" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[my-dir]', host: { '[attr.tabindex]': '1' } }] args: [{ selector: '[my-dir]', host: { '[attr.tabindex]': '1' } }]
@ -454,7 +454,7 @@ import * as i0 from "@angular/core";
export class MyDirective { export class MyDirective {
} }
MyDirective.ɵfac = function MyDirective_Factory(t) { return new (t || MyDirective)(); }; MyDirective.ɵfac = function MyDirective_Factory(t) { return new (t || MyDirective)(); };
MyDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: MyDirective, selector: "[my-dir]", host: { properties: { "attr.title": "\"my title\"", "tabindex": "1", "attr.id": "\"my-id\"" } }, ngImport: i0 }); MyDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: MyDirective, selector: "[my-dir]", host: { properties: { "attr.title": "\"my title\"", "tabindex": "1", "attr.id": "\"my-id\"" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDirective, [{
type: Directive, type: Directive,
args: [{ args: [{
@ -484,7 +484,7 @@ export class MyDirective {
} }
} }
MyDirective.ɵfac = function MyDirective_Factory(t) { return new (t || MyDirective)(); }; MyDirective.ɵfac = function MyDirective_Factory(t) { return new (t || MyDirective)(); };
MyDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: MyDirective, selector: "[my-dir]", host: { listeners: { "mousedown": "mousedown()", "mouseup": "mouseup()", "click": "click()" } }, ngImport: i0 }); MyDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: MyDirective, selector: "[my-dir]", host: { listeners: { "mousedown": "mousedown()", "mouseup": "mouseup()", "click": "click()" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDirective, [{
type: Directive, type: Directive,
args: [{ args: [{
@ -521,7 +521,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-comp", host: { listeners: { "@animation.done": "done()", "@animation.start": "start()" } }, ngImport: i0, template: { source: '', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-comp", host: { listeners: { "@animation.done": "done()", "@animation.start": "start()" } }, ngImport: i0, template: { source: '', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -558,7 +558,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-comp", host: { listeners: { "mousedown": "mousedown()", "@animation.done": "done()", "mouseup": "mouseup()", "@animation.start": "start()", "click": "click()" } }, ngImport: i0, template: { source: '', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-comp", host: { listeners: { "mousedown": "mousedown()", "@animation.done": "done()", "mouseup": "mouseup()", "@animation.start": "start()", "click": "click()" } }, ngImport: i0, template: { source: '', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{

8
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/non_bindable_behavior/GOLDEN_PARTIAL.js
View File

@ -9,7 +9,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-app", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-app", ngImport: i0, template: { source: `
<b ngNonBindable #myRef id="my-id"> <b ngNonBindable #myRef id="my-id">
<i>Hello {{ name }}!</i> <i>Hello {{ name }}!</i>
</b> </b>
@ -62,7 +62,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-app", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-app", ngImport: i0, template: { source: `
<div ngNonBindable> <div ngNonBindable>
<input value="one" #myInput> {{ myInput.value }} <input value="one" #myInput> {{ myInput.value }}
</div> </div>
@ -113,7 +113,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-app", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-app", ngImport: i0, template: { source: `
<div ngNonBindable> <div ngNonBindable>
<div [id]="my-id" (click)="onclick"></div> <div [id]="my-id" (click)="onclick"></div>
</div> </div>
@ -164,7 +164,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-app", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-app", ngImport: i0, template: { source: `
<div ngNonBindable></div> <div ngNonBindable></div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{

24
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/property_bindings/GOLDEN_PARTIAL.js
View File

@ -9,7 +9,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-app", ngImport: i0, template: { source: '<a [title]="title"></a>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-app", ngImport: i0, template: { source: '<a [title]="title"></a>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-app', template: '<a [title]="title"></a>' }] args: [{ selector: 'my-app', template: '<a [title]="title"></a>' }]
@ -49,7 +49,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<a title="Hello {{name}}"></a>`, isInline: true } }); <a title="Hello {{name}}"></a>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
@ -94,7 +94,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-app", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-app", ngImport: i0, template: { source: `
<div title="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h{{eight}}i{{nine}}j"></div> <div title="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h{{eight}}i{{nine}}j"></div>
<div title="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h{{eight}}i"></div> <div title="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h{{eight}}i"></div>
<div title="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h"></div> <div title="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h"></div>
@ -159,7 +159,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<label [for]="forValue"></label>`, isInline: true } }); <label [for]="forValue"></label>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
@ -210,7 +210,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: '<button [title]="myTitle" [id]="(auth()?.identity() | async)?.id" [tabindex]="1"></button>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: '<button [title]="myTitle" [id]="(auth()?.identity() | async)?.id" [tabindex]="1"></button>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -243,7 +243,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: '<button [title]="myTitle" [id]="buttonId" [tabindex]="1"></button>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: '<button [title]="myTitle" [id]="buttonId" [tabindex]="1"></button>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ template: '<button [title]="myTitle" [id]="buttonId" [tabindex]="1"></button>' }] args: [{ template: '<button [title]="myTitle" [id]="buttonId" [tabindex]="1"></button>' }]
@ -268,7 +268,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: '<button [title]="1" [attr.id]="2" [tabindex]="3" aria-label="{{1 + 3}}"></button>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: '<button [title]="1" [attr.id]="2" [tabindex]="3" aria-label="{{1 + 3}}"></button>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ template: '<button [title]="1" [attr.id]="2" [tabindex]="3" aria-label="{{1 + 3}}"></button>' }] args: [{ template: '<button [title]="1" [attr.id]="2" [tabindex]="3" aria-label="{{1 + 3}}"></button>' }]
@ -291,7 +291,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: '<button [title]="1" [id]="2" tabindex="{{0 + 3}}" aria-label="hello-{{1 + 3}}-{{2 + 3}}"></button>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: '<button [title]="1" [id]="2" tabindex="{{0 + 3}}" aria-label="hello-{{1 + 3}}-{{2 + 3}}"></button>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -319,7 +319,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `
<button <button
[title]="myTitle" [title]="myTitle"
[@expand]="expansionState" [@expand]="expansionState"
@ -361,7 +361,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: '<ng-template [title]="myTitle" [id]="buttonId" [tabindex]="1"></ng-template>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: '<ng-template [title]="myTitle" [id]="buttonId" [tabindex]="1"></ng-template>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ template: '<ng-template [title]="myTitle" [id]="buttonId" [tabindex]="1"></ng-template>' }] args: [{ template: '<ng-template [title]="myTitle" [id]="buttonId" [tabindex]="1"></ng-template>' }]
@ -390,7 +390,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `
<button [title]="myTitle" [id]="buttonId" [tabindex]="1"></button> <button [title]="myTitle" [id]="buttonId" [tabindex]="1"></button>
<span [id]="1" [title]="'hello'" [someProp]="1 + 2"></span> <span [id]="1" [title]="'hello'" [someProp]="1 + 2"></span>
<custom-element [prop]="'one'" [otherProp]="2"></custom-element> <custom-element [prop]="'one'" [otherProp]="2"></custom-element>
@ -429,7 +429,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `
<button [title]="myTitle" [id]="buttonId" [tabindex]="1"> <button [title]="myTitle" [id]="buttonId" [tabindex]="1">
<span [id]="1" [title]="'hello'" [someProp]="1 + 2"></span> <span [id]="1" [title]="'hello'" [someProp]="1 + 2"></span>
</button>`, isInline: true } }); </button>`, isInline: true } });

2
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/text_bindings/GOLDEN_PARTIAL.js
View File

@ -9,7 +9,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div>Hello {{ name }}</div>`, isInline: true } }); <div>Hello {{ name }}</div>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,

4
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_di/di/GOLDEN_PARTIAL.js
View File

@ -14,7 +14,7 @@ export class MyComponent {
constructor(name, s1, s2, s4, s3, s5, s6) { } constructor(name, s1, s2, s4, s3, s5, s6) { }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(i0.ɵɵinjectAttribute('name'), i0.ɵɵdirectiveInject(MyService), i0.ɵɵdirectiveInject(MyService, 1), i0.ɵɵdirectiveInject(MyService, 2), i0.ɵɵdirectiveInject(MyService, 4), i0.ɵɵdirectiveInject(MyService, 8), i0.ɵɵdirectiveInject(MyService, 10)); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(i0.ɵɵinjectAttribute('name'), i0.ɵɵdirectiveInject(MyService), i0.ɵɵdirectiveInject(MyService, 1), i0.ɵɵdirectiveInject(MyService, 2), i0.ɵɵdirectiveInject(MyService, 4), i0.ɵɵdirectiveInject(MyService, 8), i0.ɵɵdirectiveInject(MyService, 10)); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ``, isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ``, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: `` }] args: [{ selector: 'my-component', template: `` }]
@ -323,7 +323,7 @@ MyOtherPipe.ɵprov = i0.ɵɵdefineInjectable({ token: MyOtherPipe, factory: MyOt
export class MyApp { export class MyApp {
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: '{{0 | myPipe | myOtherPipe}}', isInline: true }, pipes: { "myOtherPipe": MyOtherPipe, "myPipe": MyPipe } }); MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: '{{0 | myPipe | myOtherPipe}}', isInline: true }, pipes: { "myOtherPipe": MyOtherPipe, "myPipe": MyPipe } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{
type: Component, type: Component,
args: [{ selector: 'my-app', template: '{{0 | myPipe | myOtherPipe}}' }] args: [{ selector: 'my-app', template: '{{0 | myPipe | myOtherPipe}}' }]

36
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_directives/matching/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class I18nDirective { export class I18nDirective {
} }
I18nDirective.ɵfac = function I18nDirective_Factory(t) { return new (t || I18nDirective)(); }; I18nDirective.ɵfac = function I18nDirective_Factory(t) { return new (t || I18nDirective)(); };
I18nDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: I18nDirective, selector: "[i18n]", ngImport: i0 }); I18nDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: I18nDirective, selector: "[i18n]", ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(I18nDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(I18nDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[i18n]' }] args: [{ selector: '[i18n]' }]
@ -14,7 +14,7 @@ I18nDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: I18nDirectiv
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div i18n></div>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div i18n></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: '<div i18n></div>' }] args: [{ selector: 'my-component', template: '<div i18n></div>' }]
@ -54,7 +54,7 @@ import * as i0 from "@angular/core";
export class I18nDirective { export class I18nDirective {
} }
I18nDirective.ɵfac = function I18nDirective_Factory(t) { return new (t || I18nDirective)(); }; I18nDirective.ɵfac = function I18nDirective_Factory(t) { return new (t || I18nDirective)(); };
I18nDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: I18nDirective, selector: "[i18n]", ngImport: i0 }); I18nDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: I18nDirective, selector: "[i18n]", ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(I18nDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(I18nDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[i18n]' }] args: [{ selector: '[i18n]' }]
@ -62,7 +62,7 @@ I18nDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: I18nDirectiv
export class I18nFooDirective { export class I18nFooDirective {
} }
I18nFooDirective.ɵfac = function I18nFooDirective_Factory(t) { return new (t || I18nFooDirective)(); }; I18nFooDirective.ɵfac = function I18nFooDirective_Factory(t) { return new (t || I18nFooDirective)(); };
I18nFooDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: I18nFooDirective, selector: "[i18n-foo]", ngImport: i0 }); I18nFooDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: I18nFooDirective, selector: "[i18n-foo]", ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(I18nFooDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(I18nFooDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[i18n-foo]' }] args: [{ selector: '[i18n-foo]' }]
@ -70,7 +70,7 @@ I18nFooDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: I18nFooDi
export class FooDirective { export class FooDirective {
} }
FooDirective.ɵfac = function FooDirective_Factory(t) { return new (t || FooDirective)(); }; FooDirective.ɵfac = function FooDirective_Factory(t) { return new (t || FooDirective)(); };
FooDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: FooDirective, selector: "[foo]", ngImport: i0 }); FooDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: FooDirective, selector: "[foo]", ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(FooDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(FooDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[foo]' }] args: [{ selector: '[foo]' }]
@ -78,7 +78,7 @@ FooDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: FooDirective,
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div i18n-foo></div>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div i18n-foo></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: '<div i18n-foo></div>' }] args: [{ selector: 'my-component', template: '<div i18n-foo></div>' }]
@ -126,7 +126,7 @@ import * as i0 from "@angular/core";
export class SomeDirective { export class SomeDirective {
} }
SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); }; SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); };
SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: SomeDirective, selector: "[someDirective]", inputs: { someDirective: "someDirective" }, ngImport: i0 }); SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: SomeDirective, selector: "[someDirective]", inputs: { someDirective: "someDirective" }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[someDirective]' }] args: [{ selector: '[someDirective]' }]
@ -136,7 +136,7 @@ SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: SomeDirectiv
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div [someDirective]="true"></div>', isInline: true }, directives: [{ type: SomeDirective, selector: "[someDirective]", inputs: ["someDirective"] }] }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div [someDirective]="true"></div>', isInline: true }, directives: [{ type: SomeDirective, selector: "[someDirective]", inputs: ["someDirective"] }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: '<div [someDirective]="true"></div>' }] args: [{ selector: 'my-component', template: '<div [someDirective]="true"></div>' }]
@ -177,7 +177,7 @@ import * as i0 from "@angular/core";
export class DirectiveA { export class DirectiveA {
} }
DirectiveA.ɵfac = function DirectiveA_Factory(t) { return new (t || DirectiveA)(); }; DirectiveA.ɵfac = function DirectiveA_Factory(t) { return new (t || DirectiveA)(); };
DirectiveA.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: DirectiveA, selector: "ng-template[directiveA]", ngImport: i0 }); DirectiveA.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: DirectiveA, selector: "ng-template[directiveA]", ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(DirectiveA, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(DirectiveA, [{
type: Directive, type: Directive,
args: [{ selector: 'ng-template[directiveA]' }] args: [{ selector: 'ng-template[directiveA]' }]
@ -185,7 +185,7 @@ DirectiveA.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: DirectiveA, sel
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<ng-template directiveA>Some content</ng-template> <ng-template directiveA>Some content</ng-template>
`, isInline: true }, directives: [{ type: DirectiveA, selector: "ng-template[directiveA]" }] }); `, isInline: true }, directives: [{ type: DirectiveA, selector: "ng-template[directiveA]" }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -232,7 +232,7 @@ import * as i0 from "@angular/core";
export class DirectiveA { export class DirectiveA {
} }
DirectiveA.ɵfac = function DirectiveA_Factory(t) { return new (t || DirectiveA)(); }; DirectiveA.ɵfac = function DirectiveA_Factory(t) { return new (t || DirectiveA)(); };
DirectiveA.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: DirectiveA, selector: "ng-container[directiveA]", ngImport: i0 }); DirectiveA.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: DirectiveA, selector: "ng-container[directiveA]", ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(DirectiveA, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(DirectiveA, [{
type: Directive, type: Directive,
args: [{ selector: 'ng-container[directiveA]' }] args: [{ selector: 'ng-container[directiveA]' }]
@ -240,7 +240,7 @@ DirectiveA.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: DirectiveA, sel
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<ng-container *ngIf="showing" directiveA>Some content</ng-container> <ng-container *ngIf="showing" directiveA>Some content</ng-container>
`, isInline: true }, directives: [{ type: DirectiveA, selector: "ng-container[directiveA]" }] }); `, isInline: true }, directives: [{ type: DirectiveA, selector: "ng-container[directiveA]" }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -287,7 +287,7 @@ import * as i0 from "@angular/core";
export class SomeDirective { export class SomeDirective {
} }
SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); }; SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); };
SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: SomeDirective, selector: "[someDirective]", inputs: { someDirective: "someDirective" }, ngImport: i0 }); SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: SomeDirective, selector: "[someDirective]", inputs: { someDirective: "someDirective" }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[someDirective]' }] args: [{ selector: '[someDirective]' }]
@ -297,7 +297,7 @@ SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: SomeDirectiv
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<ng-template [someDirective]="true"></ng-template>', isInline: true }, directives: [{ type: SomeDirective, selector: "[someDirective]", inputs: ["someDirective"] }] }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<ng-template [someDirective]="true"></ng-template>', isInline: true }, directives: [{ type: SomeDirective, selector: "[someDirective]", inputs: ["someDirective"] }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -341,7 +341,7 @@ import * as i0 from "@angular/core";
export class SomeDirective { export class SomeDirective {
} }
SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); }; SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); };
SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: SomeDirective, selector: "[someDirective]", inputs: { someDirective: "someDirective" }, ngImport: i0 }); SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: SomeDirective, selector: "[someDirective]", inputs: { someDirective: "someDirective" }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[someDirective]' }] args: [{ selector: '[someDirective]' }]
@ -351,7 +351,7 @@ SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: SomeDirectiv
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div *someDirective></div>', isInline: true }, directives: [{ type: SomeDirective, selector: "[someDirective]", inputs: ["someDirective"] }] }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div *someDirective></div>', isInline: true }, directives: [{ type: SomeDirective, selector: "[someDirective]", inputs: ["someDirective"] }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: '<div *someDirective></div>' }] args: [{ selector: 'my-component', template: '<div *someDirective></div>' }]
@ -395,7 +395,7 @@ export class SomeDirective {
} }
} }
SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); }; SomeDirective.ɵfac = function SomeDirective_Factory(t) { return new (t || SomeDirective)(); };
SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: SomeDirective, selector: "[someDirective]", outputs: { someDirective: "someDirective" }, ngImport: i0 }); SomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: SomeDirective, selector: "[someDirective]", outputs: { someDirective: "someDirective" }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(SomeDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[someDirective]' }] args: [{ selector: '[someDirective]' }]
@ -406,7 +406,7 @@ export class MyComponent {
noop() { } noop() { }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div (someDirective)="noop()"></div>', isInline: true }, directives: [{ type: SomeDirective, selector: "[someDirective]", outputs: ["someDirective"] }] }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div (someDirective)="noop()"></div>', isInline: true }, directives: [{ type: SomeDirective, selector: "[someDirective]", outputs: ["someDirective"] }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: '<div (someDirective)="noop()"></div>' }] args: [{ selector: 'my-component', template: '<div (someDirective)="noop()"></div>' }]

30
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_i18n/element_attributes/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n="meaningA|descA@@idA">Content A</div> <div i18n="meaningA|descA@@idA">Content A</div>
<div i18n-title="meaningB|descB@@idB" title="Title B">Content B</div> <div i18n-title="meaningB|descB@@idB" title="Title B">Content B</div>
<div i18n-title="meaningC|" title="Title C">Content C</div> <div i18n-title="meaningC|" title="Title C">Content C</div>
@ -63,7 +63,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<ng-template i18n-title title="Hello"></ng-template> <ng-template i18n-title title="Hello"></ng-template>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -106,7 +106,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<ng-template *ngIf="visible" i18n-title title="Hello">Test</ng-template> <ng-template *ngIf="visible" i18n-title title="Hello">Test</ng-template>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -149,7 +149,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<ng-template i18n-title title="Hello {{ name }}"></ng-template> <ng-template i18n-title title="Hello {{ name }}"></ng-template>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -192,7 +192,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<ng-template *ngIf="true" i18n-title title="Hello {{ name }}"></ng-template> <ng-template *ngIf="true" i18n-title title="Hello {{ name }}"></ng-template>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -235,7 +235,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div id="static" i18n-title="m|d" title></div> <div id="static" i18n-title="m|d" title></div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -278,7 +278,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div <div
[title]="title" i18n-title [title]="title" i18n-title
[attr.label]="label" i18n-attr.label> [attr.label]="label" i18n-attr.label>
@ -327,7 +327,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div id="static" i18n-title="m|d" title="introduction"></div> <div id="static" i18n-title="m|d" title="introduction"></div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -370,7 +370,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div id="dynamic-1" <div id="dynamic-1"
i18n-title="m|d" title="intro {{ valueA | uppercase }}" i18n-title="m|d" title="intro {{ valueA | uppercase }}"
i18n-aria-label="m1|d1" aria-label="{{ valueB }}" i18n-aria-label="m1|d1" aria-label="{{ valueB }}"
@ -429,7 +429,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n-title="m|d" title="intro {% valueA | uppercase %}"></div> <div i18n-title="m|d" title="intro {% valueA | uppercase %}"></div>
`, isInline: true }, interpolation: ["{%", "%}"] }); `, isInline: true }, interpolation: ["{%", "%}"] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -473,7 +473,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div *ngFor="let outer of items"> <div *ngFor="let outer of items">
<div i18n-title="m|d" title="different scope {{ outer | uppercase }}"></div> <div i18n-title="m|d" title="different scope {{ outer | uppercase }}"></div>
</div> </div>
@ -520,7 +520,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n-title title="{{valueA.getRawValue()?.getTitle()}} title"></div> <div i18n-title title="{{valueA.getRawValue()?.getTitle()}} title"></div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -563,7 +563,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n-title title="{{valueA.getRawValue()?.getTitle()}} title"></div> <div i18n-title title="{{valueA.getRawValue()?.getTitle()}} title"></div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -606,7 +606,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n i18n-title="m|d" title="Element title">Some content</div> <div i18n i18n-title="m|d" title="Element title">Some content</div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -649,7 +649,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n="@@ID.WITH.INVALID.CHARS.2" i18n-title="@@ID.WITH.INVALID.CHARS" title="Element title"> <div i18n="@@ID.WITH.INVALID.CHARS.2" i18n-title="@@ID.WITH.INVALID.CHARS" title="Element title">
Some content Some content
</div> </div>

2
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_i18n/es5_support/GOLDEN_PARTIAL.js
View File

@ -7,7 +7,7 @@ var MyComponent = /** @class */ (function () {
function MyComponent() { function MyComponent() {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div i18n="meaning:A|descA@@idA">Content A</div>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div i18n="meaning:A|descA@@idA">Content A</div>', isInline: true } });
return MyComponent; return MyComponent;
}()); }());
export { MyComponent }; export { MyComponent };

32
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_i18n/icu_logic/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n>{gender, select, male {male} female {female} other {other}}</div> <div i18n>{gender, select, male {male} female {female} other {other}}</div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -49,7 +49,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n>{gender, select, single {'single quotes'} double {"double quotes"} other {other}}</div> <div i18n>{gender, select, single {'single quotes'} double {"double quotes"} other {other}}</div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -92,7 +92,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
{age, select, 10 {ten} 20 {twenty} other {other}} {age, select, 10 {ten} 20 {twenty} other {other}}
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -135,7 +135,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div>{gender, select, male {male} female {female} other {other}}</div> <div>{gender, select, male {male} female {female} other {other}}</div>
<div *ngIf="visible" title="icu only"> <div *ngIf="visible" title="icu only">
{age, select, 10 {ten} 20 {twenty} other {other}} {age, select, 10 {ten} 20 {twenty} other {other}}
@ -190,7 +190,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n>{age, select, 10 {ten} 20 {twenty} other {{% other %}}}</div> <div i18n>{age, select, 10 {ten} 20 {twenty} other {{% other %}}}</div>
`, isInline: true }, interpolation: ["{%", "%}"] }); `, isInline: true }, interpolation: ["{%", "%}"] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -234,7 +234,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n> <div i18n>
{gender, select, male {male - <b>male</b>} female {female <b>female</b>} other {<div class="other"><i>other</i></div>}} {gender, select, male {male - <b>male</b>} female {female <b>female</b>} other {<div class="other"><i>other</i></div>}}
<b>Other content</b> <b>Other content</b>
@ -285,7 +285,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n>{gender, select, male {male of age: {{ ageA + ageB + ageC }}} female {female} other {other}}</div> <div i18n>{gender, select, male {male of age: {{ ageA + ageB + ageC }}} female {female} other {other}}</div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -328,7 +328,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n> <div i18n>
{gender, select, male {male} female {female} other {other}} {gender, select, male {male} female {female} other {other}}
{age, select, 10 {ten} 20 {twenty} 30 {thirty} other {other}} {age, select, 10 {ten} 20 {twenty} 30 {thirty} other {other}}
@ -377,7 +377,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n> <div i18n>
{gender, select, male {male} female {female} other {other}} {gender, select, male {male} female {female} other {other}}
<div> <div>
@ -436,7 +436,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n> <div i18n>
{gender, select, {gender, select,
male {male of age: {age, select, 10 {ten} 20 {twenty} 30 {thirty} other {other}}} male {male of age: {age, select, 10 {ten} 20 {twenty} 30 {thirty} other {other}}}
@ -491,7 +491,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n>{count, plural, <div i18n>{count, plural,
=0 {zero} =0 {zero}
=2 {{{count}} {name, select, =2 {{{count}} {name, select,
@ -548,7 +548,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n> <div i18n>
{gender, select, male {male} female {female} other {other}} {gender, select, male {male} female {female} other {other}}
<span *ngIf="ageVisible"> <span *ngIf="ageVisible">
@ -601,7 +601,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n> <div i18n>
{gender, select, male {male {{ weight }}} female {female {{ height }}} other {other}} {gender, select, male {male {{ weight }}} female {female {{ height }}} other {other}}
<span *ngIf="ageVisible"> <span *ngIf="ageVisible">
@ -654,7 +654,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n>{ <div i18n>{
gender, gender,
select, select,
@ -709,7 +709,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n="meaningA|descA@@idA">{count, select, 1 {one} other {more than one}}</div> <div i18n="meaningA|descA@@idA">{count, select, 1 {one} other {more than one}}</div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -752,7 +752,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n> <div i18n>
{count, select , 1 {one} other {more than one}} {count, select , 1 {one} other {more than one}}
{count, plural , =1 {one} other {more than one}} {count, plural , =1 {one} other {more than one}}

16
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_i18n/line_ending_normalization/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div title="abc <div title="abc
def" i18n-title i18n> def" i18n-title i18n>
Some Message Some Message
@ -67,7 +67,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div title="abc <div title="abc
def" i18n-title i18n> def" i18n-title i18n>
Some Message Some Message
@ -128,7 +128,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: "<!-- NOTE: This template has escaped `\\r\\n` line-endings markers that will be converted to real `\\r\\n` line-ending chars when loaded from the test file-system. -->\n<div title=\"abc\r\ndef\" i18n-title i18n>\r\nSome Message\r\n{\r\n value,\r\n select,\r\n =0 {\r\n zero\r\n }\r\n}</div>", isInline: false } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: "<!-- NOTE: This template has escaped `\\r\\n` line-endings markers that will be converted to real `\\r\\n` line-ending chars when loaded from the test file-system. -->\n<div title=\"abc\r\ndef\" i18n-title i18n>\r\nSome Message\r\n{\r\n value,\r\n select,\r\n =0 {\r\n zero\r\n }\r\n}</div>", isInline: false } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -169,7 +169,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: "<!-- NOTE: This template has escaped `\\r\\n` line-endings markers that will be converted to real `\\r\\n` line-ending chars when loaded from the test file-system. -->\n<div title=\"abc\r\ndef\" i18n-title i18n>\r\nSome Message\r\n{\r\n value,\r\n select,\r\n =0 {\r\n zero\r\n }\r\n}</div>", isInline: false } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: "<!-- NOTE: This template has escaped `\\r\\n` line-endings markers that will be converted to real `\\r\\n` line-ending chars when loaded from the test file-system. -->\n<div title=\"abc\r\ndef\" i18n-title i18n>\r\nSome Message\r\n{\r\n value,\r\n select,\r\n =0 {\r\n zero\r\n }\r\n}</div>", isInline: false } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -210,7 +210,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div title="abc <div title="abc
def" i18n-title i18n> def" i18n-title i18n>
Some Message Some Message
@ -271,7 +271,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div title="abc <div title="abc
def" i18n-title i18n> def" i18n-title i18n>
Some Message Some Message
@ -332,7 +332,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: "<!-- NOTE: This template has escaped `\\r\\n` line-endings markers that will be converted to real `\\r\\n` line-ending chars when loaded from the test file-system. -->\n<div title=\"abc\r\ndef\" i18n-title i18n>\r\nSome Message\r\n{\r\n value,\r\n select,\r\n =0 {\r\n zero\r\n }\r\n}</div>", isInline: false } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: "<!-- NOTE: This template has escaped `\\r\\n` line-endings markers that will be converted to real `\\r\\n` line-ending chars when loaded from the test file-system. -->\n<div title=\"abc\r\ndef\" i18n-title i18n>\r\nSome Message\r\n{\r\n value,\r\n select,\r\n =0 {\r\n zero\r\n }\r\n}</div>", isInline: false } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -373,7 +373,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: "<!-- NOTE: This template has escaped `\\r\\n` line-endings markers that will be converted to real `\\r\\n` line-ending chars when loaded from the test file-system. -->\n<div title=\"abc\r\ndef\" i18n-title i18n>\r\nSome Message\r\n{\r\n value,\r\n select,\r\n =0 {\r\n zero\r\n }\r\n}</div>", isInline: false } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: "<!-- NOTE: This template has escaped `\\r\\n` line-endings markers that will be converted to real `\\r\\n` line-ending chars when loaded from the test file-system. -->\n<div title=\"abc\r\ndef\" i18n-title i18n>\r\nSome Message\r\n{\r\n value,\r\n select,\r\n =0 {\r\n zero\r\n }\r\n}</div>", isInline: false } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{

4
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_i18n/localize_legacy_message_ids/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n>Some Message</div> <div i18n>Some Message</div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -49,7 +49,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n>Some Message</div> <div i18n>Some Message</div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{

4
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_i18n/namespaces/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<foreignObject i18n> <foreignObject i18n>
<xhtml:div xmlns="http://www.w3.org/1999/xhtml"> <xhtml:div xmlns="http://www.w3.org/1999/xhtml">
@ -61,7 +61,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<svg xmlns="http://www.w3.org/2000/svg"> <svg xmlns="http://www.w3.org/2000/svg">
<foreignObject> <foreignObject>
<xhtml:div xmlns="http://www.w3.org/1999/xhtml" i18n> <xhtml:div xmlns="http://www.w3.org/1999/xhtml" i18n>

32
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_i18n/nested_nodes/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n></div> <div i18n></div>
<div i18n> </div> <div i18n> </div>
<div i18n> <div i18n>
@ -57,7 +57,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n>Some <!-- comments --> text</div> <div i18n>Some <!-- comments --> text</div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -100,7 +100,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n>Some text 'with single quotes', "with double quotes", \`with backticks\` and without quotes.</div> <div i18n>Some text 'with single quotes', "with double quotes", \`with backticks\` and without quotes.</div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -143,7 +143,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div i18n>`{{ count }}`</div>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div i18n>`{{ count }}`</div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -182,7 +182,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n>My i18n block #1</div> <div i18n>My i18n block #1</div>
<div>My non-i18n block #1</div> <div>My non-i18n block #1</div>
<div i18n>My i18n block #2</div> <div i18n>My i18n block #2</div>
@ -233,7 +233,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n> <div i18n>
Named interpolation: {{ valueA // i18n(ph="PH_A") }} Named interpolation: {{ valueA // i18n(ph="PH_A") }}
Named interpolation with spaces: {{ valueB // i18n(ph="PH B") }} Named interpolation with spaces: {{ valueB // i18n(ph="PH B") }}
@ -282,7 +282,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n>{% valueA %}</div> <div i18n>{% valueA %}</div>
`, isInline: true }, interpolation: ["{%", "%}"] }); `, isInline: true }, interpolation: ["{%", "%}"] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -326,7 +326,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n> <div i18n>
{{ valueA | async }} {{ valueA | async }}
{{ valueA?.a?.b }} {{ valueA?.a?.b }}
@ -377,7 +377,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n>My i18n block #{{ one }}</div> <div i18n>My i18n block #{{ one }}</div>
<div i18n>My i18n block #{{ two | uppercase }}</div> <div i18n>My i18n block #{{ two | uppercase }}</div>
<div i18n>My i18n block #{{ three + four + five }}</div> <div i18n>My i18n block #{{ three + four + five }}</div>
@ -424,7 +424,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n> <div i18n>
My i18n block #{{ one }} My i18n block #{{ one }}
<span>Plain text in nested element</span> <span>Plain text in nested element</span>
@ -493,7 +493,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n> <div i18n>
My i18n block #1 with value: {{ valueA }} My i18n block #1 with value: {{ valueA }}
<span i18n-title title="Span title {{ valueB }} and {{ valueC }}"> <span i18n-title title="Span title {{ valueB }} and {{ valueC }}">
@ -558,7 +558,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div> <div>
Some content Some content
<div *ngIf="visible"> <div *ngIf="visible">
@ -621,7 +621,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<img src="logo.png" i18n /> <img src="logo.png" i18n />
<img src="logo.png" i18n *ngIf="visible" /> <img src="logo.png" i18n *ngIf="visible" />
<img src="logo.png" i18n *ngIf="visible" i18n-title title="App logo #{{ id }}" /> <img src="logo.png" i18n *ngIf="visible" i18n-title title="App logo #{{ id }}" />
@ -668,7 +668,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n> <div i18n>
Some content Some content
<div *ngIf="visible"> <div *ngIf="visible">
@ -751,7 +751,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n *ngIf="visible">Some other content <span>{{ valueA }}</span></div> <div i18n *ngIf="visible">Some other content <span>{{ valueA }}</span></div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -794,7 +794,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n (click)="onClick()">Hello</div> <div i18n (click)="onClick()">Hello</div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{

22
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_i18n/ng-container_ng-template/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<ng-container i18n>Some content: {{ valueA | uppercase }}</ng-container> <ng-container i18n>Some content: {{ valueA | uppercase }}</ng-container>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -49,7 +49,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<ng-template i18n>Some content: {{ valueA | uppercase }}</ng-template> <ng-template i18n>Some content: {{ valueA | uppercase }}</ng-template>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -92,7 +92,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n> <div i18n>
<ng-template>Template content: {{ valueA | uppercase }}</ng-template> <ng-template>Template content: {{ valueA | uppercase }}</ng-template>
<ng-container>Container content: {{ valueB | uppercase }}</ng-container> <ng-container>Container content: {{ valueB | uppercase }}</ng-container>
@ -141,7 +141,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<ng-template>{gender, select, male {male} female {female} other {other}}</ng-template> <ng-template>{gender, select, male {male} female {female} other {other}}</ng-template>
<ng-container>{age, select, 10 {ten} 20 {twenty} other {other}}</ng-container> <ng-container>{age, select, 10 {ten} 20 {twenty} other {other}}</ng-container>
`, isInline: true } }); `, isInline: true } });
@ -186,7 +186,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n> <div i18n>
<ng-template> <ng-template>
Template A: {{ valueA | uppercase }} Template A: {{ valueA | uppercase }}
@ -249,7 +249,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<ng-container i18n>{gender, select, male {male} female {female} other {other}}</ng-container> <ng-container i18n>{gender, select, male {male} female {female} other {other}}</ng-container>
<ng-template i18n>{age, select, 10 {ten} 20 {twenty} other {other}}</ng-template> <ng-template i18n>{age, select, 10 {ten} 20 {twenty} other {other}}</ng-template>
`, isInline: true } }); `, isInline: true } });
@ -294,7 +294,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<ng-container i18n> <ng-container i18n>
<img src="logo.png" title="Logo" /> is my logo #1 <img src="logo.png" title="Logo" /> is my logo #1
</ng-container> </ng-container>
@ -347,7 +347,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n>Test</div> <div i18n>Test</div>
<div i18n>Test</div> <div i18n>Test</div>
`, isInline: true } }); `, isInline: true } });
@ -392,7 +392,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n> <div i18n>
Hello <ng-container>there</ng-container> Hello <ng-container>there</ng-container>
</div> </div>
@ -439,7 +439,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n> <div i18n>
Hello <ng-container>there <strong>!</strong></ng-container> Hello <ng-container>there <strong>!</strong></ng-container>
</div> </div>
@ -486,7 +486,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<ng-template *ngIf="someFlag" i18n>Content A</ng-template> <ng-template *ngIf="someFlag" i18n>Content A</ng-template>
<ng-container *ngIf="someFlag" i18n>Content B</ng-container> <ng-container *ngIf="someFlag" i18n>Content B</ng-container>
`, isInline: true } }); `, isInline: true } });

8
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_i18n/self-closing_i18n_instructions/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n>My i18n block #1</div> <div i18n>My i18n block #1</div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -49,7 +49,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n>{age, select, 10 {ten} 20 {twenty} other {other}}</div> <div i18n>{age, select, 10 {ten} 20 {twenty} other {other}}</div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -92,7 +92,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<ng-template i18n>My i18n block #1</ng-template> <ng-template i18n>My i18n block #1</ng-template>
<ng-container i18n>My i18n block #2</ng-container> <ng-container i18n>My i18n block #2</ng-container>
`, isInline: true } }); `, isInline: true } });
@ -137,7 +137,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<span i18n class="myClass">Text #1</span> <span i18n class="myClass">Text #1</span>
<span i18n style="padding: 10px;">Text #2</span> <span i18n style="padding: 10px;">Text #2</span>
`, isInline: true } }); `, isInline: true } });

2
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_i18n/whitespace_preserving_mode/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div i18n> <div i18n>
Some text Some text
<span>Text inside span</span> <span>Text inside span</span>

4
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_input_outputs/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", inputs: { componentInput: "componentInput", originalComponentInput: ["renamedComponentInput", "originalComponentInput"] }, outputs: { componentOutput: "componentOutput", originalComponentOutput: "renamedComponentOutput" }, ngImport: i0, template: { source: '', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", inputs: { componentInput: "componentInput", originalComponentInput: ["renamedComponentInput", "originalComponentInput"] }, outputs: { componentOutput: "componentOutput", originalComponentOutput: "renamedComponentOutput" }, ngImport: i0, template: { source: '', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: '' }] args: [{ selector: 'my-component', template: '' }]
@ -56,7 +56,7 @@ import * as i0 from "@angular/core";
export class MyDirective { export class MyDirective {
} }
MyDirective.ɵfac = function MyDirective_Factory(t) { return new (t || MyDirective)(); }; MyDirective.ɵfac = function MyDirective_Factory(t) { return new (t || MyDirective)(); };
MyDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: MyDirective, selector: "[my-directive]", inputs: { directiveInput: "directiveInput", originalDirectiveInput: ["renamedDirectiveInput", "originalDirectiveInput"] }, outputs: { directiveOutput: "directiveOutput", originalDirectiveOutput: "renamedDirectiveOutput" }, ngImport: i0 }); MyDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: MyDirective, selector: "[my-directive]", inputs: { directiveInput: "directiveInput", originalDirectiveInput: ["renamedDirectiveInput", "originalDirectiveInput"] }, outputs: { directiveOutput: "directiveOutput", originalDirectiveOutput: "renamedDirectiveOutput" }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[my-directive]' }] args: [{ selector: '[my-directive]' }]

32
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_listener/GOLDEN_PARTIAL.js
View File

@ -7,7 +7,7 @@ export class MyComponent {
onClick(event) { } onClick(event) { }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div (click)="onClick($event); 1 == 2"></div>`, isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div (click)="onClick($event); 1 == 2"></div>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: `<div (click)="onClick($event); 1 == 2"></div>` }] args: [{ selector: 'my-component', template: `<div (click)="onClick($event); 1 == 2"></div>` }]
@ -44,7 +44,7 @@ import * as i0 from "@angular/core";
export class MyApp { export class MyApp {
} }
MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); }; MyApp.ɵfac = function MyApp_Factory(t) { return new (t || MyApp)(); };
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyApp, selector: "my-app", ngImport: i0, template: { source: `<div>My App</div>`, isInline: true } }); MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "my-app", ngImport: i0, template: { source: `<div>My App</div>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyApp, [{
type: Component, type: Component,
args: [{ selector: 'my-app', template: `<div>My App</div>` }] args: [{ selector: 'my-app', template: `<div>My App</div>` }]
@ -53,7 +53,7 @@ export class MyComponent {
onClick(event) { } onClick(event) { }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<my-app (click)="onClick($event);"></my-app>`, isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<my-app (click)="onClick($event);"></my-app>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: `<my-app (click)="onClick($event);"></my-app>` }] args: [{ selector: 'my-component', template: `<my-app (click)="onClick($event);"></my-app>` }]
@ -96,7 +96,7 @@ export class MyComponent {
onClick2(name) { } onClick2(name) { }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div *ngIf="showing"> <div *ngIf="showing">
<div (click)="onClick(foo)"></div> <div (click)="onClick(foo)"></div>
<button (click)="onClick2(bar)"></button> <button (click)="onClick2(bar)"></button>
@ -147,7 +147,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<button (click)="onClick(user.value)">Save</button> <button (click)="onClick(user.value)">Save</button>
<input #user> <input #user>
`, isInline: true } }); `, isInline: true } });
@ -192,7 +192,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div (click)="click()" (change)="change()"></div>`, isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div (click)="click()" (change)="change()"></div>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -231,7 +231,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div (click)="click()" (change)="change()"></div> <div (click)="click()" (change)="change()"></div>
<some-comp (update)="update()" (delete)="delete()"></some-comp> <some-comp (update)="update()" (delete)="delete()"></some-comp>
`, isInline: true } }); `, isInline: true } });
@ -276,7 +276,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<ng-template (click)="click()" (change)="change()"></ng-template>`, isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<ng-template (click)="click()" (change)="change()"></ng-template>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -316,7 +316,7 @@ export class MyComponent {
onClick() { } onClick() { }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `<div (click)="onClick();"></div>`, isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `<div (click)="onClick();"></div>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ template: `<div (click)="onClick();"></div>` }] args: [{ template: `<div (click)="onClick();"></div>` }]
@ -343,7 +343,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", host: { listeners: { "mousedown": "mousedown()", "click": "click()" } }, ngImport: i0, template: { source: '', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", host: { listeners: { "mousedown": "mousedown()", "click": "click()" } }, ngImport: i0, template: { source: '', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -378,7 +378,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: MyComponent, host: { listeners: { "click": "click($event.target)" } }, ngImport: i0 }); MyComponent.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: MyComponent, host: { listeners: { "click": "click($event.target)" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Directive type: Directive
}], null, { click: [{ }], null, { click: [{
@ -405,7 +405,7 @@ class Comp {
c(event) { } c(event) { }
} }
Comp.ɵfac = function Comp_Factory(t) { return new (t || Comp)(); }; Comp.ɵfac = function Comp_Factory(t) { return new (t || Comp)(); };
Comp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: Comp, selector: "ng-component", ngImport: i0, template: { source: '<div (click)="c($event)"></div>', isInline: true } }); Comp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: Comp, selector: "ng-component", ngImport: i0, template: { source: '<div (click)="c($event)"></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(Comp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(Comp, [{
type: Component, type: Component,
args: [{ template: '<div (click)="c($event)"></div>' }] args: [{ template: '<div (click)="c($event)"></div>' }]
@ -428,7 +428,7 @@ class Comp {
c(value) { } c(value) { }
} }
Comp.ɵfac = function Comp_Factory(t) { return new (t || Comp)(); }; Comp.ɵfac = function Comp_Factory(t) { return new (t || Comp)(); };
Comp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: Comp, selector: "ng-component", ngImport: i0, template: { source: '<div (click)="c(this.$event)"></div>', isInline: true } }); Comp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: Comp, selector: "ng-component", ngImport: i0, template: { source: '<div (click)="c(this.$event)"></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(Comp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(Comp, [{
type: Component, type: Component,
args: [{ template: '<div (click)="c(this.$event)"></div>' }] args: [{ template: '<div (click)="c(this.$event)"></div>' }]
@ -450,7 +450,7 @@ class Comp {
} }
} }
Comp.ɵfac = function Comp_Factory(t) { return new (t || Comp)(); }; Comp.ɵfac = function Comp_Factory(t) { return new (t || Comp)(); };
Comp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: Comp, selector: "ng-component", ngImport: i0, template: { source: '<div [event]="$event"></div>', isInline: true } }); Comp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: Comp, selector: "ng-component", ngImport: i0, template: { source: '<div [event]="$event"></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(Comp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(Comp, [{
type: Component, type: Component,
args: [{ template: '<div [event]="$event"></div>' }] args: [{ template: '<div [event]="$event"></div>' }]
@ -470,7 +470,7 @@ class Dir {
c(event) { } c(event) { }
} }
Dir.ɵfac = function Dir_Factory(t) { return new (t || Dir)(); }; Dir.ɵfac = function Dir_Factory(t) { return new (t || Dir)(); };
Dir.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: Dir, host: { listeners: { "click": "c($event)" } }, ngImport: i0 }); Dir.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: Dir, host: { listeners: { "click": "c($event)" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(Dir, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(Dir, [{
type: Directive, type: Directive,
args: [{ host: { '(click)': 'c($event)' } }] args: [{ host: { '(click)': 'c($event)' } }]
@ -493,7 +493,7 @@ class Dir {
c(value) { } c(value) { }
} }
Dir.ɵfac = function Dir_Factory(t) { return new (t || Dir)(); }; Dir.ɵfac = function Dir_Factory(t) { return new (t || Dir)(); };
Dir.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: Dir, host: { listeners: { "click": "c(this.$event)" } }, ngImport: i0 }); Dir.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: Dir, host: { listeners: { "click": "c(this.$event)" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(Dir, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(Dir, [{
type: Directive, type: Directive,
args: [{ args: [{

8
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_providers/GOLDEN_PARTIAL.js
View File

@ -13,7 +13,7 @@ class GreeterEN {
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", providers: [GreeterEN, { provide: Greeter, useClass: GreeterEN }], ngImport: i0, template: { source: '<div></div>', isInline: true }, viewProviders: [GreeterEN] }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", providers: [GreeterEN, { provide: Greeter, useClass: GreeterEN }], ngImport: i0, template: { source: '<div></div>', isInline: true }, viewProviders: [GreeterEN] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -61,7 +61,7 @@ class GreeterEN {
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", providers: [GreeterEN, { provide: Greeter, useClass: GreeterEN }], ngImport: i0, template: { source: '<div></div>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", providers: [GreeterEN, { provide: Greeter, useClass: GreeterEN }], ngImport: i0, template: { source: '<div></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -108,7 +108,7 @@ class GreeterEN {
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div></div>', isInline: true }, viewProviders: [GreeterEN] }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div></div>', isInline: true }, viewProviders: [GreeterEN] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: '<div></div>', viewProviders: [GreeterEN] }] args: [{ selector: 'my-component', template: '<div></div>', viewProviders: [GreeterEN] }]
@ -144,7 +144,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div></div>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: '<div></div>' }] args: [{ selector: 'my-component', template: '<div></div>' }]

8
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_styling/binding_slots/GOLDEN_PARTIAL.js
View File

@ -13,7 +13,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", inputs: { name: "name" }, host: { attributes: { "title": "foo title" }, properties: { "style": "myStyle", "class": "myClass", "id": "id", "title": "title" }, styleAttribute: "width:200px; height:500px", classAttribute: "foo baz" }, ngImport: i0, template: { source: '', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", inputs: { name: "name" }, host: { attributes: { "title": "foo title" }, properties: { "style": "myStyle", "class": "myClass", "id": "id", "title": "title" }, styleAttribute: "width:200px; height:500px", classAttribute: "foo baz" }, ngImport: i0, template: { source: '', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -83,7 +83,7 @@ export class WidthDirective {
} }
} }
WidthDirective.ɵfac = function WidthDirective_Factory(t) { return new (t || WidthDirective)(); }; WidthDirective.ɵfac = function WidthDirective_Factory(t) { return new (t || WidthDirective)(); };
WidthDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: WidthDirective, selector: "[myWidthDir]", host: { properties: { "style.width": "myWidth", "class.foo": "myFooClass", "id": "id", "title": "title" } }, ngImport: i0 }); WidthDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: WidthDirective, selector: "[myWidthDir]", host: { properties: { "style.width": "myWidth", "class.foo": "myFooClass", "id": "id", "title": "title" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(WidthDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(WidthDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[myWidthDir]' }] args: [{ selector: '[myWidthDir]' }]
@ -129,7 +129,7 @@ export class MyDir {
} }
} }
MyDir.ɵfac = function MyDir_Factory(t) { return new (t || MyDir)(); }; MyDir.ɵfac = function MyDir_Factory(t) { return new (t || MyDir)(); };
MyDir.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: MyDir, selector: "[my-dir]", host: { properties: { "title": "title", "class.foo": "foo", "@anim": "{\n value: _animValue,\n params: {\n param1: _animParam1,\n param2: _animParam2\n }\n }" } }, ngImport: i0 }); MyDir.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: MyDir, selector: "[my-dir]", host: { properties: { "title": "title", "class.foo": "foo", "@anim": "{\n value: _animValue,\n params: {\n param1: _animParam1,\n param2: _animParam2\n }\n }" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDir, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyDir, [{
type: Directive, type: Directive,
args: [{ args: [{
@ -150,7 +150,7 @@ MyDir.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: MyDir, selector: "[m
export class MyAppComp { export class MyAppComp {
} }
MyAppComp.ɵfac = function MyAppComp_Factory(t) { return new (t || MyAppComp)(); }; MyAppComp.ɵfac = function MyAppComp_Factory(t) { return new (t || MyAppComp)(); };
MyAppComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyAppComp, selector: "my-app", ngImport: i0, template: { source: ` MyAppComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyAppComp, selector: "my-app", ngImport: i0, template: { source: `
<div my-dir></div> <div my-dir></div>
`, isInline: true }, directives: [{ type: MyDir, selector: "[my-dir]" }] }); `, isInline: true }, directives: [{ type: MyDir, selector: "[my-dir]" }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyAppComp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyAppComp, [{

16
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_styling/chaining/GOLDEN_PARTIAL.js
View File

@ -11,7 +11,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `<div MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `<div
[class.apple]="yesToApple" [class.apple]="yesToApple"
[class.orange]="yesToOrange" [class.orange]="yesToOrange"
[class.tomato]="yesToTomato"></div>`, isInline: true } }); [class.tomato]="yesToTomato"></div>`, isInline: true } });
@ -50,7 +50,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `<div MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `<div
[style.color]="color" [style.color]="color"
[style.border]="border" [style.border]="border"
[style.transition]="transition"></div>`, isInline: true } }); [style.transition]="transition"></div>`, isInline: true } });
@ -92,7 +92,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `<div MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `<div
[class.apple]="yesToApple" [class.apple]="yesToApple"
[style.color]="color" [style.color]="color"
[class.orange]="yesToOrange" [class.orange]="yesToOrange"
@ -138,7 +138,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `<div MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `<div
style.color="a{{one}}b" style.color="a{{one}}b"
style.border="a{{one}}b" style.border="a{{one}}b"
style.transition="a{{one}}b"></div>`, isInline: true } }); style.transition="a{{one}}b"></div>`, isInline: true } });
@ -175,7 +175,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `<div MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `<div
style.color="a{{one}}b" style.color="a{{one}}b"
style.border="a{{one}}b" style.border="a{{one}}b"
style.transition="a{{one}}b{{two}}c" style.transition="a{{one}}b{{two}}c"
@ -222,7 +222,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `<div MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `<div
style.color="a{{one}}b" style.color="a{{one}}b"
style.border="a{{one}}b" style.border="a{{one}}b"
[class.apple]="yesToApple" [class.apple]="yesToApple"
@ -275,7 +275,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `<div MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `<div
style.color="a{{one}}b" style.color="a{{one}}b"
style.border="a{{one}}b" style.border="a{{one}}b"
style.transition="a{{one}}b{{two}}c" style.transition="a{{one}}b{{two}}c"
@ -325,7 +325,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", host: { properties: { "class.apple": "yesToApple", "style.color": "color", "class.tomato": "yesToTomato", "style.transition": "transition", "style.border": "border", "class.orange": "yesToOrange" } }, ngImport: i0, template: { source: '', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", host: { properties: { "class.apple": "yesToApple", "style.color": "color", "class.tomato": "yesToTomato", "style.transition": "transition", "style.border": "border", "class.orange": "yesToOrange" } }, ngImport: i0, template: { source: '', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{

8
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_styling/class_bindings/GOLDEN_PARTIAL.js
View File

@ -9,7 +9,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div [class]="myClassExp"></div>`, isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div [class]="myClassExp"></div>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: `<div [class]="myClassExp"></div>` }] args: [{ selector: 'my-component', template: `<div [class]="myClassExp"></div>` }]
@ -53,7 +53,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div
class="grape" class="grape"
[attr.class]="'banana'" [attr.class]="'banana'"
[class.apple]="yesToApple" [class.apple]="yesToApple"
@ -108,7 +108,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div
class=" foo " class=" foo "
style="width:100px" style="width:100px"
[attr.class]="'round'" [attr.class]="'round'"
@ -155,7 +155,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div [style.color]></div>`, isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div [style.color]></div>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: `<div [style.color]></div>` }] args: [{ selector: 'my-component', template: `<div [style.color]></div>` }]

12
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_styling/component_animations/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '', isInline: true }, animations: [{ name: 'foo123' }, { name: 'trigger123' }] }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '', isInline: true }, animations: [{ name: 'foo123' }, { name: 'trigger123' }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', animations: [{ name: 'foo123' }, { name: 'trigger123' }], template: '' }] args: [{ selector: 'my-component', animations: [{ name: 'foo123' }, { name: 'trigger123' }], template: '' }]
@ -42,7 +42,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '', isInline: true }, animations: [] }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '', isInline: true }, animations: [] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', animations: [], template: '' }] args: [{ selector: 'my-component', animations: [], template: '' }]
@ -81,7 +81,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div [@foo]='exp'></div> <div [@foo]='exp'></div>
<div @bar></div> <div @bar></div>
<div [@baz]></div>`, isInline: true } }); <div [@baz]></div>`, isInline: true } });
@ -133,7 +133,7 @@ class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-cmp", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-cmp", ngImport: i0, template: { source: `
<div <div
[@myAnimation]="exp" [@myAnimation]="exp"
(@myAnimation.start)="onStart($event)" (@myAnimation.start)="onStart($event)"
@ -192,7 +192,7 @@ class MyAnimDir {
onDone() { } onDone() { }
} }
MyAnimDir.ɵfac = function MyAnimDir_Factory(t) { return new (t || MyAnimDir)(); }; MyAnimDir.ɵfac = function MyAnimDir_Factory(t) { return new (t || MyAnimDir)(); };
MyAnimDir.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: MyAnimDir, selector: "[my-anim-dir]", host: { listeners: { "@myAnim.start": "onStart()", "@myAnim.done": "onDone()" }, properties: { "@myAnim": "myAnimState" } }, ngImport: i0 }); MyAnimDir.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: MyAnimDir, selector: "[my-anim-dir]", host: { listeners: { "@myAnim.start": "onStart()", "@myAnim.done": "onDone()" }, properties: { "@myAnim": "myAnimState" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyAnimDir, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyAnimDir, [{
type: Directive, type: Directive,
args: [{ args: [{
@ -203,7 +203,7 @@ MyAnimDir.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: MyAnimDir, selec
class MyComponent { class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-cmp", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-cmp", ngImport: i0, template: { source: `
<div my-anim-dir></div> <div my-anim-dir></div>
`, isInline: true }, directives: [{ type: MyAnimDir, selector: "[my-anim-dir]" }] }); `, isInline: true }, directives: [{ type: MyAnimDir, selector: "[my-anim-dir]" }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{

6
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_styling/component_styles/GOLDEN_PARTIAL.js
View File

@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '...', isInline: true }, styles: ["div.foo { color: red; }", ":host p:nth-child(even) { --webkit-transition: 1s linear all; }"] }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '...', isInline: true }, styles: ["div.foo { color: red; }", ":host p:nth-child(even) { --webkit-transition: 1s linear all; }"] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -48,7 +48,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '...', isInline: true }, styles: ["div.tall { height: 123px; }", ":host.small p { height:5px; }"], encapsulation: i0.ViewEncapsulation.None }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '...', isInline: true }, styles: ["div.tall { height: 123px; }", ":host.small p { height:5px; }"], encapsulation: i0.ViewEncapsulation.None });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -89,7 +89,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '...', isInline: true }, styles: ["div.cool { color: blue; }", ":host.nice p { color: gold; }"], encapsulation: i0.ViewEncapsulation.ShadowDom }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '...', isInline: true }, styles: ["div.cool { color: blue; }", ":host.nice p { color: gold; }"], encapsulation: i0.ViewEncapsulation.ShadowDom });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{

18
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_styling/host_bindings/GOLDEN_PARTIAL.js
View File

@ -12,7 +12,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", host: { properties: { "style": "myStyle", "class": "myClass", "style.color": "myColorProp", "class.foo": "myFooClass" }, styleAttribute: "width:200px; height:500px", classAttribute: "foo baz" }, ngImport: i0, template: { source: '', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", host: { properties: { "style": "myStyle", "class": "myClass", "style.color": "myColorProp", "class.foo": "myFooClass" }, styleAttribute: "width:200px; height:500px", classAttribute: "foo baz" }, ngImport: i0, template: { source: '', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -80,7 +80,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", host: { properties: { "style.height.pt": "myHeightProp", "class.bar": "myBarClass", "style": "myStyle", "style.width": "myWidthProp", "class.foo": "myFooClass", "class": "myClasses" } }, ngImport: i0, template: { source: '', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", host: { properties: { "style.height.pt": "myHeightProp", "class.bar": "myBarClass", "style": "myStyle", "style.width": "myWidthProp", "class.foo": "myFooClass", "class": "myClasses" } }, ngImport: i0, template: { source: '', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -149,7 +149,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", host: { properties: { "style!important": "myStyleExp", "class!important": "myClassExp", "class.foo!important": "myFooClassExp", "style.width!important": "myWidthExp" } }, ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", host: { properties: { "style!important": "myStyleExp", "class!important": "myClassExp", "class.foo!important": "myFooClassExp", "style.width!important": "myWidthExp" } }, ngImport: i0, template: { source: `
<div [style!important]="myStyleExp" <div [style!important]="myStyleExp"
[class!important]="myClassExp" [class!important]="myClassExp"
[style.height!important]="myHeightExp" [style.height!important]="myHeightExp"
@ -222,7 +222,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div class="A{{p1}}B"></div> <div class="A{{p1}}B"></div>
<div class="A{{p1}}B{{p2}}C"></div> <div class="A{{p1}}B{{p2}}C"></div>
<div class="A{{p1}}B{{p2}}C{{p3}}D"></div> <div class="A{{p1}}B{{p2}}C{{p3}}D"></div>
@ -301,7 +301,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div style="p1:{{p1}};"></div> <div style="p1:{{p1}};"></div>
<div style="p1:{{p1}};p2:{{p2}};"></div> <div style="p1:{{p1}};p2:{{p2}};"></div>
<div style="p1:{{p1}};p2:{{p2}};p3:{{p3}};"></div> <div style="p1:{{p1}};p2:{{p2}};p3:{{p3}};"></div>
@ -372,7 +372,7 @@ export class ClassDirective {
} }
} }
ClassDirective.ɵfac = function ClassDirective_Factory(t) { return new (t || ClassDirective)(); }; ClassDirective.ɵfac = function ClassDirective_Factory(t) { return new (t || ClassDirective)(); };
ClassDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: ClassDirective, selector: "[myClassDir]", host: { properties: { "class": "myClassMap" } }, ngImport: i0 }); ClassDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: ClassDirective, selector: "[myClassDir]", host: { properties: { "class": "myClassMap" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ClassDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ClassDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[myClassDir]' }] args: [{ selector: '[myClassDir]' }]
@ -387,7 +387,7 @@ export class WidthDirective {
} }
} }
WidthDirective.ɵfac = function WidthDirective_Factory(t) { return new (t || WidthDirective)(); }; WidthDirective.ɵfac = function WidthDirective_Factory(t) { return new (t || WidthDirective)(); };
WidthDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: WidthDirective, selector: "[myWidthDir]", host: { properties: { "style.width": "myWidth", "class.foo": "myFooClass" } }, ngImport: i0 }); WidthDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: WidthDirective, selector: "[myWidthDir]", host: { properties: { "style.width": "myWidth", "class.foo": "myFooClass" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(WidthDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(WidthDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[myWidthDir]' }] args: [{ selector: '[myWidthDir]' }]
@ -405,7 +405,7 @@ export class HeightDirective {
} }
} }
HeightDirective.ɵfac = function HeightDirective_Factory(t) { return new (t || HeightDirective)(); }; HeightDirective.ɵfac = function HeightDirective_Factory(t) { return new (t || HeightDirective)(); };
HeightDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: HeightDirective, selector: "[myHeightDir]", host: { properties: { "style.height": "myHeight", "class.bar": "myBarClass" } }, ngImport: i0 }); HeightDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: HeightDirective, selector: "[myHeightDir]", host: { properties: { "style.height": "myHeight", "class.bar": "myBarClass" } }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HeightDirective, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(HeightDirective, [{
type: Directive, type: Directive,
args: [{ selector: '[myHeightDir]' }] args: [{ selector: '[myHeightDir]' }]
@ -419,7 +419,7 @@ HeightDirective.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: HeightDire
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div myWidthDir myHeightDir myClassDir></div>', isInline: true }, directives: [{ type: WidthDirective, selector: "[myWidthDir]" }, { type: HeightDirective, selector: "[myHeightDir]" }, { type: ClassDirective, selector: "[myClassDir]" }] }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<div myWidthDir myHeightDir myClassDir></div>', isInline: true }, directives: [{ type: WidthDirective, selector: "[myWidthDir]" }, { type: HeightDirective, selector: "[myHeightDir]" }, { type: ClassDirective, selector: "[myClassDir]" }] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{

10
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_styling/interpolations/GOLDEN_PARTIAL.js
View File

@ -17,7 +17,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `
<div class="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h{{eight}}i{{nine}}j"></div> <div class="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h{{eight}}i{{nine}}j"></div>
<div class="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h{{eight}}i"></div> <div class="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h{{eight}}i"></div>
<div class="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h"></div> <div class="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h"></div>
@ -84,7 +84,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `
<div style.color="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h{{eight}}i{{nine}}j"></div> <div style.color="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h{{eight}}i{{nine}}j"></div>
<div style.color="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h{{eight}}i"></div> <div style.color="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h{{eight}}i"></div>
<div style.color="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h"></div> <div style.color="a{{one}}b{{two}}c{{three}}d{{four}}e{{five}}f{{six}}g{{seven}}h"></div>
@ -144,7 +144,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `
<div style.width.px="a{{one}}b{{two}}c"></div> <div style.width.px="a{{one}}b{{two}}c"></div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -183,7 +183,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `
<div style.background="url({{ myUrl1 }})" <div style.background="url({{ myUrl1 }})"
style.borderImage="url({{ myUrl2 }}) {{ myRepeat }} auto" style.borderImage="url({{ myUrl2 }}) {{ myRepeat }} auto"
style.boxShadow="{{ myBoxX }} {{ myBoxY }} {{ myBoxWidth }} black"></div> style.boxShadow="{{ myBoxX }} {{ myBoxY }} {{ myBoxWidth }} black"></div>
@ -226,7 +226,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: `
<div style.width!important="a{{one}}b{{two}}c"></div> <div style.width!important="a{{one}}b{{two}}c"></div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{

2
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_styling/invalid/GOLDEN_PARTIAL.js
View File

@ -9,7 +9,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: '<div class.something="{{isEnabled}}"></div>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "ng-component", ngImport: i0, template: { source: '<div class.something="{{isEnabled}}"></div>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ template: '<div class.something="{{isEnabled}}"></div>' }] args: [{ template: '<div class.something="{{isEnabled}}"></div>' }]

8
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_styling/mixed_style_and_class/GOLDEN_PARTIAL.js
View File

@ -10,7 +10,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div [style]="myStyleExp" [class]="myClassExp"></div>`, isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div [style]="myStyleExp" [class]="myClassExp"></div>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: `<div [style]="myStyleExp" [class]="myClassExp"></div>` }] args: [{ selector: 'my-component', template: `<div [style]="myStyleExp" [class]="myClassExp"></div>` }]
@ -58,7 +58,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div [style]="myStyleExp | stylePipe" [class]="myClassExp | classPipe"></div>`, isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div [style]="myStyleExp | stylePipe" [class]="myClassExp | classPipe"></div>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -113,7 +113,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div [class]="{}" <div [class]="{}"
[class.foo]="fooExp | pipe:2000" [class.foo]="fooExp | pipe:2000"
[style]="myStyleExp | pipe:1000" [style]="myStyleExp | pipe:1000"
@ -176,7 +176,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div [style.width]="w1"></div> <div [style.width]="w1"></div>
<div [style.height]="h1"></div> <div [style.height]="h1"></div>
<div [class.active]="a1"></div> <div [class.active]="a1"></div>

16
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_styling/style_bindings/GOLDEN_PARTIAL.js
View File

@ -9,7 +9,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div [style]="myStyleExp"></div>`, isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div [style]="myStyleExp"></div>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: `<div [style]="myStyleExp"></div>` }] args: [{ selector: 'my-component', template: `<div [style]="myStyleExp"></div>` }]
@ -55,7 +55,7 @@ export class MyComponentWithInterpolation {
} }
} }
MyComponentWithInterpolation.ɵfac = function MyComponentWithInterpolation_Factory(t) { return new (t || MyComponentWithInterpolation)(); }; MyComponentWithInterpolation.ɵfac = function MyComponentWithInterpolation_Factory(t) { return new (t || MyComponentWithInterpolation)(); };
MyComponentWithInterpolation.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponentWithInterpolation, selector: "my-component-with-interpolation", ngImport: i0, template: { source: ` MyComponentWithInterpolation.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponentWithInterpolation, selector: "my-component-with-interpolation", ngImport: i0, template: { source: `
<div class="foo foo-{{ fooId }}"></div> <div class="foo foo-{{ fooId }}"></div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponentWithInterpolation, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponentWithInterpolation, [{
@ -74,7 +74,7 @@ export class MyComponentWithMuchosInterpolation {
} }
} }
MyComponentWithMuchosInterpolation.ɵfac = function MyComponentWithMuchosInterpolation_Factory(t) { return new (t || MyComponentWithMuchosInterpolation)(); }; MyComponentWithMuchosInterpolation.ɵfac = function MyComponentWithMuchosInterpolation_Factory(t) { return new (t || MyComponentWithMuchosInterpolation)(); };
MyComponentWithMuchosInterpolation.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponentWithMuchosInterpolation, selector: "my-component-with-muchos-interpolation", ngImport: i0, template: { source: ` MyComponentWithMuchosInterpolation.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponentWithMuchosInterpolation, selector: "my-component-with-muchos-interpolation", ngImport: i0, template: { source: `
<div class="foo foo-{{ fooId }}-{{ fooUsername }}"></div> <div class="foo foo-{{ fooId }}-{{ fooUsername }}"></div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponentWithMuchosInterpolation, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponentWithMuchosInterpolation, [{
@ -92,7 +92,7 @@ export class MyComponentWithoutInterpolation {
} }
} }
MyComponentWithoutInterpolation.ɵfac = function MyComponentWithoutInterpolation_Factory(t) { return new (t || MyComponentWithoutInterpolation)(); }; MyComponentWithoutInterpolation.ɵfac = function MyComponentWithoutInterpolation_Factory(t) { return new (t || MyComponentWithoutInterpolation)(); };
MyComponentWithoutInterpolation.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponentWithoutInterpolation, selector: "my-component-without-interpolation", ngImport: i0, template: { source: ` MyComponentWithoutInterpolation.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponentWithoutInterpolation, selector: "my-component-without-interpolation", ngImport: i0, template: { source: `
<div [class]="exp"></div> <div [class]="exp"></div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponentWithoutInterpolation, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponentWithoutInterpolation, [{
@ -157,7 +157,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div style="opacity:1" MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div style="opacity:1"
[attr.style]="'border-width: 10px'" [attr.style]="'border-width: 10px'"
[style.width]="myWidth" [style.width]="myWidth"
[style]="myStyleExp" [style]="myStyleExp"
@ -216,7 +216,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div [style.background-image]="myImage"></div>`, isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div [style.background-image]="myImage"></div>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: `<div [style.background-image]="myImage"></div>` }] args: [{ selector: 'my-component', template: `<div [style.background-image]="myImage"></div>` }]
@ -253,7 +253,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div [style.font-size.px]="12"></div>`, isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div [style.font-size.px]="12"></div>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: `<div [style.font-size.px]="12"></div>` }] args: [{ selector: 'my-component', template: `<div [style.font-size.px]="12"></div>` }]
@ -289,7 +289,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div [style.color]></div>`, isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div [style.color]></div>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ selector: 'my-component', template: `<div [style.color]></div>` }] args: [{ selector: 'my-component', template: `<div [style.color]></div>` }]

40
packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_template/GOLDEN_PARTIAL.js
View File

@ -11,7 +11,7 @@ export class MyComponent {
onClick(outer, middle, inner) { } onClick(outer, middle, inner) { }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<ul *ngFor="let outer of items"> <ul *ngFor="let outer of items">
<li *ngFor="let middle of outer.items"> <li *ngFor="let middle of outer.items">
<div *ngFor="let inner of items" <div *ngFor="let inner of items"
@ -77,7 +77,7 @@ export class MyComponent {
_handleClick(d, i) { } _handleClick(d, i) { }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div *ngFor="let d of _data; let i = index" (click)="_handleClick(d, i)"></div> <div *ngFor="let d of _data; let i = index" (click)="_handleClick(d, i)"></div>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
@ -123,7 +123,7 @@ export class MyComponent {
greet(val) { } greet(val) { }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div *ngIf="true" (click)="greet(this)"></div> <div *ngIf="true" (click)="greet(this)"></div>
<div *ngIf="true" [id]="this"></div> <div *ngIf="true" [id]="this"></div>
`, isInline: true } }); `, isInline: true } });
@ -169,7 +169,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<span *ngFor="let item of items; index as i"> <span *ngFor="let item of items; index as i">
{{ i }} - {{ item }} {{ i }} - {{ item }}
</span> </span>
@ -216,7 +216,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div *ngFor="let item of items; index as i"> <div *ngFor="let item of items; index as i">
<span *ngIf="showing"> <span *ngIf="showing">
{{ i }} - {{ item }} {{ i }} - {{ item }}
@ -265,7 +265,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div *ngFor="let outer of items"> <div *ngFor="let outer of items">
<div *ngFor="let middle of outer.items"> <div *ngFor="let middle of outer.items">
<div *ngFor="let inner of middle.items"> <div *ngFor="let inner of middle.items">
@ -318,7 +318,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<ng-template [boundAttr]="b" attr="l"> <ng-template [boundAttr]="b" attr="l">
some-content some-content
</ng-template>`, isInline: true } }); </ng-template>`, isInline: true } });
@ -363,7 +363,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<ng-template #foo>some-content</ng-template>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<ng-template #foo>some-content</ng-template>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -402,7 +402,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<ng-template (outDirective)="$event.doSth()"></ng-template>', isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: '<ng-template (outDirective)="$event.doSth()"></ng-template>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -444,7 +444,7 @@ class WithInput {
} }
} }
WithInput.ɵfac = function WithInput_Factory(t) { return new (t || WithInput)(); }; WithInput.ɵfac = function WithInput_Factory(t) { return new (t || WithInput)(); };
WithInput.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: WithInput, selector: "[dir]", inputs: { dir: "dir" }, ngImport: i0 }); WithInput.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: WithInput, selector: "[dir]", inputs: { dir: "dir" }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(WithInput, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(WithInput, [{
type: Directive, type: Directive,
args: [{ selector: '[dir]' }] args: [{ selector: '[dir]' }]
@ -457,7 +457,7 @@ export class TestComp {
} }
} }
TestComp.ɵfac = function TestComp_Factory(t) { return new (t || TestComp)(); }; TestComp.ɵfac = function TestComp_Factory(t) { return new (t || TestComp)(); };
TestComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: TestComp, selector: "my-app", ngImport: i0, template: { source: '<ng-template dir="{{ message }}"></ng-template>', isInline: true } }); TestComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestComp, selector: "my-app", ngImport: i0, template: { source: '<ng-template dir="{{ message }}"></ng-template>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestComp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestComp, [{
type: Component, type: Component,
args: [{ args: [{
@ -487,7 +487,7 @@ class WithInput {
} }
} }
WithInput.ɵfac = function WithInput_Factory(t) { return new (t || WithInput)(); }; WithInput.ɵfac = function WithInput_Factory(t) { return new (t || WithInput)(); };
WithInput.ɵdir = i0.ɵɵngDeclareDirective({ version: 1, type: WithInput, selector: "[dir]", inputs: { dir: "dir" }, ngImport: i0 }); WithInput.ɵdir = i0.ɵɵngDeclareDirective({ version: "0.0.0-PLACEHOLDER", type: WithInput, selector: "[dir]", inputs: { dir: "dir" }, ngImport: i0 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(WithInput, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(WithInput, [{
type: Directive, type: Directive,
args: [{ selector: '[dir]' }] args: [{ selector: '[dir]' }]
@ -500,7 +500,7 @@ export class TestComp {
} }
} }
TestComp.ɵfac = function TestComp_Factory(t) { return new (t || TestComp)(); }; TestComp.ɵfac = function TestComp_Factory(t) { return new (t || TestComp)(); };
TestComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: TestComp, selector: "my-app", ngImport: i0, template: { source: '<ng-template *ngIf="true" dir="{{ message }}"></ng-template>', isInline: true } }); TestComp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestComp, selector: "my-app", ngImport: i0, template: { source: '<ng-template *ngIf="true" dir="{{ message }}"></ng-template>', isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestComp, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestComp, [{
type: Component, type: Component,
args: [{ args: [{
@ -530,7 +530,7 @@ export class AComponent {
} }
} }
AComponent.ɵfac = function AComponent_Factory(t) { return new (t || AComponent)(); }; AComponent.ɵfac = function AComponent_Factory(t) { return new (t || AComponent)(); };
AComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: AComponent, selector: "a-component", ngImport: i0, template: { source: ` AComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: AComponent, selector: "a-component", ngImport: i0, template: { source: `
<div *ngFor="let item of items"> <div *ngFor="let item of items">
<p *ngIf="item < 10">less than 10</p> <p *ngIf="item < 10">less than 10</p>
<p *ngIf="item < 10">less than 10</p> <p *ngIf="item < 10">less than 10</p>
@ -572,7 +572,7 @@ export class BComponent {
} }
} }
BComponent.ɵfac = function BComponent_Factory(t) { return new (t || BComponent)(); }; BComponent.ɵfac = function BComponent_Factory(t) { return new (t || BComponent)(); };
BComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: BComponent, selector: "b-component", ngImport: i0, template: { source: ` BComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: BComponent, selector: "b-component", ngImport: i0, template: { source: `
<div *ngFor="let item of items"> <div *ngFor="let item of items">
<ng-container *ngFor="let subitem of item.subitems"> <ng-container *ngFor="let subitem of item.subitems">
<p *ngIf="subitem < 10">less than 10</p> <p *ngIf="subitem < 10">less than 10</p>
@ -656,7 +656,7 @@ export class AComponent {
} }
} }
AComponent.ɵfac = function AComponent_Factory(t) { return new (t || AComponent)(); }; AComponent.ɵfac = function AComponent_Factory(t) { return new (t || AComponent)(); };
AComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: AComponent, selector: "a-component", ngImport: i0, template: { source: ` AComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: AComponent, selector: "a-component", ngImport: i0, template: { source: `
<ng-content *ngIf="show"></ng-content> <ng-content *ngIf="show"></ng-content>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(AComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(AComponent, [{
@ -674,7 +674,7 @@ export class BComponent {
} }
} }
BComponent.ɵfac = function BComponent_Factory(t) { return new (t || BComponent)(); }; BComponent.ɵfac = function BComponent_Factory(t) { return new (t || BComponent)(); };
BComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: BComponent, selector: "b-component", ngImport: i0, template: { source: ` BComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: BComponent, selector: "b-component", ngImport: i0, template: { source: `
<ng-content *ngIf="show"></ng-content> <ng-content *ngIf="show"></ng-content>
`, isInline: true } }); `, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(BComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(BComponent, [{
@ -726,7 +726,7 @@ export class MyComponent {
} }
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
<div *ngFor="let item of items"> <div *ngFor="let item of items">
<p (click)="$event">{{ item }}</p> <p (click)="$event">{{ item }}</p>
<p (click)="$event">{{ item }}</p> <p (click)="$event">{{ item }}</p>
@ -782,7 +782,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div *ngIf="val | pipe"></div>`, isInline: true } }); MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `<div *ngIf="val | pipe"></div>`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,
args: [{ args: [{
@ -821,7 +821,7 @@ import * as i0 from "@angular/core";
export class MyComponent { export class MyComponent {
} }
MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); }; MyComponent.ɵfac = function MyComponent_Factory(t) { return new (t || MyComponent)(); };
MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: 1, type: MyComponent, selector: "my-component", ngImport: i0, template: { source: ` MyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: MyComponent, selector: "my-component", ngImport: i0, template: { source: `
{{a?.b ? 1 : 2 }}`, isInline: true } }); {{a?.b ? 1 : 2 }}`, isInline: true } });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{ /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MyComponent, [{
type: Component, type: Component,

2
packages/compiler/src/render3/partial/api.ts
View File

@ -21,7 +21,7 @@ export interface R3DeclareDirectiveMetadata {
* interface later - the linker will be able to detect which version a library * interface later - the linker will be able to detect which version a library
* is using and interpret its metadata accordingly. * is using and interpret its metadata accordingly.
*/ */
version: 1; version: string;
/** /**
* Unparsed selector of the directive. * Unparsed selector of the directive.

2
packages/compiler/src/render3/partial/directive.ts
View File

@ -32,7 +32,7 @@ export function compileDeclareDirectiveFromMetadata(meta: R3DirectiveMetadata):
export function createDirectiveDefinitionMap(meta: R3DirectiveMetadata): DefinitionMap { export function createDirectiveDefinitionMap(meta: R3DirectiveMetadata): DefinitionMap {
const definitionMap = new DefinitionMap(); const definitionMap = new DefinitionMap();
definitionMap.set('version', o.literal(1)); definitionMap.set('version', o.literal('0.0.0-PLACEHOLDER'));
// e.g. `type: MyDirective` // e.g. `type: MyDirective`
definitionMap.set('type', meta.internalType); definitionMap.set('type', meta.internalType);