diff --git a/databrowser/.gitignore b/databrowser/.gitignore
index 4585903e9..63003fbbb 100644
--- a/databrowser/.gitignore
+++ b/databrowser/.gitignore
@@ -1,10 +1,93 @@
-node_modules
-.DS_Store
-dist
-dist-ssr
-*.local
+# Created by .ignore support plugin (hsz.mobi)
+### Node template
+# Logs
+/logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
 
-# ENV
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
 .env
 
-.eslintcache
\ No newline at end of file
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# Nuxt generate
+dist
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless
+
+# IDE / Editor
+.idea
+
+# Service worker
+sw.*
+
+# macOS
+.DS_Store
+
+# Vim swap files
+*.swp
+
+dist-ssr
+*.local
\ No newline at end of file
diff --git a/databrowser/package-lock.json b/databrowser/package-lock.json
index 8a33e752d..91d67bfa2 100644
--- a/databrowser/package-lock.json
+++ b/databrowser/package-lock.json
@@ -41,6 +41,7 @@
         "@typescript-eslint/eslint-plugin": "^5.47.1",
         "@typescript-eslint/parser": "^5.47.1",
         "@vitejs/plugin-vue": "^4.0.0",
+        "@vue-leaflet/vue-leaflet": "^0.9.0",
         "@vue/eslint-config-typescript": "^11.0.2",
         "autoprefixer": "^10.4.13",
         "eslint": "^8.30.0",
@@ -49,6 +50,7 @@
         "eslint-plugin-tailwindcss": "^3.7.1",
         "eslint-plugin-vue": "^9.8.0",
         "husky": "^8.0.2",
+        "leaflet": "^1.9.3",
         "openapi-types": "^12.1.0",
         "postcss": "^8.4.20",
         "prettier": "^2.8.1",
@@ -60,9 +62,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.17.9",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.17.9.tgz",
-      "integrity": "sha512-vqUSBLP8dQHFPdPi9bc5GK9vRkYHJ49fsZdtoJ8EQ8ibpwk5rPKfvNIwChB0KVXcIjcepEBBd2VHC5r9Gy8ueg==",
+      "version": "7.21.3",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.3.tgz",
+      "integrity": "sha512-lobG0d7aOfQRXh8AyklEAgZGvA4FShxo6xQbUrrT/cNBPUdIDojlokwJsQyCC/eKia7ifqM0yP+2DRZ4WKw2RQ==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -93,54 +95,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@esbuild/android-arm": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.16.4.tgz",
-      "integrity": "sha512-rZzb7r22m20S1S7ufIc6DC6W659yxoOrl7sKP1nCYhuvUlnCFHVSbATG4keGUtV8rDz11sRRDbWkvQZpzPaHiw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/android-arm64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.16.4.tgz",
-      "integrity": "sha512-VPuTzXFm/m2fcGfN6CiwZTlLzxrKsWbPkG7ArRFpuxyaHUm/XFHQPD4xNwZT6uUmpIHhnSjcaCmcla8COzmZ5Q==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/android-x64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.16.4.tgz",
-      "integrity": "sha512-MW+B2O++BkcOfMWmuHXB15/l1i7wXhJFqbJhp82IBOais8RBEQv2vQz/jHrDEHaY2X0QY7Wfw86SBL2PbVOr0g==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/@esbuild/darwin-arm64": {
       "version": "0.16.4",
       "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.16.4.tgz",
@@ -157,294 +111,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/@esbuild/darwin-x64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.16.4.tgz",
-      "integrity": "sha512-e3doCr6Ecfwd7VzlaQqEPrnbvvPjE9uoTpxG5pyLzr2rI2NMjDHmvY1E5EO81O/e9TUOLLkXA5m6T8lfjK9yAA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.16.4.tgz",
-      "integrity": "sha512-Oup3G/QxBgvvqnXWrBed7xxkFNwAwJVHZcklWyQt7YCAL5bfUkaa6FVWnR78rNQiM8MqqLiT6ZTZSdUFuVIg1w==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.16.4.tgz",
-      "integrity": "sha512-vAP+eYOxlN/Bpo/TZmzEQapNS8W1njECrqkTpNgvXskkkJC2AwOXwZWai/Kc2vEFZUXQttx6UJbj9grqjD/+9Q==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-arm": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.16.4.tgz",
-      "integrity": "sha512-A47ZmtpIPyERxkSvIv+zLd6kNIOtJH03XA0Hy7jaceRDdQaQVGSDt4mZqpWqJYgDk9rg96aglbF6kCRvPGDSUA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-arm64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.16.4.tgz",
-      "integrity": "sha512-2zXoBhv4r5pZiyjBKrOdFP4CXOChxXiYD50LRUU+65DkdS5niPFHbboKZd/c81l0ezpw7AQnHeoCy5hFrzzs4g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-ia32": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.16.4.tgz",
-      "integrity": "sha512-uxdSrpe9wFhz4yBwt2kl2TxS/NWEINYBUFIxQtaEVtglm1eECvsj1vEKI0KX2k2wCe17zDdQ3v+jVxfwVfvvjw==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-loong64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.16.4.tgz",
-      "integrity": "sha512-peDrrUuxbZ9Jw+DwLCh/9xmZAk0p0K1iY5d2IcwmnN+B87xw7kujOkig6ZRcZqgrXgeRGurRHn0ENMAjjD5DEg==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.16.4.tgz",
-      "integrity": "sha512-sD9EEUoGtVhFjjsauWjflZklTNr57KdQ6xfloO4yH1u7vNQlOfAlhEzbyBKfgbJlW7rwXYBdl5/NcZ+Mg2XhQA==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.16.4.tgz",
-      "integrity": "sha512-X1HSqHUX9D+d0l6/nIh4ZZJ94eQky8d8z6yxAptpZE3FxCWYWvTDd9X9ST84MGZEJx04VYUD/AGgciddwO0b8g==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.16.4.tgz",
-      "integrity": "sha512-97ANpzyNp0GTXCt6SRdIx1ngwncpkV/z453ZuxbnBROCJ5p/55UjhbaG23UdHj88fGWLKPFtMoU4CBacz4j9FA==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-s390x": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.16.4.tgz",
-      "integrity": "sha512-pUvPQLPmbEeJRPjP0DYTC1vjHyhrnCklQmCGYbipkep+oyfTn7GTBJXoPodR7ZS5upmEyc8lzAkn2o29wD786A==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-x64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.16.4.tgz",
-      "integrity": "sha512-N55Q0mJs3Sl8+utPRPBrL6NLYZKBCLLx0bme/+RbjvMforTGGzFvsRl4xLTZMUBFC1poDzBEPTEu5nxizQ9Nlw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.16.4.tgz",
-      "integrity": "sha512-LHSJLit8jCObEQNYkgsDYBh2JrJT53oJO2HVdkSYLa6+zuLJh0lAr06brXIkljrlI+N7NNW1IAXGn/6IZPi3YQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.16.4.tgz",
-      "integrity": "sha512-nLgdc6tWEhcCFg/WVFaUxHcPK3AP/bh+KEwKtl69Ay5IBqUwKDaq/6Xk0E+fh/FGjnLwqFSsarsbPHeKM8t8Sw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/sunos-x64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.16.4.tgz",
-      "integrity": "sha512-08SluG24GjPO3tXKk95/85n9kpyZtXCVwURR2i4myhrOfi3jspClV0xQQ0W0PYWHioJj+LejFMt41q+PG3mlAQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/win32-arm64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.16.4.tgz",
-      "integrity": "sha512-yYiRDQcqLYQSvNQcBKN7XogbrSvBE45FEQdH8fuXPl7cngzkCvpsG2H9Uey39IjQ6gqqc+Q4VXYHsQcKW0OMjQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/win32-ia32": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.16.4.tgz",
-      "integrity": "sha512-5rabnGIqexekYkh9zXG5waotq8mrdlRoBqAktjx2W3kb0zsI83mdCwrcAeKYirnUaTGztR5TxXcXmQrEzny83w==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/win32-x64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.16.4.tgz",
-      "integrity": "sha512-sN/I8FMPtmtT2Yw+Dly8Ur5vQ5a/RmC8hW7jO9PtPSQUPkowxWpcUZnqOggU7VwyT3Xkj6vcXWd3V/qTXwultQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/@eslint/eslintrc": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.4.0.tgz",
@@ -625,12 +291,31 @@
         "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1"
       }
     },
+    "node_modules/@types/geojson": {
+      "version": "7946.0.10",
+      "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.10.tgz",
+      "integrity": "sha512-Nmh0K3iWQJzniTuPRcJn5hxXkfB1T1pgB89SBig5PlJQU5yocazeu4jATJlaA0GYFKWMqDdvYemoSnF2pXgLVA==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
     "node_modules/@types/json-schema": {
       "version": "7.0.11",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
       "integrity": "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==",
       "dev": true
     },
+    "node_modules/@types/leaflet": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/@types/leaflet/-/leaflet-1.9.3.tgz",
+      "integrity": "sha512-Caa1lYOgKVqDkDZVWkto2Z5JtVo09spEaUt2S69LiugbBpoqQu92HYFMGUbYezZbnBkyOxMNPXHSgRrRY5UyIA==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@types/geojson": "*"
+      }
+    },
     "node_modules/@types/node": {
       "version": "18.11.18",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.18.tgz",
@@ -939,6 +624,24 @@
         "@volar/vue-language-core": "1.0.18"
       }
     },
+    "node_modules/@vue-leaflet/vue-leaflet": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@vue-leaflet/vue-leaflet/-/vue-leaflet-0.9.0.tgz",
+      "integrity": "sha512-B5sxleSIFP0RK+7418BQirZ7oXa0t2dZrwfGI/0ABgaFLCWmHWP26w4soqrF5MlpThvhieAIUVIVuTdgXUenmA==",
+      "dev": true,
+      "dependencies": {
+        "vue": "^3.2.25"
+      },
+      "peerDependencies": {
+        "@types/leaflet": "^1.5.7",
+        "leaflet": "^1.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/leaflet": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@vue/compiler-core": {
       "version": "3.2.45",
       "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.45.tgz",
@@ -2749,6 +2452,12 @@
         "js-sha256": "^0.9.0"
       }
     },
+    "node_modules/leaflet": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/leaflet/-/leaflet-1.9.3.tgz",
+      "integrity": "sha512-iB2cR9vAkDOu5l3HAay2obcUHZ7xwUBBjph8+PGtmW/2lYhbLizWtG7nTeYht36WfOslixQF9D/uSIzhZgGMfQ==",
+      "dev": true
+    },
     "node_modules/levn": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
@@ -4581,9 +4290,9 @@
   },
   "dependencies": {
     "@babel/parser": {
-      "version": "7.17.9",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.17.9.tgz",
-      "integrity": "sha512-vqUSBLP8dQHFPdPi9bc5GK9vRkYHJ49fsZdtoJ8EQ8ibpwk5rPKfvNIwChB0KVXcIjcepEBBd2VHC5r9Gy8ueg=="
+      "version": "7.21.3",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.3.tgz",
+      "integrity": "sha512-lobG0d7aOfQRXh8AyklEAgZGvA4FShxo6xQbUrrT/cNBPUdIDojlokwJsQyCC/eKia7ifqM0yP+2DRZ4WKw2RQ=="
     },
     "@babel/runtime": {
       "version": "7.20.6",
@@ -4602,27 +4311,6 @@
         "regenerator-runtime": "^0.13.4"
       }
     },
-    "@esbuild/android-arm": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.16.4.tgz",
-      "integrity": "sha512-rZzb7r22m20S1S7ufIc6DC6W659yxoOrl7sKP1nCYhuvUlnCFHVSbATG4keGUtV8rDz11sRRDbWkvQZpzPaHiw==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/android-arm64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.16.4.tgz",
-      "integrity": "sha512-VPuTzXFm/m2fcGfN6CiwZTlLzxrKsWbPkG7ArRFpuxyaHUm/XFHQPD4xNwZT6uUmpIHhnSjcaCmcla8COzmZ5Q==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/android-x64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.16.4.tgz",
-      "integrity": "sha512-MW+B2O++BkcOfMWmuHXB15/l1i7wXhJFqbJhp82IBOais8RBEQv2vQz/jHrDEHaY2X0QY7Wfw86SBL2PbVOr0g==",
-      "dev": true,
-      "optional": true
-    },
     "@esbuild/darwin-arm64": {
       "version": "0.16.4",
       "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.16.4.tgz",
@@ -4630,132 +4318,6 @@
       "dev": true,
       "optional": true
     },
-    "@esbuild/darwin-x64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.16.4.tgz",
-      "integrity": "sha512-e3doCr6Ecfwd7VzlaQqEPrnbvvPjE9uoTpxG5pyLzr2rI2NMjDHmvY1E5EO81O/e9TUOLLkXA5m6T8lfjK9yAA==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/freebsd-arm64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.16.4.tgz",
-      "integrity": "sha512-Oup3G/QxBgvvqnXWrBed7xxkFNwAwJVHZcklWyQt7YCAL5bfUkaa6FVWnR78rNQiM8MqqLiT6ZTZSdUFuVIg1w==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/freebsd-x64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.16.4.tgz",
-      "integrity": "sha512-vAP+eYOxlN/Bpo/TZmzEQapNS8W1njECrqkTpNgvXskkkJC2AwOXwZWai/Kc2vEFZUXQttx6UJbj9grqjD/+9Q==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/linux-arm": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.16.4.tgz",
-      "integrity": "sha512-A47ZmtpIPyERxkSvIv+zLd6kNIOtJH03XA0Hy7jaceRDdQaQVGSDt4mZqpWqJYgDk9rg96aglbF6kCRvPGDSUA==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/linux-arm64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.16.4.tgz",
-      "integrity": "sha512-2zXoBhv4r5pZiyjBKrOdFP4CXOChxXiYD50LRUU+65DkdS5niPFHbboKZd/c81l0ezpw7AQnHeoCy5hFrzzs4g==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/linux-ia32": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.16.4.tgz",
-      "integrity": "sha512-uxdSrpe9wFhz4yBwt2kl2TxS/NWEINYBUFIxQtaEVtglm1eECvsj1vEKI0KX2k2wCe17zDdQ3v+jVxfwVfvvjw==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/linux-loong64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.16.4.tgz",
-      "integrity": "sha512-peDrrUuxbZ9Jw+DwLCh/9xmZAk0p0K1iY5d2IcwmnN+B87xw7kujOkig6ZRcZqgrXgeRGurRHn0ENMAjjD5DEg==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/linux-mips64el": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.16.4.tgz",
-      "integrity": "sha512-sD9EEUoGtVhFjjsauWjflZklTNr57KdQ6xfloO4yH1u7vNQlOfAlhEzbyBKfgbJlW7rwXYBdl5/NcZ+Mg2XhQA==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/linux-ppc64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.16.4.tgz",
-      "integrity": "sha512-X1HSqHUX9D+d0l6/nIh4ZZJ94eQky8d8z6yxAptpZE3FxCWYWvTDd9X9ST84MGZEJx04VYUD/AGgciddwO0b8g==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/linux-riscv64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.16.4.tgz",
-      "integrity": "sha512-97ANpzyNp0GTXCt6SRdIx1ngwncpkV/z453ZuxbnBROCJ5p/55UjhbaG23UdHj88fGWLKPFtMoU4CBacz4j9FA==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/linux-s390x": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.16.4.tgz",
-      "integrity": "sha512-pUvPQLPmbEeJRPjP0DYTC1vjHyhrnCklQmCGYbipkep+oyfTn7GTBJXoPodR7ZS5upmEyc8lzAkn2o29wD786A==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/linux-x64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.16.4.tgz",
-      "integrity": "sha512-N55Q0mJs3Sl8+utPRPBrL6NLYZKBCLLx0bme/+RbjvMforTGGzFvsRl4xLTZMUBFC1poDzBEPTEu5nxizQ9Nlw==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/netbsd-x64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.16.4.tgz",
-      "integrity": "sha512-LHSJLit8jCObEQNYkgsDYBh2JrJT53oJO2HVdkSYLa6+zuLJh0lAr06brXIkljrlI+N7NNW1IAXGn/6IZPi3YQ==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/openbsd-x64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.16.4.tgz",
-      "integrity": "sha512-nLgdc6tWEhcCFg/WVFaUxHcPK3AP/bh+KEwKtl69Ay5IBqUwKDaq/6Xk0E+fh/FGjnLwqFSsarsbPHeKM8t8Sw==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/sunos-x64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.16.4.tgz",
-      "integrity": "sha512-08SluG24GjPO3tXKk95/85n9kpyZtXCVwURR2i4myhrOfi3jspClV0xQQ0W0PYWHioJj+LejFMt41q+PG3mlAQ==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/win32-arm64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.16.4.tgz",
-      "integrity": "sha512-yYiRDQcqLYQSvNQcBKN7XogbrSvBE45FEQdH8fuXPl7cngzkCvpsG2H9Uey39IjQ6gqqc+Q4VXYHsQcKW0OMjQ==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/win32-ia32": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.16.4.tgz",
-      "integrity": "sha512-5rabnGIqexekYkh9zXG5waotq8mrdlRoBqAktjx2W3kb0zsI83mdCwrcAeKYirnUaTGztR5TxXcXmQrEzny83w==",
-      "dev": true,
-      "optional": true
-    },
-    "@esbuild/win32-x64": {
-      "version": "0.16.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.16.4.tgz",
-      "integrity": "sha512-sN/I8FMPtmtT2Yw+Dly8Ur5vQ5a/RmC8hW7jO9PtPSQUPkowxWpcUZnqOggU7VwyT3Xkj6vcXWd3V/qTXwultQ==",
-      "dev": true,
-      "optional": true
-    },
     "@eslint/eslintrc": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.4.0.tgz",
@@ -4888,12 +4450,31 @@
         "mini-svg-data-uri": "^1.2.3"
       }
     },
+    "@types/geojson": {
+      "version": "7946.0.10",
+      "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.10.tgz",
+      "integrity": "sha512-Nmh0K3iWQJzniTuPRcJn5hxXkfB1T1pgB89SBig5PlJQU5yocazeu4jATJlaA0GYFKWMqDdvYemoSnF2pXgLVA==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
     "@types/json-schema": {
       "version": "7.0.11",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
       "integrity": "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==",
       "dev": true
     },
+    "@types/leaflet": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/@types/leaflet/-/leaflet-1.9.3.tgz",
+      "integrity": "sha512-Caa1lYOgKVqDkDZVWkto2Z5JtVo09spEaUt2S69LiugbBpoqQu92HYFMGUbYezZbnBkyOxMNPXHSgRrRY5UyIA==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "requires": {
+        "@types/geojson": "*"
+      }
+    },
     "@types/node": {
       "version": "18.11.18",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.18.tgz",
@@ -5106,6 +4687,15 @@
         "@volar/vue-language-core": "1.0.18"
       }
     },
+    "@vue-leaflet/vue-leaflet": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@vue-leaflet/vue-leaflet/-/vue-leaflet-0.9.0.tgz",
+      "integrity": "sha512-B5sxleSIFP0RK+7418BQirZ7oXa0t2dZrwfGI/0ABgaFLCWmHWP26w4soqrF5MlpThvhieAIUVIVuTdgXUenmA==",
+      "dev": true,
+      "requires": {
+        "vue": "^3.2.25"
+      }
+    },
     "@vue/compiler-core": {
       "version": "3.2.45",
       "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.45.tgz",
@@ -6400,6 +5990,12 @@
         "js-sha256": "^0.9.0"
       }
     },
+    "leaflet": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/leaflet/-/leaflet-1.9.3.tgz",
+      "integrity": "sha512-iB2cR9vAkDOu5l3HAay2obcUHZ7xwUBBjph8+PGtmW/2lYhbLizWtG7nTeYht36WfOslixQF9D/uSIzhZgGMfQ==",
+      "dev": true
+    },
     "levn": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
