fix: typofixes by https://github.com/vlajos/misspell_fixer

aio/aio-builds-setup/dockerbuild/scripts-js/lib/verify-setup/nginx.e2e.ts

@@ -246,7 +246,7 @@ describe(`nginx`, () => {
 
     describe(`${host}/*`, () => {
 
-      it('should respond with 404 for unkown URLs (even if the resource exists)', done => {
+      it('should respond with 404 for unknown URLs (even if the resource exists)', done => {
         ['index.html', 'foo.js', 'foo/index.html'].forEach(relFilePath => {
           const absFilePath = path.join(h.buildsDir, relFilePath);
           h.writeFile(absFilePath, {content: `File: /${relFilePath}`});

aio/aio-builds-setup/docs/overview--security-model.md

@@ -81,7 +81,7 @@ This section describes how each of the aforementioned sub-tasks is accomplished:
 
 4. **Deploy the artifacts to the corresponding PR's directory.**
 
-   With the preceeding steps, we have verified that the uploaded artifacts have been uploaded by
+   With the preceding steps, we have verified that the uploaded artifacts have been uploaded by
    Travis and correspond to a PR whose author is a member of a trusted team. Essentially, as long as
    sub-tasks 1, 2 and 3 can be securely accomplished, it is possible to "project" the trust we have
    in a team's members through the PR and Travis to the build artifacts.

aio/content/examples/architecture/src/app/backend.service.ts

@@ -6,7 +6,7 @@ import { Hero } from './hero';
 const HEROES = [
         new Hero('Windstorm', 'Weather mastery'),
         new Hero('Mr. Nice', 'Killing them with kindness'),
-        new Hero('Magneta', 'Manipulates metalic objects')
+        new Hero('Magneta', 'Manipulates metallic objects')
       ];
 
 @Injectable()

aio/content/examples/cb-component-communication/src/app/app.module.ts

@@ -39,7 +39,7 @@ if (!/e2e/.test(location.search)) {
   directives.push(CountdownLocalVarParentComponent);
   directives.push(CountdownViewChildParentComponent);
 } else {
-  // In e2e test use CUSTOM_ELEMENTS_SCHEMA to supress unknown element errors
+  // In e2e test use CUSTOM_ELEMENTS_SCHEMA to suppress unknown element errors
   schemas.push(CUSTOM_ELEMENTS_SCHEMA);
 }
 

aio/content/examples/hierarchical-dependency-injection/plnkr.json

@@ -1,5 +1,5 @@
 {
-  "description": "Hierachical Dependency Injection",
+  "description": "Hierarchical Dependency Injection",
   "basePath": "src/",
   "files":[
     "!**/*.d.ts",

aio/content/examples/pipes/e2e-spec.ts

@@ -85,7 +85,7 @@ describe('Pipes', function () {
       return resetEle.click();
     })
     .then(function() {
-       expect(flyingHeroesEle.count()).toEqual(2, 'reset should restore orginal flying heroes');
+       expect(flyingHeroesEle.count()).toEqual(2, 'reset should restore original flying heroes');
     });
   });
 

aio/content/examples/testing/src/app/bag/bag.ts

@@ -273,7 +273,7 @@ export class InnerCompWithExternalTemplateComponent { }
 
 @Component({
   selector: 'bad-template-comp',
-  templateUrl: './non-existant.html'
+  templateUrl: './non-existent.html'
 })
 export class BadTemplateUrlComponent { }
 

aio/content/examples/testing/src/app/hero/hero-detail.component.spec.ts

@@ -227,7 +227,7 @@ function heroModuleSetup() {
   // #enddocregion route-no-id
 
   // #docregion route-bad-id
-  describe('when navigate to non-existant hero id', () => {
+  describe('when navigate to non-existent hero id', () => {
     beforeEach( async(() => {
       activatedRoute.testParams = { id: 99999 };
       createComponent();

aio/content/guide/cb-dependency-injection.md

@@ -247,7 +247,7 @@ You can limit the scope of an injected service to a *branch* of the application
 by providing that service *at the sub-root component for that branch*.
 This example shows how similar providing a service to a sub-root component is
 to providing a service in the root `AppComponent`. The syntax is the same.
-Here, the `HeroService` is availble to the `HeroesBaseComponent` because it is in the `providers` array:
+Here, the `HeroService` is available to the `HeroesBaseComponent` because it is in the `providers` array:
 
 <code-example path="cb-dependency-injection/src/app/sorted-heroes.component.ts" region="injection" title="src/app/sorted-heroes.component.ts (HeroesBaseComponent excerpt)">
 

aio/content/guide/cli-quickstart.md

@@ -705,7 +705,7 @@ These files go in the root folder next to `src/`.
     <td>
 
 
-      Git configuration to make sure autogenerated files are not commited to source control.
+      Git configuration to make sure autogenerated files are not committed to source control.
     </td>
 
   </tr>

aio/content/guide/displaying-data.md

@@ -337,7 +337,7 @@ Read more about `ngIf` and `*` in the [ngIf section](guide/template-syntax#ngIf)
 
 
 The template expression inside the double quotes,
-`*ngIf="heros.length > 3"`, looks and behaves much like TypeScript.
+`*ngIf="heroes.length > 3"`, looks and behaves much like TypeScript.
 When the component's list of heroes has more than three items, Angular adds the paragraph
 to the DOM and the message appears. If there are three or fewer items, Angular omits the
 paragraph, so no message appears. For more information,

aio/content/guide/form-validation.md

@@ -212,7 +212,7 @@ on custom validation directives.
 
 * The `#name` template variable is gone because the app no longer refers to the Angular control for this element.
 
-* Binding to the new `formErrors.name` property is sufficent to display all name validation error messages.
+* Binding to the new `formErrors.name` property is sufficient to display all name validation error messages.
 
 
 {@a component-class}

aio/content/guide/i18n.md

@@ -66,7 +66,7 @@ into multiple languages.
 
 
 Practitioners of _internationalization_ refer to a translatable text as a "_message_".
-This page uses the words "_text_" and "_message_" interchangably and in the combination, "_text message_".
+This page uses the words "_text_" and "_message_" interchangeably and in the combination, "_text message_".
 
 
 </div>

aio/content/guide/reactive-forms.md

@@ -642,7 +642,7 @@ If you do not bind the value, the select shows the first option from the data mo
 The component _class_ defines control properties without regard for their representation in the template.
 You define the `state`, `power`, and `sidekick` controls the same way you defined the `name` control.
 You tie these controls to the template HTML elements in the same way, 
-specifiying the `FormControl` name with the `formControlName` directive. 
+specifying the `FormControl` name with the `formControlName` directive. 
 
 See the API reference for more information about 
 [radio buttons](api/forms/index/RadioControlValueAccessor-directive "API: RadioControlValueAccessor"), 
@@ -1248,7 +1248,7 @@ Place a button on the form so the user can add a new _secret lair_ and wire it t
 
 Be sure to **add the `type="button"` attribute**. 
 In fact, you should always specify a button's `type`.
-Without an explict type, the button type defaults to "submit".
+Without an explicit type, the button type defaults to "submit".
 When you later add a _form submit_ action, every "submit" button triggers the submit action which
 might do something like save the current changes.
 You do not want to save changes when the user clicks the _Add a Secret Lair_ button.

aio/content/guide/setup-systemjs-anatomy.md

@@ -207,7 +207,7 @@ If you do, this page can help you understand their purpose.
 
 
       A list of files that you can delete if you want to purge your setup of the
-      original QuickStart Seed testing and git maintainence artifacts.
+      original QuickStart Seed testing and git maintenance artifacts.
       See instructions in the optional
       [_Deleting non-essential files_](guide/setup#non-essential "Setup: Deleting non-essential files") section.
       *Do this only in the beginning to avoid accidentally deleting your own tests and git setup!*

aio/content/guide/style-guide.md

@@ -3114,7 +3114,7 @@ that may need features from another common module; for example,
 
 
 
-**Why?** A lazy loaded feature module that imports that shared module will make its own copy of the service and likely have undesireable results.
+**Why?** A lazy loaded feature module that imports that shared module will make its own copy of the service and likely have undesirable results.
 
 
 </div>
@@ -3363,7 +3363,7 @@ Yet they're too big and messy to leave loose in the root folder.
 
 
 
-**Why?** A lazily loaded feature module that directly imports the `CoreModule` will make its own copy of services and likely have undesireable results.
+**Why?** A lazily loaded feature module that directly imports the `CoreModule` will make its own copy of services and likely have undesirable results.
 
 
 </div>

aio/content/guide/template-syntax.md

@@ -1889,7 +1889,7 @@ _This_ section is an introduction to the common structural directives:
 ### NgIf
 
 You can add or remove an element from the DOM by applying an `NgIf` directive to
-that element (called the _host elment_).
+that element (called the _host element_).
 Bind the directive to a condition expression like `isActive` in this example.
 
 

aio/content/guide/ts-to-js.md

@@ -617,8 +617,8 @@ In _TypeScript_ and _ES6-with-decorators_, you precede the class constructor par
 by calling the `@Inject()` decorator with the injection token.
 In the following example, the token is the string `'heroName'`.
 
-The other JavaScript dialects add a `parameters` array to the class contructor function.
-Each item constains a new instance of `Inject`:
+The other JavaScript dialects add a `parameters` array to the class constructor function.
+Each item contains a new instance of `Inject`:
 
 * _plain ES6_ — each item is a new instance of `Inject(token)` in a sub-array.
 

aio/src/styles/2-modules/_announcement-bar.scss

@@ -1,5 +1,5 @@
 /* Announcment Bar Module */
-/* A module displaying time senstive announcemnts */
+/* A module displaying time sensitive announcemnts */
 
 
 /* VARIABLES */

aio/src/styles/2-modules/_hero.scss

@@ -80,7 +80,7 @@
     //   height: auto;
     // }
 
-    // LARGE SHEILD LOGO
+    // LARGE SHIELD LOGO
     .hero-logo {
       filter: drop-shadow(0 2px 2px rgba($black, 0.24));
       margin-bottom: 8px;

aio/src/styles/_mixins.scss

@@ -2,7 +2,7 @@
 
              Media queries
 
- To use these, put this snippet in the approriate selector:
+ To use these, put this snippet in the appropriate selector:
 
      @include bp(tiny) {
          background-color: purple;

aio/tools/transforms/angular.io-package/processors/addNotYetDocumentedProperty.spec.js

@@ -101,7 +101,7 @@ describe('addNotYetDocumentedProperty', function() {
   });
 
 
-  it('should not mark documents explicity tagged as `@noDescription`', function() {
+  it('should not mark documents explicitly tagged as `@noDescription`', function() {
     var a, a1, a2, b, b1, b2, c, c1, c2;
     var docs = [
       a = {

aio/tools/transforms/angular.io-package/rendering/indentForMarkdown.js

@@ -21,7 +21,7 @@ module.exports = function() {
             if (newLines.length > 0) {
               newLines.pop();
             } else {
-              // wierd case - first expression in str is an @example
+              // weird case - first expression in str is an @example
               // in this case the :marked appear above the str passed in,
               // so we need to put 'something' into the markdown tag.
               newLines.push(sp + '.');  // '.' is a dummy char

docs/TOOLS.md

@@ -45,7 +45,7 @@ computing the changes being slow, or due to the act of applying those changes
 to the UI. For your application to be performant it is important that the
 process of computing changes is very fast. For best results it should be under
 3 milliseconds in order to leave room for the application logic, the UI updates
-and browser's rendering pipeline to fit withing the 16 millisecond frame
+and browser's rendering pipeline to fit within the 16 millisecond frame
 (assuming the 60 FPS target frame rate).
 
 Change detection profiler repeatedly performs change detection without invoking

integration/language_service_plugin/package.json

@@ -2,7 +2,7 @@
   "name": "language_service_plugin",
   "version": "0.0.0",
   "license": "MIT",
-  "decription": "Angular Langauge Service plugin integration test",
+  "decription": "Angular Language Service plugin integration test",
   "dependencies": {
     "@angular/animations": "file:../../dist/packages-dist/animations",
     "@angular/common": "file:../../dist/packages-dist/common",

packages/animations/browser/test/engine/dom_animation_engine_spec.ts

@@ -195,7 +195,7 @@ export function main() {
                 /Unable to listen on the animation trigger "myTrigger" because the provided event is undefined!/);
       });
 
-      it('should retain event listeners and call them for sucessive animation state changes',
+      it('should retain event listeners and call them for successive animation state changes',
          () => {
            const engine = makeEngine();
            const trig = trigger(
@@ -271,7 +271,7 @@ export function main() {
             [transition(
                 '* => *', [style({height: '0px'}), animate(1234, style({height: '100px'}))])]));
 
-        // we do this so that the next transition has a starting value that isnt null
+        // we do this so that the next transition has a starting value that isn't null
         engine.setProperty(element, 'myTrigger', '123');
         engine.flush();
 

packages/benchpress/src/webdriver/chrome_driver_extension.ts

@@ -110,7 +110,7 @@ export class ChromeDriverExtension extends WebDriverExtension {
                    categories, name, ['benchmark'],
                    'BenchmarkInstrumentation::ImplThreadRenderingStats')) {
       // TODO(goderbauer): Instead of BenchmarkInstrumentation::ImplThreadRenderingStats the
-      // following events should be used (if available) for more accurate measurments:
+      // following events should be used (if available) for more accurate measurements:
       //   1st choice: vsync_before - ground truth on Android
       //   2nd choice: BenchmarkInstrumentation::DisplayRenderingStats - available on systems with
       //               new surfaces framework (not broadly enabled yet)

packages/common/src/directives/ng_if.ts

@@ -45,7 +45,7 @@ import {Directive, EmbeddedViewRef, Input, TemplateRef, ViewContainerRef} from '
  * A common pattern is that we need to show a set of properties from the same object. If the
  * object is undefined, then we have to use the safe-traversal-operator `?.` to guard against
  * dereferencing a `null` value. This is especially the case when waiting on async data such as
- * when using the `async` pipe as shown in folowing example:
+ * when using the `async` pipe as shown in following example:
  *
  * ```
  * Hello {{ (userStream|async)?.last }}, {{ (userStream|async)?.first }}!

packages/compiler/src/aot/summary_serializer.ts

@@ -142,7 +142,7 @@ class Serializer extends ValueTransformer {
           __symbol: index,
           name: symbol.name,
           // We convert the source filenames tinto output filenames,
-          // as the generated summary file will be used when teh current
+          // as the generated summary file will be used when the current
           // compilation unit is used as a library
           filePath: this.summaryResolver.getLibraryFileName(symbol.filePath),
           importAs: importAs

packages/compiler/test/ml_parser/html_parser_spec.ts

@@ -417,7 +417,7 @@ export function main() {
           expect((ast.rootNodes[0] as html.Element).attrs[0].valueSpan).toBeUndefined();
         });
 
-        it('should report a value span for an attibute with a value', () => {
+        it('should report a value span for an attribute with a value', () => {
           const ast = parser.parse('<div bar="12"></div>', 'TestComp');
           const attr = (ast.rootNodes[0] as html.Element).attrs[0];
           expect(attr.valueSpan !.start.offset).toEqual(9);

packages/core/src/view/types.ts

@@ -75,7 +75,7 @@ export interface ViewHandleEventFn {
 }
 
 /**
- * Bitmask for ViewDefintion.flags.
+ * Bitmask for ViewDefinition.flags.
  */
 export const enum ViewFlags {
   None = 0,

packages/core/test/linker/regression_integration_spec.ts

@@ -238,14 +238,14 @@ function declareTests({useJit}: {useJit: boolean}) {
         return MyComponent;
       }
       const HeroComponent = ComponentFactory('my-hero', 'my hero');
-      const VillianComponent = ComponentFactory('a-villian', 'a villian');
+      const VillainComponent = ComponentFactory('a-villain', 'a villain');
       const MainComponent = ComponentFactory(
-          'my-app', 'I was saved by <my-hero></my-hero> from <a-villian></a-villian>.');
+          'my-app', 'I was saved by <my-hero></my-hero> from <a-villain></a-villain>.');
 
       TestBed.configureTestingModule(
-          {declarations: [HeroComponent, VillianComponent, MainComponent]});
+          {declarations: [HeroComponent, VillainComponent, MainComponent]});
       const fixture = TestBed.createComponent(MainComponent);
-      expect(fixture.nativeElement).toHaveText('I was saved by my hero from a villian.');
+      expect(fixture.nativeElement).toHaveText('I was saved by my hero from a villain.');
     });
 
     it('should allow to use the renderer outside of views', () => {

packages/core/test/util/decorators_spec.ts

@@ -121,7 +121,7 @@ export function main() {
         });
 
 
-        it('should ensure that we dont accidently patch native objects', () => {
+        it('should ensure that we dont accidentally patch native objects', () => {
           expect(() => {
             (<Function>Class)({constructor: Object});
           }).toThrowError('Can not use native Object as constructor');

packages/core/test/view/provider_spec.ts

@@ -172,7 +172,7 @@ export function main() {
               .toThrowError('No provider for Dep!');
         });
 
-        it('should inject from a parent elment in a parent view', () => {
+        it('should inject from a parent element in a parent view', () => {
           createAndGetRootNodes(compViewDef([
             elementDef(
                 NodeFlags.None, null !, null !, 1, 'div', null !, null !, null !, null !,

packages/language-service/src/diagnostics.ts

@@ -179,7 +179,7 @@ class ExpressionDiagnosticsVisitor extends TemplateAstChildVisitor {
 
     this.push(ast);
 
-    // Find directive that refernces this template
+    // Find directive that references this template
     this.directiveSummary =
         ast.directives.map(d => d.directive).find(d => hasTemplateReference(d.type)) !;
 

packages/language-service/src/expressions.ts

@@ -684,7 +684,7 @@ function getReferences(info: TemplateInfo): SymbolDeclaration[] {
         name: reference.name,
         kind: 'reference',
         type: type || info.template.query.getBuiltinType(BuiltinType.Any),
-        get definition() { return getDefintionOf(info, reference); }
+        get definition() { return getDefinitionOf(info, reference); }
       });
     }
   }
@@ -739,7 +739,7 @@ function getVarDeclarations(info: TemplateInfo, path: TemplateAstPath): SymbolDe
         }
         result.push({
           name,
-          kind: 'variable', type, get definition() { return getDefintionOf(info, variable); }
+          kind: 'variable', type, get definition() { return getDefinitionOf(info, variable); }
         });
       }
     }
@@ -771,7 +771,7 @@ function refinedVariableType(
   return type;
 }
 
-function getDefintionOf(info: TemplateInfo, ast: TemplateAst): Definition|undefined {
+function getDefinitionOf(info: TemplateInfo, ast: TemplateAst): Definition|undefined {
   if (info.fileName) {
     const templateOffset = info.template.span.start;
     return [{