add correct tab spacing to the files

Motivation:

Some of the files that were boilerplates uses double spaces for tab.
This causes inconsistency with IDEs, where tabs are usually defined 
with four spaces.

Modification:

Use tab for spacing where necessary.

Result:

No inconsistency concerning spacing.

Pull-request: #6

custom-elements.json

 {
-  "version": 2,
-  "tags": [
-    {
-      "name": "helmholtz-marketplace-app",
-      "description": "An entry point web application for scientific related services from various vendors",
-      "properties": [
+    "version": 2,
+    "tags": [
         {
-          "name": "title",
-          "type": "String",
-          "description": "The title of your application",
-          "default": "Hey there"
-        },
-        {
-          "name": "page",
-          "type": "String",
-          "description": "Which page to show",
-          "default": "main"
+            "name": "helmholtz-marketplace-app",
+            "description": "An entry point web application for scientific related services from various vendors",
+            "properties": [
+                {
+                    "name": "title",
+                    "type": "String",
+                    "description": "The title of your application",
+                    "default": "Hey there"
+                },
+                {
+                    "name": "page",
+                    "type": "String",
+                    "description": "Which page to show",
+                    "default": "main"
+                }
+            ],
+            "events": [],
+            "slots": [],
+            "cssProperties": []
         }
-      ],
-      "events": [],
-      "slots": [],
-      "cssProperties": []
-    }
-  ]
+    ]
 }

package.json

 {
-  "scripts": {
-    "lint:eslint": "eslint --ext .js,.html . --ignore-path .gitignore",
-    "format:eslint": "eslint --ext .js,.html . --fix --ignore-path .gitignore",
-    "lint:prettier": "prettier \"**/*.js\" --check --ignore-path .gitignore",
-    "format:prettier": "prettier \"**/*.js\" --write --ignore-path .gitignore",
-    "lint": "npm run lint:eslint && npm run lint:prettier",
-    "format": "npm run format:eslint && npm run format:prettier",
-    "test": "karma start",
-    "test:coverage": "karma start --coverage",
-    "test:watch": "karma start --auto-watch=true --single-run=false",
-    "posttest": "node ci-analysis.js",
-    "start": "es-dev-server --app-index index.html --node-resolve --open --watch"
-  },
-  "devDependencies": {
-    "eslint": "^6.1.0",
-    "@open-wc/eslint-config": "^2.0.0",
-    "@open-wc/prettier-config": "^0.1.10",
-    "husky": "^1.0.0",
-    "lint-staged": "^8.0.0",
-    "@open-wc/testing-karma": "^3.0.0",
-    "deepmerge": "^3.2.0",
-    "@open-wc/testing": "^2.0.0",
-    "es-dev-server": "^1.5.0",
-    "sonarqube-scanner": "^2.6.0"
-  },
-  "eslintConfig": {
-    "extends": [
-      "@open-wc/eslint-config",
-      "eslint-config-prettier"
-    ]
-  },
-  "prettier": "@open-wc/prettier-config",
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
+    "scripts": {
+        "lint:eslint": "eslint --ext .js,.html . --ignore-path .gitignore",
+        "format:eslint": "eslint --ext .js,.html . --fix --ignore-path .gitignore",
+        "lint:prettier": "prettier \"**/*.js\" --check --ignore-path .gitignore",
+        "format:prettier": "prettier \"**/*.js\" --write --ignore-path .gitignore",
+        "lint": "npm run lint:eslint && npm run lint:prettier",
+        "format": "npm run format:eslint && npm run format:prettier",
+        "test": "karma start",
+        "test:coverage": "karma start --coverage",
+        "test:watch": "karma start --auto-watch=true --single-run=false",
+        "posttest": "node ci-analysis.js",
+        "start": "es-dev-server --app-index index.html --node-resolve --open --watch"
+    },
+    "devDependencies": {
+        "eslint": "^6.1.0",
+        "@open-wc/eslint-config": "^2.0.0",
+        "@open-wc/prettier-config": "^0.1.10",
+        "husky": "^1.0.0",
+        "lint-staged": "^8.0.0",
+        "@open-wc/testing-karma": "^3.0.0",
+        "deepmerge": "^3.2.0",
+        "@open-wc/testing": "^2.0.0",
+        "es-dev-server": "^1.5.0",
+        "sonarqube-scanner": "^2.6.0"
+    },
+    "eslintConfig": {
+        "extends": [
+            "@open-wc/eslint-config",
+            "eslint-config-prettier"
+        ]
+    },
+    "prettier": "@open-wc/prettier-config",
+    "husky": {
+        "hooks": {
+            "pre-commit": "lint-staged"
+        }
+    },
+    "lint-staged": {
+        "*.js": [
+            "eslint --fix",
+            "prettier --write",
+            "git add"
+        ]
+    },
+    "name": "helmholtz-marketplace-webapp",
+    "version": "0.0.1",
+    "description": "A Web application for Helmholtz marketplace",
+    "author": "HIFIS Technical Platform Core Team",
+    "license": "AGPL-3.0",
+    "dependencies": {
+        "@material/mwc-icon-button": "0.14.1",
+        "@material/mwc-top-app-bar-fixed": "0.14.1",
+        "lit-element": "2.3.1",
+        "lit-html": "1.2.1"
     }
-  },
-  "lint-staged": {
-    "*.js": [
-      "eslint --fix",
-      "prettier --write",
-      "git add"
-    ]
-  },
-  "name": "helmholtz-marketplace-webapp",
-  "version": "0.0.1",
-  "description": "A Web application for Helmholtz marketplace",
-  "author": "HIFIS Technical Platform Core Team",
-  "license": "AGPL-3.0",
-  "dependencies": {
-    "@material/mwc-icon-button": "0.14.1",
-    "@material/mwc-top-app-bar-fixed": "0.14.1",
-    "lit-element": "2.3.1",
-    "lit-html": "1.2.1"
-  }
 }