diff --git a/databrowser/package.json b/databrowser/package.json
index 36b3b1c15..2ce54a16a 100644
--- a/databrowser/package.json
+++ b/databrowser/package.json
@@ -43,6 +43,7 @@
     "@typescript-eslint/eslint-plugin": "^5.47.1",
     "@typescript-eslint/parser": "^5.47.1",
     "@vitejs/plugin-vue": "^4.0.0",
+    "@vue-leaflet/vue-leaflet": "^0.9.0",
     "@vue/eslint-config-typescript": "^11.0.2",
     "autoprefixer": "^10.4.13",
     "eslint": "^8.30.0",
@@ -51,6 +52,7 @@
     "eslint-plugin-tailwindcss": "^3.7.1",
     "eslint-plugin-vue": "^9.8.0",
     "husky": "^8.0.2",
+    "leaflet": "^1.9.3",
     "openapi-types": "^12.1.0",
     "postcss": "^8.4.20",
     "prettier": "^2.8.1",
diff --git a/databrowser/src/components/map/MapBase.vue b/databrowser/src/components/map/MapBase.vue
new file mode 100644
index 000000000..1b2e19221
--- /dev/null
+++ b/databrowser/src/components/map/MapBase.vue
@@ -0,0 +1,97 @@
+<template>
+  <l-map
+    ref="map"
+    :zoom="zoom"
+    :center="center"
+    :style="{ height }"
+    :use-global-leaflet="false"
+  >
+    <l-tile-layer
+      url="https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png"
+      :attribution="attribution"
+    ></l-tile-layer>
+    <l-marker
+      v-for="marker in markers"
+      :key="
+        marker.position.lat +
+        '-' +
+        marker.position.lng +
+        '-' +
+        new Date().getTime()
+      "
+      :lat-lng="[marker.position.lat, marker.position.lng]"
+      class="marker"
+    ></l-marker>
+  </l-map>
+</template>
+
+<script lang="ts" setup>
+import { defineProps, defineAsyncComponent } from 'vue';
+import { PointExpression } from 'leaflet';
+import 'leaflet/dist/leaflet.css';
+
+const LMap = defineAsyncComponent(() =>
+  import('@vue-leaflet/vue-leaflet').then((exports) => exports.LMap)
+);
+
+const LTileLayer = defineAsyncComponent(() =>
+  import('@vue-leaflet/vue-leaflet').then((exports) => exports.LTileLayer)
+);
+
+const LMarker = defineAsyncComponent(() =>
+  import('@vue-leaflet/vue-leaflet').then((exports) => exports.LMarker)
+);
+
+interface Marker {
+  position: Position;
+}
+
+interface Position {
+  lat: number;
+  lng: number;
+}
+
+withDefaults(
+  defineProps<{
+    center?: PointExpression;
+    markers: Array<Marker>;
+    zoom?: number;
+    height?: string;
+  }>(),
+  {
+    center: () => [40, 40],
+    markers: () => [],
+    zoom: 8,
+    height: '400px',
+  }
+);
+
+const attribution =
+  '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>';
+</script>
+
+<style>
+.map-ct .ol-control {
+  @apply bg-white p-0;
+
+  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
+  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
+}
+
+.map-ct .ol-control button {
+  @apply bg-white hover:bg-gray-100 text-black opacity-100 text-2xl 
+  relative m-0;
+}
+
+.map-ct .ol-control button:first-child::after {
+  @apply w-full bg-gray-300 left-0 absolute;
+
+  content: '';
+  height: 2px;
+  bottom: -1px;
+}
+
+.map-ct .ol-full-screen {
+  @apply hidden pointer-events-none;
+}
+</style>
diff --git a/databrowser/src/components/quickview/QuickViewCardBase.vue b/databrowser/src/components/quickview/QuickViewCardBase.vue
new file mode 100644
index 000000000..c61a3f53b
--- /dev/null
+++ b/databrowser/src/components/quickview/QuickViewCardBase.vue
@@ -0,0 +1,48 @@
+<template>
+  <div class="quickview-card-ct">
+    <div class="title-section">
+      {{ title }}
+      <IconParser
+        v-if="ctaIcon"
+        :name="ctaIcon"
+        class="icon-ct"
+        @click="$emit('ctaClick')"
+      />
+    </div>
+    <slot></slot>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineProps, defineEmits, withDefaults } from 'vue';
+
+import IconParser from '../utils/IconParser.vue';
+
+withDefaults(
+  defineProps<{
+    title?: string;
+    ctaIcon?: string;
+  }>(),
+  {
+    title: '',
+    ctaIcon: '',
+  }
+);
+
+defineEmits(['ctaClick']);
+</script>
+
+<style scoped>
+.quickview-card-ct {
+  @apply rounded-lg border border-gray-250;
+}
+
+.title-section {
+  @apply font-semibold text-dialog bg-gray-50 py-2 px-4
+  flex justify-between items-center;
+}
+
+.icon-ct {
+  @apply w-4 h-4 cursor-pointer text-green-400;
+}
+</style>
diff --git a/databrowser/src/components/quickview/QuickViewCardOverview.vue b/databrowser/src/components/quickview/QuickViewCardOverview.vue
new file mode 100644
index 000000000..734bb659d
--- /dev/null
+++ b/databrowser/src/components/quickview/QuickViewCardOverview.vue
@@ -0,0 +1,160 @@
+<template>
+  <QuickViewCardBase
+    :title="title"
+    :cta-icon="ctaIcon"
+    @cta-click="$emit('ctaClick')"
+  >
+    <div
+      class="overview-content-card-ct"
+      :class="{ 'no-padding': contentHasNoPadding }"
+    >
+      <slot name="content" />
+      <QuickViewCardOverviewContentContainer
+        v-for="(s, i) in sections"
+        :key="i"
+        :icon="s.icon"
+        class="overview-ct"
+      >
+        <template #content>
+          <div
+            v-for="(c, contentIndex) in s.content"
+            :key="`c_${contentIndex}`"
+            :class="{ 'pb-4': contentIndex < s.content.length - 1 }"
+          >
+            <QuickViewCardOverviewContentTitle :value="c.title" />
+            <QuickViewCardOverviewContentText v-if="c.text" :value="c.text" />
+            <TagCustom
+              v-if="c.tag"
+              :size="c.tag.size"
+              :type="c.tag.type"
+              :text="c.tag.text"
+              :has-dot="c.tag.hasDot"
+              class="mt-1"
+            />
+          </div>
+        </template>
+        <template #fullwidth-content>
+          <div
+            v-for="(c, contentIndex) in s.fullwidthContent"
+            :key="`fwc_${contentIndex}`"
+            :class="{ 'pb-4': contentIndex < s.content.length - 1 }"
+          >
+            <div v-if="c.operationScheduleTime">
+              <div
+                v-for="(time, indexTime) in c.operationScheduleTime"
+                :key="indexTime"
+                class="opening-hour-card-ct"
+              >
+                <div v-for="d in time" :key="d.Day" class="opening-hour-card">
+                  <div
+                    class="day"
+                    :class="[
+                      d.Open
+                        ? 'bg-hint-calm-secondary text-hint-calm'
+                        : 'bg-hint-error-secondary text-hint-error',
+                    ]"
+                  >
+                    {{ d.Day }}
+                  </div>
+                  <div class="time">
+                    <span> {{ d.Open ? d.Start : '&nbsp;' }}</span>
+                    <span v-if="d.Open" class="divisor">-</span>
+                    <span v-else>{{ t('datasets.quickView.closed') }}</span>
+                    <span> {{ d.Open ? d.End : '&nbsp;' }}</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </template>
+      </QuickViewCardOverviewContentContainer>
+    </div>
+  </QuickViewCardBase>
+</template>
+
+<script setup lang="ts">
+import { defineProps, withDefaults, defineEmits } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import QuickViewCardBase from './QuickViewCardBase.vue';
+import QuickViewCardOverviewContentContainer from './QuickViewCardOverviewContentContainer.vue';
+import QuickViewCardOverviewContentTitle from './QuickViewCardOverviewContentTitle.vue';
+import QuickViewCardOverviewContentText from './QuickViewCardOverviewContentText.vue';
+
+import TagCustom from '../tag/TagCustom.vue';
+
+interface Section {
+  icon?: string;
+  content: Array<any>;
+  fullwidthContent?: Array<any>;
+}
+
+withDefaults(
+  defineProps<{
+    title?: string;
+    sections: Array<Section>;
+    contentHasNoPadding?: boolean;
+    ctaIcon?: string;
+  }>(),
+  {
+    title: '',
+    contentHasNoPadding: false,
+    ctaIcon: '',
+  }
+);
+
+defineEmits(['ctaClick']);
+
+const { t } = useI18n();
+</script>
+
+<style scoped>
+.overview-content-card-ct {
+  @apply p-4;
+}
+
+.overview-content-card-ct.no-padding {
+  @apply p-0;
+}
+
+.overview-ct {
+  @apply py-6;
+}
+
+.overview-ct:not(:last-child) {
+  @apply border-b border-gray-250;
+}
+
+.overview-ct:first-child {
+  @apply pt-0;
+}
+
+.overview-ct:last-child {
+  @apply pb-0;
+}
+
+.opening-hour-card-ct {
+  @apply grid grid-cols-3 md:grid-cols-7 gap-3 mt-4;
+}
+
+.opening-hour-card {
+  @apply border-2 border-gray-250 rounded;
+}
+
+.opening-hour-card .day {
+  @apply font-bold text-2xl text-center p-2;
+}
+
+.opening-hour-card .time {
+  @apply text-dialog text-center p-2
+  flex flex-col justify-center;
+}
+
+.opening-hour-card .time.closed {
+  @apply pt-5;
+}
+
+.opening-hour-card span {
+  @apply leading-tight;
+}
+</style>
diff --git a/databrowser/src/components/quickview/QuickViewCardOverviewContentContainer.vue b/databrowser/src/components/quickview/QuickViewCardOverviewContentContainer.vue
new file mode 100644
index 000000000..4d80af838
--- /dev/null
+++ b/databrowser/src/components/quickview/QuickViewCardOverviewContentContainer.vue
@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <div class="content-section">
+      <div v-if="icon" class="icon-ct">
+        <IconParser :name="icon" />
+      </div>
+      <div>
+        <slot name="content" />
+      </div>
+    </div>
+    <slot name="fullwidth-content" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineProps, withDefaults } from 'vue';
+
+import IconParser from '../utils/IconParser.vue';
+
+withDefaults(
+  defineProps<{
+    icon?: string;
+  }>(),
+  {
+    icon: undefined,
+  }
+);
+</script>
+
+<style scoped>
+.content-section {
+  @apply flex gap-3;
+}
+
+.icon-ct {
+  @apply h-8 w-8 flex-shrink-0 text-green-400;
+}
+</style>
diff --git a/databrowser/src/components/quickview/QuickViewCardOverviewContentText.vue b/databrowser/src/components/quickview/QuickViewCardOverviewContentText.vue
new file mode 100644
index 000000000..6f58562b7
--- /dev/null
+++ b/databrowser/src/components/quickview/QuickViewCardOverviewContentText.vue
@@ -0,0 +1,16 @@
+<template>
+  <p class="text-dialog">{{ value }}</p>
+</template>
+
+<script setup lang="ts">
+import { defineProps, withDefaults } from 'vue';
+
+withDefaults(
+  defineProps<{
+    value?: string;
+  }>(),
+  {
+    value: '',
+  }
+);
+</script>
diff --git a/databrowser/src/components/quickview/QuickViewCardOverviewContentTitle.vue b/databrowser/src/components/quickview/QuickViewCardOverviewContentTitle.vue
new file mode 100644
index 000000000..b79cf131b
--- /dev/null
+++ b/databrowser/src/components/quickview/QuickViewCardOverviewContentTitle.vue
@@ -0,0 +1,16 @@
+<template>
+  <h3 class="font-bold text-dialog">{{ value }}</h3>
+</template>
+
+<script setup lang="ts">
+import { defineProps, withDefaults } from 'vue';
+
+withDefaults(
+  defineProps<{
+    value?: string;
+  }>(),
+  {
+    value: '',
+  }
+);
+</script>
diff --git a/databrowser/src/components/quickview/QuickViewCardOverviewGallery.vue b/databrowser/src/components/quickview/QuickViewCardOverviewGallery.vue
new file mode 100644
index 000000000..47bb8f9e1
--- /dev/null
+++ b/databrowser/src/components/quickview/QuickViewCardOverviewGallery.vue
@@ -0,0 +1,132 @@
+<template>
+  <div class="quick-view-card-gallery-ct">
+    <div class="media-ct">
+      <img
+        v-if="mediaItems[currentMediaIndex].type === MediaItemType.IMAGE"
+        :src="mediaItems[currentMediaIndex].url"
+        class="media"
+      />
+      <video
+        v-else
+        :src="mediaItems[currentMediaIndex].url"
+        autoplay
+        muted
+        playsinline
+        loop
+        class="media"
+      />
+      <div
+        v-if="currentMediaIndex > 0"
+        class="control-ct flip-icon"
+        @click="currentMediaIndex--"
+      >
+        <ChevronRight />
+      </div>
+      <div
+        v-if="currentMediaIndex !== mediaItems.length - 1"
+        class="control-ct"
+        @click="currentMediaIndex++"
+      >
+        <ChevronRight />
+      </div>
+    </div>
+    <div class="descr-ct">
+      <div class="detail">
+        <QuickViewCardOverviewContentTitle value="Name" />
+        <QuickViewCardOverviewContentText
+          :value="mediaItems[currentMediaIndex].name"
+        />
+      </div>
+      <div class="detail">
+        <QuickViewCardOverviewContentTitle value="Link" />
+        <QuickViewCardOverviewContentText
+          :value="mediaItems[currentMediaIndex].url"
+        />
+      </div>
+    </div>
+    <div class="indicator-ct">
+      <div
+        v-for="(item, i) in mediaItems"
+        :key="i"
+        class="indicator"
+        :class="{ active: i === currentMediaIndex }"
+        :style="{
+          transform: `scale(-${1 - Math.abs(i - currentMediaIndex) / 10})`,
+        }"
+      ></div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineProps, withDefaults, ref } from 'vue';
+
+import QuickViewCardOverviewContentTitle from './QuickViewCardOverviewContentTitle.vue';
+import QuickViewCardOverviewContentText from './QuickViewCardOverviewContentText.vue';
+import ChevronRight from '../svg/ChevronRight.vue';
+import { MediaItem, MediaItemType } from './QuickViewCommonTypes';
+
+withDefaults(
+  defineProps<{
+    mediaItems: Array<MediaItem>;
+  }>(),
+  {
+    mediaItems: () => [],
+  }
+);
+
+const currentMediaIndex = ref(0);
+</script>
+
+<style scoped>
+.quick-view-card-gallery-ct .media-ct {
+  @apply relative;
+}
+
+.quick-view-card-gallery-ct .media-ct .media {
+  @apply w-full select-none;
+}
+
+.quick-view-card-gallery-ct .descr-ct {
+  @apply my-4 px-4;
+}
+
+.quick-view-card-gallery-ct .descr-ct .detail:last-child {
+  @apply mt-4;
+}
+
+.quick-view-card-gallery-ct .indicator-ct {
+  @apply w-full flex justify-center items-center gap-1 mb-5;
+}
+
+.quick-view-card-gallery-ct .indicator-ct .indicator {
+  @apply bg-gray-250 w-3 h-3 rounded-full;
+}
+
+.quick-view-card-gallery-ct .indicator-ct .indicator.active {
+  @apply bg-green-500;
+}
+
+.quick-view-card-gallery-ct .media-ct .control-ct {
+  @apply flex items-center justify-center
+  rounded-full bg-white cursor-pointer
+  w-9 h-9
+  absolute
+  right-2;
+
+  transform: translate(0, -50%);
+  top: 50%;
+}
+
+.quick-view-card-gallery-ct .media-ct .control-ct.flip-icon {
+  @apply left-2 right-auto;
+}
+
+.quick-view-card-gallery-ct .media-ct .control-ct.flip-icon svg {
+  @apply -scale-x-100;
+}
+
+.quick-view-card-gallery-ct .media-ct .control-ct svg {
+  @apply h-3;
+}
+</style>
diff --git a/databrowser/src/components/quickview/QuickViewCommonTypes.ts b/databrowser/src/components/quickview/QuickViewCommonTypes.ts
new file mode 100644
index 000000000..aad9d01a6
--- /dev/null
+++ b/databrowser/src/components/quickview/QuickViewCommonTypes.ts
@@ -0,0 +1,9 @@
+export enum MediaItemType {
+  IMAGE = 'IMAGE',
+}
+
+export interface MediaItem {
+  type: MediaItemType;
+  url: string;
+  name: string;
+}
diff --git a/databrowser/src/components/quickview/QuickViewContactsCard.vue b/databrowser/src/components/quickview/QuickViewContactsCard.vue
new file mode 100644
index 000000000..0221d5c41
--- /dev/null
+++ b/databrowser/src/components/quickview/QuickViewContactsCard.vue
@@ -0,0 +1,104 @@
+<template>
+  <QuickViewCardOverview
+    :title="t('datasets.quickView.contact')"
+    :sections="contactSections"
+  />
+</template>
+
+<script setup lang="ts">
+import { computed, defineProps, withDefaults } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import { getTextValue } from './QuickViewUtils';
+
+import QuickViewCardOverview from './QuickViewCardOverview.vue';
+
+const { t } = useI18n();
+
+const props = withDefaults(
+  defineProps<{
+    companyName?: string;
+    givenName?: string;
+    surname?: string;
+    address?: string;
+    city?: string;
+    zipCode?: string;
+    countryName?: string;
+    email?: string;
+    phoneNumber?: string;
+    url?: string;
+  }>(),
+  {
+    companyName: '',
+    givenName: '',
+    surname: '',
+    address: '',
+    city: '',
+    zipCode: '',
+    countryName: '',
+    email: '',
+    phoneNumber: '',
+    url: '',
+  }
+);
+
+const contactSections = computed(() => {
+  return [
+    {
+      icon: 'IconDocument',
+      content: [
+        {
+          title: t('datasets.quickView.nameCompanyName'),
+          text: getTextValue(props.companyName),
+        },
+        {
+          title: t('datasets.quickView.firstName'),
+          text: getTextValue(props.givenName),
+        },
+        {
+          title: t('datasets.quickView.surname'),
+          text: getTextValue(props.surname),
+        },
+      ],
+    },
+    {
+      icon: 'IconBuilding',
+      content: [
+        {
+          title: t('datasets.quickView.streetAndNumber'),
+          text: getTextValue(props.address),
+        },
+        {
+          title: t('datasets.quickView.city'),
+          text: getTextValue(props.city),
+        },
+        {
+          title: t('datasets.quickView.zip'),
+          text: getTextValue(props.zipCode),
+        },
+        {
+          title: t('datasets.quickView.country'),
+          text: getTextValue(props.countryName),
+        },
+      ],
+    },
+    {
+      icon: 'IconPhonebook',
+      content: [
+        {
+          title: t('datasets.quickView.email'),
+          text: getTextValue(props.email),
+        },
+        {
+          title: t('datasets.quickView.phoneNumber'),
+          text: getTextValue(props.phoneNumber),
+        },
+        {
+          title: t('datasets.quickView.webUrl'),
+          text: getTextValue(props.url),
+        },
+      ],
+    },
+  ];
+});
+</script>
diff --git a/databrowser/src/components/quickview/QuickViewFullscreenGallery.vue b/databrowser/src/components/quickview/QuickViewFullscreenGallery.vue
new file mode 100644
index 000000000..6103af17c
--- /dev/null
+++ b/databrowser/src/components/quickview/QuickViewFullscreenGallery.vue
@@ -0,0 +1,108 @@
+<template>
+  <div class="gallery-ct">
+    <div
+      v-for="(image, i) in images"
+      :id="`image-in-gallery-${i}`"
+      :key="i"
+      class="w-full shrink-0 bg-cover bg-center"
+      :style="{
+        maxWidth: `${imageWidth}px`,
+        height: height + 'px',
+        backgroundImage: `url(${image.ImageUrl})`,
+        marginLeft: i === 0 ? currentMarginLeft : ``,
+      }"
+    />
+    <div
+      v-if="currentMediaIndex > 0"
+      class="control-ct flip-icon"
+      @click="prevImage()"
+    >
+      <ChevronRight />
+    </div>
+    <div v-if="showNextIcon" class="control-ct" @click="nextImage()">
+      <ChevronRight />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineProps, withDefaults, ref, toRefs, computed } from 'vue';
+
+import ChevronRight from '../svg/ChevronRight.vue';
+
+interface Image {
+  ImageUrl: string;
+}
+
+const props = withDefaults(
+  defineProps<{
+    images: Array<Image>;
+    height?: number;
+  }>(),
+  {
+    images: () => [],
+    height: 250,
+  }
+);
+
+const { images } = toRefs(props);
+const imageWidth = 400;
+const currentMediaIndex = ref(0);
+const showNextIcon = ref(true);
+
+const currentMarginLeft = computed(() => {
+  const currentImageWidth =
+    imageWidth > window.innerWidth ? window.innerWidth : imageWidth;
+  return `-${currentMediaIndex.value * currentImageWidth}px`;
+});
+
+const nextImage = () => {
+  currentMediaIndex.value++;
+  checkShowNextIcon(false);
+};
+
+const prevImage = () => {
+  currentMediaIndex.value--;
+  checkShowNextIcon(true);
+};
+
+const checkShowNextIcon = (isPrev: boolean) => {
+  const lastImage = document.getElementById(
+    `image-in-gallery-${images.value.length - 1}`
+  );
+
+  const { right } = lastImage!.getBoundingClientRect();
+  showNextIcon.value = isPrev
+    ? right + imageWidth > window.innerWidth
+    : right - imageWidth > window.innerWidth;
+};
+</script>
+
+<style scoped>
+.gallery-ct {
+  @apply flex overflow-x-hidden relative md:gap-2 items-center;
+}
+
+.gallery-ct .control-ct {
+  @apply flex items-center justify-center
+  rounded-full bg-white cursor-pointer
+  w-9 h-9
+  absolute
+  right-2;
+
+  transform: translate(0, -50%);
+  top: 50%;
+}
+
+.gallery-ct .control-ct.flip-icon {
+  @apply left-2 right-auto;
+}
+
+.gallery-ct .control-ct.flip-icon svg {
+  @apply -scale-x-100;
+}
+
+.gallery-ct .control-ct svg {
+  @apply h-3;
+}
+</style>
diff --git a/databrowser/src/components/quickview/QuickViewMapView.vue b/databrowser/src/components/quickview/QuickViewMapView.vue
new file mode 100644
index 000000000..52f05ea97
--- /dev/null
+++ b/databrowser/src/components/quickview/QuickViewMapView.vue
@@ -0,0 +1,61 @@
+<template>
+  <QuickViewCardOverview
+    :title="t('datasets.quickView.locationOnMap')"
+    content-has-no-padding
+    :sections="[]"
+  >
+    <template #content>
+      <MapBase :center="map.center" :markers="map.markers" />
+    </template>
+  </QuickViewCardOverview>
+</template>
+
+<script setup lang="ts">
+import { computed, defineProps, withDefaults } from 'vue';
+import { PointExpression } from 'leaflet';
+import { useI18n } from 'vue-i18n';
+
+import QuickViewCardOverview from './QuickViewCardOverview.vue';
+import MapBase from '../../components/map/MapBase.vue';
+
+const { t } = useI18n();
+
+interface GpsInfo {
+  Latitude: number;
+  Longitude: number;
+}
+
+const props = withDefaults(
+  defineProps<{
+    gpsInfo: Array<GpsInfo>;
+  }>(),
+  {
+    gpsInfo: () => [],
+  }
+);
+
+const map = computed(() => {
+  if (!props.gpsInfo.length) {
+    return {
+      center: undefined,
+      markers: [],
+    };
+  }
+
+  const { Longitude, Latitude } = props.gpsInfo[0];
+
+  const mapObj = {
+    center: [Latitude, Longitude] as PointExpression,
+    markers: [
+      {
+        position: {
+          lat: Latitude,
+          lng: Longitude,
+        },
+      },
+    ],
+  };
+
+  return mapObj;
+});
+</script>
diff --git a/databrowser/src/components/quickview/QuickViewOpeningHoursView.vue b/databrowser/src/components/quickview/QuickViewOpeningHoursView.vue
new file mode 100644
index 000000000..491fd162d
--- /dev/null
+++ b/databrowser/src/components/quickview/QuickViewOpeningHoursView.vue
@@ -0,0 +1,143 @@
+<template>
+  <QuickViewCardOverview
+    :title="t('datasets.quickView.openingHours')"
+    :sections="
+      operationScheduleSections.length
+        ? operationScheduleSections
+        : [{ content: [{ text: '/' }] }]
+    "
+  />
+</template>
+
+<script setup lang="ts">
+import { format as formatFn } from 'date-fns';
+import { computed, defineProps, withDefaults } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import { getValueOfLocale, getTextValue } from './QuickViewUtils';
+
+import QuickViewCardOverview from './QuickViewCardOverview.vue';
+
+const { t, locale } = useI18n();
+const currentLocale = locale.value;
+
+interface ScheduleTime {
+  Start: string;
+  End: string;
+  Timecode: string;
+  State: string;
+}
+
+interface ScheduleData {
+  OperationScheduleTime: Array<ScheduleTime>;
+  OperationscheduleName: Record<string, unknown>;
+  Start: string;
+  Stop: string;
+}
+
+const props = withDefaults(
+  defineProps<{
+    scheduleData?: Array<ScheduleData>;
+  }>(),
+  {
+    scheduleData: () => [],
+  }
+);
+
+const getTimeValue = (schedule: ScheduleTime, key: keyof ScheduleTime) => {
+  return schedule[key];
+};
+
+const operationSchedule = computed(() => {
+  let foundHours = false;
+
+  const timing = props.scheduleData ? [...props.scheduleData] : [];
+
+  const days = [
+    'Monday' as keyof ScheduleTime,
+    'Tuesday' as keyof ScheduleTime,
+    'Wednesday' as keyof ScheduleTime,
+    'Thursday' as keyof ScheduleTime,
+    'Friday' as keyof ScheduleTime,
+    'Saturday' as keyof ScheduleTime,
+    'Sunday' as keyof ScheduleTime,
+  ];
+
+  const parsedData = [];
+  for (const time of timing) {
+    const operationScheduleTime = [];
+
+    for (const schedule of time?.OperationScheduleTime || []) {
+      foundHours = true;
+      const daysHours = [];
+      const [startHour, startMinute] = schedule.Start.split(':');
+      const [endHour, endMinute] = schedule.End.split(':');
+      for (const d of days) {
+        daysHours.push({
+          Start: `${startHour}:${startMinute}`,
+          End: `${endHour}:${endMinute}`,
+          State: schedule.State,
+          Timecode: schedule.Timecode,
+          Day: d.slice(0, 3).toUpperCase(),
+          Open: getTimeValue(schedule, d),
+        });
+      }
+      operationScheduleTime.push(daysHours);
+    }
+    time.OperationScheduleTime = operationScheduleTime[0];
+    parsedData.push({
+      ...time,
+      OperationScheduleTime: operationScheduleTime,
+      TimePeriodRange: getTimePeriodRange(time.Start, time.Stop),
+    });
+  }
+
+  return foundHours ? parsedData : null;
+});
+
+const operationScheduleSections = computed(() => {
+  if (!operationSchedule.value) {
+    return [];
+  }
+
+  const sections = [];
+
+  for (const schedule of operationSchedule.value) {
+    sections.push({
+      icon: 'IconClock',
+      content: [
+        {
+          title: getTextValue(
+            getValueOfLocale(
+              'currentLocale',
+              schedule.OperationscheduleName
+            ) as string
+          ),
+          text: schedule.TimePeriodRange,
+        },
+      ],
+      fullwidthContent: [
+        { operationScheduleTime: schedule.OperationScheduleTime },
+      ],
+    });
+  }
+
+  return sections;
+});
+
+const getTimePeriodRange = (start: string, end: string) => {
+  const startDate = new Date(start);
+  const monthStart = formatFn(startDate, 'LLLL');
+  const yearStart = formatFn(startDate, 'YYYY');
+  const dayStart = formatFn(startDate, 'd');
+
+  const endDate = new Date(end);
+  const monthEnd = formatFn(startDate, 'LLLL');
+  const yearEnd = formatFn(endDate, 'YYYY');
+  const dayEnd = formatFn(endDate, 'd');
+
+  return `${dayStart}. ${monthStart}${
+    yearStart !== yearEnd ? ' ' + yearStart : ''
+  } - ${dayEnd}. ${monthEnd} ${yearEnd}`;
+};
+</script>
diff --git a/databrowser/src/components/quickview/QuickViewRecordInfoView.vue b/databrowser/src/components/quickview/QuickViewRecordInfoView.vue
new file mode 100644
index 000000000..1460d89c7
--- /dev/null
+++ b/databrowser/src/components/quickview/QuickViewRecordInfoView.vue
@@ -0,0 +1,88 @@
+<template>
+  <QuickViewCardOverview
+    :title="t('datasets.quickView.recordInformation')"
+    :sections="recordInformationSections"
+  />
+</template>
+
+<script setup lang="ts">
+import { computed, defineProps, withDefaults } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import QuickViewCardOverview from './QuickViewCardOverview.vue';
+
+const { t } = useI18n();
+
+const props = withDefaults(
+  defineProps<{
+    lastUpdate: string;
+    active: boolean;
+    odhActive: boolean;
+  }>(),
+  {
+    lastUpdate: '',
+    active: false,
+    odhActive: false,
+  }
+);
+
+const recordInformationSections = computed(() => {
+  const lastUpdate = props.lastUpdate;
+  if (!lastUpdate) {
+    return [];
+  }
+
+  const lastUpdateDate = new Date(lastUpdate).toISOString();
+  const [year, month, day] = lastUpdateDate.split('T')[0].split('-');
+
+  const isSourceActive = props.active;
+  const isODHActive = props.odhActive;
+
+  const isSuedtirolInfoActive = false;
+  return [
+    {
+      icon: 'IconEditFilled',
+      content: [
+        {
+          title: t('datasets.quickView.lastChanged'),
+          text: `${day}.${month}.${year}`,
+        },
+      ],
+    },
+    {
+      icon: 'IconServer',
+      content: [
+        {
+          title: t('datasets.quickView.activeOnSource'),
+          tag: getTagActiveInfoObject({
+            active: isSourceActive,
+          }),
+        },
+        {
+          title: t('datasets.quickView.activeOnODH'),
+          tag: getTagActiveInfoObject({
+            active: isODHActive,
+          }),
+        },
+        {
+          title: t('datasets.quickView.suedtirolInfoActive'),
+          tag: getTagActiveInfoObject({
+            active: isSuedtirolInfoActive,
+          }),
+        },
+      ],
+    },
+  ];
+});
+
+const getTagActiveInfoObject = ({ active }: { active: boolean }) => {
+  return {
+    size: 'md',
+    type: active ? 'blue' : 'red',
+    text: active
+      ? t('datasets.quickView.active')
+      : t('datasets.quickView.inactive'),
+    hasDot: true,
+  };
+};
+</script>
diff --git a/databrowser/src/components/quickview/QuickViewTextInfoCard.vue b/databrowser/src/components/quickview/QuickViewTextInfoCard.vue
new file mode 100644
index 000000000..347e330e7
--- /dev/null
+++ b/databrowser/src/components/quickview/QuickViewTextInfoCard.vue
@@ -0,0 +1,51 @@
+<template>
+  <QuickViewCardOverview
+    :title="t('datasets.quickView.textInformation')"
+    :sections="textInformationSections"
+  />
+</template>
+
+<script setup lang="ts">
+import { computed, defineProps, withDefaults } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import { getTextValue } from './QuickViewUtils';
+
+import QuickViewCardOverview from './QuickViewCardOverview.vue';
+
+const { t } = useI18n();
+
+const props = withDefaults(
+  defineProps<{
+    header?: string;
+    subHeader?: string;
+    introText?: string;
+  }>(),
+  {
+    header: '',
+    subHeader: '',
+    introText: '',
+  }
+);
+
+const textInformationSections = computed(() => {
+  return [
+    {
+      content: [
+        {
+          title: 'Header',
+          text: getTextValue(props.header),
+        },
+        {
+          title: 'Subheader',
+          text: getTextValue(props.subHeader),
+        },
+        {
+          title: 'Introtext',
+          text: getTextValue(props.introText),
+        },
+      ],
+    },
+  ];
+});
+</script>
diff --git a/databrowser/src/components/quickview/QuickViewUtils.ts b/databrowser/src/components/quickview/QuickViewUtils.ts
new file mode 100644
index 000000000..0a77ec445
--- /dev/null
+++ b/databrowser/src/components/quickview/QuickViewUtils.ts
@@ -0,0 +1,14 @@
+export const getValueOfLocale = (
+  currentLocale: string,
+  obj: Record<string, unknown>
+) => {
+  // Note: function can be moved as utils
+  const fallbackLocale = 'en';
+
+  return obj?.[currentLocale] || obj?.[fallbackLocale];
+};
+
+export const getTextValue = (value?: String) => {
+  // Note: function can be moved as utils
+  return value ?? '/';
+};
diff --git a/databrowser/src/components/quickview/QuickViewWebcamsView.vue b/databrowser/src/components/quickview/QuickViewWebcamsView.vue
new file mode 100644
index 000000000..199451a04
--- /dev/null
+++ b/databrowser/src/components/quickview/QuickViewWebcamsView.vue
@@ -0,0 +1,54 @@
+<template>
+  <QuickViewCardOverview
+    :title="t('datasets.quickView.webcamDetails')"
+    :sections="[]"
+    content-has-no-padding
+  >
+    <template #content>
+      <QuickViewCardOverviewGallery :media-items="webcamsMediaItems" />
+    </template>
+  </QuickViewCardOverview>
+</template>
+
+<script setup lang="ts">
+import { computed, defineProps, withDefaults } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import QuickViewCardOverview from './QuickViewCardOverview.vue';
+import QuickViewCardOverviewGallery from './QuickViewCardOverviewGallery.vue';
+import { MediaItem } from './QuickViewCommonTypes';
+
+const { t } = useI18n();
+
+const props = withDefaults(
+  defineProps<{
+    webcamsMediaItems: Array<MediaItem>;
+  }>(),
+  {
+    webcamsMediaItems: () => [],
+  }
+);
+
+const webcamsMediaItems = computed(() => {
+  return props.webcamsMediaItems || getPlaceholderMediaItems(); // FIXME: the placeholder media items have been introduced only as an example of the component functionality. The should be removed in the final version
+});
+
+const getPlaceholderMediaItems = () => {
+  const items = [];
+
+  for (let index = 0; index < 5; index++) {
+    items.push({
+      type: 'IMAGE',
+      url: `https://picsum.photos/1280/720`,
+      name: `Immagine di test ${index}`,
+    });
+  }
+  items.push({
+    type: 'VIDEO',
+    url: `http://techslides.com/demos/sample-videos/small.mp4`,
+    name: `Video di test`,
+  });
+
+  return items;
+};
+</script>
diff --git a/databrowser/src/components/svg/ChevronRight.vue b/databrowser/src/components/svg/ChevronRight.vue
new file mode 100644
index 000000000..b76cd28cf
--- /dev/null
+++ b/databrowser/src/components/svg/ChevronRight.vue
@@ -0,0 +1,11 @@
+<template>
+  <svg viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M1.73718 10.4661L6.87346 5.98788C6.9134 5.9552 6.94524 5.91572 6.96701 5.87188C6.98877 5.82805 7 5.78079 7 5.73303C7 5.68526 6.98877 5.638 6.96701 5.59417C6.94524 5.55034 6.9134 5.51086 6.87346 5.47817L1.73719 0.999989"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
diff --git a/databrowser/src/components/svg/IconBuilding.vue b/databrowser/src/components/svg/IconBuilding.vue
new file mode 100644
index 000000000..a552b23a9
--- /dev/null
+++ b/databrowser/src/components/svg/IconBuilding.vue
@@ -0,0 +1,36 @@
+<template>
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M20.9128 3.22019C21.9297 3.32188 22.6452 4.08252 22.7369 5.10041C22.863 6.50091 23 8.95336 23 13.0001C23 17.4988 22.9154 20.1985 22.8476 21.6388C22.8112 22.4119 22.1738 23.0001 21.3998 23.0001C20.2584 23.0001 18.2754 23.0001 15 23.0001C11.7246 23.0001 9.74155 23.0001 8.6002 23.0001C7.8262 23.0001 7.1888 22.4119 7.1524 21.6388C7.08465 20.1985 7 17.4988 7 13.0001C7 8.95336 7.137 6.50091 7.26315 5.10041C7.35485 4.08252 8.07025 3.32188 9.0872 3.22019C10.215 3.10743 12.0605 3.00006 15 3.00006C17.9395 3.00006 19.785 3.10743 20.9128 3.22019Z"
+      fill="currentColor"
+      fill-opacity="0.3"
+    />
+    <path
+      d="M20 6.77676C20 6.39701 19.7163 6.08151 19.3372 6.05911C18.8481 6.03021 18.0791 6.00006 17 6.00006C15.9209 6.00006 15.1519 6.03021 14.6629 6.05911C14.2838 6.08151 14 6.39701 14 6.77676V7.22336C14 7.60311 14.2838 7.91861 14.6629 7.94101C15.1519 7.96991 15.9209 8.00006 17 8.00006C18.0791 8.00006 18.8481 7.96991 19.3372 7.94101C19.7163 7.91861 20 7.60311 20 7.22336V6.77676Z"
+      fill="currentColor"
+    />
+    <path
+      d="M20 14.8005C20 14.4108 19.7018 14.0888 19.3125 14.0703C18.6454 14.0386 17.4786 14.0001 15.75 14.0001C14.0214 14.0001 12.8546 14.0386 12.1875 14.0703C11.7982 14.0888 11.5 14.4108 11.5 14.8005V15.1996C11.5 15.5894 11.7982 15.9113 12.1875 15.9298C12.8546 15.9615 14.0214 16.0001 15.75 16.0001C17.4786 16.0001 18.6454 15.9615 19.3125 15.9298C19.7018 15.9113 20 15.5894 20 15.1996V14.8005Z"
+      fill="currentColor"
+    />
+    <path
+      d="M20 10.7998C20 10.4104 19.7023 10.0877 19.3134 10.0674C18.7185 10.0363 17.7559 10.0001 16.5 10.0001C15.2441 10.0001 14.2815 10.0363 13.6866 10.0674C13.2977 10.0877 13 10.4104 13 10.7998V11.2003C13 11.5898 13.2977 11.9125 13.6866 11.9328C14.2815 11.9639 15.2441 12.0001 16.5 12.0001C17.7559 12.0001 18.7185 11.9639 19.3134 11.9328C19.7023 11.9125 20 11.5898 20 11.2003V10.7998Z"
+      fill="currentColor"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M14.9947 23.0001H10.0053C10.0019 22.7 10 22.3677 10 22.0001C10 20.5999 10.0279 19.7113 10.0568 19.1673C10.083 18.6718 10.356 18.2458 10.8414 18.1431C11.2089 18.0653 11.7429 18.0001 12.5 18.0001C13.2571 18.0001 13.7911 18.0653 14.1586 18.1431C14.644 18.2458 14.917 18.6718 14.9432 19.1673C14.9721 19.7113 15 20.5999 15 22.0001C15 22.3677 14.9981 22.7 14.9947 23.0001Z"
+      fill="currentColor"
+    />
+    <path
+      d="M12 6.60006C12 9.68631 9.2386 12.6163 7.6291 14.062C6.9782 14.6466 6.0218 14.6466 5.3709 14.062C3.76142 12.6163 1 9.68631 1 6.60006C1 3.50727 3.46244 1.00006 6.5 1.00006C9.53755 1.00006 12 3.50727 12 6.60006Z"
+      fill="currentColor"
+    />
+    <path
+      d="M8.5 6.50006C8.5 7.60461 7.60455 8.50006 6.5 8.50006C5.39545 8.50006 4.5 7.60461 4.5 6.50006C4.5 5.39551 5.39545 4.50006 6.5 4.50006C7.60455 4.50006 8.5 5.39551 8.5 6.50006Z"
+      fill="currentColor"
+      fill-opacity="0.3"
+    />
+  </svg>
+</template>
diff --git a/databrowser/src/components/svg/IconClock.vue b/databrowser/src/components/svg/IconClock.vue
new file mode 100644
index 000000000..26ff29a3b
--- /dev/null
+++ b/databrowser/src/components/svg/IconClock.vue
@@ -0,0 +1,17 @@
+<template>
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12.1034 6.00008C12.1991 6.00008 12.2926 6.00528 12.3825 6.01413C12.9729 6.07248 13.3243 6.63258 13.322 7.22583L13.3067 11.2401C13.3062 11.3708 13.3569 11.4965 13.4479 11.5903L16.3413 14.5713C16.731 14.9728 16.8073 15.5892 16.4357 16.0074C16.3809 16.0691 16.3225 16.132 16.2606 16.1951C16.1838 16.2735 16.1061 16.3478 16.0297 16.4172C15.6155 16.7937 14.9957 16.744 14.5763 16.3733L11.0462 13.2531C10.7014 12.9484 10.5155 12.5023 10.542 12.0429L10.8234 7.16353C10.8558 6.60258 11.2013 6.08808 11.7592 6.02123C11.8689 6.00808 11.9846 6.00008 12.1034 6.00008Z"
+      fill="currentColor"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M11.9998 23.0001C18.075 23.0001 22.9998 18.0752 22.9998 12.0001C22.9998 5.92493 18.075 1.00008 11.9998 1.00008C8.4585 1.00008 5.308 2.67358 3.29603 5.27288C2.79979 4.92729 2.40331 4.66535 2.08985 4.4674C1.55828 4.1317 0.990193 4.45713 1.00517 5.08563C1.0166 5.56513 1.04974 6.20388 1.12519 7.03108C1.22953 8.17508 1.39278 8.91038 1.53135 9.36173C1.66083 9.78343 2.02537 10.0466 2.46609 10.0265C2.92045 10.0058 3.63076 9.91248 4.67624 9.62848C5.4607 9.41533 6.0541 9.22603 6.49155 9.07143C7.0614 8.87008 7.17545 8.24823 6.7145 7.85728C6.4607 7.64203 6.1337 7.37558 5.71465 7.05013C7.17965 5.19253 9.4505 4.00008 11.9998 4.00008C16.4181 4.00008 19.9998 7.58178 19.9998 12.0001C19.9998 16.4184 16.4181 20.0001 11.9998 20.0001C8.7339 20.0001 5.925 18.043 4.68203 15.2376C4.46939 14.7577 4.06323 14.3588 3.53967 14.3965C3.07196 14.4302 2.48982 14.5774 2.01246 15.0271C1.69583 15.3254 1.66569 15.8029 1.83209 16.2048C3.48351 20.1938 7.41395 23.0001 11.9998 23.0001Z"
+      fill="currentColor"
+      fill-opacity="0.3"
+    />
+  </svg>
+</template>
diff --git a/databrowser/src/components/svg/IconDocument.vue b/databrowser/src/components/svg/IconDocument.vue
new file mode 100644
index 000000000..4c04ba695
--- /dev/null
+++ b/databrowser/src/components/svg/IconDocument.vue
@@ -0,0 +1,17 @@
+<template>
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M7.903 1.03504C7.903 1.03504 6.557 1.55006 4.08297 4.02506C1.61802 6.49101 1.1011 7.83991 1.09734 7.84976C1.03727 9.02481 1 10.399 1 12.0001C1 16.7771 1.3318 19.5345 1.61115 21.0094C1.79061 21.957 2.52967 22.6064 3.48812 22.7099C4.78189 22.8496 7.0649 23.0001 10.8961 23.0001C14.7272 23.0001 17.0102 22.8496 18.3039 22.7099C19.2624 22.6064 20.0015 21.957 20.1809 21.0094C20.4603 19.5345 20.7921 16.7771 20.7921 12.0001C20.7921 7.22301 20.4603 4.46567 20.1809 2.9907C20.0015 2.04315 19.2624 1.3937 18.3039 1.29023C17.0102 1.15057 14.7272 1.00006 10.8961 1.00006C9.76915 1.00006 8.7762 1.01311 7.903 1.03504Z"
+      fill="currentColor"
+      fill-opacity="0.3"
+    />
+    <path
+      d="M1.09766 7.84996C2.68078 8.24831 4.54994 8.27476 6.16435 7.78136C6.8469 7.57276 7.3791 7.04086 7.60945 6.36511C8.18335 4.68174 8.3251 2.62123 7.90335 1.03522C7.90335 1.03522 6.5573 1.55024 4.0833 4.02524C1.60929 6.50026 1.09766 7.84996 1.09766 7.84996Z"
+      fill="currentColor"
+    />
+    <path
+      d="M22.3708 12.3165C23.2098 11.4776 23.2098 10.1173 22.3708 9.27837L20.7217 7.62927C19.8828 6.79032 18.5225 6.79032 17.6835 7.62932L11.6292 13.6836C11.2263 14.0865 11 14.6329 11 15.2027V17.9259C11 18.5192 11.4809 19.0001 12.0742 19.0001H14.7973C15.3671 19.0001 15.9135 18.7737 16.3165 18.3709L22.3708 12.3165Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
diff --git a/databrowser/src/components/svg/IconEditFilled.vue b/databrowser/src/components/svg/IconEditFilled.vue
new file mode 100644
index 000000000..0292050b3
--- /dev/null
+++ b/databrowser/src/components/svg/IconEditFilled.vue
@@ -0,0 +1,13 @@
+<template>
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M1.03429 20.9095C1.0997 20.3974 1.5626 20.1334 2.07855 20.1152C3.33593 20.0709 6.2444 20.0001 12 20.0001C17.7556 20.0001 20.664 20.0709 21.9214 20.1152C22.4374 20.1334 22.9003 20.3974 22.9657 20.9095C22.9866 21.0731 23 21.2683 23 21.5001C23 21.7319 22.9866 21.9272 22.9657 22.0907C22.9003 22.6028 22.4374 22.8669 21.9214 22.8851C20.6641 22.9294 17.7556 23.0001 12 23.0001C6.2444 23.0001 3.33593 22.9294 2.07855 22.8851C1.5626 22.8669 1.0997 22.6028 1.03429 22.0907C1.0134 21.9272 1 21.7319 1 21.5001C1 21.2683 1.0134 21.0731 1.03429 20.9095Z"
+      fill="currentColor"
+    />
+    <path
+      d="M18.9433 7.34822C19.9126 6.37902 20.2819 4.96204 19.4614 3.86412C19.1796 3.48709 18.8244 3.06878 18.3779 2.62223C17.9313 2.17567 17.513 1.82047 17.136 1.53869C16.038 0.718141 14.621 1.08754 13.6518 2.05675L3.56701 12.1416C3.29505 12.4136 3.10879 12.7589 3.07133 13.1417C3.0063 13.8063 2.94513 15.0608 3.08308 17.0175C3.11702 17.4991 3.50104 17.8831 3.98257 17.917C5.93935 18.055 7.1938 17.9938 7.8584 17.9288C8.2412 17.8913 8.5865 17.7051 8.85845 17.4331L18.9433 7.34822Z"
+      fill="currentColor"
+      fill-opacity="0.3"
+    />
+  </svg>
+</template>
diff --git a/databrowser/src/components/svg/IconExpand.vue b/databrowser/src/components/svg/IconExpand.vue
new file mode 100644
index 000000000..8a0186b64
--- /dev/null
+++ b/databrowser/src/components/svg/IconExpand.vue
@@ -0,0 +1,60 @@
+<template>
+  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M9.71436 6.28576L15.4286 0.571472"
+      stroke="currentColor"
+      stroke-width="1.71429"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M10.8569 0.571472H15.4284V5.1429"
+      stroke="currentColor"
+      stroke-width="1.71429"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M6.28557 6.28576L0.571289 0.571472"
+      stroke="currentColor"
+      stroke-width="1.71429"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M5.14272 0.571472H0.571289V5.1429"
+      stroke="currentColor"
+      stroke-width="1.71429"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M9.71436 9.71436L15.4286 15.4286"
+      stroke="currentColor"
+      stroke-width="1.71429"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M10.8569 15.4286H15.4284V10.8572"
+      stroke="currentColor"
+      stroke-width="1.71429"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M6.28557 9.71436L0.571289 15.4286"
+      stroke="currentColor"
+      stroke-width="1.71429"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M5.14272 15.4286H0.571289V10.8572"
+      stroke="currentColor"
+      stroke-width="1.71429"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
diff --git a/databrowser/src/components/svg/IconPhonebook.vue b/databrowser/src/components/svg/IconPhonebook.vue
new file mode 100644
index 000000000..58dcbdf77
--- /dev/null
+++ b/databrowser/src/components/svg/IconPhonebook.vue
@@ -0,0 +1,23 @@
+<template>
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M20.1647 1.30432C21.0493 1.40561 21.7351 2.00616 21.9004 2.88106C22.1711 4.3137 22.5 7.06885 22.5 12C22.5 16.4391 22.3519 19.1147 22.2127 20.6497C22.1105 21.776 21.2735 22.6127 20.1478 22.7222C18.7485 22.8582 16.4601 23 13 23C9.53995 23 7.2515 22.8582 5.8522 22.7222C4.72655 22.6127 3.88954 21.776 3.78734 20.6497C3.64806 19.1147 3.5 16.4391 3.5 12C3.5 7.5609 3.64806 4.88526 3.78734 3.35032C3.88954 2.224 4.72655 1.3873 5.8522 1.27786C7.2515 1.14181 9.53995 1 13 1C16.6854 1 18.9119 1.16088 20.1647 1.30432Z"
+      fill="currentColor"
+      fill-opacity="0.3"
+    />
+    <path
+      d="M1.51664 6.1169C1.54316 5.48845 1.98158 5.05015 2.60997 5.022C2.90204 5.00895 3.27527 5 3.75 5C4.22473 5 4.59796 5.00895 4.89004 5.022C5.51845 5.05015 5.95685 5.48845 5.98335 6.1169C5.9934 6.3553 6 6.6464 6 7C6 7.3536 5.9934 7.6447 5.98335 7.8831C5.95685 8.51155 5.51845 8.94985 4.89004 8.978C4.59796 8.99105 4.22473 9 3.75 9C3.27527 9 2.90204 8.99105 2.60997 8.978C1.98158 8.94985 1.54316 8.51155 1.51664 7.8831C1.50658 7.6447 1.5 7.3536 1.5 7C1.5 6.6464 1.50658 6.3553 1.51664 6.1169Z"
+      fill="currentColor"
+    />
+    <path
+      d="M1.51664 16.1169C1.54316 15.4884 1.98158 15.0502 2.60997 15.022C2.90204 15.009 3.27527 15 3.75 15C4.22473 15 4.59796 15.009 4.89004 15.022C5.51845 15.0502 5.95685 15.4884 5.98335 16.1169C5.9934 16.3553 6 16.6464 6 17C6 17.3536 5.9934 17.6447 5.98335 17.8831C5.95685 18.5116 5.51845 18.9499 4.89004 18.978C4.59796 18.9911 4.22473 19 3.75 19C3.27527 19 2.90204 18.9911 2.60997 18.978C1.98158 18.9499 1.54316 18.5116 1.51664 17.8831C1.50658 17.6447 1.5 17.3536 1.5 17C1.5 16.6464 1.50658 16.3553 1.51664 16.1169Z"
+      fill="currentColor"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M14.4599 12.6215C15.3787 12.1087 16 11.1269 16 10C16 8.34315 14.6568 7 13 7C11.3432 7 10 8.34315 10 10C10 11.1269 10.6213 12.1087 11.5401 12.6215C10.0762 13.0211 9 14.3604 9 15.951C9 16.1418 9.08185 16.3217 9.25185 16.4083C9.684 16.6284 10.7473 17 13 17C15.2527 17 16.316 16.6284 16.7481 16.4083C16.9181 16.3217 17 16.1418 17 15.951C17 14.3604 15.9238 13.0211 14.4599 12.6215Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
diff --git a/databrowser/src/components/svg/IconServer.vue b/databrowser/src/components/svg/IconServer.vue
new file mode 100644
index 000000000..0201e257c
--- /dev/null
+++ b/databrowser/src/components/svg/IconServer.vue
@@ -0,0 +1,30 @@
+<template>
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M1.03559 8.69377C1.09275 9.93892 2.06874 10.819 3.31423 10.8686C4.93624 10.9332 7.66325 11.0001 12 11.0001C16.3368 11.0001 19.0637 10.9332 20.6857 10.8686C21.9312 10.819 22.9072 9.93892 22.9644 8.69377C22.9859 8.22547 23 7.66497 23 7.00012C23 6.33527 22.9859 5.77477 22.9644 5.30647C22.9072 4.06131 21.9312 3.18127 20.6857 3.13166C19.0637 3.06706 16.3368 3.00012 12 3.00012C7.66325 3.00012 4.93625 3.06706 3.31424 3.13166C2.06874 3.18127 1.09275 4.06131 1.03559 5.30647C1.0141 5.77477 1 6.33527 1 7.00012C1 7.66497 1.0141 8.22547 1.03559 8.69377Z"
+      fill="currentColor"
+      fill-opacity="0.3"
+    />
+    <path
+      d="M9.05375 6.42567C9.1362 6.03427 9.5177 5.85697 9.9172 5.83692C10.6492 5.80017 12.0884 5.75012 14.5 5.75012C16.9116 5.75012 18.3509 5.80017 19.0828 5.83692C19.4823 5.85697 19.8638 6.03427 19.9463 6.42567C19.9782 6.57732 20 6.76642 20 7.00012C20 7.23382 19.9782 7.42292 19.9463 7.57457C19.8638 7.96597 19.4823 8.14327 19.0828 8.16332C18.3509 8.20007 16.9116 8.25012 14.5 8.25012C12.0884 8.25012 10.6492 8.20007 9.9172 8.16332C9.5177 8.14327 9.1362 7.96597 9.05375 7.57457C9.0218 7.42292 9 7.23382 9 7.00012C9 6.76642 9.0218 6.57732 9.05375 6.42567Z"
+      fill="currentColor"
+    />
+    <path
+      d="M4.0013 6.77732C4.00829 6.20192 4.37786 5.77332 4.95302 5.75472C5.0434 5.75177 5.14215 5.75012 5.25 5.75012C5.35785 5.75012 5.4566 5.75177 5.547 5.75472C6.12215 5.77332 6.4917 6.20192 6.4987 6.77732C6.49955 6.84652 6.5 6.92067 6.5 7.00012C6.5 7.07957 6.49955 7.15372 6.4987 7.22292C6.4917 7.79832 6.12215 8.22692 5.547 8.24552C5.4566 8.24847 5.35785 8.25012 5.25 8.25012C5.14215 8.25012 5.0434 8.24847 4.95302 8.24552C4.37786 8.22692 4.00829 7.79832 4.0013 7.22292C4.00046 7.15372 4 7.07957 4 7.00012C4 6.92067 4.00046 6.84652 4.0013 6.77732Z"
+      fill="currentColor"
+    />
+    <path
+      d="M1.03559 18.6938C1.09275 19.9389 2.06874 20.819 3.31423 20.8686C4.93624 20.9332 7.66325 21.0001 12 21.0001C16.3368 21.0001 19.0637 20.9332 20.6857 20.8686C21.9312 20.819 22.9072 19.9389 22.9644 18.6938C22.9859 18.2255 23 17.665 23 17.0001C23 16.3353 22.9859 15.7748 22.9644 15.3065C22.9072 14.0613 21.9312 13.1813 20.6857 13.1317C19.0637 13.0671 16.3368 13.0001 12 13.0001C7.66325 13.0001 4.93625 13.0671 3.31424 13.1317C2.06874 13.1813 1.09275 14.0613 1.03559 15.3065C1.0141 15.7748 1 16.3353 1 17.0001C1 17.665 1.0141 18.2255 1.03559 18.6938Z"
+      fill="currentColor"
+      fill-opacity="0.3"
+    />
+    <path
+      d="M9.05375 16.4257C9.1362 16.0343 9.5177 15.857 9.9172 15.8369C10.6492 15.8002 12.0884 15.7501 14.5 15.7501C16.9116 15.7501 18.3509 15.8002 19.0828 15.8369C19.4823 15.857 19.8638 16.0343 19.9463 16.4257C19.9782 16.5773 20 16.7664 20 17.0001C20 17.2338 19.9782 17.4229 19.9463 17.5746C19.8638 17.966 19.4823 18.1433 19.0828 18.1633C18.3509 18.2001 16.9116 18.2501 14.5 18.2501C12.0884 18.2501 10.6492 18.2001 9.9172 18.1633C9.5177 18.1433 9.1362 17.966 9.05375 17.5746C9.0218 17.4229 9 17.2338 9 17.0001C9 16.7664 9.0218 16.5773 9.05375 16.4257Z"
+      fill="currentColor"
+    />
+    <path
+      d="M4.0013 16.7773C4.00829 16.2019 4.37786 15.7733 4.95302 15.7547C5.0434 15.7518 5.14215 15.7501 5.25 15.7501C5.35785 15.7501 5.4566 15.7518 5.547 15.7547C6.12215 15.7733 6.4917 16.2019 6.4987 16.7773C6.49955 16.8465 6.5 16.9207 6.5 17.0001C6.5 17.0796 6.49955 17.1537 6.4987 17.2229C6.4917 17.7983 6.12215 18.2269 5.547 18.2455C5.4566 18.2485 5.35785 18.2501 5.25 18.2501C5.14215 18.2501 5.0434 18.2485 4.95302 18.2455C4.37786 18.2269 4.00829 17.7983 4.0013 17.2229C4.00046 17.1537 4 17.0796 4 17.0001C4 16.9207 4.00046 16.8465 4.0013 16.7773Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
diff --git a/databrowser/src/components/tag/TagCustom.vue b/databrowser/src/components/tag/TagCustom.vue
index 4fcb3f314..1a2956ffa 100644
--- a/databrowser/src/components/tag/TagCustom.vue
+++ b/databrowser/src/components/tag/TagCustom.vue
@@ -28,6 +28,11 @@ const types: Record<TagType, Color> = {
     text: 'text-white',
     dot: 'bg-white',
   },
