@angular/language-service 12.2.0-next.3 → 12.2.2

package/bundles/ivy.js

@@ -1,5 +1,5 @@
 /**
- * @license Angular v12.2.0-next.3
+ * @license Angular v12.2.2
  * 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.
@@ -8460,7 +8439,7 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
     // Support for `>>>`, `deep`, `::ng-deep` is then also deprecated and will be removed in the future.
     // see https://github.com/angular/angular/pull/17677
     const _shadowDeepSelectors = /(?:>>>)|(?:\/deep\/)|(?:::ng-deep)/g;
-    const _selectorReSuffix = '([>\\s~+\[.,{:][\\s\\S]*)?$';
+    const _selectorReSuffix = '([>\\s~+[.,{:][\\s\\S]*)?$';
     const _polyfillHostRe = /-shadowcsshost/gim;
     const _colonHostRe = /:host/gim;
     const _colonHostContextRe = /:host-context/gim;
@@ -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-next.3');
+    const VERSION$1 = new Version('12.2.2');
 
     /**
      * @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-next.3'));
+        definitionMap.set('version', literal('12.2.2'));
         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-next.3'));
+        definitionMap.set('version', literal('12.2.2'));
         // 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-next.3'));
+        definitionMap.set('version', literal('12.2.2'));
         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-next.3'));
+        definitionMap.set('version', literal('12.2.2'));
         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-next.3'));
+        definitionMap.set('version', literal('12.2.2'));
         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-next.3'));
+        definitionMap.set('version', literal('12.2.2'));
         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-next.3'));
+        definitionMap.set('version', literal('12.2.2'));
         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-next.3');
+    const VERSION$2 = new Version('12.2.2');
 
     /**
      * @license
@@ -21288,6 +21285,15 @@ 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 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.
@@ -23770,7 +23776,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
      */
-    function extractReferencesFromType(checker, def, ngModuleImportedFrom, resolutionContext) {
+    function extractReferencesFromType(checker, def, bestGuessOwningModule) {
         if (!ts$1.isTupleTypeNode(def)) {
             return [];
         }
@@ -23783,12 +23789,15 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
             if (!isNamedClassDeclaration(node)) {
                 throw new Error(`Expected named ClassDeclaration: ${nodeDebugInfo(node)}`);
             }
-            const specifier = (from !== null && !from.startsWith('.') ? from : ngModuleImportedFrom);
-            if (specifier !== null) {
-                return new Reference$1(node, { specifier, resolutionContext });
+            if (from !== null && !from.startsWith('.')) {
+                // The symbol was imported using an absolute module specifier so return a reference that
+                // uses that absolute module specifier as its best guess owning module.
+                return new Reference$1(node, { specifier: from, resolutionContext: def.getSourceFile().fileName });
             }
             else {
-                return new Reference$1(node);
+                // For local symbols or symbols that were imported using a relative module import it is
+                // assumed that the symbol is exported from the provided best guess owning module.
+                return new Reference$1(node, bestGuessOwningModule);
             }
         });
     }
