@angular/compiler 14.2.0 → 15.0.0-next.1

package/fesm2015/compiler.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v14.2.0
+ * @license Angular v15.0.0-next.1
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -2926,6 +2926,7 @@ Identifiers.InheritDefinitionFeature = { name: 'ɵɵInheritDefinitionFeature', m
 Identifiers.CopyDefinitionFeature = { name: 'ɵɵCopyDefinitionFeature', moduleName: CORE };
 Identifiers.StandaloneFeature = { name: 'ɵɵStandaloneFeature', moduleName: CORE };
 Identifiers.ProvidersFeature = { name: 'ɵɵProvidersFeature', moduleName: CORE };
+Identifiers.HostDirectivesFeature = { name: 'ɵɵHostDirectivesFeature', moduleName: CORE };
 Identifiers.listener = { name: 'ɵɵlistener', moduleName: CORE };
 Identifiers.getInheritedFactory = {
     name: 'ɵɵgetInheritedFactory',
@@ -14778,42 +14779,42 @@ const SCHEMA = [
     'time^[HTMLElement]|dateTime',
     ':svg:cursor^:svg:|',
 ];
-const _ATTR_TO_PROP = {
+const _ATTR_TO_PROP = new Map(Object.entries({
     'class': 'className',
     'for': 'htmlFor',
     'formaction': 'formAction',
     'innerHtml': 'innerHTML',
     'readonly': 'readOnly',
     'tabindex': 'tabIndex',
-};
+}));
 // Invert _ATTR_TO_PROP.
-const _PROP_TO_ATTR = Object.keys(_ATTR_TO_PROP).reduce((inverted, attr) => {
-    inverted[_ATTR_TO_PROP[attr]] = attr;
+const _PROP_TO_ATTR = Array.from(_ATTR_TO_PROP).reduce((inverted, [propertyName, attributeName]) => {
+    inverted.set(propertyName, attributeName);
     return inverted;
-}, {});
+}, new Map());
 class DomElementSchemaRegistry extends ElementSchemaRegistry {
     constructor() {
         super();
-        this._schema = {};
+        this._schema = new Map();
         // We don't allow binding to events for security reasons. Allowing event bindings would almost
         // certainly introduce bad XSS vulnerabilities. Instead, we store events in a separate schema.
-        this._eventSchema = {};
+        this._eventSchema = new Map;
         SCHEMA.forEach(encodedType => {
-            const type = {};
+            const type = new Map();
             const events = new Set();
             const [strType, strProperties] = encodedType.split('|');
             const properties = strProperties.split(',');
             const [typeNames, superName] = strType.split('^');
             typeNames.split(',').forEach(tag => {
-                this._schema[tag.toLowerCase()] = type;
-                this._eventSchema[tag.toLowerCase()] = events;
+                this._schema.set(tag.toLowerCase(), type);
+                this._eventSchema.set(tag.toLowerCase(), events);
             });
-            const superType = superName && this._schema[superName.toLowerCase()];
+            const superType = superName && this._schema.get(superName.toLowerCase());
             if (superType) {
-                Object.keys(superType).forEach((prop) => {
-                    type[prop] = superType[prop];
-                });
-                for (const superEvent of this._eventSchema[superName.toLowerCase()]) {
+                for (const [prop, value] of superType) {
+                    type.set(prop, value);
+                }
+                for (const superEvent of this._eventSchema.get(superName.toLowerCase())) {
                     events.add(superEvent);
                 }
             }
@@ -14824,16 +14825,16 @@ class DomElementSchemaRegistry extends ElementSchemaRegistry {
                             events.add(property.substring(1));
                             break;
                         case '!':
-                            type[property.substring(1)] = BOOLEAN;
+                            type.set(property.substring(1), BOOLEAN);
                             break;
                         case '#':
-                            type[property.substring(1)] = NUMBER;
+                            type.set(property.substring(1), NUMBER);
                             break;
                         case '%':
-                            type[property.substring(1)] = OBJECT;
+                            type.set(property.substring(1), OBJECT);
                             break;
                         default:
-                            type[property] = STRING;
+                            type.set(property, STRING);
                     }
                 }
             });
@@ -14853,8 +14854,8 @@ class DomElementSchemaRegistry extends ElementSchemaRegistry {
                 return true;
             }
         }
-        const elementProperties = this._schema[tagName.toLowerCase()] || this._schema['unknown'];
-        return !!elementProperties[propName];
+        const elementProperties = this._schema.get(tagName.toLowerCase()) || this._schema.get('unknown');
+        return elementProperties.has(propName);
     }
     hasElement(tagName, schemaMetas) {
         if (schemaMetas.some((schema) => schema.name === NO_ERRORS_SCHEMA.name)) {
@@ -14869,7 +14870,7 @@ class DomElementSchemaRegistry extends ElementSchemaRegistry {
                 return true;
             }
         }
-        return !!this._schema[tagName.toLowerCase()];
+        return this._schema.has(tagName.toLowerCase());
     }
     /**
      * securityContext returns the security context for the given property on the given DOM tag.
@@ -14898,7 +14899,8 @@ class DomElementSchemaRegistry extends ElementSchemaRegistry {
         return ctx ? ctx : SecurityContext.NONE;
     }
     getMappedPropName(propName) {
-        return _ATTR_TO_PROP[propName] || propName;
+        var _a;
+        return (_a = _ATTR_TO_PROP.get(propName)) !== null && _a !== void 0 ? _a : propName;
     }
     getDefaultComponentElementName() {
         return 'ng-component';
@@ -14926,16 +14928,16 @@ class DomElementSchemaRegistry extends ElementSchemaRegistry {
         }
     }
     allKnownElementNames() {
-        return Object.keys(this._schema);
+        return Array.from(this._schema.keys());
     }
     allKnownAttributesOfElement(tagName) {
-        const elementProperties = this._schema[tagName.toLowerCase()] || this._schema['unknown'];
+        const elementProperties = this._schema.get(tagName.toLowerCase()) || this._schema.get('unknown');
         // Convert properties to attributes.
-        return Object.keys(elementProperties).map(prop => { var _a; return (_a = _PROP_TO_ATTR[prop]) !== null && _a !== void 0 ? _a : prop; });
+        return Array.from(elementProperties.keys()).map(prop => { var _a; return (_a = _PROP_TO_ATTR.get(prop)) !== null && _a !== void 0 ? _a : prop; });
     }
     allKnownEventsOfElement(tagName) {
         var _a;
-        return Array.from((_a = this._eventSchema[tagName.toLowerCase()]) !== null && _a !== void 0 ? _a : []);
+        return Array.from((_a = this._eventSchema.get(tagName.toLowerCase())) !== null && _a !== void 0 ? _a : []);
     }
     normalizeAnimationStyleProperty(propName) {
         return dashCaseToCamelCase(propName);
@@ -18805,6 +18807,7 @@ function baseDirectiveFields(meta, constantPool, bindingParser) {
  * Add features to the definition map.
  */
 function addFeatures(definitionMap, meta) {
+    var _a;
     // e.g. `features: [NgOnChangesFeature]`
     const features = [];
     const providers = meta.providers;
@@ -18829,6 +18832,9 @@ function addFeatures(definitionMap, meta) {
     if (meta.hasOwnProperty('template') && meta.isStandalone) {
         features.push(importExpr(Identifiers.StandaloneFeature));
     }
+    if ((_a = meta.hostDirectives) === null || _a === void 0 ? void 0 : _a.length) {
+        features.push(importExpr(Identifiers.HostDirectivesFeature).callFn([createHostDirectivesFeatureArg(meta.hostDirectives)]));
+    }
     if (features.length) {
         definitionMap.set('features', literalArr(features));
     }
@@ -18941,6 +18947,7 @@ function createComponentType(meta) {
     const typeParams = createBaseDirectiveTypeParams(meta);
     typeParams.push(stringArrayAsType(meta.template.ngContentSelectors));
     typeParams.push(expressionType(literal(meta.isStandalone)));
+    typeParams.push(createHostDirectivesType(meta));
     return expressionType(importExpr(Identifiers.ComponentDeclaration, typeParams));
 }
 /**
@@ -19016,7 +19023,7 @@ function createContentQueriesFunction(queries, constantPool, name) {
 function stringAsType(str) {
     return expressionType(literal(str));
 }
-function stringMapAsType(map) {
+function stringMapAsLiteralExpression(map) {
     const mapValues = Object.keys(map).map(key => {
         const value = Array.isArray(map[key]) ? map[key][0] : map[key];
         return {
@@ -19025,7 +19032,7 @@ function stringMapAsType(map) {
             quoted: true,
         };
     });
-    return expressionType(literalMap(mapValues));
+    return literalMap(mapValues);
 }
 function stringArrayAsType(arr) {
     return arr.length > 0 ? expressionType(literalArr(arr.map(value => literal(value)))) :
@@ -19039,8 +19046,8 @@ function createBaseDirectiveTypeParams(meta) {
         typeWithParameters(meta.type.type, meta.typeArgumentCount),
         selectorForType !== null ? stringAsType(selectorForType) : NONE_TYPE,
         meta.exportAs !== null ? stringArrayAsType(meta.exportAs) : NONE_TYPE,
-        stringMapAsType(meta.inputs),
-        stringMapAsType(meta.outputs),
+        expressionType(stringMapAsLiteralExpression(meta.inputs)),
+        expressionType(stringMapAsLiteralExpression(meta.outputs)),
         stringArrayAsType(meta.queries.map(q => q.propertyName)),
     ];
 }
@@ -19054,6 +19061,7 @@ function createDirectiveType(meta) {
     // so that future fields align.
     typeParams.push(NONE_TYPE);
     typeParams.push(expressionType(literal(meta.isStandalone)));
+    typeParams.push(createHostDirectivesType(meta));
     return expressionType(importExpr(Identifiers.DirectiveDeclaration, typeParams));
 }
 // Define and update any view queries
@@ -19357,6 +19365,69 @@ function compileStyles(styles, selector, hostSelector) {
         return shadowCss.shimCssText(style, selector, hostSelector);
     });
 }
+function createHostDirectivesType(meta) {
+    var _a;
+    if (!((_a = meta.hostDirectives) === null || _a === void 0 ? void 0 : _a.length)) {
+        return NONE_TYPE;
+    }
+    return expressionType(literalArr(meta.hostDirectives.map(hostMeta => literalMap([
+        { key: 'directive', value: typeofExpr(hostMeta.directive.type), quoted: false },
+        { key: 'inputs', value: stringMapAsLiteralExpression(hostMeta.inputs || {}), quoted: false },
+        { key: 'outputs', value: stringMapAsLiteralExpression(hostMeta.outputs || {}), quoted: false },
+    ]))));
+}
+function createHostDirectivesFeatureArg(hostDirectives) {
+    const expressions = [];
+    let hasForwardRef = false;
+    for (const current of hostDirectives) {
+        // Use a shorthand if there are no inputs or outputs.
+        if (!current.inputs && !current.outputs) {
+            expressions.push(current.directive.type);
+        }
+        else {
+            const keys = [{ key: 'directive', value: current.directive.type, quoted: false }];
+            if (current.inputs) {
+                const inputsLiteral = createHostDirectivesMappingArray(current.inputs);
+                if (inputsLiteral) {
+                    keys.push({ key: 'inputs', value: inputsLiteral, quoted: false });
+                }
+            }
+            if (current.outputs) {
+                const outputsLiteral = createHostDirectivesMappingArray(current.outputs);
+                if (outputsLiteral) {
+                    keys.push({ key: 'outputs', value: outputsLiteral, quoted: false });
+                }
+            }
+            expressions.push(literalMap(keys));
+        }
+        if (current.isForwardReference) {
+            hasForwardRef = true;
+        }
+    }
+    // If there's a forward reference, we generate a `function() { return [HostDir] }`,
+    // otherwise we can save some bytes by using a plain array, e.g. `[HostDir]`.
+    return hasForwardRef ?
+        new FunctionExpr([], [new ReturnStatement(literalArr(expressions))]) :
+        literalArr(expressions);
+}
+/**
+ * Converts an input/output mapping object literal into an array where the even keys are the
+ * public name of the binding and the odd ones are the name it was aliased to. E.g.
+ * `{inputOne: 'aliasOne', inputTwo: 'aliasTwo'}` will become
+ * `['inputOne', 'aliasOne', 'inputTwo', 'aliasTwo']`.
+ *
+ * This conversion is necessary, because hosts bind to the public name of the host directive and
+ * keeping the mapping in an object literal will break for apps using property renaming.
+ */
+function createHostDirectivesMappingArray(mapping) {
+    const elements = [];
+    for (const publicName in mapping) {
+        if (mapping.hasOwnProperty(publicName)) {
+            elements.push(literal(publicName), literal(mapping[publicName]));
+        }
+    }
+    return elements.length > 0 ? literalArr(elements) : null;
+}
 
 /**
  * @license
@@ -19606,7 +19677,7 @@ function convertDirectiveFacadeToMetadata(facade) {
             });
         }
     }
-    return Object.assign(Object.assign({}, facade), { typeArgumentCount: 0, typeSourceSpan: facade.typeSourceSpan, type: wrapReference(facade.type), internalType: new WrappedNodeExpr(facade.type), deps: null, host: extractHostBindings(facade.propMetadata, facade.typeSourceSpan, facade.host), inputs: Object.assign(Object.assign({}, inputsFromMetadata), inputsFromType), outputs: Object.assign(Object.assign({}, outputsFromMetadata), outputsFromType), queries: facade.queries.map(convertToR3QueryMetadata), providers: facade.providers != null ? new WrappedNodeExpr(facade.providers) : null, viewQueries: facade.viewQueries.map(convertToR3QueryMetadata), fullInheritance: false });
+    return Object.assign(Object.assign({}, facade), { typeArgumentCount: 0, typeSourceSpan: facade.typeSourceSpan, type: wrapReference(facade.type), internalType: new WrappedNodeExpr(facade.type), deps: null, host: extractHostBindings(facade.propMetadata, facade.typeSourceSpan, facade.host), inputs: Object.assign(Object.assign({}, inputsFromMetadata), inputsFromType), outputs: Object.assign(Object.assign({}, outputsFromMetadata), outputsFromType), queries: facade.queries.map(convertToR3QueryMetadata), providers: facade.providers != null ? new WrappedNodeExpr(facade.providers) : null, viewQueries: facade.viewQueries.map(convertToR3QueryMetadata), fullInheritance: false, hostDirectives: convertHostDirectivesToMetadata(facade) });
 }
 function convertDeclareDirectiveFacadeToMetadata(declaration, typeSourceSpan) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -19630,6 +19701,7 @@ function convertDeclareDirectiveFacadeToMetadata(declaration, typeSourceSpan) {
         typeArgumentCount: 0,
         fullInheritance: false,
         isStandalone: (_j = declaration.isStandalone) !== null && _j !== void 0 ? _j : false,
+        hostDirectives: convertHostDirectivesToMetadata(declaration),
     };
 }
 function convertHostDeclarationToMetadata(host = {}) {
@@ -19644,6 +19716,27 @@ function convertHostDeclarationToMetadata(host = {}) {
         },
     };
 }
+function convertHostDirectivesToMetadata(metadata) {
+    var _a;
+    if ((_a = metadata.hostDirectives) === null || _a === void 0 ? void 0 : _a.length) {
+        return metadata.hostDirectives.map(hostDirective => {
+            return typeof hostDirective === 'function' ?
+                {
+                    directive: wrapReference(hostDirective),
+                    inputs: null,
+                    outputs: null,
+                    isForwardReference: false
+                } :
+                {
+                    directive: wrapReference(hostDirective.directive),
+                    isForwardReference: false,
+                    inputs: hostDirective.inputs ? parseInputOutputs(hostDirective.inputs) : null,
+                    outputs: hostDirective.outputs ? parseInputOutputs(hostDirective.outputs) : null,
+                };
+        });
+    }
+    return null;
+}
 function convertOpaqueValuesToExpressions(obj) {
     const result = {};
     for (const key of Object.keys(obj)) {
@@ -19862,7 +19955,7 @@ function publishFacade(global) {
  * 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
  */
-const VERSION = new Version('14.2.0');
+const VERSION = new Version('15.0.0-next.1');
 
 /**
  * @license
@@ -21556,7 +21649,7 @@ class DirectiveBinder {
         const cssSelector = createCssSelector(elementName, getAttrsForDirectiveMatching(node));
         // Next, use the `SelectorMatcher` to get the list of directives on the node.
         const directives = [];
-        this.matcher.match(cssSelector, (_, directive) => directives.push(directive));
+        this.matcher.match(cssSelector, (_selector, results) => directives.push(...results));
         if (directives.length > 0) {
             this.directives.set(node, directives);
         }
@@ -21889,7 +21982,7 @@ const MINIMUM_PARTIAL_LINKER_VERSION$6 = '12.0.0';
 function compileDeclareClassMetadata(metadata) {
     const definitionMap = new DefinitionMap();
     definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION$6));
-    definitionMap.set('version', literal('14.2.0'));
+    definitionMap.set('version', literal('15.0.0-next.1'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     definitionMap.set('type', metadata.type);
     definitionMap.set('decorators', metadata.decorators);
@@ -22004,9 +22097,10 @@ function compileDeclareDirectiveFromMetadata(meta) {
  * this logic for components, as they extend the directive metadata.
  */
 function createDirectiveDefinitionMap(meta) {
+    var _a;
     const definitionMap = new DefinitionMap();
     definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION$5));
-    definitionMap.set('version', literal('14.2.0'));
+    definitionMap.set('version', literal('15.0.0-next.1'));
     // e.g. `type: MyDirective`
     definitionMap.set('type', meta.internalType);
     if (meta.isStandalone) {
@@ -22035,6 +22129,9 @@ function createDirectiveDefinitionMap(meta) {
     if (meta.lifecycle.usesOnChanges) {
         definitionMap.set('usesOnChanges', literal(true));
     }
+    if ((_a = meta.hostDirectives) === null || _a === void 0 ? void 0 : _a.length) {
+        definitionMap.set('hostDirectives', createHostDirectives(meta.hostDirectives));
+    }
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     return definitionMap;
 }
@@ -22089,6 +22186,28 @@ function compileHostMetadata(meta) {
         return null;
     }
 }
+function createHostDirectives(hostDirectives) {
+    const expressions = hostDirectives.map(current => {
+        const keys = [{
+                key: 'directive',
+                value: current.isForwardReference ? generateForwardRef(current.directive.type) :
+                    current.directive.type,
+                quoted: false
+            }];
+        const inputsLiteral = current.inputs ? createHostDirectivesMappingArray(current.inputs) : null;
+        const outputsLiteral = current.outputs ? createHostDirectivesMappingArray(current.outputs) : null;
+        if (inputsLiteral) {
+            keys.push({ key: 'inputs', value: inputsLiteral, quoted: false });
+        }
+        if (outputsLiteral) {
+            keys.push({ key: 'outputs', value: outputsLiteral, quoted: false });
+        }
+        return literalMap(keys);
+    });
+    // If there's a forward reference, we generate a `function() { return [{directive: HostDir}] }`,
+    // otherwise we can save some bytes by using a plain array, e.g. `[{directive: HostDir}]`.
+    return literalArr(expressions);
+}
 
 /**
  * @license
@@ -22220,7 +22339,7 @@ const MINIMUM_PARTIAL_LINKER_VERSION$4 = '12.0.0';
 function compileDeclareFactoryFunction(meta) {
     const definitionMap = new DefinitionMap();
     definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION$4));
-    definitionMap.set('version', literal('14.2.0'));
+    definitionMap.set('version', literal('15.0.0-next.1'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     definitionMap.set('type', meta.internalType);
     definitionMap.set('deps', compileDependencies(meta.deps));
@@ -22262,7 +22381,7 @@ function compileDeclareInjectableFromMetadata(meta) {
 function createInjectableDefinitionMap(meta) {
     const definitionMap = new DefinitionMap();
     definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION$3));
-    definitionMap.set('version', literal('14.2.0'));
+    definitionMap.set('version', literal('15.0.0-next.1'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     definitionMap.set('type', meta.internalType);
     // Only generate providedIn property if it has a non-null value
@@ -22320,7 +22439,7 @@ function compileDeclareInjectorFromMetadata(meta) {
 function createInjectorDefinitionMap(meta) {
     const definitionMap = new DefinitionMap();
     definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION$2));
-    definitionMap.set('version', literal('14.2.0'));
+    definitionMap.set('version', literal('15.0.0-next.1'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     definitionMap.set('type', meta.internalType);
     definitionMap.set('providers', meta.providers);
@@ -22357,7 +22476,7 @@ function compileDeclareNgModuleFromMetadata(meta) {
 function createNgModuleDefinitionMap(meta) {
     const definitionMap = new DefinitionMap();
     definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION$1));
-    definitionMap.set('version', literal('14.2.0'));
+    definitionMap.set('version', literal('15.0.0-next.1'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     definitionMap.set('type', meta.internalType);
     // We only generate the keys in the metadata if the arrays contain values.
@@ -22415,7 +22534,7 @@ function compileDeclarePipeFromMetadata(meta) {
 function createPipeDefinitionMap(meta) {
     const definitionMap = new DefinitionMap();
     definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION));
-    definitionMap.set('version', literal('14.2.0'));
+    definitionMap.set('version', literal('15.0.0-next.1'));
     definitionMap.set('ngImport', importExpr(Identifiers.core));
     // e.g. `type: MyPipe`
     definitionMap.set('type', meta.internalType);