+  white: {
+    background: 'bg-gray-50',
+    text: 'text-dialog',
+    dot: 'bg-dialog',
+  },
   blue: {
     background: 'bg-hint-calm-secondary',
     text: 'text-hint-calm',
diff --git a/databrowser/src/components/tag/types.ts b/databrowser/src/components/tag/types.ts
index c26743fc3..05c5c02cc 100644
--- a/databrowser/src/components/tag/types.ts
+++ b/databrowser/src/components/tag/types.ts
@@ -1,5 +1,6 @@
 export type TagType =
   | 'black'
+  | 'white'
   | 'blue'
   | 'calm'
   | 'green'
diff --git a/databrowser/src/components/utils/IconParser.vue b/databrowser/src/components/utils/IconParser.vue
new file mode 100644
index 000000000..bafa72f2b
--- /dev/null
+++ b/databrowser/src/components/utils/IconParser.vue
@@ -0,0 +1,26 @@
+<template>
+  <div v-if="icon">
+    <component :is="icon" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineProps, withDefaults, shallowRef } from 'vue';
+
+const props = withDefaults(
+  defineProps<{
+    name: string;
+  }>(),
+  {
+    name: '',
+  }
+);
+
+// use shallowRef to remove unnecessary optimizations
+const icon = shallowRef('');
+
+import(`../svg/${props.name}.vue`).then((val) => {
+  // val is a Module has default
+  icon.value = val.default;
+});
+</script>
diff --git a/databrowser/src/config/tourism/odhActivityPoi/odhActivityPoi.quickView.ts b/databrowser/src/config/tourism/odhActivityPoi/odhActivityPoi.quickView.ts
index cc6c00047..77e21a740 100644
--- a/databrowser/src/config/tourism/odhActivityPoi/odhActivityPoi.quickView.ts
+++ b/databrowser/src/config/tourism/odhActivityPoi/odhActivityPoi.quickView.ts
@@ -1,5 +1,62 @@
 import { QuickViewConfig } from '../../../domain/datasetConfig/types';