src/helmholtz-marketplace-app.js

@@ -30,7 +30,7 @@ class HelmholtzMarketplaceApp extends LitElement {
 
   static get properties() {
     return {
-      src: { type: String },
+      src: { type: String }
     };
   }
 
@@ -89,9 +89,10 @@ class HelmholtzMarketplaceApp extends LitElement {
         padding: 0;
         color: white;
         font-family: 'Luckiest Guy', arial;
-        text-shadow: 0 0.1em 20px black, 0.05em -0.03em 0 black, 0.05em 0.005em 0 black,
-          0em 0.08em 0 black, 0.05em 0.08em 0 black, 0px -0.03em 0 black, -0.03em -0.03em 0 black,
-          -0.03em 0.08em 0 black, -0.03em 0 0 black;
+        text-shadow: 0 0.1em 20px black, 0.05em -0.03em 0 black,
+          0.05em 0.005em 0 black, 0em 0.08em 0 black, 0.05em 0.08em 0 black,
+          0px -0.03em 0 black, -0.03em -0.03em 0 black, -0.03em 0.08em 0 black,
+          -0.03em 0 0 black;
       }
       h1 span {
         -webkit-transform: scale(0.9);
@@ -99,13 +100,16 @@ class HelmholtzMarketplaceApp extends LitElement {
         display: inline-block;
       }
       h1 span:first-child {
-        -webkit-animation: bop 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards 30 alternate;
-        animation: bop 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards 30 alternate;
+        -webkit-animation: bop 1s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+          forwards 30 alternate;
+        animation: bop 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards 30
+          alternate;
       }
       h1 span:last-child {
-        -webkit-animation: bopB 1s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards 30
-          alternate;
-        animation: bopB 1s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards 30 alternate;
+        -webkit-animation: bopB 1s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+          forwards 30 alternate;
+        animation: bopB 1s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards
+          30 alternate;
       }
 
       @-webkit-keyframes bop {
@@ -188,11 +192,17 @@ class HelmholtzMarketplaceApp extends LitElement {
         })
         .then(myBlob => {
           this.src = URL.createObjectURL(myBlob);
-          this.shadowRoot.getElementById('logo').classList.replace('low-res-img', 'high-res-img');
+          this.shadowRoot
+            .getElementById('logo')
+            .classList.replace('low-res-img', 'high-res-img');
         })
         .catch(() => {
-          this.shadowRoot.getElementById('alt').classList.replace('hidden', 'show');
-          this.shadowRoot.getElementById('logo').classList.replace('show', 'hidden');
+          this.shadowRoot
+            .getElementById('alt')
+            .classList.replace('hidden', 'show');
+          this.shadowRoot
+            .getElementById('logo')
+            .classList.replace('show', 'hidden');
         });
     }
   }