enhancement: perform formatting

.gitpod.yml

@@ -6,7 +6,7 @@ image:
 
 # Command to start on workspace startup (optional)
 tasks:
-- command: "npm install"
+  - command: "npm install"
 
 github:
   prebuilds:

angular.json

@@ -41,4 +41,4 @@
     }
   },
   "defaultProject": "angular-archwizard"
-}
+}

karma-shim.js

@@ -1,25 +1,25 @@
-import 'zone.js/dist/zone';
-import 'zone.js/dist/long-stack-trace-zone';
-import 'zone.js/dist/proxy.js';
-import 'zone.js/dist/sync-test';
-import 'zone.js/dist/jasmine-patch';
-import 'zone.js/dist/async-test';
-import 'zone.js/dist/fake-async-test';
+import "zone.js/dist/zone";
+import "zone.js/dist/long-stack-trace-zone";
+import "zone.js/dist/proxy.js";
+import "zone.js/dist/sync-test";
+import "zone.js/dist/jasmine-patch";
+import "zone.js/dist/async-test";
+import "zone.js/dist/fake-async-test";
 
-import { getTestBed } from '@angular/core/testing';
+import { getTestBed } from "@angular/core/testing";
 import {
   BrowserDynamicTestingModule,
   platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
+} from "@angular/platform-browser-dynamic/testing";
 
-import 'rxjs';
+import "rxjs";
 
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
   platformBrowserDynamicTesting()
 );
 