+import { CellComponent } from '../../../domain/cellComponents/types';
 
 export const odhActivityPoiQuickView: QuickViewConfig = {
-  elements: [],
+  topGallery: {
+    isVisible: true,
+    fields: {
+      gallery: 'ImageGallery',
+    },
+  },
+  elements: [
+    {
+      component: CellComponent.QuickViewTextInfoCard,
+      fields: {
+        header: 'Detail.{language}.Header',
+        subHeader: 'Detail.{language}.SubHeader',
+        introText: 'Detail.{language}.IntroText',
+      },
+    },
+    {
+      component: CellComponent.QuickViewContactsCard,
+      fields: {
+        companyName: 'ContactInfos.{language}.CompanyName',
+        givenName: 'ContactInfos.{language}.Givenname',
+        surname: 'ContactInfos.{language}.Surname',
+        address: 'ContactInfos.{language}.Address',
+        city: 'ContactInfos.{language}.City',
+        zipCode: 'ContactInfos.{language}.ZipCode',
+        countryName: 'ContactInfos.{language}.CountryName',
+        email: 'ContactInfos.{language}.Email',
+        phoneNumber: 'ContactInfos.{language}.Phonenumber',
+        url: 'ContactInfos.{language}.Url',
+      },
+    },
+    {
+      component: CellComponent.QuickViewWebcamsView,
+      fields: {
+        webcamsMediaItems: 'Webcam',
+      },
+    },
+    {
+      component: CellComponent.QuickViewMapView,
+      fields: {
+        gpsInfo: 'GpsInfo',
+      },
+    },
+    {
+      component: CellComponent.QuickViewOpeningHoursView,
+      fields: {
+        scheduleData: 'OperationSchedule',
+      },
+    },
+    {
+      component: CellComponent.QuickViewRecordInfoView,
+      fields: {
+        lastUpdate: '_Meta.LastUpdate',
+        active: 'Active',
+        odhActive: 'OdhActive',
+      },
+    },
+  ],
 };
