style: fix code style in several files (#31295)

These files have not been formatted properly, due to issues in the
`gulp format*` tasks. See previous commits (or #31295) for more details.

PR Close #31295

packages/bazel/src/schematics/ng-new/schema.d.ts

@@ -95,16 +95,16 @@ export interface CommitObject {
 * The file extension or preprocessor to use for style files.
 */
 export declare enum Style {
-  Css = "css",
+  Css = 'css',
-  Sass = "sass",
+  Sass = 'sass',
-  Scss = "scss",
+  Scss = 'scss',
 }
 /**
 * The view encapsulation strategy to use in the initial project.
 */
 export declare enum ViewEncapsulation {
-  Emulated = "Emulated",
+  Emulated = 'Emulated',
-  Native = "Native",
+  Native = 'Native',
-  None = "None",
+  None = 'None',
-  ShadowDom = "ShadowDom"
+  ShadowDom = 'ShadowDom'
 }

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

@@ -458,10 +458,7 @@ export class TemplateDefinitionBuilder implements t.Visitor<void>, LocalResolver
     if (bindings.size) {
       const chainBindings: ChainableBindingInstruction[] = [];
       bindings.forEach(binding => {
-        chainBindings.push({
+        chainBindings.push({sourceSpan: span, value: () => this.convertPropertyBinding(binding)});
-          sourceSpan: span,
-          value: () => this.convertPropertyBinding(binding)
-        });
       });
       this.updateInstructionChain(index, R3.i18nExp, chainBindings);
       this.updateInstruction(index, span, R3.i18nApply, [o.literal(index)]);
@@ -779,8 +776,11 @@ export class TemplateDefinitionBuilder implements t.Visitor<void>, LocalResolver
             } else {
               // [prop]="value"
               // Collect all the properties so that we can chain into a single function at the end.
-              propertyBindings.push(
+              propertyBindings.push({
-                  {name: attrName, sourceSpan: input.sourceSpan, value: () => this.convertPropertyBinding(value), params});
+                name: attrName,
+                sourceSpan: input.sourceSpan,
+                value: () => this.convertPropertyBinding(value), params
+              });
             }
           } else if (inputType === BindingType.Attribute) {
             if (value instanceof Interpolation && getInterpolationArgsLength(value) > 1) {
@@ -1038,8 +1038,11 @@ export class TemplateDefinitionBuilder implements t.Visitor<void>, LocalResolver
 
         if (value !== undefined) {
           this.allocateBindingSlots(value);
-          propertyBindings.push(
+          propertyBindings.push({
-              {name: input.name, sourceSpan: input.sourceSpan, value: () => this.convertPropertyBinding(value)});
+            name: input.name,
+            sourceSpan: input.sourceSpan,
+            value: () => this.convertPropertyBinding(value)
+          });
         }
       }
     });

packages/core/src/metadata/directives.ts

@@ -174,7 +174,9 @@ export interface Directive {
    *
    * @Component({
    *   selector: 'main',
-   *   template: ` {{ bankName }} <child-dir (bankNameChange)="onBankNameChange($event)"></child-dir>`
+   *   template: `
+   *     {{ bankName }} <child-dir (bankNameChange)="onBankNameChange($event)"></child-dir>
+   *   `
    * })
    * class MainComponent {
    *  bankName: string;

packages/core/src/render3/i18n.ts

@@ -7,16 +7,18 @@
  */
 
 import '../util/ng_i18n_closure_mode';
+
 import {getPluralCase} from '../i18n/localization';
 import {SRCSET_ATTRS, URI_ATTRS, VALID_ATTRS, VALID_ELEMENTS, getTemplateContent} from '../sanitization/html_sanitizer';
 import {InertBodyHelper} from '../sanitization/inert_body';
 import {_sanitizeUrl, sanitizeSrcset} from '../sanitization/url_sanitizer';
 import {addAllToArray} from '../util/array_utils';
 import {assertDataInRange, assertDefined, assertEqual, assertGreaterThan} from '../util/assert';
+
 import {attachPatchData} from './context_discovery';
 import {bind, setDelayProjection, ɵɵload} from './instructions/all';
 import {attachI18nOpCodesDebug} from './instructions/lview_debug';
-import {allocExpando, elementAttributeInternal, elementPropertyInternal, getOrCreateTNode, setInputsForProperty, textBindingInternal, TsickleIssue1009} from './instructions/shared';
+import {TsickleIssue1009, allocExpando, elementAttributeInternal, elementPropertyInternal, getOrCreateTNode, setInputsForProperty, textBindingInternal} from './instructions/shared';
 import {LContainer, NATIVE} from './interfaces/container';
 import {COMMENT_MARKER, ELEMENT_MARKER, I18nMutateOpCode, I18nMutateOpCodes, I18nUpdateOpCode, I18nUpdateOpCodes, IcuType, TI18n, TIcu} from './interfaces/i18n';
 import {TElementNode, TIcuContainerNode, TNode, TNodeFlags, TNodeType, TProjectionNode} from './interfaces/node';

packages/core/src/render3/node_manipulation.ts

@@ -771,8 +771,8 @@ function executeActionOnView(
 }
 
 /**
- * `executeActionOnProjection` performs an operation on the projection specified by `action` (insert,
+ * `executeActionOnProjection` performs an operation on the projection specified by `action`
- * detach, destroy)
+ * (insert, detach, destroy).
  *
  * Inserting a projection requires us to locate the projected nodes from the parent component. The
  * complication is that those nodes themselves could be re-projected from their parent component.
@@ -844,8 +844,8 @@ function executeActionOnContainer(
 
 
 /**
- * `executeActionOnElementContainer` performs an operation on the ng-container node and its child nodes
+ * `executeActionOnElementContainer` performs an operation on the ng-container node and its child
- * as specified by the `action` (insert, detach, destroy)
+ * nodes as specified by the `action` (insert, detach, destroy).
  *
  * @param renderer Renderer to use
  * @param action action to perform (insert, detach, destroy)