@angular/language-service 12.2.0 → 12.2.4

package/bundles/ivy.js

@@ -1,5 +1,5 @@
 /**
- * @license Angular v12.2.0
+ * @license Angular v12.2.4
  * Copyright Google LLC All Rights Reserved.
  * License: MIT
  */
@@ -455,7 +455,7 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
             return [null, elementName];
         }
         const colonIndex = elementName.indexOf(':', 1);
-        if (colonIndex == -1) {
+        if (colonIndex === -1) {
             throw new Error(`Unsupported format "${elementName}" expecting ":namespace:name"`);
         }
         return [elementName.slice(1, colonIndex), elementName.slice(colonIndex + 1)];
@@ -506,7 +506,7 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
         }
         getContentType(prefix) {
             if (typeof this.contentType === 'object') {
-                const overrideType = prefix == null ? undefined : this.contentType[prefix];
+                const overrideType = prefix === undefined ? undefined : this.contentType[prefix];
                 return overrideType !== null && overrideType !== void 0 ? overrideType : this.contentType.default;
             }
             return this.contentType;
@@ -2871,11 +2871,15 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
     class RecursiveVisitor {
         visitElement(element) {
             visitAll(this, element.attributes);
+            visitAll(this, element.inputs);
+            visitAll(this, element.outputs);
             visitAll(this, element.children);
             visitAll(this, element.references);
         }
         visitTemplate(template) {
             visitAll(this, template.attributes);
+            visitAll(this, template.inputs);
+            visitAll(this, template.outputs);
             visitAll(this, template.children);
             visitAll(this, template.references);
             visitAll(this, template.variables);
@@ -4736,13 +4740,6 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
         return shouldForwardDeclare ? fn([], [new ReturnStatement(values)]) : values;
     }
 
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
     var R3FactoryDelegateType;
     (function (R3FactoryDelegateType) {
         R3FactoryDelegateType[R3FactoryDelegateType["Class"] = 0] = "Class";
@@ -5141,8 +5138,249 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
      * 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
      */
-    function sanitizeIdentifier(name) {
-        return name.replace(/\W/g, '_');
+    const $EOF = 0;
+    const $BSPACE = 8;
+    const $TAB = 9;
+    const $LF = 10;
+    const $VTAB = 11;
+    const $FF = 12;
+    const $CR = 13;
+    const $SPACE = 32;
+    const $BANG = 33;
+    const $DQ = 34;
+    const $HASH = 35;
+    const $$ = 36;
+    const $PERCENT = 37;
+    const $AMPERSAND = 38;
+    const $SQ = 39;
+    const $LPAREN = 40;
+    const $RPAREN = 41;
+    const $STAR = 42;
+    const $PLUS = 43;
+    const $COMMA = 44;
+    const $MINUS = 45;
+    const $PERIOD = 46;
+    const $SLASH = 47;
+    const $COLON = 58;
+    const $SEMICOLON = 59;
+    const $LT = 60;
+    const $EQ = 61;
+    const $GT = 62;
+    const $QUESTION = 63;
+    const $0 = 48;
+    const $7 = 55;
+    const $9 = 57;
+    const $A = 65;
+    const $E = 69;
+    const $F = 70;
+    const $X = 88;
+    const $Z = 90;
+    const $LBRACKET = 91;
+    const $BACKSLASH = 92;
+    const $RBRACKET = 93;
+    const $CARET = 94;
+    const $_ = 95;
+    const $a = 97;
+    const $b = 98;
+    const $e = 101;
+    const $f = 102;
+    const $n = 110;
+    const $r = 114;
+    const $t = 116;
+    const $u = 117;
+    const $v = 118;
+    const $x = 120;
+    const $z = 122;
+    const $LBRACE = 123;
+    const $BAR = 124;
+    const $RBRACE = 125;
+    const $NBSP = 160;
+    const $BT = 96;
+    function isWhitespace(code) {
+        return (code >= $TAB && code <= $SPACE) || (code == $NBSP);
+    }
+    function isDigit(code) {
+        return $0 <= code && code <= $9;
+    }
+    function isAsciiLetter(code) {
+        return code >= $a && code <= $z || code >= $A && code <= $Z;
+    }
+    function isAsciiHexDigit(code) {
+        return code >= $a && code <= $f || code >= $A && code <= $F || isDigit(code);
+    }
+    function isNewLine(code) {
+        return code === $LF || code === $CR;
+    }
+    function isOctalDigit(code) {
+        return $0 <= code && code <= $7;
+    }
+    function isQuote(code) {
+        return code === $SQ || code === $DQ || code === $BT;
+    }
+
+    /**
+     * @license
+     * Copyright Google LLC All Rights Reserved.
+     *
+     * Use of this source code is governed by an MIT-style license that can be
+     * found in the LICENSE file at https://angular.io/license
+     */
+    class ParseLocation {
+        constructor(file, offset, line, col) {
+            this.file = file;
+            this.offset = offset;
+            this.line = line;
+            this.col = col;
+        }
+        toString() {
+            return this.offset != null ? `${this.file.url}@${this.line}:${this.col}` : this.file.url;
+        }
+        moveBy(delta) {
+            const source = this.file.content;
+            const len = source.length;
+            let offset = this.offset;
+            let line = this.line;
+            let col = this.col;
+            while (offset > 0 && delta < 0) {
+                offset--;
+                delta++;
+                const ch = source.charCodeAt(offset);
+                if (ch == $LF) {
+                    line--;
+                    const priorLine = source.substr(0, offset - 1).lastIndexOf(String.fromCharCode($LF));
+                    col = priorLine > 0 ? offset - priorLine : offset;
+                }
+                else {
+                    col--;
+                }
+            }
+            while (offset < len && delta > 0) {
+                const ch = source.charCodeAt(offset);
+                offset++;
+                delta--;
+                if (ch == $LF) {
+                    line++;
+                    col = 0;
+                }
+                else {
+                    col++;
+                }
+            }
+            return new ParseLocation(this.file, offset, line, col);
+        }
+        // Return the source around the location
+        // Up to `maxChars` or `maxLines` on each side of the location
+        getContext(maxChars, maxLines) {
+            const content = this.file.content;
+            let startOffset = this.offset;
+            if (startOffset != null) {
+                if (startOffset > content.length - 1) {
+                    startOffset = content.length - 1;
+                }
+                let endOffset = startOffset;
+                let ctxChars = 0;
+                let ctxLines = 0;
+                while (ctxChars < maxChars && startOffset > 0) {
+                    startOffset--;
+                    ctxChars++;
+                    if (content[startOffset] == '\n') {
+                        if (++ctxLines == maxLines) {
+                            break;
+                        }
+                    }
+                }
+                ctxChars = 0;
+                ctxLines = 0;
+                while (ctxChars < maxChars && endOffset < content.length - 1) {
+                    endOffset++;
+                    ctxChars++;
+                    if (content[endOffset] == '\n') {
+                        if (++ctxLines == maxLines) {
+                            break;
+                        }
+                    }
+                }
+                return {
+                    before: content.substring(startOffset, this.offset),
+                    after: content.substring(this.offset, endOffset + 1),
+                };
+            }
+            return null;
+        }
+    }
+    class ParseSourceFile {
+        constructor(content, url) {
+            this.content = content;
+            this.url = url;
+        }
+    }
+    class ParseSourceSpan {
+        /**
+         * Create an object that holds information about spans of tokens/nodes captured during
+         * lexing/parsing of text.
+         *
+         * @param start
+         * The location of the start of the span (having skipped leading trivia).
+         * Skipping leading trivia makes source-spans more "user friendly", since things like HTML
+         * elements will appear to begin at the start of the opening tag, rather than at the start of any
+         * leading trivia, which could include newlines.
+         *
+         * @param end
+         * The location of the end of the span.
+         *
+         * @param fullStart
+         * The start of the token without skipping the leading trivia.
+         * This is used by tooling that splits tokens further, such as extracting Angular interpolations
+         * from text tokens. Such tooling creates new source-spans relative to the original token's
+         * source-span. If leading trivia characters have been skipped then the new source-spans may be
+         * incorrectly offset.
+         *
+         * @param details
+         * Additional information (such as identifier names) that should be associated with the span.
+         */
+        constructor(start, end, fullStart = start, details = null) {
+            this.start = start;
+            this.end = end;
+            this.fullStart = fullStart;
+            this.details = details;
+        }
+        toString() {
+            return this.start.file.content.substring(this.start.offset, this.end.offset);
+        }
+    }
+    var ParseErrorLevel;
+    (function (ParseErrorLevel) {
+        ParseErrorLevel[ParseErrorLevel["WARNING"] = 0] = "WARNING";
+        ParseErrorLevel[ParseErrorLevel["ERROR"] = 1] = "ERROR";
+    })(ParseErrorLevel || (ParseErrorLevel = {}));
+    class ParseError {
+        constructor(span, msg, level = ParseErrorLevel.ERROR) {
+            this.span = span;
+            this.msg = msg;
+            this.level = level;
+        }
+        contextualMessage() {
+            const ctx = this.span.start.getContext(100, 3);
+            return ctx ? `${this.msg} ("${ctx.before}[${ParseErrorLevel[this.level]} ->]${ctx.after}")` :
+                this.msg;
+        }
+        toString() {
+            const details = this.span.details ? `, ${this.span.details}` : '';
+            return `${this.contextualMessage()}: ${this.span.start}${details}`;
+        }
+    }
+    /**
+     * Generates Source Span object for a given R3 Type for JIT mode.
+     *
+     * @param kind Component or Directive.
+     * @param typeName name of the Component or Directive.
+     * @param sourceUrl reference to Component or Directive source.
+     * @returns instance of ParseSourceSpan that represent a given Component or Directive.
+     */
+    function r3JitTypeSourceSpan(kind, typeName, sourceUrl) {
+        const sourceFileName = `in ${kind} ${typeName} in ${sourceUrl}`;
+        const sourceFile = new ParseSourceFile('', sourceFileName);
+        return new ParseSourceSpan(new ParseLocation(sourceFile, -1, -1, -1), new ParseLocation(sourceFile, -1, -1, -1));
     }
     let _anonymousTypeIndex = 0;
     function identifierName(compileIdentifier) {
@@ -5172,18 +5410,8 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
         }
         return identifier;
     }
-    var CompileSummaryKind;
-    (function (CompileSummaryKind) {
-        CompileSummaryKind[CompileSummaryKind["Pipe"] = 0] = "Pipe";
-        CompileSummaryKind[CompileSummaryKind["Directive"] = 1] = "Directive";
-        CompileSummaryKind[CompileSummaryKind["NgModule"] = 2] = "NgModule";
-        CompileSummaryKind[CompileSummaryKind["Injectable"] = 3] = "Injectable";
-    })(CompileSummaryKind || (CompileSummaryKind = {}));
-    function flatten(list) {
-        return list.reduce((flat, item) => {
-            const flatItem = Array.isArray(item) ? flatten(item) : item;
-            return flat.concat(flatItem);
-        }, []);
+    function sanitizeIdentifier(name) {
+        return name.replace(/\W/g, '_');
     }
 
     /**
@@ -5639,255 +5867,6 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
         return statement.isEquivalent(literal('use strict').toStmt());
     }
 
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    const $EOF = 0;
-    const $BSPACE = 8;
-    const $TAB = 9;
-    const $LF = 10;
-    const $VTAB = 11;
-    const $FF = 12;
-    const $CR = 13;
-    const $SPACE = 32;
-    const $BANG = 33;
-    const $DQ = 34;
-    const $HASH = 35;
-    const $$ = 36;
-    const $PERCENT = 37;
-    const $AMPERSAND = 38;
-    const $SQ = 39;
-    const $LPAREN = 40;
-    const $RPAREN = 41;
-    const $STAR = 42;
-    const $PLUS = 43;
-    const $COMMA = 44;
-    const $MINUS = 45;
-    const $PERIOD = 46;
-    const $SLASH = 47;
-    const $COLON = 58;
-    const $SEMICOLON = 59;
-    const $LT = 60;
-    const $EQ = 61;
-    const $GT = 62;
-    const $QUESTION = 63;
-    const $0 = 48;
-    const $7 = 55;
-    const $9 = 57;
-    const $A = 65;
-    const $E = 69;
-    const $F = 70;
-    const $X = 88;
-    const $Z = 90;
-    const $LBRACKET = 91;
-    const $BACKSLASH = 92;
-    const $RBRACKET = 93;
-    const $CARET = 94;
-    const $_ = 95;
-    const $a = 97;
-    const $b = 98;
-    const $e = 101;
-    const $f = 102;
-    const $n = 110;
-    const $r = 114;
-    const $t = 116;
-    const $u = 117;
-    const $v = 118;
-    const $x = 120;
-    const $z = 122;
-    const $LBRACE = 123;
-    const $BAR = 124;
-    const $RBRACE = 125;
-    const $NBSP = 160;
-    const $BT = 96;
-    function isWhitespace(code) {
-        return (code >= $TAB && code <= $SPACE) || (code == $NBSP);
-    }
-    function isDigit(code) {
-        return $0 <= code && code <= $9;
-    }
-    function isAsciiLetter(code) {
-        return code >= $a && code <= $z || code >= $A && code <= $Z;
-    }
-    function isAsciiHexDigit(code) {
-        return code >= $a && code <= $f || code >= $A && code <= $F || isDigit(code);
-    }
-    function isNewLine(code) {
-        return code === $LF || code === $CR;
-    }
-    function isOctalDigit(code) {
-        return $0 <= code && code <= $7;
-    }
-
-    /**
-     * @license
-     * Copyright Google LLC All Rights Reserved.
-     *
-     * Use of this source code is governed by an MIT-style license that can be
-     * found in the LICENSE file at https://angular.io/license
-     */
-    class ParseLocation {
-        constructor(file, offset, line, col) {
-            this.file = file;
-            this.offset = offset;
-            this.line = line;
-            this.col = col;
-        }
-        toString() {
-            return this.offset != null ? `${this.file.url}@${this.line}:${this.col}` : this.file.url;
-        }
-        moveBy(delta) {
-            const source = this.file.content;
-            const len = source.length;
-            let offset = this.offset;
-            let line = this.line;
-            let col = this.col;
-            while (offset > 0 && delta < 0) {
-                offset--;
-                delta++;
-                const ch = source.charCodeAt(offset);
-                if (ch == $LF) {
-                    line--;
-                    const priorLine = source.substr(0, offset - 1).lastIndexOf(String.fromCharCode($LF));
-                    col = priorLine > 0 ? offset - priorLine : offset;
-                }
-                else {
-                    col--;
-                }
-            }
-            while (offset < len && delta > 0) {
-                const ch = source.charCodeAt(offset);
-                offset++;
-                delta--;
-                if (ch == $LF) {
-                    line++;
-                    col = 0;
-                }
-                else {
-                    col++;
-                }
-            }
-            return new ParseLocation(this.file, offset, line, col);
-        }
-        // Return the source around the location
-        // Up to `maxChars` or `maxLines` on each side of the location
-        getContext(maxChars, maxLines) {
-            const content = this.file.content;
-            let startOffset = this.offset;
-            if (startOffset != null) {
-                if (startOffset > content.length - 1) {
-                    startOffset = content.length - 1;
-                }
-                let endOffset = startOffset;
-                let ctxChars = 0;
-                let ctxLines = 0;
-                while (ctxChars < maxChars && startOffset > 0) {
-                    startOffset--;
-                    ctxChars++;
-                    if (content[startOffset] == '\n') {
-                        if (++ctxLines == maxLines) {
-                            break;
-                        }
-                    }
-                }
-                ctxChars = 0;
-                ctxLines = 0;
-                while (ctxChars < maxChars && endOffset < content.length - 1) {
-                    endOffset++;
-                    ctxChars++;
-                    if (content[endOffset] == '\n') {
-                        if (++ctxLines == maxLines) {
-                            break;
-                        }
-                    }
-                }
-                return {
-                    before: content.substring(startOffset, this.offset),
-                    after: content.substring(this.offset, endOffset + 1),
-                };
-            }
-            return null;
-        }
-    }
-    class ParseSourceFile {
-        constructor(content, url) {
-            this.content = content;
-            this.url = url;
-        }
-    }
-    class ParseSourceSpan {
-        /**
-         * Create an object that holds information about spans of tokens/nodes captured during
-         * lexing/parsing of text.
-         *
-         * @param start
-         * The location of the start of the span (having skipped leading trivia).
-         * Skipping leading trivia makes source-spans more "user friendly", since things like HTML
-         * elements will appear to begin at the start of the opening tag, rather than at the start of any
-         * leading trivia, which could include newlines.
-         *
-         * @param end
-         * The location of the end of the span.
-         *
-         * @param fullStart
-         * The start of the token without skipping the leading trivia.
-         * This is used by tooling that splits tokens further, such as extracting Angular interpolations
-         * from text tokens. Such tooling creates new source-spans relative to the original token's
-         * source-span. If leading trivia characters have been skipped then the new source-spans may be
-         * incorrectly offset.
-         *
-         * @param details
-         * Additional information (such as identifier names) that should be associated with the span.
-         */
-        constructor(start, end, fullStart = start, details = null) {
-            this.start = start;
-            this.end = end;
-            this.fullStart = fullStart;
-            this.details = details;
-        }
-        toString() {
-            return this.start.file.content.substring(this.start.offset, this.end.offset);
-        }
-    }
-    var ParseErrorLevel;
-    (function (ParseErrorLevel) {
-        ParseErrorLevel[ParseErrorLevel["WARNING"] = 0] = "WARNING";
-        ParseErrorLevel[ParseErrorLevel["ERROR"] = 1] = "ERROR";
-    })(ParseErrorLevel || (ParseErrorLevel = {}));
-    class ParseError {
-        constructor(span, msg, level = ParseErrorLevel.ERROR) {
-            this.span = span;
-            this.msg = msg;
-            this.level = level;
-        }
-        contextualMessage() {
-            const ctx = this.span.start.getContext(100, 3);
-            return ctx ? `${this.msg} ("${ctx.before}[${ParseErrorLevel[this.level]} ->]${ctx.after}")` :
-                this.msg;
-        }
-        toString() {
-            const details = this.span.details ? `, ${this.span.details}` : '';
-            return `${this.contextualMessage()}: ${this.span.start}${details}`;
-        }
-    }
-    /**
-     * Generates Source Span object for a given R3 Type for JIT mode.
-     *
-     * @param kind Component or Directive.
-     * @param typeName name of the Component or Directive.
-     * @param sourceUrl reference to Component or Directive source.
-     * @returns instance of ParseSourceSpan that represent a given Component or Directive.
-     */
-    function r3JitTypeSourceSpan(kind, typeName, sourceUrl) {
-        const sourceFileName = `in ${kind} ${typeName} in ${sourceUrl}`;
-        const sourceFile = new ParseSourceFile('', sourceFileName);
-        return new ParseSourceSpan(new ParseLocation(sourceFile, -1, -1, -1), new ParseLocation(sourceFile, -1, -1, -1));
-    }
-
     /**
      * @license
      * Copyright Google LLC All Rights Reserved.
@@ -8629,6 +8608,27 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
         }
     }
 
+    /**
+     * @license
+     * Copyright Google LLC All Rights Reserved.
+     *
+     * Use of this source code is governed by an MIT-style license that can be
+     * found in the LICENSE file at https://angular.io/license
+     */
+    var CompileSummaryKind;
+    (function (CompileSummaryKind) {
+        CompileSummaryKind[CompileSummaryKind["Pipe"] = 0] = "Pipe";
+        CompileSummaryKind[CompileSummaryKind["Directive"] = 1] = "Directive";
+        CompileSummaryKind[CompileSummaryKind["NgModule"] = 2] = "NgModule";
+        CompileSummaryKind[CompileSummaryKind["Injectable"] = 3] = "Injectable";
+    })(CompileSummaryKind || (CompileSummaryKind = {}));
+    function flatten(list) {
+        return list.reduce((flat, item) => {
+            const flatItem = Array.isArray(item) ? flatten(item) : item;
+            return flat.concat(flatItem);
+        }, []);
+    }
+
     /**
      * @license
      * Copyright Google LLC All Rights Reserved.
@@ -11540,16 +11540,16 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
             (code < $0 || code > $9);
     }
     function isDigitEntityEnd(code) {
-        return code == $SEMICOLON || code == $EOF || !isAsciiHexDigit(code);
+        return code === $SEMICOLON || code === $EOF || !isAsciiHexDigit(code);
     }
     function isNamedEntityEnd(code) {
-        return code == $SEMICOLON || code == $EOF || !isAsciiLetter(code);
+        return code === $SEMICOLON || code === $EOF || !isAsciiLetter(code);
     }
     function isExpansionCaseStart(peek) {
         return peek !== $RBRACE;
     }
     function compareCharCodeCaseInsensitive(code1, code2) {
-        return toUpperCaseCharCode(code1) == toUpperCaseCharCode(code2);
+        return toUpperCaseCharCode(code1) === toUpperCaseCharCode(code2);
     }
     function toUpperCaseCharCode(code) {
         return code >= $a && code <= $z ? code - $a + $A : code;
@@ -11559,7 +11559,7 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
         let lastDstToken = undefined;
         for (let i = 0; i < srcTokens.length; i++) {
             const token = srcTokens[i];
-            if (lastDstToken && lastDstToken.type == TokenType.TEXT && token.type == TokenType.TEXT) {
+            if (lastDstToken && lastDstToken.type === TokenType.TEXT && token.type === TokenType.TEXT) {
                 lastDstToken.parts[0] += token.parts[0];
                 lastDstToken.sourceSpan.end = token.sourceSpan.end;
             }
@@ -11963,7 +11963,7 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
                 if (this._peek.type === TokenType.EXPANSION_CASE_EXP_END) {
                     if (lastOnStack(expansionFormStack, TokenType.EXPANSION_CASE_EXP_START)) {
                         expansionFormStack.pop();
-                        if (expansionFormStack.length == 0)
+                        if (expansionFormStack.length === 0)
                             return exp;
                     }
                     else {
@@ -11989,9 +11989,9 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
         }
         _consumeText(token) {
             let text = token.parts[0];
-            if (text.length > 0 && text[0] == '\n') {
+            if (text.length > 0 && text[0] === '\n') {
                 const parent = this._getParentElement();
-                if (parent != null && parent.children.length == 0 &&
+                if (parent != null && parent.children.length === 0 &&
                     this.getTagDefinition(parent.name).ignoreFirstLf) {
                     text = text.substring(1);
                 }
@@ -12074,7 +12074,7 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
             let unexpectedCloseTagDetected = false;
             for (let stackIndex = this._elementStack.length - 1; stackIndex >= 0; stackIndex--) {
                 const el = this._elementStack[stackIndex];
-                if (el.name == fullName) {
+                if (el.name === fullName) {
                     // Record the parse span with the element that is being closed. Any elements that are
                     // removed from the element stack at this point are closed implicitly, so they won't get
                     // an end source span (as there is no explicit closing element).
@@ -13866,9 +13866,6 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
     function isExponentSign(code) {
         return code == $MINUS || code == $PLUS;
     }
-    function isQuote(code) {
-        return code === $SQ || code === $DQ || code === $BT;
-    }
     function unescape(code) {
         switch (code) {
             case $n:
@@ -19941,7 +19938,7 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
      * 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$1 = new Version('12.2.0');
+    const VERSION$1 = new Version('12.2.4');
 
     /**
      * @license
@@ -20580,7 +20577,7 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
     function compileDeclareClassMetadata(metadata) {
         const definitionMap = new DefinitionMap();
         definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION));
-        definitionMap.set('version', literal('12.2.0'));
+        definitionMap.set('version', literal('12.2.4'));
         definitionMap.set('ngImport', importExpr(Identifiers.core));
         definitionMap.set('type', metadata.type);
         definitionMap.set('decorators', metadata.decorators);
@@ -20620,7 +20617,7 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
     function createDirectiveDefinitionMap(meta) {
         const definitionMap = new DefinitionMap();
         definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION$1));
-        definitionMap.set('version', literal('12.2.0'));
+        definitionMap.set('version', literal('12.2.4'));
         // e.g. `type: MyDirective`
         definitionMap.set('type', meta.internalType);
         // e.g. `selector: 'some-dir'`
@@ -20837,7 +20834,7 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
     function compileDeclareFactoryFunction(meta) {
         const definitionMap = new DefinitionMap();
         definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION$2));
-        definitionMap.set('version', literal('12.2.0'));
+        definitionMap.set('version', literal('12.2.4'));
         definitionMap.set('ngImport', importExpr(Identifiers.core));
         definitionMap.set('type', meta.internalType);
         definitionMap.set('deps', compileDependencies(meta.deps));
@@ -20879,7 +20876,7 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
     function createInjectableDefinitionMap(meta) {
         const definitionMap = new DefinitionMap();
         definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION$3));
-        definitionMap.set('version', literal('12.2.0'));
+        definitionMap.set('version', literal('12.2.4'));
         definitionMap.set('ngImport', importExpr(Identifiers.core));
         definitionMap.set('type', meta.internalType);
         // Only generate providedIn property if it has a non-null value
@@ -20958,7 +20955,7 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
     function createInjectorDefinitionMap(meta) {
         const definitionMap = new DefinitionMap();
         definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION$4));
-        definitionMap.set('version', literal('12.2.0'));
+        definitionMap.set('version', literal('12.2.4'));
         definitionMap.set('ngImport', importExpr(Identifiers.core));
         definitionMap.set('type', meta.internalType);
         definitionMap.set('providers', meta.providers);
@@ -20995,7 +20992,7 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
     function createNgModuleDefinitionMap(meta) {
         const definitionMap = new DefinitionMap();
         definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION$5));
-        definitionMap.set('version', literal('12.2.0'));
+        definitionMap.set('version', literal('12.2.4'));
         definitionMap.set('ngImport', importExpr(Identifiers.core));
         definitionMap.set('type', meta.internalType);
         // We only generate the keys in the metadata if the arrays contain values.
@@ -21053,7 +21050,7 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
     function createPipeDefinitionMap(meta) {
         const definitionMap = new DefinitionMap();
         definitionMap.set('minVersion', literal(MINIMUM_PARTIAL_LINKER_VERSION$6));
-        definitionMap.set('version', literal('12.2.0'));
+        definitionMap.set('version', literal('12.2.4'));
         definitionMap.set('ngImport', importExpr(Identifiers.core));
         // e.g. `type: MyPipe`
         definitionMap.set('type', meta.internalType);
@@ -21085,7 +21082,7 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
      * 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$2 = new Version('12.2.0');
+    const VERSION$2 = new Version('12.2.4');
 
     /**
      * @license
@@ -21288,6 +21285,24 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
          * in which the input and output are going to different places.
          */
         ErrorCode[ErrorCode["SPLIT_TWO_WAY_BINDING"] = 8007] = "SPLIT_TWO_WAY_BINDING";
+        /**
+         * A two way binding in a template has an incorrect syntax,
+         * parentheses outside brackets. For example:
+         *
+         * ```
+         * <div ([foo])="bar" />
+         * ```
+         */
+        ErrorCode[ErrorCode["INVALID_BANANA_IN_BOX"] = 8101] = "INVALID_BANANA_IN_BOX";
+        /**
+         * The left side of a nullish coalescing operation is not nullable.
+         *
+         * ```
+         * {{ foo ?? bar }}
+         * ```
+         * When the type of foo doesn't include `null` or `undefined`.
+         */
+        ErrorCode[ErrorCode["NULLISH_COALESCING_NOT_NULLABLE"] = 8102] = "NULLISH_COALESCING_NOT_NULLABLE";
         /**
          * The template type-checking engine would need to generate an inline type check block for a
          * component, but the current type-checking environment doesn't support it.
@@ -26540,6 +26555,26 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
                 }
             }
         }
+        extendedTemplateCheck(sf, extendedTemplateChecker) {
+            const classes = this.fileToClasses.get(sf);
+            if (classes === undefined) {
+                return [];
+            }
+            const diagnostics = [];
+            for (const clazz of classes) {
+                if (!isNamedClassDeclaration(clazz)) {
+                    continue;
+                }
+                const record = this.classes.get(clazz);
+                for (const trait of record.traits) {
+                    if (trait.handler.extendedTemplateCheck === undefined) {
+                        continue;
+                    }
+                    diagnostics.push(...trait.handler.extendedTemplateCheck(clazz, extendedTemplateChecker));
+                }
+            }
+            return diagnostics;
+        }
         index(ctx) {
             for (const clazz of this.classes.keys()) {
                 const record = this.classes.get(clazz);
@@ -30547,6 +30582,9 @@ Either add the @Injectable() decorator to '${provider.node.name
             const binder = new R3TargetBinder(scope.matcher);
             ctx.addTemplate(new Reference$1(node), binder, meta.template.diagNodes, scope.pipes, scope.schemas, meta.template.sourceMapping, meta.template.file, meta.template.errors);
         }
+        extendedTemplateCheck(component, extendedTemplateChecker) {
+            return extendedTemplateChecker.getDiagnosticsForComponent(component);
+        }
         resolve(node, analysis, symbol) {
             if (this.semanticDepGraphUpdater !== null && analysis.baseClass instanceof Reference$1) {
                 symbol.baseClass = this.semanticDepGraphUpdater.getSymbol(analysis.baseClass.node);
@@ -39725,7 +39763,7 @@ Either add the @Injectable() decorator to '${provider.node.name
             const fileRecord = this.state.get(sfPath);
             const templateId = fileRecord.sourceManager.getTemplateId(clazz);
             const mapping = fileRecord.sourceManager.getSourceMapping(templateId);
-            return makeTemplateDiagnostic(templateId, mapping, sourceSpan, category, errorCode, message, relatedInformation);
+            return Object.assign(Object.assign({}, makeTemplateDiagnostic(templateId, mapping, sourceSpan, category, ngErrorCode(errorCode), message, relatedInformation)), { __ngCode: errorCode });
         }
         getOrCreateCompletionEngine(component) {
             if (this.completionCache.has(component)) {
@@ -40094,13 +40132,187 @@ Either add the @Injectable() decorator to '${provider.node.name
      * 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
      */
-    // This file exists as a target for g3 patches which change the Angular compiler's behavior.
-    // Separating the patched code in a separate file eliminates the possibility of conflicts with the
-    // patch diffs when making changes to the rest of the compiler codebase.
-    // In ngtsc we no longer want to compile undecorated classes with Angular features.
-    // Migrations for these patterns ran as part of `ng update` and we want to ensure
-    // that projects do not regress. See https://hackmd.io/@alx/ryfYYuvzH for more details.
-    const compileUndecoratedClassesWithAngularFeatures = false;
+    class ExtendedTemplateCheckerImpl {
+        constructor(templateTypeChecker, typeChecker, templateChecks) {
+            this.templateChecks = templateChecks;
+            this.ctx = { templateTypeChecker: templateTypeChecker, typeChecker: typeChecker };
+        }
+        getDiagnosticsForComponent(component) {
+            const template = this.ctx.templateTypeChecker.getTemplate(component);
+            // Skip checks if component has no template. This can happen if the user writes a
+            // `@Component()` but doesn't add the template, could happen in the language service
+            // when users are in the middle of typing code.
+            if (template === null) {
+                return [];
+            }
+            const diagnostics = [];
+            for (const check of this.templateChecks) {
+                diagnostics.push(...check.run(this.ctx, component, template));
+            }
+            return diagnostics;
+        }
+    }
+
+    /**
+     * @license
+     * Copyright Google LLC All Rights Reserved.
+     *
+     * Use of this source code is governed by an MIT-style license that can be
+     * found in the LICENSE file at https://angular.io/license
+     */
+    /**
+     * This abstract class provides a base implementation for the run method.
+     */
+    class TemplateCheckWithVisitor {
+        /**
+         * Base implementation for run function, visits all nodes in template and calls
+         * `visitNode()` for each one.
+         */
+        run(ctx, component, template) {
+            const visitor = new TemplateVisitor$1(ctx, component, this);
+            return visitor.getDiagnostics(template);
+        }
+    }
+    /**
+     * Visits all nodes in a template (TmplAstNode and AST) and calls `visitNode` for each one.
+     */
+    class TemplateVisitor$1 extends RecursiveAstVisitor {
+        constructor(ctx, component, check) {
+            super();
+            this.ctx = ctx;
+            this.component = component;
+            this.check = check;
+            this.diagnostics = [];
+        }
+        visit(node, context) {
+            this.diagnostics.push(...this.check.visitNode(this.ctx, this.component, node));
+            node.visit(this);
+        }
+        visitAllNodes(nodes) {
+            for (const node of nodes) {
+                this.visit(node);
+            }
+        }
+        visitAst(ast) {
+            if (ast instanceof ASTWithSource) {
+                ast = ast.ast;
+            }
+            this.visit(ast);
+        }
+        visitElement(element) {
+            this.visitAllNodes(element.attributes);
+            this.visitAllNodes(element.inputs);
+            this.visitAllNodes(element.outputs);
+            this.visitAllNodes(element.references);
+            this.visitAllNodes(element.children);
+        }
+        visitTemplate(template) {
+            this.visitAllNodes(template.attributes);
+            if (template.tagName === 'ng-template') {
+                // Only visit input/outputs/templateAttrs if this isn't an inline template node
+                // generated for a structural directive (like `<div *ngIf></div>`). These nodes
+                // would be visited when the underlying element of an inline template node is processed.
+                this.visitAllNodes(template.inputs);
+                this.visitAllNodes(template.outputs);
+                this.visitAllNodes(template.templateAttrs);
+            }
+            this.visitAllNodes(template.variables);
+            this.visitAllNodes(template.references);
+            this.visitAllNodes(template.children);
+        }
+        visitContent(content) { }
+        visitVariable(variable) { }
+        visitReference(reference) { }
+        visitTextAttribute(attribute) { }
+        visitBoundAttribute(attribute) {
+            this.visitAst(attribute.value);
+        }
+        visitBoundEvent(attribute) {
+            this.visitAst(attribute.handler);
+        }
+        visitText(text) { }
+        visitBoundText(text) {
+            this.visitAst(text.value);
+        }
+        visitIcu(icu) { }
+        getDiagnostics(template) {
+            this.diagnostics = [];
+            this.visitAllNodes(template);
+            return this.diagnostics;
+        }
+    }
+
+    /**
+     * @license
+     * Copyright Google LLC All Rights Reserved.
+     *
+     * Use of this source code is governed by an MIT-style license that can be
+     * found in the LICENSE file at https://angular.io/license
+     */
+    /**
+     * Ensures the two-way binding syntax is correct.
+     * Parentheses should be inside the brackets "[()]".
+     * Will return diagnostic information when "([])" is found.
+     */
+    class InvalidBananaInBoxCheck extends TemplateCheckWithVisitor {
+        constructor() {
+            super(...arguments);
+            this.code = ErrorCode.INVALID_BANANA_IN_BOX;
+        }
+        visitNode(ctx, component, node) {
+            if (!(node instanceof BoundEvent))
+                return [];
+            const name = node.name;
+            if (!name.startsWith('[') || !name.endsWith(']'))
+                return [];
+            const boundSyntax = node.sourceSpan.toString();
+            const expectedBoundSyntax = boundSyntax.replace(`(${name})`, `[(${name.slice(1, -1)})]`);
+            const diagnostic = ctx.templateTypeChecker.makeTemplateDiagnostic(component, node.sourceSpan, ts$1.DiagnosticCategory.Warning, ErrorCode.INVALID_BANANA_IN_BOX, `In the two-way binding syntax the parentheses should be inside the brackets, ex. '${expectedBoundSyntax}'. 
+        Find more at https://angular.io/guide/two-way-binding`);
+            return [diagnostic];
+        }
+    }
+
+    /**
+     * @license
+     * Copyright Google LLC All Rights Reserved.
+     *
+     * Use of this source code is governed by an MIT-style license that can be
+     * found in the LICENSE file at https://angular.io/license
+     */
+    /**
+     * Ensures the left side of a nullish coalescing operation is nullable.
+     * Returns diagnostics for the cases where the operator is useless.
+     * This check should only be use if `strictNullChecks` is enabled,
+     * otherwise it would produce inaccurate results.
+     */
+    class NullishCoalescingNotNullableCheck extends TemplateCheckWithVisitor {
+        constructor() {
+            super(...arguments);
+            this.code = ErrorCode.NULLISH_COALESCING_NOT_NULLABLE;
+        }
+        visitNode(ctx, component, node) {
+            if (!(node instanceof Binary) || node.operation !== '??')
+                return [];
+            const symbolLeft = ctx.templateTypeChecker.getSymbolOfNode(node.left, component);
+            if (symbolLeft.kind !== SymbolKind.Expression) {
+                return [];
+            }
+            const typeLeft = symbolLeft.tsType;
+            // If the left operand's type is different from its non-nullable self, then it must
+            // contain a null or undefined so this nullish coalescing operator is useful. No diagnostic to
+            // report.
+            if (typeLeft.getNonNullableType() !== typeLeft)
+                return [];
+            const symbol = ctx.templateTypeChecker.getSymbolOfNode(node, component);
+            if (symbol.kind !== SymbolKind.Expression) {
+                return [];
+            }
+            const span = ctx.templateTypeChecker.getTemplateMappingAtShimLocation(symbol.shimLocation).span;
+            const diagnostic = ctx.templateTypeChecker.makeTemplateDiagnostic(component, span, ts$1.DiagnosticCategory.Warning, ErrorCode.NULLISH_COALESCING_NOT_NULLABLE, `The left side of this nullish coalescing operation does not include 'null' or 'undefined' in its type, therefore the '??' operator can be safely removed.`);
+            return [diagnostic];
+        }
+    }
 
     /**
      * @license
@@ -40218,6 +40430,10 @@ Either add the @Injectable() decorator to '${provider.node.name
              * with each fresh compilation.
              */
             this.delegatingPerfRecorder = new DelegatingPerfRecorder(this.perfRecorder);
+            if (this.options._extendedTemplateDiagnostics === true &&
+                this.options.strictTemplates === false) {
+                throw new Error('The \'_extendedTemplateDiagnostics\' option requires \'strictTemplates\' to also be enabled.');
+            }
             this.constructionDiagnostics.push(...this.adapter.constructionDiagnostics);
             const incompatibleTypeCheckOptionsDiagnostic = verifyCompatibleTypeCheckOptions(this.options);
             if (incompatibleTypeCheckOptionsDiagnostic !== null) {
@@ -40327,7 +40543,12 @@ Either add the @Injectable() decorator to '${provider.node.name
          * Get all Angular-related diagnostics for this compilation.
          */
         getDiagnostics() {
-            return this.addMessageTextDetails([...this.getNonTemplateDiagnostics(), ...this.getTemplateDiagnostics()]);
+            const diagnostics = [];
+            diagnostics.push(...this.getNonTemplateDiagnostics(), ...this.getTemplateDiagnostics());
+            if (this.options._extendedTemplateDiagnostics) {
+                diagnostics.push(...this.getExtendedTemplateDiagnostics());
+            }
+            return this.addMessageTextDetails(diagnostics);
         }
         /**
          * Get all Angular-related diagnostics for this compilation.
@@ -40335,10 +40556,26 @@ Either add the @Injectable() decorator to '${provider.node.name
          * If a `ts.SourceFile` is passed, only diagnostics related to that file are returned.
          */
         getDiagnosticsForFile(file, optimizeFor) {
-            return this.addMessageTextDetails([
-                ...this.getNonTemplateDiagnostics().filter(diag => diag.file === file),
-                ...this.getTemplateDiagnosticsForFile(file, optimizeFor)
-            ]);
+            const diagnostics = [];
+            diagnostics.push(...this.getNonTemplateDiagnostics().filter(diag => diag.file === file), ...this.getTemplateDiagnosticsForFile(file, optimizeFor));
+            if (this.options._extendedTemplateDiagnostics) {
+                diagnostics.push(...this.getExtendedTemplateDiagnostics(file));
+            }
+            return this.addMessageTextDetails(diagnostics);
+        }
+        /**
+         * Get all `ts.Diagnostic`s currently available that pertain to the given component.
+         */
+        getDiagnosticsForComponent(component) {
+            const compilation = this.ensureAnalyzed();
+            const ttc = compilation.templateTypeChecker;
+            const diagnostics = [];
+            diagnostics.push(...ttc.getDiagnosticsForComponent(component));
+            if (this.options._extendedTemplateDiagnostics) {
+                const extendedTemplateChecker = compilation.extendedTemplateChecker;
+                diagnostics.push(...extendedTemplateChecker.getDiagnosticsForComponent(component));
+            }
+            return this.addMessageTextDetails(diagnostics);
         }
         /**
          * Add Angular.io error guide links to diagnostics for this compilation.
@@ -40728,6 +40965,24 @@ Either add the @Injectable() decorator to '${provider.node.name
             }
             return this.nonTemplateDiagnostics;
         }
+        /**
+         * Calls the `extendedTemplateCheck` phase of the trait compiler
+         * @param sf optional parameter to get diagnostics for a certain file
+         *     or all files in the program if `sf` is undefined
+         * @returns generated extended template diagnostics
+         */
+        getExtendedTemplateDiagnostics(sf) {
+            const diagnostics = [];
+            const compilation = this.ensureAnalyzed();
+            const extendedTemplateChecker = compilation.extendedTemplateChecker;
+            if (sf !== undefined) {
+                return compilation.traitCompiler.extendedTemplateCheck(sf, extendedTemplateChecker);
+            }
+            for (const sf of this.inputProgram.getSourceFiles()) {
+                diagnostics.push(...compilation.traitCompiler.extendedTemplateCheck(sf, extendedTemplateChecker));
+            }
+            return diagnostics;
+        }
         makeCompilation() {
             const checker = this.inputProgram.getTypeChecker();
             const reflector = new TypeScriptReflectionHost(checker);
@@ -40825,7 +41080,7 @@ Either add the @Injectable() decorator to '${provider.node.name
                 // TODO(alxhub): understand why the cast here is necessary (something to do with `null`
                 // not being assignable to `unknown` when wrapped in `Readonly`).
                 // clang-format off
-                new DirectiveDecoratorHandler(reflector, evaluator, metaRegistry, scopeRegistry, metaReader, injectableRegistry, isCore, semanticDepGraphUpdater, this.closureCompilerEnabled, compileUndecoratedClassesWithAngularFeatures, this.delegatingPerfRecorder),
+                new DirectiveDecoratorHandler(reflector, evaluator, metaRegistry, scopeRegistry, metaReader, injectableRegistry, isCore, semanticDepGraphUpdater, this.closureCompilerEnabled, /** compileUndecoratedClassesWithAngularFeatures */ false, this.delegatingPerfRecorder),
                 // clang-format on
                 // Pipe handler must be before injectable handler in list so pipe factories are printed
                 // before injectable factories (so injectable factories can delegate to them)
@@ -40841,6 +41096,11 @@ Either add the @Injectable() decorator to '${provider.node.name
                 this.currentProgram = program;
             });
             const templateTypeChecker = new TemplateTypeCheckerImpl(this.inputProgram, notifyingDriver, traitCompiler, this.getTypeCheckingConfig(), refEmitter, reflector, this.adapter, this.incrementalCompilation, scopeRegistry, typeCheckScopeRegistry, this.delegatingPerfRecorder);
+            const templateChecks = [new InvalidBananaInBoxCheck()];
+            if (this.options.strictNullChecks) {
+                templateChecks.push(new NullishCoalescingNotNullableCheck());
+            }
+            const extendedTemplateChecker = new ExtendedTemplateCheckerImpl(templateTypeChecker, checker, templateChecks);
             return {
                 isCore,
                 traitCompiler,
@@ -40855,6 +41115,7 @@ Either add the @Injectable() decorator to '${provider.node.name
                 refEmitter,
                 templateTypeChecker,
                 resourceRegistry,
+                extendedTemplateChecker
             };
         }
     }
@@ -44418,7 +44679,6 @@ https://v9.angular.io/guide/template-typecheck#template-type-checking`,
         }
         getSemanticDiagnostics(fileName) {
             return this.withCompilerAndPerfTracing(PerfPhase.LsDiagnostics, (compiler) => {
-                const ttc = compiler.getTemplateTypeChecker();
                 const diagnostics = [];
                 if (isTypeScriptFile(fileName)) {
                     const program = compiler.getCurrentProgram();
@@ -44454,7 +44714,7 @@ https://v9.angular.io/guide/template-typecheck#template-type-checking`,
                     const components = compiler.getComponentsWithTemplateFile(fileName);
                     for (const component of components) {
                         if (ts.isClassDeclaration(component)) {
-                            diagnostics.push(...ttc.getDiagnosticsForComponent(component));
+                            diagnostics.push(...compiler.getDiagnosticsForComponent(component));
                         }
                     }
                 }