diff --git a/databrowser/src/config/tourism/odhActivityPoi/odhActivityPoi.views.ts b/databrowser/src/config/tourism/odhActivityPoi/odhActivityPoi.views.ts
index 0edf829e8..ca32cd30f 100644
--- a/databrowser/src/config/tourism/odhActivityPoi/odhActivityPoi.views.ts
+++ b/databrowser/src/config/tourism/odhActivityPoi/odhActivityPoi.views.ts
@@ -1,8 +1,10 @@
 import { odhActivityPoiListView } from './odhActivityPoi.listView';
 import { odhActivityPoiSharedView } from './odhActivityPoi.sharedView';
+import { odhActivityPoiQuickView } from './odhActivityPoi.quickView';
 
 export const odhActivityPoiViews = {
   table: odhActivityPoiListView,
   detail: odhActivityPoiSharedView(),
   edit: odhActivityPoiSharedView(),
+  quick: odhActivityPoiQuickView,
 };
diff --git a/databrowser/src/domain/cellComponents/plugins/registerCellComponents.ts b/databrowser/src/domain/cellComponents/plugins/registerCellComponents.ts
index d9a8906ff..1afcd8de5 100644
--- a/databrowser/src/domain/cellComponents/plugins/registerCellComponents.ts
+++ b/databrowser/src/domain/cellComponents/plugins/registerCellComponents.ts
@@ -33,6 +33,14 @@ import TypeBasedCell from '../components/cells/typeBasedCell/TypeBasedCell.vue';
 import WebcamCell from '../components/cells/webcamCell/WebcamCell.vue';
 import FixedValue from '../components/filters/fixedValue/FixedValue.vue';
 
+// NOTE: this components do not belong to table components; it's advised to refactor this table in the future.
+import QuickViewTextInfoCard from '../../../components/quickview/QuickViewTextInfoCard.vue';
+import QuickViewContactsCard from '../../../components/quickview/QuickViewContactsCard.vue';
+import QuickViewWebcamsView from '../../../components/quickview/QuickViewWebcamsView.vue';
+import QuickViewMapView from '../../../components/quickview/QuickViewMapView.vue';
+import QuickViewOpeningHoursView from '../../../components/quickview/QuickViewOpeningHoursView.vue';
+import QuickViewRecordInfoView from '../../../components/quickview/QuickViewRecordInfoView.vue';
+
 import { CellComponent, FilterComponent } from '../types';
 
 export default {
@@ -72,6 +80,19 @@ export default {
     app.component(CellComponent.TypeBasedCell, TypeBasedCell);
     app.component(CellComponent.WebcamCell, WebcamCell);
 
+    app.component(CellComponent.QuickViewTextInfoCard, QuickViewTextInfoCard);
+    app.component(CellComponent.QuickViewContactsCard, QuickViewContactsCard);
+    app.component(CellComponent.QuickViewWebcamsView, QuickViewWebcamsView);
+    app.component(CellComponent.QuickViewMapView, QuickViewMapView);
+    app.component(
+      CellComponent.QuickViewOpeningHoursView,
+      QuickViewOpeningHoursView
+    );
+    app.component(
+      CellComponent.QuickViewRecordInfoView,
+      QuickViewRecordInfoView
+    );
+
     app.component(FilterComponent.FixedValue, FixedValue);
   },
 };
diff --git a/databrowser/src/domain/cellComponents/types.ts b/databrowser/src/domain/cellComponents/types.ts
index eb9dab433..d9f9cc438 100644
--- a/databrowser/src/domain/cellComponents/types.ts
+++ b/databrowser/src/domain/cellComponents/types.ts
@@ -30,6 +30,14 @@ export enum CellComponent {
   ToggleCell = 'ToggleCell',
   TypeBasedCell = 'TypeBasedCell',
   WebcamCell = 'WebcamCell',
+  WebcamGalleryCell = 'WebcamGalleryCell',
+
+  QuickViewTextInfoCard = 'QuickViewTextInfoCard',
+  QuickViewContactsCard = 'QuickViewContactsCard',
+  QuickViewWebcamsView = 'QuickViewWebcamsView',
+  QuickViewMapView = 'QuickViewMapView',
+  QuickViewOpeningHoursView = 'QuickViewOpeningHoursView',
+  QuickViewRecordInfoView = 'QuickViewRecordInfoView',
 }
 
 export enum FilterComponent {
diff --git a/databrowser/src/domain/datasetConfig/types.ts b/databrowser/src/domain/datasetConfig/types.ts
index a6304ee02..1b1f839b4 100644
--- a/databrowser/src/domain/datasetConfig/types.ts
+++ b/databrowser/src/domain/datasetConfig/types.ts
@@ -52,6 +52,12 @@ export interface DetailElements {
   subcategories: SubCategoryElement[];
 }
 
+export interface QuickViewElements {
+  component: string;
+  fields: Record<string, string>;
+  params?: Record<string, string>;
+}
+
 export interface EditElements {
   name: string;
   slug: string;
@@ -87,8 +93,14 @@ export interface TableViewElements {
 export interface DetailViewElements {
   elements: DetailElements[];
 }
-export interface QuickViewElements {
-  elements: Record<string, unknown>[];
+export interface QuickViewPageConfig {
+  topGallery?: QuickViewTopGallery;
+  elements: QuickViewElements[];
+}
+
+export interface QuickViewTopGallery {
+  isVisible: boolean;
+  fields: Record<string, string>;
 }
 export interface EditViewElements {
   elements: EditElements[];
@@ -96,7 +108,7 @@ export interface EditViewElements {
 
 export type ListViewConfig = TableViewElements;
 export type DetailViewConfig = DetailViewElements;
-export type QuickViewConfig = QuickViewElements;
+export type QuickViewConfig = QuickViewPageConfig;
 export type EditViewConfig = EditViewElements;
 export type RawViewConfig = unknown;
 export type NewViewConfig = EditViewElements;
diff --git a/databrowser/src/domain/datasets/quickView/QuickView.vue b/databrowser/src/domain/datasets/quickView/QuickView.vue
index eb094d52f..c56d6cb6a 100644
--- a/databrowser/src/domain/datasets/quickView/QuickView.vue
+++ b/databrowser/src/domain/datasets/quickView/QuickView.vue
@@ -1,13 +1,198 @@
 <template>
   <LoadingError v-if="isError" :error="error" />
   <template v-if="isSuccess === true">
-    <div>To be done</div>
+    <PageContent>
+      <div
+        class="flex flex-col gap-3 md:flex-row md:items-center md:justify-between"
+      >
+        <div>
+          <h1 class="break-words text-xl font-bold">{{ title }}</h1>
+          <p class="break-words text-dialog">ID: {{ id }}</p>
+        </div>
+        <div
+          v-if="logoUrl"
+          class="h-10 w-16 bg-contain bg-center bg-no-repeat"
+          :style="{ backgroundImage: `url(${logoUrl})` }"
+        ></div>
+      </div>
+      <div
+        v-if="
+          odhActivityPoiConfig.views?.quick?.topGallery?.isVisible &&
+          imageGallery.length <= 1 &&
+          mainImage
+        "
+        class="relative mt-5"
+      >
+        <img
+          :src="mainImage.url"
+          :alt="mainImage.desc as string || ''"
+          class="w-full"
+          @error="onMainImageError"
+        />
+        <TagCustom
+          v-if="!hasImage"
+          size="md"
+          type="white"
+          :text="t('datasets.quickView.standardImageWarning')"
+          has-dot
+          class="absolute top-4 right-4"
+        />
+      </div>
+    </PageContent>
+
+    <QuickViewFullscreenGallery
+      v-if="
+        odhActivityPoiConfig.views?.quick?.topGallery?.isVisible &&
+        imageGallery.length > 1
+      "
+      :images="imageGallery"
+    />
+
+    <PageContent>
+      <div class="grid-ct">
+        <div
+          v-for="(element, index) in odhActivityPoiConfig.views?.quick
+            ?.elements"
+          :key="index"
+          class="element-ct"
+        >
+          <ComponentRenderer
+            :tag-name="element.component"
+            :attributes="mapWithIndex(data, element.fields, element.params)"
+            :fields="element.fields"
+          />
+        </div>
+      </div>
+      <div class="clear" />
+    </PageContent>
   </template>
 </template>
 
 <script lang="ts" setup>
 import LoadingError from '../../../components/loading/LoadingError.vue';
+
+import { computed, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useApiReadForCurrentDataset } from '../../api';
 
-const { isError, isSuccess, error } = useApiReadForCurrentDataset();
+import { odhActivityPoiConfig } from '../../../config/tourism/odhActivityPoi/odhActivityPoi.config';
+
+import PageContent from '../../../components/content/PageContent.vue';
+import TagCustom from '../../../components/tag/TagCustom.vue';
+import QuickViewFullscreenGallery from '../../../components/quickview/QuickViewFullscreenGallery.vue';
+
+import { getValueOfLocale } from '../../../components/quickview/QuickViewUtils';
+
+import ComponentRenderer from '../../../components/componentRenderer/ComponentRenderer.vue';
+import { usePropertyMapping } from '../../api';
+
+interface GalleryImage {
+  ImageUrl: string;
+  ImageDesc: Record<string, unknown>;
+}
+
+const { isError, isSuccess, error, data } = useApiReadForCurrentDataset();
+
+const forcePlaceholderImage = ref(false);
+
+const { t, locale } = useI18n();
+const currentLocale = locale.value;
+
+const { mapWithIndex } = usePropertyMapping();
+
+const title = computed(() => {
+  return (
+    (
+      getValueOfLocale(
+        currentLocale,
+        (data.value as Record<string, unknown>).Detail as Record<
+          string,
+          unknown
+        >
+      ) as Record<string, unknown>
+    )?.Title || '/'
+  );
+});
+
+const id = computed(() => {
+  return (data.value as Record<string, unknown>).Id;
+});
+
+const hasImage = computed(() => {
+  return (
+    imageGallery.value?.length > 0 &&
+    imageGallery.value?.[0].ImageUrl?.length > 0
+  );
+});
+
+const mainImage = computed(() => {
+  if (!imageGallery.value) {
+    return null;
+  }
+
+  const firstImage = imageGallery.value?.[0];
+
+  return firstImage?.ImageUrl && !forcePlaceholderImage.value
+    ? {
+        url: firstImage.ImageUrl,
+        desc: getValueOfLocale(currentLocale, firstImage.ImageDesc),
+      }
+    : null;
+});
+
+const imageGallery = computed(() => {
+  return ((data.value as Record<string, unknown>)[
+    odhActivityPoiConfig.views?.quick?.topGallery?.fields.gallery as string
+  ] || []) as GalleryImage[];
+});
+
+const logoUrl = computed(() => {
+  return (
+    getValueOfLocale(
+      currentLocale,
+      (data.value as Record<string, unknown>).ContactInfos as Record<
+        string,
+        unknown
+      >
+    ) as Record<string, unknown>
+  )?.LogoUrl;
+});
+
+const onMainImageError = () => {
+  forcePlaceholderImage.value = true;
+};
 </script>
+
+<style scoped>
+.clear {
+  @apply mb-4 clear-both;
+}
+
+.grid-ct .element-ct {
+  @apply mt-6;
+
+  width: calc(50% - 15px);
+}
+
+.grid-ct .element-ct:nth-child(odd) {
+  @apply float-left;
+}
+
+.grid-ct .element-ct:nth-child(even) {
+  @apply float-right;
+
+  margin-left: 30px;
+}
+
+@media screen and (max-width: 980px) {
+  .grid-ct .element-ct {
+    @apply w-auto;
+
+    float: none !important;
+  }
+
+  .grid-ct .element-ct:nth-child(even) {
+    @apply ml-0;
+  }
+}
+</style>
diff --git a/databrowser/src/locales/en.json b/databrowser/src/locales/en.json
index 995fe8832..0a7e637d1 100644
--- a/databrowser/src/locales/en.json
+++ b/databrowser/src/locales/en.json
@@ -82,6 +82,32 @@
         }
       }
     },
+    "quickView": {
+      "standardImageWarning": "This is a standard image and not part of the dataset",
+      "textInformation": "Text information",
+      "contact": "Contact",
+      "locationOnMap": "Location on Map",
+      "recordInformation": "Record information",
+      "openingHours": "Opening hours",
+      "nameCompanyName": "Name/Company Name",
+      "firstName": "First name",
+      "surname": "Surnname",
+      "streetAndNumber": "Street & Hausnumber",
+      "city": "City",
+      "zip": "ZIP-CODE",
+      "country": "Country",
+      "email": "E-Mail",
+      "phoneNumber": "Phone Number",
+      "webUrl": "Web-URL",
+      "lastChanged": "Last Changed",
+      "activeOnSource": "Active on source",
+      "activeOnODH": "Active on ODH",
+      "suedtirolInfoActive": "Active on suedtirol.info",
+      "active": "Active",
+      "inactive": "Inactive",
+      "closed": "Closed",
+      "webcamDetails": "Webcam details"
+    },
     "generated": {
       "categoryName": "All data"
     },
diff --git a/databrowser/src/pages/datasets/DatasetQuickPage.vue b/databrowser/src/pages/datasets/DatasetQuickPage.vue
index c3ff8678f..87ad03357 100644
--- a/databrowser/src/pages/datasets/DatasetQuickPage.vue
+++ b/databrowser/src/pages/datasets/DatasetQuickPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <SingleDatasetLayout>
+  <SingleDatasetLayout :ignore-section-styling="true">
     <QuickView />
   </SingleDatasetLayout>
 </template>
diff --git a/databrowser/src/pages/datasets/SingleDatasetLayout.vue b/databrowser/src/pages/datasets/SingleDatasetLayout.vue
index 6f50f7ce1..bc500d562 100644
--- a/databrowser/src/pages/datasets/SingleDatasetLayout.vue
+++ b/databrowser/src/pages/datasets/SingleDatasetLayout.vue
@@ -3,14 +3,27 @@
     <ContentDivider />
     <DatasetNavigation />
     <ContentDivider />
-    <section class="flex flex-col overflow-y-auto">
+    <section
+      :class="ignoreSectionStyling ? '' : `flex overflow-y-auto flex-col`"
+    >
       <slot></slot>
     </section>
   </DatasetBaseLayout>
 </template>
 
 <script setup lang="ts">
+import { withDefaults, defineProps } from 'vue';
+
 import ContentDivider from '../../components/content/ContentDivider.vue';
 import DatasetNavigation from '../../domain/datasets/header/DatasetNavigation.vue';
 import DatasetBaseLayout from './DatasetBaseLayout.vue';
+
+withDefaults(
+  defineProps<{
+    ignoreSectionStyling: boolean;
+  }>(),
+  {
+    ignoreSectionStyling: false,
+  }
+);
 </script>
diff --git a/web-components/databrowser-example/package-lock.json b/web-components/databrowser-example/package-lock.json
index 0edabb304..73e0e28bc 100644
--- a/web-components/databrowser-example/package-lock.json
+++ b/web-components/databrowser-example/package-lock.json
@@ -106,6 +106,52 @@
 				"semver": "bin/semver.js"
 			}
 		},
+		"node_modules/@babel/eslint-parser": {
+			"version": "7.19.1",
+			"resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.19.1.tgz",
+			"integrity": "sha512-AqNf2QWt1rtu2/1rLswy6CDP7H9Oh3mMhk177Y67Rg8d7RD9WfOLLv8CGn6tisFvS2htm86yIe1yLF6I1UDaGQ==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
+				"eslint-visitor-keys": "^2.1.0",
+				"semver": "^6.3.0"
+			},
+			"engines": {
+				"node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+			},
+			"peerDependencies": {
+				"@babel/core": ">=7.11.0",
+				"eslint": "^7.5.0 || ^8.0.0"
+			}
+		},
+		"node_modules/@babel/eslint-parser/node_modules/semver": {
+			"version": "6.3.0",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+			"integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+			"dev": true,
+			"peer": true,
+			"bin": {
+				"semver": "bin/semver.js"
+			}
+		},
+		"node_modules/@babel/eslint-plugin": {
+			"version": "7.19.1",
+			"resolved": "https://registry.npmjs.org/@babel/eslint-plugin/-/eslint-plugin-7.19.1.tgz",
+			"integrity": "sha512-ElGPkQPapKMa3zVqXHkZYzuL7I5LbRw9UWBUArgWsdWDDb9XcACqOpBib5tRPA9XvbVZYrFUkoQPbiJ4BFvu4w==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"eslint-rule-composer": "^0.3.0"
+			},
+			"engines": {
+				"node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+			},
+			"peerDependencies": {
+				"@babel/eslint-parser": ">=7.11.0",
+				"eslint": ">=7.5.0"
+			}
+		},
 		"node_modules/@babel/generator": {
 			"version": "7.14.5",
 			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.14.5.tgz",
@@ -2457,6 +2503,16 @@
 				"node": ">=4"
 			}
 		},
+		"node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
+			"version": "5.1.1-v1",
+			"resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
+			"integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"eslint-scope": "5.1.1"
+			}
+		},
 		"node_modules/@nodelib/fs.scandir": {
 			"version": "2.1.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -2767,6 +2823,35 @@
 				"@sinonjs/commons": "^1.7.0"
 			}
 		},
