style(format): reformat project files

Author: gund

angular.json

@@ -84,9 +84,7 @@
               "projects/demo/src/favicon.ico",
               "projects/demo/src/assets"
             ],
-            "styles": [
-              "projects/demo/src/styles.css"
-            ],
+            "styles": ["projects/demo/src/styles.css"],
             "scripts": []
           },
           "configurations": {

projects/demo/src/app/app.component.ts

@@ -5,27 +5,40 @@ import { Component } from '@angular/core';
   template: `
     <!--The content below is only a placeholder and can be replaced.-->
     <div style="text-align:center" class="content">
-      <h1>
-        Welcome to {{title}}!
-      </h1>
+      <h1>Welcome to {{ title }}!</h1>
       <span style="display: block">{{ title }} app is running!</span>
-      <img width="300" alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==">
+      <img
+        width="300"
+        alt="Angular Logo"
+        src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg=="
+      />
     </div>
-    <h2>Here are some links to help you start: </h2>
+    <h2>Here are some links to help you start:</h2>
     <ul>
       <li>
-        <h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2>
+        <h2>
+          <a target="_blank" rel="noopener" href="https://angular.io/tutorial"
+            >Tour of Heroes</a
+          >
+        </h2>
       </li>
       <li>
-        <h2><a target="_blank" rel="noopener" href="https://angular.io/cli">CLI Documentation</a></h2>
+        <h2>
+          <a target="_blank" rel="noopener" href="https://angular.io/cli"
+            >CLI Documentation</a
+          >
+        </h2>
       </li>
       <li>
-        <h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
+        <h2>
+          <a target="_blank" rel="noopener" href="https://blog.angular.io/"
+            >Angular blog</a
+          >
+        </h2>
       </li>
     </ul>
-    
   `,
-  styles: []
+  styles: [],
 })
 export class AppComponent {
   title = 'demo';

projects/demo/src/app/app.module.ts

@@ -47,14 +47,14 @@ export class AppModule {
 
   constructor(
     private injector: Injector,
-    private cfr: ComponentFactoryResolver
+    private cfr: ComponentFactoryResolver,
   ) {}
 
   ngDoBootstrap(): void {
     this.componentDefs
       .map((component) => this.initComponent(component))
       .forEach(({ name, customElement }) =>
-        customElements.define(name, customElement)
+        customElements.define(name, customElement),
       );
   }
 
@@ -64,12 +64,12 @@ export class AppModule {
 
     const defaultNgElementStrategyFactory = new DefaultElementBoundaryNgElementStrategyFactory(
       type,
-      this.injector
+      this.injector,
     );
 
     const connectedNgElementStrategyFactory = new CrossBoundaryNgElementStrategyFactory(
       defaultNgElementStrategyFactory,
-      { isRoot }
+      { isRoot },
     );
 
     const customElement = createCustomElement(type, {

projects/demo/src/app/child3/child3.component.ts

@@ -18,7 +18,7 @@ export class Child3Component {
 
   constructor(
     @Optional() public exampleService?: ExampleService,
-    @Optional() public child2?: Child2Component
+    @Optional() public child2?: Child2Component,
   ) {
     console.log('Child3 ExampleService', exampleService);
     console.log('Child3 Child2Component', child2);

projects/demo/src/environments/environment.prod.ts

@@ -1,3 +1,3 @@
 export const environment = {
-  production: true
+  production: true,
 };

projects/demo/src/environments/environment.ts

@@ -3,7 +3,7 @@
 // The list of file replacements can be found in `angular.json`.
 
 export const environment = {
-  production: false
+  production: false,
 };
 
 /*

projects/demo/src/main.ts

@@ -8,5 +8,6 @@ if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+platformBrowserDynamic()
+  .bootstrapModule(AppModule)
+  .catch((err) => console.error(err));

projects/demo/src/polyfills.ts

@@ -55,8 +55,7 @@
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.
  */
-import 'zone.js/dist/zone';  // Included with Angular CLI.
-
+import 'zone.js/dist/zone'; // Included with Angular CLI.
 
 /***************************************************************************************************
  * APPLICATION IMPORTS

projects/demo/tsconfig.app.json

@@ -5,11 +5,6 @@
     "outDir": "../../out-tsc/app",
     "types": []
   },
-  "files": [
-    "src/main.ts",
-    "src/polyfills.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ]
+  "files": ["src/main.ts", "src/polyfills.ts"],
+  "include": ["src/**/*.d.ts"]
 }

projects/ngx-element-boundary/element-strategy/default/src/default-ng-element-strategy.ts

@@ -12,7 +12,7 @@ import {
  * used by {@link DefaultNgElementStrategyFactory}
  */
 export type NgElementStrategyExtractor = (
-  element: NgElement
+  element: NgElement,
 ) => NgElementStrategy;
 
 /**
@@ -67,7 +67,7 @@ export class DefaultNgElementStrategyFactory
   constructor(
     component: Type<any>,
     injector: Injector,
-    options?: DefaultNgElementStrategyFactoryOptions
+    options?: DefaultNgElementStrategyFactoryOptions,
   ) {
     this.options = new DefaultNgElementStrategyFactoryOptionsDefault(options);
 

projects/ngx-element-boundary/element-strategy/default/src/element-boundary-ng-element-strategy.ts

@@ -15,7 +15,7 @@ import {
  * used by {@link DefaultElementBoundaryNgElementStrategy}
  */
 export type NgElementStrategyComponentRefExtractor = (
-  strategy: NgElementStrategy
+  strategy: NgElementStrategy,
 ) => ComponentRef<any> | undefined;
 
 /**
@@ -65,10 +65,10 @@ export class DefaultElementBoundaryNgElementStrategy
 
   constructor(
     private defaultStrategy: NgElementStrategy,
-    options?: DefaultElementBoundaryNgElementStrategyOptions
+    options?: DefaultElementBoundaryNgElementStrategyOptions,
   ) {
     this.options = new DefaultElementBoundaryNgElementStrategyOptionsDefault(
-      options
+      options,
     );
   }
 
@@ -104,7 +104,7 @@ export interface DefaultNgElementStrategyFactoryStrategy<O = never> {
   create(
     component: Type<any>,
     injector: Injector,
-    options?: O
+    options?: O,
   ): NgElementStrategyFactory;
 }
 
@@ -151,7 +151,7 @@ export class DefaultNgElementStrategyFactoryStrategyDefault
   create(
     component: Type<any>,
     injector: Injector,
-    options?: DefaultNgElementStrategyFactoryOptions
+    options?: DefaultNgElementStrategyFactoryOptions,
   ): NgElementStrategyFactory {
     return new DefaultNgElementStrategyFactory(component, injector, options);
   }
@@ -207,23 +207,23 @@ export class DefaultElementBoundaryNgElementStrategyFactory<
   constructor(
     component: Type<any>,
     injector: Injector,
-    options?: DefaultElementBoundaryNgElementStrategyFactoryOptions<S>
+    options?: DefaultElementBoundaryNgElementStrategyFactoryOptions<S>,
   ) {
     this.options = new DefaultElementBoundaryNgElementStrategyFactoryOptionsDefault(
-      options
+      options,
     );
 
     this.defaultStrategyFactory = this.options.factoryStrategy.create(
       component,
       injector,
-      this.options.factoryStrategyOptions
+      this.options.factoryStrategyOptions,
     );
   }
 
   create(injector: Injector): ElementBoundaryNgElementStrategy {
     return new DefaultElementBoundaryNgElementStrategy(
       this.defaultStrategyFactory.create(injector),
-      this.options.strategyOptions
+      this.options.strategyOptions,
     );
   }
 }

projects/ngx-element-boundary/jest.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  coverageDirectory: "<rootDir>/coverage/ngx-element-boundary",
+  coverageDirectory: '<rootDir>/coverage/ngx-element-boundary',
 };

projects/ngx-element-boundary/ng-package.json

@@ -4,4 +4,4 @@
   "lib": {
     "entryFile": "src/public-api.ts"
   }
-}
+}

projects/ngx-element-boundary/src/lib/boundary-sharing-strategy/global-boundary-sharing-strategy.ts

@@ -41,7 +41,7 @@ export class GlobalBoundarySharingStrategy implements BoundarySharingStrategy {
 
   private readonly boundaries$ = this.addBoundary$.pipe(
     scan((acc, boundary) => [...acc, boundary], [] as ElementBoundary[]),
-    shareReplay({ bufferSize: 1, refCount: false })
+    shareReplay({ bufferSize: 1, refCount: false }),
   );
 
   private get _boundary$(): ReplaySubject<ElementBoundary> {
@@ -57,7 +57,7 @@ export class GlobalBoundarySharingStrategy implements BoundarySharingStrategy {
 
   constructor(
     private options: GlobalBoundarySharingStrategyOptions,
-    private globalRef: GlobalRef
+    private globalRef: GlobalRef,
   ) {}
 
   getBoundaries(): Observable<ElementBoundary[]> {

projects/ngx-element-boundary/src/lib/boundary-sharing-strategy/single-app-boundary-sharing-strategy.ts

@@ -15,7 +15,7 @@ export class SingleAppBoundarySharingStrategy
 
   private readonly boundaries$ = this.addBoundary$.pipe(
     scan((acc, boundary) => [...acc, boundary], [] as ElementBoundary[]),
-    shareReplay({ bufferSize: 1, refCount: false })
+    shareReplay({ bufferSize: 1, refCount: false }),
   );
 
   getBoundaries(): Observable<ElementBoundary[]> {

projects/ngx-element-boundary/src/lib/component-selector-strategy/prefix-component-selector-strategy.ts

@@ -25,7 +25,7 @@ export class PrefixComponentSelectorStrategy
    * by using `ValueProvider` DI strategy
    */
   static provideOptions(
-    options: PrefixComponentSelectorStrategyOptions
+    options: PrefixComponentSelectorStrategyOptions,
   ): Provider {
     return {
       provide: PrefixComponentSelectorStrategyOptions,

projects/ngx-element-boundary/src/lib/cross-boundary-ng-element-strategy.ts

@@ -66,19 +66,19 @@ export class CrossBoundaryNgElementStrategy implements NgElementStrategy {
   events = this.baseStrategy.events;
 
   private elementBoundaryService: ElementBoundaryService = this.hookableInjector.get(
-    ElementBoundaryService
+    ElementBoundaryService,
   );
 
   private options = new CrossBoundaryNgElementStrategyOptionsDefault(
-    this.incomingOptions
+    this.incomingOptions,
   );
 
   private disconnect$ = new Subject<void>();
 
   constructor(
     private baseStrategy: ElementBoundaryNgElementStrategy,
     private hookableInjector: HookableInjector,
-    private incomingOptions?: CrossBoundaryNgElementStrategyOptions
+    private incomingOptions?: CrossBoundaryNgElementStrategyOptions,
   ) {}
 
   connect(element: HTMLElement): void {
@@ -94,7 +94,7 @@ export class CrossBoundaryNgElementStrategy implements NgElementStrategy {
             ? o$.pipe(timeoutWith(this.options.boundaryTimeoutMs, of(null)))
             : o$,
         take(1),
-        takeUntil(this.disconnect$)
+        takeUntil(this.disconnect$),
       )
       .subscribe((boundary) => {
         if (boundary) {
@@ -142,7 +142,7 @@ export class CrossBoundaryNgElementStrategyFactory
   implements NgElementStrategyFactory {
   constructor(
     private baseStrategyFactory: ElementBoundaryNgElementStrategyFactory,
-    private options?: CrossBoundaryNgElementStrategyOptions
+    private options?: CrossBoundaryNgElementStrategyOptions,
   ) {}
 
   create(injector: Injector): NgElementStrategy {
@@ -151,7 +151,7 @@ export class CrossBoundaryNgElementStrategyFactory
     return new CrossBoundaryNgElementStrategy(
       this.baseStrategyFactory.create(hookableInjector),
       hookableInjector,
-      this.options
+      this.options,
     );
   }
 }

projects/ngx-element-boundary/src/lib/element-boundary.directive.spec.ts

@@ -22,7 +22,7 @@ describe('ElementBoundaryDirective', () => {
   it('should attach to attribute', () => {
     const fixture = TestBed.createComponent(TestComponent);
     const directiveElem = fixture.debugElement.query(
-      By.directive(ElementBoundaryDirective)
+      By.directive(ElementBoundaryDirective),
     );
 
     expect(directiveElem).toBeTruthy();

projects/ngx-element-boundary/src/lib/element-boundary.directive.ts

@@ -34,7 +34,7 @@ export class ElementBoundaryDirective implements OnInit, OnChanges {
   constructor(
     private injector: Injector,
     private elemRef: ElementRef,
-    private elementBoundaryService: ElementBoundaryService
+    private elementBoundaryService: ElementBoundaryService,
   ) {}
 
   ngOnInit(): void {

projects/ngx-element-boundary/src/lib/element-boundary.service.ts

@@ -15,14 +15,14 @@ import { isDefined } from './util';
 export class ElementBoundaryService {
   private boundaries$ = this.boundarySharingStrategy.getBoundaries().pipe(
     map((boundaries) =>
-      boundaries.sort((b1, b2) => this.sortBoundariesByDepth(b1, b2))
+      boundaries.sort((b1, b2) => this.sortBoundariesByDepth(b1, b2)),
     ),
-    shareReplay({ bufferSize: 1, refCount: false })
+    shareReplay({ bufferSize: 1, refCount: false }),
   );
 
   constructor(
     private boundarySharingStrategy: BoundarySharingStrategy,
-    @Optional() private componentSelectorStrategy?: ComponentSelectorStrategy
+    @Optional() private componentSelectorStrategy?: ComponentSelectorStrategy,
   ) {}
 
   /**
@@ -41,23 +41,23 @@ export class ElementBoundaryService {
         boundaries.find(
           (boundary) =>
             boundary.element.contains(element) &&
-            !this.hasComponentsBetween(boundary.element, element)
-        )
+            !this.hasComponentsBetween(boundary.element, element),
+        ),
       ),
-      filter(isDefined)
+      filter(isDefined),
     );
   }
 
   private sortBoundariesByDepth(
     b1: ElementBoundary,
-    b2: ElementBoundary
+    b2: ElementBoundary,
   ): number {
     return b1.element.contains(b2.element) ? 1 : -1;
   }
 
   private hasComponentsBetween(
     parent: HTMLElement,
-    child: HTMLElement
+    child: HTMLElement,
   ): boolean {
     if (!this.componentSelectorStrategy) {
       return false;