-const testContext = require.context('./src', true, /\.spec\.ts/);
+const testContext = require.context("./src", true, /\.spec\.ts/);
 
 function requireAll(requireContext) {
   return requireContext.keys().map(requireContext);

karma.conf.js

@@ -3,37 +3,37 @@
 
 module.exports = function (config) {
   config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular', 'detectBrowsers'],
+    basePath: "",
+    frameworks: ["jasmine", "@angular-devkit/build-angular", "detectBrowsers"],
     plugins: [
-      'karma-jasmine',
-      'karma-chrome-launcher',
-      'karma-firefox-launcher',
-      'karma-safari-launcher',
-      'karma-detect-browsers',
-      'karma-jasmine-html-reporter',
-      'karma-coverage-istanbul-reporter',
-      '@angular-devkit/build-angular/plugins/karma'
+      "karma-jasmine",
+      "karma-chrome-launcher",
+      "karma-firefox-launcher",
+      "karma-safari-launcher",
+      "karma-detect-browsers",
+      "karma-jasmine-html-reporter",
+      "karma-coverage-istanbul-reporter",
+      "@angular-devkit/build-angular/plugins/karma"
     ],
     coverageIstanbulReporter: {
-      reports: ['html', 'lcovonly'],
+      reports: ["html", "lcovonly"],
       fixWebpackSourcePaths: true,
       thresholds: {
         statements: 80,
         lines: 80,
         branches: 80,
         functions: 80
-      }
+      },
     },
     customLaunchers: {
       ChromeHeadlessNoSandbox: {
-        base: 'ChromeHeadless',
-        flags: ['--no-sandbox']
+        base: "ChromeHeadless",
+        flags: ["--no-sandbox"]
       },
       ChromiumHeadlessNoSandbox: {
-        base: 'ChromiumHeadless',
-        flags: ['--no-sandbox']
-      }
+        base: "ChromiumHeadless",
+        flags: ["--no-sandbox"]
+      },
     },
     detectBrowsers: {
       // enable/disable, default is true
@@ -46,16 +46,16 @@ module.exports = function (config) {
       preferHeadless: true,
 
       postDetection: function (availableBrowsers) {
-        if (availableBrowsers.includes('ChromeHeadless')) {
-          const index = availableBrowsers.indexOf('ChromeHeadless');
+        if (availableBrowsers.includes("ChromeHeadless")) {
+          const index = availableBrowsers.indexOf("ChromeHeadless");
 
-          availableBrowsers[index] = 'ChromeHeadlessNoSandbox';
+          availableBrowsers[index] = "ChromeHeadlessNoSandbox";
         }
 
-        if (availableBrowsers.includes('ChromiumHeadless')) {
-          const index = availableBrowsers.indexOf('ChromiumHeadless');
+        if (availableBrowsers.includes("ChromiumHeadless")) {
+          const index = availableBrowsers.indexOf("ChromiumHeadless");
 
-          availableBrowsers[index] = 'ChromiumHeadlessNoSandbox';
+          availableBrowsers[index] = "ChromiumHeadlessNoSandbox";
         }
 
         return availableBrowsers;

ng-package.json

@@ -7,4 +7,4 @@
   "lib": {
     "entryFile": "src/index.ts"
   }
-}
+}

package.json

@@ -76,4 +76,4 @@
   "dependencies": {
     "tslib": "^2.0.0"
   }
-}
+}

src/index.ts

@@ -1,37 +1,37 @@
 // export the components
-export {WizardCompletionStepComponent} from './lib/components/wizard-completion-step.component';
-export {WizardNavigationBarComponent} from './lib/components/wizard-navigation-bar.component';
-export {WizardStepComponent} from './lib/components/wizard-step.component';
-export {WizardComponent} from './lib/components/wizard.component';
+export { WizardCompletionStepComponent } from './lib/components/wizard-completion-step.component';
+export { WizardNavigationBarComponent } from './lib/components/wizard-navigation-bar.component';
+export { WizardStepComponent } from './lib/components/wizard-step.component';
+export { WizardComponent } from './lib/components/wizard.component';
 
 // export the directives
-export {EnableBackLinksDirective} from './lib/directives/enable-back-links.directive';
-export {GoToStepDirective} from './lib/directives/go-to-step.directive';
-export {NextStepDirective} from './lib/directives/next-step.directive';
-export {OptionalStepDirective} from './lib/directives/optional-step.directive';
-export {PreviousStepDirective} from './lib/directives/previous-step.directive';
-export {ResetWizardDirective} from './lib/directives/reset-wizard.directive';
-export {SelectedStepDirective} from './lib/directives/selected-step.directive';
-export {WizardCompletionStepDirective} from './lib/directives/wizard-completion-step.directive';
-export {WizardStepDirective} from './lib/directives/wizard-step.directive';
-export {WizardStepTitleDirective} from './lib/directives/wizard-step-title.directive';
-export {NavigationModeDirective} from './lib/directives/navigation-mode.directive';
-export {CompletedStepDirective} from './lib/directives/completed-step.directive';
-export {WizardStepSymbolDirective} from './lib/directives/wizard-step-symbol.directive';
+export { EnableBackLinksDirective } from './lib/directives/enable-back-links.directive';
+export { GoToStepDirective } from './lib/directives/go-to-step.directive';
+export { NextStepDirective } from './lib/directives/next-step.directive';
+export { OptionalStepDirective } from './lib/directives/optional-step.directive';
+export { PreviousStepDirective } from './lib/directives/previous-step.directive';
+export { ResetWizardDirective } from './lib/directives/reset-wizard.directive';
+export { SelectedStepDirective } from './lib/directives/selected-step.directive';
+export { WizardCompletionStepDirective } from './lib/directives/wizard-completion-step.directive';
+export { WizardStepDirective } from './lib/directives/wizard-step.directive';
+export { WizardStepTitleDirective } from './lib/directives/wizard-step-title.directive';
+export { NavigationModeDirective } from './lib/directives/navigation-mode.directive';
+export { CompletedStepDirective } from './lib/directives/completed-step.directive';
+export { WizardStepSymbolDirective } from './lib/directives/wizard-step-symbol.directive';
 
 // export the navigation classes
-export {NavigationMode} from './lib/navigation/navigation-mode.interface';
-export {ConfigurableNavigationMode} from './lib/navigation/configurable-navigation-mode';
-export {BaseNavigationMode} from './lib/navigation/base-navigation-mode.interface';
+export { NavigationMode } from './lib/navigation/navigation-mode.interface';
+export { ConfigurableNavigationMode } from './lib/navigation/configurable-navigation-mode';
+export { BaseNavigationMode } from './lib/navigation/base-navigation-mode.interface';
 
 // export the utility functions
-export {MovingDirection} from './lib/util/moving-direction.enum';
-export {NavigationSymbol} from './lib/util/navigation-symbol.interface';
-export {StepId, isStepId} from './lib/util/step-id.interface';
-export {StepIndex, isStepIndex} from './lib/util/step-index.interface';
-export {StepOffset, isStepOffset} from './lib/util/step-offset.interface';
-export {WizardCompletionStep} from './lib/util/wizard-completion-step.interface';
-export {WizardStep} from './lib/util/wizard-step.interface';
+export { MovingDirection } from './lib/util/moving-direction.enum';
+export { NavigationSymbol } from './lib/util/navigation-symbol.interface';
+export { StepId, isStepId } from './lib/util/step-id.interface';
+export { StepIndex, isStepIndex } from './lib/util/step-index.interface';
+export { StepOffset, isStepOffset } from './lib/util/step-offset.interface';
+export { WizardCompletionStep } from './lib/util/wizard-completion-step.interface';
+export { WizardStep } from './lib/util/wizard-step.interface';
 
 // export the module
-export {ArchwizardModule} from './lib/archwizard.module';
+export { ArchwizardModule } from './lib/archwizard.module';

src/lib/archwizard.module.ts

@@ -1,22 +1,22 @@
-import {CommonModule} from '@angular/common';
-import {ModuleWithProviders, NgModule} from '@angular/core';
-import {WizardCompletionStepComponent} from './components/wizard-completion-step.component';
-import {WizardNavigationBarComponent} from './components/wizard-navigation-bar.component';
-import {WizardStepComponent} from './components/wizard-step.component';
-import {WizardComponent} from './components/wizard.component';
-import {EnableBackLinksDirective} from './directives/enable-back-links.directive';
-import {GoToStepDirective} from './directives/go-to-step.directive';
-import {NextStepDirective} from './directives/next-step.directive';
-import {OptionalStepDirective} from './directives/optional-step.directive';
-import {PreviousStepDirective} from './directives/previous-step.directive';
-import {ResetWizardDirective} from './directives/reset-wizard.directive';
-import {SelectedStepDirective} from './directives/selected-step.directive';
-import {WizardCompletionStepDirective} from './directives/wizard-completion-step.directive';
-import {WizardStepSymbolDirective} from './directives/wizard-step-symbol.directive';
-import {WizardStepTitleDirective} from './directives/wizard-step-title.directive';
-import {WizardStepDirective} from './directives/wizard-step.directive';
-import {NavigationModeDirective} from './directives/navigation-mode.directive';
-import {CompletedStepDirective} from './directives/completed-step.directive';
+import { CommonModule } from '@angular/common';
+import { ModuleWithProviders, NgModule } from '@angular/core';
+import { WizardCompletionStepComponent } from './components/wizard-completion-step.component';
+import { WizardNavigationBarComponent } from './components/wizard-navigation-bar.component';
+import { WizardStepComponent } from './components/wizard-step.component';
+import { WizardComponent } from './components/wizard.component';
+import { EnableBackLinksDirective } from './directives/enable-back-links.directive';
+import { GoToStepDirective } from './directives/go-to-step.directive';
+import { NextStepDirective } from './directives/next-step.directive';
+import { OptionalStepDirective } from './directives/optional-step.directive';
+import { PreviousStepDirective } from './directives/previous-step.directive';
+import { ResetWizardDirective } from './directives/reset-wizard.directive';
+import { SelectedStepDirective } from './directives/selected-step.directive';
+import { WizardCompletionStepDirective } from './directives/wizard-completion-step.directive';
+import { WizardStepSymbolDirective } from './directives/wizard-step-symbol.directive';
+import { WizardStepTitleDirective } from './directives/wizard-step-title.directive';
+import { WizardStepDirective } from './directives/wizard-step.directive';
+import { NavigationModeDirective } from './directives/navigation-mode.directive';
+import { CompletedStepDirective } from './directives/completed-step.directive';
 
 
 /**

src/lib/components/wizard-completion-step.component.html

@@ -1 +1 @@
-<ng-content></ng-content>
+<ng-content></ng-content>

src/lib/components/wizard-completion-step.component.ts

@@ -1,6 +1,6 @@
-import {Component, forwardRef} from '@angular/core';
-import {WizardCompletionStep} from '../util/wizard-completion-step.interface';
-import {WizardStep} from '../util/wizard-step.interface';
+import { Component, forwardRef } from '@angular/core';
+import { WizardCompletionStep } from '../util/wizard-completion-step.interface';
+import { WizardStep } from '../util/wizard-step.interface';
 
 /**
  * The `aw-wizard-completion-step` component can be used to define a completion/success step at the end of your wizard
@@ -42,8 +42,8 @@ import {WizardStep} from '../util/wizard-step.interface';
   selector: 'aw-wizard-completion-step',
   templateUrl: 'wizard-completion-step.component.html',
   providers: [
-    {provide: WizardStep, useExisting: forwardRef(() => WizardCompletionStepComponent)},
-    {provide: WizardCompletionStep, useExisting: forwardRef(() => WizardCompletionStepComponent)}
+    { provide: WizardStep, useExisting: forwardRef(() => WizardCompletionStepComponent) },
+    { provide: WizardCompletionStep, useExisting: forwardRef(() => WizardCompletionStepComponent) }
   ]
 })
 export class WizardCompletionStepComponent extends WizardCompletionStep {

src/lib/components/wizard-navigation-bar.component.html

@@ -21,4 +21,4 @@
       </div>
     </a>
   </li>
-</ul>
+</ul>

src/lib/components/wizard-step.component.html

@@ -1 +1 @@
-<ng-content></ng-content>
+<ng-content></ng-content>

src/lib/components/wizard-step.component.ts

@@ -1,5 +1,5 @@
-import {Component, forwardRef} from '@angular/core';
-import {WizardStep} from '../util/wizard-step.interface';
+import { Component, forwardRef } from '@angular/core';
+import { WizardStep } from '../util/wizard-step.interface';
 
 /**
  * The `aw-wizard-step` component is used to define a normal step inside a wizard.
@@ -59,7 +59,7 @@ import {WizardStep} from '../util/wizard-step.interface';
   selector: 'aw-wizard-step',
   templateUrl: 'wizard-step.component.html',
   providers: [
-    {provide: WizardStep, useExisting: forwardRef(() => WizardStepComponent)}
+    { provide: WizardStep, useExisting: forwardRef(() => WizardStepComponent) }
   ]
 })
 export class WizardStepComponent extends WizardStep {

src/lib/components/wizard.component.html

@@ -1,6 +1,4 @@
-<aw-wizard-navigation-bar
-  *ngIf="navBarLocation == 'top' || navBarLocation == 'left'"
-  [ngClass]="{
+<aw-wizard-navigation-bar *ngIf="navBarLocation == 'top' || navBarLocation == 'left'" [ngClass]="{
     'vertical': navBarLocation == 'left',
     'horizontal': navBarLocation == 'top',
     'small': navBarLayout == 'small',
@@ -19,9 +17,7 @@
   <ng-content></ng-content>
 </div>
 
-<aw-wizard-navigation-bar
-  *ngIf="navBarLocation == 'bottom' || navBarLocation == 'right'"
-  [ngClass]="{
+<aw-wizard-navigation-bar *ngIf="navBarLocation == 'bottom' || navBarLocation == 'right'" [ngClass]="{
     'vertical': navBarLocation == 'right',
     'horizontal': navBarLocation == 'bottom',
     'small': navBarLayout == 'small',
@@ -30,4 +26,4 @@
     'large-empty': navBarLayout == 'large-empty',
     'large-empty-symbols': navBarLayout == 'large-empty-symbols'
   }">
-</aw-wizard-navigation-bar>
+</aw-wizard-navigation-bar>

src/lib/components/wizard.component.ts

@@ -7,10 +7,10 @@ import {
   QueryList,
   EventEmitter,
 } from '@angular/core';
-import {NavigationMode} from '../navigation/navigation-mode.interface';
-import {WizardStep} from '../util/wizard-step.interface';
-import {MovingDirection} from '../util/moving-direction.enum';
-import {ConfigurableNavigationMode} from '../navigation/configurable-navigation-mode';
+import { NavigationMode } from '../navigation/navigation-mode.interface';
+import { WizardStep } from '../util/wizard-step.interface';
+import { MovingDirection } from '../util/moving-direction.enum';
+import { ConfigurableNavigationMode } from '../navigation/configurable-navigation-mode';
 
 /**
  * The `aw-wizard` component defines the root component of a wizard.