+		"node_modules/@sinonjs/samsam": {
+			"version": "7.0.1",
+			"resolved": "https://registry.npmjs.org/@sinonjs/samsam/-/samsam-7.0.1.tgz",
+			"integrity": "sha512-zsAk2Jkiq89mhZovB2LLOdTCxJF4hqqTToGP0ASWlhp4I1hqOjcfmZGafXntCN7MDC6yySH0mFHrYtHceOeLmw==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"@sinonjs/commons": "^2.0.0",
+				"lodash.get": "^4.4.2",
+				"type-detect": "^4.0.8"
+			}
+		},
+		"node_modules/@sinonjs/samsam/node_modules/@sinonjs/commons": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
+			"integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"type-detect": "4.0.8"
+			}
+		},
+		"node_modules/@sinonjs/text-encoding": {
+			"version": "0.7.2",
+			"resolved": "https://registry.npmjs.org/@sinonjs/text-encoding/-/text-encoding-0.7.2.tgz",
+			"integrity": "sha512-sXXKG+uL9IrKqViTtao2Ws6dy0znu9sOaP1di/jKGW1M6VssO8vlpXCQcpZ+jisQ1tTFAC5Jo/EOzFbggBagFQ==",
+			"dev": true,
+			"peer": true
+		},
 		"node_modules/@storybook/addon-actions": {
 			"version": "6.3.4",
 			"resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-6.3.4.tgz",
@@ -7915,6 +8000,16 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/bindings": {
+			"version": "1.5.0",
+			"resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+			"integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+			"dev": true,
+			"optional": true,
+			"dependencies": {
+				"file-uri-to-path": "1.0.0"
+			}
+		},
 		"node_modules/bl": {
 			"version": "4.1.0",
 			"resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
@@ -11513,6 +11608,16 @@
 				"eslint": ">= 5"
 			}
 		},
+		"node_modules/eslint-rule-composer": {
+			"version": "0.3.0",
+			"resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
+			"integrity": "sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==",
+			"dev": true,
+			"peer": true,
+			"engines": {
+				"node": ">=4.0.0"
+			}
+		},
 		"node_modules/eslint-rule-extender": {
 			"version": "0.0.1",
 			"resolved": "https://registry.npmjs.org/eslint-rule-extender/-/eslint-rule-extender-0.0.1.tgz",
@@ -12199,6 +12304,13 @@
 				"rimraf": "bin.js"
 			}
 		},
+		"node_modules/file-uri-to-path": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+			"integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+			"dev": true,
+			"optional": true
+		},
 		"node_modules/filesize": {
 			"version": "6.4.0",
 			"resolved": "https://registry.npmjs.org/filesize/-/filesize-6.4.0.tgz",
@@ -15337,6 +15449,13 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/just-extend": {
+			"version": "4.2.1",
+			"resolved": "https://registry.npmjs.org/just-extend/-/just-extend-4.2.1.tgz",
+			"integrity": "sha512-g3UB796vUFIY90VIv/WX3L2c8CS2MdWUww3CNrYmqza1Fg0DURc2K/O4YrnklBdQarSJ/y8JnJYDGc+1iumQjg==",
+			"dev": true,
+			"peer": true
+		},
 		"node_modules/keygrip": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/keygrip/-/keygrip-1.1.0.tgz",
@@ -15782,6 +15901,13 @@
 			"integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=",
 			"dev": true
 		},
+		"node_modules/lodash.get": {
+			"version": "4.4.2",
+			"resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+			"integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==",
+			"dev": true,
+			"peer": true
+		},
 		"node_modules/lodash.merge": {
 			"version": "4.6.2",
 			"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -17018,6 +17144,13 @@
 			"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
 			"dev": true
 		},
+		"node_modules/nan": {
+			"version": "2.17.0",
+			"resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz",
+			"integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==",
+			"dev": true,
+			"optional": true
+		},
 		"node_modules/nanomatch": {
 			"version": "1.2.13",
 			"resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
@@ -17073,6 +17206,47 @@
 			"integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
 			"dev": true
 		},
+		"node_modules/nise": {
+			"version": "5.1.3",
+			"resolved": "https://registry.npmjs.org/nise/-/nise-5.1.3.tgz",
+			"integrity": "sha512-U597iWTTBBYIV72986jyU382/MMZ70ApWcRmkoF1AZ75bpqOtI3Gugv/6+0jLgoDOabmcSwYBkSSAWIp1eA5cg==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"@sinonjs/commons": "^2.0.0",
+				"@sinonjs/fake-timers": "^7.0.4",
+				"@sinonjs/text-encoding": "^0.7.1",
+				"just-extend": "^4.0.2",
+				"path-to-regexp": "^1.7.0"
+			}
+		},
+		"node_modules/nise/node_modules/@sinonjs/commons": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
+			"integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"type-detect": "4.0.8"
+			}
+		},
+		"node_modules/nise/node_modules/isarray": {
+			"version": "0.0.1",
+			"resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+			"integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
+			"dev": true,
+			"peer": true
+		},
+		"node_modules/nise/node_modules/path-to-regexp": {
+			"version": "1.8.0",
+			"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz",
+			"integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"isarray": "0.0.1"
+			}
+		},
 		"node_modules/no-case": {
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
@@ -21069,6 +21243,25 @@
 			"integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==",
 			"dev": true
 		},
+		"node_modules/sinon": {
+			"version": "15.0.0",
+			"resolved": "https://registry.npmjs.org/sinon/-/sinon-15.0.0.tgz",
+			"integrity": "sha512-pV97G1GbslaSJoSdy2F2z8uh5F+uPGp3ddOzA4JsBOUBLEQRz2OAqlKGRFTSh2KiqUCmHkzyAeu7R4x1Hx0wwg==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"@sinonjs/commons": "^2.0.0",
+				"@sinonjs/fake-timers": "^9.1.2",
+				"@sinonjs/samsam": "^7.0.1",
+				"diff": "^5.0.0",
+				"nise": "^5.1.2",
+				"supports-color": "^7.2.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/sinon"
+			}
+		},
 		"node_modules/sinon-chai": {
 			"version": "3.7.0",
 			"resolved": "https://registry.npmjs.org/sinon-chai/-/sinon-chai-3.7.0.tgz",
@@ -21079,6 +21272,69 @@
 				"sinon": ">=4.0.0"
 			}
 		},
+		"node_modules/sinon/node_modules/@sinonjs/commons": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
+			"integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"type-detect": "4.0.8"
+			}
+		},
+		"node_modules/sinon/node_modules/@sinonjs/fake-timers": {
+			"version": "9.1.2",
+			"resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-9.1.2.tgz",
+			"integrity": "sha512-BPS4ynJW/o92PUR4wgriz2Ud5gpST5vz6GQfMixEDK0Z8ZCUv2M7SkBLykH56T++Xs+8ln9zTGbOvNGIe02/jw==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"@sinonjs/commons": "^1.7.0"
+			}
+		},
+		"node_modules/sinon/node_modules/@sinonjs/fake-timers/node_modules/@sinonjs/commons": {
+			"version": "1.8.6",
+			"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-1.8.6.tgz",
+			"integrity": "sha512-Ky+XkAkqPZSm3NLBeUng77EBQl3cmeJhITaGHdYH8kjVB+aun3S4XBRti2zt17mtt0mIUDiNxYeoJm6drVvBJQ==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"type-detect": "4.0.8"
+			}
+		},
+		"node_modules/sinon/node_modules/diff": {
+			"version": "5.1.0",
+			"resolved": "https://registry.npmjs.org/diff/-/diff-5.1.0.tgz",
+			"integrity": "sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==",
+			"dev": true,
+			"peer": true,
+			"engines": {
+				"node": ">=0.3.1"
+			}
+		},
+		"node_modules/sinon/node_modules/has-flag": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+			"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+			"dev": true,
+			"peer": true,
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/sinon/node_modules/supports-color": {
+			"version": "7.2.0",
+			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+			"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"has-flag": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/sisteransi": {
 			"version": "1.0.5",
 			"resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
@@ -24866,6 +25122,37 @@
 				}
 			}
 		},
+		"@babel/eslint-parser": {
+			"version": "7.19.1",
+			"resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.19.1.tgz",
+			"integrity": "sha512-AqNf2QWt1rtu2/1rLswy6CDP7H9Oh3mMhk177Y67Rg8d7RD9WfOLLv8CGn6tisFvS2htm86yIe1yLF6I1UDaGQ==",
+			"dev": true,
+			"peer": true,
+			"requires": {
+				"@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
+				"eslint-visitor-keys": "^2.1.0",
+				"semver": "^6.3.0"
+			},
+			"dependencies": {
+				"semver": {
+					"version": "6.3.0",
+					"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+					"integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+					"dev": true,
+					"peer": true
+				}
+			}
+		},
+		"@babel/eslint-plugin": {
+			"version": "7.19.1",
+			"resolved": "https://registry.npmjs.org/@babel/eslint-plugin/-/eslint-plugin-7.19.1.tgz",
+			"integrity": "sha512-ElGPkQPapKMa3zVqXHkZYzuL7I5LbRw9UWBUArgWsdWDDb9XcACqOpBib5tRPA9XvbVZYrFUkoQPbiJ4BFvu4w==",
+			"dev": true,
+			"peer": true,
+			"requires": {
+				"eslint-rule-composer": "^0.3.0"
+			}
+		},
 		"@babel/generator": {
 			"version": "7.14.5",
 			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.14.5.tgz",
@@ -26565,6 +26852,16 @@
 				"glob-to-regexp": "^0.3.0"
 			}
 		},
+		"@nicolo-ribaudo/eslint-scope-5-internals": {
+			"version": "5.1.1-v1",
+			"resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
+			"integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
+			"dev": true,
+			"peer": true,
+			"requires": {
+				"eslint-scope": "5.1.1"
+			}
+		},
 		"@nodelib/fs.scandir": {
 			"version": "2.1.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -26822,6 +27119,37 @@
 				"@sinonjs/commons": "^1.7.0"
 			}
 		},
+		"@sinonjs/samsam": {
+			"version": "7.0.1",
+			"resolved": "https://registry.npmjs.org/@sinonjs/samsam/-/samsam-7.0.1.tgz",
+			"integrity": "sha512-zsAk2Jkiq89mhZovB2LLOdTCxJF4hqqTToGP0ASWlhp4I1hqOjcfmZGafXntCN7MDC6yySH0mFHrYtHceOeLmw==",
+			"dev": true,
+			"peer": true,
+			"requires": {
+				"@sinonjs/commons": "^2.0.0",
+				"lodash.get": "^4.4.2",
+				"type-detect": "^4.0.8"
+			},
+			"dependencies": {
+				"@sinonjs/commons": {
+					"version": "2.0.0",
+					"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
+					"integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
+					"dev": true,
+					"peer": true,
+					"requires": {
+						"type-detect": "4.0.8"
+					}
+				}
+			}
+		},
+		"@sinonjs/text-encoding": {
+			"version": "0.7.2",
+			"resolved": "https://registry.npmjs.org/@sinonjs/text-encoding/-/text-encoding-0.7.2.tgz",
+			"integrity": "sha512-sXXKG+uL9IrKqViTtao2Ws6dy0znu9sOaP1di/jKGW1M6VssO8vlpXCQcpZ+jisQ1tTFAC5Jo/EOzFbggBagFQ==",
+			"dev": true,
+			"peer": true
+		},
 		"@storybook/addon-actions": {
 			"version": "6.3.4",
 			"resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-6.3.4.tgz",
@@ -30745,6 +31073,16 @@
 			"integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
 			"dev": true
 		},
+		"bindings": {
+			"version": "1.5.0",
+			"resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+			"integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+			"dev": true,
+			"optional": true,
+			"requires": {
+				"file-uri-to-path": "1.0.0"
+			}
+		},
 		"bl": {
 			"version": "4.1.0",
 			"resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
@@ -33658,6 +33996,13 @@
 				"validate-element-name": "^2.1.1"
 			}
 		},
+		"eslint-rule-composer": {
+			"version": "0.3.0",
+			"resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
+			"integrity": "sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==",
+			"dev": true,
+			"peer": true
+		},
 		"eslint-rule-extender": {
 			"version": "0.0.1",
 			"resolved": "https://registry.npmjs.org/eslint-rule-extender/-/eslint-rule-extender-0.0.1.tgz",
@@ -34208,6 +34553,13 @@
 				}
 			}
 		},
+		"file-uri-to-path": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+			"integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+			"dev": true,
+			"optional": true
+		},
 		"filesize": {
 			"version": "6.4.0",
 			"resolved": "https://registry.npmjs.org/filesize/-/filesize-6.4.0.tgz",
@@ -36619,6 +36971,13 @@
 			"integrity": "sha512-pBxcB3LFc8QVgdggvZWyeys+hnrNWg4OcZIU/1X59k5jQdLBlCsYGRQaz234SqoRLTCgMH00fY0xRJH+F9METQ==",
 			"dev": true
 		},
+		"just-extend": {
+			"version": "4.2.1",
+			"resolved": "https://registry.npmjs.org/just-extend/-/just-extend-4.2.1.tgz",
+			"integrity": "sha512-g3UB796vUFIY90VIv/WX3L2c8CS2MdWUww3CNrYmqza1Fg0DURc2K/O4YrnklBdQarSJ/y8JnJYDGc+1iumQjg==",
+			"dev": true,
+			"peer": true
+		},
 		"keygrip": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/keygrip/-/keygrip-1.1.0.tgz",
@@ -36996,6 +37355,13 @@
 			"integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=",
 			"dev": true
 		},
+		"lodash.get": {
+			"version": "4.4.2",
+			"resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+			"integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==",
+			"dev": true,
+			"peer": true
+		},
 		"lodash.merge": {
 			"version": "4.6.2",
 			"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -37986,6 +38352,13 @@
 			"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
 			"dev": true
 		},
+		"nan": {
+			"version": "2.17.0",
+			"resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz",
+			"integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==",
+			"dev": true,
+			"optional": true
+		},
 		"nanomatch": {
 			"version": "1.2.13",
 			"resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
@@ -38035,6 +38408,49 @@
 			"integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
 			"dev": true
 		},
+		"nise": {
+			"version": "5.1.3",
+			"resolved": "https://registry.npmjs.org/nise/-/nise-5.1.3.tgz",
+			"integrity": "sha512-U597iWTTBBYIV72986jyU382/MMZ70ApWcRmkoF1AZ75bpqOtI3Gugv/6+0jLgoDOabmcSwYBkSSAWIp1eA5cg==",
+			"dev": true,
+			"peer": true,
+			"requires": {
+				"@sinonjs/commons": "^2.0.0",
+				"@sinonjs/fake-timers": "^7.0.4",
+				"@sinonjs/text-encoding": "^0.7.1",
+				"just-extend": "^4.0.2",
+				"path-to-regexp": "^1.7.0"
+			},
+			"dependencies": {
+				"@sinonjs/commons": {
+					"version": "2.0.0",
+					"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
+					"integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
+					"dev": true,
+					"peer": true,
+					"requires": {
+						"type-detect": "4.0.8"
+					}
+				},
+				"isarray": {
+					"version": "0.0.1",
+					"resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+					"integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
+					"dev": true,
+					"peer": true
+				},
+				"path-to-regexp": {
+					"version": "1.8.0",
+					"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz",
+					"integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==",
+					"dev": true,
+					"peer": true,
+					"requires": {
+						"isarray": "0.0.1"
+					}
+				}
+			}
+		},
 		"no-case": {
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
@@ -41198,6 +41614,79 @@
 			"integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==",
 			"dev": true
 		},
+		"sinon": {
+			"version": "15.0.0",
+			"resolved": "https://registry.npmjs.org/sinon/-/sinon-15.0.0.tgz",
+			"integrity": "sha512-pV97G1GbslaSJoSdy2F2z8uh5F+uPGp3ddOzA4JsBOUBLEQRz2OAqlKGRFTSh2KiqUCmHkzyAeu7R4x1Hx0wwg==",
+			"dev": true,
+			"peer": true,
+			"requires": {
+				"@sinonjs/commons": "^2.0.0",
+				"@sinonjs/fake-timers": "^9.1.2",
+				"@sinonjs/samsam": "^7.0.1",
+				"diff": "^5.0.0",
+				"nise": "^5.1.2",
+				"supports-color": "^7.2.0"
+			},
+			"dependencies": {
+				"@sinonjs/commons": {
+					"version": "2.0.0",
+					"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
+					"integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
+					"dev": true,
+					"peer": true,
+					"requires": {
+						"type-detect": "4.0.8"
+					}
+				},
+				"@sinonjs/fake-timers": {
+					"version": "9.1.2",
+					"resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-9.1.2.tgz",
+					"integrity": "sha512-BPS4ynJW/o92PUR4wgriz2Ud5gpST5vz6GQfMixEDK0Z8ZCUv2M7SkBLykH56T++Xs+8ln9zTGbOvNGIe02/jw==",
+					"dev": true,
+					"peer": true,
+					"requires": {
+						"@sinonjs/commons": "^1.7.0"
+					},
+					"dependencies": {
+						"@sinonjs/commons": {
+							"version": "1.8.6",
+							"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-1.8.6.tgz",
+							"integrity": "sha512-Ky+XkAkqPZSm3NLBeUng77EBQl3cmeJhITaGHdYH8kjVB+aun3S4XBRti2zt17mtt0mIUDiNxYeoJm6drVvBJQ==",
+							"dev": true,
+							"peer": true,
+							"requires": {
+								"type-detect": "4.0.8"
+							}
+						}
+					}
+				},
+				"diff": {
+					"version": "5.1.0",
+					"resolved": "https://registry.npmjs.org/diff/-/diff-5.1.0.tgz",
+					"integrity": "sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==",
+					"dev": true,
+					"peer": true
+				},
+				"has-flag": {
+					"version": "4.0.0",
+					"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+					"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+					"dev": true,
+					"peer": true
+				},
+				"supports-color": {
+					"version": "7.2.0",
+					"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+					"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+					"dev": true,
+					"peer": true,
+					"requires": {
+						"has-flag": "^4.0.0"
+					}
+				}
+			}
+		},
 		"sinon-chai": {
 			"version": "3.7.0",
 			"resolved": "https://registry.npmjs.org/sinon-chai/-/sinon-chai-3.7.0.tgz",
diff --git a/web-components/databrowser-generic/package-lock.json b/web-components/databrowser-generic/package-lock.json
index 3707a1bc5..9951f81f8 100644
--- a/web-components/databrowser-generic/package-lock.json
+++ b/web-components/databrowser-generic/package-lock.json
@@ -125,6 +125,52 @@
 				"semver": "bin/semver.js"
 			}
 		},
+		"node_modules/@babel/eslint-parser": {
+			"version": "7.19.1",
+			"resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.19.1.tgz",
+			"integrity": "sha512-AqNf2QWt1rtu2/1rLswy6CDP7H9Oh3mMhk177Y67Rg8d7RD9WfOLLv8CGn6tisFvS2htm86yIe1yLF6I1UDaGQ==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
+				"eslint-visitor-keys": "^2.1.0",
+				"semver": "^6.3.0"
+			},
+			"engines": {
+				"node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+			},
+			"peerDependencies": {
+				"@babel/core": ">=7.11.0",
+				"eslint": "^7.5.0 || ^8.0.0"
+			}
+		},
+		"node_modules/@babel/eslint-parser/node_modules/semver": {
+			"version": "6.3.0",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+			"integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+			"dev": true,
+			"peer": true,
+			"bin": {
+				"semver": "bin/semver.js"
+			}
+		},
+		"node_modules/@babel/eslint-plugin": {
+			"version": "7.19.1",
+			"resolved": "https://registry.npmjs.org/@babel/eslint-plugin/-/eslint-plugin-7.19.1.tgz",
+			"integrity": "sha512-ElGPkQPapKMa3zVqXHkZYzuL7I5LbRw9UWBUArgWsdWDDb9XcACqOpBib5tRPA9XvbVZYrFUkoQPbiJ4BFvu4w==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"eslint-rule-composer": "^0.3.0"
+			},
+			"engines": {
+				"node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+			},
+			"peerDependencies": {
+				"@babel/eslint-parser": ">=7.11.0",
+				"eslint": ">=7.5.0"
+			}
+		},
 		"node_modules/@babel/generator": {
 			"version": "7.14.5",
 			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.14.5.tgz",
@@ -2496,6 +2542,16 @@
 				"node": ">=4"
 			}
 		},