@@ -23983,7 +23992,6 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
          */
         getNgModuleMetadata(ref) {
             const clazz = ref.node;
-            const resolutionContext = clazz.getSourceFile().fileName;
             // This operation is explicitly not memoized, as it depends on `ref.ownedByModuleGuess`.
             // TODO(alxhub): investigate caching of .d.ts module metadata.
             const ngModuleDef = this.reflector.getMembersOfClass(clazz).find(member => member.name === 'ɵmod' && member.isStatic);
@@ -24001,9 +24009,9 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
             const [_, declarationMetadata, importMetadata, exportMetadata] = ngModuleDef.type.typeArguments;
             return {
                 ref,
-                declarations: extractReferencesFromType(this.checker, declarationMetadata, ref.ownedByModuleGuess, resolutionContext),
-                exports: extractReferencesFromType(this.checker, exportMetadata, ref.ownedByModuleGuess, resolutionContext),
-                imports: extractReferencesFromType(this.checker, importMetadata, ref.ownedByModuleGuess, resolutionContext),
+                declarations: extractReferencesFromType(this.checker, declarationMetadata, ref.bestGuessOwningModule),
+                exports: extractReferencesFromType(this.checker, exportMetadata, ref.bestGuessOwningModule),
+                imports: extractReferencesFromType(this.checker, importMetadata, ref.bestGuessOwningModule),
                 schemas: [],
                 rawDeclarations: null,
             };
@@ -26189,6 +26197,11 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
              * Ivy traits.
              */
             this.fileToClasses = new Map();
+            /**
+             * Tracks which source files have been analyzed but did not contain any traits. This set allows
+             * the compiler to skip analyzing these files in an incremental rebuild.
+             */
+            this.filesWithoutTraits = new Set();
             this.reexportMap = new Map();
             this.handlersByName = new Map();
             for (const handler of handlers) {
@@ -26211,11 +26224,16 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
             const promises = [];
             const priorWork = this.incrementalBuild.priorAnalysisFor(sf);
             if (priorWork !== null) {
-                for (const priorRecord of priorWork) {
-                    this.adopt(priorRecord);
-                }
                 this.perf.eventCount(PerfEvent.SourceFileReuseAnalysis);
-                this.perf.eventCount(PerfEvent.TraitReuseAnalysis, priorWork.length);
+                if (priorWork.length > 0) {
+                    for (const priorRecord of priorWork) {
+                        this.adopt(priorRecord);
+                    }
+                    this.perf.eventCount(PerfEvent.TraitReuseAnalysis, priorWork.length);
+                }
+                else {
+                    this.filesWithoutTraits.add(sf);
+                }
                 // Skip the rest of analysis, as this file's prior traits are being reused.
                 return;
             }
@@ -26260,6 +26278,9 @@ define(['exports', 'typescript/lib/tsserverlibrary', 'os', 'typescript', 'fs', '
                 }
                 result.set(sf, records);
             }
+            for (const sf of this.filesWithoutTraits) {
+                result.set(sf, []);
+            }
             return result;
         }
         /**
@@ -34534,6 +34555,128 @@ Either add the @Injectable() decorator to '${provider.node.name
         SymbolKind[SymbolKind["Pipe"] = 10] = "Pipe";
     })(SymbolKind || (SymbolKind = {}));
 
+    /**
+     * @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
+     */
+    /**
+     * Constructs a `ts.Diagnostic` for a given `ParseSourceSpan` within a template.
+     */
+    function makeTemplateDiagnostic(templateId, mapping, span, category, code, messageText, relatedMessages) {
+        if (mapping.type === 'direct') {
+            let relatedInformation = undefined;
+            if (relatedMessages !== undefined) {
+                relatedInformation = [];
+                for (const relatedMessage of relatedMessages) {
+                    relatedInformation.push({
+                        category: ts$1.DiagnosticCategory.Message,
+                        code: 0,
+                        file: relatedMessage.sourceFile,
+                        start: relatedMessage.start,
+                        length: relatedMessage.end - relatedMessage.start,
+                        messageText: relatedMessage.text,
+                    });
+                }
+            }
+            // For direct mappings, the error is shown inline as ngtsc was able to pinpoint a string
+            // constant within the `@Component` decorator for the template. This allows us to map the error
+            // directly into the bytes of the source file.
+            return {
+                source: 'ngtsc',
+                code,
+                category,
+                messageText,
+                file: mapping.node.getSourceFile(),
+                componentFile: mapping.node.getSourceFile(),
+                templateId,
+                start: span.start.offset,
+                length: span.end.offset - span.start.offset,
+                relatedInformation,
+            };
+        }
+        else if (mapping.type === 'indirect' || mapping.type === 'external') {
+            // For indirect mappings (template was declared inline, but ngtsc couldn't map it directly
+            // to a string constant in the decorator), the component's file name is given with a suffix
+            // indicating it's not the TS file being displayed, but a template.
+            // For external temoplates, the HTML filename is used.
+            const componentSf = mapping.componentClass.getSourceFile();
+            const componentName = mapping.componentClass.name.text;
+            // TODO(alxhub): remove cast when TS in g3 supports this narrowing.
+            const fileName = mapping.type === 'indirect' ?
+                `${componentSf.fileName} (${componentName} template)` :
+                mapping.templateUrl;
+            // TODO(alxhub): investigate creating a fake `ts.SourceFile` here instead of invoking the TS
+            // parser against the template (HTML is just really syntactically invalid TypeScript code ;).
+            // Also investigate caching the file to avoid running the parser multiple times.
+            const sf = ts$1.createSourceFile(fileName, mapping.template, ts$1.ScriptTarget.Latest, false, ts$1.ScriptKind.JSX);
+            let relatedInformation = [];
+            if (relatedMessages !== undefined) {
+                for (const relatedMessage of relatedMessages) {
+                    relatedInformation.push({
+                        category: ts$1.DiagnosticCategory.Message,
+                        code: 0,
+                        file: relatedMessage.sourceFile,
+                        start: relatedMessage.start,
+                        length: relatedMessage.end - relatedMessage.start,
+                        messageText: relatedMessage.text,
+                    });
+                }
+            }
+            relatedInformation.push({
+                category: ts$1.DiagnosticCategory.Message,
+                code: 0,
+                file: componentSf,
+                // mapping.node represents either the 'template' or 'templateUrl' expression. getStart()
+                // and getEnd() are used because they don't include surrounding whitespace.
+                start: mapping.node.getStart(),
+                length: mapping.node.getEnd() - mapping.node.getStart(),
+                messageText: `Error occurs in the template of component ${componentName}.`,
+            });
+            return {
+                source: 'ngtsc',
+                category,
+                code,
+                messageText,
+                file: sf,
+                componentFile: componentSf,
+                templateId,
+                start: span.start.offset,
+                length: span.end.offset - span.start.offset,
+                // Show a secondary message indicating the component whose template contains the error.
+                relatedInformation,
+            };
+        }
+        else {
+            throw new Error(`Unexpected source mapping type: ${mapping.type}`);
+        }
+    }
+
+    /**
+     * @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 TEMPLATE_ID = Symbol('ngTemplateId');
+    const NEXT_TEMPLATE_ID = Symbol('ngNextTemplateId');
+    function getTemplateId(clazz) {
+        const node = clazz;
+        if (node[TEMPLATE_ID] === undefined) {
+            node[TEMPLATE_ID] = allocateTemplateId(node.getSourceFile());
+        }
+        return node[TEMPLATE_ID];
+    }
+    function allocateTemplateId(sf) {
+        if (sf[NEXT_TEMPLATE_ID] === undefined) {
+            sf[NEXT_TEMPLATE_ID] = 1;
+        }
+        return (`tcb${sf[NEXT_TEMPLATE_ID]++}`);
+    }
+
     /**
      * @license
      * Copyright Google LLC All Rights Reserved.
@@ -34762,6 +34905,18 @@ Either add the @Injectable() decorator to '${provider.node.name
                     };
                 }
             }
+            if (node instanceof PropertyRead && node.receiver instanceof ImplicitReceiver) {
+                const nodeLocation = findFirstMatchingNode(this.tcb, {
+                    filter: ts$1.isPropertyAccessExpression,
+                    withSpan: node.sourceSpan,
+                });
+                if (nodeLocation) {
+                    nodeContext = {
+                        shimPath: this.shimPath,
+                        positionInShimFile: nodeLocation.getStart(),
+                    };
+                }
+            }
             return {
                 componentContext: this.componentContext,
                 templateContext,
@@ -34811,6 +34966,41 @@ Either add the @Injectable() decorator to '${provider.node.name
             this.expressionCompletionCache.set(expr, res);
             return res;
         }
+        getLiteralCompletionLocation(expr) {
+            if (this.expressionCompletionCache.has(expr)) {
+                return this.expressionCompletionCache.get(expr);
+            }
+            let tsExpr = null;
+            if (expr instanceof TextAttribute) {
+                const strNode = findFirstMatchingNode(this.tcb, {
+                    filter: ts$1.isParenthesizedExpression,
+                    withSpan: expr.sourceSpan,
+                });
+                if (strNode !== null && ts$1.isStringLiteral(strNode.expression)) {
+                    tsExpr = strNode.expression;
+                }
+            }
+            else {
+                tsExpr = findFirstMatchingNode(this.tcb, {
+                    filter: (n) => ts$1.isStringLiteral(n) || ts$1.isNumericLiteral(n),
+                    withSpan: expr.sourceSpan,
+                });
+            }
+            if (tsExpr === null) {
+                return null;
+            }
+            let positionInShimFile = tsExpr.getEnd();
+            if (ts$1.isStringLiteral(tsExpr)) {
+                // In the shimFile, if `tsExpr` is a string, the position should be in the quotes.
+                positionInShimFile -= 1;
+            }
+            const res = {
+                shimPath: this.shimPath,
+                positionInShimFile,
+            };
+            this.expressionCompletionCache.set(expr, res);
+            return res;
+        }
         /**
          * Get global completions within the given template context - either a `TmplAstTemplate` embedded
          * view, or `null` for the root context.
@@ -34841,128 +35031,6 @@ Either add the @Injectable() decorator to '${provider.node.name
         }
     }
 
-    /**
-     * @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
-     */
-    /**
-     * Constructs a `ts.Diagnostic` for a given `ParseSourceSpan` within a template.
-     */
-    function makeTemplateDiagnostic(templateId, mapping, span, category, code, messageText, relatedMessages) {
-        if (mapping.type === 'direct') {
-            let relatedInformation = undefined;
-            if (relatedMessages !== undefined) {
-                relatedInformation = [];
-                for (const relatedMessage of relatedMessages) {
-                    relatedInformation.push({
-                        category: ts$1.DiagnosticCategory.Message,
-                        code: 0,
-                        file: relatedMessage.sourceFile,
-                        start: relatedMessage.start,
-                        length: relatedMessage.end - relatedMessage.start,
-                        messageText: relatedMessage.text,
-                    });
-                }
-            }
-            // For direct mappings, the error is shown inline as ngtsc was able to pinpoint a string
-            // constant within the `@Component` decorator for the template. This allows us to map the error
-            // directly into the bytes of the source file.
-            return {
-                source: 'ngtsc',
-                code,
-                category,
-                messageText,
-                file: mapping.node.getSourceFile(),
-                componentFile: mapping.node.getSourceFile(),
-                templateId,
-                start: span.start.offset,
-                length: span.end.offset - span.start.offset,
-                relatedInformation,
-            };
-        }
-        else if (mapping.type === 'indirect' || mapping.type === 'external') {
-            // For indirect mappings (template was declared inline, but ngtsc couldn't map it directly
-            // to a string constant in the decorator), the component's file name is given with a suffix
-            // indicating it's not the TS file being displayed, but a template.
-            // For external temoplates, the HTML filename is used.
-            const componentSf = mapping.componentClass.getSourceFile();
-            const componentName = mapping.componentClass.name.text;
-            // TODO(alxhub): remove cast when TS in g3 supports this narrowing.
-            const fileName = mapping.type === 'indirect' ?
-                `${componentSf.fileName} (${componentName} template)` :
-                mapping.templateUrl;
-            // TODO(alxhub): investigate creating a fake `ts.SourceFile` here instead of invoking the TS
-            // parser against the template (HTML is just really syntactically invalid TypeScript code ;).
-            // Also investigate caching the file to avoid running the parser multiple times.
-            const sf = ts$1.createSourceFile(fileName, mapping.template, ts$1.ScriptTarget.Latest, false, ts$1.ScriptKind.JSX);
-            let relatedInformation = [];
-            if (relatedMessages !== undefined) {
-                for (const relatedMessage of relatedMessages) {
-                    relatedInformation.push({
-                        category: ts$1.DiagnosticCategory.Message,
-                        code: 0,
-                        file: relatedMessage.sourceFile,
-                        start: relatedMessage.start,
-                        length: relatedMessage.end - relatedMessage.start,
-                        messageText: relatedMessage.text,
-                    });
-                }
-            }
-            relatedInformation.push({
-                category: ts$1.DiagnosticCategory.Message,
-                code: 0,
-                file: componentSf,
-                // mapping.node represents either the 'template' or 'templateUrl' expression. getStart()
-                // and getEnd() are used because they don't include surrounding whitespace.
-                start: mapping.node.getStart(),
-                length: mapping.node.getEnd() - mapping.node.getStart(),
-                messageText: `Error occurs in the template of component ${componentName}.`,
-            });
-            return {
-                source: 'ngtsc',
-                category,
-                code,
-                messageText,
-                file: sf,
-                componentFile: componentSf,
-                templateId,
-                start: span.start.offset,
-                length: span.end.offset - span.start.offset,
-                // Show a secondary message indicating the component whose template contains the error.
-                relatedInformation,
-            };
-        }
-        else {
-            throw new Error(`Unexpected source mapping type: ${mapping.type}`);
-        }
-    }
-
-    /**
-     * @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 TEMPLATE_ID = Symbol('ngTemplateId');
-    const NEXT_TEMPLATE_ID = Symbol('ngNextTemplateId');
-    function getTemplateId(clazz) {
-        const node = clazz;
-        if (node[TEMPLATE_ID] === undefined) {
-            node[TEMPLATE_ID] = allocateTemplateId(node.getSourceFile());
-        }
-        return node[TEMPLATE_ID];
-    }
-    function allocateTemplateId(sf) {
-        if (sf[NEXT_TEMPLATE_ID] === undefined) {
-            sf[NEXT_TEMPLATE_ID] = 1;
-        }
-        return (`tcb${sf[NEXT_TEMPLATE_ID]++}`);
-    }
-
     /**
      * @license
      * Copyright Google LLC All Rights Reserved.
@@ -39637,6 +39705,13 @@ Either add the @Injectable() decorator to '${provider.node.name
             }
             return this.perf.inPhase(PerfPhase.TtcAutocompletion, () => engine.getExpressionCompletionLocation(ast));
         }
+        getLiteralCompletionLocation(node, component) {
+            const engine = this.getOrCreateCompletionEngine(component);
+            if (engine === null) {
+                return null;
+            }
+            return this.perf.inPhase(PerfPhase.TtcAutocompletion, () => engine.getLiteralCompletionLocation(node));
+        }
         invalidateClass(clazz) {
             this.completionCache.delete(clazz);
             this.symbolBuilderCache.delete(clazz);
@@ -39651,6 +39726,13 @@ Either add the @Injectable() decorator to '${provider.node.name
             fileData.isComplete = false;
             this.isComplete = false;
         }
+        makeTemplateDiagnostic(clazz, sourceSpan, category, errorCode, message, relatedInformation) {
+            const sfPath = absoluteFromSourceFile(clazz.getSourceFile());
+            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);
+        }
         getOrCreateCompletionEngine(component) {
             if (this.completionCache.has(component)) {
                 return this.completionCache.get(component);
@@ -40011,21 +40093,6 @@ Either add the @Injectable() decorator to '${provider.node.name
         }
     }
 
-    /**
-     * @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 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;
-
     /**
      * @license
      * Copyright Google LLC All Rights Reserved.
@@ -40749,7 +40816,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)
@@ -42548,10 +42615,58 @@ https://v9.angular.io/guide/template-typecheck#template-type-checking`,
             else if (this.isPipeCompletion()) {
                 return this.getPipeCompletions();
             }
+            else if (this.isLiteralCompletion()) {
+                return this.getLiteralCompletions(options);
+            }
             else {
                 return undefined;
             }
         }
+        isLiteralCompletion() {
+            return this.node instanceof LiteralPrimitive ||
+                (this.node instanceof TextAttribute &&
+                    this.nodeContext === CompletionNodeContext.ElementAttributeValue);
+        }
+        getLiteralCompletions(options) {
+            const location = this.compiler.getTemplateTypeChecker().getLiteralCompletionLocation(this.node, this.component);
+            if (location === null) {
+                return undefined;
+            }
+            const tsResults = this.tsLS.getCompletionsAtPosition(location.shimPath, location.positionInShimFile, options);
+            if (tsResults === undefined) {
+                return undefined;
+            }
+            let replacementSpan;
+            if (this.node instanceof TextAttribute && this.node.value.length > 0 && this.node.valueSpan) {
+                replacementSpan = {
+                    start: this.node.valueSpan.start.offset,
+                    length: this.node.value.length,
+                };
+            }
+            if (this.node instanceof LiteralPrimitive) {
+                if (typeof this.node.value === 'string' && this.node.value.length > 0) {
+                    replacementSpan = {
+                        // The sourceSpan of `LiteralPrimitive` includes the open quote and the completion entries
+                        // don't, so skip the open quote here.
+                        start: this.node.sourceSpan.start + 1,
+                        length: this.node.value.length,
+                    };
+                }
+                else if (typeof this.node.value === 'number') {
+                    replacementSpan = {
+                        start: this.node.sourceSpan.start,
+                        length: this.node.value.toString().length,
+                    };
+                }
+            }
+            let ngResults = [];
+            for (const result of tsResults.entries) {
+                if (this.isValidNodeContextCompletion(result)) {
+                    ngResults.push(Object.assign(Object.assign({}, result), { replacementSpan }));
+                }
+            }
+            return Object.assign(Object.assign({}, tsResults), { entries: ngResults });
+        }
         /**
          * Analogue for `ts.LanguageService.getCompletionEntryDetails`.
          */
@@ -43114,6 +43229,9 @@ https://v9.angular.io/guide/template-typecheck#template-type-checking`,
                 if (target.node instanceof BoundEvent) {
                     return CompletionNodeContext.EventValue;
                 }
+                else if (target.node instanceof TextAttribute) {
+                    return CompletionNodeContext.ElementAttributeValue;
+                }
                 else {
                     return CompletionNodeContext.None;
                 }