+		"node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
+			"version": "5.1.1-v1",
+			"resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
+			"integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"eslint-scope": "5.1.1"
+			}
+		},
 		"node_modules/@nodelib/fs.scandir": {
 			"version": "2.1.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -2827,6 +2883,35 @@
 				"@sinonjs/commons": "^1.7.0"
 			}
 		},
+		"node_modules/@sinonjs/samsam": {
+			"version": "7.0.1",
+			"resolved": "https://registry.npmjs.org/@sinonjs/samsam/-/samsam-7.0.1.tgz",
+			"integrity": "sha512-zsAk2Jkiq89mhZovB2LLOdTCxJF4hqqTToGP0ASWlhp4I1hqOjcfmZGafXntCN7MDC6yySH0mFHrYtHceOeLmw==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"@sinonjs/commons": "^2.0.0",
+				"lodash.get": "^4.4.2",
+				"type-detect": "^4.0.8"
+			}
+		},
+		"node_modules/@sinonjs/samsam/node_modules/@sinonjs/commons": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
+			"integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"type-detect": "4.0.8"
+			}
+		},
+		"node_modules/@sinonjs/text-encoding": {
+			"version": "0.7.2",
+			"resolved": "https://registry.npmjs.org/@sinonjs/text-encoding/-/text-encoding-0.7.2.tgz",
+			"integrity": "sha512-sXXKG+uL9IrKqViTtao2Ws6dy0znu9sOaP1di/jKGW1M6VssO8vlpXCQcpZ+jisQ1tTFAC5Jo/EOzFbggBagFQ==",
+			"dev": true,
+			"peer": true
+		},
 		"node_modules/@storybook/addon-actions": {
 			"version": "6.3.4",
 			"resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-6.3.4.tgz",
@@ -8125,6 +8210,16 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/bindings": {
+			"version": "1.5.0",
+			"resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+			"integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+			"dev": true,
+			"optional": true,
+			"dependencies": {
+				"file-uri-to-path": "1.0.0"
+			}
+		},
 		"node_modules/bl": {
 			"version": "4.1.0",
 			"resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
@@ -11787,6 +11882,16 @@
 				"eslint": ">= 5"
 			}
 		},
+		"node_modules/eslint-rule-composer": {
+			"version": "0.3.0",
+			"resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
+			"integrity": "sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==",
+			"dev": true,
+			"peer": true,
+			"engines": {
+				"node": ">=4.0.0"
+			}
+		},
 		"node_modules/eslint-rule-extender": {
 			"version": "0.0.1",
 			"resolved": "https://registry.npmjs.org/eslint-rule-extender/-/eslint-rule-extender-0.0.1.tgz",
@@ -12497,6 +12602,13 @@
 				"rimraf": "bin.js"
 			}
 		},
+		"node_modules/file-uri-to-path": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+			"integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+			"dev": true,
+			"optional": true
+		},
 		"node_modules/filesize": {
 			"version": "6.4.0",
 			"resolved": "https://registry.npmjs.org/filesize/-/filesize-6.4.0.tgz",
@@ -15682,6 +15794,13 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/just-extend": {
+			"version": "4.2.1",
+			"resolved": "https://registry.npmjs.org/just-extend/-/just-extend-4.2.1.tgz",
+			"integrity": "sha512-g3UB796vUFIY90VIv/WX3L2c8CS2MdWUww3CNrYmqza1Fg0DURc2K/O4YrnklBdQarSJ/y8JnJYDGc+1iumQjg==",
+			"dev": true,
+			"peer": true
+		},
 		"node_modules/keygrip": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/keygrip/-/keygrip-1.1.0.tgz",
@@ -16174,6 +16293,13 @@
 			"integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=",
 			"dev": true
 		},
+		"node_modules/lodash.get": {
+			"version": "4.4.2",
+			"resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+			"integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==",
+			"dev": true,
+			"peer": true
+		},
 		"node_modules/lodash.merge": {
 			"version": "4.6.2",
 			"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -17425,6 +17551,13 @@
 			"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
 			"dev": true
 		},
+		"node_modules/nan": {
+			"version": "2.17.0",
+			"resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz",
+			"integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==",
+			"dev": true,
+			"optional": true
+		},
 		"node_modules/nanomatch": {
 			"version": "1.2.13",
 			"resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
@@ -17480,6 +17613,47 @@
 			"integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
 			"dev": true
 		},
+		"node_modules/nise": {
+			"version": "5.1.3",
+			"resolved": "https://registry.npmjs.org/nise/-/nise-5.1.3.tgz",
+			"integrity": "sha512-U597iWTTBBYIV72986jyU382/MMZ70ApWcRmkoF1AZ75bpqOtI3Gugv/6+0jLgoDOabmcSwYBkSSAWIp1eA5cg==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"@sinonjs/commons": "^2.0.0",
+				"@sinonjs/fake-timers": "^7.0.4",
+				"@sinonjs/text-encoding": "^0.7.1",
+				"just-extend": "^4.0.2",
+				"path-to-regexp": "^1.7.0"
+			}
+		},
+		"node_modules/nise/node_modules/@sinonjs/commons": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
+			"integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"type-detect": "4.0.8"
+			}
+		},
+		"node_modules/nise/node_modules/isarray": {
+			"version": "0.0.1",
+			"resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+			"integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
+			"dev": true,
+			"peer": true
+		},
+		"node_modules/nise/node_modules/path-to-regexp": {
+			"version": "1.8.0",
+			"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz",
+			"integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"isarray": "0.0.1"
+			}
+		},
 		"node_modules/no-case": {
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
@@ -21435,6 +21609,25 @@
 			"integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==",
 			"dev": true
 		},
+		"node_modules/sinon": {
+			"version": "15.0.0",
+			"resolved": "https://registry.npmjs.org/sinon/-/sinon-15.0.0.tgz",
+			"integrity": "sha512-pV97G1GbslaSJoSdy2F2z8uh5F+uPGp3ddOzA4JsBOUBLEQRz2OAqlKGRFTSh2KiqUCmHkzyAeu7R4x1Hx0wwg==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"@sinonjs/commons": "^2.0.0",
+				"@sinonjs/fake-timers": "^9.1.2",
+				"@sinonjs/samsam": "^7.0.1",
+				"diff": "^5.0.0",
+				"nise": "^5.1.2",
+				"supports-color": "^7.2.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/sinon"
+			}
+		},
 		"node_modules/sinon-chai": {
 			"version": "3.7.0",
 			"resolved": "https://registry.npmjs.org/sinon-chai/-/sinon-chai-3.7.0.tgz",
@@ -21445,6 +21638,69 @@
 				"sinon": ">=4.0.0"
 			}
 		},
+		"node_modules/sinon/node_modules/@sinonjs/commons": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
+			"integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"type-detect": "4.0.8"
+			}
+		},
+		"node_modules/sinon/node_modules/@sinonjs/fake-timers": {
+			"version": "9.1.2",
+			"resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-9.1.2.tgz",
+			"integrity": "sha512-BPS4ynJW/o92PUR4wgriz2Ud5gpST5vz6GQfMixEDK0Z8ZCUv2M7SkBLykH56T++Xs+8ln9zTGbOvNGIe02/jw==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"@sinonjs/commons": "^1.7.0"
+			}
+		},
+		"node_modules/sinon/node_modules/@sinonjs/fake-timers/node_modules/@sinonjs/commons": {
+			"version": "1.8.6",
+			"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-1.8.6.tgz",
+			"integrity": "sha512-Ky+XkAkqPZSm3NLBeUng77EBQl3cmeJhITaGHdYH8kjVB+aun3S4XBRti2zt17mtt0mIUDiNxYeoJm6drVvBJQ==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"type-detect": "4.0.8"
+			}
+		},
+		"node_modules/sinon/node_modules/diff": {
+			"version": "5.1.0",
+			"resolved": "https://registry.npmjs.org/diff/-/diff-5.1.0.tgz",
+			"integrity": "sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==",
+			"dev": true,
+			"peer": true,
+			"engines": {
+				"node": ">=0.3.1"
+			}
+		},
+		"node_modules/sinon/node_modules/has-flag": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+			"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+			"dev": true,
+			"peer": true,
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/sinon/node_modules/supports-color": {
+			"version": "7.2.0",
+			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+			"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"has-flag": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/sisteransi": {
 			"version": "1.0.5",
 			"resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
@@ -25101,6 +25357,37 @@
 				}
 			}
 		},
+		"@babel/eslint-parser": {
+			"version": "7.19.1",
+			"resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.19.1.tgz",
+			"integrity": "sha512-AqNf2QWt1rtu2/1rLswy6CDP7H9Oh3mMhk177Y67Rg8d7RD9WfOLLv8CGn6tisFvS2htm86yIe1yLF6I1UDaGQ==",
+			"dev": true,
+			"peer": true,
+			"requires": {
+				"@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
+				"eslint-visitor-keys": "^2.1.0",
+				"semver": "^6.3.0"
+			},
+			"dependencies": {
+				"semver": {
+					"version": "6.3.0",
+					"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+					"integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+					"dev": true,
+					"peer": true
+				}
+			}
+		},
+		"@babel/eslint-plugin": {
+			"version": "7.19.1",
+			"resolved": "https://registry.npmjs.org/@babel/eslint-plugin/-/eslint-plugin-7.19.1.tgz",
+			"integrity": "sha512-ElGPkQPapKMa3zVqXHkZYzuL7I5LbRw9UWBUArgWsdWDDb9XcACqOpBib5tRPA9XvbVZYrFUkoQPbiJ4BFvu4w==",
+			"dev": true,
+			"peer": true,
+			"requires": {
+				"eslint-rule-composer": "^0.3.0"
+			}
+		},
 		"@babel/generator": {
 			"version": "7.14.5",
 			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.14.5.tgz",
@@ -26814,6 +27101,16 @@
 				"glob-to-regexp": "^0.3.0"
 			}
 		},
+		"@nicolo-ribaudo/eslint-scope-5-internals": {
+			"version": "5.1.1-v1",
+			"resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
+			"integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
+			"dev": true,
+			"peer": true,
+			"requires": {
+				"eslint-scope": "5.1.1"
+			}
+		},
 		"@nodelib/fs.scandir": {
 			"version": "2.1.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -27096,6 +27393,37 @@
 				"@sinonjs/commons": "^1.7.0"
 			}
 		},
+		"@sinonjs/samsam": {
+			"version": "7.0.1",
+			"resolved": "https://registry.npmjs.org/@sinonjs/samsam/-/samsam-7.0.1.tgz",
+			"integrity": "sha512-zsAk2Jkiq89mhZovB2LLOdTCxJF4hqqTToGP0ASWlhp4I1hqOjcfmZGafXntCN7MDC6yySH0mFHrYtHceOeLmw==",
+			"dev": true,
+			"peer": true,
+			"requires": {
+				"@sinonjs/commons": "^2.0.0",
+				"lodash.get": "^4.4.2",
+				"type-detect": "^4.0.8"
+			},
+			"dependencies": {
+				"@sinonjs/commons": {
+					"version": "2.0.0",
+					"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
+					"integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
+					"dev": true,
+					"peer": true,
+					"requires": {
+						"type-detect": "4.0.8"
+					}
+				}
+			}
+		},
+		"@sinonjs/text-encoding": {
+			"version": "0.7.2",
+			"resolved": "https://registry.npmjs.org/@sinonjs/text-encoding/-/text-encoding-0.7.2.tgz",
+			"integrity": "sha512-sXXKG+uL9IrKqViTtao2Ws6dy0znu9sOaP1di/jKGW1M6VssO8vlpXCQcpZ+jisQ1tTFAC5Jo/EOzFbggBagFQ==",
+			"dev": true,
+			"peer": true
+		},
 		"@storybook/addon-actions": {
 			"version": "6.3.4",
 			"resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-6.3.4.tgz",
@@ -31135,6 +31463,16 @@
 			"integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
 			"dev": true
 		},
+		"bindings": {
+			"version": "1.5.0",
+			"resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+			"integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+			"dev": true,
+			"optional": true,
+			"requires": {
+				"file-uri-to-path": "1.0.0"
+			}
+		},
 		"bl": {
 			"version": "4.1.0",
 			"resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
@@ -34096,6 +34434,13 @@
 				"validate-element-name": "^2.1.1"
 			}
 		},
+		"eslint-rule-composer": {
+			"version": "0.3.0",
+			"resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
+			"integrity": "sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==",
+			"dev": true,
+			"peer": true
+		},
 		"eslint-rule-extender": {
 			"version": "0.0.1",
 			"resolved": "https://registry.npmjs.org/eslint-rule-extender/-/eslint-rule-extender-0.0.1.tgz",
@@ -34661,6 +35006,13 @@
 				}
 			}
 		},
+		"file-uri-to-path": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+			"integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+			"dev": true,
+			"optional": true
+		},
 		"filesize": {
 			"version": "6.4.0",
 			"resolved": "https://registry.npmjs.org/filesize/-/filesize-6.4.0.tgz",
@@ -37110,6 +37462,13 @@
 			"integrity": "sha512-pBxcB3LFc8QVgdggvZWyeys+hnrNWg4OcZIU/1X59k5jQdLBlCsYGRQaz234SqoRLTCgMH00fY0xRJH+F9METQ==",
 			"dev": true
 		},
+		"just-extend": {
+			"version": "4.2.1",
+			"resolved": "https://registry.npmjs.org/just-extend/-/just-extend-4.2.1.tgz",
+			"integrity": "sha512-g3UB796vUFIY90VIv/WX3L2c8CS2MdWUww3CNrYmqza1Fg0DURc2K/O4YrnklBdQarSJ/y8JnJYDGc+1iumQjg==",
+			"dev": true,
+			"peer": true
+		},
 		"keygrip": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/keygrip/-/keygrip-1.1.0.tgz",
@@ -37532,6 +37891,13 @@
 			"integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=",
 			"dev": true
 		},
+		"lodash.get": {
+			"version": "4.4.2",
+			"resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+			"integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==",
+			"dev": true,
+			"peer": true
+		},
 		"lodash.merge": {
 			"version": "4.6.2",
 			"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -38528,6 +38894,13 @@
 			"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
 			"dev": true
 		},
+		"nan": {
+			"version": "2.17.0",
+			"resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz",
+			"integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==",
+			"dev": true,
+			"optional": true
+		},
 		"nanomatch": {
 			"version": "1.2.13",
 			"resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
@@ -38577,6 +38950,49 @@
 			"integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
 			"dev": true
 		},
+		"nise": {
+			"version": "5.1.3",
+			"resolved": "https://registry.npmjs.org/nise/-/nise-5.1.3.tgz",
+			"integrity": "sha512-U597iWTTBBYIV72986jyU382/MMZ70ApWcRmkoF1AZ75bpqOtI3Gugv/6+0jLgoDOabmcSwYBkSSAWIp1eA5cg==",
+			"dev": true,
+			"peer": true,
+			"requires": {
+				"@sinonjs/commons": "^2.0.0",
+				"@sinonjs/fake-timers": "^7.0.4",
+				"@sinonjs/text-encoding": "^0.7.1",
+				"just-extend": "^4.0.2",
+				"path-to-regexp": "^1.7.0"
+			},
+			"dependencies": {
+				"@sinonjs/commons": {
+					"version": "2.0.0",
+					"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
+					"integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
+					"dev": true,
+					"peer": true,
+					"requires": {
+						"type-detect": "4.0.8"
+					}
+				},
+				"isarray": {
+					"version": "0.0.1",
+					"resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+					"integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
+					"dev": true,
+					"peer": true
+				},
+				"path-to-regexp": {
+					"version": "1.8.0",
+					"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz",
+					"integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==",
+					"dev": true,
+					"peer": true,
+					"requires": {
+						"isarray": "0.0.1"
+					}
+				}
+			}
+		},
 		"no-case": {
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
@@ -41701,6 +42117,79 @@
 			"integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==",
 			"dev": true
 		},
+		"sinon": {
+			"version": "15.0.0",
+			"resolved": "https://registry.npmjs.org/sinon/-/sinon-15.0.0.tgz",
+			"integrity": "sha512-pV97G1GbslaSJoSdy2F2z8uh5F+uPGp3ddOzA4JsBOUBLEQRz2OAqlKGRFTSh2KiqUCmHkzyAeu7R4x1Hx0wwg==",
+			"dev": true,
+			"peer": true,
+			"requires": {
+				"@sinonjs/commons": "^2.0.0",
+				"@sinonjs/fake-timers": "^9.1.2",
+				"@sinonjs/samsam": "^7.0.1",
+				"diff": "^5.0.0",
+				"nise": "^5.1.2",
+				"supports-color": "^7.2.0"
+			},
+			"dependencies": {
+				"@sinonjs/commons": {
+					"version": "2.0.0",
+					"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
+					"integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
+					"dev": true,
+					"peer": true,
+					"requires": {
+						"type-detect": "4.0.8"
+					}
+				},
+				"@sinonjs/fake-timers": {
+					"version": "9.1.2",
+					"resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-9.1.2.tgz",
+					"integrity": "sha512-BPS4ynJW/o92PUR4wgriz2Ud5gpST5vz6GQfMixEDK0Z8ZCUv2M7SkBLykH56T++Xs+8ln9zTGbOvNGIe02/jw==",
+					"dev": true,
+					"peer": true,
+					"requires": {
+						"@sinonjs/commons": "^1.7.0"
+					},
+					"dependencies": {
+						"@sinonjs/commons": {
+							"version": "1.8.6",
+							"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-1.8.6.tgz",
+							"integrity": "sha512-Ky+XkAkqPZSm3NLBeUng77EBQl3cmeJhITaGHdYH8kjVB+aun3S4XBRti2zt17mtt0mIUDiNxYeoJm6drVvBJQ==",
+							"dev": true,
+							"peer": true,
+							"requires": {
+								"type-detect": "4.0.8"
+							}
+						}
+					}
+				},
+				"diff": {
+					"version": "5.1.0",
+					"resolved": "https://registry.npmjs.org/diff/-/diff-5.1.0.tgz",
+					"integrity": "sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==",
+					"dev": true,
+					"peer": true
+				},
+				"has-flag": {
+					"version": "4.0.0",
+					"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+					"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+					"dev": true,
+					"peer": true
+				},
+				"supports-color": {
+					"version": "7.2.0",
+					"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+					"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+					"dev": true,
+					"peer": true,
+					"requires": {
+						"has-flag": "^4.0.0"
+					}
+				}
+			}
+		},
 		"sinon-chai": {
 			"version": "3.7.0",
 			"resolved": "https://registry.npmjs.org/sinon-chai/-/sinon-chai-3.7.0.tgz",
diff --git a/web-components/databrowser-tourism/package-lock.json b/web-components/databrowser-tourism/package-lock.json
index 0a67a29a5..3adf3dc54 100644
--- a/web-components/databrowser-tourism/package-lock.json
+++ b/web-components/databrowser-tourism/package-lock.json
@@ -105,6 +105,52 @@
 				"semver": "bin/semver.js"
 			}
 		},
+		"node_modules/@babel/eslint-parser": {
+			"version": "7.19.1",
+			"resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.19.1.tgz",
+			"integrity": "sha512-AqNf2QWt1rtu2/1rLswy6CDP7H9Oh3mMhk177Y67Rg8d7RD9WfOLLv8CGn6tisFvS2htm86yIe1yLF6I1UDaGQ==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
+				"eslint-visitor-keys": "^2.1.0",
+				"semver": "^6.3.0"
+			},
+			"engines": {
+				"node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+			},
+			"peerDependencies": {
+				"@babel/core": ">=7.11.0",
+				"eslint": "^7.5.0 || ^8.0.0"
+			}
+		},
+		"node_modules/@babel/eslint-parser/node_modules/semver": {
+			"version": "6.3.0",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+			"integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+			"dev": true,
+			"peer": true,
+			"bin": {
+				"semver": "bin/semver.js"
+			}
+		},
+		"node_modules/@babel/eslint-plugin": {
+			"version": "7.19.1",
+			"resolved": "https://registry.npmjs.org/@babel/eslint-plugin/-/eslint-plugin-7.19.1.tgz",
+			"integrity": "sha512-ElGPkQPapKMa3zVqXHkZYzuL7I5LbRw9UWBUArgWsdWDDb9XcACqOpBib5tRPA9XvbVZYrFUkoQPbiJ4BFvu4w==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"eslint-rule-composer": "^0.3.0"
+			},
+			"engines": {
+				"node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+			},
+			"peerDependencies": {
+				"@babel/eslint-parser": ">=7.11.0",
+				"eslint": ">=7.5.0"
+			}
+		},
 		"node_modules/@babel/generator": {
 			"version": "7.14.5",
 			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.14.5.tgz",
@@ -2461,6 +2507,16 @@
 				"node": ">=4"
 			}
 		},
+		"node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
+			"version": "5.1.1-v1",
+			"resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
+			"integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"eslint-scope": "5.1.1"
+			}
+		},
 		"node_modules/@nodelib/fs.scandir": {
 			"version": "2.1.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -2771,6 +2827,35 @@
 				"@sinonjs/commons": "^1.7.0"
 			}
 		},
+		"node_modules/@sinonjs/samsam": {
+			"version": "7.0.1",
+			"resolved": "https://registry.npmjs.org/@sinonjs/samsam/-/samsam-7.0.1.tgz",
+			"integrity": "sha512-zsAk2Jkiq89mhZovB2LLOdTCxJF4hqqTToGP0ASWlhp4I1hqOjcfmZGafXntCN7MDC6yySH0mFHrYtHceOeLmw==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"@sinonjs/commons": "^2.0.0",
+				"lodash.get": "^4.4.2",
+				"type-detect": "^4.0.8"
+			}
+		},
+		"node_modules/@sinonjs/samsam/node_modules/@sinonjs/commons": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
+			"integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"type-detect": "4.0.8"
+			}
+		},
+		"node_modules/@sinonjs/text-encoding": {
+			"version": "0.7.2",
+			"resolved": "https://registry.npmjs.org/@sinonjs/text-encoding/-/text-encoding-0.7.2.tgz",
+			"integrity": "sha512-sXXKG+uL9IrKqViTtao2Ws6dy0znu9sOaP1di/jKGW1M6VssO8vlpXCQcpZ+jisQ1tTFAC5Jo/EOzFbggBagFQ==",
+			"dev": true,
+			"peer": true
+		},
 		"node_modules/@storybook/addon-actions": {
 			"version": "6.3.4",
 			"resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-6.3.4.tgz",
@@ -7924,6 +8009,16 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/bindings": {
+			"version": "1.5.0",
+			"resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+			"integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+			"dev": true,
+			"optional": true,
+			"dependencies": {
+				"file-uri-to-path": "1.0.0"
+			}
+		},
 		"node_modules/bl": {
 			"version": "4.1.0",
 			"resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
@@ -11522,6 +11617,16 @@
 				"eslint": ">= 5"
 			}
 		},
+		"node_modules/eslint-rule-composer": {
+			"version": "0.3.0",
+			"resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
+			"integrity": "sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==",
+			"dev": true,
+			"peer": true,
+			"engines": {
+				"node": ">=4.0.0"
+			}
+		},
 		"node_modules/eslint-rule-extender": {
 			"version": "0.0.1",
 			"resolved": "https://registry.npmjs.org/eslint-rule-extender/-/eslint-rule-extender-0.0.1.tgz",
@@ -12208,6 +12313,13 @@
 				"rimraf": "bin.js"
 			}
 		},
+		"node_modules/file-uri-to-path": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+			"integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+			"dev": true,
+			"optional": true
+		},
 		"node_modules/filesize": {
 			"version": "6.4.0",
 			"resolved": "https://registry.npmjs.org/filesize/-/filesize-6.4.0.tgz",
@@ -15346,6 +15458,13 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/just-extend": {
+			"version": "4.2.1",
+			"resolved": "https://registry.npmjs.org/just-extend/-/just-extend-4.2.1.tgz",
+			"integrity": "sha512-g3UB796vUFIY90VIv/WX3L2c8CS2MdWUww3CNrYmqza1Fg0DURc2K/O4YrnklBdQarSJ/y8JnJYDGc+1iumQjg==",
+			"dev": true,
+			"peer": true
+		},
 		"node_modules/keygrip": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/keygrip/-/keygrip-1.1.0.tgz",
@@ -15820,6 +15939,13 @@
 			"integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=",
 			"dev": true
 		},
+		"node_modules/lodash.get": {
+			"version": "4.4.2",
+			"resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+			"integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==",
+			"dev": true,
+			"peer": true
+		},
 		"node_modules/lodash.merge": {
 			"version": "4.6.2",
 			"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -17056,6 +17182,13 @@
 			"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
 			"dev": true
 		},
+		"node_modules/nan": {
+			"version": "2.17.0",
+			"resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz",
+			"integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==",
+			"dev": true,
+			"optional": true
+		},
 		"node_modules/nanomatch": {
 			"version": "1.2.13",
 			"resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
@@ -17111,6 +17244,47 @@
 			"integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
 			"dev": true
 		},
+		"node_modules/nise": {
+			"version": "5.1.3",
+			"resolved": "https://registry.npmjs.org/nise/-/nise-5.1.3.tgz",
+			"integrity": "sha512-U597iWTTBBYIV72986jyU382/MMZ70ApWcRmkoF1AZ75bpqOtI3Gugv/6+0jLgoDOabmcSwYBkSSAWIp1eA5cg==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"@sinonjs/commons": "^2.0.0",
+				"@sinonjs/fake-timers": "^7.0.4",
+				"@sinonjs/text-encoding": "^0.7.1",
+				"just-extend": "^4.0.2",
+				"path-to-regexp": "^1.7.0"
+			}
+		},
+		"node_modules/nise/node_modules/@sinonjs/commons": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
+			"integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"type-detect": "4.0.8"
+			}
+		},
+		"node_modules/nise/node_modules/isarray": {
+			"version": "0.0.1",
+			"resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+			"integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
+			"dev": true,
+			"peer": true
+		},
+		"node_modules/nise/node_modules/path-to-regexp": {
+			"version": "1.8.0",
+			"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz",
+			"integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"isarray": "0.0.1"
+			}
+		},
 		"node_modules/no-case": {
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
@@ -21107,6 +21281,25 @@
 			"integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==",
 			"dev": true
 		},
+		"node_modules/sinon": {
+			"version": "15.0.0",
+			"resolved": "https://registry.npmjs.org/sinon/-/sinon-15.0.0.tgz",
+			"integrity": "sha512-pV97G1GbslaSJoSdy2F2z8uh5F+uPGp3ddOzA4JsBOUBLEQRz2OAqlKGRFTSh2KiqUCmHkzyAeu7R4x1Hx0wwg==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"@sinonjs/commons": "^2.0.0",
+				"@sinonjs/fake-timers": "^9.1.2",
+				"@sinonjs/samsam": "^7.0.1",
+				"diff": "^5.0.0",
+				"nise": "^5.1.2",
+				"supports-color": "^7.2.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/sinon"
+			}
+		},
 		"node_modules/sinon-chai": {
 			"version": "3.7.0",
 			"resolved": "https://registry.npmjs.org/sinon-chai/-/sinon-chai-3.7.0.tgz",
@@ -21117,6 +21310,69 @@
 				"sinon": ">=4.0.0"
 			}
 		},
+		"node_modules/sinon/node_modules/@sinonjs/commons": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
+			"integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"type-detect": "4.0.8"
+			}
+		},
+		"node_modules/sinon/node_modules/@sinonjs/fake-timers": {
+			"version": "9.1.2",
+			"resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-9.1.2.tgz",
+			"integrity": "sha512-BPS4ynJW/o92PUR4wgriz2Ud5gpST5vz6GQfMixEDK0Z8ZCUv2M7SkBLykH56T++Xs+8ln9zTGbOvNGIe02/jw==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"@sinonjs/commons": "^1.7.0"
+			}
+		},
+		"node_modules/sinon/node_modules/@sinonjs/fake-timers/node_modules/@sinonjs/commons": {
+			"version": "1.8.6",
+			"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-1.8.6.tgz",
+			"integrity": "sha512-Ky+XkAkqPZSm3NLBeUng77EBQl3cmeJhITaGHdYH8kjVB+aun3S4XBRti2zt17mtt0mIUDiNxYeoJm6drVvBJQ==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"type-detect": "4.0.8"
+			}
+		},
+		"node_modules/sinon/node_modules/diff": {
+			"version": "5.1.0",
+			"resolved": "https://registry.npmjs.org/diff/-/diff-5.1.0.tgz",
+			"integrity": "sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==",
+			"dev": true,
+			"peer": true,
+			"engines": {
+				"node": ">=0.3.1"
+			}
+		},
+		"node_modules/sinon/node_modules/has-flag": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+			"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+			"dev": true,
+			"peer": true,
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/sinon/node_modules/supports-color": {
+			"version": "7.2.0",
+			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+			"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+			"dev": true,
+			"peer": true,
+			"dependencies": {
+				"has-flag": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/sisteransi": {
 			"version": "1.0.5",
 			"resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
@@ -24904,6 +25160,37 @@
 				}
 			}
 		},
+		"@babel/eslint-parser": {
+			"version": "7.19.1",
+			"resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.19.1.tgz",
+			"integrity": "sha512-AqNf2QWt1rtu2/1rLswy6CDP7H9Oh3mMhk177Y67Rg8d7RD9WfOLLv8CGn6tisFvS2htm86yIe1yLF6I1UDaGQ==",
+			"dev": true,
+			"peer": true,
+			"requires": {
+				"@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
+				"eslint-visitor-keys": "^2.1.0",
+				"semver": "^6.3.0"
+			},
+			"dependencies": {
+				"semver": {
+					"version": "6.3.0",
+					"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+					"integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+					"dev": true,
+					"peer": true
+				}
+			}
+		},
+		"@babel/eslint-plugin": {
+			"version": "7.19.1",
+			"resolved": "https://registry.npmjs.org/@babel/eslint-plugin/-/eslint-plugin-7.19.1.tgz",
+			"integrity": "sha512-ElGPkQPapKMa3zVqXHkZYzuL7I5LbRw9UWBUArgWsdWDDb9XcACqOpBib5tRPA9XvbVZYrFUkoQPbiJ4BFvu4w==",
+			"dev": true,
+			"peer": true,
+			"requires": {
+				"eslint-rule-composer": "^0.3.0"
+			}
+		},
 		"@babel/generator": {
 			"version": "7.14.5",
 			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.14.5.tgz",
@@ -26608,6 +26895,16 @@
 				"glob-to-regexp": "^0.3.0"
 			}
 		},
+		"@nicolo-ribaudo/eslint-scope-5-internals": {
+			"version": "5.1.1-v1",
+			"resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
+			"integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
+			"dev": true,
+			"peer": true,
+			"requires": {
+				"eslint-scope": "5.1.1"
+			}
+		},
 		"@nodelib/fs.scandir": {
 			"version": "2.1.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -26865,6 +27162,37 @@
 				"@sinonjs/commons": "^1.7.0"
 			}
 		},
+		"@sinonjs/samsam": {
+			"version": "7.0.1",
+			"resolved": "https://registry.npmjs.org/@sinonjs/samsam/-/samsam-7.0.1.tgz",
+			"integrity": "sha512-zsAk2Jkiq89mhZovB2LLOdTCxJF4hqqTToGP0ASWlhp4I1hqOjcfmZGafXntCN7MDC6yySH0mFHrYtHceOeLmw==",
+			"dev": true,
+			"peer": true,
+			"requires": {
+				"@sinonjs/commons": "^2.0.0",
+				"lodash.get": "^4.4.2",
+				"type-detect": "^4.0.8"
+			},
+			"dependencies": {
+				"@sinonjs/commons": {
+					"version": "2.0.0",
+					"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
+					"integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
+					"dev": true,
+					"peer": true,
+					"requires": {
+						"type-detect": "4.0.8"
+					}
+				}
+			}
+		},
+		"@sinonjs/text-encoding": {
+			"version": "0.7.2",
+			"resolved": "https://registry.npmjs.org/@sinonjs/text-encoding/-/text-encoding-0.7.2.tgz",
+			"integrity": "sha512-sXXKG+uL9IrKqViTtao2Ws6dy0znu9sOaP1di/jKGW1M6VssO8vlpXCQcpZ+jisQ1tTFAC5Jo/EOzFbggBagFQ==",
+			"dev": true,
+			"peer": true
+		},
 		"@storybook/addon-actions": {
 			"version": "6.3.4",
 			"resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-6.3.4.tgz",
@@ -30793,6 +31121,16 @@
 			"integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
 			"dev": true
 		},
+		"bindings": {
+			"version": "1.5.0",
+			"resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+			"integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+			"dev": true,
+			"optional": true,
+			"requires": {
+				"file-uri-to-path": "1.0.0"
+			}
+		},
 		"bl": {
 			"version": "4.1.0",
 			"resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
@@ -33706,6 +34044,13 @@
 				"validate-element-name": "^2.1.1"
 			}
 		},
+		"eslint-rule-composer": {
+			"version": "0.3.0",
+			"resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
+			"integrity": "sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==",
+			"dev": true,
+			"peer": true
+		},
 		"eslint-rule-extender": {
 			"version": "0.0.1",
 			"resolved": "https://registry.npmjs.org/eslint-rule-extender/-/eslint-rule-extender-0.0.1.tgz",
@@ -34256,6 +34601,13 @@
 				}
 			}
 		},
+		"file-uri-to-path": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+			"integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+			"dev": true,
+			"optional": true
+		},
 		"filesize": {
 			"version": "6.4.0",
 			"resolved": "https://registry.npmjs.org/filesize/-/filesize-6.4.0.tgz",
@@ -36667,6 +37019,13 @@
 			"integrity": "sha512-pBxcB3LFc8QVgdggvZWyeys+hnrNWg4OcZIU/1X59k5jQdLBlCsYGRQaz234SqoRLTCgMH00fY0xRJH+F9METQ==",
 			"dev": true
 		},
+		"just-extend": {
+			"version": "4.2.1",
+			"resolved": "https://registry.npmjs.org/just-extend/-/just-extend-4.2.1.tgz",
+			"integrity": "sha512-g3UB796vUFIY90VIv/WX3L2c8CS2MdWUww3CNrYmqza1Fg0DURc2K/O4YrnklBdQarSJ/y8JnJYDGc+1iumQjg==",
+			"dev": true,
+			"peer": true
+		},
 		"keygrip": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/keygrip/-/keygrip-1.1.0.tgz",
@@ -37075,6 +37434,13 @@
 			"integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=",
 			"dev": true
 		},
+		"lodash.get": {
+			"version": "4.4.2",
+			"resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+			"integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==",
+			"dev": true,
+			"peer": true
+		},
 		"lodash.merge": {
 			"version": "4.6.2",
 			"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -38065,6 +38431,13 @@
 			"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
 			"dev": true
 		},
+		"nan": {
+			"version": "2.17.0",
+			"resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz",
+			"integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==",
+			"dev": true,
+			"optional": true
+		},
 		"nanomatch": {
 			"version": "1.2.13",
 			"resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
@@ -38114,6 +38487,49 @@
 			"integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
 			"dev": true
 		},
+		"nise": {
+			"version": "5.1.3",
+			"resolved": "https://registry.npmjs.org/nise/-/nise-5.1.3.tgz",
+			"integrity": "sha512-U597iWTTBBYIV72986jyU382/MMZ70ApWcRmkoF1AZ75bpqOtI3Gugv/6+0jLgoDOabmcSwYBkSSAWIp1eA5cg==",
+			"dev": true,
+			"peer": true,
+			"requires": {
+				"@sinonjs/commons": "^2.0.0",
+				"@sinonjs/fake-timers": "^7.0.4",
+				"@sinonjs/text-encoding": "^0.7.1",
+				"just-extend": "^4.0.2",
+				"path-to-regexp": "^1.7.0"
+			},
+			"dependencies": {
+				"@sinonjs/commons": {
+					"version": "2.0.0",
+					"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
+					"integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
+					"dev": true,
+					"peer": true,
+					"requires": {
+						"type-detect": "4.0.8"
+					}
+				},
+				"isarray": {
+					"version": "0.0.1",
+					"resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+					"integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
+					"dev": true,
+					"peer": true
+				},
+				"path-to-regexp": {
+					"version": "1.8.0",
+					"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz",
+					"integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==",
+					"dev": true,
+					"peer": true,
+					"requires": {
+						"isarray": "0.0.1"
+					}
+				}
+			}
+		},
 		"no-case": {
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
@@ -41277,6 +41693,79 @@
 			"integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==",
 			"dev": true
 		},
+		"sinon": {
+			"version": "15.0.0",
+			"resolved": "https://registry.npmjs.org/sinon/-/sinon-15.0.0.tgz",
+			"integrity": "sha512-pV97G1GbslaSJoSdy2F2z8uh5F+uPGp3ddOzA4JsBOUBLEQRz2OAqlKGRFTSh2KiqUCmHkzyAeu7R4x1Hx0wwg==",
+			"dev": true,
+			"peer": true,
+			"requires": {
+				"@sinonjs/commons": "^2.0.0",
+				"@sinonjs/fake-timers": "^9.1.2",
+				"@sinonjs/samsam": "^7.0.1",
+				"diff": "^5.0.0",
+				"nise": "^5.1.2",
+				"supports-color": "^7.2.0"
+			},
+			"dependencies": {
+				"@sinonjs/commons": {
+					"version": "2.0.0",
+					"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-2.0.0.tgz",
+					"integrity": "sha512-uLa0j859mMrg2slwQYdO/AkrOfmH+X6LTVmNTS9CqexuE2IvVORIkSpJLqePAbEnKJ77aMmCwr1NUZ57120Xcg==",
+					"dev": true,
+					"peer": true,
+					"requires": {
+						"type-detect": "4.0.8"
+					}
+				},
+				"@sinonjs/fake-timers": {
+					"version": "9.1.2",
+					"resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-9.1.2.tgz",
+					"integrity": "sha512-BPS4ynJW/o92PUR4wgriz2Ud5gpST5vz6GQfMixEDK0Z8ZCUv2M7SkBLykH56T++Xs+8ln9zTGbOvNGIe02/jw==",
+					"dev": true,
+					"peer": true,
+					"requires": {
+						"@sinonjs/commons": "^1.7.0"
+					},
+					"dependencies": {
+						"@sinonjs/commons": {
+							"version": "1.8.6",
+							"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-1.8.6.tgz",
+							"integrity": "sha512-Ky+XkAkqPZSm3NLBeUng77EBQl3cmeJhITaGHdYH8kjVB+aun3S4XBRti2zt17mtt0mIUDiNxYeoJm6drVvBJQ==",
+							"dev": true,
+							"peer": true,
+							"requires": {
+								"type-detect": "4.0.8"
+							}
+						}
+					}
+				},
+				"diff": {
+					"version": "5.1.0",
+					"resolved": "https://registry.npmjs.org/diff/-/diff-5.1.0.tgz",
+					"integrity": "sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==",
+					"dev": true,
+					"peer": true
+				},
+				"has-flag": {
+					"version": "4.0.0",
+					"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+					"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+					"dev": true,
+					"peer": true
+				},
+				"supports-color": {
+					"version": "7.2.0",
+					"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+					"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+					"dev": true,
+					"peer": true,
+					"requires": {
+						"has-flag": "^4.0.0"
+					}
+				}
+			}
+		},
 		"sinon-chai": {
 			"version": "3.7.0",
 			"resolved": "https://registry.npmjs.org/sinon-chai/-/sinon-chai-3.7.0.tgz",