diff --git a/.gitattributes b/.gitattributes
index 75c48d21c..8c1a980c8 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -31,4 +31,4 @@ LICENSE text eol=lf
 *.gif binary
 *.jpg binary
 *.node binary
-*.png binary
+*.png binary
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index 06bc37ca4..ab58cf437 100644
--- a/.gitignore
+++ b/.gitignore
@@ -26,4 +26,4 @@ log.json
 eslint-results.sarif
 
 # junit test results
-junit-tests.xml
+junit-tests.xml
\ No newline at end of file
diff --git a/.prettierignore b/.prettierignore
index b2789364c..3643cf413 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -3,5 +3,5 @@ package-lock.json
 coverage
 .nyc_output
 **/out
-packages/td_to_openAPI/examples/openapi.yaml
+packages/td_to_openapi/examples/openapi.yaml
 packages/td_to_asyncapi/examples/asyncapi.yaml
\ No newline at end of file
diff --git a/.vscode/templates/scss.lict b/.vscode/templates/scss.lict
new file mode 100644
index 000000000..a71fb750d
--- /dev/null
+++ b/.vscode/templates/scss.lict
@@ -0,0 +1,12 @@
+Copyright (c) %(CreationYear) Contributors to the Eclipse Foundation
+
+See the NOTICE file(s) distributed with this work for additional
+information regarding copyright ownership.
+
+This program and the accompanying materials are made available under the
+terms of the Eclipse Public License v. 2.0 which is available at
+http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+Document License (2015-05-13) which is available at
+https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+
+SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
\ No newline at end of file
diff --git a/packages/web-new/README.md b/packages/web-new/README.md
new file mode 100644
index 000000000..464b528de
--- /dev/null
+++ b/packages/web-new/README.md
@@ -0,0 +1,111 @@
+# @thing-description-playground/**WEB-NEW**
+
+This package provides the new web interface of the Web of Things Playground. It uses the functionality of the `core` package to validate Thing Descriptions and Models. You can find more information about the Thingweb-Playground [here](https://github.com/eclipse-thingweb/playground).
+
+## Main Features
+
+- Validation of TDs and TMs
+- Multiple editors
+- JSON and YAML conversion
+- An examples menu to use as templates
+- A save menu, where your currently opened TD/TM can be:
+  - Exported as an URL either on a new tab/browser or on the [ediTDor] (https://eclipse.github.io/editdor/) website
+  - Downloaded directly
+  - Saved in a specific folder within your file system (This function is only available on `Chrome`, `Edge` and `Opera`)
+- A preferences menu within the settings, where the color theme, and font size can be change
+- OpenAPI conversion
+- AsyncAPI conversion
+- A defaults view where all defaults can be added or removed from your current TD
+- Visualize view, where your current TD/TM can be represented visually as a Graph or Tree, as well as downloaded as either SVG or PNG
+
+## License
+
+Licensed under the MIT license, see [License](../../LICENSE.md).
+
+## How to use
+
+- Online: It is hosted [here](http://plugfest.thingweb.io/playground-new/)
+  - Simply paste a TD or utilize an example from the examples menu and click on validate
+  - The validation process will then start on the bottom console, where more information will be provided in case of errors or warnings
+
+## Testing with Playwright
+
+## Webpack functionality and bundling
+
+This package is built by utilizing webpack, allowing to bundle and compile the projects JavaScript and CSS files. It also handles asset management and optimization. Below are the steps to understand the current configuration:
+
+### 1. Introduction
+
+The `webpack.config.js` file is used to set up Webpack for the project. It manages various aspects of the build process, including bundling JavaScript and CSS file, handling assets like images and fonts, and optimizing code for production.
+
+### 2. Required Dependencies
+
+- `path`: This is a built-in Node.js module for handling file paths
+- `HtmlWebpackPlugin`: A Webpack plugin for generating HTML files
+- `CopyWebpackPlugin`: A Webpack plugin for copying files and directories during the build process
+- `MonacoWebpackPlugin`: A Webpack plugin for integrating the Monaco code editor
+- `MiniCssExtractPlugin`: A Webpack plugin for extracting CSS into separate files
+- `CssMinimizerPlugin`: A Webpack plugin for minimizing CSS files
+
+### 3. Webpack Configuration Obejct
+
+**3.1 Entry Points**
+- `entry`: Specifies the entry points for your application. In this case, there are two entry points: 'bundle' for JavaScript and 'styles' for CSS
+
+**3.2 Output**
+- `output`: Specifies where Webpack should output the bundled files. The path property defines the output directory as 'dist', and the filename property determines the naming pattern for generated files. [name] is a placeholder for the entry point name, and [contenthash] is a unique hash based on file content
+- `clean`: Tells Webpack to clean the 'dist' directory before each build
+- `assetModuleFilename`: Specifies the filename for asset files
+
+**3.3 Development Server**
+- `devServer`: Configures the development server with settings such as the port, compressing assets, and enabling history API fallback
+
+**3.4 Module Rules**
+- `module`: Defines rules for how Webpack should process different file types. There are rules for JavaScript, images, CSS, and more. For example, it uses Babel to transpile JavaScript, handles image assets, and processes CSS with style loaders and sass loaders
+
+**3.5 Plugins**
+- `plugins`: Lists the plugins used in the build process. Key plugins include 
+    - `HtmlWebpackPlugin` for generating HTML files, 
+    - `CopyWebpackPlugin` for copying assets, 
+    - `MonacoWebpackPlugin` for the Monaco code editor integration, and 
+    - `MiniCssExtractPlugin` for extracting CSS into separate files
+
+**3.6 Optimization**
+- `optimization`: Contains settings for optimizing the build, including minimizing CSS using `CssMinimizerPlugin`
+
+
+## Deployment
+
+Requires [Lerna](https://www.npmjs.com/package/lerna) to be installed globally (`npm install -g lerna`).
+
+1. Clone the repo
+2. Install the monorepo (allows linking unpublished versions)
+3. Install the web package locally to ensure that e.g. `core` dependency is not just a symlink
+
+```sh
+git clone git@github.com:eclipse-thingweb/playground.git
+cd playground
+lerna bootstrap
+cd ./packages/web-new
+npm install
+```
+
+Finally the web application can be deployed in production or in development mode:
+
+### Development mode
+
+1. Utilize the command `npm  run dev` which will start the webpack-dev-server in development mode, generate source maps for easier debugging, open your default browser and serve the application.
+
+```sh
+npm run dev
+```
+
+### Production mode
+
+1. Build the project with the command `npm run build` which will automatically set the mode to production
+2. Finally utilize the command `npm run serve` to serve the application utilizing express as the server
+
+```sh
+npm run build
+npm run serve
+```
\ No newline at end of file
diff --git a/packages/web-new/external-scripts/generate-paths.js b/packages/web-new/external-scripts/generate-paths.js
new file mode 100644
index 000000000..c04d96117
--- /dev/null
+++ b/packages/web-new/external-scripts/generate-paths.js
@@ -0,0 +1,93 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/**
+ * @file The `examples.js` generates a json file
+ * with all the links, title and descriptions of the TD and TM examples in the 
+ * main github repository utilizing the examples folder
+ */
+
+const fs = require('fs').promises;
+const path = require('path');
+//path to where all the td/tm examples
+const initialPath = "../../examples";
+//path to the get the raw files from the github
+const rawFilePath = "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples"
+
+async function getExamples(){
+    const files = await fs.readdir(initialPath)
+
+    const examplesPaths = {}
+
+    for(const file of files){
+        examplesPaths[file] = {}
+
+        const categories = await fs.readdir(path.join(initialPath, file))
+
+        //sorting them by the first number in their name
+        categories.sort((a, b) => a.localeCompare(b, undefined, { numeric: true }))
+
+        for(const category of categories){
+
+            const examples = await fs.readdir(path.join(initialPath, file, category))
+
+            //for each category, create a description with the path to the readMe file, and an examples object to store all the respective exampele
+            examplesPaths[file][category] = {
+                "description": "",
+                "examples": {}
+            }
+
+            for(const example of examples){
+                if(path.extname(example) == ".txt"){
+                    try {
+                        const categoryDescription = await fs.readFile(path.join(initialPath, file, category, example), 'utf8')
+                        examplesPaths[file][category]["description"] = categoryDescription
+                    } catch (err) {
+                        console.error("Failed to read file: ", err);
+                    }
+                }
+
+                if(path.extname(example) == ".jsonld"){
+                    const exampleData = JSON.parse(await fs.readFile(path.join(initialPath, file, category, example), 'utf8'))
+                    const exampleTitle = exampleData["$title"]
+                    const exampleDescription = exampleData["$description"]
+                    examplesPaths[file][category]["examples"][example] = {
+                        "title": exampleTitle,
+                        "description": exampleDescription,
+                        "path": `${rawFilePath}/${file}/${category}/${example}`
+                    }
+                }
+            }
+        }
+    }
+
+    return examplesPaths
+}
+
+async function writeExamplesToFile(){
+    const examplesData = await getExamples()
+    
+    try {
+        const jsonData = JSON.stringify(examplesData, null, 2)
+        const filePath = "./src/examples-paths/examples-paths.json"
+        await fs.writeFile(filePath, jsonData, 'utf-8')
+        console.log("File created succesfully")
+        
+    } catch (err) {
+        console.error("Failed to wirte JSON file: ", err)
+    }
+}
+
+writeExamplesToFile()
\ No newline at end of file
diff --git a/packages/web-new/package-lock.json b/packages/web-new/package-lock.json
new file mode 100644
index 000000000..f0b97fc0b
--- /dev/null
+++ b/packages/web-new/package-lock.json
@@ -0,0 +1,8891 @@
+{
+  "name": "@thing-description-playground/web-new",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "@thing-description-playground/web-new",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "d3": "^3.5.17",
+        "d3-tip": "^0.6.7",
+        "express": "^4.18.2",
+        "monaco-editor": "^0.40.0",
+        "papaparse": "^5.4.1",
+        "string-direction": "^0.1.2",
+        "svg-crowbar": "^0.7.0",
+        "vega": "^5.22.1",
+        "vega-embed": "^6.21.0"
+      },
+      "devDependencies": {
+        "@babel/core": "^7.22.9",
+        "@babel/preset-env": "^7.22.9",
+        "babel-loader": "^9.1.3",
+        "copy-webpack-plugin": "^11.0.0",
+        "css-loader": "^6.8.1",
+        "css-minimizer-webpack-plugin": "^5.0.1",
+        "html-webpack-plugin": "^5.5.3",
+        "json-loader": "^0.5.7",
+        "mini-css-extract-plugin": "^2.7.6",
+        "monaco-editor-webpack-plugin": "^7.1.0",
+        "nodemon": "^3.0.1",
+        "sass": "^1.64.0",
+        "sass-loader": "^13.3.2",
+        "style-loader": "^3.3.3",
+        "webpack": "^5.88.2",
+        "webpack-bundle-analyzer": "^4.9.0",
+        "webpack-cli": "^5.1.4",
+        "webpack-dev-server": "^4.15.1"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.22.13",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz",
+      "integrity": "sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/highlight": "^7.22.13",
+        "chalk": "^2.4.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.20.tgz",
+      "integrity": "sha512-BQYjKbpXjoXwFW5jGqiizJQQT/aC7pFm9Ok1OWssonuguICi264lbgMzRp2ZMmRSlfkX6DsWDDcsrctK8Rwfiw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.22.20.tgz",
+      "integrity": "sha512-Y6jd1ahLubuYweD/zJH+vvOY141v4f9igNQAQ+MBgq9JlHS2iTsZKn1aMsb3vGccZsXI16VzTBw52Xx0DWmtnA==",
+      "dev": true,
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.22.13",
+        "@babel/generator": "^7.22.15",
+        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-module-transforms": "^7.22.20",
+        "@babel/helpers": "^7.22.15",
+        "@babel/parser": "^7.22.16",
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.22.20",
+        "@babel/types": "^7.22.19",
+        "convert-source-map": "^1.7.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.22.15.tgz",
+      "integrity": "sha512-Zu9oWARBqeVOW0dZOjXc3JObrzuqothQ3y/n1kUtrjCoCPLkXUwMvOo/F/TCfoHMbWIFlWwpZtkZVb9ga4U2pA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.15",
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "jsesc": "^2.5.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-annotate-as-pure": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz",
+      "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz",
+      "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz",
+      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/compat-data": "^7.22.9",
+        "@babel/helper-validator-option": "^7.22.15",
+        "browserslist": "^4.21.9",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-create-class-features-plugin": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.15.tgz",
+      "integrity": "sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-member-expression-to-functions": "^7.22.15",
+        "@babel/helper-optimise-call-expression": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-create-regexp-features-plugin": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz",
+      "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "regexpu-core": "^5.3.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-define-polyfill-provider": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.2.tgz",
+      "integrity": "sha512-k0qnnOqHn5dK9pZpfD5XXZ9SojAITdCKRn2Lp6rnDGzIbaP0rHyMPk/4wsSxVBVz4RfN0q6VpXWP2pDGIoQ7hw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.22.6",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "debug": "^4.1.1",
+        "lodash.debounce": "^4.0.8",
+        "resolve": "^1.14.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/helper-environment-visitor": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
+      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-function-name": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz",
+      "integrity": "sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/template": "^7.22.5",
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-hoist-variables": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz",
+      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-member-expression-to-functions": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.22.15.tgz",
+      "integrity": "sha512-qLNsZbgrNh0fDQBCPocSL8guki1hcPvltGDv/NxvUoABwFq7GkKSu1nRXeJkVZc+wJvne2E0RKQz+2SQrz6eAA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz",
+      "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.20.tgz",
+      "integrity": "sha512-dLT7JVWIUUxKOs1UnJUBR3S70YK+pKX6AbJgB2vMIvEkZkrfJDbYDJesnPshtKV4LhDOR3Oc5YULeDizRek+5A==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-module-imports": "^7.22.15",
+        "@babel/helper-simple-access": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/helper-validator-identifier": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-optimise-call-expression": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz",
+      "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz",
+      "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-remap-async-to-generator": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz",
+      "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-wrap-function": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-replace-supers": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz",
+      "integrity": "sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-member-expression-to-functions": "^7.22.15",
+        "@babel/helper-optimise-call-expression": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-simple-access": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
+      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz",
+      "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-split-export-declaration": {
+      "version": "7.22.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz",
+      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz",
+      "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz",
+      "integrity": "sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-wrap-function": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz",
+      "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.22.19"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.15.tgz",
+      "integrity": "sha512-7pAjK0aSdxOwR+CcYAqgWOGy5dcfvzsTIfFTb2odQqW47MDfv14UaJDY6eng8ylM2EaeKXdxaSWESbkmaQHTmw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.22.15",
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/highlight": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.20.tgz",
+      "integrity": "sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "chalk": "^2.4.2",
+        "js-tokens": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.22.16",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.16.tgz",
+      "integrity": "sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA==",
+      "dev": true,
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.15.tgz",
+      "integrity": "sha512-FB9iYlz7rURmRJyXRKEnalYPPdn87H5no108cyuQQyMwlpJ2SJtpIUBI27kdTin956pz+LPypkPVPUTlxOmrsg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.15.tgz",
+      "integrity": "sha512-Hyph9LseGvAeeXzikV88bczhsrLrIZqDPxO+sSmAunMPaGrBGhfMWzCPYTtiW9t+HzSE2wtV8e5cc5P6r1xMDQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/plugin-transform-optional-chaining": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.13.0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-private-property-in-object": {
+      "version": "7.21.0-placeholder-for-preset-env.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
+      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-async-generators": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
+      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-properties": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.12.13"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-static-block": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
+      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-dynamic-import": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
+      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-export-namespace-from": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
+      "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-assertions": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.22.5.tgz",
+      "integrity": "sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-attributes": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz",
+      "integrity": "sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-numeric-separator": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-chaining": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-private-property-in-object": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
+      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-top-level-await": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
+      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
+      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-arrow-functions": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz",
+      "integrity": "sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-generator-functions": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.22.15.tgz",
+      "integrity": "sha512-jBm1Es25Y+tVoTi5rfd5t1KLmL8ogLKpXszboWOTTtGFGz2RKnQe2yn7HbZ+kb/B8N0FVSGQo874NSlOU1T4+w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-remap-async-to-generator": "^7.22.9",
+        "@babel/plugin-syntax-async-generators": "^7.8.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-to-generator": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.22.5.tgz",
+      "integrity": "sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-remap-async-to-generator": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoped-functions": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.22.5.tgz",
+      "integrity": "sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoping": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.22.15.tgz",
+      "integrity": "sha512-G1czpdJBZCtngoK1sJgloLiOHUnkb/bLZwqVZD8kXmq0ZnVfTTWUcs9OWtp0mBtYJ+4LQY1fllqBkOIPhXmFmw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-properties": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.5.tgz",
+      "integrity": "sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-static-block": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.11.tgz",
+      "integrity": "sha512-GMM8gGmqI7guS/llMFk1bJDkKfn3v3C4KHK9Yg1ey5qcHcOlKb0QvcMrgzvxo+T03/4szNh5lghY+fEC98Kq9g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.11",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-classes": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.15.tgz",
+      "integrity": "sha512-VbbC3PGjBdE0wAWDdHM9G8Gm977pnYI0XpqMd6LrKISj8/DJXEsWqgRuTYaNE9Bv0JGhTZUzHDlMk18IpOuoqw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-optimise-call-expression": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-computed-properties": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.22.5.tgz",
+      "integrity": "sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/template": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-destructuring": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.22.15.tgz",
+      "integrity": "sha512-HzG8sFl1ZVGTme74Nw+X01XsUTqERVQ6/RLHo3XjGRzm7XD6QTtfS3NJotVgCGy8BzkDqRjRBD8dAyJn5TuvSQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dotall-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz",
+      "integrity": "sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-duplicate-keys": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.22.5.tgz",
+      "integrity": "sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dynamic-import": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.11.tgz",
+      "integrity": "sha512-g/21plo58sfteWjaO0ZNVb+uEOkJNjAaHhbejrnBmu011l/eNDScmkbjCC3l4FKb10ViaGU4aOkFznSu2zRHgA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-exponentiation-operator": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.22.5.tgz",
+      "integrity": "sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-export-namespace-from": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.11.tgz",
+      "integrity": "sha512-xa7aad7q7OiT8oNZ1mU7NrISjlSkVdMbNxn9IuLZyL9AJEhs1Apba3I+u5riX1dIkdptP5EKDG5XDPByWxtehw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-for-of": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.15.tgz",
+      "integrity": "sha512-me6VGeHsx30+xh9fbDLLPi0J1HzmeIIyenoOQHuw2D4m2SAU3NrspX5XxJLBpqn5yrLzrlw2Iy3RA//Bx27iOA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-function-name": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.22.5.tgz",
+      "integrity": "sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-json-strings": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.11.tgz",
+      "integrity": "sha512-CxT5tCqpA9/jXFlme9xIBCc5RPtdDq3JpkkhgHQqtDdiTnTI0jtZ0QzXhr5DILeYifDPp2wvY2ad+7+hLMW5Pw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-json-strings": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-literals": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.22.5.tgz",
+      "integrity": "sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-logical-assignment-operators": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.11.tgz",
+      "integrity": "sha512-qQwRTP4+6xFCDV5k7gZBF3C31K34ut0tbEcTKxlX/0KXxm9GLcO14p570aWxFvVzx6QAfPgq7gaeIHXJC8LswQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-member-expression-literals": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.22.5.tgz",
+      "integrity": "sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-amd": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.22.5.tgz",
+      "integrity": "sha512-R+PTfLTcYEmb1+kK7FNkhQ1gP4KgjpSO6HfH9+f8/yfp2Nt3ggBjiVpRwmwTlfqZLafYKJACy36yDXlEmI9HjQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-commonjs": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.22.15.tgz",
+      "integrity": "sha512-jWL4eh90w0HQOTKP2MoXXUpVxilxsB2Vl4ji69rSjS3EcZ/v4sBmn+A3NpepuJzBhOaEBbR7udonlHHn5DWidg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-simple-access": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-systemjs": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.22.11.tgz",
+      "integrity": "sha512-rIqHmHoMEOhI3VkVf5jQ15l539KrwhzqcBO6wdCNWPWc/JWt9ILNYNUssbRpeq0qWns8svuw8LnMNCvWBIJ8wA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-module-transforms": "^7.22.9",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-identifier": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-umd": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.22.5.tgz",
+      "integrity": "sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz",
+      "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-new-target": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.5.tgz",
+      "integrity": "sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.11.tgz",
+      "integrity": "sha512-YZWOw4HxXrotb5xsjMJUDlLgcDXSfO9eCmdl1bgW4+/lAGdkjaEvOnQ4p5WKKdUgSzO39dgPl0pTnfxm0OAXcg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-numeric-separator": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.11.tgz",
+      "integrity": "sha512-3dzU4QGPsILdJbASKhF/V2TVP+gJya1PsueQCxIPCEcerqF21oEcrob4mzjsp2Py/1nLfF5m+xYNMDpmA8vffg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-rest-spread": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.15.tgz",
+      "integrity": "sha512-fEB+I1+gAmfAyxZcX1+ZUwLeAuuf8VIg67CTznZE0MqVFumWkh8xWtn58I4dxdVf080wn7gzWoF8vndOViJe9Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/compat-data": "^7.22.9",
+        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-transform-parameters": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-super": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.22.5.tgz",
+      "integrity": "sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-catch-binding": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.11.tgz",
+      "integrity": "sha512-rli0WxesXUeCJnMYhzAglEjLWVDF6ahb45HuprcmQuLidBJFWjNnOzssk2kuc6e33FlLaiZhG/kUIzUMWdBKaQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-chaining": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.22.15.tgz",
+      "integrity": "sha512-ngQ2tBhq5vvSJw2Q2Z9i7ealNkpDMU0rGWnHPKqRZO0tzZ5tlaoz4hDvhXioOoaE0X2vfNss1djwg0DXlfu30A==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-parameters": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.15.tgz",
+      "integrity": "sha512-hjk7qKIqhyzhhUvRT683TYQOFa/4cQKwQy7ALvTpODswN40MljzNDa0YldevS6tGbxwaEKVn502JmY0dP7qEtQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-methods": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.5.tgz",
+      "integrity": "sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-property-in-object": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.11.tgz",
+      "integrity": "sha512-sSCbqZDBKHetvjSwpyWzhuHkmW5RummxJBVbYLkGkaiTOWGxml7SXt0iWa03bzxFIx7wOj3g/ILRd0RcJKBeSQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.22.11",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-property-literals": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.22.5.tgz",
+      "integrity": "sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-regenerator": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.10.tgz",
+      "integrity": "sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "regenerator-transform": "^0.15.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-reserved-words": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.22.5.tgz",
+      "integrity": "sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-shorthand-properties": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz",
+      "integrity": "sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-spread": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.22.5.tgz",
+      "integrity": "sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-sticky-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.22.5.tgz",
+      "integrity": "sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-template-literals": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz",
+      "integrity": "sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typeof-symbol": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.22.5.tgz",
+      "integrity": "sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-escapes": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.10.tgz",
+      "integrity": "sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-property-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.5.tgz",
+      "integrity": "sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.22.5.tgz",
+      "integrity": "sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-sets-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.5.tgz",
+      "integrity": "sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/preset-env": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.22.20.tgz",
+      "integrity": "sha512-11MY04gGC4kSzlPHRfvVkNAZhUxOvm7DCJ37hPDnUENwe06npjIRAfInEMTGSb4LZK5ZgDFkv5hw0lGebHeTyg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/compat-data": "^7.22.20",
+        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-option": "^7.22.15",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.22.15",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.22.15",
+        "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
+        "@babel/plugin-syntax-async-generators": "^7.8.4",
+        "@babel/plugin-syntax-class-properties": "^7.12.13",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+        "@babel/plugin-syntax-export-namespace-from": "^7.8.3",
+        "@babel/plugin-syntax-import-assertions": "^7.22.5",
+        "@babel/plugin-syntax-import-attributes": "^7.22.5",
+        "@babel/plugin-syntax-import-meta": "^7.10.4",
+        "@babel/plugin-syntax-json-strings": "^7.8.3",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
+        "@babel/plugin-syntax-top-level-await": "^7.14.5",
+        "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
+        "@babel/plugin-transform-arrow-functions": "^7.22.5",
+        "@babel/plugin-transform-async-generator-functions": "^7.22.15",
+        "@babel/plugin-transform-async-to-generator": "^7.22.5",
+        "@babel/plugin-transform-block-scoped-functions": "^7.22.5",
+        "@babel/plugin-transform-block-scoping": "^7.22.15",
+        "@babel/plugin-transform-class-properties": "^7.22.5",
+        "@babel/plugin-transform-class-static-block": "^7.22.11",
+        "@babel/plugin-transform-classes": "^7.22.15",
+        "@babel/plugin-transform-computed-properties": "^7.22.5",
+        "@babel/plugin-transform-destructuring": "^7.22.15",
+        "@babel/plugin-transform-dotall-regex": "^7.22.5",
+        "@babel/plugin-transform-duplicate-keys": "^7.22.5",
+        "@babel/plugin-transform-dynamic-import": "^7.22.11",
+        "@babel/plugin-transform-exponentiation-operator": "^7.22.5",
+        "@babel/plugin-transform-export-namespace-from": "^7.22.11",
+        "@babel/plugin-transform-for-of": "^7.22.15",
+        "@babel/plugin-transform-function-name": "^7.22.5",
+        "@babel/plugin-transform-json-strings": "^7.22.11",
+        "@babel/plugin-transform-literals": "^7.22.5",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.22.11",
+        "@babel/plugin-transform-member-expression-literals": "^7.22.5",
+        "@babel/plugin-transform-modules-amd": "^7.22.5",
+        "@babel/plugin-transform-modules-commonjs": "^7.22.15",
+        "@babel/plugin-transform-modules-systemjs": "^7.22.11",
+        "@babel/plugin-transform-modules-umd": "^7.22.5",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.22.5",
+        "@babel/plugin-transform-new-target": "^7.22.5",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.11",
+        "@babel/plugin-transform-numeric-separator": "^7.22.11",
+        "@babel/plugin-transform-object-rest-spread": "^7.22.15",
+        "@babel/plugin-transform-object-super": "^7.22.5",
+        "@babel/plugin-transform-optional-catch-binding": "^7.22.11",
+        "@babel/plugin-transform-optional-chaining": "^7.22.15",
+        "@babel/plugin-transform-parameters": "^7.22.15",
+        "@babel/plugin-transform-private-methods": "^7.22.5",
+        "@babel/plugin-transform-private-property-in-object": "^7.22.11",
+        "@babel/plugin-transform-property-literals": "^7.22.5",
+        "@babel/plugin-transform-regenerator": "^7.22.10",
+        "@babel/plugin-transform-reserved-words": "^7.22.5",
+        "@babel/plugin-transform-shorthand-properties": "^7.22.5",
+        "@babel/plugin-transform-spread": "^7.22.5",
+        "@babel/plugin-transform-sticky-regex": "^7.22.5",
+        "@babel/plugin-transform-template-literals": "^7.22.5",
+        "@babel/plugin-transform-typeof-symbol": "^7.22.5",
+        "@babel/plugin-transform-unicode-escapes": "^7.22.10",
+        "@babel/plugin-transform-unicode-property-regex": "^7.22.5",
+        "@babel/plugin-transform-unicode-regex": "^7.22.5",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.22.5",
+        "@babel/preset-modules": "0.1.6-no-external-plugins",
+        "@babel/types": "^7.22.19",
+        "babel-plugin-polyfill-corejs2": "^0.4.5",
+        "babel-plugin-polyfill-corejs3": "^0.8.3",
+        "babel-plugin-polyfill-regenerator": "^0.5.2",
+        "core-js-compat": "^3.31.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-modules": {
+      "version": "0.1.6-no-external-plugins",
+      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
+      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/types": "^7.4.4",
+        "esutils": "^2.0.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/regjsgen": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz",
+      "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==",
+      "dev": true
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.15.tgz",
+      "integrity": "sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA==",
+      "dev": true,
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
+      "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.22.13",
+        "@babel/parser": "^7.22.15",
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.20.tgz",
+      "integrity": "sha512-eU260mPZbU7mZ0N+X10pxXhQFMGTeLb9eFS0mxehS8HZp9o1uSnFeWQuG1UPrlxgA7QoUzFhOnilHDp0AXCyHw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.22.13",
+        "@babel/generator": "^7.22.15",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/parser": "^7.22.16",
+        "@babel/types": "^7.22.19",
+        "debug": "^4.1.0",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.22.19",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.22.19.tgz",
+      "integrity": "sha512-P7LAw/LbojPzkgp5oznjE6tQEIWbp4PkkfrZDINTro9zgBRtI324/EYsiSI7lhPbpIQ+DCeR2NNmMWANGGfZsg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.22.5",
+        "@babel/helper-validator-identifier": "^7.22.19",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@discoveryjs/json-ext": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz",
+      "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/types/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@jest/types/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@jest/types/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/@jest/types/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "node_modules/@jest/types/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,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jest/types/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,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
+      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
+      "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "dev": true
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.19",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.19.tgz",
+      "integrity": "sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@leichtgewicht/ip-codec": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz",
+      "integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==",
+      "dev": true
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@polka/url": {
+      "version": "1.0.0-next.23",
+      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.23.tgz",
+      "integrity": "sha512-C16M+IYz0rgRhWZdCmK+h58JMv8vijAA61gmz2rspCSwKwzBebpdcsiUmwrtJRdphuY30i6BSLEOP8ppbNLyLg==",
+      "dev": true
+    },
+    "node_modules/@sinclair/typebox": {
+      "version": "0.27.8",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
+      "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==",
+      "dev": true
+    },
+    "node_modules/@trysound/sax": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
+      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/@types/body-parser": {
+      "version": "1.19.3",
+      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.3.tgz",
+      "integrity": "sha512-oyl4jvAfTGX9Bt6Or4H9ni1Z447/tQuxnZsytsCaExKlmJiU8sFgnIBRzJUpKwB5eWn9HuBYlUlVA74q/yN0eQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/connect": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/bonjour": {
+      "version": "3.5.11",
+      "resolved": "https://registry.npmjs.org/@types/bonjour/-/bonjour-3.5.11.tgz",
+      "integrity": "sha512-isGhjmBtLIxdHBDl2xGwUzEM8AOyOvWsADWq7rqirdi/ZQoHnLWErHvsThcEzTX8juDRiZtzp2Qkv5bgNh6mAg==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/connect": {
+      "version": "3.4.36",
+      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.36.tgz",
+      "integrity": "sha512-P63Zd/JUGq+PdrM1lv0Wv5SBYeA2+CORvbrXbngriYY0jzLUWfQMQQxOhjONEz/wlHOAxOdY7CY65rgQdTjq2w==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/connect-history-api-fallback": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.1.tgz",
+      "integrity": "sha512-iaQslNbARe8fctL5Lk+DsmgWOM83lM+7FzP0eQUJs1jd3kBE8NWqBTIT2S8SqQOJjxvt2eyIjpOuYeRXq2AdMw==",
+      "dev": true,
+      "dependencies": {
+        "@types/express-serve-static-core": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/eslint": {
+      "version": "8.44.2",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.44.2.tgz",
+      "integrity": "sha512-sdPRb9K6iL5XZOmBubg8yiFp5yS/JdUDQsq5e6h95km91MCYMuvp7mh1fjPEYUhvHepKpZOjnEaMBR4PxjWDzg==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "node_modules/@types/eslint-scope": {
+      "version": "3.7.4",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.4.tgz",
+      "integrity": "sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==",
+      "dev": true,
+      "dependencies": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.1.tgz",
+      "integrity": "sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA=="
+    },
+    "node_modules/@types/express": {
+      "version": "4.17.17",
+      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.17.tgz",
+      "integrity": "sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q==",
+      "dev": true,
+      "dependencies": {
+        "@types/body-parser": "*",
+        "@types/express-serve-static-core": "^4.17.33",
+        "@types/qs": "*",
+        "@types/serve-static": "*"
+      }
+    },
+    "node_modules/@types/express-serve-static-core": {
+      "version": "4.17.36",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.36.tgz",
+      "integrity": "sha512-zbivROJ0ZqLAtMzgzIUC4oNqDG9iF0lSsAqpOD9kbs5xcIM3dTiyuHvBc7R8MtWBp3AAWGaovJa+wzWPjLYW7Q==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*",
+        "@types/qs": "*",
+        "@types/range-parser": "*",
+        "@types/send": "*"
+      }
+    },
+    "node_modules/@types/geojson": {
+      "version": "7946.0.4",
+      "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.4.tgz",
+      "integrity": "sha512-MHmwBtCb7OCv1DSivz2UNJXPGU/1btAWRKlqJ2saEhVJkpkvqHMMaOpKg0v4sAbDWSQekHGvPVMM8nQ+Jen03Q=="
+    },
+    "node_modules/@types/html-minifier-terser": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
+      "integrity": "sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==",
+      "dev": true
+    },
+    "node_modules/@types/http-errors": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.2.tgz",
+      "integrity": "sha512-lPG6KlZs88gef6aD85z3HNkztpj7w2R7HmR3gygjfXCQmsLloWNARFkMuzKiiY8FGdh1XDpgBdrSf4aKDiA7Kg==",
+      "dev": true
+    },
+    "node_modules/@types/http-proxy": {
+      "version": "1.17.12",
+      "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.12.tgz",
+      "integrity": "sha512-kQtujO08dVtQ2wXAuSFfk9ASy3sug4+ogFR8Kd8UgP8PEuc1/G/8yjYRmp//PcDNJEUKOza/MrQu15bouEUCiw==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/istanbul-lib-coverage": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz",
+      "integrity": "sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==",
+      "dev": true
+    },
+    "node_modules/@types/istanbul-lib-report": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz",
+      "integrity": "sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==",
+      "dev": true,
+      "dependencies": {
+        "@types/istanbul-lib-coverage": "*"
+      }
+    },
+    "node_modules/@types/istanbul-reports": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.1.tgz",
+      "integrity": "sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==",
+      "dev": true,
+      "dependencies": {
+        "@types/istanbul-lib-report": "*"
+      }
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.13",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.13.tgz",
+      "integrity": "sha512-RbSSoHliUbnXj3ny0CNFOoxrIDV6SUGyStHsvDqosw6CkdPV8TtWGlfecuK4ToyMEAql6pzNxgCFKanovUzlgQ==",
+      "dev": true
+    },
+    "node_modules/@types/mime": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz",
+      "integrity": "sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==",
+      "dev": true
+    },
+    "node_modules/@types/node": {
+      "version": "20.6.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.6.2.tgz",
+      "integrity": "sha512-Y+/1vGBHV/cYk6OI1Na/LHzwnlNCAfU3ZNGrc1LdRe/LAIbdDPTTv/HU3M7yXN448aTVDq3eKRm2cg7iKLb8gw==",
+      "dev": true
+    },
+    "node_modules/@types/qs": {
+      "version": "6.9.8",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.8.tgz",
+      "integrity": "sha512-u95svzDlTysU5xecFNTgfFG5RUWu1A9P0VzgpcIiGZA9iraHOdSzcxMxQ55DyeRaGCSxQi7LxXDI4rzq/MYfdg==",
+      "dev": true
+    },
+    "node_modules/@types/range-parser": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.4.tgz",
+      "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==",
+      "dev": true
+    },
+    "node_modules/@types/retry": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.0.tgz",
+      "integrity": "sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==",
+      "dev": true
+    },
+    "node_modules/@types/send": {
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.1.tgz",
+      "integrity": "sha512-Cwo8LE/0rnvX7kIIa3QHCkcuF21c05Ayb0ZfxPiv0W8VRiZiNW/WuRupHKpqqGVGf7SUA44QSOUKaEd9lIrd/Q==",
+      "dev": true,
+      "dependencies": {
+        "@types/mime": "^1",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/serve-index": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.1.tgz",
+      "integrity": "sha512-d/Hs3nWDxNL2xAczmOVZNj92YZCS6RGxfBPjKzuu/XirCgXdpKEb88dYNbrYGint6IVWLNP+yonwVAuRC0T2Dg==",
+      "dev": true,
+      "dependencies": {
+        "@types/express": "*"
+      }
+    },
+    "node_modules/@types/serve-static": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.2.tgz",
+      "integrity": "sha512-J2LqtvFYCzaj8pVYKw8klQXrLLk7TBZmQ4ShlcdkELFKGwGMfevMLneMMRkMgZxotOD9wg497LpC7O8PcvAmfw==",
+      "dev": true,
+      "dependencies": {
+        "@types/http-errors": "*",
+        "@types/mime": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/sockjs": {
+      "version": "0.3.33",
+      "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.33.tgz",
+      "integrity": "sha512-f0KEEe05NvUnat+boPTZ0dgaLZ4SfSouXUgv5noUiefG2ajgKjmETo9ZJyuqsl7dfl2aHlLJUiki6B4ZYldiiw==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/ws": {
+      "version": "8.5.5",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.5.tgz",
+      "integrity": "sha512-lwhs8hktwxSjf9UaZ9tG5M03PGogvFaH8gUgLNbN9HKIg0dvv6q+gkSuJ8HN4/VbyxkuLzCjlN7GquQ0gUJfIg==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/yargs": {
+      "version": "17.0.24",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.24.tgz",
+      "integrity": "sha512-6i0aC7jV6QzQB8ne1joVZ0eSFIstHsCrobmOtghM11yGlH0j43FKL2UhWdELkyps0zuf7qVTUVCCR+tgSlyLLw==",
+      "dev": true,
+      "dependencies": {
+        "@types/yargs-parser": "*"
+      }
+    },
+    "node_modules/@types/yargs-parser": {
+      "version": "21.0.0",
+      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.0.tgz",
+      "integrity": "sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==",
+      "dev": true
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.6.tgz",
+      "integrity": "sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==",
+      "dev": true,
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz",
+      "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==",
+      "dev": true
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz",
+      "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==",
+      "dev": true
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.6.tgz",
+      "integrity": "sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==",
+      "dev": true
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz",
+      "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==",
+      "dev": true,
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": "1.11.6",
+        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz",
+      "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==",
+      "dev": true
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.6.tgz",
+      "integrity": "sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==",
+      "dev": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz",
+      "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==",
+      "dev": true,
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz",
+      "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==",
+      "dev": true,
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/utf8": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz",
+      "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==",
+      "dev": true
+    },
+    "node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.6.tgz",
+      "integrity": "sha512-Ybn2I6fnfIGuCR+Faaz7YcvtBKxvoLV3Lebn1tM4o/IAJzmi9AWYIPWpyBfU8cC+JxAO57bk4+zdsTjJR+VTOw==",
+      "dev": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/helper-wasm-section": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.6",
+        "@webassemblyjs/wasm-opt": "1.11.6",
+        "@webassemblyjs/wasm-parser": "1.11.6",
+        "@webassemblyjs/wast-printer": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.6.tgz",
+      "integrity": "sha512-3XOqkZP/y6B4F0PBAXvI1/bky7GryoogUtfwExeP/v7Nzwo1QLcq5oQmpKlftZLbT+ERUOAZVQjuNVak6UXjPA==",
+      "dev": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/ieee754": "1.11.6",
+        "@webassemblyjs/leb128": "1.11.6",
+        "@webassemblyjs/utf8": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-opt": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.6.tgz",
+      "integrity": "sha512-cOrKuLRE7PCe6AsOVl7WasYf3wbSo4CeOk6PkrjS7g57MFfVUF9u6ysQBBODX0LdgSvQqRiGz3CXvIDKcPNy4g==",
+      "dev": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.6",
+        "@webassemblyjs/wasm-parser": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.6.tgz",
+      "integrity": "sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==",
+      "dev": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/ieee754": "1.11.6",
+        "@webassemblyjs/leb128": "1.11.6",
+        "@webassemblyjs/utf8": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/wast-printer": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.6.tgz",
+      "integrity": "sha512-JM7AhRcE+yW2GWYaKeHL5vt4xqee5N2WcezptmgyhNS+ScggqcT1OtXykhAb13Sn5Yas0j2uv9tHgrjwvzAP4A==",
+      "dev": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webpack-cli/configtest": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/configtest/-/configtest-2.1.1.tgz",
+      "integrity": "sha512-wy0mglZpDSiSS0XHrVR+BAdId2+yxPSoJW8fsna3ZpYSlufjvxnP4YbKTCBZnNIcGN4r6ZPXV55X4mYExOfLmw==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "peerDependencies": {
+        "webpack": "5.x.x",
+        "webpack-cli": "5.x.x"
+      }
+    },
+    "node_modules/@webpack-cli/info": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/info/-/info-2.0.2.tgz",
+      "integrity": "sha512-zLHQdI/Qs1UyT5UBdWNqsARasIA+AaF8t+4u2aS2nEpBQh2mWIVb8qAklq0eUENnC5mOItrIB4LiS9xMtph18A==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "peerDependencies": {
+        "webpack": "5.x.x",
+        "webpack-cli": "5.x.x"
+      }
+    },
+    "node_modules/@webpack-cli/serve": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/serve/-/serve-2.0.5.tgz",
+      "integrity": "sha512-lqaoKnRYBdo1UgDX8uF24AfGMifWK19TxPmM5FHc2vAGxrJ/qtyUyFBWoY1tISZdelsQ5fBcOusifo5o5wSJxQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "peerDependencies": {
+        "webpack": "5.x.x",
+        "webpack-cli": "5.x.x"
+      },
+      "peerDependenciesMeta": {
+        "webpack-dev-server": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "dev": true
+    },
+    "node_modules/@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "dev": true
+    },
+    "node_modules/abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+      "dev": true
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.10.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
+      "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-import-assertions": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
+      "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
+      "dev": true,
+      "peerDependencies": {
+        "acorn": "^8"
+      }
+    },
+    "node_modules/acorn-walk": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
+      "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
+      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/ansi-html-community": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz",
+      "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==",
+      "dev": true,
+      "engines": [
+        "node >= 0.8.0"
+      ],
+      "bin": {
+        "ansi-html": "bin/ansi-html"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
+    },
+    "node_modules/babel-loader": {
+      "version": "9.1.3",
+      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.1.3.tgz",
+      "integrity": "sha512-xG3ST4DglodGf8qSwv0MdeWLhrDsw/32QMdTO5T1ZIp9gQur0HkCyFs7Awskr10JKXFXwpAhiCuYX5oGXnRGbw==",
+      "dev": true,
+      "dependencies": {
+        "find-cache-dir": "^4.0.0",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14.15.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.0",
+        "webpack": ">=5"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs2": {
+      "version": "0.4.5",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.5.tgz",
+      "integrity": "sha512-19hwUH5FKl49JEsvyTcoHakh6BE0wgXLLptIyKZ3PijHc/Ci521wygORCUCCred+E/twuqRyAkE02BAWPmsHOg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/compat-data": "^7.22.6",
+        "@babel/helper-define-polyfill-provider": "^0.4.2",
+        "semver": "^6.3.1"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs3": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.3.tgz",
+      "integrity": "sha512-z41XaniZL26WLrvjy7soabMXrfPWARN25PZoriDEiLMxAp50AUW3t35BGQUMg5xK3UrpVTtagIDklxYa+MhiNA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.4.2",
+        "core-js-compat": "^3.31.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-regenerator": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.2.tgz",
+      "integrity": "sha512-tAlOptU0Xj34V1Y2PNTL4Y0FOJMDB6bZmoW39FeCQIhigGLkqu3Fj6uiXpxIf6Ij274ENdYx64y6Au+ZKlb1IA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.4.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
+    },
+    "node_modules/batch": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
+      "integrity": "sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==",
+      "dev": true
+    },
+    "node_modules/big.js": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz",
+      "integrity": "sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "content-type": "~1.0.4",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "on-finished": "2.4.1",
+        "qs": "6.11.0",
+        "raw-body": "2.5.1",
+        "type-is": "~1.6.18",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/body-parser/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/body-parser/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/bonjour-service": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/bonjour-service/-/bonjour-service-1.1.1.tgz",
+      "integrity": "sha512-Z/5lQRMOG9k7W+FkeGTNjh7htqn/2LMnfOvBZ8pynNZCM9MwkQkI3zeI4oz09uWdcgmgHugVvBqxGg4VQJ5PCg==",
+      "dev": true,
+      "dependencies": {
+        "array-flatten": "^2.1.2",
+        "dns-equal": "^1.0.0",
+        "fast-deep-equal": "^3.1.3",
+        "multicast-dns": "^7.2.5"
+      }
+    },
+    "node_modules/bonjour-service/node_modules/array-flatten": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.2.tgz",
+      "integrity": "sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==",
+      "dev": true
+    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "dev": true
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.21.10",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.10.tgz",
+      "integrity": "sha512-bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001517",
+        "electron-to-chromium": "^1.4.477",
+        "node-releases": "^2.0.13",
+        "update-browserslist-db": "^1.0.11"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "dev": true
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+      "dependencies": {
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/camel-case": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
+      "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
+      "dev": true,
+      "dependencies": {
+        "pascal-case": "^3.1.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/caniuse-api": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz",
+      "integrity": "sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.0.0",
+        "caniuse-lite": "^1.0.0",
+        "lodash.memoize": "^4.1.2",
+        "lodash.uniq": "^4.5.0"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001535",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001535.tgz",
+      "integrity": "sha512-48jLyUkiWFfhm/afF7cQPqPjaUmSraEhK4j+FCTJpgnGGEZHqyLe3hmWH7lIooZdSzXL0ReMvHz0vKDoTBsrwg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ]
+    },
+    "node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://paulmillr.com/funding/"
+        }
+      ],
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/chrome-trace-event": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
+      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz",
+      "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/clean-css": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.2.tgz",
+      "integrity": "sha512-JVJbM+f3d3Q704rF4bqQ5UUyTtuJ0JRKNbTKVEeujCCBoMdkEi+V+e8oktO9qGQNSvHrFTM6JZRXrUvGR1czww==",
+      "dev": true,
+      "dependencies": {
+        "source-map": "~0.6.0"
+      },
+      "engines": {
+        "node": ">= 10.0"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "peer": true,
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/clone-deep": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
+      "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
+      "dev": true,
+      "dependencies": {
+        "is-plain-object": "^2.0.4",
+        "kind-of": "^6.0.2",
+        "shallow-clone": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/clone-deep/node_modules/is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "dev": true,
+      "dependencies": {
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+      "dev": true
+    },
+    "node_modules/colord": {
+      "version": "2.9.3",
+      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
+      "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==",
+      "dev": true
+    },
+    "node_modules/colorette": {
+      "version": "2.0.20",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
+      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
+      "dev": true
+    },
+    "node_modules/commander": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
+      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
+      "dev": true,
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/common-path-prefix": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz",
+      "integrity": "sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==",
+      "dev": true
+    },
+    "node_modules/compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "dev": true,
+      "dependencies": {
+        "mime-db": ">= 1.43.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/compression": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
+      "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
+      "dev": true,
+      "dependencies": {
+        "accepts": "~1.3.5",
+        "bytes": "3.0.0",
+        "compressible": "~2.0.16",
+        "debug": "2.6.9",
+        "on-headers": "~1.0.2",
+        "safe-buffer": "5.1.2",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/compression/node_modules/bytes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+      "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/compression/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/compression/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true
+    },
+    "node_modules/compression/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
+    },
+    "node_modules/connect-history-api-fallback": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz",
+      "integrity": "sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "dev": true
+    },
+    "node_modules/cookie": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
+      "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
+    },
+    "node_modules/copy-webpack-plugin": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-11.0.0.tgz",
+      "integrity": "sha512-fX2MWpamkW0hZxMEg0+mYnA40LTosOSa5TqZ9GYIBzyJa9C3QUaMPSE2xAi/buNr8u89SfD9wHSQVBzrRa/SOQ==",
+      "dev": true,
+      "dependencies": {
+        "fast-glob": "^3.2.11",
+        "glob-parent": "^6.0.1",
+        "globby": "^13.1.1",
+        "normalize-path": "^3.0.0",
+        "schema-utils": "^4.0.0",
+        "serialize-javascript": "^6.0.0"
+      },
+      "engines": {
+        "node": ">= 14.15.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      }
+    },
+    "node_modules/core-js-compat": {
+      "version": "3.32.2",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.32.2.tgz",
+      "integrity": "sha512-+GjlguTDINOijtVRUxrQOv3kfu9rl+qPNdX2LTbJ/ZyVTuxK+ksVSAGX1nHstu4hrv1En/uPTtWgq2gI5wt4AQ==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.21.10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+      "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==",
+      "dev": true
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/css-declaration-sorter": {
+      "version": "6.4.1",
+      "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz",
+      "integrity": "sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==",
+      "dev": true,
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.9"
+      }
+    },
+    "node_modules/css-loader": {
+      "version": "6.8.1",
+      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.8.1.tgz",
+      "integrity": "sha512-xDAXtEVGlD0gJ07iclwWVkLoZOpEvAWaSyf6W18S2pOC//K8+qUDIx8IIT3D+HjnmkJPQeesOPv5aiUaJsCM2g==",
+      "dev": true,
+      "dependencies": {
+        "icss-utils": "^5.1.0",
+        "postcss": "^8.4.21",
+        "postcss-modules-extract-imports": "^3.0.0",
+        "postcss-modules-local-by-default": "^4.0.3",
+        "postcss-modules-scope": "^3.0.0",
+        "postcss-modules-values": "^4.0.0",
+        "postcss-value-parser": "^4.2.0",
+        "semver": "^7.3.8"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/css-loader/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/css-loader/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/css-loader/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/css-minimizer-webpack-plugin": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-5.0.1.tgz",
+      "integrity": "sha512-3caImjKFQkS+ws1TGcFn0V1HyDJFq1Euy589JlD6/3rV2kj+w7r5G9WDMgSHvpvXHNZ2calVypZWuEDQd9wfLg==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "cssnano": "^6.0.1",
+        "jest-worker": "^29.4.3",
+        "postcss": "^8.4.24",
+        "schema-utils": "^4.0.1",
+        "serialize-javascript": "^6.0.1"
+      },
+      "engines": {
+        "node": ">= 14.15.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@parcel/css": {
+          "optional": true
+        },
+        "@swc/css": {
+          "optional": true
+        },
+        "clean-css": {
+          "optional": true
+        },
+        "csso": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/css-select": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
+      "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
+      "dev": true,
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.0.1",
+        "domhandler": "^4.3.1",
+        "domutils": "^2.8.0",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css-tree": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+      "dev": true,
+      "dependencies": {
+        "mdn-data": "2.0.30",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cssnano": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-6.0.1.tgz",
+      "integrity": "sha512-fVO1JdJ0LSdIGJq68eIxOqFpIJrZqXUsBt8fkrBcztCQqAjQD51OhZp7tc0ImcbwXD4k7ny84QTV90nZhmqbkg==",
+      "dev": true,
+      "dependencies": {
+        "cssnano-preset-default": "^6.0.1",
+        "lilconfig": "^2.1.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/cssnano"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/cssnano-preset-default": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-6.0.1.tgz",
+      "integrity": "sha512-7VzyFZ5zEB1+l1nToKyrRkuaJIx0zi/1npjvZfbBwbtNTzhLtlvYraK/7/uqmX2Wb2aQtd983uuGw79jAjLSuQ==",
+      "dev": true,
+      "dependencies": {
+        "css-declaration-sorter": "^6.3.1",
+        "cssnano-utils": "^4.0.0",
+        "postcss-calc": "^9.0.0",
+        "postcss-colormin": "^6.0.0",
+        "postcss-convert-values": "^6.0.0",
+        "postcss-discard-comments": "^6.0.0",
+        "postcss-discard-duplicates": "^6.0.0",
+        "postcss-discard-empty": "^6.0.0",
+        "postcss-discard-overridden": "^6.0.0",
+        "postcss-merge-longhand": "^6.0.0",
+        "postcss-merge-rules": "^6.0.1",
+        "postcss-minify-font-values": "^6.0.0",
+        "postcss-minify-gradients": "^6.0.0",
+        "postcss-minify-params": "^6.0.0",
+        "postcss-minify-selectors": "^6.0.0",
+        "postcss-normalize-charset": "^6.0.0",
+        "postcss-normalize-display-values": "^6.0.0",
+        "postcss-normalize-positions": "^6.0.0",
+        "postcss-normalize-repeat-style": "^6.0.0",
+        "postcss-normalize-string": "^6.0.0",
+        "postcss-normalize-timing-functions": "^6.0.0",
+        "postcss-normalize-unicode": "^6.0.0",
+        "postcss-normalize-url": "^6.0.0",
+        "postcss-normalize-whitespace": "^6.0.0",
+        "postcss-ordered-values": "^6.0.0",
+        "postcss-reduce-initial": "^6.0.0",
+        "postcss-reduce-transforms": "^6.0.0",
+        "postcss-svgo": "^6.0.0",
+        "postcss-unique-selectors": "^6.0.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/cssnano-utils": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-4.0.0.tgz",
+      "integrity": "sha512-Z39TLP+1E0KUcd7LGyF4qMfu8ZufI0rDzhdyAMsa/8UyNUU8wpS0fhdBxbQbv32r64ea00h4878gommRVg2BHw==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/csso": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz",
+      "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==",
+      "dev": true,
+      "dependencies": {
+        "css-tree": "~2.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/css-tree": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
+      "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==",
+      "dev": true,
+      "dependencies": {
+        "mdn-data": "2.0.28",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/mdn-data": {
+      "version": "2.0.28",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz",
+      "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==",
+      "dev": true
+    },
+    "node_modules/d3": {
+      "version": "3.5.17",
+      "resolved": "https://registry.npmjs.org/d3/-/d3-3.5.17.tgz",
+      "integrity": "sha512-yFk/2idb8OHPKkbAL8QaOaqENNoMhIaSHZerk3oQsECwkObkCpJyjYwCe+OHiq6UEdhe1m8ZGARRRO3ljFjlKg=="
+    },
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-delaunay": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
+      "integrity": "sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==",
+      "dependencies": {
+        "delaunator": "5"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dispatch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
+      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dsv": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
+      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
+      "dependencies": {
+        "commander": "7",
+        "iconv-lite": "0.6",
+        "rw": "1"
+      },
+      "bin": {
+        "csv2json": "bin/dsv2json.js",
+        "csv2tsv": "bin/dsv2dsv.js",
+        "dsv2dsv": "bin/dsv2dsv.js",
+        "dsv2json": "bin/dsv2json.js",
+        "json2csv": "bin/json2dsv.js",
+        "json2dsv": "bin/json2dsv.js",
+        "json2tsv": "bin/json2dsv.js",
+        "tsv2csv": "bin/dsv2dsv.js",
+        "tsv2json": "bin/dsv2json.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dsv/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/d3-dsv/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/d3-force": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
+      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-quadtree": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
+      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.0.tgz",
+      "integrity": "sha512-JEo5HxXDdDYXCaWdwLRt79y7giK8SbhZJbFWXqbRTolCHFI5jRqteLzCsq51NKbUoX0PjBVSohxrx+NoOUujYA==",
+      "dependencies": {
+        "d3-array": "2.5.0 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo-projection": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/d3-geo-projection/-/d3-geo-projection-4.0.0.tgz",
+      "integrity": "sha512-p0bK60CEzph1iqmnxut7d/1kyTmm3UWtPlwdkM31AU+LW+BXazd5zJdoCn7VFxNCHXRngPHRnsNn5uGjLRGndg==",
+      "dependencies": {
+        "commander": "7",
+        "d3-array": "1 - 3",
+        "d3-geo": "1.12.0 - 3"
+      },
+      "bin": {
+        "geo2svg": "bin/geo2svg.js",
+        "geograticule": "bin/geograticule.js",
+        "geoproject": "bin/geoproject.js",
+        "geoquantize": "bin/geoquantize.js",
+        "geostitch": "bin/geostitch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo-projection/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/d3-hierarchy": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
+      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-quadtree": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
+      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "dependencies": {
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-tip": {
+      "version": "0.6.8",
+      "resolved": "https://registry.npmjs.org/d3-tip/-/d3-tip-0.6.8.tgz",
+      "integrity": "sha512-uvikpFTvYHaQ9m+uLxVUwgUS0iHYoWenGy/n60c7IJC97SvC6LWX+iWvYedZ0Ak0e4+bjyuReX5yfqnN1uVb5A==",
+      "dependencies": {
+        "d3": "^3.5.5"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/default-gateway": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-6.0.3.tgz",
+      "integrity": "sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==",
+      "dev": true,
+      "dependencies": {
+        "execa": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/define-lazy-prop": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
+      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/delaunator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/delaunator/-/delaunator-5.0.0.tgz",
+      "integrity": "sha512-AyLvtyJdbv/U1GkiS6gUUzclRoAY4Gs75qkMygJJhU75LW4DNuSF2RMzpxs9jw9Oz1BobHjTdkG3zdP55VxAqw==",
+      "dependencies": {
+        "robust-predicates": "^3.0.0"
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/detect-node": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
+      "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
+      "dev": true
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dns-equal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
+      "integrity": "sha512-z+paD6YUQsk+AbGCEM4PrOXSss5gd66QfcVBFTKR/HpFL9jCqikS94HYwKww6fQyO7IxrIIyUu+g0Ka9tUS2Cg==",
+      "dev": true
+    },
+    "node_modules/dns-packet": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.1.tgz",
+      "integrity": "sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==",
+      "dev": true,
+      "dependencies": {
+        "@leichtgewicht/ip-codec": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/dom-converter": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
+      "integrity": "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==",
+      "dev": true,
+      "dependencies": {
+        "utila": "~0.4"
+      }
+    },
+    "node_modules/dom-serializer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ]
+    },
+    "node_modules/domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "dev": true,
+      "dependencies": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/dot-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
+      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
+      "dev": true,
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/duplexer": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",
+      "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==",
+      "dev": true
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.4.523",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.523.tgz",
+      "integrity": "sha512-9AreocSUWnzNtvLcbpng6N+GkXnCcBR80IQkxRC9Dfdyg4gaWNUPBujAHUpKkiUkoSoR9UlhA4zD/IgBklmhzg==",
+      "dev": true
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "peer": true
+    },
+    "node_modules/emojis-list": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.15.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
+      "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/envinfo": {
+      "version": "7.10.0",
+      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.10.0.tgz",
+      "integrity": "sha512-ZtUjZO6l5mwTHvc1L9+1q5p/R3wTopcfqMW8r5t8SJSKqeVI/LtajORwRFEKpEFuekjD0VBjwu1HMxL4UalIRw==",
+      "dev": true,
+      "bin": {
+        "envinfo": "dist/cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.3.1.tgz",
+      "integrity": "sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q==",
+      "dev": true
+    },
+    "node_modules/escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esrecurse/node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "dev": true
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/execa": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+      "dev": true,
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^6.0.0",
+        "human-signals": "^2.1.0",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.1",
+        "onetime": "^5.1.2",
+        "signal-exit": "^3.0.3",
+        "strip-final-newline": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/express": {
+      "version": "4.18.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
+      "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.20.1",
+        "content-disposition": "0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "0.5.0",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "1.2.0",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "merge-descriptors": "1.0.1",
+        "methods": "~1.1.2",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.7",
+        "proxy-addr": "~2.0.7",
+        "qs": "6.11.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "0.18.0",
+        "serve-static": "1.15.0",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/express/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/express/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-patch": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/fast-json-patch/-/fast-json-patch-3.1.1.tgz",
+      "integrity": "sha512-vf6IHUX2SBcA+5/+4883dsIjpBTqmfBjmYiWK1savxQmFk4JfBMLa7ynTYOs1Rolp/T1betJxHiGD3g1Mn8lUQ=="
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
+    },
+    "node_modules/fastest-levenshtein": {
+      "version": "1.0.16",
+      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz",
+      "integrity": "sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4.9.1"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
+      "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
+      "dev": true,
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/faye-websocket": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz",
+      "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==",
+      "dev": true,
+      "dependencies": {
+        "websocket-driver": ">=0.5.1"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
+      "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "2.0.1",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/finalhandler/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/finalhandler/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/find-cache-dir": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-4.0.0.tgz",
+      "integrity": "sha512-9ZonPT4ZAK4a+1pUPVPZJapbi7O5qbbJPdYw/NOQWZZbVLdDTYM3A4R9z/DpAM08IDaFGsvPgiGZ82WEwUDWjg==",
+      "dev": true,
+      "dependencies": {
+        "common-path-prefix": "^3.0.0",
+        "pkg-dir": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-6.3.0.tgz",
+      "integrity": "sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^7.1.0",
+        "path-exists": "^5.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
+      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fs-monkey": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.4.tgz",
+      "integrity": "sha512-INM/fWAxMICjttnD0DX1rBvinKskj5G1w+oy/pnm9u/tSlnBrzFonJMcalKJ30P8RRsPzKcCG7Q8l0jx5Fh9YQ==",
+      "dev": true
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "peer": true,
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+      "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+      "dependencies": {
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
+      "dev": true
+    },
+    "node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/globby": {
+      "version": "13.2.2",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-13.2.2.tgz",
+      "integrity": "sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==",
+      "dev": true,
+      "dependencies": {
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.3.0",
+        "ignore": "^5.2.4",
+        "merge2": "^1.4.1",
+        "slash": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true
+    },
+    "node_modules/gzip-size": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-6.0.0.tgz",
+      "integrity": "sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==",
+      "dev": true,
+      "dependencies": {
+        "duplexer": "^0.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/handle-thing": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",
+      "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==",
+      "dev": true
+    },
+    "node_modules/has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dependencies": {
+        "function-bind": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "dev": true,
+      "bin": {
+        "he": "bin/he"
+      }
+    },
+    "node_modules/hpack.js": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
+      "integrity": "sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==",
+      "dev": true,
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "obuf": "^1.0.0",
+        "readable-stream": "^2.0.1",
+        "wbuf": "^1.1.0"
+      }
+    },
+    "node_modules/hpack.js/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "dev": true
+    },
+    "node_modules/hpack.js/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dev": true,
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/hpack.js/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true
+    },
+    "node_modules/hpack.js/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/html-entities": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.4.0.tgz",
+      "integrity": "sha512-igBTJcNNNhvZFRtm8uA6xMY6xYleeDwn3PeBCkDz7tHttv4F2hsDI2aPgNERWzvRcNYHNT3ymRaQzllmXj4YsQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/mdevils"
+        },
+        {
+          "type": "patreon",
+          "url": "https://patreon.com/mdevils"
+        }
+      ]
+    },
+    "node_modules/html-minifier-terser": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
+      "integrity": "sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==",
+      "dev": true,
+      "dependencies": {
+        "camel-case": "^4.1.2",
+        "clean-css": "^5.2.2",
+        "commander": "^8.3.0",
+        "he": "^1.2.0",
+        "param-case": "^3.0.4",
+        "relateurl": "^0.2.7",
+        "terser": "^5.10.0"
+      },
+      "bin": {
+        "html-minifier-terser": "cli.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/html-webpack-plugin": {
+      "version": "5.5.3",
+      "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.5.3.tgz",
+      "integrity": "sha512-6YrDKTuqaP/TquFH7h4srYWsZx+x6k6+FbsTm0ziCwGHDP78Unr1r9F/H4+sGmMbX08GQcJ+K64x55b+7VM/jg==",
+      "dev": true,
+      "dependencies": {
+        "@types/html-minifier-terser": "^6.0.0",
+        "html-minifier-terser": "^6.0.2",
+        "lodash": "^4.17.21",
+        "pretty-error": "^4.0.0",
+        "tapable": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/html-webpack-plugin"
+      },
+      "peerDependencies": {
+        "webpack": "^5.20.0"
+      }
+    },
+    "node_modules/htmlparser2": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
+      "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==",
+      "dev": true,
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.0.0",
+        "domutils": "^2.5.2",
+        "entities": "^2.0.0"
+      }
+    },
+    "node_modules/http-deceiver": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
+      "integrity": "sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==",
+      "dev": true
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-parser-js": {
+      "version": "0.5.8",
+      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.8.tgz",
+      "integrity": "sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==",
+      "dev": true
+    },
+    "node_modules/http-proxy": {
+      "version": "1.18.1",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+      "dev": true,
+      "dependencies": {
+        "eventemitter3": "^4.0.0",
+        "follow-redirects": "^1.0.0",
+        "requires-port": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/http-proxy-middleware": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz",
+      "integrity": "sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==",
+      "dev": true,
+      "dependencies": {
+        "@types/http-proxy": "^1.17.8",
+        "http-proxy": "^1.18.1",
+        "is-glob": "^4.0.1",
+        "is-plain-obj": "^3.0.0",
+        "micromatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "@types/express": "^4.17.13"
+      },
+      "peerDependenciesMeta": {
+        "@types/express": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.17.0"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/icss-utils": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
+      "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
+      "dev": true,
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.2.4",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
+      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/ignore-by-default": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
+      "integrity": "sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA==",
+      "dev": true
+    },
+    "node_modules/immutable": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.4.tgz",
+      "integrity": "sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==",
+      "dev": true
+    },
+    "node_modules/import-local": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz",
+      "integrity": "sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==",
+      "dev": true,
+      "dependencies": {
+        "pkg-dir": "^4.2.0",
+        "resolve-cwd": "^3.0.0"
+      },
+      "bin": {
+        "import-local-fixture": "fixtures/cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/import-local/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/import-local/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/import-local/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/import-local/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/import-local/node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/import-local/node_modules/pkg-dir": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/interpret": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/interpret/-/interpret-3.1.1.tgz",
+      "integrity": "sha512-6xwYfHbajpoF0xLW+iwLkhwgvLoZDfjYfoFNu8ftMoXINzwuymNLd9u/KmwtdT2GbR+/Cz66otEGEVVUHX9QLQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.13.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz",
+      "integrity": "sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==",
+      "dev": true,
+      "dependencies": {
+        "has": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "dev": true,
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
+      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-plain-object": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "dev": true,
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true
+    },
+    "node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/jest-util": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
+      "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==",
+      "dev": true,
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.2.0",
+        "graceful-fs": "^4.2.9",
+        "picomatch": "^2.2.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-util/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-util/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/jest-util/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/jest-util/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "node_modules/jest-util/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,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-util/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,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-worker": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
+      "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*",
+        "jest-util": "^29.7.0",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-worker/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,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true
+    },
+    "node_modules/jsesc": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+      "dev": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/json-loader": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/json-loader/-/json-loader-0.5.7.tgz",
+      "integrity": "sha512-QLPs8Dj7lnf3e3QYS1zkCo+4ZwqOiF9d/nZnYozTISxXWCfNs9yuky5rJw4/W34s7POaNlbZmQGaB5NiXCbP4w==",
+      "dev": true
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/json-stringify-pretty-compact": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/json-stringify-pretty-compact/-/json-stringify-pretty-compact-3.0.0.tgz",
+      "integrity": "sha512-Rc2suX5meI0S3bfdZuA7JMFBGkJ875ApfVyq2WHELjBiiG22My/l7/8zPpH/CfFVQHuVLd8NLR0nv6vi0BYYKA=="
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/launch-editor": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.6.0.tgz",
+      "integrity": "sha512-JpDCcQnyAAzZZaZ7vEiSqL690w7dAEyLao+KC96zBplnYbJS7TYNjvM3M7y3dGz+v7aIsJk3hllWuc0kWAjyRQ==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^1.0.0",
+        "shell-quote": "^1.7.3"
+      }
+    },
+    "node_modules/lilconfig": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/loader-runner": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
+      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.11.5"
+      }
+    },
+    "node_modules/loader-utils": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
+      "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+      "dev": true,
+      "dependencies": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^2.1.2"
+      },
+      "engines": {
+        "node": ">=8.9.0"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-7.2.0.tgz",
+      "integrity": "sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^6.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true
+    },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+      "dev": true
+    },
+    "node_modules/lodash.escape": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/lodash.escape/-/lodash.escape-4.0.1.tgz",
+      "integrity": "sha512-nXEOnb/jK9g0DYMr1/Xvq6l5xMD7GDG55+GSYIYmS0G4tBk/hURD4JR9WCavs04t33WmJx9kCyp9vJ+mr4BOUw==",
+      "dev": true
+    },
+    "node_modules/lodash.flatten": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.flatten/-/lodash.flatten-4.4.0.tgz",
+      "integrity": "sha512-C5N2Z3DgnnKr0LOpv/hKCgKdb7ZZwafIrsesve6lmzvZIRZRGaZ/l6Q8+2W7NaT+ZwO3fFlSCzCzrDCFdJfZ4g==",
+      "dev": true
+    },
+    "node_modules/lodash.invokemap": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/lodash.invokemap/-/lodash.invokemap-4.6.0.tgz",
+      "integrity": "sha512-CfkycNtMqgUlfjfdh2BhKO/ZXrP8ePOX5lEU/g0R3ItJcnuxWDwokMGKx1hWcfOikmyOVx6X9IwWnDGlgKl61w==",
+      "dev": true
+    },
+    "node_modules/lodash.memoize": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
+      "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
+      "dev": true
+    },
+    "node_modules/lodash.pullall": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.pullall/-/lodash.pullall-4.2.0.tgz",
+      "integrity": "sha512-VhqxBKH0ZxPpLhiu68YD1KnHmbhQJQctcipvmFnqIBDYzcIHzf3Zpu0tpeOKtR4x76p9yohc506eGdOjTmyIBg==",
+      "dev": true
+    },
+    "node_modules/lodash.uniq": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+      "integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==",
+      "dev": true
+    },
+    "node_modules/lodash.uniqby": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/lodash.uniqby/-/lodash.uniqby-4.7.0.tgz",
+      "integrity": "sha512-e/zcLx6CSbmaEgFHCA7BnoQKyCtKMxnuWrJygbwPs/AIn+IMKl66L8/s+wBUn5LRw2pZx3bUHibiV1b6aTWIww==",
+      "dev": true
+    },
+    "node_modules/lower-case": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
+      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/mdn-data": {
+      "version": "2.0.30",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
+      "dev": true
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/memfs": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.5.3.tgz",
+      "integrity": "sha512-UERzLsxzllchadvbPs5aolHh65ISpKpM+ccLbOJ8/vvpBKmAWf+la7dXFy7Mr0ySHbdHrFv5kGFCUHHe6GFEmw==",
+      "dev": true,
+      "dependencies": {
+        "fs-monkey": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+      "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w=="
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "dev": true,
+      "dependencies": {
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/mini-css-extract-plugin": {
+      "version": "2.7.6",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.6.tgz",
+      "integrity": "sha512-Qk7HcgaPkGG6eD77mLvZS1nmxlao3j+9PkrT9Uc7HAE1id3F41+DdBRYRYkbyfNRGzm8/YWtzhw7nVPmwhqTQw==",
+      "dev": true,
+      "dependencies": {
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/minimalistic-assert": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
+      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
+      "dev": true
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/monaco-editor": {
+      "version": "0.40.0",
+      "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.40.0.tgz",
+      "integrity": "sha512-1wymccLEuFSMBvCk/jT1YDW/GuxMLYwnFwF9CDyYCxoTw2Pt379J3FUhwy9c43j51JdcxVPjwk0jm0EVDsBS2g=="
+    },
+    "node_modules/monaco-editor-webpack-plugin": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/monaco-editor-webpack-plugin/-/monaco-editor-webpack-plugin-7.1.0.tgz",
+      "integrity": "sha512-ZjnGINHN963JQkFqjjcBtn1XBtUATDZBMgNQhDQwd78w2ukRhFXAPNgWuacaQiDZsUr4h1rWv5Mv6eriKuOSzA==",
+      "dev": true,
+      "dependencies": {
+        "loader-utils": "^2.0.2"
+      },
+      "peerDependencies": {
+        "monaco-editor": ">= 0.31.0",
+        "webpack": "^4.5.0 || 5.x"
+      }
+    },
+    "node_modules/mrmime": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz",
+      "integrity": "sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true
+    },
+    "node_modules/multicast-dns": {
+      "version": "7.2.5",
+      "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-7.2.5.tgz",
+      "integrity": "sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==",
+      "dev": true,
+      "dependencies": {
+        "dns-packet": "^5.2.2",
+        "thunky": "^1.0.2"
+      },
+      "bin": {
+        "multicast-dns": "cli.js"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "dev": true
+    },
+    "node_modules/no-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
+      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
+      "dev": true,
+      "dependencies": {
+        "lower-case": "^2.0.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-forge": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz",
+      "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6.13.0"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.13",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
+      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==",
+      "dev": true
+    },
+    "node_modules/nodemon": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.0.1.tgz",
+      "integrity": "sha512-g9AZ7HmkhQkqXkRc20w+ZfQ73cHLbE8hnPbtaFbFtCumZsjyMhKk9LajQ07U5Ux28lvFjZ5X7HvWR1xzU8jHVw==",
+      "dev": true,
+      "dependencies": {
+        "chokidar": "^3.5.2",
+        "debug": "^3.2.7",
+        "ignore-by-default": "^1.0.1",
+        "minimatch": "^3.1.2",
+        "pstree.remy": "^1.1.8",
+        "semver": "^7.5.3",
+        "simple-update-notifier": "^2.0.0",
+        "supports-color": "^5.5.0",
+        "touch": "^3.1.0",
+        "undefsafe": "^2.0.5"
+      },
+      "bin": {
+        "nodemon": "bin/nodemon.js"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/nodemon"
+      }
+    },
+    "node_modules/nodemon/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/nodemon/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/nodemon/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/nodemon/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/nopt": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-1.0.10.tgz",
+      "integrity": "sha512-NWmpvLSqUrgrAC9HCuxEvb+PSloHpqVu+FqcO4eeF2h5qYRhA7ev6KvelyQAKtegUbC6RypJnlEOhd8vloNKYg==",
+      "dev": true,
+      "dependencies": {
+        "abbrev": "1"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "dev": true,
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.12.3",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
+      "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/obuf": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
+      "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
+      "dev": true
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/on-headers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/open": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
+      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
+      "dev": true,
+      "dependencies": {
+        "define-lazy-prop": "^2.0.0",
+        "is-docker": "^2.1.1",
+        "is-wsl": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/opener": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
+      "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==",
+      "dev": true,
+      "bin": {
+        "opener": "bin/opener-bin.js"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
+      "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^1.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-6.0.0.tgz",
+      "integrity": "sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-retry": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.2.tgz",
+      "integrity": "sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/retry": "0.12.0",
+        "retry": "^0.13.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/papaparse": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/papaparse/-/papaparse-5.4.1.tgz",
+      "integrity": "sha512-HipMsgJkZu8br23pW15uvo6sib6wne/4woLZPlFf3rpDyMe9ywEXUsuD7+6K9PRkJlVT51j/sCOYDKGGS3ZJrw=="
+    },
+    "node_modules/param-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
+      "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
+      "dev": true,
+      "dependencies": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/pascal-case": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
+      "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
+      "dev": true,
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz",
+      "integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==",
+      "dev": true,
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+      "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ=="
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+      "dev": true
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pkg-dir": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-7.0.0.tgz",
+      "integrity": "sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA==",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.29",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.29.tgz",
+      "integrity": "sha512-cbI+jaqIeu/VGqXEarWkRCCffhjgXc0qjBtXpqJhTBohMUjUQnbBr0xqX3vEKudc4iviTewcJo5ajcec5+wdJw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-calc": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-9.0.1.tgz",
+      "integrity": "sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.11",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.2"
+      }
+    },
+    "node_modules/postcss-colormin": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-6.0.0.tgz",
+      "integrity": "sha512-EuO+bAUmutWoZYgHn2T1dG1pPqHU6L4TjzPlu4t1wZGXQ/fxV16xg2EJmYi0z+6r+MGV1yvpx1BHkUaRrPa2bw==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "caniuse-api": "^3.0.0",
+        "colord": "^2.9.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-convert-values": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-6.0.0.tgz",
+      "integrity": "sha512-U5D8QhVwqT++ecmy8rnTb+RL9n/B806UVaS3m60lqle4YDFcpbS3ae5bTQIh3wOGUSDHSEtMYLs/38dNG7EYFw==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-discard-comments": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-6.0.0.tgz",
+      "integrity": "sha512-p2skSGqzPMZkEQvJsgnkBhCn8gI7NzRH2683EEjrIkoMiwRELx68yoUJ3q3DGSGuQ8Ug9Gsn+OuDr46yfO+eFw==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-discard-duplicates": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-6.0.0.tgz",
+      "integrity": "sha512-bU1SXIizMLtDW4oSsi5C/xHKbhLlhek/0/yCnoMQany9k3nPBq+Ctsv/9oMmyqbR96HYHxZcHyK2HR5P/mqoGA==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-discard-empty": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-6.0.0.tgz",
+      "integrity": "sha512-b+h1S1VT6dNhpcg+LpyiUrdnEZfICF0my7HAKgJixJLW7BnNmpRH34+uw/etf5AhOlIhIAuXApSzzDzMI9K/gQ==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-discard-overridden": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-6.0.0.tgz",
+      "integrity": "sha512-4VELwssYXDFigPYAZ8vL4yX4mUepF/oCBeeIT4OXsJPYOtvJumyz9WflmJWTfDwCUcpDR+z0zvCWBXgTx35SVw==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-merge-longhand": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-6.0.0.tgz",
+      "integrity": "sha512-4VSfd1lvGkLTLYcxFuISDtWUfFS4zXe0FpF149AyziftPFQIWxjvFSKhA4MIxMe4XM3yTDgQMbSNgzIVxChbIg==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0",
+        "stylehacks": "^6.0.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-merge-rules": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-6.0.1.tgz",
+      "integrity": "sha512-a4tlmJIQo9SCjcfiCcCMg/ZCEe0XTkl/xK0XHBs955GWg9xDX3NwP9pwZ78QUOWB8/0XCjZeJn98Dae0zg6AAw==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "caniuse-api": "^3.0.0",
+        "cssnano-utils": "^4.0.0",
+        "postcss-selector-parser": "^6.0.5"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-minify-font-values": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-6.0.0.tgz",
+      "integrity": "sha512-zNRAVtyh5E8ndZEYXA4WS8ZYsAp798HiIQ1V2UF/C/munLp2r1UGHwf1+6JFu7hdEhJFN+W1WJQKBrtjhFgEnA==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-minify-gradients": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-6.0.0.tgz",
+      "integrity": "sha512-wO0F6YfVAR+K1xVxF53ueZJza3L+R3E6cp0VwuXJQejnNUH0DjcAFe3JEBeTY1dLwGa0NlDWueCA1VlEfiKgAA==",
+      "dev": true,
+      "dependencies": {
+        "colord": "^2.9.1",
+        "cssnano-utils": "^4.0.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-minify-params": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-6.0.0.tgz",
+      "integrity": "sha512-Fz/wMQDveiS0n5JPcvsMeyNXOIMrwF88n7196puSuQSWSa+/Ofc1gDOSY2xi8+A4PqB5dlYCKk/WfqKqsI+ReQ==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "cssnano-utils": "^4.0.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-minify-selectors": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-6.0.0.tgz",
+      "integrity": "sha512-ec/q9JNCOC2CRDNnypipGfOhbYPuUkewGwLnbv6omue/PSASbHSU7s6uSQ0tcFRVv731oMIx8k0SP4ZX6be/0g==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.5"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-modules-extract-imports": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
+      "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
+      "dev": true,
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-local-by-default": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.3.tgz",
+      "integrity": "sha512-2/u2zraspoACtrbFRnTijMiQtb4GW4BvatjaG/bCjYQo8kLTdevCUlwuBHx2sCnSyrI3x3qj4ZK1j5LQBgzmwA==",
+      "dev": true,
+      "dependencies": {
+        "icss-utils": "^5.0.0",
+        "postcss-selector-parser": "^6.0.2",
+        "postcss-value-parser": "^4.1.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-scope": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz",
+      "integrity": "sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.4"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-values": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz",
+      "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==",
+      "dev": true,
+      "dependencies": {
+        "icss-utils": "^5.0.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-normalize-charset": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-6.0.0.tgz",
+      "integrity": "sha512-cqundwChbu8yO/gSWkuFDmKrCZ2vJzDAocheT2JTd0sFNA4HMGoKMfbk2B+J0OmO0t5GUkiAkSM5yF2rSLUjgQ==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-display-values": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-6.0.0.tgz",
+      "integrity": "sha512-Qyt5kMrvy7dJRO3OjF7zkotGfuYALETZE+4lk66sziWSPzlBEt7FrUshV6VLECkI4EN8Z863O6Nci4NXQGNzYw==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-positions": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-6.0.0.tgz",
+      "integrity": "sha512-mPCzhSV8+30FZyWhxi6UoVRYd3ZBJgTRly4hOkaSifo0H+pjDYcii/aVT4YE6QpOil15a5uiv6ftnY3rm0igPg==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-repeat-style": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-6.0.0.tgz",
+      "integrity": "sha512-50W5JWEBiOOAez2AKBh4kRFm2uhrT3O1Uwdxz7k24aKtbD83vqmcVG7zoIwo6xI2FZ/HDlbrCopXhLeTpQib1A==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-string": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-6.0.0.tgz",
+      "integrity": "sha512-KWkIB7TrPOiqb8ZZz6homet2KWKJwIlysF5ICPZrXAylGe2hzX/HSf4NTX2rRPJMAtlRsj/yfkrWGavFuB+c0w==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-timing-functions": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-6.0.0.tgz",
+      "integrity": "sha512-tpIXWciXBp5CiFs8sem90IWlw76FV4oi6QEWfQwyeREVwUy39VSeSqjAT7X0Qw650yAimYW5gkl2Gd871N5SQg==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-unicode": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-unicode/-/postcss-normalize-unicode-6.0.0.tgz",
+      "integrity": "sha512-ui5crYkb5ubEUDugDc786L/Me+DXp2dLg3fVJbqyAl0VPkAeALyAijF2zOsnZyaS1HyfPuMH0DwyY18VMFVNkg==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-url": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-6.0.0.tgz",
+      "integrity": "sha512-98mvh2QzIPbb02YDIrYvAg4OUzGH7s1ZgHlD3fIdTHLgPLRpv1ZTKJDnSAKr4Rt21ZQFzwhGMXxpXlfrUBKFHw==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-whitespace": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-6.0.0.tgz",
+      "integrity": "sha512-7cfE1AyLiK0+ZBG6FmLziJzqQCpTQY+8XjMhMAz8WSBSCsCNNUKujgIgjCAmDT3cJ+3zjTXFkoD15ZPsckArVw==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-ordered-values": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-6.0.0.tgz",
+      "integrity": "sha512-K36XzUDpvfG/nWkjs6d1hRBydeIxGpKS2+n+ywlKPzx1nMYDYpoGbcjhj5AwVYJK1qV2/SDoDEnHzlPD6s3nMg==",
+      "dev": true,
+      "dependencies": {
+        "cssnano-utils": "^4.0.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-reduce-initial": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-6.0.0.tgz",
+      "integrity": "sha512-s2UOnidpVuXu6JiiI5U+fV2jamAw5YNA9Fdi/GRK0zLDLCfXmSGqQtzpUPtfN66RtCbb9fFHoyZdQaxOB3WxVA==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "caniuse-api": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-reduce-transforms": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-6.0.0.tgz",
+      "integrity": "sha512-FQ9f6xM1homnuy1wLe9lP1wujzxnwt1EwiigtWwuyf8FsqqXUDUp2Ulxf9A5yjlUOTdCJO6lonYjg1mgqIIi2w==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.13",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
+      "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-svgo": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-6.0.0.tgz",
+      "integrity": "sha512-r9zvj/wGAoAIodn84dR/kFqwhINp5YsJkLoujybWG59grR/IHx+uQ2Zo+IcOwM0jskfYX3R0mo+1Kip1VSNcvw==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0",
+        "svgo": "^3.0.2"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >= 18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-unique-selectors": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-6.0.0.tgz",
+      "integrity": "sha512-EPQzpZNxOxP7777t73RQpZE5e9TrnCrkvp7AH7a0l89JmZiPnS82y216JowHXwpBCQitfyxrof9TK3rYbi7/Yw==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.5"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true
+    },
+    "node_modules/pretty-error": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz",
+      "integrity": "sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==",
+      "dev": true,
+      "dependencies": {
+        "lodash": "^4.17.20",
+        "renderkid": "^3.0.0"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "dev": true
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/pstree.remy": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.8.tgz",
+      "integrity": "sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==",
+      "dev": true
+    },
+    "node_modules/punycode": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
+      "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.11.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
+      "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
+      "dependencies": {
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz",
+      "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/rechoir": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.8.0.tgz",
+      "integrity": "sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==",
+      "dev": true,
+      "dependencies": {
+        "resolve": "^1.20.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/regenerate": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
+      "dev": true
+    },
+    "node_modules/regenerate-unicode-properties": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz",
+      "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==",
+      "dev": true,
+      "dependencies": {
+        "regenerate": "^1.4.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
+      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==",
+      "dev": true
+    },
+    "node_modules/regenerator-transform": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
+      "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.8.4"
+      }
+    },
+    "node_modules/regexpu-core": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
+      "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/regjsgen": "^0.8.0",
+        "regenerate": "^1.4.2",
+        "regenerate-unicode-properties": "^10.1.0",
+        "regjsparser": "^0.9.1",
+        "unicode-match-property-ecmascript": "^2.0.0",
+        "unicode-match-property-value-ecmascript": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regjsparser": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
+      "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
+      "dev": true,
+      "dependencies": {
+        "jsesc": "~0.5.0"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/regjsparser/node_modules/jsesc": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
+      "dev": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      }
+    },
+    "node_modules/relateurl": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
+      "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/renderkid": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz",
+      "integrity": "sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==",
+      "dev": true,
+      "dependencies": {
+        "css-select": "^4.1.3",
+        "dom-converter": "^0.2.0",
+        "htmlparser2": "^6.1.0",
+        "lodash": "^4.17.21",
+        "strip-ansi": "^6.0.1"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+      "dev": true
+    },
+    "node_modules/resolve": {
+      "version": "1.22.6",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.6.tgz",
+      "integrity": "sha512-njhxM7mV12JfufShqGy3Rz8j11RPdLy4xi15UurGJeoHLfJpVXKdh3ueuOqbYUcDZnffr6X739JBo5LzyahEsw==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-cwd": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
+      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
+      "dev": true,
+      "dependencies": {
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/retry": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "dev": true,
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/robust-predicates": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.2.tgz",
+      "integrity": "sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg=="
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/rw": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
+      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ=="
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
+    "node_modules/sass": {
+      "version": "1.67.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.67.0.tgz",
+      "integrity": "sha512-SVrO9ZeX/QQyEGtuZYCVxoeAL5vGlYjJ9p4i4HFuekWl8y/LtJ7tJc10Z+ck1c8xOuoBm2MYzcLfTAffD0pl/A==",
+      "dev": true,
+      "dependencies": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-loader": {
+      "version": "13.3.2",
+      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-13.3.2.tgz",
+      "integrity": "sha512-CQbKl57kdEv+KDLquhC+gE3pXt74LEAzm+tzywcA0/aHZuub8wTErbjAoNI57rPUWRYRNC5WUnNl8eGJNbDdwg==",
+      "dev": true,
+      "dependencies": {
+        "neo-async": "^2.6.2"
+      },
+      "engines": {
+        "node": ">= 14.15.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "fibers": ">= 3.1.0",
+        "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0",
+        "sass": "^1.3.0",
+        "sass-embedded": "*",
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "fibers": {
+          "optional": true
+        },
+        "node-sass": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/schema-utils": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz",
+      "integrity": "sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/select-hose": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
+      "integrity": "sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==",
+      "dev": true
+    },
+    "node_modules/selfsigned": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-2.1.1.tgz",
+      "integrity": "sha512-GSL3aowiF7wa/WtSFwnUrludWFoNhftq8bUkH9pkzjpN2XSPOAYEgg6e0sS9s0rZwgJzJiQRPU18A6clnoW5wQ==",
+      "dev": true,
+      "dependencies": {
+        "node-forge": "^1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/send": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
+      "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/send/node_modules/debug/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz",
+      "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==",
+      "dev": true,
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/serve-index": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
+      "integrity": "sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==",
+      "dev": true,
+      "dependencies": {
+        "accepts": "~1.3.4",
+        "batch": "0.6.1",
+        "debug": "2.6.9",
+        "escape-html": "~1.0.3",
+        "http-errors": "~1.6.2",
+        "mime-types": "~2.1.17",
+        "parseurl": "~1.3.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/serve-index/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/serve-index/node_modules/depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-index/node_modules/http-errors": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+      "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
+      "dev": true,
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.1.0",
+        "statuses": ">= 1.4.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-index/node_modules/inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+      "dev": true
+    },
+    "node_modules/serve-index/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true
+    },
+    "node_modules/serve-index/node_modules/setprototypeof": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+      "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
+      "dev": true
+    },
+    "node_modules/serve-index/node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-static": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
+      "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==",
+      "dependencies": {
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.18.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
+    },
+    "node_modules/shallow-clone": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz",
+      "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
+      "dev": true,
+      "dependencies": {
+        "kind-of": "^6.0.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shell-quote": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz",
+      "integrity": "sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true
+    },
+    "node_modules/simple-update-notifier": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
+      "integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==",
+      "dev": true,
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/simple-update-notifier/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/simple-update-notifier/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/simple-update-notifier/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/sirv": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.3.tgz",
+      "integrity": "sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==",
+      "dev": true,
+      "dependencies": {
+        "@polka/url": "^1.0.0-next.20",
+        "mrmime": "^1.0.0",
+        "totalist": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/slash": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
+      "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/sockjs": {
+      "version": "0.3.24",
+      "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
+      "integrity": "sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==",
+      "dev": true,
+      "dependencies": {
+        "faye-websocket": "^0.11.3",
+        "uuid": "^8.3.2",
+        "websocket-driver": "^0.7.4"
+      }
+    },
+    "node_modules/sockjs/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "dev": true,
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dev": true,
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/spdy": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
+      "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.1.0",
+        "handle-thing": "^2.0.0",
+        "http-deceiver": "^1.2.7",
+        "select-hose": "^2.0.0",
+        "spdy-transport": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/spdy-transport": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz",
+      "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.1.0",
+        "detect-node": "^2.0.4",
+        "hpack.js": "^2.1.6",
+        "obuf": "^1.1.2",
+        "readable-stream": "^3.0.6",
+        "wbuf": "^1.7.3"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string-direction": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/string-direction/-/string-direction-0.1.2.tgz",
+      "integrity": "sha512-NJHQRg6GlOEMLA6jEAlSy21KaXvJDNoAid/v6fBAJbqdvOEIiPpCrIPTHnl4636wUF/IGyktX5A9eddmETb1Cw=="
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "peer": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/style-loader": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.3.tgz",
+      "integrity": "sha512-53BiGLXAcll9maCYtZi2RCQZKa8NQQai5C4horqKyRmHj9H7QmcUyucrH+4KW/gBQbXM2AsB0axoEcFZPlfPcw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/stylehacks": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-6.0.0.tgz",
+      "integrity": "sha512-+UT589qhHPwz6mTlCLSt/vMNTJx8dopeJlZAlBMJPWA3ORqu6wmQY7FBXf+qD+FsqoBJODyqNxOUP3jdntFRdw==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "postcss-selector-parser": "^6.0.4"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/svg-crowbar": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/svg-crowbar/-/svg-crowbar-0.7.0.tgz",
+      "integrity": "sha512-ZDiUjLsExz6GW7vSkW5B5yQzoST4Wy843jcaxChgFHBuj8ZcR4OLQFNU6JI8pwHeQ//NZ9Q/+QLGfRCKIiiJnw=="
+    },
+    "node_modules/svgo": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.0.2.tgz",
+      "integrity": "sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==",
+      "dev": true,
+      "dependencies": {
+        "@trysound/sax": "0.2.0",
+        "commander": "^7.2.0",
+        "css-select": "^5.1.0",
+        "css-tree": "^2.2.1",
+        "csso": "^5.0.5",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "svgo": "bin/svgo"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/svgo"
+      }
+    },
+    "node_modules/svgo/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/svgo/node_modules/css-select": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
+      "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
+      "dev": true,
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.1.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/svgo/node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/svgo/node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/svgo/node_modules/domutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
+      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
+      "dev": true,
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/svgo/node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/terser": {
+      "version": "5.19.4",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.19.4.tgz",
+      "integrity": "sha512-6p1DjHeuluwxDXcuT9VR8p64klWJKo1ILiy19s6C9+0Bh2+NWTX6nD9EPppiER4ICkHDVB1RkVpin/YW2nQn/g==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.8.2",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser-webpack-plugin": {
+      "version": "5.3.9",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.9.tgz",
+      "integrity": "sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^3.1.1",
+        "serialize-javascript": "^6.0.1",
+        "terser": "^5.16.8"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "uglify-js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "dev": true,
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
+    "node_modules/terser-webpack-plugin/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,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/jest-worker": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true
+    },
+    "node_modules/thunky": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
+      "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
+      "dev": true
+    },
+    "node_modules/to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/topojson-client": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/topojson-client/-/topojson-client-3.1.0.tgz",
+      "integrity": "sha512-605uxS6bcYxGXw9qi62XyrV6Q3xwbndjachmNxu8HWTtVPxZfEJN9fd/SZS1Q54Sn2y0TMyMxFj/cJINqGHrKw==",
+      "dependencies": {
+        "commander": "2"
+      },
+      "bin": {
+        "topo2geo": "bin/topo2geo",
+        "topomerge": "bin/topomerge",
+        "topoquantize": "bin/topoquantize"
+      }
+    },
+    "node_modules/topojson-client/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
+    },
+    "node_modules/totalist": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
+      "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/touch": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/touch/-/touch-3.1.0.tgz",
+      "integrity": "sha512-WBx8Uy5TLtOSRtIq+M03/sKDrXCLHxwDcquSP2c43Le03/9serjQBIztjRz6FkJez9D/hleyAXTBGLwwZUw9lA==",
+      "dev": true,
+      "dependencies": {
+        "nopt": "~1.0.10"
+      },
+      "bin": {
+        "nodetouch": "bin/nodetouch.js"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
+    },
+    "node_modules/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/undefsafe": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.5.tgz",
+      "integrity": "sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==",
+      "dev": true
+    },
+    "node_modules/unicode-canonical-property-names-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
+      "dev": true,
+      "dependencies": {
+        "unicode-canonical-property-names-ecmascript": "^2.0.0",
+        "unicode-property-aliases-ecmascript": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-value-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-property-aliases-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz",
+      "integrity": "sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "escalade": "^3.1.1",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true
+    },
+    "node_modules/utila": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz",
+      "integrity": "sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==",
+      "dev": true
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/vega": {
+      "version": "5.25.0",
+      "resolved": "https://registry.npmjs.org/vega/-/vega-5.25.0.tgz",
+      "integrity": "sha512-lr+uj0mhYlSN3JOKbMNp1RzZBenWp9DxJ7kR3lha58AFNCzzds7pmFa7yXPbtbaGhB7Buh/t6n+Bzk3Y0VnF5g==",
+      "dependencies": {
+        "vega-crossfilter": "~4.1.1",
+        "vega-dataflow": "~5.7.5",
+        "vega-encode": "~4.9.2",
+        "vega-event-selector": "~3.0.1",
+        "vega-expression": "~5.1.0",
+        "vega-force": "~4.2.0",
+        "vega-format": "~1.1.1",
+        "vega-functions": "~5.13.2",
+        "vega-geo": "~4.4.1",
+        "vega-hierarchy": "~4.1.1",
+        "vega-label": "~1.2.1",
+        "vega-loader": "~4.5.1",
+        "vega-parser": "~6.2.0",
+        "vega-projection": "~1.6.0",
+        "vega-regression": "~1.2.0",
+        "vega-runtime": "~6.1.4",
+        "vega-scale": "~7.3.0",
+        "vega-scenegraph": "~4.10.2",
+        "vega-statistics": "~1.9.0",
+        "vega-time": "~2.1.1",
+        "vega-transforms": "~4.10.2",
+        "vega-typings": "~0.24.0",
+        "vega-util": "~1.17.2",
+        "vega-view": "~5.11.1",
+        "vega-view-transforms": "~4.5.9",
+        "vega-voronoi": "~4.2.1",
+        "vega-wordcloud": "~4.1.4"
+      }
+    },
+    "node_modules/vega-canvas": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/vega-canvas/-/vega-canvas-1.2.7.tgz",
+      "integrity": "sha512-OkJ9CACVcN9R5Pi9uF6MZBF06pO6qFpDYHWSKBJsdHP5o724KrsgR6UvbnXFH82FdsiTOff/HqjuaG8C7FL+9Q=="
+    },
+    "node_modules/vega-crossfilter": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/vega-crossfilter/-/vega-crossfilter-4.1.1.tgz",
+      "integrity": "sha512-yesvlMcwRwxrtAd9IYjuxWJJuAMI0sl7JvAFfYtuDkkGDtqfLXUcCzHIATqW6igVIE7tWwGxnbfvQLhLNgK44Q==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "vega-dataflow": "^5.7.5",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-dataflow": {
+      "version": "5.7.5",
+      "resolved": "https://registry.npmjs.org/vega-dataflow/-/vega-dataflow-5.7.5.tgz",
+      "integrity": "sha512-EdsIl6gouH67+8B0f22Owr2tKDiMPNNR8lEvJDcxmFw02nXd8juimclpLvjPQriqn6ta+3Dn5txqfD117H04YA==",
+      "dependencies": {
+        "vega-format": "^1.1.1",
+        "vega-loader": "^4.5.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-embed": {
+      "version": "6.22.2",
+      "resolved": "https://registry.npmjs.org/vega-embed/-/vega-embed-6.22.2.tgz",
+      "integrity": "sha512-JdytShq/QC9q0Q/WzHowkYR5ohN36JsNs3S6OsD7Ufmvite5XmsHKSn6vuI//n99tlrcdmCFfnMZnnZH+IESRQ==",
+      "bundleDependencies": [
+        "yallist"
+      ],
+      "dependencies": {
+        "fast-json-patch": "^3.1.1",
+        "json-stringify-pretty-compact": "^3.0.0",
+        "semver": "^7.5.4",
+        "tslib": "^2.6.1",
+        "vega-interpreter": "^1.0.5",
+        "vega-schema-url-parser": "^2.2.0",
+        "vega-themes": "^2.14.0",
+        "vega-tooltip": "^0.32.0",
+        "yallist": "*"
+      },
+      "peerDependencies": {
+        "vega": "^5.21.0",
+        "vega-lite": "*"
+      }
+    },
+    "node_modules/vega-embed/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/vega-embed/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/vega-embed/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "inBundle": true
+    },
+    "node_modules/vega-encode": {
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/vega-encode/-/vega-encode-4.9.2.tgz",
+      "integrity": "sha512-c3J0LYkgYeXQxwnYkEzL15cCFBYPRaYUon8O2SZ6O4PhH4dfFTXBzSyT8+gh8AhBd572l2yGDfxpEYA6pOqdjg==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "d3-interpolate": "^3.0.1",
+        "vega-dataflow": "^5.7.5",
+        "vega-scale": "^7.3.0",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-event-selector": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/vega-event-selector/-/vega-event-selector-3.0.1.tgz",
+      "integrity": "sha512-K5zd7s5tjr1LiOOkjGpcVls8GsH/f2CWCrWcpKy74gTCp+llCdwz0Enqo013ZlGaRNjfgD/o1caJRt3GSaec4A=="
+    },
+    "node_modules/vega-expression": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/vega-expression/-/vega-expression-5.1.0.tgz",
+      "integrity": "sha512-u8Rzja/cn2PEUkhQN3zUj3REwNewTA92ExrcASNKUJPCciMkHJEjESwFYuI6DWMCq4hQElQ92iosOAtwzsSTqA==",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-force": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/vega-force/-/vega-force-4.2.0.tgz",
+      "integrity": "sha512-aE2TlP264HXM1r3fl58AvZdKUWBNOGkIvn4EWyqeJdgO2vz46zSU7x7TzPG4ZLuo44cDRU5Ng3I1eQk23Asz6A==",
+      "dependencies": {
+        "d3-force": "^3.0.0",
+        "vega-dataflow": "^5.7.5",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-format": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/vega-format/-/vega-format-1.1.1.tgz",
+      "integrity": "sha512-Rll7YgpYbsgaAa54AmtEWrxaJqgOh5fXlvM2wewO4trb9vwM53KBv4Q/uBWCLK3LLGeBXIF6gjDt2LFuJAUtkQ==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "d3-format": "^3.1.0",
+        "d3-time-format": "^4.1.0",
+        "vega-time": "^2.1.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-functions": {
+      "version": "5.13.2",
+      "resolved": "https://registry.npmjs.org/vega-functions/-/vega-functions-5.13.2.tgz",
+      "integrity": "sha512-YE1Xl3Qi28kw3vdXVYgKFMo20ttd3+SdKth1jUNtBDGGdrOpvPxxFhZkVqX+7FhJ5/1UkDoAYs/cZY0nRKiYgA==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "d3-color": "^3.1.0",
+        "d3-geo": "^3.1.0",
+        "vega-dataflow": "^5.7.5",
+        "vega-expression": "^5.1.0",
+        "vega-scale": "^7.3.0",
+        "vega-scenegraph": "^4.10.2",
+        "vega-selections": "^5.4.1",
+        "vega-statistics": "^1.8.1",
+        "vega-time": "^2.1.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-geo": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/vega-geo/-/vega-geo-4.4.1.tgz",
+      "integrity": "sha512-s4WeZAL5M3ZUV27/eqSD3v0FyJz3PlP31XNSLFy4AJXHxHUeXT3qLiDHoVQnW5Om+uBCPDtTT1ROx1smGIf2aA==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "d3-color": "^3.1.0",
+        "d3-geo": "^3.1.0",
+        "vega-canvas": "^1.2.7",
+        "vega-dataflow": "^5.7.5",
+        "vega-projection": "^1.6.0",
+        "vega-statistics": "^1.8.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-hierarchy": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/vega-hierarchy/-/vega-hierarchy-4.1.1.tgz",
+      "integrity": "sha512-h5mbrDtPKHBBQ9TYbvEb/bCqmGTlUX97+4CENkyH21tJs7naza319B15KRK0NWOHuhbGhFmF8T0696tg+2c8XQ==",
+      "dependencies": {
+        "d3-hierarchy": "^3.1.2",
+        "vega-dataflow": "^5.7.5",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-interpreter": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/vega-interpreter/-/vega-interpreter-1.0.5.tgz",
+      "integrity": "sha512-po6oTOmeQqr1tzTCdD15tYxAQLeUnOVirAysgVEemzl+vfmvcEP7jQmlc51jz0jMA+WsbmE6oJywisQPu/H0Bg=="
+    },
+    "node_modules/vega-label": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/vega-label/-/vega-label-1.2.1.tgz",
+      "integrity": "sha512-n/ackJ5lc0Xs9PInCaGumYn2awomPjJ87EMVT47xNgk2bHmJoZV1Ve/1PUM6Eh/KauY211wPMrNp/9Im+7Ripg==",
+      "dependencies": {
+        "vega-canvas": "^1.2.6",
+        "vega-dataflow": "^5.7.3",
+        "vega-scenegraph": "^4.9.2",
+        "vega-util": "^1.15.2"
+      }
+    },
+    "node_modules/vega-lite": {
+      "version": "5.15.0",
+      "resolved": "https://registry.npmjs.org/vega-lite/-/vega-lite-5.15.0.tgz",
+      "integrity": "sha512-Eac4VBhdtwbJQWH8m2OaRba/YVZbUHlmTAiPfiF3XIapJ73rcs+gHZBE1DfYgfoGjBN+5YJUMvdgm4UE7j/Ncg==",
+      "peer": true,
+      "dependencies": {
+        "json-stringify-pretty-compact": "~3.0.0",
+        "tslib": "~2.6.2",
+        "vega-event-selector": "~3.0.1",
+        "vega-expression": "~5.1.0",
+        "vega-util": "~1.17.2",
+        "yargs": "~17.7.2"
+      },
+      "bin": {
+        "vl2pdf": "bin/vl2pdf",
+        "vl2png": "bin/vl2png",
+        "vl2svg": "bin/vl2svg",
+        "vl2vg": "bin/vl2vg"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "vega": "^5.24.0"
+      }
+    },
+    "node_modules/vega-loader": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/vega-loader/-/vega-loader-4.5.1.tgz",
+      "integrity": "sha512-qy5x32SaT0YkEujQM2yKqvLGV9XWQ2aEDSugBFTdYzu/1u4bxdUSRDREOlrJ9Km3RWIOgFiCkobPmFxo47SKuA==",
+      "dependencies": {
+        "d3-dsv": "^3.0.1",
+        "node-fetch": "^2.6.7",
+        "topojson-client": "^3.1.0",
+        "vega-format": "^1.1.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-parser": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/vega-parser/-/vega-parser-6.2.0.tgz",
+      "integrity": "sha512-as+QnX8Qxe9q51L1C2sVBd+YYYctP848+zEvkBT2jlI2g30aZ6Uv7sKsq7QTL6DUbhXQKR0XQtzlanckSFdaOQ==",
+      "dependencies": {
+        "vega-dataflow": "^5.7.5",
+        "vega-event-selector": "^3.0.1",
+        "vega-functions": "^5.13.1",
+        "vega-scale": "^7.3.0",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-projection": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/vega-projection/-/vega-projection-1.6.0.tgz",
+      "integrity": "sha512-LGUaO/kpOEYuTlul+x+lBzyuL9qmMwP1yShdUWYLW+zXoeyGbs5OZW+NbPPwLYqJr5lpXDr/vGztFuA/6g2xvQ==",
+      "dependencies": {
+        "d3-geo": "^3.1.0",
+        "d3-geo-projection": "^4.0.0",
+        "vega-scale": "^7.3.0"
+      }
+    },
+    "node_modules/vega-regression": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/vega-regression/-/vega-regression-1.2.0.tgz",
+      "integrity": "sha512-6TZoPlhV/280VbxACjRKqlE0Nv48z5g4CSNf1FmGGTWS1rQtElPTranSoVW4d7ET5eVQ6f9QLxNAiALptvEq+g==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "vega-dataflow": "^5.7.3",
+        "vega-statistics": "^1.9.0",
+        "vega-util": "^1.15.2"
+      }
+    },
+    "node_modules/vega-runtime": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/vega-runtime/-/vega-runtime-6.1.4.tgz",
+      "integrity": "sha512-0dDYXyFLQcxPQ2OQU0WuBVYLRZnm+/CwVu6i6N4idS7R9VXIX5581EkCh3pZ20pQ/+oaA7oJ0pR9rJgJ6rukRQ==",
+      "dependencies": {
+        "vega-dataflow": "^5.7.5",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-scale": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/vega-scale/-/vega-scale-7.3.0.tgz",
+      "integrity": "sha512-pMOAI2h+e1z7lsqKG+gMfR6NKN2sTcyjZbdJwntooW0uFHwjLGjMSY7kSd3nSEquF0HQ8qF7zR6gs1eRwlGimw==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "d3-interpolate": "^3.0.1",
+        "d3-scale": "^4.0.2",
+        "vega-time": "^2.1.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-scenegraph": {
+      "version": "4.10.2",
+      "resolved": "https://registry.npmjs.org/vega-scenegraph/-/vega-scenegraph-4.10.2.tgz",
+      "integrity": "sha512-R8m6voDZO5+etwNMcXf45afVM3XAtokMqxuDyddRl9l1YqSJfS+3u8hpolJ50c2q6ZN20BQiJwKT1o0bB7vKkA==",
+      "dependencies": {
+        "d3-path": "^3.1.0",
+        "d3-shape": "^3.2.0",
+        "vega-canvas": "^1.2.7",
+        "vega-loader": "^4.5.1",
+        "vega-scale": "^7.3.0",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-schema-url-parser": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/vega-schema-url-parser/-/vega-schema-url-parser-2.2.0.tgz",
+      "integrity": "sha512-yAtdBnfYOhECv9YC70H2gEiqfIbVkq09aaE4y/9V/ovEFmH9gPKaEgzIZqgT7PSPQjKhsNkb6jk6XvSoboxOBw=="
+    },
+    "node_modules/vega-selections": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/vega-selections/-/vega-selections-5.4.1.tgz",
+      "integrity": "sha512-EtYc4DvA+wXqBg9tq+kDomSoVUPCmQfS7hUxy2qskXEed79YTimt3Hcl1e1fW226I4AVDBEqTTKebmKMzbSgAA==",
+      "dependencies": {
+        "d3-array": "3.2.2",
+        "vega-expression": "^5.0.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-selections/node_modules/d3-array": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.2.tgz",
+      "integrity": "sha512-yEEyEAbDrF8C6Ob2myOBLjwBLck1Z89jMGFee0oPsn95GqjerpaOA4ch+vc2l0FNFFwMD5N7OCSEN5eAlsUbgQ==",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vega-statistics": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/vega-statistics/-/vega-statistics-1.9.0.tgz",
+      "integrity": "sha512-GAqS7mkatpXcMCQKWtFu1eMUKLUymjInU0O8kXshWaQrVWjPIO2lllZ1VNhdgE0qGj4oOIRRS11kzuijLshGXQ==",
+      "dependencies": {
+        "d3-array": "^3.2.2"
+      }
+    },
+    "node_modules/vega-themes": {
+      "version": "2.14.0",
+      "resolved": "https://registry.npmjs.org/vega-themes/-/vega-themes-2.14.0.tgz",
+      "integrity": "sha512-9dLmsUER7gJrDp8SEYKxBFmXmpyzLlToKIjxq3HCvYjz8cnNrRGyAhvIlKWOB3ZnGvfYV+vnv3ZRElSNL31nkA==",
+      "peerDependencies": {
+        "vega": "*",
+        "vega-lite": "*"
+      }
+    },
+    "node_modules/vega-time": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/vega-time/-/vega-time-2.1.1.tgz",
+      "integrity": "sha512-z1qbgyX0Af2kQSGFbApwBbX2meenGvsoX8Nga8uyWN8VIbiySo/xqizz1KrP6NbB6R+x5egKmkjdnyNThPeEWA==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "d3-time": "^3.1.0",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-tooltip": {
+      "version": "0.32.0",
+      "resolved": "https://registry.npmjs.org/vega-tooltip/-/vega-tooltip-0.32.0.tgz",
+      "integrity": "sha512-Sc4/vZsXDM9nOiHrxc8hfpc9lYc7Nr0FIYYkIi90v2d6IoE6thm6T4Exo2m7cMK4rwevwf6c4/FABwjOMIs4MQ==",
+      "dependencies": {
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-transforms": {
+      "version": "4.10.2",
+      "resolved": "https://registry.npmjs.org/vega-transforms/-/vega-transforms-4.10.2.tgz",
+      "integrity": "sha512-sJELfEuYQ238PRG+GOqQch8D69RYnJevYSGLsRGQD2LxNz3j+GlUX6Pid+gUEH5HJy22Q5L0vsTl2ZNhIr4teQ==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "vega-dataflow": "^5.7.5",
+        "vega-statistics": "^1.8.1",
+        "vega-time": "^2.1.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-typings": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/vega-typings/-/vega-typings-0.24.2.tgz",
+      "integrity": "sha512-fW02GElYoqweCCaPqH6iH44UZnzXiX9kbm1qyecjU3k5s0vtufLI7Yuz/a/uL37mEAqTMQplBBAlk0T9e2e1Dw==",
+      "dependencies": {
+        "@types/geojson": "7946.0.4",
+        "vega-event-selector": "^3.0.1",
+        "vega-expression": "^5.0.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-util": {
+      "version": "1.17.2",
+      "resolved": "https://registry.npmjs.org/vega-util/-/vega-util-1.17.2.tgz",
+      "integrity": "sha512-omNmGiZBdjm/jnHjZlywyYqafscDdHaELHx1q96n5UOz/FlO9JO99P4B3jZg391EFG8dqhWjQilSf2JH6F1mIw=="
+    },
+    "node_modules/vega-view": {
+      "version": "5.11.1",
+      "resolved": "https://registry.npmjs.org/vega-view/-/vega-view-5.11.1.tgz",
+      "integrity": "sha512-RoWxuoEMI7xVQJhPqNeLEHCezudsf3QkVMhH5tCovBqwBADQGqq9iWyax3ZzdyX1+P3eBgm7cnLvpqtN2hU8kA==",
+      "dependencies": {
+        "d3-array": "^3.2.2",
+        "d3-timer": "^3.0.1",
+        "vega-dataflow": "^5.7.5",
+        "vega-format": "^1.1.1",
+        "vega-functions": "^5.13.1",
+        "vega-runtime": "^6.1.4",
+        "vega-scenegraph": "^4.10.2",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-view-transforms": {
+      "version": "4.5.9",
+      "resolved": "https://registry.npmjs.org/vega-view-transforms/-/vega-view-transforms-4.5.9.tgz",
+      "integrity": "sha512-NxEq4ZD4QwWGRrl2yDLnBRXM9FgCI+vvYb3ZC2+nVDtkUxOlEIKZsMMw31op5GZpfClWLbjCT3mVvzO2xaTF+g==",
+      "dependencies": {
+        "vega-dataflow": "^5.7.5",
+        "vega-scenegraph": "^4.10.2",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-voronoi": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/vega-voronoi/-/vega-voronoi-4.2.1.tgz",
+      "integrity": "sha512-zzi+fxU/SBad4irdLLsG3yhZgXWZezraGYVQfZFWe8kl7W/EHUk+Eqk/eetn4bDeJ6ltQskX+UXH3OP5Vh0Q0Q==",
+      "dependencies": {
+        "d3-delaunay": "^6.0.2",
+        "vega-dataflow": "^5.7.5",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/vega-wordcloud": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/vega-wordcloud/-/vega-wordcloud-4.1.4.tgz",
+      "integrity": "sha512-oeZLlnjiusLAU5vhk0IIdT5QEiJE0x6cYoGNq1th+EbwgQp153t4r026fcib9oq15glHFOzf81a8hHXHSJm1Jw==",
+      "dependencies": {
+        "vega-canvas": "^1.2.7",
+        "vega-dataflow": "^5.7.5",
+        "vega-scale": "^7.3.0",
+        "vega-statistics": "^1.8.1",
+        "vega-util": "^1.17.1"
+      }
+    },
+    "node_modules/watchpack": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
+      "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
+      "dev": true,
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/wbuf": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz",
+      "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
+      "dev": true,
+      "dependencies": {
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
+    },
+    "node_modules/webpack": {
+      "version": "5.88.2",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.88.2.tgz",
+      "integrity": "sha512-JmcgNZ1iKj+aiR0OvTYtWQqJwq37Pf683dY9bVORwVbUrDhLhdn/PlO2sHsFHPkj7sHNQF3JwaAkp49V+Sq1tQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.3",
+        "@types/estree": "^1.0.0",
+        "@webassemblyjs/ast": "^1.11.5",
+        "@webassemblyjs/wasm-edit": "^1.11.5",
+        "@webassemblyjs/wasm-parser": "^1.11.5",
+        "acorn": "^8.7.1",
+        "acorn-import-assertions": "^1.9.0",
+        "browserslist": "^4.14.5",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.15.0",
+        "es-module-lexer": "^1.2.1",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.9",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^3.2.0",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.3.7",
+        "watchpack": "^2.4.0",
+        "webpack-sources": "^3.2.3"
+      },
+      "bin": {
+        "webpack": "bin/webpack.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-bundle-analyzer": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.9.1.tgz",
+      "integrity": "sha512-jnd6EoYrf9yMxCyYDPj8eutJvtjQNp8PHmni/e/ulydHBWhT5J3menXt3HEkScsu9YqMAcG4CfFjs3rj5pVU1w==",
+      "dev": true,
+      "dependencies": {
+        "@discoveryjs/json-ext": "0.5.7",
+        "acorn": "^8.0.4",
+        "acorn-walk": "^8.0.0",
+        "commander": "^7.2.0",
+        "escape-string-regexp": "^4.0.0",
+        "gzip-size": "^6.0.0",
+        "is-plain-object": "^5.0.0",
+        "lodash.debounce": "^4.0.8",
+        "lodash.escape": "^4.0.1",
+        "lodash.flatten": "^4.4.0",
+        "lodash.invokemap": "^4.6.0",
+        "lodash.pullall": "^4.2.0",
+        "lodash.uniqby": "^4.7.0",
+        "opener": "^1.5.2",
+        "picocolors": "^1.0.0",
+        "sirv": "^2.0.3",
+        "ws": "^7.3.1"
+      },
+      "bin": {
+        "webpack-bundle-analyzer": "lib/bin/analyzer.js"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/webpack-bundle-analyzer/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/webpack-bundle-analyzer/node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/webpack-cli": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-5.1.4.tgz",
+      "integrity": "sha512-pIDJHIEI9LR0yxHXQ+Qh95k2EvXpWzZ5l+d+jIo+RdSm9MiHfzazIxwwni/p7+x4eJZuvG1AJwgC4TNQ7NRgsg==",
+      "dev": true,
+      "dependencies": {
+        "@discoveryjs/json-ext": "^0.5.0",
+        "@webpack-cli/configtest": "^2.1.1",
+        "@webpack-cli/info": "^2.0.2",
+        "@webpack-cli/serve": "^2.0.5",
+        "colorette": "^2.0.14",
+        "commander": "^10.0.1",
+        "cross-spawn": "^7.0.3",
+        "envinfo": "^7.7.3",
+        "fastest-levenshtein": "^1.0.12",
+        "import-local": "^3.0.2",
+        "interpret": "^3.1.1",
+        "rechoir": "^0.8.0",
+        "webpack-merge": "^5.7.3"
+      },
+      "bin": {
+        "webpack-cli": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "5.x.x"
+      },
+      "peerDependenciesMeta": {
+        "@webpack-cli/generators": {
+          "optional": true
+        },
+        "webpack-bundle-analyzer": {
+          "optional": true
+        },
+        "webpack-dev-server": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-cli/node_modules/commander": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
+      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/webpack-dev-middleware": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz",
+      "integrity": "sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA==",
+      "dev": true,
+      "dependencies": {
+        "colorette": "^2.0.10",
+        "memfs": "^3.4.3",
+        "mime-types": "^2.1.31",
+        "range-parser": "^1.2.1",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^4.0.0 || ^5.0.0"
+      }
+    },
+    "node_modules/webpack-dev-server": {
+      "version": "4.15.1",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.15.1.tgz",
+      "integrity": "sha512-5hbAst3h3C3L8w6W4P96L5vaV0PxSmJhxZvWKYIdgxOQm8pNZ5dEOmmSLBVpP85ReeyRt6AS1QJNyo/oFFPeVA==",
+      "dev": true,
+      "dependencies": {
+        "@types/bonjour": "^3.5.9",
+        "@types/connect-history-api-fallback": "^1.3.5",
+        "@types/express": "^4.17.13",
+        "@types/serve-index": "^1.9.1",
+        "@types/serve-static": "^1.13.10",
+        "@types/sockjs": "^0.3.33",
+        "@types/ws": "^8.5.5",
+        "ansi-html-community": "^0.0.8",
+        "bonjour-service": "^1.0.11",
+        "chokidar": "^3.5.3",
+        "colorette": "^2.0.10",
+        "compression": "^1.7.4",
+        "connect-history-api-fallback": "^2.0.0",
+        "default-gateway": "^6.0.3",
+        "express": "^4.17.3",
+        "graceful-fs": "^4.2.6",
+        "html-entities": "^2.3.2",
+        "http-proxy-middleware": "^2.0.3",
+        "ipaddr.js": "^2.0.1",
+        "launch-editor": "^2.6.0",
+        "open": "^8.0.9",
+        "p-retry": "^4.5.0",
+        "rimraf": "^3.0.2",
+        "schema-utils": "^4.0.0",
+        "selfsigned": "^2.1.1",
+        "serve-index": "^1.9.1",
+        "sockjs": "^0.3.24",
+        "spdy": "^4.0.2",
+        "webpack-dev-middleware": "^5.3.1",
+        "ws": "^8.13.0"
+      },
+      "bin": {
+        "webpack-dev-server": "bin/webpack-dev-server.js"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^4.37.0 || ^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "webpack": {
+          "optional": true
+        },
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/ipaddr.js": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.1.0.tgz",
+      "integrity": "sha512-LlbxQ7xKzfBusov6UMi4MFpEg0m+mAm9xyNGEduwXMEDuf4WfzB/RZwMVYEd7IKGvh4IUkEXYxtAVu9T3OelJQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/ws": {
+      "version": "8.14.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.14.1.tgz",
+      "integrity": "sha512-4OOseMUq8AzRBI/7SLMUwO+FEDnguetSk7KMb1sHwvF2w2Wv5Hoj0nlifx8vtGsftE/jWHojPy8sMMzYLJ2G/A==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-merge": {
+      "version": "5.9.0",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.9.0.tgz",
+      "integrity": "sha512-6NbRQw4+Sy50vYNTw7EyOn41OZItPiXB8GNv3INSoe3PSFaHJEz3SHTrYVaRm2LilNGnFUzh0FAwqPEmU/CwDg==",
+      "dev": true,
+      "dependencies": {
+        "clone-deep": "^4.0.1",
+        "wildcard": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/webpack-sources": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
+      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack/node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/webpack/node_modules/ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "dev": true,
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
+    "node_modules/webpack/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "node_modules/webpack/node_modules/schema-utils": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/websocket-driver": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
+      "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==",
+      "dev": true,
+      "dependencies": {
+        "http-parser-js": ">=0.5.1",
+        "safe-buffer": ">=5.1.0",
+        "websocket-extensions": ">=0.1.1"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/websocket-extensions": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz",
+      "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/wildcard": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz",
+      "integrity": "sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ==",
+      "dev": true
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "peer": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "peer": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "peer": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "peer": true
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true
+    },
+    "node_modules/ws": {
+      "version": "7.5.9",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
+      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.3.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": "^5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "peer": true,
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz",
+      "integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    }
+  }
+}
diff --git a/packages/web-new/package.json b/packages/web-new/package.json
new file mode 100644
index 000000000..dd89fd07c
--- /dev/null
+++ b/packages/web-new/package.json
@@ -0,0 +1,54 @@
+{
+  "name": "@thing-description-playground/web-new",
+  "author": "Eclipse Thingweb <thingweb-dev@eclipse.org> (https://thingweb.io/)",
+  "license": "EPL-2.0 OR W3C-20150513",
+  "version": "1.0.0",
+  "description": "New design for the browser GUI for the Web of Things - Thing Description Playground",
+  "homepage": "https://github.com/eclipse-thingweb/playground#readme",
+  "bugs": {
+    "url": "https://github.com/eclipse-thingweb/playground/issues"
+  },
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/eclipse-thingweb/playground.git",
+    "directory": "packages/web-new"
+  },
+  "scripts": {
+    "build": "node external-scripts/generate-paths.js && webpack --mode production",
+    "dev": "webpack serve --mode development",
+    "serve": "node server/server.js",
+    "examples": "node external-scripts/generate-paths.js"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.22.9",
+    "@babel/preset-env": "^7.22.9",
+    "babel-loader": "^9.1.3",
+    "copy-webpack-plugin": "^11.0.0",
+    "css-loader": "^6.8.1",
+    "css-minimizer-webpack-plugin": "^5.0.1",
+    "html-webpack-plugin": "^5.5.3",
+    "json-loader": "^0.5.7",
+    "mini-css-extract-plugin": "^2.7.6",
+    "monaco-editor-webpack-plugin": "^7.1.0",
+    "nodemon": "^3.0.1",
+    "sass": "^1.64.0",
+    "sass-loader": "^13.3.2",
+    "style-loader": "^3.3.3",
+    "webpack": "^5.88.2",
+    "webpack-bundle-analyzer": "^4.9.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1"
+  },
+  "dependencies": {
+    "d3": "^3.5.17",
+    "d3-tip": "^0.6.7",
+    "express": "^4.18.2",
+    "monaco-editor": "^0.40.0",
+    "papaparse": "^5.4.1",
+    "string-direction": "^0.1.2",
+    "svg-crowbar": "^0.7.0",
+    "vega": "^5.22.1",
+    "vega-embed": "^6.21.0"
+  }
+}
\ No newline at end of file
diff --git a/packages/web-new/server/server.js b/packages/web-new/server/server.js
new file mode 100644
index 000000000..43b066e46
--- /dev/null
+++ b/packages/web-new/server/server.js
@@ -0,0 +1,27 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+const express = require('express')
+const port = 5000
+
+const app = express()
+
+//Middleware
+app.use(express.json())
+app.use(express.urlencoded({extended: false}))
+
+app.use('/', express.static('./dist/'))
+
+app.listen(port, () => console.log(`Server started on port ${port}`))
\ No newline at end of file
diff --git a/packages/web-new/src/assets/favicon/android-chrome-192x192.png b/packages/web-new/src/assets/favicon/android-chrome-192x192.png
new file mode 100644
index 000000000..4744e88c2
Binary files /dev/null and b/packages/web-new/src/assets/favicon/android-chrome-192x192.png differ
diff --git a/packages/web-new/src/assets/favicon/android-chrome-384x384.png b/packages/web-new/src/assets/favicon/android-chrome-384x384.png
new file mode 100644
index 000000000..66ade4aee
Binary files /dev/null and b/packages/web-new/src/assets/favicon/android-chrome-384x384.png differ
diff --git a/packages/web-new/src/assets/favicon/apple-touch-icon.png b/packages/web-new/src/assets/favicon/apple-touch-icon.png
new file mode 100644
index 000000000..d26f7c422
Binary files /dev/null and b/packages/web-new/src/assets/favicon/apple-touch-icon.png differ
diff --git a/packages/web-new/src/assets/favicon/browserconfig.xml b/packages/web-new/src/assets/favicon/browserconfig.xml
new file mode 100644
index 000000000..35726c365
--- /dev/null
+++ b/packages/web-new/src/assets/favicon/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#33b8a4</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/packages/web-new/src/assets/favicon/favicon-16x16.png b/packages/web-new/src/assets/favicon/favicon-16x16.png
new file mode 100644
index 000000000..2d97231c6
Binary files /dev/null and b/packages/web-new/src/assets/favicon/favicon-16x16.png differ
diff --git a/packages/web-new/src/assets/favicon/favicon-32x32.png b/packages/web-new/src/assets/favicon/favicon-32x32.png
new file mode 100644
index 000000000..35f9eefa7
Binary files /dev/null and b/packages/web-new/src/assets/favicon/favicon-32x32.png differ
diff --git a/packages/web-new/src/assets/favicon/favicon.ico b/packages/web-new/src/assets/favicon/favicon.ico
new file mode 100644
index 000000000..fabf387f7
Binary files /dev/null and b/packages/web-new/src/assets/favicon/favicon.ico differ
diff --git a/packages/web-new/src/assets/favicon/mstile-150x150.png b/packages/web-new/src/assets/favicon/mstile-150x150.png
new file mode 100644
index 000000000..eac527946
Binary files /dev/null and b/packages/web-new/src/assets/favicon/mstile-150x150.png differ
diff --git a/packages/web-new/src/assets/favicon/safari-pinned-tab.svg b/packages/web-new/src/assets/favicon/safari-pinned-tab.svg
new file mode 100644
index 000000000..b28c8f526
--- /dev/null
+++ b/packages/web-new/src/assets/favicon/safari-pinned-tab.svg
@@ -0,0 +1,88 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="393.000000pt" height="393.000000pt" viewBox="0 0 393.000000 393.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,393.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1465 3568 c-3 -13 -13 -59 -23 -103 l-18 -79 -94 -23 c-52 -12 -100
+-22 -106 -23 -6 0 -39 36 -73 80 -34 44 -63 80 -65 80 -3 0 -300 -140 -303
+-144 -1 -1 10 -48 24 -104 14 -57 24 -104 22 -105 -2 -1 -38 -31 -81 -65 -42
+-34 -82 -62 -90 -61 -7 0 -51 19 -98 43 l-84 43 -103 -129 c-57 -71 -103 -132
+-103 -136 0 -4 29 -41 65 -84 l64 -76 -44 -96 -45 -95 -107 -3 -106 -3 -33
+-145 c-18 -80 -33 -155 -33 -166 -1 -17 17 -29 94 -65 l95 -43 0 -106 0 -107
+-92 -43 c-51 -23 -95 -44 -96 -46 -5 -3 67 -315 75 -327 3 -6 49 -7 108 -3
+l102 7 46 -96 c26 -53 44 -102 40 -108 -4 -7 -33 -45 -65 -84 l-59 -73 106
+-130 c58 -71 108 -130 110 -130 3 0 47 21 99 47 l93 46 55 -44 c30 -24 67 -53
+83 -64 l27 -20 -21 -88 c-24 -103 -26 -123 -8 -130 6 -3 74 -35 149 -71 l138
+-65 62 82 c34 45 63 84 65 86 1 2 27 -1 55 -7 29 -7 76 -17 104 -22 l51 -11
+24 -105 23 -104 88 0 88 0 0 295 0 295 -59 0 c-74 0 -214 24 -294 51 -283 94
+-532 330 -638 604 -94 242 -92 532 4 768 71 174 225 365 376 467 147 99 337
+164 517 176 l94 7 0 288 0 289 -100 0 c-95 0 -100 -1 -105 -22z"/>
+<path d="M1740 3283 l0 -290 98 -6 c355 -22 680 -240 847 -567 16 -30 43 -100
+60 -155 l32 -100 501 3 500 4 31 -23 c26 -19 34 -21 56 -11 38 18 51 60 27 91
+-25 34 -58 38 -93 12 -28 -21 -37 -21 -502 -21 l-474 0 -33 92 c-40 116 -74
+183 -141 278 -176 250 -448 411 -760 451 l-89 12 0 99 0 100 64 -7 c35 -3 86
+-13 113 -21 26 -8 66 -17 88 -20 22 -3 80 -18 129 -35 310 -104 568 -336 700
+-630 l39 -86 225 -6 c181 -5 228 -10 242 -22 23 -21 73 -19 93 3 52 58 -26
+135 -89 87 -15 -11 -60 -14 -224 -15 l-205 0 -35 78 c-133 297 -428 555 -745
+652 -38 12 -97 30 -130 40 -51 16 -224 50 -255 50 -6 0 -10 40 -10 101 l0 100
+43 -5 c23 -3 73 -8 111 -12 147 -13 424 -95 561 -165 170 -87 294 -196 393
+-348 57 -86 61 -95 56 -135 -7 -50 12 -76 55 -76 58 0 83 73 36 107 -14 10
+-47 53 -73 97 -142 236 -347 389 -655 491 -181 60 -308 85 -459 92 l-128 6 0
+-290z"/>
+<path d="M1740 1970 l0 -933 92 8 c366 28 672 245 808 573 101 241 91 531 -26
+765 -69 137 -187 274 -306 356 -133 90 -306 148 -470 158 l-98 6 0 -933z m345
+799 c45 -17 116 -52 156 -78 75 -49 189 -151 189 -169 0 -8 -146 -82 -162 -82
+-3 0 -26 33 -51 73 -58 92 -142 185 -226 249 l-66 51 39 -7 c21 -4 76 -21 121
+-37z m-194 -30 c80 -51 212 -186 261 -266 l37 -61 -57 -11 c-75 -16 -240 -26
+-286 -17 l-36 7 0 194 c0 107 4 195 8 195 5 0 38 -19 73 -41z m670 -417 c34
+-75 57 -158 68 -248 l7 -65 -130 3 -131 3 -3 35 c-4 66 -23 155 -49 235 -14
+43 -22 80 -17 82 5 2 47 23 94 47 l85 43 23 -36 c13 -20 37 -64 53 -99z m-313
+-51 c18 -50 52 -216 52 -253 0 -5 -110 -8 -245 -8 l-245 0 0 148 0 147 138 2
+c83 1 159 7 192 16 30 8 62 14 70 13 9 -1 24 -28 38 -65z m47 -398 c-8 -87
+-28 -174 -55 -247 -17 -45 -25 -56 -38 -51 -70 27 -200 57 -267 61 -138 9
+-125 -8 -125 159 l0 145 246 0 246 0 -7 -67z m338 20 c-13 -136 -90 -339 -160
+-421 l-28 -33 -69 45 c-38 25 -73 47 -79 49 -5 1 4 41 21 87 27 79 43 151 57
+273 l6 47 128 0 129 0 -5 -47z m-564 -359 c52 -13 99 -28 104 -33 12 -12 -55
+-111 -128 -189 -49 -53 -179 -152 -219 -168 -14 -6 -16 16 -16 211 l0 217 83
+-7 c45 -4 124 -18 176 -31z m273 -120 c27 -16 48 -32 48 -36 0 -11 -91 -87
+-155 -129 -56 -37 -174 -88 -239 -103 -24 -6 -18 1 33 44 65 54 163 171 202
+239 21 38 24 40 43 28 12 -7 42 -26 68 -43z"/>
+<path d="M1525 2881 l-30 -6 -3 -116 -3 -116 36 -36 c44 -44 48 -91 9 -136
+-35 -42 -98 -44 -138 -5 -37 37 -37 101 0 138 15 14 31 26 35 26 5 0 9 52 9
+116 l0 117 -30 -7 c-58 -11 -183 -69 -258 -119 -140 -94 -258 -231 -328 -381
+-36 -80 -74 -205 -74 -248 l0 -28 190 0 c276 0 280 -3 280 -228 l0 -139 27
+-14 c14 -8 32 -28 39 -44 41 -100 -81 -182 -157 -106 -43 43 -40 92 7 139 l35
+35 -3 132 c-2 93 -7 137 -17 148 -12 15 -40 17 -214 17 l-200 0 5 -109 c3 -60
+9 -114 12 -120 4 -6 32 -11 62 -11 50 0 58 3 88 35 43 46 91 48 137 7 34 -30
+42 -79 20 -121 -12 -22 -60 -51 -86 -51 -28 0 -70 27 -85 55 -13 23 -19 26
+-64 23 -47 -3 -51 -5 -48 -26 5 -34 55 -152 86 -200 l26 -42 201 0 c296 0 299
+-2 299 -234 l0 -144 69 -16 c39 -9 75 -16 80 -16 8 0 11 88 11 270 0 257 -1
+271 -20 290 -13 13 -33 20 -60 20 -23 0 -54 7 -70 15 -52 27 -60 58 -60 223 0
+146 0 149 -24 161 -53 29 -62 107 -17 152 64 63 161 23 161 -67 0 -34 -6 -48
+-30 -71 l-30 -28 0 -151 c0 -109 3 -154 13 -161 6 -6 36 -13 66 -16 29 -4 65
+-14 78 -22 48 -32 53 -63 53 -355 l0 -271 23 3 22 3 3 628 2 627 -220 0 c-147
+0 -220 -3 -220 -10 0 -21 -53 -60 -82 -60 -134 0 -142 190 -8 194 35 1 47 -4
+71 -32 l29 -32 215 0 215 0 0 265 0 265 -52 -1 c-29 -1 -66 -4 -83 -8z"/>
+<path d="M3516 1995 c-12 -13 -67 -15 -369 -15 l-354 0 -6 -92 c-35 -503 -446
+-906 -962 -944 l-98 -7 6 -186 c4 -102 7 -233 7 -290 l0 -104 133 6 c156 7
+280 32 464 92 308 102 513 255 655 491 26 44 59 87 73 97 48 34 22 107 -38
+107 -41 0 -60 -27 -53 -76 5 -40 1 -49 -56 -135 -162 -248 -394 -390 -788
+-484 -81 -19 -272 -45 -332 -45 -5 0 -8 44 -8 98 l0 98 113 17 c61 10 139 26
+172 37 33 10 92 28 130 40 249 77 501 263 648 480 54 81 186 352 192 395 10
+76 9 75 109 75 64 -1 97 -5 110 -15 27 -20 70 -19 89 3 22 24 21 65 -1 85 -23
+21 -75 22 -92 2 -9 -10 -33 -15 -79 -16 -36 0 -88 -4 -115 -7 -49 -7 -49 -7
+-68 -62 -11 -30 -23 -72 -29 -92 -16 -65 -115 -264 -171 -344 -139 -201 -356
+-364 -594 -443 -49 -17 -107 -32 -129 -35 -22 -3 -62 -12 -90 -20 -27 -9 -83
+-19 -122 -22 l-73 -7 0 107 0 106 49 0 c110 0 287 48 416 113 139 69 288 196
+385 327 101 137 178 330 200 502 5 46 10 86 10 91 0 14 649 4 658 -10 14 -22
+57 -32 83 -19 60 30 41 116 -26 116 -18 0 -40 -7 -49 -15z"/>
+<path d="M940 1392 c0 -13 150 -155 200 -189 59 -40 165 -93 186 -93 14 0 15
+16 12 131 -3 116 -5 132 -22 145 -15 11 -60 14 -198 14 -98 0 -178 -4 -178 -8z"/>
+</g>
+</svg>
diff --git a/packages/web-new/src/assets/favicon/site.webmanifest b/packages/web-new/src/assets/favicon/site.webmanifest
new file mode 100644
index 000000000..b5d674038
--- /dev/null
+++ b/packages/web-new/src/assets/favicon/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "TD Playground",
+    "short_name": "TD Playground",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#33b8a4",
+    "background_color": "#33b8a4",
+    "display": "standalone"
+}
diff --git a/packages/web-new/src/examples-paths/examples-paths.json b/packages/web-new/src/examples-paths/examples-paths.json
new file mode 100644
index 000000000..3d3321bec
--- /dev/null
+++ b/packages/web-new/src/examples-paths/examples-paths.json
@@ -0,0 +1,546 @@
+{
+  "td": {
+    "1-simple-default": {
+      "description": "This category contains multiple simple/basic examples of Thing Description as well as its most basic components.",
+      "examples": {
+        "basic-td.td.jsonld": {
+          "title": "Basic TD",
+          "description": "This is an example of the most basic form of a td.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/1-simple-default/basic-td.td.jsonld"
+        },
+        "contentMedia-&-contentEncoding.td.jsonld": {
+          "title": "contentMedia and contentEncoding",
+          "description": "In some cases binary data is embedded in text-based values, e.g., a JSON string-based value embeds a base64 encoded image. The terms contentMediaType and contentEncoding can be used to clarify the context and encoding format of such name-value pairs.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/1-simple-default/contentMedia-&-contentEncoding.td.jsonld"
+        },
+        "contentType.td.jsonld": {
+          "title": "contentType",
+          "description": "The contentType member is used to assign a media type [RFC2046] including media type parameters as attribute-value pairs separated by a ; character.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/1-simple-default/contentType.td.jsonld"
+        },
+        "defaults.td.jsonld": {
+          "title": "All Default Values",
+          "description": "A basic TD with all default values.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/1-simple-default/defaults.td.jsonld"
+        },
+        "form-serialization.td.jsonld": {
+          "title": "Form Serialization",
+          "description": "This is an example for proper form serialization.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/1-simple-default/form-serialization.td.jsonld"
+        },
+        "simple-context.td.jsonld": {
+          "title": "@context",
+          "description": "A member with the name @context and a value of type string is generally used to identify the TD representation format version defined by this specification.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/1-simple-default/simple-context.td.jsonld"
+        }
+      }
+    },
+    "2-properties": {
+      "description": "This category contains various examples concerning the \"properties\" interaction affordance.",
+      "examples": {
+        "properties-serializations.td.jsonld": {
+          "title": "Properties Serialization",
+          "description": "All name-value pairs of a map of PropertyAffordance instances MUST be serialized as members of the JSON object that results from serializing the Map.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/2-properties/properties-serializations.td.jsonld"
+        },
+        "readOnly.td.jsonld": {
+          "title": "readOnly",
+          "description": "readOnly can be used to signal which data items are exchanged in read interactions (i.e., when reading a Property).",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/2-properties/readOnly.td.jsonld"
+        },
+        "writeOnly.td.jsonld": {
+          "title": "writeOnly",
+          "description": "writeOnly can be used to signal which data items are exchanged in write interactions (i.e., when writing a Property).",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/2-properties/writeOnly.td.jsonld"
+        }
+      }
+    },
+    "3-actions": {
+      "description": "This category contains various examples concerning the \"actions\" interaction affordance.",
+      "examples": {
+        "action-serialization.td.jsonld": {
+          "title": "Action Serialization",
+          "description": "All name-value pairs of a Map of ActionAffordance instances MUST be serialized as members of the JSON object that results from serializing the Map.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/3-actions/action-serialization.td.jsonld"
+        },
+        "response.td.jsonld": {
+          "title": "Action Response",
+          "description": "In some use cases, the form metadata of the Interaction Affordance not only describes the request, but also provides metadata for the expected response. The response must be a JSON object and contain a contentType.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/3-actions/response.td.jsonld"
+        }
+      }
+    },
+    "4-events": {
+      "description": "This category contains various examples concerning the \"events\" interaction affordance.",
+      "examples": {
+        "event-serialization.td.jsonld": {
+          "title": "Event Serialization",
+          "description": "All name-value pairs of a Map of EventAffordance instances MUST be serialized as members of the JSON object that results from serializing the Map.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/4-events/event-serialization.td.jsonld"
+        }
+      }
+    },
+    "5-protocols": {
+      "description": "This category contains various examples concerning the different types of protocols that can be used with Thing Descriptions such as HTTP, Modbus, CoAP, etc.",
+      "examples": {
+        "CoAP-block-wise-no-parameters.td.jsonld": {
+          "title": "CoAP Block Wise No Parameters",
+          "description": "CoAP supports block-wise transfers to allow large resource representations to be transferred between clients and servers. This feature enables clients and servers to request or provide resource representations in smaller blocks, which can be useful when constrained network conditions make it undesirable to transfer large amounts of data at once.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/5-protocols/CoAP-block-wise-no-parameters.td.jsonld"
+        },
+        "CoAP-block-wise-parameters.td.jsonld": {
+          "title": "CoAP Block Wise Parameters",
+          "description": "A cov:blockwise or cov:quickblockwise member may indicate relevant parameters, such as the largest block size that may be used in a Block2 Option.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/5-protocols/CoAP-block-wise-parameters.td.jsonld"
+        },
+        "CoAP-content-negotiation.td.jsonld": {
+          "title": "CoAP Content Negotiation",
+          "description": "Content negotiation in CoAP is used to negotiate the representation of CoAP resources that may have different representations available. This is accomplished  through the use of CoAP Accept and Content-Format options. The CoAP Accept option is used by clients to request a particular content format, while the Content-Format option is used by clients and servers to indicate the content format of the representation in requests and responses, respectively.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/5-protocols/CoAP-content-negotiation.td.jsonld"
+        },
+        "CoAP-hop-limit.td.jsonld": {
+          "title": "CoAP Hop Limit",
+          "description": "The CoAP Hop-Limit option [RFC8768] limits the number of hops a CoAP message can take before it is considered undeliverable. This prevents infinite message loops in CoAP networks. The cov:hopLimit member can be used to set the desired hop limit for a particular CoAP request.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/5-protocols/CoAP-hop-limit.td.jsonld"
+        },
+        "CoAP-observing-resources.td.jsonld": {
+          "title": "CoAP Observing Resources",
+          "description": "CoAP provides a mechanism for clients to *observe* resources [RFC7641], i.e., to request notifications from the server whenever the resource changes. This is especially useful in the Web of Things where many Things are expected to have resources that change over time, such as sensor readings.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/5-protocols/CoAP-observing-resources.td.jsonld"
+        },
+        "CoAP-simple-td-defaults.td.jsonld": {
+          "title": "CoAP Simple Defaults",
+          "description": "A simple Thing Description using CoAP. The target resource is specified in the Thing Description by the href member of a form and the request method (e.g., GET, PUT, POST, or DELETE) is specified using the cov:method member of a form.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/5-protocols/CoAP-simple-td-defaults.td.jsonld"
+        },
+        "CoAP-simple-td-no-defaults.td.jsonld": {
+          "title": "CoAP Simple No Defaults",
+          "description": "A simple Thing Description using CoAP. The target resource is specified in the Thing Description by the href member of a form and the request method (e.g., GET, PUT, POST, or DELETE) is specified using the cov:method member of a form.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/5-protocols/CoAP-simple-td-no-defaults.td.jsonld"
+        },
+        "extended-forms-multiple-op.td.jsonld": {
+          "title": "Extended Forms Multiple op",
+          "description": "In the case of a forms entry that has multiple op values the usage of the htv:methodName is not permitted. A TD Processor will extend the multiple op values to separate forms entries and associates a single operation with the default assumption.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/5-protocols/extended-forms-multiple-op.td.jsonld"
+        },
+        "HTTP-readproperty.td.jsonld": {
+          "title": "HTTP readproperty",
+          "description": "This example shows the binding of the readproperty operation for the HTTP.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/5-protocols/HTTP-readproperty.td.jsonld"
+        },
+        "HTTP-simple-td-defaults.td.jsonld": {
+          "title": "HTTP Simple with Defaults",
+          "description": "This example shows the default values for Procol Binding based on HTTP.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/5-protocols/HTTP-simple-td-defaults.td.jsonld"
+        },
+        "Modbus-multiple-operations-expanded.td.jsonld": {
+          "title": "Modbus Multiple Operations Expanded",
+          "description": "This is an example of an extended version when using multiple operations with Modbus.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/5-protocols/Modbus-multiple-operations-expanded.td.jsonld"
+        },
+        "Modbus-multiple-operations.td.jsonld": {
+          "title": "Modbus Multiple Operations",
+          "description": "To describe forms with multiple operations types, the Entity keyword can be used to create a short description of the modbus endpoint. This example shows how to use the read and write property in a single coil.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/5-protocols/Modbus-multiple-operations.td.jsonld"
+        },
+        "Modbus-single-coil.td.jsonld": {
+          "title": "Modbus Single Coil",
+          "description": "This example shows the minimal set of terms to configure a single coil reading using Modbus. Notice that the unitID is contained in the href as the first element of the path.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/5-protocols/Modbus-single-coil.td.jsonld"
+        },
+        "subprotocol-longpoll.td.jsonld": {
+          "title": "Subprotocol Longpoll",
+          "description": "protocols may have defined Subprotocols that can be used for some interaction types. For example, to receive asynchronous notifications using HTTP, some servers may support long polling.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/5-protocols/subprotocol-longpoll.td.jsonld"
+        }
+      }
+    },
+    "6-security-schemas": {
+      "description": "This category contains various examples concerning the different types of security schemas that could/should be used for a Thing Description, as well as the different ways to combine multiple security schemes.",
+      "examples": {
+        "apikey-in-body-simplified.td.jsonld": {
+          "title": "Apikey In Body Simplified",
+          "description": "It is possbile to simplify how security parameters are included in the payload by using the feature that the location referenced by a JSON pointer in a body location will be automatically inserted if it does not exist.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/6-security-schemas/apikey-in-body-simplified.td.jsonld"
+        },
+        "apikey-in-body.td.jsonld": {
+          "title": "Apikey In Body",
+          "description": "This in an example on how to include security parameters along with the payload.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/6-security-schemas/apikey-in-body.td.jsonld"
+        },
+        "apikey-security.td.jsonld": {
+          "title": "Apikey Security",
+          "description": "API key can be included in the request to the Thing in different ways. One way it can be used, is as a URI template where the API key should be replaced in the URI when sending an HTTPS request.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/6-security-schemas/apikey-security.td.jsonld"
+        },
+        "basic-security.td.jsonld": {
+          "title": "Basic Security",
+          "description": "A simple security configuration specifying basic username/password authentication in the header.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/6-security-schemas/basic-security.td.jsonld"
+        },
+        "combo-apikey-security.td.jsonld": {
+          "title": "Combo Apikey Security",
+          "description": "Multiple intances of API security schemes are also possible. These must then be used in the href in in a Form where the security scheme is active.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/6-security-schemas/combo-apikey-security.td.jsonld"
+        },
+        "combo-security-def-allOf.td.jsonld": {
+          "title": "Combo Security allOf",
+          "description": "TDs can specify a combination of security schemes. A ComboSecurityScheme with allOf can be used to specify that all need to be satisfied to allow activation of the Interaction Affordance.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/6-security-schemas/combo-security-def-allOf.td.jsonld"
+        },
+        "combo-security-def-oneOf.td.jsonld": {
+          "title": "Combo Security oneOf",
+          "description": "TDs can specify a combination of security schemes. To avoid redundancy in this case, e.g. repeating the details of the form elements, a ComboSecurityScheme with oneOf can be used instead.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/6-security-schemas/combo-security-def-oneOf.td.jsonld"
+        },
+        "multiple-security-def.td.jsonld": {
+          "title": "Multiple Security Definitions",
+          "description": "A TD can also have multiple security definitions.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/6-security-schemas/multiple-security-def.td.jsonld"
+        },
+        "multiple-security-forms.td.jsonld": {
+          "title": "Multiple Security Forms",
+          "description": "Security configurations can also be specified for different forms within the same Interaction Affordance.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/6-security-schemas/multiple-security-forms.td.jsonld"
+        },
+        "noSec-security.td.jsonld": {
+          "title": "noSec Security",
+          "description": "Security configuration in the TD is mandatory, therefore the nosec security scheme is provided for the case that no security is needed.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/6-security-schemas/noSec-security.td.jsonld"
+        },
+        "OAuth2-scopes.td.jsonld": {
+          "title": "OAuth2 Scopes",
+          "description": "OAuth 2.0 makes use of scopes. These are identifiers that may appear in tokens and must match with corresponding identifiers in a resource to allow access to that resource.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/6-security-schemas/OAuth2-scopes.td.jsonld"
+        }
+      }
+    },
+    "7-complex-data-schemas": {
+      "description": "This category contains various examples of Thing Descriptions with more complex data schemas.",
+      "examples": {
+        "data-schema-serialization.td.jsonld": {
+          "title": "Data Schema Serialization",
+          "description": "Data schema serialization applies to PropertyAffordance instances, the values assigned to input and output in ActionAffordance instances, the values assigned to subscription, data, and cancellation in EventAffordance instances, and the value assigned to uriVariables in instances of Subclasses of InteractionAffordance.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/7-complex-data-schemas/data-schema-serialization.td.jsonld"
+        },
+        "readOnly-&-writeOnly.td.jsonld": {
+          "title": "readOnly And writeOnly",
+          "description": "Data schema serialization applies to PropertyAffordance instances, the values assigned to input and output in ActionAffordance instances, the values assigned to subscription, data, and cancellation in EventAffordance instances, and the value assigned to uriVariables in instances of Subclasses of InteractionAffordance.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/7-complex-data-schemas/readOnly-&-writeOnly.td.jsonld"
+        }
+      }
+    },
+    "8-meta-interactions": {
+      "description": "This category contains various examples of meta interactions that can be used in Thing Descriptions such as readallproperties, writeallproperties, etc.",
+      "examples": {
+        "readallproperties.td.jsonld": {
+          "title": "Readallproperties",
+          "description": "When forms are present at the top level, it can be used to describe meta interactions offered by a Thing. readallproperties is a type of meta interaction which allows the consumer to read all properties at once.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/8-meta-interactions/readallproperties.td.jsonld"
+        },
+        "top-level-uriVariables.td.jsonld": {
+          "title": "Top Level uriVariables",
+          "description": "Thing-level uriVariables can be used here to supply further variables to the operation or to specify a list of Property Affordance names for a readmultipleproperties operation.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/8-meta-interactions/top-level-uriVariables.td.jsonld"
+        },
+        "writeallproperties.td.jsonld": {
+          "title": "Writeallproperties",
+          "description": "When forms is present at the top level, it can be used to describe meta interactions offered by a Thing. writeallproperties is a type of meta interaction which allows the consumer to write all properties at once.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/8-meta-interactions/writeallproperties.td.jsonld"
+        }
+      }
+    },
+    "9-versioning": {
+      "description": "This category contains examples that show how to manage versioning on Thing Descriptions.",
+      "examples": {
+        "versioning.td.jsonld": {
+          "title": "Versioning",
+          "description": "The version member is intended as container for additional application- and/or device-specific version information based on TD Context Extensions.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/9-versioning/versioning.td.jsonld"
+        }
+      }
+    },
+    "10-response-and-additional-response": {
+      "description": "This category contains examples that show how an interaction affordance can provide additonal metadata as a response.",
+      "examples": {
+        "additional-responses.td.jsonld": {
+          "title": "Additional Responses",
+          "description": "The message received from the Thing as part of an Interaction Affordance can differ due to different reasons. Such reasons could be error cases or alternative responses for a valid response. In these cases, additionalResponses terms can be used to describe this behavior.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/10-response-and-additional-response/additional-responses.td.jsonld"
+        },
+        "simple-response.td.jsonld": {
+          "title": "Simple Response",
+          "description": "The Interaction Affordance not only describes the request, but also provides metadata for the expected response. In such cases, the response member is used to indicate the representation format of the response payload. therefore no output schema is required, as the content type fully specifies the representation format.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/10-response-and-additional-response/simple-response.td.jsonld"
+        }
+      }
+    },
+    "11-multilanguage": {
+      "description": "This category contains examples on how multiple languages as well as reading directions can be implemented on a Thing Description.",
+      "examples": {
+        "multilanguage-title-description.td.jsonld": {
+          "title": "Multilanguage Title and Description",
+          "description": "TD instances may also combine the use of title and description with titles and descriptions. title and description are seeing as the default text.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/11-multilanguage/multilanguage-title-description.td.jsonld"
+        },
+        "multilanguage.td.jsonld": {
+          "title": "Multilanguage",
+          "description": "A TD can contain multiple languages, where the name is a valid language tag as defined by [BCP47] and the value is a human-readable string in the language indicated by the tag.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/11-multilanguage/multilanguage.td.jsonld"
+        },
+        "string-direction.td.jsonld": {
+          "title": "String Direction",
+          "description": "Metadata can be used to determine the base direction of string values, utilizing @direction and the values rtl, ltr and null for default direcction.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/11-multilanguage/string-direction.td.jsonld"
+        }
+      }
+    },
+    "12-uri-variables": {
+      "description": "This category contains examples regarding the use of URI variables in Thing Descriptions.",
+      "examples": {
+        "combined-uriVariables-href.td.jsonld": {
+          "title": "Combined URI variables in href",
+          "description": "Combined dynamic uriVariables and uriVariables in href structure.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/12-uri-variables/combined-uriVariables-href.td.jsonld"
+        },
+        "dynaic-uriVariables.td.jsonld": {
+          "title": "Dynamic URI variables",
+          "description": "href may also carry a URI that contains dynamic variables.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/12-uri-variables/dynaic-uriVariables.td.jsonld"
+        },
+        "uri-href-structure.td.jsonld": {
+          "title": "URI href Structure",
+          "description": "As defined in [RFC6570], uriVariables can be used for replacing the href structure.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/12-uri-variables/uri-href-structure.td.jsonld"
+        }
+      }
+    },
+    "13-semantic-annotations": {
+      "description": "This category contains examples on how to use semantic annotations to allow for the use of additional vocabulary terms in a Thing Description instance.",
+      "examples": {
+        "semantic.td.jsonld": {
+          "title": "Semantic",
+          "description": "Thing Description with TD Context Extension for semantic annotations.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/13-semantic-annotations/semantic.td.jsonld"
+        },
+        "state-information-context-extension.td.jsonld": {
+          "title": "State Information Context Extension",
+          "description": "TD Context Extensions may be used to annotate pieces of a data schema, to be able to semantically process the state information of the physical world object, which is represented by the data exchanged during an interaction.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/13-semantic-annotations/state-information-context-extension.td.jsonld"
+        }
+      }
+    },
+    "14-non-standard": {
+      "description": "This category contains examples regarding how additional non-standard metadata could be used to personalize or adapt a Thing Description to a specific situtation or appplication.",
+      "examples": {
+        "additional-metadata.td.jsonld": {
+          "title": "Additional Metadata",
+          "description": "This example provides additional metadata terms from different external context files as provided in @context.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/14-non-standard/additional-metadata.td.jsonld"
+        },
+        "location-based-metadata.td.jsonld": {
+          "title": "Location Based Metadata",
+          "description": "In some use cases location based metadata have to be provided at the interaction level, e.g., as provided as a Property that returns the latest longitude, latitude, and elevation values based on schema.org.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/14-non-standard/location-based-metadata.td.jsonld"
+        }
+      }
+    },
+    "15-link-relation-type": {
+      "description": "This category contains examples regarding the possible relation links that could be used between individual or a collection of Thing Descriptions.",
+      "examples": {
+        "collection-rel.td.jsonld": {
+          "title": "Collection relation",
+          "description": "A Thing can also refer to a group in which it is collected with the collection value.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/15-link-relation-type/collection-rel.td.jsonld"
+        },
+        "controlledBy-rel.td.jsonld": {
+          "title": "controlledBy Relation",
+          "description": "A reference can be provided that points to a Thing (e.g., a controller) that controls the underlying unit (e.g., a lamp) utilizing controlledBy.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/15-link-relation-type/controlledBy-rel.td.jsonld"
+        },
+        "item-rel.td.jsonld": {
+          "title": "Item Relation",
+          "description": "A superordinate Thing can collect a group of Things and refer to them by using the item value.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/15-link-relation-type/item-rel.td.jsonld"
+        },
+        "service-doc-rel.td.jsonld": {
+          "title": "Service-doc Relation",
+          "description": "To point to a developer documentation of a Thing the value service-doc can be used.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/15-link-relation-type/service-doc-rel.td.jsonld"
+        }
+      }
+    },
+    "16-td-tm-relationships": {
+      "description": "This category contains examples of Thing Descriptions that would result from one or many Thing Models.",
+      "examples": {
+        "basic-td-from-tm.td.jsonld": {
+          "title": "Basic Thing",
+          "description": "This is an example of a basic Thing, which is use as a sort of template for creating a Thing Description instance of a Lamp TD.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/16-td-tm-relationships/basic-td-from-tm.td.jsonld"
+        },
+        "composition-top-level-td-from-tm.td.jsonld": {
+          "title": "Top level/parent",
+          "description": "If it is desired to provide information that a Thing Model consists of one or more (sub-)TMs, the links entries must use the 'rel': 'tm:submodel' that targets to the (sub-)TM. Optionally an instanceName may be provided to associate an individual name to the composed (sub-)TM. This is useful when multiple similar Thing Model definitions are composed and needs to be distinguished.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/16-td-tm-relationships/composition-top-level-td-from-tm.td.jsonld"
+        },
+        "extend-and-import-td-from-tm.td.jsonld": {
+          "title": "Smart Lamp Control with Extend and Import",
+          "description": "The tm:extends and the import mechanism based on tm:ref can also be used at the same time in a TM definition. This example extends the a basic TM with an On/Off property and imports the status and dim definitions from pther TMs respectively.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/16-td-tm-relationships/extend-and-import-td-from-tm.td.jsonld"
+        },
+        "extends-basic-td-from-tm.td.jsonld": {
+          "title": "Extend Thing",
+          "description": "A Thing Model can extend an existing Thing Model by using the tm:extends mechanism. When a Thing Model extends another Thing Model, at least one links entry with 'rel: tm:extends' that targets a Thing Model that is be extended must be used.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/16-td-tm-relationships/extends-basic-td-from-tm.td.jsonld"
+        },
+        "import-definition-td-from-tm.td.jsonld": {
+          "title": "Import Existing Definitions",
+          "description": "For importing pieces of definitions of one or more existing Thiing Models, the 'tm:ref' term is utilized which provides the location of an existing (sub-)definition that should be reused. This example shows a TM definition that imports the existing definition of the property onOff from another TM into the new property definition switch.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/16-td-tm-relationships/import-definition-td-from-tm.td.jsonld"
+        },
+        "optional-interaction-td-from-tm.td.jsonld": {
+          "title": "Optinal Interaction Affordances",
+          "description": "In some cases it is desirable to not enforce which interaction affordances are mandatory and do not necessarily need to be implemented in a Thing Description instance. If interaction models are not mandatory to be implemented in a Thing Description instance, Thing Model definitions MUST use the JSON member name tm:optional.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/16-td-tm-relationships/optional-interaction-td-from-tm.td.jsonld"
+        },
+        "overwrite-definitions-td-from-tm.td.jsonld": {
+          "title": "Overwrite Existing Definitions",
+          "description": "At the place the 'tm:ref' is defined, additional name-value pairs can be added. It is also permitted to override name-value pairs from the referenced definition. If the intention is to override an existing JSON name-value pair definition from tm:ref, the same JSON name MUST be used at the same level of the tm:ref declaration that provides a new value. This example shows a new TM definition that overwrites (maximum), enhances (unit), and removes (title) existing definitions.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/16-td-tm-relationships/overwrite-definitions-td-from-tm.td.jsonld"
+        },
+        "overwrite-optional-td-from-tm.td.jsonld": {
+          "title": "Overwriting Optinal Interaction Affordances",
+          "description": "An optional definition in a Thing Model definition can be overwritten in the case it is extended by another Thing Model through the use of tm:ref. This examples overwrites the 'tm:optional' of another TM with an optional 'overheating' event.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/16-td-tm-relationships/overwrite-optional-td-from-tm.td.jsonld"
+        },
+        "placeholder-td-from-tm.td.jsonld": {
+          "title": "Placeholder",
+          "description": "In a case where TD instance terms, but not their values, are known in advance, the placeholder labeling may be used in a Thing Model. The string-based pattern of the placeholder must follow a valid pattern based on the regular expression {{2}[ -~]+}{2} (e.g., {{PLACEHOLDER_IDENTIFIER}}). The characters between {{ and }} are used as identifier name of the placeholder.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/16-td-tm-relationships/placeholder-td-from-tm.td.jsonld"
+        },
+        "relative-imports-td-from-tm.td.jsonld": {
+          "title": "Relative Imports",
+          "description": "This Thing example re-uses and augments a 'genericTemperature' property in two more specific properties, which describe an inner and an outer temperature value, respectively.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/16-td-tm-relationships/relative-imports-td-from-tm.td.jsonld"
+        },
+        "submodel-led-td-from-tm.td.jsonld": {
+          "title": "Basic LED",
+          "description": "This is an example of a simple Thing Model which is utilized as a submodel of another Thing Model.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/16-td-tm-relationships/submodel-led-td-from-tm.td.jsonld"
+        },
+        "submodel-ventilator-td-from-tm.td.jsonld": {
+          "title": "Basic Ventilator",
+          "description": "This is an example of a simple Thing Model which is utilized as a submodel of another Thing Model.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/16-td-tm-relationships/submodel-ventilator-td-from-tm.td.jsonld"
+        },
+        "versioning-td-from-tm.td.jsonld": {
+          "title": "Versioning",
+          "description": "When the Thing definitions change over time, this should be reflected in the version container. The term model is used with the version container in order to provide such versioning information.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/td/16-td-tm-relationships/versioning-td-from-tm.td.jsonld"
+        }
+      }
+    }
+  },
+  "tm": {
+    "1-basic": {
+      "description": "This category contains simple examples of how a Thing Model is done.",
+      "examples": {
+        "basic-on-off-tm.tm.jsonld": {
+          "title": "Basic Thing Model for an On and Off Thing Description",
+          "description": "This is an example of a simple Thing which is utilized to extend onto another Thing.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/tm/1-basic/basic-on-off-tm.tm.jsonld"
+        },
+        "basic-tm.tm.jsonld": {
+          "title": "Basic TM",
+          "description": "This is an example of a basic Thing, which is use as a sort of template for creating a Thing Description instance of a Lamp TD",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/tm/1-basic/basic-tm.tm.jsonld"
+        }
+      }
+    },
+    "2-tm-versioning": {
+      "description": "This category contains examples of how to handle versioning on Thing Models.",
+      "examples": {
+        "versioning.tm.jsonld": {
+          "title": "Versioning",
+          "description": "When the Thing definitions change over time, this should be reflected in the version container. The term model is used with the version container in order to provide such versioning information.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/tm/2-tm-versioning/versioning.tm.jsonld"
+        }
+      }
+    },
+    "3-tm-extends-imports": {
+      "description": "This category contains examples of how to extend a Thing Model by using other Thing Models, whether by using the extend or the import mechanism.",
+      "examples": {
+        "extend-and-import.tm.jsonld": {
+          "title": "Smart Lamp Control with Extend and Import",
+          "description": "The tm:extends and the import mechanism based on tm:ref can also be used at the same time in a TM definition. This example extends the a basic TM with an On/Off property and imports the status and dim definitions from pther TMs respectively.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/tm/3-tm-extends-imports/extend-and-import.tm.jsonld"
+        },
+        "extends-basic.tm.jsonld": {
+          "title": "Extend Thing Example",
+          "description": "A Thing Model can extend an existing Thing Model by using the tm:extends mechanism. When a Thing Model extends another Thing Model, at least one links entry with 'rel: tm:extends' that targets a Thing Model that is be extended must be used.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/tm/3-tm-extends-imports/extends-basic.tm.jsonld"
+        },
+        "import-existing-definition.tm.jsonld": {
+          "title": "Import Existing Definitions",
+          "description": "For importing pieces of definitions of one or more existing Thiing Models, the 'tm:ref' term is utilized which provides the location of an existing (sub-)definition that should be reused. This example shows a TM definition that imports the existing definition of the property onOff from another TM into the new property definition switch.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/tm/3-tm-extends-imports/import-existing-definition.tm.jsonld"
+        },
+        "overwrite-existing-definitions.tm.jsonld": {
+          "title": "Overwrite Existing Definitions",
+          "description": "At the place the 'tm:ref' is defined, additional name-value pairs can be added. It is also permitted to override name-value pairs from the referenced definition. If the intention is to override an existing JSON name-value pair definition from tm:ref, the same JSON name MUST be used at the same level of the tm:ref declaration that provides a new value. This example shows a new TM definition that overwrites (maximum), enhances (unit), and removes (title) existing definitions.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/tm/3-tm-extends-imports/overwrite-existing-definitions.tm.jsonld"
+        },
+        "relative-imports.tm.jsonld": {
+          "title": "Relative Imports",
+          "description": "This Thing example re-uses and augments a 'genericTemperature' property in two more specific properties, which describe an inner and an outer temperature value, respectively.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/tm/3-tm-extends-imports/relative-imports.tm.jsonld"
+        }
+      }
+    },
+    "4-tm-optional": {
+      "description": "This category contains examples of how to implement optional interaction affordances as well as how to overwrite them.",
+      "examples": {
+        "optional-interaction.tm.jsonld": {
+          "title": "Optional Interaction Affordances",
+          "description": "In some cases it is desirable to not enforce which interaction affordances are mandatory and do not necessarily need to be implemented in a Thing Description instance. If interaction models are not mandatory to be implemented in a Thing Description instance, Thing Model definitions MUST use the JSON member name tm:optional.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/tm/4-tm-optional/optional-interaction.tm.jsonld"
+        },
+        "overwrite-optional-interactions.tm.jsonld": {
+          "title": "Overwriting Optional Interaction Affordances",
+          "description": "An optional definition in a Thing Model definition can be overwritten in the case it is extended by another Thing Model through the use of tm:ref. This examples overwrites the 'tm:optional' of another TM with an optional 'overheating' event.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/tm/4-tm-optional/overwrite-optional-interactions.tm.jsonld"
+        }
+      }
+    },
+    "5-tm-submodel": {
+      "description": "This category contains examples of ways to provide information of Thing Models that consist of one or more (sub-)Thing Models.",
+      "examples": {
+        "basic-led-tm.tm.jsonld": {
+          "title": "Basic LED",
+          "description": "This is an example of a simple Thing Model which is utilized as a submodel of another Thing Model.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/tm/5-tm-submodel/basic-led-tm.tm.jsonld"
+        },
+        "basic-ventilation-tm.tm.jsonld": {
+          "title": "Basic Ventilator",
+          "description": "This is an example of a simple Thing Model which is utilized as a submodel of another Thing Model.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/tm/5-tm-submodel/basic-ventilation-tm.tm.jsonld"
+        },
+        "submodel.tm.jsonld": {
+          "title": "Top level/parent",
+          "description": "If it is desired to provide information that a Thing Model consists of one or more (sub-)TMs, the links entries must use the 'rel': 'tm:submodel' that targets to the (sub-)TM. Optionally an instanceName may be provided to associate an individual name to the composed (sub-)TM. This is useful when multiple similar Thing Model definitions are composed and needs to be distinguished.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/tm/5-tm-submodel/submodel.tm.jsonld"
+        }
+      }
+    },
+    "6-placeholder": {
+      "description": "This category contains examples of how to utilize placeholder labeling for Thing Models where the terms are known in advance but not the values.",
+      "examples": {
+        "placeholder.tm.jsonld": {
+          "title": "Placeholder",
+          "description": "In a case where TD instance terms, but not their values, are known in advance, the placeholder labeling may be used in a Thing Model. The string-based pattern of the placeholder must follow a valid pattern based on the regular expression {{2}[ -~]+}{2} (e.g., {{PLACEHOLDER_IDENTIFIER}}). The characters between {{ and }} are used as identifier name of the placeholder.",
+          "path": "https://raw.githubusercontent.com/eclipse-thingweb/playground/master/examples/tm/6-placeholder/placeholder.tm.jsonld"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/web-new/src/scripts/async-api.js b/packages/web-new/src/scripts/async-api.js
new file mode 100644
index 000000000..9a1c00fb8
--- /dev/null
+++ b/packages/web-new/src/scripts/async-api.js
@@ -0,0 +1,91 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/**
+ * @file The `async-api.js` takes care of the main functionality for the 
+ * AsyncAPI feature within the console. This include initializing the editor,
+ * connecting it to the local storage, as well as the main buttons within the AsyncAPI
+ * feature such as json, yaml conversion and the download option.
+ */
+
+import { editor } from 'monaco-editor'
+import { setFontSize, editorForm, fontSizeSlider } from './settings-menu'
+import { generateTD, offerFileDownload } from './util'
+import { getEditorData } from './editor'
+
+/******************************************************************/
+/*                    AsyncAPI functionality                       */
+/******************************************************************/
+
+//AsyncAPI Elements
+export const asyncApiTab = document.querySelector(".async-tab-btn")
+export const asyncApiJsonBtn = document.querySelector("#async-api-json")
+export const asyncApiYamlBtn = document.querySelector("#async-api-yaml")
+export const asyncApiView = document.querySelector("#async-api-view")
+const asyncApiDownload = document.querySelector("#async-api-download")
+
+/**
+ * Initialize the monaco editor for the AsyncAPI feature, sets it to an empty value,
+ * a default language of json and as a read only document. Also it connects the editor
+ * to the local storage to change the fontsize correspondingly
+ */
+async function initAsyncApiEditor() {
+    window.asyncApiEditor = editor.create(document.getElementById('async-api-container'), {
+        value: "",
+        language: "json",
+        automaticLayout: true,
+        readOnly: true,
+        formatOnPaste: true
+    })
+
+    document.onload = setFontSize(window.asyncApiEditor)
+    fontSizeSlider.addEventListener("input", () => {
+        setFontSize(window.asyncApiEditor)
+    })
+
+    //Bind the reset button form the settings to the editor and assign the specied font size
+    editorForm.addEventListener("reset", () => {
+        setFontSize(window.asyncApiEditor)
+    })
+}
+
+initAsyncApiEditor()
+
+//Json conversion btn
+asyncApiJsonBtn.addEventListener("click", () => {
+    generateTD("json", window.asyncApiEditor)
+    asyncApiJsonBtn.disabled = true
+    asyncApiYamlBtn.disabled = false
+})
+
+//Yaml conversion btn
+asyncApiYamlBtn.addEventListener("click", () => {
+    generateTD("yaml", window.asyncApiEditor)
+    asyncApiJsonBtn.disabled = false
+    asyncApiYamlBtn.disabled = true
+})
+
+//Donwload btn
+asyncApiDownload.addEventListener("click", () => {
+    const editorData = getEditorData(window.asyncApiEditor)
+    const contentType = `application/${editorData[0]};charset=utf-8;`
+    const visualizationName = editorData[2]["info"]["title"].replace(/\s/g, "-")
+
+    offerFileDownload(
+        `${visualizationName}-AsyncAPI.${editorData[0]}`,
+        window.asyncApiEditor.getModel().getValue(),
+        contentType
+    )
+})
diff --git a/packages/web-new/src/scripts/console.js b/packages/web-new/src/scripts/console.js
new file mode 100644
index 000000000..7e1b6ec9e
--- /dev/null
+++ b/packages/web-new/src/scripts/console.js
@@ -0,0 +1,214 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/**
+ * @file The `console.js` takes care of setting the main eventHandlers
+ * for opening and closing the corresponding visualizations as well as
+ * calling their respective functions when interacted with
+ */
+
+import { openApiTab, openApiJsonBtn, openApiYamlBtn, openApiView } from './open-api'
+import { asyncApiTab, asyncApiJsonBtn, asyncApiYamlBtn, asyncApiView } from './async-api'
+import { defaultsView, defaultsJsonBtn, defaultsYamlBtn, defaultsAddBtn } from './defaults'
+import { visualize } from './visualize'
+import { validationView } from './validation'
+import { convertTDYamlToJson, detectProtocolSchemes } from '../../../core/dist/web-bundle.min.js'
+import { generateOAP, generateAAP, addDefaultsUtil, validate } from './util'
+import { editorList, getEditorData } from './editor'
+
+/******************************************************************/
+/*                    Console functionality                       */
+/******************************************************************/
+
+//Main console elements
+const errorContainer = document.querySelector(".console__content #console-error")
+const errorTxt = document.querySelector(".console-error__txt")
+const eraseConsole = document.querySelector(".console__tabs .trash")
+export const visualizationOptions = document.querySelectorAll(".visualization__option")
+export const visualizationContainers = document.querySelectorAll(".console-view")
+
+eraseConsole.addEventListener("click", () => {
+    clearConsole()
+})
+
+/**
+ * Unchecks all visualizatin btns and hiddes all visualization containers
+ */
+export function clearConsole() {
+    visualizationContainers.forEach(container => {
+        container.classList.add("hidden")
+    })
+    visualizationOptions.forEach(option => {
+        option.checked = false
+    })
+
+    clearVisualizationEditors()
+}
+
+/**
+ * Clear the value of all the viisualization monaco editor
+ */
+function clearVisualizationEditors() {
+    window.openApiEditor.getModel().setValue('')
+    window.asyncApiEditor.getModel().setValue('')
+    window.defaultsEditor.getModel().setValue('')
+}
+
+
+//Set the behavior for each visualization tab when clicked on it
+visualizationOptions.forEach(option => {
+    option.addEventListener("click", () => {
+        clearVisualizationEditors()
+        visualizationContainers.forEach(container => {
+            container.classList.add("hidden")
+        })
+
+        editorList.forEach(editorInstance => {
+            if (editorInstance["_domElement"].classList.contains("active")) {
+                const editorValue = editorInstance["_domElement"].dataset.modeId === "yaml" ? convertTDYamlToJson(editorInstance.getValue()) : editorInstance.getValue()
+                try {
+                    let td = JSON.parse(editorValue)
+                    hideConsoleError()
+
+                    if ((td["@type"] === "tm:ThingModel" && option.id === "open-api-tab") || (td["@type"] === "tm:ThingModel" && option.id === "async-api-tab") || (td["@type"] === "tm:ThingModel" && option.id === "defaults-tab")) {
+                        showConsoleError("This function is only allowed for Thing Descriptions!")
+                    } else {
+                        switch (option.id) {
+                            case "open-api-tab":
+                                if (editorInstance["_domElement"].dataset.modeId === "yaml") {
+                                    openApiJsonBtn.disabled = false
+                                    openApiYamlBtn.disabled = true
+                                } else {
+                                    openApiJsonBtn.disabled = true
+                                    openApiYamlBtn.disabled = false
+                                }
+
+                                if (td["@type"] !== "tm:ThingModel") {
+                                    enableAPIConversionWithProtocol(editorInstance)
+                                }
+
+                                break;
+
+                            case "async-api-tab":
+                                if (editorInstance["_domElement"].dataset.modeId === "yaml") {
+                                    asyncApiJsonBtn.disabled = false
+                                    asyncApiYamlBtn.disabled = true
+                                } else {
+                                    asyncApiJsonBtn.disabled = true
+                                    asyncApiYamlBtn.disabled = false
+                                }
+
+                                if (td["@type"] !== "tm:ThingModel") {
+                                    enableAPIConversionWithProtocol(editorInstance)
+                                }
+
+                                break;
+
+                            case "defaults-tab":
+                                if (editorInstance["_domElement"].dataset.modeId === "yaml") {
+                                    defaultsJsonBtn.disabled = false
+                                    defaultsYamlBtn.disabled = true
+                                } else {
+                                    defaultsJsonBtn.disabled = true
+                                    defaultsYamlBtn.disabled = false
+                                }
+                                if (td["@type"] !== "tm:ThingModel") {
+                                    addDefaultsUtil(editorInstance)
+                                    defaultsAddBtn.disabled = true
+                                    defaultsView.classList.remove("hidden")
+                                }
+
+                                break;
+
+                            case "visualize-tab":
+                                visualize(td)
+
+                                break;
+
+                            case "validation-tab":
+                                validationView.classList.remove("hidden")
+                                const editorData = getEditorData(editorInstance)
+                                validate(editorData[1], editorValue)
+
+                                break;
+
+                            default:
+                                break;
+                        }
+
+                    }
+
+                }
+                catch (err) {
+                    console.error(err);
+                    errorTxt.innerText = "Invalid or Empty document"
+                    errorContainer.classList.remove("hidden")
+                }
+            }
+        })
+    })
+})
+
+
+/**
+ * Enable Open/Async API elements according to the protocol schemes of a TD
+ * @param {object} editor - currently active monaco editor
+ */
+function enableAPIConversionWithProtocol(editorInstance) {
+    let td = editorInstance.getValue()
+    if (editorInstance["_domElement"].dataset.modeId === "yaml") {
+        td = convertTDYamlToJson(td)
+    }
+
+    const protocolSchemes = detectProtocolSchemes(td)
+
+    if (protocolSchemes) {
+
+        if (openApiTab.checked === true) {
+            if (["http", "https"].some(p => protocolSchemes.includes(p))) {
+                generateOAP(editorInstance["_domElement"].dataset.modeId, editorInstance)
+                openApiView.classList.remove("hidden")
+            } else {
+                showConsoleError("Please insert a TD which uses HTTP!")
+            }
+        }
+
+        if (asyncApiTab.checked === true) {
+            if (["mqtt", "mqtts"].some(p => protocolSchemes.includes(p))) {
+                generateAAP(editorInstance["_domElement"].dataset.modeId, editorInstance)
+                asyncApiView.classList.remove("hidden")
+            } else {
+                showConsoleError("Please insert a TD which uses MQTT!")
+            }
+        }
+    }
+}
+
+/**
+ * Populates the text that should be shown by the console when theres an error
+ * @param { String } msg - the text that should be shown in the error view 
+ */
+function showConsoleError(msg) {
+    errorTxt.innerText = msg
+    errorContainer.classList.remove("hidden")
+}
+
+/**
+ * Hides the console error and remove the previous given text
+ */
+function hideConsoleError() {
+    errorTxt.innerText = ""
+    errorContainer.classList.add("hidden")
+}
\ No newline at end of file
diff --git a/packages/web-new/src/scripts/defaults.js b/packages/web-new/src/scripts/defaults.js
new file mode 100644
index 000000000..183dd7d79
--- /dev/null
+++ b/packages/web-new/src/scripts/defaults.js
@@ -0,0 +1,107 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/**
+ * @file The `defaults.js` takes care of the main functionality for the 
+ * Defaults feature within the console. This include initializing the editor,
+ * connecting it to the local storage, as well as the main buttons within the Defaults
+ * feature such as json, yaml conversion and the download option.
+ */
+
+import { editor } from 'monaco-editor'
+import { setFontSize, editorForm, fontSizeSlider } from './settings-menu'
+import { generateTD, offerFileDownload, addDefaultsUtil, removeDefaultsUtil } from './util'
+import { getEditorData } from './editor'
+
+/******************************************************************/
+/*                    Defaults functionality                       */
+/******************************************************************/
+
+//Default Elements
+export const defaultsJsonBtn = document.querySelector("#defaults-json")
+export const defaultsYamlBtn = document.querySelector("#defaults-yaml")
+export const defaultsAddBtn = document.querySelector("#defaults-add")
+const defaultsRemoveBtn = document.querySelector("#defaults-remove")
+const defaultsDownload = document.querySelector("#defaults-download")
+export const defaultsView = document.querySelector("#defaults-view")
+
+/**
+ * Initialize the monaco editor for the Defaults feature, sets it to an empty value,
+ * a default language of json and as a read only document. Also it connects the editor
+ * to the local storage to change the fontsize correspondingly
+ */
+async function initDefaultsEditor() {
+    window.defaultsEditor = editor.create(document.getElementById('defaults-container'), {
+        value: "",
+        language: "json",
+        automaticLayout: true,
+        readOnly: true,
+        formatOnPaste: true
+    })
+
+    document.onload = setFontSize(window.defaultsEditor)
+    fontSizeSlider.addEventListener("input", () => {
+        setFontSize(window.defaultsEditor)
+    })
+
+    //Bind the reset button form the settings to the editor and assign the specied font size
+    editorForm.addEventListener("reset", () => {
+        setFontSize(window.defaultsEditor)
+    })
+}
+
+initDefaultsEditor()
+
+//Json conversion btn
+defaultsJsonBtn.addEventListener("click", () => {
+    generateTD("json", window.defaultsEditor)
+    defaultsJsonBtn.disabled = true
+    defaultsYamlBtn.disabled = false
+})
+
+//Yaml conversion btn
+defaultsYamlBtn.addEventListener("click", () => {
+    generateTD("yaml", window.defaultsEditor)
+    defaultsJsonBtn.disabled = false
+    defaultsYamlBtn.disabled = true
+})
+
+//Add defaults btn
+defaultsAddBtn.addEventListener("click", () => {
+    defaultsAddBtn.disabled = true
+    defaultsRemoveBtn.disabled = false
+    addDefaultsUtil(window.defaultsEditor)
+})
+
+//Remove defaults btn
+defaultsRemoveBtn.addEventListener("click", () => {
+    removeDefaultsUtil(window.defaultsEditor)
+    defaultsAddBtn.disabled = false
+    defaultsRemoveBtn.disabled = true
+})
+
+//Donwload btn
+defaultsDownload.addEventListener("click", () => {
+    const editorData = getEditorData(window.defaultsEditor)
+    const contentType = `application/${editorData[0]};charset=utf-8;`
+    const visualizationName = editorData[2]["title"].replace(/\s/g, "-")
+    const defaultState = defaultsAddBtn.disabled === true ? 'with-Defaults' : 'without-Defaults'
+
+    offerFileDownload(
+        `${visualizationName}-${defaultState}.${editorData[0]}`,
+        window.defaultsEditor.getModel().getValue(),
+        contentType
+    )
+})
\ No newline at end of file
diff --git a/packages/web-new/src/scripts/editor.js b/packages/web-new/src/scripts/editor.js
new file mode 100644
index 000000000..c2b93aed9
--- /dev/null
+++ b/packages/web-new/src/scripts/editor.js
@@ -0,0 +1,440 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/**
+ * @file The `editor.js` contains the main functionality
+ * for the generated monaco editors and the surrounding elements
+ * such as the tab functionality. It utilizes mutiple other files and dependncies
+ * such as the monaco-editor dependencie, the monochrome-theme file to add the custom 
+ * theme, some util functions, the td and tm schemas from the core @thing-description-playground
+ * as well as the "Validators" and the "JsonSpellChecker" from the json-spell-checker dependency
+ */
+
+import { editor, languages, MarkerSeverity } from 'monaco-editor'
+import { getEditorValue, validate } from "./util"
+import { setFontSize, editorForm, fontSizeSlider } from './settings-menu'
+import { autoValidateBtn, validationTab, validationView } from './validation'
+import { jsonBtn, yamlBtn } from './json-yaml'
+import tdSchema from '../../../core/td-schema.json'
+import tmSchema from '../../../core/tm-schema.json'
+import { convertTDJsonToYaml, convertTDYamlToJson } from '../../../core/dist/web-bundle.min.js'
+import { configure, checkTypos } from '../../../json-spell-checker/dist/web-bundle.min.js'
+import { clearConsole } from './console'
+
+/***********************************************************/
+/*                    Editor and tabs                      */
+/***********************************************************/
+
+//Decalre all necessary item from the DOM
+const addTab = document.querySelector(".ide__tabs__add")
+const tabsLeftContainer = document.querySelector(".ide__tabs__left")
+const ideContainer = document.querySelector(".ide__container")
+let tabsLeft = document.querySelectorAll(".ide__tabs__left li:not(:last-child)")
+
+//Editor list array where all the generated editor will be added and referenced from
+export let editorList = []
+export const ideCount = {
+  ideNumber: 1
+}
+
+//Initiate by generating the first editor and the respective tab
+createIde(ideCount.ideNumber)
+
+//Initialized the program with an open validation view
+validationTab.checked = true
+validationView.classList.remove("hidden")
+
+/**
+ * Funtion which creates a tab for the respective editor
+ * and adds all other tab component such as the close button
+ * @param {Number} tabNumber - the "id" number for the tab
+ * @param {String} exampleName - the initial/default name shown in the tab
+ * @param {String} thingType - the type of the object TD or TM
+ */
+function createTab(tabNumber, exampleName, thingType) {
+
+  const newTab = document.createElement("li")
+  //assign the tabNumber to the data-tab-id property
+  newTab.setAttribute("data-tab-id", tabNumber)
+  newTab.setAttribute('id', 'tab');
+
+  //Add thing type icon to the tab
+  const tabIcon = document.createElement("p")
+  tabIcon.classList.add("tab-icon")
+  if (thingType === "TM") {
+    tabIcon.innerText = "TM"
+  } else {
+    tabIcon.innerText = "TD"
+  }
+
+  const tabContent = document.createElement("p")
+  //If there is not specified example name give the default Thing Description + tabNumber
+  //Else, if the the user uses TD/TM example use the example name as the tab name
+  if (exampleName === undefined || exampleName === "") {
+    tabContent.innerText = `Thing Description ${tabNumber}`
+  }
+  else {
+    tabContent.innerText = exampleName
+  }
+  tabContent.classList.add("content-tab")
+  //Add the close btn element
+  const closeBtn = document.createElement("div")
+  closeBtn.classList.add("close-tab")
+  //Assign icon to the close btn
+  const closeIcon = document.createElement("i")
+  closeIcon.classList.add("fa-solid", "fa-xmark")
+
+  closeBtn.appendChild(closeIcon)
+  newTab.appendChild(tabIcon)
+  newTab.appendChild(tabContent)
+  newTab.appendChild(closeBtn)
+
+  //Insert the newly created list at the end of the tab container but before the add new tab button
+  tabsLeftContainer.insertBefore(newTab, tabsLeftContainer.children[(tabsLeftContainer.children.length) - 1])
+  tabsLeft = document.querySelectorAll(".ide__tabs__left li:not(:last-child)")
+
+  //Once the new tab is created remove "active class from all other tab" as well as the
+  //contenteditable attribute and give the class "active to the new tab"
+  tabsLeft.forEach(tab => {
+    tab.classList.remove("active")
+    tab.children[0].removeAttribute("contenteditable")
+  })
+  newTab.classList.add("active")
+}
+
+/**
+ * Function which takes care of creating the new editor from monaco
+ * and appends them to the DOM
+ * @param {Number} ideNumber - the id which is assign to the editor in order to connect to the respective tab
+ * @param {Object} exampleValue - the td or tm as a json object
+ */
+export function createIde(ideNumber, exampleValue) {
+  clearConsole()
+  const url = getEditorValue(window.location.hash.substring(1))
+  let defaultValue = {}
+  let editorLanguage = "json"
+
+  if (url === "") {
+    // If example value is empty utilize a preset of the most basic form of a td
+    // else utilize the td/tm from the exampleValue
+    if (exampleValue === undefined) {
+      defaultValue = {
+        "@context": "https://www.w3.org/2022/wot/td/v1.1",
+        "id": "urn:uuid:0804d572-cce8-422a-bb7c-4412fcd56f06",
+        "@type": "Thing",
+        "title": `Thing Template`,
+        "description": "This is your customizable template. Edit it to fit your Thing Description or Thing Model needs!",
+        "securityDefinitions": {
+          "basic_sc": { "scheme": "basic", "in": "header" }
+        },
+        "security": "basic_sc",
+        "properties": {},
+        "actions": {},
+        "events": {}
+      }
+    }
+    else {
+      delete exampleValue["$title"]
+      delete exampleValue["$description"]
+      defaultValue = exampleValue
+    }
+  }
+  else {
+    editorLanguage = url.substring(2, 6)
+    defaultValue = JSON.parse(url.substring(6))
+    //remove the hash from the url to allow new editor to be created
+    history.replaceState(null, null, window.location.origin + window.location.pathname);
+  }
+
+  //Create the container for the new editor and add all necessary attributes for styling and identifiers
+  const newIde = document.createElement("div")
+  newIde.classList.add("editor")
+  newIde.setAttribute('id', `editor${ideNumber}`)
+  newIde.setAttribute("data-ide-id", ideNumber)
+  ideContainer.appendChild(newIde)
+
+  //New monaco editor is created
+  initEditor(ideNumber, defaultValue, editorLanguage)
+
+  //remove the active class from previous editor
+  editorList.forEach(editor => {
+    editor["_domElement"].classList.remove("active")
+  })
+
+  //Add active class to new editor
+  newIde.classList.add("active")
+
+  //Create the new tab depending if its a TM or TD
+  if (defaultValue["@type"] === "tm:ThingModel") {
+    createTab(ideNumber, defaultValue["title"], "TM")
+  }
+  else {
+    createTab(ideNumber, defaultValue["title"], "TD")
+  }
+
+  findFileType()
+}
+
+/**
+ * Async funtion to initiate the editors
+ * @param {Number} ideNumber 
+ * @param {Object} defaultValue 
+ * @param {String} editorLanguage 
+ */
+async function initEditor(ideNumber, editorValue, editorLanguage) {
+  editorValue = editorLanguage === "json" ? JSON.stringify(editorValue, null, 2) : convertTDJsonToYaml(JSON.stringify(editorValue))
+  let editorInstance = editor.create(document.getElementById(`editor${ideNumber}`), {
+    value: editorValue,
+    language: editorLanguage,
+    automaticLayout: true,
+    formatOnPaste: true
+  })
+
+  //Bind the font size slider from the settings to the editor(s) and assign the specified font size
+  document.onload = setFontSize(editorInstance)
+  fontSizeSlider.addEventListener("input", () => {
+    setFontSize(editorInstance)
+  })
+
+  //Bind the reset button form the settings to the editor and assign the specied font size
+  editorForm.addEventListener("reset", () => {
+    setFontSize(editorInstance)
+  })
+
+  editorInstance.getModel().onDidChangeContent(_ => {
+
+    try {
+      const editorValues = getEditorData(editorInstance)
+      changeThingIcon(editorValues[1])
+      updateTabName(editorValues[2]["title"])
+
+      if (autoValidateBtn.checked === true && validationTab.checked === true) {
+        validate(editorValues[1], JSON.stringify(editorValues[2]))
+      }else{
+        clearConsole()
+      }
+
+      //Only use the spell checker if file is json
+      if (editorValues[0] === "json") {
+        //Get if thing type and set the respective schema
+        if (editorValues[2]["@type"] === "tm:ThingModel") {
+          // Configure JSON language support with schemas and schema associations
+          languages.json.jsonDefaults.setDiagnosticsOptions({
+            validate: true,
+            schemas: [
+              {
+                fileMatch: [editorInstance.getModel().uri.toString()],
+                schema: tmSchema,
+                uri: 'file:///tm-schema.json'
+              }
+            ]
+          });
+        }
+        else {
+          languages.json.jsonDefaults.setDiagnosticsOptions({
+            validate: true,
+            schemas: [
+              {
+                fileMatch: [editorInstance.getModel().uri.toString()],
+                schema: tdSchema,
+                uri: 'file:///td-schema.json'
+              }
+            ]
+          });
+        }
+
+        markTypos(editorInstance.getModel());
+      }
+    } catch (err) {
+      console.error("Invalid JSON object");
+    }
+
+  });
+
+  editorList.push(editorInstance)
+}
+
+/**
+ * Marks the possible typos on the editor
+ * @param {object} model - The model that represents the loaded Monaco editor
+ */
+function markTypos(model) {
+  const markers = []
+
+  configure()
+  const typos = checkTypos(model.getValue())
+
+  typos.forEach(typo => {
+    markers.push({
+      message: typo.message,
+      severity: MarkerSeverity.Warning,
+      startLineNumber: typo.startLineNumber,
+      startColumn: typo.startColumn,
+      endLineNumber: typo.endLineNumber,
+      endColumn: typo.endColumn
+    })
+  })
+
+  editor.setModelMarkers(model, 'typo', markers)
+}
+
+/**
+ * Check for the content of the editor and return the format (json, yaml), the content and the thing type (TD, TM)
+ * @param { monaco object } editor 
+ * @returns {String, String, JSON Object} , [formatType, thingType, editorContent]
+ */
+export function getEditorData(editorInstance) {
+  const formatType = editorInstance["_domElement"].dataset.modeId
+  const editorContent = formatType === "json" ? JSON.parse(editorInstance.getValue()) : JSON.parse(convertTDYamlToJson(editorInstance.getValue()))
+  const thingType = editorContent["@type"] === "tm:ThingModel" ? "tm" : "td"
+
+  return [formatType, thingType, editorContent]
+}
+
+/**
+ * Finds the current active tab and modifies the icon accordingly
+ * @param { string } thingType - TM or TD to modify the tab icon
+ */
+function changeThingIcon(thingType) {
+  tabsLeft.forEach(tab => {
+    if (tab.classList.contains("active")) {
+      tab.children[0].innerText = thingType.toUpperCase()
+    }
+  })
+}
+
+/**
+ * Create a new editor and respective tab when clicking on the plus tab
+ * Always initialized the new added thing as a TD
+ * Set the json btn to true
+ */
+addTab.addEventListener("click", () => {
+  createIde(++ideCount.ideNumber)
+  jsonBtn.checked = true
+})
+
+/**
+ * Getting and managing all event inside the tabs, such as closing and selecting each tab
+ * @param {event} e - click event
+ */
+tabsLeftContainer.addEventListener("click", (e) => {
+  //getting the initial target
+  const selectedElement = e.target
+  clearConsole()
+
+  //Add the active styling when tab is clicked
+  if (selectedElement.id == "tab" || selectedElement.parentElement.id == "tab") {
+
+    //Removing the active style from all tabs and contenteditable attribute
+    tabsLeft.forEach(tab => {
+      tab.classList.remove("active")
+      tab.children[0].removeAttribute("contenteditable")
+    })
+    //removing the active style from all editors
+    editorList.forEach(ide => {
+      ide["_domElement"].classList.remove("active")
+    })
+
+    //if the target element is the tab itself add the active class
+    //else if the target element is a child of the element add the active calss to the parent element
+    if (selectedElement.id == "tab") {
+      selectedElement.classList.add("active")
+    }
+    else {
+      selectedElement.parentElement.classList.add("active")
+    }
+
+    //Get the id of the element and setting the active style to the respective editor
+    if (selectedElement.dataset.tabId) {
+      editorList.forEach(ide => {
+        if (selectedElement.dataset.tabId === ide["_domElement"].dataset.ideId) {
+          ide["_domElement"].classList.add("active")
+        }
+      })
+    }
+    else {
+      editorList.forEach(ide => {
+        if (selectedElement.parentElement.dataset.tabId === ide["_domElement"].dataset.ideId) {
+          ide["_domElement"].classList.add("active")
+        }
+      })
+    }
+  }
+
+  //Closing tabs only when the click event happens on the close icon of the tab
+  if (selectedElement.className == "close-tab" && tabsLeft.length >= 1) {
+    //If there is only one tab and its closed create a completely editor and tab and restart the counter
+    //If not the last one adjust the styling accordingly and update the amount of tabs
+    if (tabsLeft.length == 1) {
+      ideCount.ideNumber = 0
+      editorList.forEach(ide => {
+        if (selectedElement.parentElement.dataset.tabId === ide["_domElement"].dataset.ideId) {
+          //remove the editor from the editor list array and from the DOM
+          const index = editorList.indexOf(ide)
+          editorList.splice(index, 1)
+          ide["_domElement"].remove()
+        }
+      })
+      //remove tab
+      selectedElement.parentElement.remove()
+      //create new tab
+      createIde(++ideCount.ideNumber)
+      jsonBtn.checked = true
+    }
+    else {
+      editorList.forEach(ide => {
+        if (selectedElement.parentElement.dataset.tabId === ide["_domElement"].dataset.ideId) {
+          const index = editorList.indexOf(ide)
+          editorList.splice(index, 1)
+          ide["_domElement"].remove()
+        }
+      })
+      selectedElement.parentElement.remove()
+      tabsLeft = document.querySelectorAll(".ide__tabs__left li:not(:last-child)")
+      tabsLeft[0].classList.add("active")
+      editorList[0]["_domElement"].classList.add("active")
+    }
+  }
+
+  findFileType()
+})
+
+/**
+ * Find if active editor is json or yaml and change the json/yaml btns repectively
+ */
+function findFileType() {
+  editorList.forEach(editor => {
+    if (editor["_domElement"].classList.contains("active")) {
+      if (editor["_domElement"].dataset.modeId === "json") {
+        jsonBtn.checked = true
+      }
+      else {
+        yamlBtn.checked = true
+      }
+    }
+  })
+}
+
+/**
+ * Update the tab name depending on the title of the document
+ * @param { String } docTitle - title of the TD/TM document
+ */
+function updateTabName(docTitle) {
+  tabsLeft.forEach(tab => {
+    if (tab.classList.contains("active")) {
+      tab.children[1].textContent = docTitle
+    }
+  })
+}
\ No newline at end of file
diff --git a/packages/web-new/src/scripts/examples-menu.js b/packages/web-new/src/scripts/examples-menu.js
new file mode 100644
index 000000000..48db62f84
--- /dev/null
+++ b/packages/web-new/src/scripts/examples-menu.js
@@ -0,0 +1,412 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/**
+ * @file The `examples-menu.js` contains the main functionality
+ * for the examples menu, such as displaying all the TD and TM examples,
+ * as well as filtering them by categories, a search function to find
+ * specific examples and a use a template example to directly added to an editor where it can be utilized and modified.
+ * In the future the option to see short snipets of the most important part of the example, might also be implemented.
+ */
+
+import { createIde, ideCount } from "./editor"
+
+/***********************************************************/
+/*                      Examples menu                      */
+/***********************************************************/
+const closeExamples = document.querySelector(".examples-menu-container__close i")
+const examplesMenu = document.querySelector(".examples-menu")
+const examplesBtn = document.querySelector("#examples-btn")
+const thingTypeSelect = document.querySelector('#thing-type')
+const categorySelect = document.querySelector('#thing-category')
+const filterForm = document.querySelector('.examples-menu-container__filter')
+const tdExamplesContainer = document.querySelector(".examples-container__td")
+const tmExamplesContainer = document.querySelector(".examples-container__tm")
+const searchInput = document.querySelector(".search-input")
+const tdSearchResults = tdExamplesContainer.querySelector("#filtered-results")
+const tmSearchResults = tmExamplesContainer.querySelector("#filtered-results")
+
+/**
+ * Close examples menu when clicking on x icon and
+ * clearing all info inside the examples menu
+ */
+closeExamples.addEventListener("click", () => {
+    examplesMenu.classList.add("closed")
+})
+
+/**
+ * Open examples menu when clicking on examples btn
+ * as well as populating the examples and filter selects
+ */
+examplesBtn.addEventListener("click", () => {
+    examplesMenu.classList.remove("closed")
+    filterThingType()
+})
+
+
+/***   Creating categories arrays and populating them with async call  ***/
+let tdCategories = []
+let tmCategories = []
+getCategories()
+
+/**
+ * Get all the td and tm names, description and id from the paths file
+ */
+async function getCategories() {
+    const res = await fetch('./examples-paths/examples-paths.json')
+    const data = await res.json()
+
+    const categoriesTD = Object.entries(data["td"])
+    categoriesTD.forEach(category => {
+
+        const newCategory = {
+            name: "",
+            description: "",
+            id: ""
+        }
+
+        //Removing all "-" from the category to use as the name
+        newCategory["name"] = (category[0].substring(category[0].indexOf("-") + 1)).replaceAll('-', ' ')
+
+        //Use the category as the id
+        newCategory["id"] = category[0]
+
+        //get the description text
+        newCategory["description"] = category[1]["description"]
+
+        //Push to the td categories array
+        tdCategories.push(newCategory)
+    })
+
+    const categoriesTM = Object.entries(data["tm"])
+    categoriesTM.forEach(category => {
+
+        const newCategory = {
+            name: "",
+            description: "",
+            id: ""
+        }
+
+        //Removing all "-" from the category to use as the name
+        newCategory["name"] = (category[0].substring(category[0].indexOf("-") + 1)).replaceAll('-', ' ')
+
+        //use the category as the id
+        newCategory["id"] = category[0]
+
+        //get the description text
+        newCategory["description"] = category[1]["description"]
+
+        //Push to the td categories array
+        tmCategories.push(newCategory)
+    })
+
+    populateCategories()
+}
+
+/**
+ * Checks the TD/TM select and updates the categories select respectively
+ */
+function filterThingType() {
+    //Clear all elments inside the categories select
+    const selectOptions = [...categorySelect.options]
+    selectOptions.forEach(option => {
+        option.remove()
+    })
+
+    if (thingTypeSelect.value === "thing-description") {
+        tdExamplesContainer.classList.remove("hidden")
+        tmExamplesContainer.classList.add("hidden")
+        tdCategories.forEach(category => {
+            const opt = document.createElement('option')
+            opt.value = category.id
+            opt.innerText = category.name
+            categorySelect.appendChild(opt)
+        })
+    }
+
+    if (thingTypeSelect.value === "thing-model") {
+        tmExamplesContainer.classList.remove("hidden")
+        tdExamplesContainer.classList.add("hidden")
+        tmCategories.forEach(category => {
+            const opt = document.createElement('option')
+            opt.value = category.id
+            opt.innerText = category.name
+            categorySelect.appendChild(opt)
+        })
+    }
+}
+
+/**
+ * Event listeners to check for changes and scroll to the respective category
+ */
+thingTypeSelect.addEventListener("change", () => {
+    filterThingType()
+    const element = document.getElementById(categorySelect.value);
+    element.scrollIntoView({ behavior: "smooth", block: "start" })
+})
+categorySelect.addEventListener("change", () => {
+    const element = document.getElementById(categorySelect.value);
+    element.scrollIntoView({ behavior: "smooth", block: "start" })
+})
+
+
+/**
+ * Creates all the html container elements for the TD and TM categories
+ * and initializes the getAllExamples function
+ */
+function populateCategories() {
+    tdCategories.forEach(category => {
+        const categoryContainer = document.createElement('div')
+        categoryContainer.classList.add("examples-category")
+        categoryContainer.setAttribute("data-category", category.id)
+        categoryContainer.setAttribute("id", category.id)
+        tdExamplesContainer.appendChild(categoryContainer)
+
+        const categoryTitle = document.createElement('div')
+        categoryTitle.classList.add("examples-category__title")
+        categoryContainer.appendChild(categoryTitle)
+
+        const title = document.createElement('h3')
+        title.innerText = category.name
+        categoryTitle.appendChild(title)
+
+        const categoryDescription = document.createElement('div')
+        categoryDescription.classList.add("examples-category__description")
+        categoryContainer.appendChild(categoryDescription)
+
+        const description = document.createElement('p')
+        description.innerText = category.description
+        categoryDescription.appendChild(description)
+
+        const categoryContent = document.createElement('div')
+        categoryContent.classList.add("examples-category__container")
+        categoryContainer.appendChild(categoryContent)
+
+        getAllExamples(category.id, "td")
+    })
+
+    tmCategories.forEach(category => {
+        const categoryContainer = document.createElement('div')
+        categoryContainer.classList.add("examples-category")
+        categoryContainer.setAttribute("data-category", category.id)
+        categoryContainer.setAttribute("id", category.id)
+        tmExamplesContainer.appendChild(categoryContainer)
+
+        const categoryTitle = document.createElement('div')
+        categoryTitle.classList.add("examples-category__title")
+        categoryContainer.appendChild(categoryTitle)
+
+        const title = document.createElement('h3')
+        title.innerText = category.name
+        categoryTitle.appendChild(title)
+
+        const categoryDescription = document.createElement('div')
+        categoryDescription.classList.add("examples-category__description")
+        categoryContainer.appendChild(categoryDescription)
+
+        const description = document.createElement('p')
+        description.innerText = category.description
+        categoryDescription.appendChild(description)
+
+        const categoryContent = document.createElement('div')
+        categoryContent.classList.add("examples-category__container")
+        categoryContainer.appendChild(categoryContent)
+
+        getAllExamples(category.id, "tm")
+    })
+}
+
+
+/**
+ * Utilizes the paths file to get all examples from github
+ * and calls the create example function with the id and raw path
+ * @param {string} categoryId - the name of the category
+ * @param {string} thingType - td or tm
+ */
+async function getAllExamples(categoryId, thingType) {
+
+    const res = await fetch('./examples-paths/examples-paths.json')
+    const data = await res.json()
+
+    const examples = Object.entries(data[thingType][categoryId]["examples"])
+
+    for (const example of examples) {
+
+        //get category
+        const categoryContainer = document.querySelector(`[data-category='${categoryId}'] .examples-category__container`)
+
+        //individual examples
+        const exampleContainer = document.createElement('div')
+        exampleContainer.classList.add("example")
+        categoryContainer.appendChild(exampleContainer)
+
+        //create example title
+        const exampleName = document.createElement('div')
+        exampleName.classList.add("example__name")
+        const exampleNameIcon = document.createElement('i')
+        exampleNameIcon.classList.add("fa-solid", "fa-file-code")
+        exampleName.appendChild(exampleNameIcon)
+        const exampleNameTitle = document.createElement('p')
+        exampleNameTitle.innerText = example[1]["title"]
+        // exampleNameTitle.innerText = data['$title']
+        exampleName.appendChild(exampleNameTitle)
+        exampleContainer.appendChild(exampleName)
+
+        //add event listener to show example information and interaction btns
+        exampleName.addEventListener('click', () => {
+            exampleName.parentElement.classList.toggle("open")
+        })
+
+        //create example content
+        const exampleContent = document.createElement('div')
+        exampleContent.classList.add("example__content")
+        exampleContainer.appendChild(exampleContent)
+
+        const exampleDescription = document.createElement('p')
+        exampleDescription.innerText = example[1]["description"]
+        exampleDescription.classList.add('example__description')
+        exampleContent.appendChild(exampleDescription)
+
+        const exampleBtns = document.createElement('div')
+        exampleBtns.classList.add("example__btn")
+        exampleContent.appendChild(exampleBtns)
+
+        const exampleBtnUse = document.createElement('button')
+        exampleBtnUse.classList.add("example__btn--use")
+        exampleBtns.appendChild(exampleBtnUse)
+
+        const exampleBtnShow = document.createElement('button')
+        exampleBtnShow.classList.add("example__btn--show")
+        exampleBtns.appendChild(exampleBtnShow)
+
+        const exampleIconShow = document.createElement('i')
+        exampleIconShow.classList.add("fa-solid", "fa-eye")
+        exampleBtnShow.appendChild(exampleIconShow)
+
+        const exampleTxtShow = document.createElement('p')
+        exampleTxtShow.innerText = "Show Snipet"
+        exampleBtnShow.appendChild(exampleTxtShow)
+
+        const exampleIconUse = document.createElement('i')
+        exampleIconUse.classList.add("fa-solid", "fa-file-pen")
+        exampleBtnUse.appendChild(exampleIconUse)
+
+        const exampleTxtUse = document.createElement('p')
+        exampleTxtUse.innerText = "Use as Template"
+        exampleBtnUse.appendChild(exampleTxtUse)
+
+        //Listener to generate an editor with the examples information
+        exampleBtnUse.addEventListener('click', () => {
+            getTemplateData(example[1]["path"])
+            exampleName.parentElement.classList.toggle("open")
+        })
+    }
+}
+
+/**
+ * Gets the example data to pupulate the monaco editor and allow the user to use it as a template
+ */
+async function getTemplateData(path) {
+    const res = await fetch(path)
+    const data = await res.json()
+    createIde(++ideCount.ideNumber, data)
+    examplesMenu.classList.add("closed")
+}
+
+/**
+ * Listener when search input is used in the examples menu
+ * Gets all the examples that match the inputed text to the title and
+ * description of the examples, clones them and adds them to the
+ * search result category
+ * @param {event} e - submit event
+ */
+filterForm.addEventListener("submit", (e) => {
+    e.preventDefault()
+
+    //Check if the thingType select is TD or TM
+    if (thingTypeSelect.value === "thing-description") {
+        //Only ge the container for the searched results
+        const examplesContainer = tdSearchResults.querySelector(".examples-category__container")
+        //Clean all the children component
+        while (examplesContainer.children.length > 0) {
+            examplesContainer.firstElementChild.remove()
+        }
+        //Show the td examples container and hide the tm examples container
+        tdSearchResults.classList.remove("hidden")
+        tmSearchResults.classList.add("hidden")
+
+        //Get all the categories and their title and description values
+        const categories = tdExamplesContainer.querySelectorAll(".examples-category:not(:first-child)")
+        categories.forEach(category => {
+            const examples = [...category.children[2].children]
+            examples.forEach(example => {
+                //If value of the search input mataches the title or description
+                //clone it, append it and add the respective event listeners
+                if ((example.firstChild.childNodes[1].innerText.toLowerCase()).includes(searchInput.value.toLowerCase()) || (example.children[1].children[0].innerText.toLowerCase()).includes(searchInput.value.toLowerCase())) {
+                    let clonedElement = example.cloneNode(true)
+                    clonedElement.children[0].addEventListener('click', () => {
+                        clonedElement.classList.toggle("open")
+                    })
+
+                    clonedElement.querySelector(".example__btn--use").addEventListener('click', () => {
+                        example.querySelector(".example__btn--use").click()
+                        clonedElement.classList.toggle("open")
+                    })
+                    examplesContainer.appendChild(clonedElement)
+                }
+                //If input value is empty clear all the search results and hide the category
+                if (searchInput.value === "") {
+                    while (examplesContainer.children.length > 0) {
+                        examplesContainer.firstElementChild.remove()
+                    }
+                    tdSearchResults.classList.add("hidden")
+                }
+            })
+        })
+    }
+    else {
+        const examplesContainer = tmSearchResults.querySelector(".examples-category__container")
+        while (examplesContainer.children.length > 0) {
+            examplesContainer.firstElementChild.remove()
+        }
+        tmSearchResults.classList.remove("hidden")
+        tdSearchResults.classList.add("hidden")
+        const categories = tmExamplesContainer.querySelectorAll(".examples-category:not(:first-child)")
+        categories.forEach(category => {
+            const examples = [...category.children[2].children]
+            examples.forEach(example => {
+                if ((example.firstChild.childNodes[1].innerText.toLowerCase()).includes(searchInput.value.toLowerCase()) || (example.children[1].children[0].innerText.toLowerCase()).includes(searchInput.value.toLowerCase())) {
+                    let clonedElement = example.cloneNode(true)
+                    clonedElement.children[0].addEventListener('click', () => {
+                        clonedElement.classList.toggle("open")
+                    })
+
+                    clonedElement.querySelector(".example__btn--use").addEventListener('click', () => {
+                        example.querySelector(".example__btn--use").click()
+                        clonedElement.classList.toggle("open")
+                    })
+                    examplesContainer.appendChild(clonedElement)
+                }
+
+                if (searchInput.value === "") {
+                    while (examplesContainer.children.length > 0) {
+                        examplesContainer.firstElementChild.remove()
+                    }
+                    tmSearchResults.classList.add("hidden")
+                }
+            })
+        })
+    }
+})
\ No newline at end of file
diff --git a/packages/web-new/src/scripts/json-yaml.js b/packages/web-new/src/scripts/json-yaml.js
new file mode 100644
index 000000000..2b1b14a6e
--- /dev/null
+++ b/packages/web-new/src/scripts/json-yaml.js
@@ -0,0 +1,96 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/**
+ * @file The `json-yaml.js` contains the main functionality
+ * for converting json to yaml and vice versa, utilizing the util's 
+ * funcions and the editorList array from the editor file.
+ */
+import { editorList } from './editor.js'
+import { generateTD } from './util.js'
+import { getEditorData } from './editor.js'
+
+/***********************************************************/
+/*                   Yaml functionality                    */
+/***********************************************************/
+
+export const yamlBtn = document.querySelector("#file-type-yaml")
+export const jsonBtn = document.querySelector("#file-type-json")
+const yamlWarning = document.querySelector('.json-yaml-warning')
+const yamlConfirmBtn = document.querySelector("#yaml-confirm-btn")
+const yamlCancelBtn = document.querySelector("#yaml-cancel-btn")
+jsonBtn.checked = true
+
+
+//Click event to show the warning text before converting the td/tm
+yamlBtn.addEventListener("click", () => {
+  editorList.forEach(editorInstance => {
+    if (editorInstance["_domElement"].classList.contains("active") && editorInstance["_domElement"]["dataset"]["modeId"] == "json") {
+      try {
+        JSON.parse(editorInstance.getValue())
+        yamlWarning.classList.remove('closed')
+      }
+      catch (err) {
+        alert('TD is not a valid JSON object');
+        jsonBtn.checked = true
+        return
+      }
+    }
+  })
+})
+
+//Close the warning without converting
+yamlCancelBtn.addEventListener("click", () => {
+  yamlWarning.classList.add('closed')
+  jsonBtn.checked = true
+})
+
+//Confirm the json to yaml convertion
+yamlConfirmBtn.addEventListener("click", () => {
+  yamlWarning.classList.add('closed')
+  convertJsonYaml()
+})
+
+jsonBtn.addEventListener("click", () => {
+  editorList.forEach(editorInstance => {
+    if (editorInstance["_domElement"].classList.contains("active") && editorInstance["_domElement"]["dataset"]["modeId"] == "yaml") {
+      try {
+        getEditorData(editorInstance)
+        convertJsonYaml()
+      }
+      catch (err) {
+        alert('TD is not a valid YAML object');
+        yamlBtn.checked = true
+        return
+      }
+    }
+  })
+})
+
+/**
+ * Get the currently active editor and convert it to json or yaml
+ */
+function convertJsonYaml() {
+  editorList.forEach(editorInstance => {
+    if (editorInstance["_domElement"].classList.contains("active")) {
+      try {
+        const editorData = getEditorData(editorInstance)
+        generateTD(editorData[0] === "json" ? "yaml" : "json", editorInstance)
+      } catch (err) {
+        console.error(err)
+      }
+    }
+  })
+}
\ No newline at end of file
diff --git a/packages/web-new/src/scripts/jsonld-vis.js b/packages/web-new/src/scripts/jsonld-vis.js
new file mode 100644
index 000000000..dffe043c1
--- /dev/null
+++ b/packages/web-new/src/scripts/jsonld-vis.js
@@ -0,0 +1,510 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/**
+ * @file The `jsonld-vis.js` handles the d3 visualization for the
+ * graph option, by utilizin the d3 and d3-tip dependencies
+ */
+
+import * as d3 from 'd3'
+import d3Tip from 'd3-tip'
+import { getDirection } from 'string-direction'
+
+/* eslint-disable no-underscore-dangle */
+'use strict';
+export const collapseBtn = document.getElementById('collapse-all')
+export const expandBtn = document.getElementById('expand-all')
+
+/**
+ * Generate the graph visualization with d3
+ * @param { json object } jsonld - the value of the current editor
+ * @param { html element } selector - an html element to be used as the container
+ * @param { json object } config - the configuration values for the visualization
+ */
+export function jsonldVis(jsonld, selector, config) {
+  if (!arguments.length) return jsonldVis;
+  config = config || {};
+
+  const h = config.h || 600
+  const w = config.w || 800
+  const maxLabelWidth = config.maxLabelWidth || 250
+  const transitionDuration = config.transitionDuration || 750
+  const transitionEase = config.transitionEase || 'cubic-in-out'
+  const minRadius = config.minRadius || 5
+  const scalingFactor = config.scalingFactor || 2
+
+  let i = 0;
+
+  const tree = d3.layout.tree()
+    .size([h, w]);
+
+  const diagonal = d3.svg.diagonal()
+    .projection(function (d) { return [d.y, d.x]; });
+
+  const svg = d3.select(selector).append('svg')
+    .attr('width', w)
+    .attr('height', h)
+    .append('g')
+    .attr('transform', 'translate(' + 150 + ',0)');
+
+  const tip = d3Tip()
+    .direction(function (d) {
+      return d.children || d.privChildren ? 'w' : 'e';
+    })
+    .offset(function (d) {
+      return d.children || d.privChildren ? [0, -3] : [0, 3];
+    })
+    .attr('class', 'd3-tip')
+    .html(function (d) {
+      return '<span>' + d.valueExtended + '</span>';
+    });
+
+  svg.call(tip);
+
+  const treeData = {
+    // name: (jsonld.title).slice(0, 25) + "..." || `_${Math.random().toString(10).slice(-7)}`,
+    name: (jsonld.title).length > 22 ? (jsonld.title).slice(0, 22) + "..." : jsonld.title,
+    isIdNode: true,
+    isBlankNode: true,
+    children: jsonldTree(jsonld, null)
+  };
+
+  const root = treeData;
+  root.x0 = h / 2;
+  root.y0 = 0;
+  root.children.forEach(child => collapse(child));
+
+  function changeSVGWidth(newWidth) {
+    if (w !== newWidth) {
+      d3.select(selector + ' > svg').attr('width', newWidth);
+    }
+  }
+
+  function getDirectedValue(source, key, parentKey) {
+    const LRI = '\u2066';
+    const RLI = '\u2067';
+    const TABLE = {
+      ar: 'rtl',
+      fa: 'rtl',
+      ps: 'rtl',
+      ur: 'rtl',
+      hy: 'ltr',
+      as: 'ltr',
+      bn: 'ltr',
+      zb: 'ltr',
+      ab: 'ltr',
+      be: 'ltr',
+      bg: 'ltr',
+      kk: 'ltr',
+      mk: 'ltr',
+      ru: 'ltr',
+      uk: 'ltr',
+      hi: 'ltr',
+      mr: 'ltr',
+      ne: 'ltr',
+      ko: 'ltr',
+      ma: 'ltr',
+      am: 'ltr',
+      ti: 'ltr',
+      ka: 'ltr',
+      el: 'ltr',
+      gu: 'ltr',
+      pa: 'ltr',
+      he: 'rtl',
+      iw: 'rtl',
+      yi: 'rtl',
+      ja: 'ltr',
+      km: 'ltr',
+      kn: 'ltr',
+      lo: 'ltr',
+      af: 'ltr',
+      ay: 'ltr',
+      bs: 'ltr',
+      ca: 'ltr',
+      ch: 'ltr',
+      cs: 'ltr',
+      cy: 'ltr',
+      da: 'ltr',
+      de: 'ltr',
+      en: 'ltr',
+      eo: 'ltr',
+      es: 'ltr',
+      et: 'ltr',
+      eu: 'ltr',
+      fi: 'ltr',
+      fj: 'ltr',
+      fo: 'ltr',
+      fr: 'ltr',
+      fy: 'ltr',
+      ga: 'ltr',
+      gl: 'ltr',
+      gn: 'ltr',
+      gv: 'ltr',
+      hr: 'ltr',
+      ht: 'ltr',
+      hu: 'ltr',
+      id: 'ltr',
+      in: 'ltr',
+      is: 'ltr',
+      it: 'ltr',
+      kl: 'ltr',
+      la: 'ltr',
+      lb: 'ltr',
+      ln: 'ltr',
+      lt: 'ltr',
+      lv: 'ltr',
+      mg: 'ltr',
+      mh: 'ltr',
+      mo: 'ltr',
+      ms: 'ltr',
+      mt: 'ltr',
+      na: 'ltr',
+      nb: 'ltr',
+      nd: 'ltr',
+      nl: 'ltr',
+      nn: 'ltr',
+      no: 'ltr',
+      nr: 'ltr',
+      ny: 'ltr',
+      om: 'ltr',
+      pl: 'ltr',
+      pt: 'ltr',
+      qu: 'ltr',
+      rm: 'ltr',
+      rn: 'ltr',
+      ro: 'ltr',
+      rw: 'ltr',
+      sg: 'ltr',
+      sk: 'ltr',
+      sl: 'ltr',
+      sm: 'ltr',
+      so: 'ltr',
+      sq: 'ltr',
+      ss: 'ltr',
+      st: 'ltr',
+      sv: 'ltr',
+      sw: 'ltr',
+      tl: 'ltr',
+      tn: 'ltr',
+      to: 'ltr',
+      tr: 'ltr',
+      ts: 'ltr',
+      ve: 'ltr',
+      vi: 'ltr',
+      xh: 'ltr',
+      zu: 'ltr',
+      ds: 'ltr',
+      gs: 'ltr',
+      hs: 'ltr',
+      me: 'ltr',
+      ni: 'ltr',
+      ns: 'ltr',
+      te: 'ltr',
+      tk: 'ltr',
+      tm: 'ltr',
+      tp: 'ltr',
+      tv: 'ltr',
+      ml: 'ltr',
+      my: 'ltr',
+      nq: 'ltr',
+      or: 'ltr',
+      si: 'ltr',
+      ta: 'ltr',
+      dv: 'rtl',
+      th: 'ltr',
+      dz: 'ltr'
+    };
+
+    const getDirectionSymbol = dir => (dir === 'ltr') ? LRI : RLI;
+
+    if (!['title', 'description'].includes(key) && !['titles', 'descriptions'].includes(parentKey)) {
+      return getDirectionSymbol(getDirection(source[key].toString())) + source[key]
+    }
+
+    if (parentKey === 'titles' || parentKey === 'descriptions') {
+      // Language tags can be compound like ar-EG or en-US, split when needed
+      // Also, we ignore the case for language tags
+      const lookupKey = (key.includes('-')) ? key.split('-')[0] : key.toLowerCase();
+      const dir = TABLE[lookupKey];
+      if (dir) return getDirectionSymbol(dir) + source[key];
+      return getDirectionSymbol('ltr') + source[key];
+    }
+
+    let direction;
+    let lang;
+    let context = jsonld['@context'];
+
+    if (!Array.isArray(context)) {
+      context = [context];
+    }
+
+    context.forEach(e => {
+      if (typeof e === 'object') {
+        if (e['@direction']) direction = e['@direction'];
+        if (e['@language']) lang = e['@language'];
+      }
+    });
+
+    if (key === 'title' || key === 'description') {
+      if (direction) return getDirectionSymbol(direction) + source[key];
+      if (lang) {
+        const lookupKey = (lang.includes('-')) ? lang.split('-')[0] : lang.toLowerCase();
+        const dir = TABLE[lookupKey];
+        if (dir) return getDirectionSymbol(dir) + source[key];
+        return getDirectionSymbol('ltr') + source[key];
+      }
+    }
+
+    return getDirectionSymbol(getDirection(source[key].toString())) + source[key]
+  }
+
+  function jsonldTree(source, parentKey) {
+    const children = [];
+
+    Object.keys(source).forEach(key => {
+      if (key === '@id' || key === '@context' || source[key] === null) return;
+
+      if (typeof source[key] === 'object' && !Array.isArray(source[key])) {
+        children.push(
+          {
+            name: key,
+            children: jsonldTree(source[key], key)
+          }
+        );
+      } else if (Array.isArray(source[key])) {
+        children.push(
+          {
+            name: key,
+            children: source[key].map((e, j) => {
+              if (typeof e === 'object') {
+                return { name: j, children: jsonldTree(e, j) };
+              } else {
+                return { name: e };
+              }
+            })
+          }
+        );
+      } else {
+        const stringLimit = Math.floor(maxLabelWidth / 9);
+        const d = (`${source[key]}`.length > stringLimit) ? {
+          name: key,
+          value: getDirectedValue(source, key, parentKey).slice(0, stringLimit) + '...',
+          valueExtended: getDirectedValue(source, key, parentKey)
+        } : {
+          name: key,
+          value: getDirectedValue(source, key, parentKey)
+        };
+
+        children.push(d);
+      }
+    });
+
+    return children;
+  }
+
+  function update(source) {
+    const nodes = tree.nodes(root).reverse();
+    const links = tree.links(nodes);
+
+    nodes.forEach(function (d) { d.y = d.depth * maxLabelWidth; });
+
+    const node = svg.selectAll('g.node')
+      .data(nodes, function (d) { return d.id || (d.id = ++i); });
+
+    const nodeEnter = node.enter()
+      .append('g')
+      .attr('class', 'node')
+      .attr('transform', function (d) { return 'translate(' + source.y0 + ',' + source.x0 + ')'; })
+      .on('click', click);
+
+    nodeEnter.append('circle')
+      .attr('r', 0)
+      .style('stroke-width', function (d) {
+        return d.isIdNode ? '2px' : '1px';
+      })
+      .style('stroke', function (d) {
+        return d.isIdNode ? '#F7CA18' : '#4ECDC4';
+      })
+      .style('fill', function (d) {
+        if (d.isIdNode) {
+          return d.privChildren ? '#F5D76E' : 'white';
+        } else {
+          return d.privChildren ? '#86E2D5' : 'white';
+        }
+      })
+      .on('mouseover', function (d) { if (d.valueExtended) tip.show(d); })
+      .on('mouseout', tip.hide);
+
+    nodeEnter.append('text')
+      .attr('x', function (d) {
+        const spacing = computeRadius(d) + 5;
+        return d.children || d.privChildren ? -spacing : spacing;
+      })
+      .attr('dy', '4')
+      .attr('text-anchor', function (d) { return d.children || d.privChildren ? 'end' : 'start'; })
+      .text(function (d) { return d.name + (d.value ? ': ' + d.value : ''); })
+      .style('fill-opacity', 0);
+
+    const maxSpan = Math.max.apply(Math, nodes.map(function (d) { return d.y + maxLabelWidth; }));
+    if (maxSpan + maxLabelWidth + 20 > w) {
+      changeSVGWidth(maxSpan + maxLabelWidth);
+      d3.select(selector).node().scrollLeft = source.y0;
+    }
+
+    const nodeUpdate = node.transition()
+      .duration(transitionDuration)
+      .ease(transitionEase)
+      .attr('transform', function (d) { return 'translate(' + d.y + ',' + d.x + ')'; });
+
+    nodeUpdate.select('circle')
+      .attr('r', function (d) { return computeRadius(d); })
+      .style('stroke-width', function (d) {
+        return d.isIdNode ? '2px' : '1px';
+      })
+      .style('stroke', function (d) {
+        return d.isIdNode ? '#F7CA18' : '#4ECDC4';
+      })
+      .style('fill', function (d) {
+        if (d.isIdNode) {
+          return d.privChildren ? '#F5D76E' : 'white';
+        } else {
+          return d.privChildren ? '#86E2D5' : 'white';
+        }
+      });
+
+    nodeUpdate.select('text').style('fill-opacity', 1);
+
+    const nodeExit = node.exit().transition()
+      .duration(transitionDuration)
+      .ease(transitionEase)
+      .attr('transform', function (d) { return 'translate(' + source.y + ',' + source.x + ')'; })
+      .remove();
+
+    nodeExit.select('circle').attr('r', 0);
+    nodeExit.select('text').style('fill-opacity', 0);
+
+    const link = svg.selectAll('path.link')
+      .data(links, function (d) { return d.target.id; });
+
+    link.enter().insert('path', 'g')
+      .attr('class', 'link')
+      .attr('d', function (d) {
+        const o = { x: source.x0, y: source.y0 };
+        return diagonal({ source: o, target: o });
+      });
+
+    link.transition()
+      .duration(transitionDuration)
+      .ease(transitionEase)
+      .attr('d', diagonal);
+
+    link.exit().transition()
+      .duration(transitionDuration)
+      .ease(transitionEase)
+      .attr('d', function (d) {
+        const o = { x: source.x, y: source.y };
+        return diagonal({ source: o, target: o });
+      })
+      .remove();
+
+    nodes.forEach(function (d) {
+      d.x0 = d.x;
+      d.y0 = d.y;
+    });
+  }
+
+  function computeRadius(d) {
+    if (d.children || d.privChildren) {
+      return minRadius + (numEndNodes(d) / scalingFactor);
+    } else {
+      return minRadius;
+    }
+  }
+
+  function numEndNodes(n) {
+    let num = 0;
+    if (n.children) {
+      n.children.forEach(function (c) {
+        num += numEndNodes(c);
+      });
+    } else if (n.privChildren) {
+      n.privChildren.forEach(function (c) {
+        num += numEndNodes(c);
+      });
+    } else {
+      num++;
+    }
+    return num;
+  }
+
+  function click(d) {
+    if (d.children) {
+      d.privChildren = d.children;
+      d.children = null;
+    } else {
+      d.children = d.privChildren;
+      d.privChildren = null;
+    }
+
+    update(d);
+
+    // fast-forward blank nodes
+    if (d.children) {
+      d.children.forEach(function (child) {
+        if (child.isBlankNode && child.privChildren) {
+          click(child);
+        }
+      });
+    }
+  }
+
+  function collapse(d, toUpdate = false) {
+    if (d.children) {
+      d.privChildren = d.children;
+      d.privChildren.forEach(child => collapse(child));
+      d.children = null;
+
+      if (toUpdate) {
+        update(d);
+      }
+    }
+  }
+
+  function expand(d, toUpdate = false) {
+    if (d.privChildren) {
+      d.children = d.privChildren;
+      d.children.forEach(child => expand(child));
+      d.privChildren = null;
+    } else if (d.children) {
+      d.children.forEach(child => expand(child));
+    }
+
+    if (toUpdate) update(d);
+  }
+
+  update(root);
+
+  collapseBtn.addEventListener('click',() => {
+    collapseBtn.disabled = true
+    expandBtn.disabled = false
+    collapse(root, true)
+  })
+
+  expandBtn.addEventListener('click', () => {
+    collapseBtn.disabled = false
+    expandBtn.disabled = true
+    expand(root, true)
+  })
+}
\ No newline at end of file
diff --git a/packages/web-new/src/scripts/main.js b/packages/web-new/src/scripts/main.js
new file mode 100644
index 000000000..abeb2d0a5
--- /dev/null
+++ b/packages/web-new/src/scripts/main.js
@@ -0,0 +1,201 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/**
+ * @file The `main.js` takes care of setting eventHandlers
+ * and connecting the functionality of `util.js` with
+ * the html document. Furthermore it contains the code
+ * to integrate the monaco editor
+ */
+
+import { visualizeTab } from './visualize'
+import './editor'
+import './json-yaml'
+import './settings-menu'
+import './save-menu'
+import './examples-menu'
+import './console'
+import './open-api'
+import './async-api'
+import './defaults'
+import './visualize'
+import './validation'
+
+
+/***********************************************************/
+/*                          Loader                         */
+/***********************************************************/
+//Show loader until the document is fully loaded
+const loader = document.querySelector(".loader-container")
+let stateCheck = setInterval(() => {
+  if (document.readyState === 'complete') {
+    clearInterval(stateCheck)
+    loader.classList.add("hidden")
+  }
+}, 100)
+
+/***********************************************************/
+/*                Resizing functionality                   */
+/***********************************************************/
+const textIcon = document.querySelectorAll(".text-icon")
+const resizerY = document.querySelector(".horizontal-divider")
+const resizerX = document.querySelector(".vertical-divider")
+
+/*** Horizontal sizing section ***/
+
+/**
+ * Mouse down event listener for the resizerX element which
+ * then runs the onmousemoveX and the onmouseupX functions
+ * @param {event} e - the mousedown event
+ */
+resizerX.addEventListener("mousedown", (e) => {
+  e.preventDefault()
+  document.addEventListener("mousemove", onmousemoveX)
+  document.addEventListener("mouseup", onmouseupX)
+})
+
+/**
+ * Function to calculate the x position of the element to be
+ * dragged and resize the right and left elements
+ * @param {event} e - the mousemove event
+ */
+function onmousemoveX(e) {
+  e.preventDefault()
+  let clientX = e.clientX
+  const deltaX = clientX - (resizerX.clientX || clientX)
+  const l = resizerX.previousElementSibling
+  const r = resizerX.nextElementSibling
+
+  if (clientX > screen.width) {
+    resizerX.clientX = screen.width
+  }
+  else if (clientX < 0) {
+    resizerX.clientX = 0
+  }
+  else {
+    resizerX.clientX = clientX
+
+    // LEFT
+    if (deltaX < 0) {
+      const w = Math.round(parseInt(getComputedStyle(l).width) + deltaX)
+      l.style.flex = `0 ${w < 45 ? 30 : w}px`
+      r.style.flex = "1 0"
+      if (w < 65) {
+        textIcon.forEach(text => {
+          text.classList.add("hiddenH")
+        })
+      }
+    }
+
+    // RIGHT
+    if (deltaX > 0) {
+      const w = Math.round(parseInt(getComputedStyle(l).width) + deltaX)
+      l.style.flex = `0 ${w > 65 ? 80 : w}px`
+      r.style.flex = "1 0"
+      if (w > 65) {
+        textIcon.forEach(text => {
+          text.classList.remove("hiddenH")
+        })
+      }
+    }
+  }
+}
+
+/**
+ * Function to remove the mousemove and mouseup events
+ * and stop the onmousemoveX and onmouseupX functions
+ * @param {event} e - the mouseup event
+ */
+function onmouseupX(e) {
+  e.preventDefault()
+  document.removeEventListener("mousemove", onmousemoveX)
+  document.removeEventListener("mouseup", onmouseupX)
+  delete e.clientX
+}
+
+
+/*** Vertical sizing section ***/
+
+/**
+ * Mouse down event listener for the resizerY element which
+ * then runs the onmousemoveY and the onmouseupY functions
+ * @param {event} e - the mousedown event
+ */
+resizerY.addEventListener("mousedown", (e) => {
+  e.preventDefault()
+  document.addEventListener("mousemove", onmousemoveY)
+  document.addEventListener("mouseup", onmouseupY)
+})
+
+/**
+ * Function to calculate the y position of the element to be
+ * dragged and resize the top and bottom elements
+ * @param {event} e - the mousemove event
+ */
+function onmousemoveY(e) {
+  e.preventDefault()
+  const clientY = e.clientY
+  const deltaY = clientY - (resizerY.clientY || clientY)
+  const t = resizerY.previousElementSibling
+  const b = resizerY.nextElementSibling
+
+  if (clientY > screen.height) {
+    resizerY.clientY = screen.height
+  }
+  else if (clientY < 0) {
+    resizerY.clientY = 0
+  }
+  else {
+    resizerY.clientY = clientY
+    // DOWN
+    if (deltaY > 0) {
+      const h = Math.round(parseInt(getComputedStyle(b).height) - deltaY)
+      b.style.flex = `0 ${h < 55 ? 50 : h}px`
+      t.style.flex = "1 0"
+      if (Math.round(parseInt(getComputedStyle(t).height) + deltaY) > 290) {
+        textIcon.forEach(text => {
+          text.classList.remove("hiddenV")
+        })
+      }
+    }
+    // UP
+    if (deltaY < 0) {
+      const h = Math.round(parseInt(getComputedStyle(t).height) + deltaY)
+      t.style.flex = `0 ${h < 210 ? 200 : h}px`
+      b.style.flex = "1 0"
+      if (h < 290) {
+        textIcon.forEach(text => {
+          text.classList.add("hiddenV")
+        })
+      }
+    }
+  }
+}
+
+/**
+ * Function to remove the mousemove and mouseup events
+ * and stop the onmousemoveY and onmouseupY functions
+ * @param {event} e - the mouseup event
+ */
+function onmouseupY(e) {
+  e.preventDefault()
+  document.removeEventListener("mousemove", onmousemoveY)
+  document.removeEventListener("mouseup", onmouseupY)
+  delete e.clientY
+
+  if(visualizeTab.checked === true){
+    visualizeTab.click()
+  }
+}
diff --git a/packages/web-new/src/scripts/monochrome-theme.js b/packages/web-new/src/scripts/monochrome-theme.js
new file mode 100644
index 000000000..0aa4078b7
--- /dev/null
+++ b/packages/web-new/src/scripts/monochrome-theme.js
@@ -0,0 +1,83 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+const themeData = {
+    "base": "vs-dark",
+    "inherit": true,
+    "rules": [
+      { 'token': '', 'foreground': 'ffffff', 'background': '549087' },
+      { 'token': 'invalid', 'foreground': 'f44747' },
+      { 'token': 'emphasis', 'fontStyle': 'italic' },
+      { 'token': 'strong', 'fontStyle': 'bold' },
+  
+      { 'token': 'variable', 'foreground': 'ffbb00' },
+      { 'token': 'variable.predefined', 'foreground': 'ffbb00' },
+      { 'token': 'variable.parameter', 'foreground': 'ffbb00' },
+      { 'token': 'constant', 'foreground': 'ffbb00' },
+      { 'token': 'comment', 'foreground': '7b2d8a' },
+      { 'token': 'number', 'foreground': 'fffffe' },
+      { 'token': 'number.hex', 'foreground': 'fffffe' },
+      { 'token': 'regexp', 'foreground': 'be3989' },
+      { 'token': 'annotation', 'foreground': 'cc6666' },
+      { 'token': 'type', 'foreground': '00fcce' },
+  
+      { token: 'delimiter', foreground: 'ffffff' },
+      { token: 'delimiter.html', foreground: '808080' },
+      { token: 'delimiter.xml', foreground: '808080' },
+  
+      { token: 'tag', foreground: '7b2d8a' },
+      { token: 'tag.id.pug', foreground: '7b2d8a' },
+      { token: 'tag.class.pug', foreground: '7b2d8a' },
+      { token: 'meta.scss', foreground: 'A79873' },
+      { token: 'meta.tag', foreground: 'd1744f' },
+      { token: 'metatag', foreground: 'DD6A6F' },
+      { token: 'metatag.content.html', foreground: 'ffbb00' },
+      { token: 'metatag.html', foreground: 'ffbb00' },
+      { token: 'metatag.xml', foreground: 'ffbb00' },
+      { token: 'metatag.php', fontStyle: 'bold' },
+  
+      { token: 'key', foreground: 'ffbb00' },
+      { token: 'string.key.json', foreground: 'ffbb00' },
+      { token: 'string.value.json', foreground: 'd06c44' },
+  
+      { token: 'attribute.name', foreground: 'ffbb00' },
+      { token: 'attribute.value', foreground: 'd06c44' },
+      { token: 'attribute.value.number.css', foreground: '6ca74c' },
+      { token: 'attribute.value.unit.css', foreground: '6ca74c' },
+      { token: 'attribute.value.hex.css', foreground: 'D4D4D4' },
+  
+      { token: 'string', foreground: 'd06c44' },
+      { token: 'string.sql', foreground: 'FF0000' },
+  
+      { token: 'keyword', foreground: 'ffbb00' },
+      { token: 'keyword.flow', foreground: 'b33ea9' },
+      { token: 'keyword.json', foreground: 'd06c44' },
+      { token: 'keyword.flow.scss', foreground: 'ffbb00' },
+  
+      { token: 'operator.scss', foreground: '909090' },
+      { token: 'operator.sql', foreground: 'ffbb00' },
+      { token: 'operator.swift', foreground: '909090' },
+      { token: 'predefined.sql', foreground: 'FF00FF' },
+    ],
+    "colors": {
+      "editor.foreground": "#FFFFFF",
+      "editor.background": "#549087",
+      "editor.selectionBackground": "#73597EE0",
+      "editor.lineHighlightBackground": "#067362",
+      "editorCursor.foreground": "#FFFFFF"
+    } 
+}
+
+export default themeData
\ No newline at end of file
diff --git a/packages/web-new/src/scripts/open-api.js b/packages/web-new/src/scripts/open-api.js
new file mode 100644
index 000000000..dde078683
--- /dev/null
+++ b/packages/web-new/src/scripts/open-api.js
@@ -0,0 +1,91 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/**
+ * @file The `open-api.js` takes care of the main functionality for the 
+ * OpenAPI feature within the console. This include initializing the editor,
+ * connecting it to the local storage, as well as the main buttons within the OpenAPI
+ * feature such as json, yaml conversion and the download option.
+ */
+
+import { editor } from 'monaco-editor'
+import { setFontSize, editorForm, fontSizeSlider } from './settings-menu'
+import { generateTD, offerFileDownload } from './util'
+import { getEditorData } from './editor'
+
+/******************************************************************/
+/*                    OpenAPI functionality                       */
+/******************************************************************/
+
+//OpenAPI Elements
+export const openApiTab = document.querySelector(".api-tab-btn")
+export const openApiJsonBtn = document.querySelector("#open-api-json")
+export const openApiYamlBtn = document.querySelector("#open-api-yaml")
+export const openApiView = document.querySelector("#open-api-view")
+const openApiDownload = document.querySelector("#open-api-download")
+
+/**
+ * Initialize the monaco editor for the OpenAPI feature, sets it to an empty value,
+ * a default language of json and as a read only document. Also it connects the editor
+ * to the local storage to change the fontsize correspondingly
+ */
+async function initOpenApiEditor() {
+    window.openApiEditor = editor.create(document.getElementById('open-api-container'), {
+        value: "",
+        language: "json",
+        automaticLayout: true,
+        readOnly: true,
+        formatOnPaste: true
+    })
+
+    document.onload = setFontSize(window.openApiEditor)
+    fontSizeSlider.addEventListener("input", () => {
+        setFontSize(window.openApiEditor)
+    })
+
+    //Bind the reset button form the settings to the editor and assign the specied font size
+    editorForm.addEventListener("reset", () => {
+        setFontSize(window.openApiEditor)
+    })
+}
+
+initOpenApiEditor()
+
+//Json conversion btn
+openApiJsonBtn.addEventListener("click", () => {
+    generateTD("json", window.openApiEditor)
+    openApiJsonBtn.disabled = true
+    openApiYamlBtn.disabled = false
+})
+
+//Yaml conversion btn
+openApiYamlBtn.addEventListener("click", () => {
+    generateTD("yaml", window.openApiEditor)
+    openApiJsonBtn.disabled = false
+    openApiYamlBtn.disabled = true
+})
+
+//Donwload btn
+openApiDownload.addEventListener("click", () => {
+    const editorData = getEditorData(window.openApiEditor)
+    const contentType = `application/${editorData[0]};charset=utf-8;`
+    const visualizationName = editorData[2]["info"]["title"].replace(/\s/g, "-")
+
+    offerFileDownload(
+        `${visualizationName}-OpenAPI.${editorData[0]}`,
+        window.openApiEditor.getModel().getValue(),
+        contentType
+    )
+})
\ No newline at end of file
diff --git a/packages/web-new/src/scripts/save-menu.js b/packages/web-new/src/scripts/save-menu.js
new file mode 100644
index 000000000..a7b2fa5de
--- /dev/null
+++ b/packages/web-new/src/scripts/save-menu.js
@@ -0,0 +1,228 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/**
+ * @file The `save-menu.js` handle the main functionality for the save menu
+ * such as generating a sharable link, allowing to open such link in a new playground
+ * tab, or in ediTDor. As well as allowing the user to download the current TD/TM or 
+ * save it directly in their file system.
+ */
+
+import { save, openEditdor, offerFileDownload } from "./util"
+import { editorList, getEditorData } from "./editor"
+
+/***********************************************************/
+/*                 Save Menu functionality                 */
+/***********************************************************/
+const saveMenu = document.querySelector(".save-menu")
+const saveMenuBtn = document.querySelector("#save-btn")
+const closeSaveMenu = document.querySelector(".save-menu-close i")
+const shareUrlContainer =  document.querySelector("#share-url-input")
+const openUrlTab =  document.querySelector("#open-url-tab")
+const thingTypeText = document.querySelector('#thing-type-text')
+const shareUrlBtn = document.querySelector("#share-url-btn")
+const openEditdorBtn = document.querySelector('#open-editdor-btn')
+const downloadBtn = document.querySelector("#download-btn")
+const saveAsBtn = document.querySelector("#save-as-btn")
+const saveAsWarning = document.querySelector(".save-warning")
+let fileHandle;
+openUrlTab.disabled = true
+shareUrlContainer.value = ""
+
+//Open the save menu and change the text depending on the Thing type (TD or TM)
+saveMenuBtn.addEventListener("click", () => {
+  editorList.forEach(editorInstance => {
+    if(editorInstance["_domElement"].classList.contains("active")){
+      const editorValues = getEditorData(editorInstance)
+      thingTypeText.innerText = editorValues[1].toUpperCase()
+    }
+  })
+  saveMenu.classList.remove("closed")
+})
+
+//Hide save menu
+closeSaveMenu.addEventListener("click", () => {
+  saveMenu.classList.add("closed")
+  shareUrlContainer.value = ""
+  openUrlTab.disabled = true
+})
+
+/**
+ * Get the active editor, the format type, doc type and editor
+ * and call the saveAsURL function
+ */
+shareUrlBtn.addEventListener("click", () => {
+  try {
+    editorList.forEach(editorInstance => {
+      if(editorInstance["_domElement"].classList.contains("active")){
+        const editorValues = getEditorData(editorInstance)
+
+        saveAsURL(editorValues[0], editorValues[1], editorValues[2])
+      }
+    })
+  } catch (err) {
+    console.error(err);
+    shareUrlContainer.value = "Invalid JSON Object"
+    shareUrlContainer.classList.add("error")
+    setTimeout(() => {
+      shareUrlContainer.value = ""
+      shareUrlContainer.classList.remove("error")
+    }, 1500)
+  }
+})
+
+/**
+ * Get the doc type, format type and editor and calls the utils save function
+ * It then copies the link the url container
+ * @param { String } docType - tm or td
+ * @param { String } format - json or yaml
+ * @param { Object } editor - the editor reference object
+ */
+async function saveAsURL(formatType, thingType, editorContent){
+  const URL = await save(formatType, thingType, editorContent)
+  if(URL !== undefined){
+    shareUrlContainer.value = URL
+    openUrlTab.disabled = false
+  }
+}
+
+/**
+ * Get the active editor, the format type, doc type and editor
+ * and call the openEditdor function from utils
+ */
+openEditdorBtn.addEventListener("click", () => {
+  try {
+    editorList.forEach(editorInstance => {
+      if(editorInstance["_domElement"].classList.contains("active")){
+        const editorValues = getEditorData(editorInstance)
+
+        openEditdor(editorValues[0], editorValues[1], editorInstance)
+      }
+    })
+  } catch (err) {
+    console.error(err);
+    shareUrlContainer.value = "Invalid JSON Object"
+    shareUrlContainer.classList.add("error")
+    setTimeout(() => {
+      shareUrlContainer.value = ""
+      shareUrlContainer.classList.remove("error")
+    }, 1500)
+  }
+})
+
+/**
+ * Open the generated sharable link in a new playground tab
+ */
+openUrlTab.addEventListener("click", () => {
+  if(shareUrlContainer.value !== "" || shareUrlContainer.value !== "Invalid JSON Object"){
+    window.open(shareUrlContainer.value, '_blank');
+  }
+})
+
+/**
+ * Gets the active editor, editor content type and tab name,
+ * then it calls the utils offerFileDownload
+ */
+downloadBtn.addEventListener("click", () => {
+  editorList.forEach(editorInstance => {
+    if(editorInstance["_domElement"].classList.contains("active")){
+      const editorValues = getEditorData(editorInstance)
+      let tabName = editorValues[2]["title"].replaceAll(' ', '-')
+      const contentType = `application/${editorValues[0]};charset=utf-8;`
+
+      offerFileDownload(`${tabName}.${editorValues[0]}`, editorInstance.getValue(), contentType)
+    }
+  })
+  saveMenu.classList.add("closed")
+})
+
+/* Save as btn functionality */
+saveAsBtn.addEventListener("click", () => {
+  saveAsFile()
+})
+
+/**
+ * Saves the td as a file in the file system
+ * @param {*} content
+ */
+async function saveFileInSystem(content){
+  let stream = await fileHandle.createWritable()
+  await stream.write(content)
+  await stream.close()
+}
+
+/**
+ * Opens the file system allows the user to input a file
+ * name and save it as json , jsonld or yaml
+ * This function only works for chrome, edge and oper as of now (26.05.2023)
+ */
+async function saveAsFile(){
+  try{
+    let fileName = ""
+    let editorContent = ""
+    let acceptOpts = {}
+    let acceptDesc = ""
+    editorList.forEach(editorInstance => {
+      if(editorInstance["_domElement"].classList.contains("active")){
+        const editorValues = getEditorData(editorInstance)
+        fileName = `${editorValues[2]["title"]}.${editorValues[0]}`
+        editorContent = editorInstance.getValue()
+        acceptOpts = editorValues[0] === "json" ? { "text/plain": [".jsonld", ".json"] } : { "text/plain": [".yaml"] }
+        acceptDesc = editorValues[0] === "json" ? "json or jsonld files only" : "yaml files only"
+      }
+    })
+
+
+    const opts = {
+      suggestedName : fileName,
+      types: [
+        {
+          description: acceptDesc,
+          accept: acceptOpts,
+        },
+      ],
+      excludeAcceptAllOption: true,
+    }
+
+    fileHandle = await window.showSaveFilePicker(opts)
+
+    saveFileInSystem(editorContent)
+
+  }catch(err){
+    const errTxt = `${err}`
+    if(errTxt === "AbortError: The user aborted a request.")
+    {
+      console.error(err)
+    }
+    else{
+      saveAsWarning.classList.add("active")
+      setTimeout(() => {
+        saveAsWarning.classList.remove("active")
+      },1500)
+    }
+  }
+}
+
+//TODO IMPORT FROM FILES
+/** Experimental file manager fucntion*/
+// const visualizeView = document.querySelector("#visualize-view p")
+// async function getFile() {
+//   // Open file picker and destructure the result the first handle
+//   [fileHandle] = await window.showOpenFilePicker()
+//   let fileData = await fileHandle.getFile()
+//   let text = await fileData.text()
+//   visualizeView.innerText = text
+//   console.log(JSON.parse(text));
+// }
\ No newline at end of file
diff --git a/packages/web-new/src/scripts/settings-menu.js b/packages/web-new/src/scripts/settings-menu.js
new file mode 100644
index 000000000..ab17889cf
--- /dev/null
+++ b/packages/web-new/src/scripts/settings-menu.js
@@ -0,0 +1,161 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/**
+ * @file The `settings.js` contains the main functionality
+ * for the settings menu, such as event handlers, toggle buttons, 
+ * application preferences and themes. The preferences and themes are
+ * subsequently stored in the local storage
+ */  
+
+import { editor } from 'monaco-editor'
+import themeData from './monochrome-theme'
+
+/***********************************************************/
+/*                     Settings menu                       */
+/***********************************************************/
+const closeSettings = document.querySelector(".settings__close i");
+const settingsMenu = document.querySelector(".settings-menu");
+const settingsBtn = document.querySelector("#settings-btn");
+export const editorForm = document.querySelector(".settings__editor")
+const themePicker = document.querySelector("#theme-picker")
+const fontSizeTxt = document.querySelector(".editor-font-size")
+export const fontSizeSlider = document.querySelector("#font-size")
+const autoValidateBtn = document.querySelector('#auto-validate')
+const resetLoggingBtn = document.querySelector('#reset-logging')
+const validateJSONLDBtn = document.querySelector('#validate-jsonld')
+const tmConformanceBtn = document.querySelector('#tm-conformance')
+
+/***********************************************************/
+/*              Set New Theme Monaco editor                */
+/***********************************************************/
+editor.defineTheme('monochrome', themeData)
+
+//set the stored theme (if any)"
+document.onload = setTheme()
+
+
+//Bind the font size text to the slider element
+fontSizeTxt.innerText = fontSizeSlider.value
+
+/**
+ * Event listeners to open and close the settings menu
+ */
+closeSettings.addEventListener("click", () => {
+    settingsMenu.classList.add("closed");
+})
+
+settingsBtn.addEventListener("click", () => {
+    settingsMenu.classList.toggle("closed")
+})
+
+/**
+ * Event listener for reseting all the settings and preferences values
+ * @param {event} e - reset event
+ */
+editorForm.addEventListener("reset", (e) => {
+    e.preventDefault()
+
+    //reset preference values
+    fontSizeSlider.value = 14
+    fontSizeTxt.innerText = fontSizeSlider.value
+    themePicker.value = "light-mode"
+    document.documentElement.className = themePicker.value
+    storeTheme(themePicker.value)
+    storeFontSize(fontSizeSlider.value)
+    setMonacoTheme(themePicker.value)
+  
+    //resetting all toggle btns
+    autoValidateBtn.checked = false
+    resetLoggingBtn.checked = true
+    validateJSONLDBtn.checked = true
+    tmConformanceBtn.checked = true
+})
+
+/**
+ * Event listener to change the theme when the theme select input is changed
+ */
+themePicker.addEventListener("change", () => {
+    storeTheme(themePicker.value)
+    document.documentElement.className = themePicker.value
+    setMonacoTheme(themePicker.value) 
+})
+  
+/**
+ * Event listener to update the font size in the settings menu text 
+ * and in the monaco editor when the font size input is changed
+ */
+fontSizeSlider.addEventListener("input", () => {
+    fontSizeTxt.innerText = fontSizeSlider.value
+    storeFontSize(fontSizeSlider.value)
+})
+
+
+/***********************************************************/
+/*      Themes picker and font picker functionality        */
+/***********************************************************/
+
+/**
+ * Store the selected themek in the localStorage
+ * @param {String} theme - the name of the theme
+ */
+function storeTheme (theme) {
+    localStorage.setItem("theme", theme)
+}
+  
+/**
+ * Store the selected font size in the localStorage
+ * @param {Number} fontSize - The number of the font size
+ */
+function storeFontSize (fontSize) {
+    localStorage.setItem("fontSize", fontSize)
+}
+  
+/**
+ * Gets the theme value from the localStorage and sets the new theme
+ */
+function setTheme () {
+    const activeTheme = localStorage.getItem("theme") === null ? 'light-mode' : localStorage.getItem("theme")
+    themePicker.value = activeTheme
+    document.documentElement.className = activeTheme
+    setMonacoTheme(activeTheme)
+}
+  
+/**
+ * Function which gets the value from the localStorage and sets the new font size
+ * @param {object} editor - the editor object which references the created monaco editor
+ */
+export function setFontSize (editorInstance) {
+    const activeFontSize = localStorage.getItem("fontSize") === null ? '14' : localStorage.getItem("fontSize")
+    fontSizeTxt.innerText = activeFontSize
+    fontSizeSlider.value = activeFontSize
+    editorInstance.updateOptions({
+        fontSize: activeFontSize
+    })
+}
+
+/**
+ * Get the current page theme and implement it for the monaco editor as well
+ * @param { String } theme - the name of the current or wanted theme
+ */
+function setMonacoTheme(theme){
+    if (theme == "dark-mode") {
+        editor.setTheme('vs-dark')
+    }else if (theme == "light-mode") {
+        editor.setTheme('vs')
+    }else{
+        editor.setTheme('monochrome')
+    }
+}
\ No newline at end of file
diff --git a/packages/web-new/src/scripts/util.js b/packages/web-new/src/scripts/util.js
new file mode 100644
index 000000000..2bb5db7c1
--- /dev/null
+++ b/packages/web-new/src/scripts/util.js
@@ -0,0 +1,568 @@
+/*
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/**
+ * @file The `util.js` contains the core
+ * functionality the `@thing-description-playground/web` offers. It takes
+ * care of integrating other playground packages
+ * and offers a few utility functions.
+ */
+
+import { editor } from 'monaco-editor'
+import { convertTDJsonToYaml, convertTDYamlToJson, tdValidator, tmValidator, compress, decompress } from '../../../core/dist/web-bundle.min.js'
+import tdToOpenAPI from '../../../td_to_openapi/dist/web-bundle.min.js'
+import tdToAsyncAPI from '../../../td_to_asyncapi/dist/web-bundle.min.js'
+import { addDefaults, removeDefaults } from '../../../defaults/dist/web-bundle.min.js'
+import { validateJsonLdBtn, tmConformanceBtn, sectionHeaders } from './validation'
+
+
+let errorMessages = []
+/**
+ * Fetch the TD from the given address and return the JSON object
+ * @param {string} urlAddr url of the TD to fetch
+ */
+export function getTdUrl(urlAddr) {
+    return new Promise(resolve => {
+
+        fetch(urlAddr)
+            .then(res => res.json())
+            .then(data => {
+                resolve(data)
+            }, err => { alert("JSON could not be fetched from: " + urlAddr + "\n Error: " + err) })
+
+    })
+}
+
+//TODO : Remove function?
+// /**
+//  * Fetch the File from the given address and return the content as string
+//  * @param {string} urlAddr url of the TD to fetch
+//  */
+// function getTextUrl(urlAddr){
+//     return new Promise( resolve => {
+
+//         fetch(urlAddr)
+//         .then(res => res.text())
+//         .then(data => {
+//             resolve(data)
+//         }, err => {alert("Text could not be fetched from: " + urlAddr + "\n Error: " + err)})
+//     })
+// }
+
+
+/**
+ *  Offers a given content for download as a file.
+ * @param {string} fileName The title of the csv file
+ * @param {string} content The content of the csv file
+ * @param {string} type The content-type to output, e.g., text/csv;charset=utf-8;
+ */
+export function offerFileDownload(fileName, content, type) {
+
+    const blob = new Blob([content], { type });
+    if (navigator.msSaveBlob) { // IE 10+
+        navigator.msSaveBlob(blob, fileName);
+    } else {
+        const link = document.createElement("a");
+        if (link.download !== undefined) { // feature detection
+            // Browsers that support HTML5 download attribute
+            const url = URL.createObjectURL(blob)
+            link.setAttribute("href", url)
+            link.setAttribute("download", fileName)
+            link.setAttribute("src", url.slice(5))
+            link.style.visibility = "hidden";
+            document.body.appendChild(link)
+            link.click();
+            document.body.removeChild(link)
+            URL.revokeObjectURL(url)
+        }
+    }
+
+}
+
+/**
+ * Generates an TD instance from
+ * the TD in the Editor
+ * @param {"json"|"yaml"} fileType
+ */
+export function generateTD(fileType, editorInstance) {
+    return new Promise((res, rej) => {
+        const tdToValidate = editorInstance.getValue()
+
+        if (tdToValidate === "") {
+            rej("No TD given to generate TD instance")
+        }
+        else if (fileType !== "json" && fileType !== "yaml") {
+            rej("Wrong content type required: " + fileType)
+        }
+        else {
+            try {
+                const content = fileType === "json"
+                    ? JSON.stringify(JSON.parse(convertTDYamlToJson(tdToValidate)), undefined, 4)
+                    : convertTDJsonToYaml(tdToValidate)
+
+                editor.setModelLanguage(editorInstance.getModel(), fileType)
+                editorInstance.setValue(content)
+            } catch (err) {
+                rej("TD generation problem: " + err)
+            }
+        }
+    })
+}
+
+/**
+ * Generates an OpenAPI instance from
+ * the TD in the Editor
+ * @param {"json"|"yaml"} fileType
+ */
+export function generateOAP(fileType, editorInstance) {
+    return new Promise((res, rej) => {
+        const tdToValidate = fileType === "json"
+            ? editorInstance.getValue()
+            : convertTDYamlToJson(editorInstance.getValue())
+
+        if (tdToValidate === "") {
+            rej("No TD given to generate OpenAPI instance")
+        }
+        else if (fileType !== "json" && fileType !== "yaml") {
+            rej("Wrong content type required: " + fileType)
+        }
+        else {
+            tdToOpenAPI(JSON.parse(tdToValidate)).then(openAPI => {
+                const content = fileType === "json" ? JSON.stringify(openAPI[fileType], undefined, 4) : openAPI[fileType]
+                editor.setModelLanguage(window.openApiEditor.getModel(), fileType)
+                window.openApiEditor.getModel().setValue(content)
+            }, err => { rej("OpenAPI generation problem: " + err) })
+        }
+    })
+}
+
+/**
+ * Generates an AsyncAPI instance from
+ * the TD in the Editor
+ * @param {"json"|"yaml"} fileType
+ */
+export function generateAAP(fileType, editorInstance) {
+    return new Promise((res, rej) => {
+        const tdToValidate = fileType === "json"
+            ? editorInstance.getValue()
+            : convertTDYamlToJson(editorInstance.getValue())
+
+        if (tdToValidate === "") {
+            rej("No TD given to generate AsyncAPI instance")
+        }
+        else if (fileType !== "json" && fileType !== "yaml") {
+            rej("Wrong content type required: " + fileType)
+        }
+        else {
+            tdToAsyncAPI(JSON.parse(tdToValidate)).then(asyncAPI => {
+                const content = fileType === "json" ? JSON.stringify(asyncAPI[fileType], undefined, 4) : asyncAPI[fileType]
+                editor.setModelLanguage(window.asyncApiEditor.getModel(), fileType)
+                window.asyncApiEditor.getModel().setValue(content)
+            }, err => { rej("AsyncAPI generation problem: " + err) })
+        }
+    })
+}
+
+/**
+ * applies adding unset default values
+ * to the TD in the editor
+ */
+export function addDefaultsUtil(editorInstance) {
+    const tdToExtend = editorInstance["_domElement"].dataset.modeId === "json"
+        ? JSON.parse(editorInstance.getValue())
+        : JSON.parse(convertTDYamlToJson(editorInstance.getValue()))
+    addDefaults(tdToExtend)
+    window.defaultsEditor.getModel().setValue(JSON.stringify(tdToExtend, undefined, 4))
+    editor.setModelLanguage(window.defaultsEditor.getModel(), editorInstance["_domElement"].dataset.modeId)
+    if (editorInstance["_domElement"].dataset.modeId === "yaml") {
+        generateTD("yaml", window.defaultsEditor)
+    }
+}
+
+/**
+ * applies removing explicitly given
+ * default values from the TD
+ * in the editor
+ */
+export function removeDefaultsUtil(editorInstance) {
+    const tdToReduce = editorInstance["_domElement"].dataset.modeId === "json"
+        ? JSON.parse(editorInstance.getValue())
+        : JSON.parse(convertTDYamlToJson(editorInstance.getValue()))
+    removeDefaults(tdToReduce)
+    window.defaultsEditor.getModel().setValue(JSON.stringify(tdToReduce, undefined, 4))
+    editor.setModelLanguage(window.defaultsEditor.getModel(), editorInstance["_domElement"].dataset.modeId)
+    if (editorInstance["_domElement"].dataset.modeId === "yaml") {
+        generateTD("yaml", window.defaultsEditor)
+    }
+}
+
+/**
+ * Calls the Validator of the core package and updates the status of the console categories
+ * @param {string} body Thing Description/Thing Model to validate
+ * @param {string} docType "td" or "tm"
+ * @param {*} source "manual" or "auto"
+ */
+export function validate(thingType, editorContent) {
+
+    resetValidationStatus()
+
+    const checkJsonLd = validateJsonLdBtn.checked
+    const checkTmConformance = tmConformanceBtn.checked
+
+    const validator = thingType === "td" ? tdValidator : tmValidator
+
+    validator(editorContent, log, { checkDefaults: true, checkJsonLd, checkTmConformance })
+        .then(result => {
+            // console.log(result)
+            Object.keys(result.report).forEach(el => {
+                const spotName = "spot-" + el
+                document.getElementById(spotName).removeAttribute('open')
+                const resultIcon = document.getElementById(spotName).children[0].children[0]
+                if (result.report[el] === "passed") {
+                    resultIcon.classList.remove("fa-circle")
+                    resultIcon.classList.add("fa-circle-check")
+                }
+                else if (result.report[el] === "warning") {
+                    resultIcon.classList.remove("fa-circle")
+                    resultIcon.classList.add("fa-circle-exclamation")
+
+                }
+                else if (result.report[el] === "failed") {
+                    resultIcon.classList.remove("fa-circle")
+                    resultIcon.classList.add("fa-circle-xmark")
+                }
+                else if (result.report[el] === null) {
+                    //do nothing
+                }
+                else {
+                    console.error("unknown report feedback value")
+                }
+            })
+
+            Object.keys(result.details).forEach(el => {
+                const detailsName = el + "-section"
+                if (document.getElementById(detailsName)) {
+                    document.getElementById(detailsName).removeAttribute('open')
+                    const detailsIcon = document.getElementById(detailsName).children[0].children[0]
+
+                    if (result.details[el] === "passed") {
+                        detailsIcon.classList.remove("fa-circle")
+                        detailsIcon.classList.add("fa-circle-check")
+                    }
+                    else if (result.details[el] === "warning" || result.details[el] === "not-impl") {
+                        detailsIcon.classList.remove("fa-circle")
+                        detailsIcon.classList.add("fa-circle-exclamation")
+                    }
+                    else if (result.details[el] === "failed") {
+                        detailsIcon.classList.remove("fa-circle")
+                        detailsIcon.classList.add("fa-circle-xmark")
+                    }
+                    else if (result.details[el] === null) {
+                        //do nothing
+                    }
+                    else {
+                        console.error("unknown report feedback value")
+                    }
+                }
+            })
+
+            Object.keys(result.detailComments).forEach(el => {
+                const detailsName = el + "-section"
+
+                if (document.querySelector(`#${detailsName} .description`)) {
+                    const detailsDesc = document.querySelector(`#${detailsName} .description`)
+
+                    detailsDesc.textContent = result.detailComments[el]
+                }
+            })
+
+            populateCategory(errorMessages)
+        })
+}
+
+/**
+ * Resets the status of the validation headers, as well as the error message list
+ */
+function resetValidationStatus() {
+    while (errorMessages.length > 0) {
+        errorMessages.pop()
+    }
+    sectionHeaders.forEach(header => {
+        const headerIcon = header.children[0]
+        if (!headerIcon.classList.contains("fa-circle")) {
+            headerIcon.classList.remove("fa-circle-check", "fa-circle-exclamation", "fa-circle-xmark", "fa-circle")
+            headerIcon.classList.add("fa-circle")
+        }
+    })
+}
+
+/**
+ * Logs the error messages provided by the Validator
+ * @param { String } message - text sent from the validator
+ */
+function log(message) {
+    errorMessages.push(message)
+}
+
+//TODO: This function should only be used for the moment being as it should be changed or adpated when the corresponding changes to the Validator have been finalized
+/**
+ * Populates the error messages on the categories where the validation has failed or has a warning
+ * @param { Array } messagesList - Array of error messages
+ */
+function populateCategory(messagesList) {
+    // console.log(messagesList);
+    document.querySelectorAll("#spot-json, #spot-schema, #spot-defaults, #spot-jsonld, #spot-additional").forEach(category => {
+        const categoryContainer = category.querySelector("ul.section-content")
+        categoryContainer.classList.add("empty")
+        while (categoryContainer.children.length > 0) {
+            categoryContainer.children[0].remove()
+        }
+        if (category.children[0].children[0].classList.contains("fa-circle-xmark") || category.children[0].children[0].classList.contains("fa-circle-exclamation")) {
+            const noticePrompt = document.createElement("p")
+            noticePrompt.textContent = "*This feature is still in the testing phase, and it may not refer to the correct source of the error*"
+            noticePrompt.classList.add("notice-prompt")
+            categoryContainer.append(noticePrompt)
+            messagesList.forEach(message => {
+                const listElement = document.createElement("li")
+                listElement.textContent = message
+                categoryContainer.append(listElement)
+            })
+            categoryContainer.classList.remove("empty")
+        } else if (category.children[0].children[0].classList.contains("fa-circle-check")){
+            const successMessage = document.createElement("li")
+            successMessage.textContent = "Validated Successfully"
+            categoryContainer.append(successMessage)
+            categoryContainer.classList.remove("empty")
+        }else{
+            const nullMessage = document.createElement("li")
+            nullMessage.textContent = "A previous validation has failed or it is only available for Thing Descriptions"
+            categoryContainer.append(nullMessage)
+            categoryContainer.classList.remove("empty")
+        }
+    })
+}
+
+/**
+ * Save current TD/TM as a compressed string in URL fragment.
+ * @param {string} docType "td" or "tm"
+ * @param {string} format "json" or "yaml"
+ */
+export async function save(formatType, thingType, editorContent) {
+
+    const value = JSON.stringify(editorContent)
+    if (!value) {
+        alert(`No ${thingType.toUpperCase()} provided`);
+        return;
+    }
+
+    const data = thingType + formatType + value
+    const compressed = compress(data)
+    return `${window.location.href}#${compressed}`
+}
+
+/**
+ * Save current TD/TM as a compressed string in URL fragment to be opened with ediTDor.
+ * @param {string} docType "td" or "tm"
+ * @param {string} format "json" or "yaml"
+ */
+export async function openEditdor(formatType, thingType, editorInstance) {
+
+    const value = formatType === "yaml" ? convertTDYamlToJson(editorInstance.getValue()) : editorInstance.getValue()
+    if (!value) {
+        alert(`No ${thingType.toUpperCase()} provided`)
+        return;
+    }
+    const data = thingType + formatType + value
+    const compressed = compress(data)
+    const URL = `https://eclipse.github.io/editdor/?td=${compressed}`
+    window.open(URL, '_blank')
+}
+
+/**
+ * Given a URL fragment construct current value of an editor.
+ */
+export function getEditorValue(fragment) {
+    const data = decompress(fragment)
+    return data || '';
+}
+
+// Monaco Location Pointer
+
+/**
+ * Finds the location/path of the text in JSON from its Monaco Editor location
+ * @param {string} The text/keyword which is searched on the editor
+ * @param {ITextModel} The text model of Monaco editor
+ */
+export function findJSONLocationOfMonacoText(text, textModel) {
+    const matches = textModel.findMatches(text, false, false, false, null, false)
+    const results = []
+
+    matches.forEach(match => {
+        const path = searchPath(textModel, getEndPositionOfMatch(match))
+        results.push({ match, path })
+    })
+
+    return results
+}
+
+const QUOTE = '"'
+const LEFT_BRACKET = "{"
+const RIGHT_BRACKET = "}"
+const SEMICOLON = ":"
+const LEFT_SQUARE_BRACKET = "["
+const RIGHT_SQUARE_BRACKET = "]"
+const COMMA = ","
+
+/**
+ * Looks for specific characters on the model to figure out the path of the position/search text
+ * @param {ITextModel} textModel The text model of Monaco Edtior
+ * @param {IPosition} position The position on Monaco editor which consists of column and line number
+ * @returns A string that is the path of the searched text. Search is done with the text's position on the editor
+ */
+function searchPath(textModel, position) {
+    let path = '/'
+    let parentKey = ''
+    const stack = []
+    let recordingParent = false
+    let isValue = true
+    let commaCount = 0
+
+    for (let i = position.lineNumber; i > 0; i--) {
+        const currentColumnIndex = (i === position.lineNumber ? position.column : textModel.getLineLength(i)) - 1
+        const lineContent = textModel.getLineContent(i)
+        for (let j = currentColumnIndex; j >= 0; j--) {
+            const currentChar = lineContent[j]
+
+            if (recordingParent) {
+                if (currentChar === QUOTE) {
+                    if (stack[stack.length - 1] === QUOTE) {
+                        stack.pop()
+                        path = "/" + parentKey + path
+                        parentKey = ""
+                        recordingParent = false
+                    } else {
+                        stack.push(currentChar)
+                        continue
+                    }
+                }
+
+                if (stack[stack.length - 1] === QUOTE) {
+                    parentKey = currentChar + parentKey
+                    continue
+                }
+            } else {
+                if (currentChar === SEMICOLON) {
+                    recordingParent = isValue
+
+                    if (stack.length > 0) {
+                        const top = stack[stack.length - 1]
+
+                        if (top === LEFT_SQUARE_BRACKET) {
+                            parentKey = "/" + commaCount.toString()
+                            stack.pop()
+                            recordingParent = true
+                        }
+
+                        if (top === LEFT_BRACKET) {
+                            stack.pop()
+                            recordingParent = true
+                        }
+                    }
+                }
+
+                if (currentChar === LEFT_SQUARE_BRACKET) {
+                    isValue = false
+                    if (stack.length > 0) {
+                        if (stack[stack.length - 1] === RIGHT_SQUARE_BRACKET) {
+                            stack.pop()
+                        }
+
+                        if (stack[stack.length - 1] === LEFT_BRACKET) {
+                            stack.pop()
+                            stack.push(currentChar)
+                        }
+                    } else {
+                        commaCount = 0
+                        stack.push(currentChar)
+                    }
+                }
+
+                if (currentChar === LEFT_BRACKET) {
+                    isValue = false
+                    if (stack.length > 0 && stack[stack.length - 1] === RIGHT_BRACKET) {
+                        stack.pop()
+                    } else {
+                        commaCount = 0
+                        stack.push(currentChar)
+                    }
+                }
+
+                if (currentChar === COMMA) {
+                    isValue = false
+                    if (stack.length <= 1) {
+                        commaCount++
+                    }
+                }
+
+                if (currentChar === RIGHT_SQUARE_BRACKET) {
+                    isValue = false
+                    stack.push(currentChar)
+                }
+
+                if (currentChar === RIGHT_BRACKET) {
+                    isValue = false
+                    stack.push(currentChar)
+                }
+            }
+        }
+    }
+
+    return path
+}
+
+/**
+ * Gets the end position of a match
+ * @param {FindMatch} match
+ * @returns The object contains the end column and line number of a match
+ */
+function getEndPositionOfMatch(match) {
+    return {
+        column: match.range.endColumn,
+        lineNumber: match.range.endLineNumber
+    }
+}
+
+/**
+ * Finds the location of the text in Monaco Editor from its JSON location/path
+ * @param {string} jsonPath The JSON path of the searched text
+ * @param {string} text The text that is being searched
+ * @param {ITextModel} textModel The text model of Monaco editor
+ * @returns The location of the text on Monaco editor by describing its column and line number range
+ */
+export function findMonacoLocationOfJSONText(jsonPath, text, textModel) {
+    const results = findJSONLocationOfMonacoText(text, textModel)
+    let monacoLocation = {}
+
+    if (results) {
+        results.forEach(result => {
+            if (jsonPath.localeCompare(result.path) === 0) {
+                monacoLocation = result.match.range
+                return
+            }
+        })
+    }
+
+    return monacoLocation
+}
\ No newline at end of file
diff --git a/packages/web-new/src/scripts/validation.js b/packages/web-new/src/scripts/validation.js
new file mode 100644
index 000000000..2e20f5adb
--- /dev/null
+++ b/packages/web-new/src/scripts/validation.js
@@ -0,0 +1,33 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/**
+ * @file The `validation.js` contains the related html elements for the validation view, as
+ * well as the behaviour for the validation button on the main navigation menu
+ */
+
+export const validationView = document.querySelector("#validation-view")
+export const validationTab = document.querySelector("#validation-tab")
+const validationBtn = document.querySelector("#validate-btn")
+export const autoValidateBtn = document.querySelector("#auto-validate")
+export const resetLoggingBtn = document.querySelector("#reset-logging")
+export const validateJsonLdBtn = document.querySelector("#validate-jsonld")
+export const tmConformanceBtn = document.querySelector("#tm-conformance")
+export const sectionHeaders = document.querySelectorAll("#validation-view .section-header")
+
+//Open validation with menu btn
+validationBtn.addEventListener("click", () => {
+    validationTab.click()
+})
\ No newline at end of file
diff --git a/packages/web-new/src/scripts/vega-vis.js b/packages/web-new/src/scripts/vega-vis.js
new file mode 100644
index 000000000..9cbc28a4b
--- /dev/null
+++ b/packages/web-new/src/scripts/vega-vis.js
@@ -0,0 +1,331 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/**
+ * @file The `vega-vis.js` handles the vega visualization for the
+ * tree option, by utilizin the vega and vega-embed dependencies
+ */
+
+import vegaEmbed from 'vega-embed'
+
+/**
+ * Initialize and generat the Vega visualization by passing the container element and the td content
+ * @param { html element } visContainer - Html container for the svg visualization
+ * @param { json object } td - Json object from the current editor
+ */
+export async function vegaVis(visContainer, td) {
+
+  const treeData = [
+    {
+      id: '0',
+      name: td.title,
+      parent: null
+    }
+  ];
+  const conf = {
+    "$schema": "https://vega.github.io/schema/vega/v5.json",
+    "description": "A radial tree visualization for a W3C Thing Description.",
+    "width": document.getElementById("visualize-container").offsetWidth - 20,
+    "height": document.getElementById("visualize-container").offsetHeight - 30,
+
+    "signals": [
+      {
+        "name": "labels", "value": true,
+        "bind": {
+          "input": "checkbox",
+          "element": "#vega-bindings-wrapper"
+        }
+      },
+      {
+        "name": "radius", "value": 350,
+        "bind": {
+          "input": "range",
+          "min": 20,
+          "max": 800,
+          "element": "#vega-bindings-wrapper"
+        }
+      },
+      {
+        "name": "extent", "value": 360,
+        "bind": {
+          "input": "range",
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "element": "#vega-bindings-wrapper"
+        }
+      },
+      {
+        "name": "rotate", "value": 0,
+        "bind": {
+          "input": "range",
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "element": "#vega-bindings-wrapper"
+        }
+      },
+      {
+        "name": "dragPrecision", "value": 100,
+        "bind": {
+          "input": "range",
+          "min": 1,
+          "max": 100,
+          "step": 1,
+          "name": "drag precision",
+          "element": "#vega-bindings-wrapper"
+        }
+      },
+      {
+        "name": "layout", "value": "tidy",
+        "bind": {
+          "input": "radio",
+          "options": ["tidy", "cluster"],
+          "element": "#vega-bindings-wrapper"
+        }
+      },
+      {
+        "name": "links", "value": "line",
+        "bind": {
+          "input": "select",
+          "options": ["line", "curve", "diagonal", "orthogonal"],
+          "element": "#vega-bindings-wrapper"
+        }
+      },
+      {
+        "name": "start",
+        "value": null,
+        "on": [
+          {
+            "events": "mousedown",
+            "update": "xy()"
+          }
+        ]
+      },
+      {
+        "name": "drag",
+        "value": null,
+        "on": [
+          {
+            "events": "[mousedown, window:mouseup] > window:mousemove",
+            "update": "xy()"
+          }
+        ]
+      },
+      {
+        "name": "originX",
+        "update": "width / 2",
+        "on": [
+          {
+            "events": { "signal": "drag" },
+            "update": "clamp((drag[0] - start[0]) / dragPrecision + originX, 0, width)"
+          }
+        ]
+      },
+      {
+        "name": "originY",
+        "update": "height / 2",
+        "on": [
+          {
+            "events": { "signal": "drag" },
+            "update": "clamp((drag[1] - start[1]) / dragPrecision + originY, 0, height)"
+          }
+        ]
+      }
+    ],
+
+    "data": [
+      {
+        "name": "tree",
+        "values": treeData,
+        "transform": [
+          {
+            "type": "stratify",
+            "key": "id",
+            "parentKey": "parent"
+          },
+          {
+            "type": "tree",
+            "method": { "signal": "layout" },
+            "size": [1, { "signal": "radius" }],
+            "as": ["alpha", "radius", "depth", "children"]
+          },
+          {
+            "type": "formula",
+            "expr": "(rotate + extent * datum.alpha + 270) % 360",
+            "as": "angle"
+          },
+          {
+            "type": "formula",
+            "expr": "PI * datum.angle / 180",
+            "as": "radians"
+          },
+          {
+            "type": "formula",
+            "expr": "inrange(datum.angle, [90, 270])",
+            "as": "leftside"
+          },
+          {
+            "type": "formula",
+            "expr": "originX + datum.radius * cos(datum.radians)",
+            "as": "x"
+          },
+          {
+            "type": "formula",
+            "expr": "originY + datum.radius * sin(datum.radians)",
+            "as": "y"
+          }
+        ]
+      },
+      {
+        "name": "links",
+        "source": "tree",
+        "transform": [
+          { "type": "treelinks" },
+          {
+            "type": "linkpath",
+            "shape": { "signal": "links" }, "orient": "radial",
+            "sourceX": "source.radians", "sourceY": "source.radius",
+            "targetX": "target.radians", "targetY": "target.radius"
+          }
+        ]
+      }
+    ],
+
+    "scales": [
+      {
+        "name": "color",
+        "type": "linear",
+        "range": { "scheme": "magma" },
+        "domain": { "data": "tree", "field": "depth" },
+        "zero": true
+      }
+    ],
+
+    "marks": [
+      {
+        "type": "path",
+        "from": { "data": "links" },
+        "encode": {
+          "update": {
+            "x": { "signal": "originX" },
+            "y": { "signal": "originY" },
+            "path": { "field": "path" },
+            "stroke": { "value": "#ccc" }
+          }
+        }
+      },
+      {
+        "type": "symbol",
+        "from": { "data": "tree" },
+        "encode": {
+          "enter": {
+            "size": { "value": 100 },
+            "stroke": { "value": "#fff" }
+          },
+          "update": {
+            "x": { "field": "x" },
+            "y": { "field": "y" },
+            "fill": { "scale": "color", "field": "depth" }
+          }
+        }
+      },
+      {
+        "type": "text",
+        "from": { "data": "tree" },
+        "encode": {
+          "enter": {
+            "text": { "field": "name" },
+            "fontSize": { "value": 12 },
+            "baseline": { "value": "middle" }
+          },
+          "update": {
+            "x": { "field": "x" },
+            "y": { "field": "y" },
+            "dx": { "signal": "(datum.leftside ? -1 : 1) * 6" },
+            "angle": { "signal": "datum.leftside ? datum.angle - 180 : datum.angle" },
+            "align": { "signal": "datum.leftside ? 'right' : 'left'" },
+            "opacity": { "signal": "labels ? 1 : 0" }
+          }
+        }
+      }
+    ]
+  };
+
+  function tdToVega(source, parent) {
+    Object.keys(source).forEach((key, index) => {
+      if (key === '@id' || key === '@context' || source[key] === null) return;
+
+      if (typeof source[key] === 'object' && !Array.isArray(source[key])) {
+        treeData.push(
+          {
+            id: `${parent}_${index}`,
+            name: key,
+            parent
+          }
+        );
+
+        tdToVega(source[key], `${parent}_${index}`);
+
+      } else if (Array.isArray(source[key])) {
+        treeData.push(
+          {
+            id: `${parent}_${index}`,
+            name: key,
+            parent
+          }
+        );
+
+        source[key].map((e, i) => {
+          if (typeof e === 'object') {
+            treeData.push(
+              {
+                id: `${parent}_${index}_${i}`,
+                name: `${i}`,
+                parent: `${parent}_${index}`
+              }
+            );
+
+            tdToVega(e, `${parent}_${index}_${i}`);
+          } else {
+            treeData.push({
+              id: `${parent}_${index}_${i}`,
+              name: e,
+              parent: `${parent}_${index}`
+            });
+          }
+        });
+
+      } else {
+        treeData.push({
+          id: `${parent}_${index}`,
+          name: key,
+          parent
+        });
+      }
+    });
+  }
+
+  tdToVega(td, treeData[0].id);
+
+  window.vegaObj = await vegaEmbed(
+    visContainer,
+    conf,
+    {
+      actions: false,
+      renderer: 'svg'
+    }
+  );
+}
\ No newline at end of file
diff --git a/packages/web-new/src/scripts/visualize.js b/packages/web-new/src/scripts/visualize.js
new file mode 100644
index 000000000..f34246f92
--- /dev/null
+++ b/packages/web-new/src/scripts/visualize.js
@@ -0,0 +1,82 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/**
+ * @file The `visualize.js` takes care of setting eventHandlers
+ * and and the the main functions to initialize both the d3 and the vega
+ * visualizations as well as the visualization type and download buttons
+ */
+
+import { collapseBtn, expandBtn, jsonldVis } from "./jsonld-vis.js"
+import { vegaVis } from "./vega-vis.js"
+import { downloadSvg, downloadPng } from 'svg-crowbar'
+
+export const visualizeView = document.querySelector("#visualize-view")
+export const visualizeTab = document.querySelector("#visualize-tab")
+const downloadSvgBtn = document.getElementById('download-svg')
+const downloadPngBtn = document.getElementById('download-png')
+const graphViewInput = document.querySelector("#graph-view")
+const treeViewInput = document.querySelector("#tree-view")
+const graphInputs = document.querySelector(".visualize-inputs__graph")
+const treeInputs = document.querySelector(".visualize-inputs__tree")
+const visViews = [graphViewInput, treeViewInput]
+
+/**
+ * parses the edito value, if it works, checks the the vis type
+ * and initializes the rescpective visualization and well as 
+ * enabling the respective inputs
+ * @param { String } editorValue 
+ */
+export function visualize(editorValue) {
+    collapseBtn.disabled = false
+    expandBtn.disabled = false
+    document.getElementById("visualized").innerHTML = ""
+    visualizeView.classList.remove("hidden")
+
+    if (graphViewInput.checked === true) {
+        graphInputs.classList.remove("hidden")
+        treeInputs.classList.add("hidden")
+        jsonldVis(editorValue, "#visualized", {
+            h: document.getElementById("visualize-container").offsetHeight - 30,
+            w: document.getElementById("visualize-container").offsetWidth - 20,
+            maxLabelWidth: 200,
+            scalingFactor: 5,
+        })
+    } else {
+        graphInputs.classList.add("hidden")
+        treeInputs.classList.remove("hidden")
+
+        vegaVis("#visualized", editorValue)
+    }
+}
+
+// Download as svg button
+downloadSvgBtn.addEventListener("click", () => {
+    const visualizationName = graphViewInput.checked === true ? "Graph-visualization" : "Tree-visualization"
+    downloadSvg(document.querySelector("#visualized svg"), visualizationName)
+})
+
+// Download as png button
+downloadPngBtn.addEventListener("click", () => {
+    const visualizationName = graphViewInput.checked === true ? "Graph-visualization" : "Tree-visualization"
+    downloadPng(document.querySelector("#visualized svg"), visualizationName)
+})
+
+//If the vis type is changed simulate a click on the visualize tab to call the visualize function
+visViews.forEach(el => {
+    el.addEventListener("click", () => {
+        visualizeTab.click()
+    })
+})
\ No newline at end of file
diff --git a/packages/web-new/src/styles/_console.scss b/packages/web-new/src/styles/_console.scss
new file mode 100644
index 000000000..272d43754
--- /dev/null
+++ b/packages/web-new/src/styles/_console.scss
@@ -0,0 +1,674 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/*** Console ***/
+.console {
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+
+    &__tabs {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+        border-bottom: 2px solid var(--clr-primary-500);
+        padding: 0 1rem;
+        height: fit-content;
+
+        .console-controllers {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+            .trash,
+            .download {
+                padding: 1rem .5rem;
+                appearance: none;
+                border: none;
+                background-color: var(--clr-neutral-50);
+                color: var(--clr-primary-500);
+                transition: color 250ms ease;
+
+                &:hover {
+                    color: var(--clr-primary-900);
+                    cursor: pointer;
+                }
+
+                &:disabled {
+                    color: var(--clr-neutral-300);
+                    cursor: auto;
+                }
+            }
+
+            .download {
+                margin-right: 1rem;
+            }
+        }
+
+        .visualization {
+            height: 100%;
+            display: flex;
+            align-items: center;
+
+            input[type=radio] {
+                appearance: none;
+                width: fit-content;
+                padding: .5rem 1rem;
+                background-color: var(--clr-neutral-50);
+                border-top-right-radius: 5px;
+                border-top-left-radius: 5px;
+                color: var(--clr-neutral-300);
+                font-family: var(--ff-primary);
+                font-size: var(--fs-p);
+                font-weight: var(--fw-bold);
+                cursor: pointer;
+                overflow: hidden;
+                transition: all 250ms ease-in-out;
+
+                &::before {
+                    width: 100%;
+                    height: 100%;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                }
+
+                &:nth-child(1)::before {
+                    content: 'Validation';
+                }
+
+                &:nth-child(2)::before {
+                    content: 'OpenAPI';
+                }
+
+                &:nth-child(3)::before {
+                    content: 'AsyncAPI';
+                }
+
+                &:nth-child(4)::before {
+                    content: 'Defaults';
+                }
+
+                // &:nth-child(5)::before{
+                //     content: 'Linting';
+                // }
+
+                // &:nth-child(6)::before{
+                //     content: 'Canonicalize';
+                // }
+
+                &:nth-child(5)::before {
+                    content: 'Visualize';
+                }
+            }
+
+            input[type=radio]:checked {
+                color: var(--clr-neutral-900);
+            }
+
+            input[type=radio]:disabled {
+                color: var(--clr-neutral-200);
+                cursor: not-allowed;
+            }
+
+        }
+    }
+
+    &__content {
+        width: 100%;
+        height: 100%;
+        position: relative;
+        overflow: hidden;
+
+        .console-error {
+            position: absolute;
+            top: 0;
+            left: 0;
+            display: grid;
+            place-items: center;
+            width: 100%;
+            height: 100%;
+            background-color: var(--clr-neutral-50);
+            opacity: 1;
+            pointer-events: all;
+
+            p {
+                font-weight: var(--fw-bold);
+                color: var(--clr-error-900);
+                text-align: center;
+                font-size: var(--fs-sub-header);
+                transform: scale(1);
+                transition: transform 250ms var(--trans-bouncy);
+            }
+
+            &.hidden {
+                opacity: 0;
+                pointer-events: none;
+                transition: opacity 150ms ease-in-out;
+
+                p {
+                    transform: scale(0);
+                }
+            }
+        }
+
+        .console-view {
+            width: 100%;
+            height: 100%;
+            max-width: 100%;
+            max-height: 100%;
+            opacity: 1;
+            pointer-events: all;
+            position: absolute;
+            top: 0;
+            right: 0;
+            overflow: hidden;
+            padding: 2rem;
+            transition: opacity 250ms ease-in-out;
+
+            &.hidden {
+                width: 0;
+                height: 0;
+                opacity: 0;
+                pointer-events: none;
+                transition: opacity 0s ease-in-out;
+            }
+        }
+
+        .validation-view {
+            .validation-container {
+                width: 100%;
+                height: 100%;
+                overflow-y: auto;
+                overflow-x: hidden;
+
+                details {
+                    margin-bottom: 1rem;
+
+                    summary {
+                        .show-icon {
+                            transform: rotate(0);
+                            transition: transform 250ms ease-in-out;
+                        }
+                    }
+
+                    .section-header {
+                        display: flex;
+                        align-items: center;
+                        justify-content: flex-start;
+                        gap: 1rem;
+                        cursor: pointer;
+
+                        .fa-circle-check {
+                            color: var(--clr-success-500);
+                        }
+
+                        .fa-circle-exclamation {
+                            color: var(--clr-warning-500);
+                        }
+
+                        .fa-circle-xmark {
+                            color: var(--clr-error-500);
+                        }
+
+                        .fa-circle {
+                            color: var(--clr-neutral-300);
+                        }
+
+                        .show-icon {
+                            cursor: pointer;
+                        }
+
+                        .title {
+                            font-weight: var(--fw-bold);
+                        }
+                    }
+
+                    .section-content,
+                    .section-additional {
+                        padding: 1rem 2rem;
+                    }
+
+                    .section-content {
+                        list-style-position: inside;
+                        list-style-type: disc;
+
+                        &.empty {
+                            padding: 0 0 1rem 0;
+                        }
+
+                        .notice-prompt {
+                            color: var(--clr-neutral-300);
+                            font-size: var(--fs-footer);
+                        }
+                    }
+
+                    .section-additional {
+                        details {
+                            margin-bottom: 1rem;
+
+                            summary {
+                                .show-icon {
+                                    transform: rotate(0);
+                                    transition: transform 250ms ease-in-out;
+                                }
+                            }
+                        }
+
+                        details[open] {
+                            margin-bottom: 0;
+
+                            summary {
+                                .show-icon {
+                                    transform: rotate(-90deg);
+                                }
+                            }
+                        }
+                    }
+                }
+
+                details[open] {
+                    margin-bottom: 0;
+
+                    summary {
+                        .show-icon {
+                            transform: rotate(-90deg);
+                        }
+                    }
+                }
+
+            }
+        }
+
+
+        .open-api-view,
+        .async-api-view,
+        .defaults-view,
+        .visualize-view {
+            display: flex;
+            flex-direction: row;
+            align-items: flex-start;
+            justify-content: flex-start;
+            gap: 1rem;
+            padding: 2rem 1rem 2rem 0;
+
+            .open-api-container,
+            .async-api-container,
+            .defaults-container,
+            .visualize-container {
+                height: 100%;
+                width: calc(100% - 30rem);
+            }
+
+            .open-api-inputs,
+            .async-api-inputs,
+            .defaults-inputs,
+            .visualize-inputs {
+                width: 30rem;
+                height: 100%;
+                padding: 0 1rem;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: flex-start;
+                overflow-y: auto;
+                overflow-x: hidden;
+                gap: 1rem;
+
+                button {
+                    appearance: none;
+                    border: none;
+                    width: 100%;
+                    height: 3.25rem;
+                    border-radius: 5px;
+                    padding: .75rem 1.5rem;
+                    background-color: var(--clr-primary-500);
+                    color: var(--clr-neutral-50);
+                    font-family: var(--ff-primary);
+                    font-size: var(--fs-p);
+                    font-weight: var(--fw-bold);
+                    cursor: pointer;
+                    transition: background-color 250ms ease-in-out;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    gap: 1rem;
+
+                    &:hover {
+                        background-color: var(--clr-primary-900);
+                    }
+
+                    &:disabled {
+                        background-color: var(--clr-neutral-300);
+                        cursor: auto;
+                    }
+                }
+
+                .input-field {
+                    width: 100%;
+                    min-height: 3.25rem;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    gap: 2px;
+                    border-radius: 5px;
+                    overflow: hidden;
+
+                    button {
+                        border-radius: 0;
+                    }
+                }
+
+                .view-download{
+                    width: 100%;
+                    height: 100%;
+                    min-height: 3.25rem;
+                    display: flex;
+                    align-items: flex-end;
+                    justify-content: center;
+                }
+            }
+        }
+
+        .defaults-view {
+            .defaults-inputs {
+                button {
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    gap: 1rem;
+
+                    i {
+                        font-size: var(--fs-p);
+                    }
+                }
+            }
+        }
+
+        .visualize-view {
+            padding-left: 2rem;
+
+            .visualize-container {
+                .visualized {
+                    width: 100%;
+                    height: 100%;
+                    overflow: auto;
+                    display: grid;
+                    place-items: center;
+
+                    svg {
+                        text {
+                            font-size: 1.2rem;
+                            font-family: var(--ff-secundary);
+                            fill: var(--clr-neutral-900);
+                        }
+                    }
+                }
+            }
+
+            .visualize-inputs {
+                gap: 0;
+
+                &__type {
+                    width: 100%;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    gap: 2rem;
+                    margin-bottom: 1rem;
+
+                    .vis-type-option {
+                        input[type="radio"] {
+                            appearance: none;
+                            width: 100%;
+                            min-height: 3.25rem;
+                            background-color: var(--clr-primary-500);
+                            cursor: pointer;
+                            transition: background-color 250ms ease-in-out;
+                            position: relative;
+
+                            &:hover {
+                                background-color: var(--clr-primary-900);
+                            }
+
+                            &::before {
+                                position: absolute;
+                                top: 0;
+                                left: 0;
+                                width: 100%;
+                                height: 100%;
+                                display: grid;
+                                place-items: center;
+                                font-size: var(--fs-p);
+                                font-family: var(--ff-primary);
+                                font-weight: var(--fw-bold);
+                                text-transform: capitalize;
+                                color: var(--clr-neutral-50);
+                            }
+
+                            &:nth-child(1) {
+                                &::before {
+                                    content: 'Graph';
+                                }
+                            }
+
+                            &:nth-child(2) {
+                                &::before {
+                                    content: 'Tree';
+                                }
+                            }
+                        }
+
+                        input[type="radio"]:checked {
+                            background-color: var(--clr-neutral-300);
+                            cursor: auto;
+                        }
+                    }
+                }
+
+                &__graph,
+                &__tree {
+                    width: 100%;
+                    height: fit-content;
+                    display: flex;
+                    flex-direction: column;
+                    align-items: center;
+                    justify-content: center;
+                    gap: 2rem;
+                    opacity: 1;
+                    transition: width 0s, height 0s, opacity 250ms ease-in-out;
+
+                    &.hidden {
+                        width: 0;
+                        height: 0;
+                        opacity: 0;
+                        pointer-events: none;
+                        transition: opacity 0s ease-in-out;
+                    }
+                }
+
+                &__tree {
+                    .vega-bind {
+                        width: 100%;
+
+                        span {
+                            font-size: var(--fs-p);
+                            font-family: var(--ff-primary);
+                            color: var(--clr-neutral-900);
+                            min-width: 3rem;
+                            text-transform: capitalize;
+
+                            &.vega-bind-name {
+                                min-width: 6.5rem;
+                            }
+                        }
+
+                        label {
+                            width: 100%;
+                            display: flex;
+                            align-items: center;
+                            justify-content: space-between;
+                            gap: 1rem;
+
+                            input,
+                            select {
+                                width: 100%;
+                            }
+
+                            input[type="checkbox"] {
+                                appearance: none;
+                                border: 2px solid var(--clr-primary-500);
+                                cursor: pointer;
+                                width: 100%;
+                                border-radius: 5px;
+                                height: 3rem;
+                                position: relative;
+                                background-color: var(--clr-primary-500);
+                                transition: all 250ms ease-in-out;
+
+                                &::before {
+                                    position: absolute;
+                                    content: '\f06e';
+                                    display: inline-block;
+                                    text-rendering: auto;
+                                    -webkit-font-smoothing: antialiased;
+                                    font: var(--fa-font-solid);
+                                    font-size: var(--fs-p);
+                                    color: var(--clr-neutral-50);
+                                    top: 50%;
+                                    left: 50%;
+                                    transform: translate(-50%, -50%);
+                                    transition: all 500ms ease-in-out;
+                                }
+
+                                &:hover {
+                                    background-color: var(--clr-primary-900);
+                                    border-color: var(--clr-primary-900);
+                                }
+                            }
+
+                            input[type="checkbox"]:checked {
+                                &::before {
+                                    content: '\f070';
+                                }
+                            }
+
+                            input[type="range"] {
+                                appearance: none;
+                                height: 4px;
+                                border-radius: 50vw;
+                                background-color: var(--clr-neutral-200);
+                                cursor: pointer;
+
+                                &::-moz-range-thumb {
+                                    height: 2rem;
+                                    width: 2rem;
+                                    border-radius: 50%;
+                                    background-color: var(--clr-primary-500);
+                                    border: none;
+                                }
+
+                                &::-webkit-slider-thumb {
+                                    -webkit-appearance: none;
+                                    border: none;
+                                    height: 2rem;
+                                    width: 2rem;
+                                    border-radius: 50%;
+                                    background-color: var(--clr-primary-500);
+                                }
+
+                                input[type=range]::-ms-thumb {
+                                    height: 2rem;
+                                    width: 2rem;
+                                    border-radius: 50%;
+                                    background-color: var(--clr-primary-500);
+                                    border: none;
+                                }
+                            }
+
+                            select {
+                                appearance: none;
+                                background-color: var(--clr-primary-500);
+                                border-radius: 5px;
+                                color: var(--clr-neutral-50);
+                                font-size: var(--fs-p);
+                                font-family: var(--ff-primary);
+                                padding: .75rem 1rem;
+                                border: none;
+                                cursor: pointer;
+                            }
+                        }
+
+                        &:nth-child(6) {
+
+                            .vega-bind-radio {
+                                width: 100%;
+                                display: flex;
+                                align-items: center;
+                                justify-content: center;
+                                gap: 2px;
+                                border-radius: 5px;
+                                overflow: hidden;
+                                margin-top: .5rem;
+
+                                label {
+                                    position: relative;
+                                    z-index: 0;
+                                    color: var(--clr-neutral-50);
+                                    padding: .75rem 1.5rem;
+                                    justify-content: center;
+                                    cursor: pointer;
+
+                                    input[type='radio'] {
+                                        appearance: none;
+                                        position: absolute;
+                                        top: 0;
+                                        left: 0;
+                                        width: 100%;
+                                        height: 100%;
+                                        background-color: var(--clr-primary-500);
+                                        cursor: pointer;
+                                        z-index: -1;
+                                        transition: background-color 250ms ease-in-out;
+
+                                        &:hover {
+                                            background-color: var(--clr-primary-900);
+                                        }
+                                    }
+
+                                    input[type="radio"]:checked {
+                                        background-color: var(--clr-neutral-300);
+                                        cursor: auto;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+
+                &__download {
+                    width: 100%;
+                    height: 100%;
+                    margin-top: 2rem;
+                    display: flex;
+                    flex-direction: column;
+                    align-items: center;
+                    justify-content: flex-end;
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/packages/web-new/src/styles/_control-panel.scss b/packages/web-new/src/styles/_control-panel.scss
new file mode 100644
index 000000000..fa5ddc328
--- /dev/null
+++ b/packages/web-new/src/styles/_control-panel.scss
@@ -0,0 +1,81 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/** Control panel **/
+.control-panel {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+    overflow: hidden;
+    width: 8rem;
+
+    &__btn {
+        height: 100%;
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        color: var(--clr-primary-500);
+        background-color: inherit;
+        border: none;
+        border-bottom: 2px solid var(--clr-primary-500);
+        font-family: var(--ff-primary);
+        cursor: pointer;
+        transition: all 250ms ease;
+
+        &:last-child {
+            border-bottom: none;
+        }
+
+        &:hover {
+            color: var(--clr-neutral-50);
+            background-color: var(--clr-primary-500);
+        }
+
+        i {
+            font-size: var(--fs-i);
+        }
+
+        p {
+            font-weight: var(--fw-bold);
+        }
+
+        .text-icon {
+            width: fit-content;
+            opacity: 1;
+            margin-top: 1rem;
+            transform: scaleX(1);
+            transition: opacity 250ms var(--trans-bouncy), transform 250ms var(--trans-bouncy);
+        }
+
+        .text-icon.hiddenV {
+            opacity: 0;
+            margin: 0;
+            transform: scaleX(0);
+            height: 0;
+            flex: 0;
+        }
+
+        .text-icon.hiddenH {
+            opacity: 0;
+            margin: 0;
+            transform: scaleX(0);
+            height: 0;
+            flex: 0;
+        }
+    }
+}
\ No newline at end of file
diff --git a/packages/web-new/src/styles/_editor.scss b/packages/web-new/src/styles/_editor.scss
new file mode 100644
index 000000000..81ea23cb1
--- /dev/null
+++ b/packages/web-new/src/styles/_editor.scss
@@ -0,0 +1,197 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/*** Editor ***/
+.ide {
+    &__tabs {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+
+        ul {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: flex-end;
+            height: 100%;
+
+            li {
+                height: 100%;
+                padding: 1rem;
+                text-align: left;
+                display: flex;
+                flex-direction: row;
+                align-items: center;
+                justify-content: space-between;
+                border-top-left-radius: 5px;
+                border-top-right-radius: 5px;
+                background-color: var(--clr-shades-trans);
+                color: var(--clr-neutral-300);
+                margin-right: 2px;
+                transition: all 250ms ease;
+                overflow: hidden;
+                white-space: nowrap;
+                cursor: pointer;
+
+                span{
+                    font-size: 1rem;
+                    font-weight: bold;
+                    margin-right: 1rem;
+                }
+
+                p {
+                    font-weight: var(--fw-bold);
+                }
+
+                i {
+                    font-size: var(--fs-p);
+                }
+
+                &.active {
+                    background-color: var(--clr-neutral-50);
+                    color: var(--clr-neutral-900);
+                }
+
+                &:hover {
+                    .close-tab {
+                        opacity: 1;
+                    }
+                }
+
+                &:last-child {
+                    margin-right: 0;
+                }
+            }
+        }
+
+        &__left {
+            max-width: 80%;
+            overflow-y: hidden;
+            overflow-x: auto;
+
+            li:not(:last-child) {
+                position: relative;
+                padding-right: 3rem;
+
+                .tab-icon{
+                    font-size: 1rem;
+                    margin-right: 1rem;
+                    color: var(--clr-td-300);
+                }
+
+                &.active{
+                    .tab-icon{
+                        color: var(--clr-td-500);
+                    }
+                }
+
+                .close-tab {
+                    position: absolute;
+                    content: '';
+                    top: 50%;
+                    right: 0;
+                    width: 2rem;
+                    height: 2rem;
+                    transform: translate(-.5rem, -50%);
+                    background-color: var(--clr-neutral-100);
+                    opacity: 0;
+                    border-radius: 5px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    transition: all 250ms ease-in-out;
+
+                    &:hover {
+                        background-color: var(--clr-neutral-200);
+                    }
+
+                    i {
+                        pointer-events: none;
+                        font-size: 1.4rem;
+                        height: 1.3rem;
+                    }
+                }
+            }
+
+            li:last-child {
+                min-width: 3.5rem;
+                transition: all 250ms ease-in-out;
+
+                &:hover{
+                    background-color: var(--clr-neutral-50);
+                    color: var(--clr-neutral-900);
+                }
+            }
+        }
+
+        &__right{
+            height: 100%;
+            input[type=radio]{
+                appearance: none;
+                width: 6rem;
+                height: 100%;
+                background-color: var(--clr-shades-trans);
+                border-top-right-radius: 5px;
+                border-top-left-radius: 5px;
+                color: var(--clr-neutral-300);
+                font-family: var(--ff-primary);
+                font-size: var(--fs-p);
+                font-weight: var(--fw-bold);
+                cursor: pointer;
+                overflow: hidden;
+                transition: all 250ms ease-in-out;
+
+                &::before{
+                    width: 100%;
+                    height: 100%;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                }
+
+                &:nth-child(1)::before{
+                    content: 'JSON';
+                }
+
+                &:nth-child(2)::before{
+                    content: 'YAML';
+                }
+            }
+
+            input[type=radio]:checked{
+                background-color: var(--clr-neutral-50);
+                color: var(--clr-neutral-900);
+            }
+        }
+    }
+
+    &__container {
+        .editor {
+            pointer-events: none;
+            width: 0;
+            height: 0;
+            opacity: 0;   
+        }
+
+        .editor.active {
+            pointer-events: all;
+            min-height: 100%;
+            width: 100%;
+            opacity: 1;
+            transition: opacity 300ms ease-in-out;
+        }
+    }
+}
\ No newline at end of file
diff --git a/packages/web-new/src/styles/_examples-menu.scss b/packages/web-new/src/styles/_examples-menu.scss
new file mode 100644
index 000000000..07a25be5d
--- /dev/null
+++ b/packages/web-new/src/styles/_examples-menu.scss
@@ -0,0 +1,426 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/**** Examples Menu ****/
+.examples-menu {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 2rem;
+    background-color: var(--clr-neutral-100);
+    display: grid;
+    place-items: center;
+    opacity: 1;
+    transform: scale(1);
+    pointer-events: all;
+    transition: all 500ms var(--trans-bouncy);
+
+    .examples-menu-container {
+        overflow: hidden;
+        background-color: var(--clr-neutral-50);
+        width: 100%;
+        height: 100%;
+        padding: 2rem;
+        border-radius: 10px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+
+        &__close {
+            width: 100%;
+            text-align: right;
+
+            i {
+                font-size: var(--fs-h4);
+                cursor: pointer;
+            }
+        }
+
+        &__filter {
+            width: 100%;
+            padding: 4rem;
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: flex-start;
+            gap: 2rem;
+            flex-wrap: wrap;
+            font-size: var(--fs-p);
+
+            p {
+                font-weight: var(--fw-bold);
+                font-size: inherit;
+            }
+
+            .form-field {
+                width: 100%;
+                display: flex;
+                flex-direction: row;
+                align-items: center;
+                justify-content: center;
+
+                label {
+                    width: 0;
+                    height: 0;
+                    opacity: 0;
+                }
+
+                .select-container {
+                    position: relative;
+                    width: 100%;
+
+                    &::after {
+                        position: absolute;
+                        top: 50%;
+                        right: 2rem;
+                        transform: translateY(-50%);
+                        display: inline-block;
+                        text-rendering: auto;
+                        -webkit-font-smoothing: antialiased;
+                        font: var(--fa-font-solid);
+                        content: "\f0d7";
+                        pointer-events: none;
+                    }
+                }
+
+                select,
+                .search-bar,
+                .search-input {
+                    background-color: var(--clr-neutral-50);
+                    color: var(--clr-neutral-900);
+                    font-family: var(--ff-primary);
+                    font-size: inherit;
+                }
+
+                select,
+                .search-bar {
+                    border: 2px solid var(--clr-neutral-300);
+                }
+
+                select {
+                    padding: .8rem 6rem .8rem 2rem;
+                    appearance: none;
+                    cursor: pointer;
+                }
+
+                select {
+                    width: 100%;
+                    border-radius: 5px;
+                    text-transform: capitalize;
+                }
+
+                // .thing-category{
+                //    width: fit-content;
+                // }
+
+                .search-bar {
+                    width: 100%;
+                    overflow: hidden;
+                    display: flex;
+                    align-items: center;
+                    justify-content: flex-start;
+                    border-top-left-radius: 5px;
+                    border-bottom-left-radius: 5px;
+                    border-right: none;
+
+                    i {
+                        width: fit-content;
+                        padding: 0 1rem;
+                        font-size: inherit;
+                    }
+
+                    .search-input {
+                        border: none;
+                        width: 100%;
+                        padding: .8rem 1rem;
+                        appearance: none;
+                        cursor: text;
+
+                        &:focus {
+                            outline: none;
+                        }
+                    }
+                }
+
+                .search-btn {
+                    background-color: var(--clr-primary-500);
+                    font-family: inherit;
+                    font-size: inherit;
+                    padding: 1rem 2rem;
+                    border: none;
+                    color: var(--clr-neutral-50);
+                    border-top-right-radius: 5px;
+                    border-bottom-right-radius: 5px;
+                    cursor: pointer;
+                    transition: background-color 250ms ease-in-out;
+
+                    &:hover {
+                        background-color: var(--clr-primary-700);
+                    }
+                }
+            }
+        }
+
+        .examples-container {
+            display: flex;
+            flex-direction: row;
+            width: 100%;
+            height: 100%;
+            overflow-y: hidden;
+
+            &__td,
+            &__tm {
+                width: 100%;
+                min-height: fit-content;
+                opacity: 1;
+                overflow-y: auto;
+
+                transition: opacity 250ms ease-in-out 250ms, width 250ms ease-in-out 0ms, height 250ms ease-in-out 0ms;
+
+                .examples-category {
+                    &__title {
+                        padding: 0 4rem;
+                        position: relative;
+                        z-index: 0;
+
+                        &::before {
+                            position: absolute;
+                            content: '';
+                            top: 50%;
+                            left: 4rem;
+                            width: calc(100% - 8rem);
+                            height: .5rem;
+                            background-color: var(--clr-primary-500);
+                            z-index: -1;
+
+                        }
+
+                        h3 {
+                            width: fit-content;
+                            background-color: var(--clr-neutral-50);
+                            padding: 0 1rem;
+                            margin-left: 8rem;
+                            text-transform: capitalize;
+                        }
+                    }
+
+                    &__description {
+                        padding: 2rem 4rem 0 4rem;
+
+                        p {
+                            font-size: var(--fs-p);
+                        }
+                    }
+
+                    &__container {
+                        padding: 4rem;
+                        display: flex;
+                        flex-direction: row;
+                        align-items: flex-start;
+                        justify-content: flex-start;
+                        flex-wrap: wrap;
+                        gap: 2rem;
+
+                        .example {
+                            background-color: var(--clr-neutral-50);
+                            border-radius: 5px;
+                            width: fit-content;
+                            padding: 2rem;
+                            box-shadow: 0px 0px 5px 0px var(--clr-shadow);
+
+                            &__name {
+                                display: flex;
+                                flex-direction: row;
+                                align-items: center;
+                                justify-content: center;
+                                gap: 2rem;
+                                cursor: pointer;
+                                transition: all 250ms ease-in-out 250ms;
+
+                                i {
+                                    color: var(--clr-primary-500);
+                                }
+
+                                p {
+                                    font-weight: var(--fw-bold);
+                                }
+
+                            }
+
+                            &__content {
+                                pointer-events: none;
+                                display: flex;
+                                flex-direction: column;
+                                align-items: center;
+                                justify-content: center;
+                                flex-wrap: wrap;
+                            }
+
+                            &__description {
+                                height: 0;
+                                opacity: 0;
+                                font-size: var(--fs-p);
+                                line-height: var(--lh-sub-header);
+                                max-width: 50ch;
+                                overflow-y: scroll;
+                                overflow-x: hidden;
+                                padding-right: 1rem;
+                                transition: height 250ms ease-in-out 250ms, margin 250ms ease-in-out 250ms, opacity 250ms ease-in-out 0ms;
+
+                            }
+
+                            &__btn {
+                                display: flex;
+                                gap: 2rem;
+                                height: 0;
+                                opacity: 0;
+                                transition: opacity 250ms ease-in-out 0ms, height 250ms ease-in-out 250ms, ;
+
+                                button {
+                                    padding: .5rem 1.5rem;
+                                    border-radius: 5px;
+                                    border: 1px solid var(--clr-neutral-300);
+                                    background-color: var(--clr-neutral-50);
+                                    font-family: var(--ff-primary);
+                                    color: var(--clr-neutral-900);
+                                    display: flex;
+                                    flex-direction: row;
+                                    align-items: center;
+                                    justify-content: center;
+                                    cursor: pointer;
+                                    transition: background-color 250ms ease-in-out;
+
+                                    &:hover {
+                                        background-color: var(--clr-neutral-300);
+                                    }
+
+                                    p {
+                                        font-size: inherit;
+                                        color: inherit;
+                                        font-family: inherit;
+                                    }
+
+                                    i {
+                                        font-size: inherit;
+                                        margin-right: 1rem;
+                                    }
+                                }
+                            }
+                        }
+
+                        .example.open {
+
+                            .example__name {
+                                border-bottom: 2px solid var(--clr-primary-500);
+                                padding-bottom: 2rem;
+                                transition: all 250ms ease-in-out 0s;
+                            }
+
+                            .example__content {
+                                pointer-events: all;
+                            }
+
+                            .example__description {
+                                height: 9rem;
+                                margin: 2rem 0;
+                                opacity: 1;
+                                transition: height 250ms ease-in-out 0s, margin 250ms ease-in-out 0s, opacity 200ms ease-in-out 250ms;
+                            }
+
+                            .example__btn {
+                                height: 3rem;
+                                opacity: 1;
+                                transition: height 250ms ease-in-out 0s, opacity 200ms ease-in-out 250ms;
+                            }
+
+                        }
+                    }
+
+                    &.hidden {
+                        height: 0;
+                        opacity: 0;
+                        transition: opacity 100ms ease-in-out 0s, height 0s ease-in-out 250ms;
+                    }
+                }
+
+                &.hidden {
+                    width: 0;
+                    height: 0;
+                    opacity: 0;
+                    transition: opacity 100ms ease-in-out 0s, width 0s ease-in-out 250ms, height 0s ease-in-out 250ms;
+                }
+            }
+        }
+    }
+
+    &.closed {
+        transform: scale(0);
+        opacity: 0;
+        pointer-events: none;
+    }
+}
+
+@media screen and (min-width: 1024px) {
+    .examples-menu {
+        .examples-menu-container {
+
+            &__filter {
+                width: 100%;
+                flex-wrap: wrap;
+
+                .form-field {
+                    width: calc(33% - 4rem);
+                    display: flex;
+                    flex-direction: row;
+                    align-items: center;
+                    justify-content: center;
+
+                    .select-container {
+                        position: relative;
+                        width: 100%;
+
+                        &::after {
+                            position: absolute;
+                            top: 50%;
+                            right: 2rem;
+                            transform: translateY(-50%);
+                            display: inline-block;
+                            text-rendering: auto;
+                            -webkit-font-smoothing: antialiased;
+                            font: var(--fa-font-solid);
+                            content: "\f0d7";
+                            pointer-events: none;
+                        }
+                    }
+
+                    select {
+                        width: 100%;
+                    }
+
+                    // .thing-category{
+                    //    width: fit-content;
+                    // }
+
+                    .search-bar {
+                        width: 100%;
+                    }
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/packages/web-new/src/styles/_json-yaml-warning.scss b/packages/web-new/src/styles/_json-yaml-warning.scss
new file mode 100644
index 000000000..a51e850c8
--- /dev/null
+++ b/packages/web-new/src/styles/_json-yaml-warning.scss
@@ -0,0 +1,89 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+.json-yaml-warning{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: var(--clr-shades-trans);
+    display: grid;
+    place-items: center;
+    opacity: 1;
+    transform: scale(1);
+    pointer-events: all;
+    transition: all 500ms var(--trans-bouncy);
+
+    &__container{
+        background-color: var(--clr-neutral-50);
+        border-radius: 10px;
+        box-shadow: 0px 0px 10px 0px var(--clr-shadow);
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: space-between;
+        padding: 2rem;
+
+        .warning-text{
+            margin-bottom: 2rem;
+            h3{
+                text-align: center;
+                color: var(--clr-warning-500);
+                margin-bottom: 1rem;
+            }
+            p{
+                max-width: 40rem;
+            }
+        }
+
+        .warning-btns{
+            button{
+                cursor: pointer;
+                border: none;
+                padding: .75rem 1.75rem;
+                border-radius: 5px;
+                font-size: var(--fs-p);
+                font-weight: var(--fw-bold);
+                font-family: var(--ff-primary);
+                color: var(--clr-neutral-900);
+                transition: background-color 250ms ease-in-out;
+            }
+            .confirm-btn{
+                background-color: var(--clr-success-500);
+                margin-right: 1rem;
+
+                &:hover{
+                    background-color: var(--clr-success-900);
+                }
+            }
+
+            .cancel-btn{
+                background-color: var(--clr-error-500);
+
+                &:hover{
+                    background-color: var(--clr-error-900);
+                }
+            }
+        }
+    }
+
+    &.closed{
+        transform: scale(0);
+        opacity: 0;
+        pointer-events: none;
+    }
+    
+}
\ No newline at end of file
diff --git a/packages/web-new/src/styles/_jsonld-vis.scss b/packages/web-new/src/styles/_jsonld-vis.scss
new file mode 100644
index 000000000..35186d70e
--- /dev/null
+++ b/packages/web-new/src/styles/_jsonld-vis.scss
@@ -0,0 +1,44 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+svg {
+    border: none;
+
+    g{
+        .node {
+            cursor: pointer;
+        }
+
+        .link {
+            fill: none;
+            stroke: var(--clr-neutral-300);
+            stroke-width: 1px;
+        }
+    }
+}
+
+.d3-tip {
+    font-size: var(--fs-p);
+    font-family: var(--ff-secundary);
+    color: var(--clr-neutral-900);
+    border: 1px solid var(--clr-neutral-300);
+    border-radius: 5px;
+    padding: 1rem 2rem;
+    max-width: 30rem;
+    word-wrap: break-word;
+    background-color: var(--clr-neutral-50);
+    text-align: left;
+    z-index: 10;
+}
diff --git a/packages/web-new/src/styles/_save-menu.scss b/packages/web-new/src/styles/_save-menu.scss
new file mode 100644
index 000000000..be1b3ad9e
--- /dev/null
+++ b/packages/web-new/src/styles/_save-menu.scss
@@ -0,0 +1,223 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+.save-menu{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: grid;
+    place-items: center;
+    background-color: var(--clr-shades-trans);
+    opacity: 1;
+    transform: scale(1);
+    pointer-events: all;
+    transition: all 500ms var(--trans-bouncy);
+
+    &__container{
+        width: 50rem;
+        border-radius: 10px;
+        background-color: var(--clr-neutral-50);
+        box-shadow: 0px 0px 10px 0px var(--clr-shadow);
+        padding: 2rem;
+
+        .save-menu-close{
+            width: 100%;
+            text-align: right;
+            margin-bottom: 2rem;
+
+            i{
+                font-size: var(--fs-sub-header);
+                cursor: pointer;
+            }
+        }
+
+        .save-menu-title{
+            p{
+                color: var(--clr-neutral-900);
+                font-weight: var(--fw-bold);
+                font-size: var(--fs-sub-header);
+            }
+            margin-bottom: 3rem;
+        }
+
+        .share-td{
+            width: 100%;
+            margin-bottom: 3rem;
+
+            & > *{
+                width: 100%;
+                height: 4rem;
+                border-radius: 5px;  
+                font-family: var(--ff-primary);
+                font-size: var(--fs-p); 
+            }
+
+            &__input{
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                width: 100%;
+                margin-bottom: 1rem;
+
+                .share-url-input{
+                    width: 100%;
+                    height: 4rem;
+                    background-color: var(--clr-neutral-50);
+                    border-top: 2px solid var(--clr-neutral-200);
+                    border-left: 2px solid var(--clr-neutral-200);
+                    border-bottom: 2px solid var(--clr-neutral-200);
+                    border-right: none;
+                    border-top-left-radius: 5px;
+                    border-bottom-left-radius: 5px;
+                    font-family: var(--ff-primary);
+                    font-size: var(--fs-p);
+                    padding: 1rem;
+
+                    &.error{
+                        color: var(--clr-error-500);
+                    }
+
+                    &:focus{
+                        outline: none;
+                    }
+                }
+
+                .open-url-tab{
+                    height: 4rem;
+                    width: fit-content;
+                    background-color: var(--clr-neutral-200);
+                    color: var(--clr-neutral-50);
+                    font-size: var(--fs-p);
+                    padding: 1rem;
+                    border-top-right-radius: 5px;
+                    border-bottom-right-radius: 5px;
+                    border: none;
+                    cursor: pointer;
+                    transition: background-color 250ms ease-in-out;
+
+                    &:hover{
+                        background-color: var(--clr-neutral-300);
+                    }
+
+                    &:disabled{
+                        background-color: var(--clr-neutral-200);
+                        cursor: default;
+                    }
+                }
+            }
+
+            &__btn{
+                cursor: pointer;
+                font-weight: var(--fw-bold);
+                transition: all 250ms ease-in-out;
+
+                &.share-url{
+                    margin-bottom: 1rem;
+                    background-color: var(--clr-primary-500);
+                    color: var(--clr-neutral-50);
+                    border: none;
+                    transition: background-color 250ms ease-in-out;
+                    i{
+                        margin-right: 1rem;
+                    }
+
+                    &:hover{
+                        background-color: var(--clr-primary-700);
+                    }
+                }
+
+                &.open-editdor{
+                    border: 2px solid var(--clr-primary-500);
+                    background-color: transparent;
+                    color: var(--clr-primary-500);
+                    transition: all 250ms ease-in-out;
+
+                    &:hover{
+                        background-color: var(--clr-primary-700);
+                        border-color: var(--clr-primary-700);
+                        color: var(--clr-neutral-50);
+                    }
+                }  
+            }
+        }
+
+        .save-td{
+            width: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            gap: 1rem;
+            margin-bottom: .5rem;
+
+            & > *{
+                flex: 1;
+                height: 4rem;
+                border-radius: 5px;
+                border: none;
+                color: var(--clr-neutral-50);
+                background-color: var(--clr-primary-500);
+                cursor: pointer;
+                font-family: var(--ff-primary);
+                font-size: var(--fs-p);
+                font-weight: var(--fw-bold);
+                transition: background-color 250ms ease-in-out;
+
+                &:disabled{
+                    background-color: var(--clr-primary-100);
+                    cursor: not-allowed;
+
+                    &:hover{
+                        background-color: var(--clr-primary-100);
+                    }
+                }
+
+                i{
+                    margin-right: 1rem;
+                }
+
+                &:hover{
+                    background-color: var(--clr-primary-700);
+                }
+            }
+        }
+
+        .save-warning{
+            margin-bottom: 3rem;
+            p{
+                color: var(--clr-neutral-300);
+                font-size: var(--fs-footer);
+                transition: color 150ms ease-in-out;
+
+                span{
+                    font-weight: var(--fw-bold);
+                }
+            }
+
+            &.active{
+                p{
+                    color: var(--clr-error-500);
+                }
+            }
+        }
+    }
+
+    &.closed{
+        transform: scale(0);
+        opacity: 0;
+        pointer-events: none;
+    }
+}
\ No newline at end of file
diff --git a/packages/web-new/src/styles/_settings-menu.scss b/packages/web-new/src/styles/_settings-menu.scss
new file mode 100644
index 000000000..07b329979
--- /dev/null
+++ b/packages/web-new/src/styles/_settings-menu.scss
@@ -0,0 +1,249 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/***** settings menu *****/
+
+.settings-menu {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 50rem;
+    height: 100%;
+    background-color: var(--clr-primary-700);
+    border-radius: 0 0 0 10px;
+    padding: 4rem;
+    color: var(--clr-neutral-50);
+    transform-origin: right;
+    transition: width 0s ease, height 0s ease, opacity 150ms ease-in-out, transform 500ms var(--trans-bouncy);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+    z-index: 100;
+
+    .settings {
+        width: 100%;
+
+        &__close {
+            text-align: right;
+            margin-bottom: 2rem;
+
+            i {
+                font-size: var(--fs-h4);
+                cursor: pointer;
+            }
+        }
+
+        &__title,
+        &__preferences {
+            padding-bottom: 1rem;
+            border-bottom: 2px solid var(--clr-neutral-50);
+            margin: 4rem 0;
+        }
+
+        &__validate-options {
+            display: flex;
+            flex-direction: row;
+            flex-wrap: wrap;
+            align-items: center;
+            justify-content: space-between;
+            gap: 2rem;
+
+            .form-field {
+                width: calc(50% - 2rem);
+                display: flex;
+                flex-direction: row;
+                align-items: center;
+                justify-content: space-between;
+
+                label {
+                    font-size: var(--fs-p);
+                    max-width: 10ch;
+                }
+
+                input[type="checkbox"] {
+                    appearance: none;
+                    width: 6rem;
+                    height: 3rem;
+                    border-radius: 50vw;
+                    background-color: var(--clr-controls-bg);
+                    position: relative;
+                    transition: background-color 250ms ease-in-out;
+                    cursor: pointer;
+
+                    &::before {
+                        content: '';
+                        position: absolute;
+                        top: .4rem;
+                        left: .4rem;
+                        width: 2.2rem;
+                        height: 2.2rem;
+                        border-radius: 50%;
+                        background-color: var(--clr-controls);
+                        transition: left 500ms var(--trans-bouncy);
+                    }
+                }
+
+                input[type="checkbox"]:checked {
+                    background-color: var(--clr-success-500);
+
+                    &::before {
+                        left: 3.2rem;
+                    }
+                }
+            }
+        }
+
+        &__editor {
+            width: 100%;
+
+            .form-field {
+                width: 100%;
+                display: flex;
+                flex-direction: row;
+                align-items: center;
+                justify-content: space-between;
+                font-size: var(--fs-p);
+                margin-bottom: 2rem;
+
+                span {
+                    font-weight: var(--fw-bold);
+                }
+
+                select {
+                    width: 60%;
+                    background-color: var(--clr-neutral-50);
+                    color: var(--clr-neutral-900);
+                    padding: .5rem 1rem;
+                    border-radius: 5px;
+                    border: none;
+                    cursor: pointer;
+                    font-family: var(--ff-primary);
+                }
+
+                .font-range-container {
+                    display: flex;
+                    flex-direction: row;
+                    align-items: center;
+                    justify-content: space-between;
+                    gap: 1rem;
+                    width: 100%;
+                    padding: 1rem 0;
+
+                    span {
+                        width: fit-content;
+                    }
+                }
+
+                input[type="range"] {
+                    flex: 1;
+                    appearance: none;
+                    height: 4px;
+                    border-radius: 50vw;
+                    background-color: var(--clr-controls-bg);
+                    cursor: pointer;
+
+                    /* All the same stuff for Firefox */
+
+                    &::-moz-range-thumb {
+                        height: 2rem;
+                        width: 2rem;
+                        border-radius: 50%;
+                        background-color: var(--clr-controls);
+                        border: none;
+                    }
+
+                    &::-webkit-slider-thumb {
+                        -webkit-appearance: none;
+                        border: none;
+                        height: 2rem;
+                        width: 2rem;
+                        border-radius: 50%;
+                        background-color: var(--clr-controls);
+                    }
+
+                    input[type=range]::-ms-thumb {
+                        height: 2rem;
+                        width: 2rem;
+                        border-radius: 50%;
+                        background-color: var(--clr-controls);
+                        border: none;
+                    }
+                }
+
+                .reset-settings {
+                    width: 100%;
+                    border: none;
+                    padding: 1rem 2rem;
+                    border-radius: 5px;
+                    background-color: var(--clr-controls-bg);
+                    color: var(--clr-controls);
+                    font-size: var(--fs-p);
+                    font-weight: var(--fw-bold);
+                    font-family: var(--ff-primary);
+                    cursor: pointer;
+                    transition: background-color 250ms ease-in-out;
+
+                    &:hover {
+                        background-color: var(--clr-primary-900);
+                    }
+
+                    &:active {
+                        transform: scale(0.98);
+                    }
+                }
+            }
+
+            .form-field:nth-child(2) {
+                flex-direction: column;
+                align-items: self-start;
+            }
+        }
+    }
+
+    footer {
+        width: 100%;
+        text-align: center;
+
+        p {
+            margin-bottom: 1rem;
+        }
+
+        .footer-links {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: center;
+
+            a {
+                font-size: 1.2rem;
+                padding: 0 1rem;
+                height: 100%;
+
+                &:not(:last-child) {
+                    border-right: 1px solid var(--clr-neutral-50);
+                }
+            }
+        }
+    }
+}
+
+.settings-menu.closed {
+    width: 0;
+    height: 0;
+    opacity: 0;
+    transform: scaleX(0);
+    transition: transform 500ms var(--trans-bouncy), opacity 250ms ease-in-out 250ms, width 0s ease 500ms, height 0s ease 500ms;
+}
\ No newline at end of file
diff --git a/packages/web-new/src/styles/styles.css b/packages/web-new/src/styles/styles.css
new file mode 100644
index 000000000..082ece368
--- /dev/null
+++ b/packages/web-new/src/styles/styles.css
@@ -0,0 +1,2197 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+/*** Globals **/
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+:root {
+  /*Fonts styles*/
+  --ff-primary: "Roboto", sans-serif;
+  --ff-secundary: "Open Sans", sans-serif;
+  /*Font weights*/
+  --fw-light: 300;
+  --fw-regular: 400;
+  --fw-bold: 700;
+  --fw-black: 900;
+  /*Font sizes*/
+  --fs-h1: 3.5rem;
+  --fs-h2: 3rem;
+  --fs-h3: 2.5rem;
+  --fs-h4: 2rem;
+  --fs-sub-header: 1.8rem;
+  --fs-p: 1.4rem;
+  --fs-footer: 1rem;
+  --fs-i: 1.8rem;
+  --fs-h1: clamp(3rem, 2.8rem + 0.625vw, 4rem);
+  --fs-h2: clamp(2.5rem, 2.3rem + 0.625vw, 3.5rem);
+  --fs-h3: clamp(2rem, 1.8rem + 0.625vw, 3rem);
+  --fs-h4: clamp(1.5rem, 1.3rem + 0.625vw, 2.5rem);
+  --fs-sub-header: clamp(1.4rem, 1.239rem + 0.5vw, 2.2rem);
+  --fs-p: clamp(1.2rem, 1.119rem + 0.25vw, 1.6rem);
+  --fs-footer: clamp(0.8rem, 0.7200000000000001rem + 0.24999999999999997vw, 1.2rem);
+  --fs-i: clamp(1.4rem, 1.279rem + 0.375vw, 2rem);
+  /*line heights*/
+  --lh-h1: 5rem;
+  --lh-h2: 4.5rem;
+  --lh-h3: 4rem;
+  --lh-h4: 3.5rem;
+  --lh-sub-header: 3rem;
+  --lh-p: 2rem;
+  --lh-footer: 1.5rem;
+  --lh-i: 2.2rem;
+  /*colors*/
+  --clr-neutral-50: #FFFFFE;
+  --clr-neutral-100: #E4E6E6;
+  --clr-neutral-200: #CACCCC;
+  --clr-neutral-300: #B1B3B3;
+  --clr-neutral-900: #141414;
+  --clr-primary-100: #95E5D9;
+  --clr-primary-300: #5ED1C0;
+  --clr-primary-500: #33B8A4;
+  --clr-primary-700: #179985;
+  --clr-primary-900: #067362;
+  --clr-shades-trans: rgba(255, 255, 255, 0.6);
+  --clr-shadow: rgba(0, 0, 0, 0.4);
+  --clr-success-100: #80F2AA;
+  --clr-success-300: #63E592;
+  --clr-success-500: #4ADE80;
+  --clr-success-700: #2DC464;
+  --clr-success-900: #16AB4C;
+  --clr-warning-100: #FFDE59;
+  --clr-warning-300: #FCD63F;
+  --clr-warning-500: #FACC15;
+  --clr-warning-700: #EDBF09;
+  --clr-warning-900: #E0B300;
+  --clr-error-100: #FAA5A5;
+  --clr-error-300: #FA8C8C;
+  --clr-error-500: #F87171;
+  --clr-error-700: #EB5454;
+  --clr-error-900: #DE3A3A;
+  --clr-td-300: #d6935d;
+  --clr-td-500: #E07A26;
+  --clr-controls: var(--clr-neutral-50);
+  --clr-controls-bg: var(--clr-primary-500);
+  /* transitions */
+  --trans-bouncy: cubic-bezier(0.68, -0.75, 0.27, 1.75);
+}
+
+.dark-mode {
+  --clr-neutral-50: #1E1E1E;
+  --clr-neutral-100: #4C4D4C;
+  --clr-neutral-200: #656666;
+  --clr-neutral-300: #7E807F;
+  --clr-neutral-900: #FFFFFE;
+  --clr-shades-trans: rgba(30, 30, 30, 0.7);
+  --clr-shadow: rgba(255, 255, 255, 0.4);
+}
+
+.monochrome-mode {
+  --clr-neutral-50: #549087;
+  --clr-neutral-100: #4C4D4C;
+  --clr-neutral-200: #656666;
+  --clr-neutral-300: #7E807F;
+  --clr-neutral-900: #FFFFFE;
+  --clr-primary-500: #FFFFFE;
+  --clr-primary-700: #E4E6E6;
+  --clr-controls: #FFFFFE;
+  --clr-controls-bg: var(--clr-neutral-50);
+  --clr-shades-trans: rgba(84, 144, 135, 0.7);
+  --clr-shadow: rgba(255, 255, 255, 0.4);
+}
+
+html {
+  font-size: 62.5%;
+  scroll-behavior: smooth;
+}
+
+body {
+  background-color: var(--clr-neutral-100);
+  font-family: var(--ff-primary);
+  color: var(--clr-neutral-900);
+  position: relative;
+}
+
+h1 {
+  font-size: var(--fs-h1);
+  line-height: var(--lh-h1);
+  font-weight: var(--fw-bold);
+}
+
+h2 {
+  font-size: var(--fs-h2);
+  line-height: var(--lh-h2);
+  font-weight: var(--fw-bold);
+}
+
+h3 {
+  font-size: var(--fs-h3);
+  line-height: var(--lh-h3);
+  font-weight: var(--fw-bold);
+}
+
+h4 {
+  font-size: var(--fs-h4);
+  line-height: var(--lh-h4);
+  font-weight: var(--fw-bold);
+}
+
+h5 {
+  font-size: var(--fs-h5);
+  line-height: var(--lh-h5);
+  font-weight: var(--fw-bold);
+}
+
+p,
+li {
+  font-size: var(--fs-p);
+  line-height: var(--lh-sub-header);
+  font-weight: var(--fw-regular);
+}
+
+a {
+  text-decoration: none;
+  font-size: inherit;
+  color: inherit;
+  font-weight: var(--fw-regular);
+}
+
+i {
+  font-size: var(--fs-i);
+}
+
+ul {
+  list-style: none;
+}
+
+img {
+  width: 100%;
+  height: 100%;
+}
+
+.container {
+  padding: 0 2rem;
+  margin: 0 auto;
+}
+
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background-color: var(--clr-neutral-50);
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: var(--clr-primary-500);
+  border-radius: 50vh;
+  border: 1px solid var(--clr-neutral-50);
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  border: none;
+}
+
+@supports (scrollbar-color: var(--clr-primary-500) var(--clr-neutral-50)) {
+  * {
+    scrollbar-color: var(--clr-primary-500) var(--clr-neutral-50);
+  }
+}
+/***** Header *****/
+header {
+  background-color: var(--clr-primary-500);
+  color: var(--clr-neutral-50);
+}
+header .navbar {
+  min-height: 8vh;
+  min-height: 8svh;
+  max-height: 8vh;
+  max-height: 8svh;
+  padding: 1rem 0;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+header .navbar__logo {
+  width: 15rem;
+}
+header .navbar__logo .logo path {
+  fill: var(--clr-neutral-50);
+}
+header .navbar__title span {
+  font-size: var(--fs-footer);
+}
+header .navbar__links {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+header .navbar__links a {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--fs-p);
+  transition: color 250ms ease;
+}
+header .navbar__links a:hover {
+  color: var(--clr-neutral-200);
+}
+header .navbar__links .cli-link {
+  margin-right: 3rem;
+}
+header .navbar__links i {
+  font-size: var(--fs-h4);
+  margin-bottom: 0.5rem;
+}
+
+/***** Main *****/
+main {
+  height: 92vh;
+  height: 92svh;
+  padding: 2rem 0;
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+}
+main .container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+main .control-panel,
+main .console {
+  background-color: var(--clr-neutral-50);
+  border-radius: 10px;
+}
+main .horizontal-divider,
+main .vertical-divider {
+  background-color: var(--clr-neutral-100);
+}
+main .horizontal-divider,
+main .main-content,
+main .console {
+  width: 100%;
+}
+main .main-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 14.5rem;
+  height: calc(60% - 1rem);
+}
+main .main-content .ide,
+main .main-content .control-panel,
+main .main-content .vertical-divider {
+  height: 100%;
+}
+main .main-content .ide {
+  width: 100%;
+  overflow: hidden;
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;
+}
+main .main-content .ide__container {
+  height: calc(100% - 3.5rem);
+  padding-top: 1rem;
+  background-color: var(--clr-neutral-50);
+}
+main .main-content .ide__tabs {
+  height: 3.5rem;
+}
+main .main-content .vertical-divider {
+  width: 2rem;
+  cursor: col-resize;
+}
+main .horizontal-divider {
+  height: 2rem;
+  cursor: row-resize;
+}
+main .console {
+  height: calc(40% - 1rem);
+}
+
+/**Loader**/
+.loader-container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--clr-neutral-50);
+  display: grid;
+  place-items: center;
+  opacity: 1;
+  transition: opacity 500ms ease-in-out;
+  z-index: 100;
+}
+.loader-container .loader {
+  width: 20rem;
+  animation: fade 1.5s infinite ease-in-out, pulsate 1.5s infinite ease-in-out;
+}
+.loader-container .loader svg {
+  width: 100%;
+}
+.loader-container.hidden {
+  opacity: 0;
+  pointer-events: none;
+}
+
+@keyframes fade {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.1;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes pulsate {
+  0% {
+    transform: scale(1.1);
+  }
+  50% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(1.1);
+  }
+}
+/*** Main Content ***/
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+/*** Editor ***/
+.ide__tabs {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+.ide__tabs ul {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+  height: 100%;
+}
+.ide__tabs ul li {
+  height: 100%;
+  padding: 1rem;
+  text-align: left;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+  background-color: var(--clr-shades-trans);
+  color: var(--clr-neutral-300);
+  margin-right: 2px;
+  transition: all 250ms ease;
+  overflow: hidden;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.ide__tabs ul li span {
+  font-size: 1rem;
+  font-weight: bold;
+  margin-right: 1rem;
+}
+.ide__tabs ul li p {
+  font-weight: var(--fw-bold);
+}
+.ide__tabs ul li i {
+  font-size: var(--fs-p);
+}
+.ide__tabs ul li.active {
+  background-color: var(--clr-neutral-50);
+  color: var(--clr-neutral-900);
+}
+.ide__tabs ul li:hover .close-tab {
+  opacity: 1;
+}
+.ide__tabs ul li:last-child {
+  margin-right: 0;
+}
+.ide__tabs__left {
+  max-width: 80%;
+  overflow-y: hidden;
+  overflow-x: auto;
+}
+.ide__tabs__left li:not(:last-child) {
+  position: relative;
+  padding-right: 3rem;
+}
+.ide__tabs__left li:not(:last-child) .tab-icon {
+  font-size: 1rem;
+  margin-right: 1rem;
+  color: var(--clr-td-300);
+}
+.ide__tabs__left li:not(:last-child).active .tab-icon {
+  color: var(--clr-td-500);
+}
+.ide__tabs__left li:not(:last-child) .close-tab {
+  position: absolute;
+  content: "";
+  top: 50%;
+  right: 0;
+  width: 2rem;
+  height: 2rem;
+  transform: translate(-0.5rem, -50%);
+  background-color: var(--clr-neutral-100);
+  opacity: 0;
+  border-radius: 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 250ms ease-in-out;
+}
+.ide__tabs__left li:not(:last-child) .close-tab:hover {
+  background-color: var(--clr-neutral-200);
+}
+.ide__tabs__left li:not(:last-child) .close-tab i {
+  pointer-events: none;
+  font-size: 1.4rem;
+  height: 1.3rem;
+}
+.ide__tabs__left li:last-child {
+  min-width: 3.5rem;
+  transition: all 250ms ease-in-out;
+}
+.ide__tabs__left li:last-child:hover {
+  background-color: var(--clr-neutral-50);
+  color: var(--clr-neutral-900);
+}
+.ide__tabs__right {
+  height: 100%;
+}
+.ide__tabs__right input[type=radio] {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  width: 6rem;
+  height: 100%;
+  background-color: var(--clr-shades-trans);
+  border-top-right-radius: 5px;
+  border-top-left-radius: 5px;
+  color: var(--clr-neutral-300);
+  font-family: var(--ff-primary);
+  font-size: var(--fs-p);
+  font-weight: var(--fw-bold);
+  cursor: pointer;
+  overflow: hidden;
+  transition: all 250ms ease-in-out;
+}
+.ide__tabs__right input[type=radio]::before {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ide__tabs__right input[type=radio]:nth-child(1)::before {
+  content: "JSON";
+}
+.ide__tabs__right input[type=radio]:nth-child(2)::before {
+  content: "YAML";
+}
+.ide__tabs__right input[type=radio]:checked {
+  background-color: var(--clr-neutral-50);
+  color: var(--clr-neutral-900);
+}
+.ide__container .editor {
+  pointer-events: none;
+  width: 0;
+  height: 0;
+  opacity: 0;
+}
+.ide__container .editor.active {
+  pointer-events: all;
+  min-height: 100%;
+  width: 100%;
+  opacity: 1;
+  transition: opacity 300ms ease-in-out;
+}
+
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+/** Control panel **/
+.control-panel {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  overflow: hidden;
+  width: 8rem;
+}
+.control-panel__btn {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: var(--clr-primary-500);
+  background-color: inherit;
+  border: none;
+  border-bottom: 2px solid var(--clr-primary-500);
+  font-family: var(--ff-primary);
+  cursor: pointer;
+  transition: all 250ms ease;
+}
+.control-panel__btn:last-child {
+  border-bottom: none;
+}
+.control-panel__btn:hover {
+  color: var(--clr-neutral-50);
+  background-color: var(--clr-primary-500);
+}
+.control-panel__btn i {
+  font-size: var(--fs-i);
+}
+.control-panel__btn p {
+  font-weight: var(--fw-bold);
+}
+.control-panel__btn .text-icon {
+  width: -moz-fit-content;
+  width: fit-content;
+  opacity: 1;
+  margin-top: 1rem;
+  transform: scaleX(1);
+  transition: opacity 250ms var(--trans-bouncy), transform 250ms var(--trans-bouncy);
+}
+.control-panel__btn .text-icon.hiddenV {
+  opacity: 0;
+  margin: 0;
+  transform: scaleX(0);
+  height: 0;
+  flex: 0;
+}
+.control-panel__btn .text-icon.hiddenH {
+  opacity: 0;
+  margin: 0;
+  transform: scaleX(0);
+  height: 0;
+  flex: 0;
+}
+
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+/*** Console ***/
+.console {
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+.console__tabs {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 2px solid var(--clr-primary-500);
+  padding: 0 1rem;
+  height: -moz-fit-content;
+  height: fit-content;
+}
+.console__tabs .console-controllers {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.console__tabs .console-controllers .trash,
+.console__tabs .console-controllers .download {
+  padding: 1rem 0.5rem;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border: none;
+  background-color: var(--clr-neutral-50);
+  color: var(--clr-primary-500);
+  transition: color 250ms ease;
+}
+.console__tabs .console-controllers .trash:hover,
+.console__tabs .console-controllers .download:hover {
+  color: var(--clr-primary-900);
+  cursor: pointer;
+}
+.console__tabs .console-controllers .trash:disabled,
+.console__tabs .console-controllers .download:disabled {
+  color: var(--clr-neutral-300);
+  cursor: auto;
+}
+.console__tabs .console-controllers .download {
+  margin-right: 1rem;
+}
+.console__tabs .visualization {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.console__tabs .visualization input[type=radio] {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  width: -moz-fit-content;
+  width: fit-content;
+  padding: 0.5rem 1rem;
+  background-color: var(--clr-neutral-50);
+  border-top-right-radius: 5px;
+  border-top-left-radius: 5px;
+  color: var(--clr-neutral-300);
+  font-family: var(--ff-primary);
+  font-size: var(--fs-p);
+  font-weight: var(--fw-bold);
+  cursor: pointer;
+  overflow: hidden;
+  transition: all 250ms ease-in-out;
+}
+.console__tabs .visualization input[type=radio]::before {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.console__tabs .visualization input[type=radio]:nth-child(1)::before {
+  content: "Validation";
+}
+.console__tabs .visualization input[type=radio]:nth-child(2)::before {
+  content: "OpenAPI";
+}
+.console__tabs .visualization input[type=radio]:nth-child(3)::before {
+  content: "AsyncAPI";
+}
+.console__tabs .visualization input[type=radio]:nth-child(4)::before {
+  content: "Defaults";
+}
+.console__tabs .visualization input[type=radio]:nth-child(5)::before {
+  content: "Visualize";
+}
+.console__tabs .visualization input[type=radio]:checked {
+  color: var(--clr-neutral-900);
+}
+.console__tabs .visualization input[type=radio]:disabled {
+  color: var(--clr-neutral-200);
+  cursor: not-allowed;
+}
+.console__content {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+.console__content .console-error {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: grid;
+  place-items: center;
+  width: 100%;
+  height: 100%;
+  background-color: var(--clr-neutral-50);
+  opacity: 1;
+  pointer-events: all;
+}
+.console__content .console-error p {
+  font-weight: var(--fw-bold);
+  color: var(--clr-error-900);
+  text-align: center;
+  font-size: var(--fs-sub-header);
+  transform: scale(1);
+  transition: transform 250ms var(--trans-bouncy);
+}
+.console__content .console-error.hidden {
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 150ms ease-in-out;
+}
+.console__content .console-error.hidden p {
+  transform: scale(0);
+}
+.console__content .console-view {
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+  max-height: 100%;
+  opacity: 1;
+  pointer-events: all;
+  position: absolute;
+  top: 0;
+  right: 0;
+  overflow: hidden;
+  padding: 2rem;
+  transition: opacity 250ms ease-in-out;
+}
+.console__content .console-view.hidden {
+  width: 0;
+  height: 0;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0s ease-in-out;
+}
+.console__content .validation-view .validation-container {
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.console__content .validation-view .validation-container details {
+  margin-bottom: 1rem;
+}
+.console__content .validation-view .validation-container details summary .show-icon {
+  transform: rotate(0);
+  transition: transform 250ms ease-in-out;
+}
+.console__content .validation-view .validation-container details .section-header {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 1rem;
+  cursor: pointer;
+}
+.console__content .validation-view .validation-container details .section-header .fa-circle-check {
+  color: var(--clr-success-500);
+}
+.console__content .validation-view .validation-container details .section-header .fa-circle-exclamation {
+  color: var(--clr-warning-500);
+}
+.console__content .validation-view .validation-container details .section-header .fa-circle-xmark {
+  color: var(--clr-error-500);
+}
+.console__content .validation-view .validation-container details .section-header .fa-circle {
+  color: var(--clr-neutral-300);
+}
+.console__content .validation-view .validation-container details .section-header .show-icon {
+  cursor: pointer;
+}
+.console__content .validation-view .validation-container details .section-header .title {
+  font-weight: var(--fw-bold);
+}
+.console__content .validation-view .validation-container details .section-content,
+.console__content .validation-view .validation-container details .section-additional {
+  padding: 1rem 2rem;
+}
+.console__content .validation-view .validation-container details .section-content {
+  list-style-position: inside;
+  list-style-type: disc;
+}
+.console__content .validation-view .validation-container details .section-content.empty {
+  padding: 0 0 1rem 0;
+}
+.console__content .validation-view .validation-container details .section-content .notice-prompt {
+  color: var(--clr-neutral-300);
+  font-size: var(--fs-footer);
+}
+.console__content .validation-view .validation-container details .section-additional details {
+  margin-bottom: 1rem;
+}
+.console__content .validation-view .validation-container details .section-additional details summary .show-icon {
+  transform: rotate(0);
+  transition: transform 250ms ease-in-out;
+}
+.console__content .validation-view .validation-container details .section-additional details[open] {
+  margin-bottom: 0;
+}
+.console__content .validation-view .validation-container details .section-additional details[open] summary .show-icon {
+  transform: rotate(-90deg);
+}
+.console__content .validation-view .validation-container details[open] {
+  margin-bottom: 0;
+}
+.console__content .validation-view .validation-container details[open] summary .show-icon {
+  transform: rotate(-90deg);
+}
+.console__content .open-api-view,
+.console__content .async-api-view,
+.console__content .defaults-view,
+.console__content .visualize-view {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: flex-start;
+  gap: 1rem;
+  padding: 2rem 1rem 2rem 0;
+}
+.console__content .open-api-view .open-api-container,
+.console__content .open-api-view .async-api-container,
+.console__content .open-api-view .defaults-container,
+.console__content .open-api-view .visualize-container,
+.console__content .async-api-view .open-api-container,
+.console__content .async-api-view .async-api-container,
+.console__content .async-api-view .defaults-container,
+.console__content .async-api-view .visualize-container,
+.console__content .defaults-view .open-api-container,
+.console__content .defaults-view .async-api-container,
+.console__content .defaults-view .defaults-container,
+.console__content .defaults-view .visualize-container,
+.console__content .visualize-view .open-api-container,
+.console__content .visualize-view .async-api-container,
+.console__content .visualize-view .defaults-container,
+.console__content .visualize-view .visualize-container {
+  height: 100%;
+  width: calc(100% - 30rem);
+}
+.console__content .open-api-view .open-api-inputs,
+.console__content .open-api-view .async-api-inputs,
+.console__content .open-api-view .defaults-inputs,
+.console__content .open-api-view .visualize-inputs,
+.console__content .async-api-view .open-api-inputs,
+.console__content .async-api-view .async-api-inputs,
+.console__content .async-api-view .defaults-inputs,
+.console__content .async-api-view .visualize-inputs,
+.console__content .defaults-view .open-api-inputs,
+.console__content .defaults-view .async-api-inputs,
+.console__content .defaults-view .defaults-inputs,
+.console__content .defaults-view .visualize-inputs,
+.console__content .visualize-view .open-api-inputs,
+.console__content .visualize-view .async-api-inputs,
+.console__content .visualize-view .defaults-inputs,
+.console__content .visualize-view .visualize-inputs {
+  width: 30rem;
+  height: 100%;
+  padding: 0 1rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  overflow-y: auto;
+  overflow-x: hidden;
+  gap: 1rem;
+}
+.console__content .open-api-view .open-api-inputs button,
+.console__content .open-api-view .async-api-inputs button,
+.console__content .open-api-view .defaults-inputs button,
+.console__content .open-api-view .visualize-inputs button,
+.console__content .async-api-view .open-api-inputs button,
+.console__content .async-api-view .async-api-inputs button,
+.console__content .async-api-view .defaults-inputs button,
+.console__content .async-api-view .visualize-inputs button,
+.console__content .defaults-view .open-api-inputs button,
+.console__content .defaults-view .async-api-inputs button,
+.console__content .defaults-view .defaults-inputs button,
+.console__content .defaults-view .visualize-inputs button,
+.console__content .visualize-view .open-api-inputs button,
+.console__content .visualize-view .async-api-inputs button,
+.console__content .visualize-view .defaults-inputs button,
+.console__content .visualize-view .visualize-inputs button {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border: none;
+  width: 100%;
+  height: 3.25rem;
+  border-radius: 5px;
+  padding: 0.75rem 1.5rem;
+  background-color: var(--clr-primary-500);
+  color: var(--clr-neutral-50);
+  font-family: var(--ff-primary);
+  font-size: var(--fs-p);
+  font-weight: var(--fw-bold);
+  cursor: pointer;
+  transition: background-color 250ms ease-in-out;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 1rem;
+}
+.console__content .open-api-view .open-api-inputs button:hover,
+.console__content .open-api-view .async-api-inputs button:hover,
+.console__content .open-api-view .defaults-inputs button:hover,
+.console__content .open-api-view .visualize-inputs button:hover,
+.console__content .async-api-view .open-api-inputs button:hover,
+.console__content .async-api-view .async-api-inputs button:hover,
+.console__content .async-api-view .defaults-inputs button:hover,
+.console__content .async-api-view .visualize-inputs button:hover,
+.console__content .defaults-view .open-api-inputs button:hover,
+.console__content .defaults-view .async-api-inputs button:hover,
+.console__content .defaults-view .defaults-inputs button:hover,
+.console__content .defaults-view .visualize-inputs button:hover,
+.console__content .visualize-view .open-api-inputs button:hover,
+.console__content .visualize-view .async-api-inputs button:hover,
+.console__content .visualize-view .defaults-inputs button:hover,
+.console__content .visualize-view .visualize-inputs button:hover {
+  background-color: var(--clr-primary-900);
+}
+.console__content .open-api-view .open-api-inputs button:disabled,
+.console__content .open-api-view .async-api-inputs button:disabled,
+.console__content .open-api-view .defaults-inputs button:disabled,
+.console__content .open-api-view .visualize-inputs button:disabled,
+.console__content .async-api-view .open-api-inputs button:disabled,
+.console__content .async-api-view .async-api-inputs button:disabled,
+.console__content .async-api-view .defaults-inputs button:disabled,
+.console__content .async-api-view .visualize-inputs button:disabled,
+.console__content .defaults-view .open-api-inputs button:disabled,
+.console__content .defaults-view .async-api-inputs button:disabled,
+.console__content .defaults-view .defaults-inputs button:disabled,
+.console__content .defaults-view .visualize-inputs button:disabled,
+.console__content .visualize-view .open-api-inputs button:disabled,
+.console__content .visualize-view .async-api-inputs button:disabled,
+.console__content .visualize-view .defaults-inputs button:disabled,
+.console__content .visualize-view .visualize-inputs button:disabled {
+  background-color: var(--clr-neutral-300);
+  cursor: auto;
+}
+.console__content .open-api-view .open-api-inputs .input-field,
+.console__content .open-api-view .async-api-inputs .input-field,
+.console__content .open-api-view .defaults-inputs .input-field,
+.console__content .open-api-view .visualize-inputs .input-field,
+.console__content .async-api-view .open-api-inputs .input-field,
+.console__content .async-api-view .async-api-inputs .input-field,
+.console__content .async-api-view .defaults-inputs .input-field,
+.console__content .async-api-view .visualize-inputs .input-field,
+.console__content .defaults-view .open-api-inputs .input-field,
+.console__content .defaults-view .async-api-inputs .input-field,
+.console__content .defaults-view .defaults-inputs .input-field,
+.console__content .defaults-view .visualize-inputs .input-field,
+.console__content .visualize-view .open-api-inputs .input-field,
+.console__content .visualize-view .async-api-inputs .input-field,
+.console__content .visualize-view .defaults-inputs .input-field,
+.console__content .visualize-view .visualize-inputs .input-field {
+  width: 100%;
+  min-height: 3.25rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 2px;
+  border-radius: 5px;
+  overflow: hidden;
+}
+.console__content .open-api-view .open-api-inputs .input-field button,
+.console__content .open-api-view .async-api-inputs .input-field button,
+.console__content .open-api-view .defaults-inputs .input-field button,
+.console__content .open-api-view .visualize-inputs .input-field button,
+.console__content .async-api-view .open-api-inputs .input-field button,
+.console__content .async-api-view .async-api-inputs .input-field button,
+.console__content .async-api-view .defaults-inputs .input-field button,
+.console__content .async-api-view .visualize-inputs .input-field button,
+.console__content .defaults-view .open-api-inputs .input-field button,
+.console__content .defaults-view .async-api-inputs .input-field button,
+.console__content .defaults-view .defaults-inputs .input-field button,
+.console__content .defaults-view .visualize-inputs .input-field button,
+.console__content .visualize-view .open-api-inputs .input-field button,
+.console__content .visualize-view .async-api-inputs .input-field button,
+.console__content .visualize-view .defaults-inputs .input-field button,
+.console__content .visualize-view .visualize-inputs .input-field button {
+  border-radius: 0;
+}
+.console__content .open-api-view .open-api-inputs .view-download,
+.console__content .open-api-view .async-api-inputs .view-download,
+.console__content .open-api-view .defaults-inputs .view-download,
+.console__content .open-api-view .visualize-inputs .view-download,
+.console__content .async-api-view .open-api-inputs .view-download,
+.console__content .async-api-view .async-api-inputs .view-download,
+.console__content .async-api-view .defaults-inputs .view-download,
+.console__content .async-api-view .visualize-inputs .view-download,
+.console__content .defaults-view .open-api-inputs .view-download,
+.console__content .defaults-view .async-api-inputs .view-download,
+.console__content .defaults-view .defaults-inputs .view-download,
+.console__content .defaults-view .visualize-inputs .view-download,
+.console__content .visualize-view .open-api-inputs .view-download,
+.console__content .visualize-view .async-api-inputs .view-download,
+.console__content .visualize-view .defaults-inputs .view-download,
+.console__content .visualize-view .visualize-inputs .view-download {
+  width: 100%;
+  height: 100%;
+  min-height: 3.25rem;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+}
+.console__content .defaults-view .defaults-inputs button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 1rem;
+}
+.console__content .defaults-view .defaults-inputs button i {
+  font-size: var(--fs-p);
+}
+.console__content .visualize-view {
+  padding-left: 2rem;
+}
+.console__content .visualize-view .visualize-container .visualized {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  display: grid;
+  place-items: center;
+}
+.console__content .visualize-view .visualize-container .visualized svg text {
+  font-size: 1.2rem;
+  font-family: var(--ff-secundary);
+  fill: var(--clr-neutral-900);
+}
+.console__content .visualize-view .visualize-inputs {
+  gap: 0;
+}
+.console__content .visualize-view .visualize-inputs__type {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 2rem;
+  margin-bottom: 1rem;
+}
+.console__content .visualize-view .visualize-inputs__type .vis-type-option input[type=radio] {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  width: 100%;
+  min-height: 3.25rem;
+  background-color: var(--clr-primary-500);
+  cursor: pointer;
+  transition: background-color 250ms ease-in-out;
+  position: relative;
+}
+.console__content .visualize-view .visualize-inputs__type .vis-type-option input[type=radio]:hover {
+  background-color: var(--clr-primary-900);
+}
+.console__content .visualize-view .visualize-inputs__type .vis-type-option input[type=radio]::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: grid;
+  place-items: center;
+  font-size: var(--fs-p);
+  font-family: var(--ff-primary);
+  font-weight: var(--fw-bold);
+  text-transform: capitalize;
+  color: var(--clr-neutral-50);
+}
+.console__content .visualize-view .visualize-inputs__type .vis-type-option input[type=radio]:nth-child(1)::before {
+  content: "Graph";
+}
+.console__content .visualize-view .visualize-inputs__type .vis-type-option input[type=radio]:nth-child(2)::before {
+  content: "Tree";
+}
+.console__content .visualize-view .visualize-inputs__type .vis-type-option input[type=radio]:checked {
+  background-color: var(--clr-neutral-300);
+  cursor: auto;
+}
+.console__content .visualize-view .visualize-inputs__graph, .console__content .visualize-view .visualize-inputs__tree {
+  width: 100%;
+  height: -moz-fit-content;
+  height: fit-content;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 2rem;
+  opacity: 1;
+  transition: width 0s, height 0s, opacity 250ms ease-in-out;
+}
+.console__content .visualize-view .visualize-inputs__graph.hidden, .console__content .visualize-view .visualize-inputs__tree.hidden {
+  width: 0;
+  height: 0;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0s ease-in-out;
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind {
+  width: 100%;
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind span {
+  font-size: var(--fs-p);
+  font-family: var(--ff-primary);
+  color: var(--clr-neutral-900);
+  min-width: 3rem;
+  text-transform: capitalize;
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind span.vega-bind-name {
+  min-width: 6.5rem;
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind label {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind label input,
+.console__content .visualize-view .visualize-inputs__tree .vega-bind label select {
+  width: 100%;
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=checkbox] {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border: 2px solid var(--clr-primary-500);
+  cursor: pointer;
+  width: 100%;
+  border-radius: 5px;
+  height: 3rem;
+  position: relative;
+  background-color: var(--clr-primary-500);
+  transition: all 250ms ease-in-out;
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=checkbox]::before {
+  position: absolute;
+  content: "\f06e";
+  display: inline-block;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  font: var(--fa-font-solid);
+  font-size: var(--fs-p);
+  color: var(--clr-neutral-50);
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  transition: all 500ms ease-in-out;
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=checkbox]:hover {
+  background-color: var(--clr-primary-900);
+  border-color: var(--clr-primary-900);
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=checkbox]:checked::before {
+  content: "\f070";
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=range] {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  height: 4px;
+  border-radius: 50vw;
+  background-color: var(--clr-neutral-200);
+  cursor: pointer;
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=range]::-moz-range-thumb {
+  height: 2rem;
+  width: 2rem;
+  border-radius: 50%;
+  background-color: var(--clr-primary-500);
+  border: none;
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=range]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  border: none;
+  height: 2rem;
+  width: 2rem;
+  border-radius: 50%;
+  background-color: var(--clr-primary-500);
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind label input[type=range] input[type=range]::-ms-thumb {
+  height: 2rem;
+  width: 2rem;
+  border-radius: 50%;
+  background-color: var(--clr-primary-500);
+  border: none;
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind label select {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: var(--clr-primary-500);
+  border-radius: 5px;
+  color: var(--clr-neutral-50);
+  font-size: var(--fs-p);
+  font-family: var(--ff-primary);
+  padding: 0.75rem 1rem;
+  border: none;
+  cursor: pointer;
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind:nth-child(6) .vega-bind-radio {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 2px;
+  border-radius: 5px;
+  overflow: hidden;
+  margin-top: 0.5rem;
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind:nth-child(6) .vega-bind-radio label {
+  position: relative;
+  z-index: 0;
+  color: var(--clr-neutral-50);
+  padding: 0.75rem 1.5rem;
+  justify-content: center;
+  cursor: pointer;
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind:nth-child(6) .vega-bind-radio label input[type=radio] {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--clr-primary-500);
+  cursor: pointer;
+  z-index: -1;
+  transition: background-color 250ms ease-in-out;
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind:nth-child(6) .vega-bind-radio label input[type=radio]:hover {
+  background-color: var(--clr-primary-900);
+}
+.console__content .visualize-view .visualize-inputs__tree .vega-bind:nth-child(6) .vega-bind-radio label input[type=radio]:checked {
+  background-color: var(--clr-neutral-300);
+  cursor: auto;
+}
+.console__content .visualize-view .visualize-inputs__download {
+  width: 100%;
+  height: 100%;
+  margin-top: 2rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+/** Additional menus **/
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+/***** settings menu *****/
+.settings-menu {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 50rem;
+  height: 100%;
+  background-color: var(--clr-primary-700);
+  border-radius: 0 0 0 10px;
+  padding: 4rem;
+  color: var(--clr-neutral-50);
+  transform-origin: right;
+  transition: width 0s ease, height 0s ease, opacity 150ms ease-in-out, transform 500ms var(--trans-bouncy);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  z-index: 100;
+}
+.settings-menu .settings {
+  width: 100%;
+}
+.settings-menu .settings__close {
+  text-align: right;
+  margin-bottom: 2rem;
+}
+.settings-menu .settings__close i {
+  font-size: var(--fs-h4);
+  cursor: pointer;
+}
+.settings-menu .settings__title, .settings-menu .settings__preferences {
+  padding-bottom: 1rem;
+  border-bottom: 2px solid var(--clr-neutral-50);
+  margin: 4rem 0;
+}
+.settings-menu .settings__validate-options {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 2rem;
+}
+.settings-menu .settings__validate-options .form-field {
+  width: calc(50% - 2rem);
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+.settings-menu .settings__validate-options .form-field label {
+  font-size: var(--fs-p);
+  max-width: 10ch;
+}
+.settings-menu .settings__validate-options .form-field input[type=checkbox] {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  width: 6rem;
+  height: 3rem;
+  border-radius: 50vw;
+  background-color: var(--clr-controls-bg);
+  position: relative;
+  transition: background-color 250ms ease-in-out;
+  cursor: pointer;
+}
+.settings-menu .settings__validate-options .form-field input[type=checkbox]::before {
+  content: "";
+  position: absolute;
+  top: 0.4rem;
+  left: 0.4rem;
+  width: 2.2rem;
+  height: 2.2rem;
+  border-radius: 50%;
+  background-color: var(--clr-controls);
+  transition: left 500ms var(--trans-bouncy);
+}
+.settings-menu .settings__validate-options .form-field input[type=checkbox]:checked {
+  background-color: var(--clr-success-500);
+}
+.settings-menu .settings__validate-options .form-field input[type=checkbox]:checked::before {
+  left: 3.2rem;
+}
+.settings-menu .settings__editor {
+  width: 100%;
+}
+.settings-menu .settings__editor .form-field {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  font-size: var(--fs-p);
+  margin-bottom: 2rem;
+}
+.settings-menu .settings__editor .form-field span {
+  font-weight: var(--fw-bold);
+}
+.settings-menu .settings__editor .form-field select {
+  width: 60%;
+  background-color: var(--clr-neutral-50);
+  color: var(--clr-neutral-900);
+  padding: 0.5rem 1rem;
+  border-radius: 5px;
+  border: none;
+  cursor: pointer;
+  font-family: var(--ff-primary);
+}
+.settings-menu .settings__editor .form-field .font-range-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  width: 100%;
+  padding: 1rem 0;
+}
+.settings-menu .settings__editor .form-field .font-range-container span {
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.settings-menu .settings__editor .form-field input[type=range] {
+  flex: 1;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  height: 4px;
+  border-radius: 50vw;
+  background-color: var(--clr-controls-bg);
+  cursor: pointer;
+  /* All the same stuff for Firefox */
+}
+.settings-menu .settings__editor .form-field input[type=range]::-moz-range-thumb {
+  height: 2rem;
+  width: 2rem;
+  border-radius: 50%;
+  background-color: var(--clr-controls);
+  border: none;
+}
+.settings-menu .settings__editor .form-field input[type=range]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  border: none;
+  height: 2rem;
+  width: 2rem;
+  border-radius: 50%;
+  background-color: var(--clr-controls);
+}
+.settings-menu .settings__editor .form-field input[type=range] input[type=range]::-ms-thumb {
+  height: 2rem;
+  width: 2rem;
+  border-radius: 50%;
+  background-color: var(--clr-controls);
+  border: none;
+}
+.settings-menu .settings__editor .form-field .reset-settings {
+  width: 100%;
+  border: none;
+  padding: 1rem 2rem;
+  border-radius: 5px;
+  background-color: var(--clr-controls-bg);
+  color: var(--clr-controls);
+  font-size: var(--fs-p);
+  font-weight: var(--fw-bold);
+  font-family: var(--ff-primary);
+  cursor: pointer;
+  transition: background-color 250ms ease-in-out;
+}
+.settings-menu .settings__editor .form-field .reset-settings:hover {
+  background-color: var(--clr-primary-900);
+}
+.settings-menu .settings__editor .form-field .reset-settings:active {
+  transform: scale(0.98);
+}
+.settings-menu .settings__editor .form-field:nth-child(2) {
+  flex-direction: column;
+  align-items: self-start;
+}
+.settings-menu footer {
+  width: 100%;
+  text-align: center;
+}
+.settings-menu footer p {
+  margin-bottom: 1rem;
+}
+.settings-menu footer .footer-links {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+.settings-menu footer .footer-links a {
+  font-size: 1.2rem;
+  padding: 0 1rem;
+  height: 100%;
+}
+.settings-menu footer .footer-links a:not(:last-child) {
+  border-right: 1px solid var(--clr-neutral-50);
+}
+
+.settings-menu.closed {
+  width: 0;
+  height: 0;
+  opacity: 0;
+  transform: scaleX(0);
+  transition: transform 500ms var(--trans-bouncy), opacity 250ms ease-in-out 250ms, width 0s ease 500ms, height 0s ease 500ms;
+}
+
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+/**** Examples Menu ****/
+.examples-menu {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  padding: 2rem;
+  background-color: var(--clr-neutral-100);
+  display: grid;
+  place-items: center;
+  opacity: 1;
+  transform: scale(1);
+  pointer-events: all;
+  transition: all 500ms var(--trans-bouncy);
+}
+.examples-menu .examples-menu-container {
+  overflow: hidden;
+  background-color: var(--clr-neutral-50);
+  width: 100%;
+  height: 100%;
+  padding: 2rem;
+  border-radius: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.examples-menu .examples-menu-container__close {
+  width: 100%;
+  text-align: right;
+}
+.examples-menu .examples-menu-container__close i {
+  font-size: var(--fs-h4);
+  cursor: pointer;
+}
+.examples-menu .examples-menu-container__filter {
+  width: 100%;
+  padding: 4rem;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 2rem;
+  flex-wrap: wrap;
+  font-size: var(--fs-p);
+}
+.examples-menu .examples-menu-container__filter p {
+  font-weight: var(--fw-bold);
+  font-size: inherit;
+}
+.examples-menu .examples-menu-container__filter .form-field {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+.examples-menu .examples-menu-container__filter .form-field label {
+  width: 0;
+  height: 0;
+  opacity: 0;
+}
+.examples-menu .examples-menu-container__filter .form-field .select-container {
+  position: relative;
+  width: 100%;
+}
+.examples-menu .examples-menu-container__filter .form-field .select-container::after {
+  position: absolute;
+  top: 50%;
+  right: 2rem;
+  transform: translateY(-50%);
+  display: inline-block;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  font: var(--fa-font-solid);
+  content: "\f0d7";
+  pointer-events: none;
+}
+.examples-menu .examples-menu-container__filter .form-field select,
+.examples-menu .examples-menu-container__filter .form-field .search-bar,
+.examples-menu .examples-menu-container__filter .form-field .search-input {
+  background-color: var(--clr-neutral-50);
+  color: var(--clr-neutral-900);
+  font-family: var(--ff-primary);
+  font-size: inherit;
+}
+.examples-menu .examples-menu-container__filter .form-field select,
+.examples-menu .examples-menu-container__filter .form-field .search-bar {
+  border: 2px solid var(--clr-neutral-300);
+}
+.examples-menu .examples-menu-container__filter .form-field select {
+  padding: 0.8rem 6rem 0.8rem 2rem;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  cursor: pointer;
+}
+.examples-menu .examples-menu-container__filter .form-field select {
+  width: 100%;
+  border-radius: 5px;
+  text-transform: capitalize;
+}
+.examples-menu .examples-menu-container__filter .form-field .search-bar {
+  width: 100%;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  border-top-left-radius: 5px;
+  border-bottom-left-radius: 5px;
+  border-right: none;
+}
+.examples-menu .examples-menu-container__filter .form-field .search-bar i {
+  width: -moz-fit-content;
+  width: fit-content;
+  padding: 0 1rem;
+  font-size: inherit;
+}
+.examples-menu .examples-menu-container__filter .form-field .search-bar .search-input {
+  border: none;
+  width: 100%;
+  padding: 0.8rem 1rem;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  cursor: text;
+}
+.examples-menu .examples-menu-container__filter .form-field .search-bar .search-input:focus {
+  outline: none;
+}
+.examples-menu .examples-menu-container__filter .form-field .search-btn {
+  background-color: var(--clr-primary-500);
+  font-family: inherit;
+  font-size: inherit;
+  padding: 1rem 2rem;
+  border: none;
+  color: var(--clr-neutral-50);
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 5px;
+  cursor: pointer;
+  transition: background-color 250ms ease-in-out;
+}
+.examples-menu .examples-menu-container__filter .form-field .search-btn:hover {
+  background-color: var(--clr-primary-700);
+}
+.examples-menu .examples-menu-container .examples-container {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  height: 100%;
+  overflow-y: hidden;
+}
+.examples-menu .examples-menu-container .examples-container__td, .examples-menu .examples-menu-container .examples-container__tm {
+  width: 100%;
+  min-height: -moz-fit-content;
+  min-height: fit-content;
+  opacity: 1;
+  overflow-y: auto;
+  transition: opacity 250ms ease-in-out 250ms, width 250ms ease-in-out 0ms, height 250ms ease-in-out 0ms;
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__title, .examples-menu .examples-menu-container .examples-container__tm .examples-category__title {
+  padding: 0 4rem;
+  position: relative;
+  z-index: 0;
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__title::before, .examples-menu .examples-menu-container .examples-container__tm .examples-category__title::before {
+  position: absolute;
+  content: "";
+  top: 50%;
+  left: 4rem;
+  width: calc(100% - 8rem);
+  height: 0.5rem;
+  background-color: var(--clr-primary-500);
+  z-index: -1;
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__title h3, .examples-menu .examples-menu-container .examples-container__tm .examples-category__title h3 {
+  width: -moz-fit-content;
+  width: fit-content;
+  background-color: var(--clr-neutral-50);
+  padding: 0 1rem;
+  margin-left: 8rem;
+  text-transform: capitalize;
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__description, .examples-menu .examples-menu-container .examples-container__tm .examples-category__description {
+  padding: 2rem 4rem 0 4rem;
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__description p, .examples-menu .examples-menu-container .examples-container__tm .examples-category__description p {
+  font-size: var(--fs-p);
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__container, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container {
+  padding: 4rem;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  gap: 2rem;
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example {
+  background-color: var(--clr-neutral-50);
+  border-radius: 5px;
+  width: -moz-fit-content;
+  width: fit-content;
+  padding: 2rem;
+  box-shadow: 0px 0px 5px 0px var(--clr-shadow);
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__name, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__name {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: 2rem;
+  cursor: pointer;
+  transition: all 250ms ease-in-out 250ms;
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__name i, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__name i {
+  color: var(--clr-primary-500);
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__name p, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__name p {
+  font-weight: var(--fw-bold);
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__content, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__content {
+  pointer-events: none;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__description, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__description {
+  height: 0;
+  opacity: 0;
+  font-size: var(--fs-p);
+  line-height: var(--lh-sub-header);
+  max-width: 50ch;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  padding-right: 1rem;
+  transition: height 250ms ease-in-out 250ms, margin 250ms ease-in-out 250ms, opacity 250ms ease-in-out 0ms;
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn {
+  display: flex;
+  gap: 2rem;
+  height: 0;
+  opacity: 0;
+  transition: opacity 250ms ease-in-out 0ms, height 250ms ease-in-out 250ms;
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn button, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn button {
+  padding: 0.5rem 1.5rem;
+  border-radius: 5px;
+  border: 1px solid var(--clr-neutral-300);
+  background-color: var(--clr-neutral-50);
+  font-family: var(--ff-primary);
+  color: var(--clr-neutral-900);
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: background-color 250ms ease-in-out;
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn button:hover, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn button:hover {
+  background-color: var(--clr-neutral-300);
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn button p, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn button p {
+  font-size: inherit;
+  color: inherit;
+  font-family: inherit;
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example__btn button i, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example__btn button i {
+  font-size: inherit;
+  margin-right: 1rem;
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example.open .example__name, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example.open .example__name {
+  border-bottom: 2px solid var(--clr-primary-500);
+  padding-bottom: 2rem;
+  transition: all 250ms ease-in-out 0s;
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example.open .example__content, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example.open .example__content {
+  pointer-events: all;
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example.open .example__description, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example.open .example__description {
+  height: 9rem;
+  margin: 2rem 0;
+  opacity: 1;
+  transition: height 250ms ease-in-out 0s, margin 250ms ease-in-out 0s, opacity 200ms ease-in-out 250ms;
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category__container .example.open .example__btn, .examples-menu .examples-menu-container .examples-container__tm .examples-category__container .example.open .example__btn {
+  height: 3rem;
+  opacity: 1;
+  transition: height 250ms ease-in-out 0s, opacity 200ms ease-in-out 250ms;
+}
+.examples-menu .examples-menu-container .examples-container__td .examples-category.hidden, .examples-menu .examples-menu-container .examples-container__tm .examples-category.hidden {
+  height: 0;
+  opacity: 0;
+  transition: opacity 100ms ease-in-out 0s, height 0s ease-in-out 250ms;
+}
+.examples-menu .examples-menu-container .examples-container__td.hidden, .examples-menu .examples-menu-container .examples-container__tm.hidden {
+  width: 0;
+  height: 0;
+  opacity: 0;
+  transition: opacity 100ms ease-in-out 0s, width 0s ease-in-out 250ms, height 0s ease-in-out 250ms;
+}
+.examples-menu.closed {
+  transform: scale(0);
+  opacity: 0;
+  pointer-events: none;
+}
+
+@media screen and (min-width: 1024px) {
+  .examples-menu .examples-menu-container__filter {
+    width: 100%;
+    flex-wrap: wrap;
+  }
+  .examples-menu .examples-menu-container__filter .form-field {
+    width: calc(33% - 4rem);
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+  }
+  .examples-menu .examples-menu-container__filter .form-field .select-container {
+    position: relative;
+    width: 100%;
+  }
+  .examples-menu .examples-menu-container__filter .form-field .select-container::after {
+    position: absolute;
+    top: 50%;
+    right: 2rem;
+    transform: translateY(-50%);
+    display: inline-block;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    font: var(--fa-font-solid);
+    content: "\f0d7";
+    pointer-events: none;
+  }
+  .examples-menu .examples-menu-container__filter .form-field select {
+    width: 100%;
+  }
+  .examples-menu .examples-menu-container__filter .form-field .search-bar {
+    width: 100%;
+  }
+}
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+.save-menu {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: grid;
+  place-items: center;
+  background-color: var(--clr-shades-trans);
+  opacity: 1;
+  transform: scale(1);
+  pointer-events: all;
+  transition: all 500ms var(--trans-bouncy);
+}
+.save-menu__container {
+  width: 50rem;
+  border-radius: 10px;
+  background-color: var(--clr-neutral-50);
+  box-shadow: 0px 0px 10px 0px var(--clr-shadow);
+  padding: 2rem;
+}
+.save-menu__container .save-menu-close {
+  width: 100%;
+  text-align: right;
+  margin-bottom: 2rem;
+}
+.save-menu__container .save-menu-close i {
+  font-size: var(--fs-sub-header);
+  cursor: pointer;
+}
+.save-menu__container .save-menu-title {
+  margin-bottom: 3rem;
+}
+.save-menu__container .save-menu-title p {
+  color: var(--clr-neutral-900);
+  font-weight: var(--fw-bold);
+  font-size: var(--fs-sub-header);
+}
+.save-menu__container .share-td {
+  width: 100%;
+  margin-bottom: 3rem;
+}
+.save-menu__container .share-td > * {
+  width: 100%;
+  height: 4rem;
+  border-radius: 5px;
+  font-family: var(--ff-primary);
+  font-size: var(--fs-p);
+}
+.save-menu__container .share-td__input {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  margin-bottom: 1rem;
+}
+.save-menu__container .share-td__input .share-url-input {
+  width: 100%;
+  height: 4rem;
+  background-color: var(--clr-neutral-50);
+  border-top: 2px solid var(--clr-neutral-200);
+  border-left: 2px solid var(--clr-neutral-200);
+  border-bottom: 2px solid var(--clr-neutral-200);
+  border-right: none;
+  border-top-left-radius: 5px;
+  border-bottom-left-radius: 5px;
+  font-family: var(--ff-primary);
+  font-size: var(--fs-p);
+  padding: 1rem;
+}
+.save-menu__container .share-td__input .share-url-input.error {
+  color: var(--clr-error-500);
+}
+.save-menu__container .share-td__input .share-url-input:focus {
+  outline: none;
+}
+.save-menu__container .share-td__input .open-url-tab {
+  height: 4rem;
+  width: -moz-fit-content;
+  width: fit-content;
+  background-color: var(--clr-neutral-200);
+  color: var(--clr-neutral-50);
+  font-size: var(--fs-p);
+  padding: 1rem;
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 5px;
+  border: none;
+  cursor: pointer;
+  transition: background-color 250ms ease-in-out;
+}
+.save-menu__container .share-td__input .open-url-tab:hover {
+  background-color: var(--clr-neutral-300);
+}
+.save-menu__container .share-td__input .open-url-tab:disabled {
+  background-color: var(--clr-neutral-200);
+  cursor: default;
+}
+.save-menu__container .share-td__btn {
+  cursor: pointer;
+  font-weight: var(--fw-bold);
+  transition: all 250ms ease-in-out;
+}
+.save-menu__container .share-td__btn.share-url {
+  margin-bottom: 1rem;
+  background-color: var(--clr-primary-500);
+  color: var(--clr-neutral-50);
+  border: none;
+  transition: background-color 250ms ease-in-out;
+}
+.save-menu__container .share-td__btn.share-url i {
+  margin-right: 1rem;
+}
+.save-menu__container .share-td__btn.share-url:hover {
+  background-color: var(--clr-primary-700);
+}
+.save-menu__container .share-td__btn.open-editdor {
+  border: 2px solid var(--clr-primary-500);
+  background-color: transparent;
+  color: var(--clr-primary-500);
+  transition: all 250ms ease-in-out;
+}
+.save-menu__container .share-td__btn.open-editdor:hover {
+  background-color: var(--clr-primary-700);
+  border-color: var(--clr-primary-700);
+  color: var(--clr-neutral-50);
+}
+.save-menu__container .save-td {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  margin-bottom: 0.5rem;
+}
+.save-menu__container .save-td > * {
+  flex: 1;
+  height: 4rem;
+  border-radius: 5px;
+  border: none;
+  color: var(--clr-neutral-50);
+  background-color: var(--clr-primary-500);
+  cursor: pointer;
+  font-family: var(--ff-primary);
+  font-size: var(--fs-p);
+  font-weight: var(--fw-bold);
+  transition: background-color 250ms ease-in-out;
+}
+.save-menu__container .save-td > *:disabled {
+  background-color: var(--clr-primary-100);
+  cursor: not-allowed;
+}
+.save-menu__container .save-td > *:disabled:hover {
+  background-color: var(--clr-primary-100);
+}
+.save-menu__container .save-td > * i {
+  margin-right: 1rem;
+}
+.save-menu__container .save-td > *:hover {
+  background-color: var(--clr-primary-700);
+}
+.save-menu__container .save-warning {
+  margin-bottom: 3rem;
+}
+.save-menu__container .save-warning p {
+  color: var(--clr-neutral-300);
+  font-size: var(--fs-footer);
+  transition: color 150ms ease-in-out;
+}
+.save-menu__container .save-warning p span {
+  font-weight: var(--fw-bold);
+}
+.save-menu__container .save-warning.active p {
+  color: var(--clr-error-500);
+}
+.save-menu.closed {
+  transform: scale(0);
+  opacity: 0;
+  pointer-events: none;
+}
+
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+.json-yaml-warning {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--clr-shades-trans);
+  display: grid;
+  place-items: center;
+  opacity: 1;
+  transform: scale(1);
+  pointer-events: all;
+  transition: all 500ms var(--trans-bouncy);
+}
+.json-yaml-warning__container {
+  background-color: var(--clr-neutral-50);
+  border-radius: 10px;
+  box-shadow: 0px 0px 10px 0px var(--clr-shadow);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  padding: 2rem;
+}
+.json-yaml-warning__container .warning-text {
+  margin-bottom: 2rem;
+}
+.json-yaml-warning__container .warning-text h3 {
+  text-align: center;
+  color: var(--clr-warning-500);
+  margin-bottom: 1rem;
+}
+.json-yaml-warning__container .warning-text p {
+  max-width: 40rem;
+}
+.json-yaml-warning__container .warning-btns button {
+  cursor: pointer;
+  border: none;
+  padding: 0.75rem 1.75rem;
+  border-radius: 5px;
+  font-size: var(--fs-p);
+  font-weight: var(--fw-bold);
+  font-family: var(--ff-primary);
+  color: var(--clr-neutral-900);
+  transition: background-color 250ms ease-in-out;
+}
+.json-yaml-warning__container .warning-btns .confirm-btn {
+  background-color: var(--clr-success-500);
+  margin-right: 1rem;
+}
+.json-yaml-warning__container .warning-btns .confirm-btn:hover {
+  background-color: var(--clr-success-900);
+}
+.json-yaml-warning__container .warning-btns .cancel-btn {
+  background-color: var(--clr-error-500);
+}
+.json-yaml-warning__container .warning-btns .cancel-btn:hover {
+  background-color: var(--clr-error-900);
+}
+.json-yaml-warning.closed {
+  transform: scale(0);
+  opacity: 0;
+  pointer-events: none;
+}
+
+/** Visualizations **/
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+svg {
+  border: none;
+}
+svg g .node {
+  cursor: pointer;
+}
+svg g .link {
+  fill: none;
+  stroke: var(--clr-neutral-300);
+  stroke-width: 1px;
+}
+
+.d3-tip {
+  font-size: var(--fs-p);
+  font-family: var(--ff-secundary);
+  color: var(--clr-neutral-900);
+  border: 1px solid var(--clr-neutral-300);
+  border-radius: 5px;
+  padding: 1rem 2rem;
+  max-width: 30rem;
+  word-wrap: break-word;
+  background-color: var(--clr-neutral-50);
+  text-align: left;
+  z-index: 10;
+}/*# sourceMappingURL=styles.css.map */
\ No newline at end of file
diff --git a/packages/web-new/src/styles/styles.css.map b/packages/web-new/src/styles/styles.css.map
new file mode 100644
index 000000000..79cb2a97f
--- /dev/null
+++ b/packages/web-new/src/styles/styles.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["styles.scss","styles.css","_editor.scss","_control-panel.scss","_console.scss","_settings-menu.scss","_examples-menu.scss","_save-menu.scss","_json-yaml-warning.scss","_jsonld-vis.scss"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;EAAA;AAeA,eAAA;AACA;;;EAII,sBAAA;EACA,SAAA;EACA,UAAA;ACAJ;;ADGA;EACI,eAAA;EACA,kCAAA;EACA,uCAAA;EAEA,eAAA;EACA,eAAA;EACA,iBAAA;EACA,cAAA;EACA,eAAA;EAEA,aAAA;EAEA,eAAA;EACA,aAAA;EACA,eAAA;EACA,aAAA;EACA,uBAAA;EACA,cAAA;EACA,iBAAA;EACA,cAAA;EAGA,4CAAA;EACA,gDAAA;EACA,4CAAA;EACA,gDAAA;EACA,wDAAA;EACA,gDAAA;EACA,iFAAA;EACA,+CAAA;EAEA,eAAA;EACA,aAAA;EACA,eAAA;EACA,aAAA;EACA,eAAA;EACA,qBAAA;EACA,YAAA;EACA,mBAAA;EACA,cAAA;EAEA,SAAA;EAEA,yBAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EAGA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EAGA,4CAAA;EACA,gCAAA;EAGA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EAGA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EAGA,wBAAA;EACA,wBAAA;EACA,wBAAA;EACA,wBAAA;EACA,wBAAA;EAGA,qBAAA;EACA,qBAAA;EAGA,qCAAA;EACA,yCAAA;EAEA,gBAAA;EACA,qDAAA;ACvBJ;;AD2BA;EACI,yBAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EAEA,yCAAA;EACA,sCAAA;ACzBJ;;AD4BA;EACI,yBAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EACA,0BAAA;EAEA,0BAAA;EACA,0BAAA;EAEA,uBAAA;EACA,wCAAA;EAEA,2CAAA;EACA,sCAAA;AC5BJ;;AD+BA;EACI,gBAAA;EACA,uBAAA;AC5BJ;;AD+BA;EACI,wCAAA;EACA,8BAAA;EACA,6BAAA;EACA,kBAAA;AC5BJ;;AD+BA;EACI,uBAAA;EACA,yBAAA;EACA,2BAAA;AC5BJ;;AD+BA;EACI,uBAAA;EACA,yBAAA;EACA,2BAAA;AC5BJ;;AD+BA;EACI,uBAAA;EACA,yBAAA;EACA,2BAAA;AC5BJ;;AD+BA;EACI,uBAAA;EACA,yBAAA;EACA,2BAAA;AC5BJ;;AD+BA;EACI,uBAAA;EACA,yBAAA;EACA,2BAAA;AC5BJ;;AD+BA;;EAEI,sBAAA;EACA,iCAAA;EACA,8BAAA;AC5BJ;;AD+BA;EACI,qBAAA;EACA,kBAAA;EACA,cAAA;EACA,8BAAA;AC5BJ;;AD+BA;EACI,sBAAA;AC5BJ;;AD+BA;EACI,gBAAA;AC5BJ;;AD+BA;EACI,WAAA;EACA,YAAA;AC5BJ;;AD+BA;EACI,eAAA;EACA,cAAA;AC5BJ;;AD+BA;EACI,UAAA;EACA,WAAA;AC5BJ;;AD+BA,UAAA;AACA;EACI,uCAAA;AC5BJ;;AD+BA,WAAA;AACA;EACI,kCAAA;EACA,mBAAA;EACA,uCAAA;AC5BJ;;AD+BA,oBAAA;AACA;EACI,YAAA;AC5BJ;;AD+BA;EACI;IACI,6DAAA;EC5BN;AACF;ADgCA,mBAAA;AACA;EACI,wCAAA;EACA,4BAAA;AC9BJ;ADgCI;EACI,eAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;AC9BR;ADgCQ;EACI,YAAA;AC9BZ;ADiCgB;EACI,2BAAA;AC/BpB;ADqCY;EACI,2BAAA;ACnChB;ADuCQ;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;ACrCZ;ADuCY;EACI,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;EACA,sBAAA;EACA,4BAAA;ACrChB;ADuCgB;EACI,6BAAA;ACrCpB;ADyCY;EACI,kBAAA;ACvChB;AD0CY;EACI,uBAAA;EACA,qBAAA;ACxChB;;AD8CA,iBAAA;AAEA;EACI,YAAA;EACA,aAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;EACA,gBAAA;AC5CJ;AD8CI;EACI,YAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;AC5CR;AD+CI;;EAEI,uCAAA;EACA,mBAAA;AC7CR;ADgDI;;EAEI,wCAAA;AC9CR;ADiDI;;;EAGI,WAAA;AC/CR;ADkDI;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EACA,wBAAA;AChDR;ADkDQ;;;EAGI,YAAA;AChDZ;ADmDQ;EACI,WAAA;EACA,gBAAA;EACA,+BAAA;EACA,gCAAA;ACjDZ;ADmDY;EACI,2BAAA;EACA,iBAAA;EACA,uCAAA;ACjDhB;ADoDY;EACI,cAAA;AClDhB;ADsDQ;EACI,WAAA;EACA,kBAAA;ACpDZ;ADwDI;EACI,YAAA;EACA,kBAAA;ACtDR;ADyDI;EACI,wBAAA;ACvDR;;AD2DA,WAAA;AACA;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,uCAAA;EACA,aAAA;EACA,mBAAA;EACA,UAAA;EACA,qCAAA;EACA,YAAA;ACxDJ;AD0DI;EACI,YAAA;EACA,4EAAA;ACxDR;ADyDQ;EACI,WAAA;ACvDZ;AD2DI;EACI,UAAA;EACA,oBAAA;ACzDR;;AD6DA;EACI;IAAG,UAAA;ECzDL;ED0DE;IAAI,YAAA;ECvDN;EDwDE;IAAK,UAAA;ECrDP;AACF;ADuDA;EACI;IAAG,qBAAA;ECpDL;EDqDE;IAAI,mBAAA;EClDN;EDmDE;IAAK,qBAAA;EChDP;AACF;ADkDA,qBAAA;AElbA;;;;;;;;;;;;;EAAA;AAeA,eAAA;AAEI;EACI,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;ADiYR;AC/XQ;EACI,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,yBAAA;EACA,YAAA;ADiYZ;AC/XY;EACI,YAAA;EACA,aAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,2BAAA;EACA,4BAAA;EACA,yCAAA;EACA,6BAAA;EACA,iBAAA;EACA,0BAAA;EACA,gBAAA;EACA,mBAAA;EACA,eAAA;ADiYhB;AC/XgB;EACI,eAAA;EACA,iBAAA;EACA,kBAAA;ADiYpB;AC9XgB;EACI,2BAAA;ADgYpB;AC7XgB;EACI,sBAAA;AD+XpB;AC5XgB;EACI,uCAAA;EACA,6BAAA;AD8XpB;AC1XoB;EACI,UAAA;AD4XxB;ACxXgB;EACI,eAAA;AD0XpB;ACrXQ;EACI,cAAA;EACA,kBAAA;EACA,gBAAA;ADuXZ;ACrXY;EACI,kBAAA;EACA,mBAAA;ADuXhB;ACrXgB;EACI,eAAA;EACA,kBAAA;EACA,wBAAA;ADuXpB;ACnXoB;EACI,wBAAA;ADqXxB;ACjXgB;EACI,kBAAA;EACA,WAAA;EACA,QAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,mCAAA;EACA,wCAAA;EACA,UAAA;EACA,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,iCAAA;ADmXpB;ACjXoB;EACI,wCAAA;ADmXxB;AChXoB;EACI,oBAAA;EACA,iBAAA;EACA,cAAA;ADkXxB;AC7WY;EACI,iBAAA;EACA,iCAAA;AD+WhB;AC7WgB;EACI,uCAAA;EACA,6BAAA;AD+WpB;AC1WQ;EACI,YAAA;AD4WZ;AC3WY;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,WAAA;EACA,YAAA;EACA,yCAAA;EACA,4BAAA;EACA,2BAAA;EACA,6BAAA;EACA,8BAAA;EACA,sBAAA;EACA,2BAAA;EACA,eAAA;EACA,gBAAA;EACA,iCAAA;AD6WhB;AC3WgB;EACI,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AD6WpB;AC1WgB;EACI,eAAA;AD4WpB;ACzWgB;EACI,eAAA;AD2WpB;ACvWY;EACI,uCAAA;EACA,6BAAA;ADyWhB;ACnWQ;EACI,oBAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;ADqWZ;AClWQ;EACI,mBAAA;EACA,gBAAA;EACA,WAAA;EACA,UAAA;EACA,qCAAA;ADoWZ;;AEriBA;;;;;;;;;;;;;EAAA;AAeA,oBAAA;AACA;EACI,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,8BAAA;EACA,gBAAA;EACA,WAAA;AFuiBJ;AEriBI;EACI,YAAA;EACA,WAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;EACA,6BAAA;EACA,yBAAA;EACA,YAAA;EACA,+CAAA;EACA,8BAAA;EACA,eAAA;EACA,0BAAA;AFuiBR;AEriBQ;EACI,mBAAA;AFuiBZ;AEpiBQ;EACI,4BAAA;EACA,wCAAA;AFsiBZ;AEniBQ;EACI,sBAAA;AFqiBZ;AEliBQ;EACI,2BAAA;AFoiBZ;AEjiBQ;EACI,uBAAA;EAAA,kBAAA;EACA,UAAA;EACA,gBAAA;EACA,oBAAA;EACA,kFAAA;AFmiBZ;AEhiBQ;EACI,UAAA;EACA,SAAA;EACA,oBAAA;EACA,SAAA;EACA,OAAA;AFkiBZ;AE/hBQ;EACI,UAAA;EACA,SAAA;EACA,oBAAA;EACA,SAAA;EACA,OAAA;AFiiBZ;;AG9mBA;;;;;;;;;;;;;EAAA;AAeA,gBAAA;AACA;EACI,gBAAA;EACA,aAAA;EACA,sBAAA;AHgnBJ;AG9mBI;EACI,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,+CAAA;EACA,eAAA;EACA,wBAAA;EAAA,mBAAA;AHgnBR;AG9mBQ;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;AHgnBZ;AG9mBY;;EAEI,oBAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,YAAA;EACA,uCAAA;EACA,6BAAA;EACA,4BAAA;AHgnBhB;AG9mBgB;;EACI,6BAAA;EACA,eAAA;AHinBpB;AG9mBgB;;EACI,6BAAA;EACA,YAAA;AHinBpB;AG7mBY;EACI,kBAAA;AH+mBhB;AG3mBQ;EACI,YAAA;EACA,aAAA;EACA,mBAAA;AH6mBZ;AG3mBY;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,uBAAA;EAAA,kBAAA;EACA,oBAAA;EACA,uCAAA;EACA,4BAAA;EACA,2BAAA;EACA,6BAAA;EACA,8BAAA;EACA,sBAAA;EACA,2BAAA;EACA,eAAA;EACA,gBAAA;EACA,iCAAA;AH6mBhB;AG3mBgB;EACI,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AH6mBpB;AG1mBgB;EACI,qBAAA;AH4mBpB;AGzmBgB;EACI,kBAAA;AH2mBpB;AGxmBgB;EACI,mBAAA;AH0mBpB;AGvmBgB;EACI,mBAAA;AHymBpB;AG9lBgB;EACI,oBAAA;AHgmBpB;AG5lBY;EACI,6BAAA;AH8lBhB;AG3lBY;EACI,6BAAA;EACA,mBAAA;AH6lBhB;AGvlBI;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,gBAAA;AHylBR;AGvlBQ;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,uCAAA;EACA,UAAA;EACA,mBAAA;AHylBZ;AGvlBY;EACI,2BAAA;EACA,2BAAA;EACA,kBAAA;EACA,+BAAA;EACA,mBAAA;EACA,+CAAA;AHylBhB;AGtlBY;EACI,UAAA;EACA,oBAAA;EACA,qCAAA;AHwlBhB;AGtlBgB;EACI,mBAAA;AHwlBpB;AGnlBQ;EACI,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,UAAA;EACA,mBAAA;EACA,kBAAA;EACA,MAAA;EACA,QAAA;EACA,gBAAA;EACA,aAAA;EACA,qCAAA;AHqlBZ;AGnlBY;EACI,QAAA;EACA,SAAA;EACA,UAAA;EACA,oBAAA;EACA,kCAAA;AHqlBhB;AGhlBY;EACI,WAAA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA;AHklBhB;AGhlBgB;EACI,mBAAA;AHklBpB;AG/kBwB;EACI,oBAAA;EACA,uCAAA;AHilB5B;AG7kBoB;EACI,aAAA;EACA,mBAAA;EACA,2BAAA;EACA,SAAA;EACA,eAAA;AH+kBxB;AG7kBwB;EACI,6BAAA;AH+kB5B;AG5kBwB;EACI,6BAAA;AH8kB5B;AG3kBwB;EACI,2BAAA;AH6kB5B;AG1kBwB;EACI,6BAAA;AH4kB5B;AGzkBwB;EACI,eAAA;AH2kB5B;AGxkBwB;EACI,2BAAA;AH0kB5B;AGtkBoB;;EAEI,kBAAA;AHwkBxB;AGrkBoB;EACI,2BAAA;EACA,qBAAA;AHukBxB;AGrkBwB;EACI,mBAAA;AHukB5B;AGpkBwB;EACI,6BAAA;EACA,2BAAA;AHskB5B;AGjkBwB;EACI,mBAAA;AHmkB5B;AGhkBgC;EACI,oBAAA;EACA,uCAAA;AHkkBpC;AG7jBwB;EACI,gBAAA;AH+jB5B;AG5jBgC;EACI,yBAAA;AH8jBpC;AGvjBgB;EACI,gBAAA;AHyjBpB;AGtjBwB;EACI,yBAAA;AHwjB5B;AG/iBQ;;;;EAII,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,2BAAA;EACA,SAAA;EACA,yBAAA;AHijBZ;AG/iBY;;;;;;;;;;;;;;;;EAII,YAAA;EACA,yBAAA;AH6jBhB;AG1jBY;;;;;;;;;;;;;;;;EAII,YAAA;EACA,YAAA;EACA,eAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,2BAAA;EACA,gBAAA;EACA,kBAAA;EACA,SAAA;AHwkBhB;AGtkBgB;;;;;;;;;;;;;;;;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,YAAA;EACA,WAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;EACA,wCAAA;EACA,4BAAA;EACA,8BAAA;EACA,sBAAA;EACA,2BAAA;EACA,eAAA;EACA,8CAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,SAAA;AHulBpB;AGrlBoB;;;;;;;;;;;;;;;;EACI,wCAAA;AHsmBxB;AGnmBoB;;;;;;;;;;;;;;;;EACI,wCAAA;EACA,YAAA;AHonBxB;AGhnBgB;;;;;;;;;;;;;;;;EACI,WAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,QAAA;EACA,kBAAA;EACA,gBAAA;AHioBpB;AG/nBoB;;;;;;;;;;;;;;;;EACI,gBAAA;AHgpBxB;AG5oBgB;;;;;;;;;;;;;;;;EACI,WAAA;EACA,YAAA;EACA,mBAAA;EACA,aAAA;EACA,qBAAA;EACA,uBAAA;AH6pBpB;AGtpBgB;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;AHwpBpB;AGtpBoB;EACI,sBAAA;AHwpBxB;AGlpBQ;EACI,kBAAA;AHopBZ;AGjpBgB;EACI,WAAA;EACA,YAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;AHmpBpB;AGhpBwB;EACI,iBAAA;EACA,gCAAA;EACA,4BAAA;AHkpB5B;AG5oBY;EACI,MAAA;AH8oBhB;AG5oBgB;EACI,WAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,mBAAA;AH8oBpB;AG3oBwB;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,WAAA;EACA,mBAAA;EACA,wCAAA;EACA,eAAA;EACA,8CAAA;EACA,kBAAA;AH6oB5B;AG3oB4B;EACI,wCAAA;AH6oBhC;AG1oB4B;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,sBAAA;EACA,8BAAA;EACA,2BAAA;EACA,0BAAA;EACA,4BAAA;AH4oBhC;AGxoBgC;EACI,gBAAA;AH0oBpC;AGroBgC;EACI,eAAA;AHuoBpC;AGloBwB;EACI,wCAAA;EACA,YAAA;AHooB5B;AG/nBgB;EAEI,WAAA;EACA,wBAAA;EAAA,mBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,UAAA;EACA,0DAAA;AHgoBpB;AG9nBoB;EACI,QAAA;EACA,SAAA;EACA,UAAA;EACA,oBAAA;EACA,kCAAA;AHgoBxB;AG3nBoB;EACI,WAAA;AH6nBxB;AG3nBwB;EACI,sBAAA;EACA,8BAAA;EACA,6BAAA;EACA,eAAA;EACA,0BAAA;AH6nB5B;AG3nB4B;EACI,iBAAA;AH6nBhC;AGznBwB;EACI,WAAA;EACA,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,SAAA;AH2nB5B;AGznB4B;;EAEI,WAAA;AH2nBhC;AGxnB4B;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,wCAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;EACA,YAAA;EACA,kBAAA;EACA,wCAAA;EACA,iCAAA;AH0nBhC;AGxnBgC;EACI,kBAAA;EACA,gBAAA;EACA,qBAAA;EACA,oBAAA;EACA,mCAAA;EACA,0BAAA;EACA,sBAAA;EACA,4BAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;EACA,iCAAA;AH0nBpC;AGvnBgC;EACI,wCAAA;EACA,oCAAA;AHynBpC;AGpnBgC;EACI,gBAAA;AHsnBpC;AGlnB4B;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,WAAA;EACA,mBAAA;EACA,wCAAA;EACA,eAAA;AHonBhC;AGlnBgC;EACI,YAAA;EACA,WAAA;EACA,kBAAA;EACA,wCAAA;EACA,YAAA;AHonBpC;AGjnBgC;EACI,wBAAA;EACA,YAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,wCAAA;AHmnBpC;AGhnBgC;EACI,YAAA;EACA,WAAA;EACA,kBAAA;EACA,wCAAA;EACA,YAAA;AHknBpC;AG9mB4B;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,wCAAA;EACA,kBAAA;EACA,4BAAA;EACA,sBAAA;EACA,8BAAA;EACA,qBAAA;EACA,YAAA;EACA,eAAA;AHgnBhC;AG1mB4B;EACI,WAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,QAAA;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;AH4mBhC;AG1mBgC;EACI,kBAAA;EACA,UAAA;EACA,4BAAA;EACA,uBAAA;EACA,uBAAA;EACA,eAAA;AH4mBpC;AG1mBoC;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,wCAAA;EACA,eAAA;EACA,WAAA;EACA,8CAAA;AH4mBxC;AG1mBwC;EACI,wCAAA;AH4mB5C;AGxmBoC;EACI,wCAAA;EACA,YAAA;AH0mBxC;AGlmBgB;EACI,WAAA;EACA,YAAA;EACA,gBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,yBAAA;AHomBpB;;ADx0BA,uBAAA;AKxbA;;;;;;;;;;;;;EAAA;AAeA,0BAAA;AAEA;EACI,kBAAA;EACA,MAAA;EACA,QAAA;EACA,YAAA;EACA,YAAA;EACA,wCAAA;EACA,yBAAA;EACA,aAAA;EACA,4BAAA;EACA,uBAAA;EACA,yGAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,8BAAA;EACA,YAAA;AJkwCJ;AIhwCI;EACI,WAAA;AJkwCR;AIhwCQ;EACI,iBAAA;EACA,mBAAA;AJkwCZ;AIhwCY;EACI,uBAAA;EACA,eAAA;AJkwChB;AI9vCQ;EAEI,oBAAA;EACA,8CAAA;EACA,cAAA;AJ+vCZ;AI5vCQ;EACI,aAAA;EACA,mBAAA;EACA,eAAA;EACA,mBAAA;EACA,8BAAA;EACA,SAAA;AJ8vCZ;AI5vCY;EACI,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;AJ8vChB;AI5vCgB;EACI,sBAAA;EACA,eAAA;AJ8vCpB;AI3vCgB;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,wCAAA;EACA,kBAAA;EACA,8CAAA;EACA,eAAA;AJ6vCpB;AI3vCoB;EACI,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;EACA,qCAAA;EACA,0CAAA;AJ6vCxB;AIzvCgB;EACI,wCAAA;AJ2vCpB;AIzvCoB;EACI,YAAA;AJ2vCxB;AIrvCQ;EACI,WAAA;AJuvCZ;AIrvCY;EACI,WAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,sBAAA;EACA,mBAAA;AJuvChB;AIrvCgB;EACI,2BAAA;AJuvCpB;AIpvCgB;EACI,UAAA;EACA,uCAAA;EACA,6BAAA;EACA,oBAAA;EACA,kBAAA;EACA,YAAA;EACA,eAAA;EACA,8BAAA;AJsvCpB;AInvCgB;EACI,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,SAAA;EACA,WAAA;EACA,eAAA;AJqvCpB;AInvCoB;EACI,uBAAA;EAAA,kBAAA;AJqvCxB;AIjvCgB;EACI,OAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,WAAA;EACA,mBAAA;EACA,wCAAA;EACA,eAAA;EAEA,mCAAA;AJkvCpB;AIhvCoB;EACI,YAAA;EACA,WAAA;EACA,kBAAA;EACA,qCAAA;EACA,YAAA;AJkvCxB;AI/uCoB;EACI,wBAAA;EACA,YAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,qCAAA;AJivCxB;AI9uCoB;EACI,YAAA;EACA,WAAA;EACA,kBAAA;EACA,qCAAA;EACA,YAAA;AJgvCxB;AI5uCgB;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,wCAAA;EACA,0BAAA;EACA,sBAAA;EACA,2BAAA;EACA,8BAAA;EACA,eAAA;EACA,8CAAA;AJ8uCpB;AI5uCoB;EACI,wCAAA;AJ8uCxB;AI3uCoB;EACI,sBAAA;AJ6uCxB;AIxuCY;EACI,sBAAA;EACA,uBAAA;AJ0uChB;AIruCI;EACI,WAAA;EACA,kBAAA;AJuuCR;AIruCQ;EACI,mBAAA;AJuuCZ;AIpuCQ;EACI,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;AJsuCZ;AIpuCY;EACI,iBAAA;EACA,eAAA;EACA,YAAA;AJsuChB;AIpuCgB;EACI,6CAAA;AJsuCpB;;AI/tCA;EACI,QAAA;EACA,SAAA;EACA,UAAA;EACA,oBAAA;EACA,2HAAA;AJkuCJ;;AKz9CA;;;;;;;;;;;;;EAAA;AAeA,wBAAA;AACA;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,wCAAA;EACA,aAAA;EACA,mBAAA;EACA,UAAA;EACA,mBAAA;EACA,mBAAA;EACA,yCAAA;AL29CJ;AKz9CI;EACI,gBAAA;EACA,uCAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;AL29CR;AKz9CQ;EACI,WAAA;EACA,iBAAA;AL29CZ;AKz9CY;EACI,uBAAA;EACA,eAAA;AL29ChB;AKv9CQ;EACI,WAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,2BAAA;EACA,SAAA;EACA,eAAA;EACA,sBAAA;ALy9CZ;AKv9CY;EACI,2BAAA;EACA,kBAAA;ALy9ChB;AKt9CY;EACI,WAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;ALw9ChB;AKt9CgB;EACI,QAAA;EACA,SAAA;EACA,UAAA;ALw9CpB;AKr9CgB;EACI,kBAAA;EACA,WAAA;ALu9CpB;AKr9CoB;EACI,kBAAA;EACA,QAAA;EACA,WAAA;EACA,2BAAA;EACA,qBAAA;EACA,oBAAA;EACA,mCAAA;EACA,0BAAA;EACA,gBAAA;EACA,oBAAA;ALu9CxB;AKn9CgB;;;EAGI,uCAAA;EACA,6BAAA;EACA,8BAAA;EACA,kBAAA;ALq9CpB;AKl9CgB;;EAEI,wCAAA;ALo9CpB;AKj9CgB;EACI,gCAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,eAAA;ALm9CpB;AKh9CgB;EACI,WAAA;EACA,kBAAA;EACA,0BAAA;ALk9CpB;AK38CgB;EACI,WAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;EACA,2BAAA;EACA,8BAAA;EACA,kBAAA;AL68CpB;AK38CoB;EACI,uBAAA;EAAA,kBAAA;EACA,eAAA;EACA,kBAAA;AL68CxB;AK18CoB;EACI,YAAA;EACA,WAAA;EACA,oBAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,YAAA;AL48CxB;AK18CwB;EACI,aAAA;AL48C5B;AKv8CgB;EACI,wCAAA;EACA,oBAAA;EACA,kBAAA;EACA,kBAAA;EACA,YAAA;EACA,4BAAA;EACA,4BAAA;EACA,+BAAA;EACA,eAAA;EACA,8CAAA;ALy8CpB;AKv8CoB;EACI,wCAAA;ALy8CxB;AKn8CQ;EACI,aAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;ALq8CZ;AKn8CY;EAEI,WAAA;EACA,4BAAA;EAAA,uBAAA;EACA,UAAA;EACA,gBAAA;EAEA,sGAAA;ALm8ChB;AKh8CoB;EACI,eAAA;EACA,kBAAA;EACA,UAAA;ALk8CxB;AKh8CwB;EACI,kBAAA;EACA,WAAA;EACA,QAAA;EACA,UAAA;EACA,wBAAA;EACA,cAAA;EACA,wCAAA;EACA,WAAA;ALk8C5B;AK97CwB;EACI,uBAAA;EAAA,kBAAA;EACA,uCAAA;EACA,eAAA;EACA,iBAAA;EACA,0BAAA;ALg8C5B;AK57CoB;EACI,yBAAA;AL87CxB;AK57CwB;EACI,sBAAA;AL87C5B;AK17CoB;EACI,aAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,2BAAA;EACA,eAAA;EACA,SAAA;AL47CxB;AK17CwB;EACI,uCAAA;EACA,kBAAA;EACA,uBAAA;EAAA,kBAAA;EACA,aAAA;EACA,6CAAA;AL47C5B;AK17C4B;EACI,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;EACA,eAAA;EACA,uCAAA;AL47ChC;AK17CgC;EACI,6BAAA;AL47CpC;AKz7CgC;EACI,2BAAA;AL27CpC;AKt7C4B;EACI,oBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;ALw7ChC;AKr7C4B;EACI,SAAA;EACA,UAAA;EACA,sBAAA;EACA,iCAAA;EACA,eAAA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yGAAA;ALu7ChC;AKn7C4B;EACI,aAAA;EACA,SAAA;EACA,SAAA;EACA,UAAA;EACA,yEAAA;ALq7ChC;AKn7CgC;EACI,sBAAA;EACA,kBAAA;EACA,wCAAA;EACA,uCAAA;EACA,8BAAA;EACA,6BAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;EACA,8CAAA;ALq7CpC;AKn7CoC;EACI,wCAAA;ALq7CxC;AKl7CoC;EACI,kBAAA;EACA,cAAA;EACA,oBAAA;ALo7CxC;AKj7CoC;EACI,kBAAA;EACA,kBAAA;ALm7CxC;AK36C4B;EACI,+CAAA;EACA,oBAAA;EACA,oCAAA;AL66ChC;AK16C4B;EACI,mBAAA;AL46ChC;AKz6C4B;EACI,YAAA;EACA,cAAA;EACA,UAAA;EACA,qGAAA;AL26ChC;AKx6C4B;EACI,YAAA;EACA,UAAA;EACA,wEAAA;AL06ChC;AKp6CoB;EACI,SAAA;EACA,UAAA;EACA,qEAAA;ALs6CxB;AKl6CgB;EACI,QAAA;EACA,SAAA;EACA,UAAA;EACA,iGAAA;ALo6CpB;AK95CI;EACI,mBAAA;EACA,UAAA;EACA,oBAAA;ALg6CR;;AK55CA;EAIY;IACI,WAAA;IACA,eAAA;EL45Cd;EK15Cc;IACI,uBAAA;IACA,aAAA;IACA,mBAAA;IACA,mBAAA;IACA,uBAAA;EL45ClB;EK15CkB;IACI,kBAAA;IACA,WAAA;EL45CtB;EK15CsB;IACI,kBAAA;IACA,QAAA;IACA,WAAA;IACA,2BAAA;IACA,qBAAA;IACA,oBAAA;IACA,mCAAA;IACA,0BAAA;IACA,gBAAA;IACA,oBAAA;EL45C1B;EKx5CkB;IACI,WAAA;EL05CtB;EKn5CkB;IACI,WAAA;ELq5CtB;AACF;AMzzDA;;;;;;;;;;;;;EAAA;AAeA;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,yCAAA;EACA,UAAA;EACA,mBAAA;EACA,mBAAA;EACA,yCAAA;AN0zDJ;AMxzDI;EACI,YAAA;EACA,mBAAA;EACA,uCAAA;EACA,8CAAA;EACA,aAAA;AN0zDR;AMxzDQ;EACI,WAAA;EACA,iBAAA;EACA,mBAAA;AN0zDZ;AMxzDY;EACI,+BAAA;EACA,eAAA;AN0zDhB;AMtzDQ;EAMI,mBAAA;ANmzDZ;AMxzDY;EACI,6BAAA;EACA,2BAAA;EACA,+BAAA;AN0zDhB;AMrzDQ;EACI,WAAA;EACA,mBAAA;ANuzDZ;AMrzDY;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,8BAAA;EACA,sBAAA;ANuzDhB;AMpzDY;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,mBAAA;ANszDhB;AMpzDgB;EACI,WAAA;EACA,YAAA;EACA,uCAAA;EACA,4CAAA;EACA,6CAAA;EACA,+CAAA;EACA,kBAAA;EACA,2BAAA;EACA,8BAAA;EACA,8BAAA;EACA,sBAAA;EACA,aAAA;ANszDpB;AMpzDoB;EACI,2BAAA;ANszDxB;AMnzDoB;EACI,aAAA;ANqzDxB;AMjzDgB;EACI,YAAA;EACA,uBAAA;EAAA,kBAAA;EACA,wCAAA;EACA,4BAAA;EACA,sBAAA;EACA,aAAA;EACA,4BAAA;EACA,+BAAA;EACA,YAAA;EACA,eAAA;EACA,8CAAA;ANmzDpB;AMjzDoB;EACI,wCAAA;ANmzDxB;AMhzDoB;EACI,wCAAA;EACA,eAAA;ANkzDxB;AM7yDY;EACI,eAAA;EACA,2BAAA;EACA,iCAAA;AN+yDhB;AM7yDgB;EACI,mBAAA;EACA,wCAAA;EACA,4BAAA;EACA,YAAA;EACA,8CAAA;AN+yDpB;AM9yDoB;EACI,kBAAA;ANgzDxB;AM7yDoB;EACI,wCAAA;AN+yDxB;AM3yDgB;EACI,wCAAA;EACA,6BAAA;EACA,6BAAA;EACA,iCAAA;AN6yDpB;AM3yDoB;EACI,wCAAA;EACA,oCAAA;EACA,4BAAA;AN6yDxB;AMvyDQ;EACI,WAAA;EACA,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,SAAA;EACA,qBAAA;ANyyDZ;AMvyDY;EACI,OAAA;EACA,YAAA;EACA,kBAAA;EACA,YAAA;EACA,4BAAA;EACA,wCAAA;EACA,eAAA;EACA,8BAAA;EACA,sBAAA;EACA,2BAAA;EACA,8CAAA;ANyyDhB;AMvyDgB;EACI,wCAAA;EACA,mBAAA;ANyyDpB;AMvyDoB;EACI,wCAAA;ANyyDxB;AMryDgB;EACI,kBAAA;ANuyDpB;AMpyDgB;EACI,wCAAA;ANsyDpB;AMjyDQ;EACI,mBAAA;ANmyDZ;AMlyDY;EACI,6BAAA;EACA,2BAAA;EACA,mCAAA;ANoyDhB;AMlyDgB;EACI,2BAAA;ANoyDpB;AM/xDgB;EACI,2BAAA;ANiyDpB;AM3xDI;EACI,mBAAA;EACA,UAAA;EACA,oBAAA;AN6xDR;;AOz/DA;;;;;;;;;;;;;EAAA;AAeA;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,yCAAA;EACA,aAAA;EACA,mBAAA;EACA,UAAA;EACA,mBAAA;EACA,mBAAA;EACA,yCAAA;AP2/DJ;AOz/DI;EACI,uCAAA;EACA,mBAAA;EACA,8CAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,8BAAA;EACA,aAAA;AP2/DR;AOz/DQ;EACI,mBAAA;AP2/DZ;AO1/DY;EACI,kBAAA;EACA,6BAAA;EACA,mBAAA;AP4/DhB;AO1/DY;EACI,gBAAA;AP4/DhB;AOv/DY;EACI,eAAA;EACA,YAAA;EACA,wBAAA;EACA,kBAAA;EACA,sBAAA;EACA,2BAAA;EACA,8BAAA;EACA,6BAAA;EACA,8CAAA;APy/DhB;AOv/DY;EACI,wCAAA;EACA,kBAAA;APy/DhB;AOv/DgB;EACI,wCAAA;APy/DpB;AOr/DY;EACI,sCAAA;APu/DhB;AOr/DgB;EACI,sCAAA;APu/DpB;AOj/DI;EACI,mBAAA;EACA,UAAA;EACA,oBAAA;APm/DR;;AD1oDA,qBAAA;AS9bA;;;;;;;;;;;;;EAAA;AAeA;EACI,YAAA;AR2kEJ;AQxkEQ;EACI,eAAA;AR0kEZ;AQvkEQ;EACI,UAAA;EACA,8BAAA;EACA,iBAAA;ARykEZ;;AQpkEA;EACI,sBAAA;EACA,gCAAA;EACA,6BAAA;EACA,wCAAA;EACA,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,qBAAA;EACA,uCAAA;EACA,gBAAA;EACA,WAAA;ARukEJ","file":"styles.css"}
\ No newline at end of file
diff --git a/packages/web-new/src/styles/styles.scss b/packages/web-new/src/styles/styles.scss
new file mode 100644
index 000000000..fd6c61c54
--- /dev/null
+++ b/packages/web-new/src/styles/styles.scss
@@ -0,0 +1,448 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/*** Globals **/
+*,
+*::before,
+*::after {
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+:root {
+    /*Fonts styles*/
+    --ff-primary: 'Roboto', sans-serif;
+    --ff-secundary: 'Open Sans', sans-serif;
+
+    /*Font weights*/
+    --fw-light: 300;
+    --fw-regular: 400;
+    --fw-bold: 700;
+    --fw-black: 900;
+
+    /*Font sizes*/
+    //default font size fallback values
+    --fs-h1: 3.5rem;
+    --fs-h2: 3rem;
+    --fs-h3: 2.5rem;
+    --fs-h4: 2rem;
+    --fs-sub-header: 1.8rem;
+    --fs-p: 1.4rem;
+    --fs-footer: 1rem;
+    --fs-i: 1.8rem;
+
+    //responsive font size values
+    --fs-h1: clamp(3rem, 2.8rem + 0.625vw, 4rem);
+    --fs-h2: clamp(2.5rem, 2.3rem + 0.625vw, 3.5rem);
+    --fs-h3: clamp(2rem, 1.8rem + 0.625vw, 3rem);
+    --fs-h4: clamp(1.5rem, 1.3rem + 0.625vw, 2.5rem);
+    --fs-sub-header: clamp(1.4rem, 1.239rem + 0.5vw, 2.2rem);
+    --fs-p: clamp(1.2rem, 1.119rem + 0.25vw, 1.6rem);
+    --fs-footer: clamp(0.8rem, 0.7200000000000001rem + 0.24999999999999997vw, 1.2rem);
+    --fs-i: clamp(1.4rem, 1.279rem + 0.375vw, 2rem);
+
+    /*line heights*/
+    --lh-h1: 5rem;
+    --lh-h2: 4.5rem;
+    --lh-h3: 4rem;
+    --lh-h4: 3.5rem;
+    --lh-sub-header: 3rem;
+    --lh-p: 2rem;
+    --lh-footer: 1.5rem;
+    --lh-i: 2.2rem;
+
+    /*colors*/
+    //neutrals
+    --clr-neutral-50: #FFFFFE;
+    --clr-neutral-100: #E4E6E6;
+    --clr-neutral-200: #CACCCC;
+    --clr-neutral-300: #B1B3B3;
+    --clr-neutral-900: #141414;
+
+    //primary
+    --clr-primary-100: #95E5D9;
+    --clr-primary-300: #5ED1C0;
+    --clr-primary-500: #33B8A4;
+    --clr-primary-700: #179985;
+    --clr-primary-900: #067362;
+
+    //shades
+    --clr-shades-trans: rgba(255, 255, 255, 0.6);
+    --clr-shadow: rgba(0, 0, 0, 0.4);
+
+    //success
+    --clr-success-100: #80F2AA;
+    --clr-success-300: #63E592;
+    --clr-success-500: #4ADE80;
+    --clr-success-700: #2DC464;
+    --clr-success-900: #16AB4C;
+
+    //warning
+    --clr-warning-100: #FFDE59;
+    --clr-warning-300: #FCD63F;
+    --clr-warning-500: #FACC15;
+    --clr-warning-700: #EDBF09;
+    --clr-warning-900: #E0B300;
+
+    //error
+    --clr-error-100: #FAA5A5;
+    --clr-error-300: #FA8C8C;
+    --clr-error-500: #F87171;
+    --clr-error-700: #EB5454;
+    --clr-error-900: #DE3A3A;
+
+    //td
+    --clr-td-300: #d6935d;
+    --clr-td-500: #E07A26;
+
+    //settings menu
+    --clr-controls: var(--clr-neutral-50);
+    --clr-controls-bg: var(--clr-primary-500);
+
+    /* transitions */
+    --trans-bouncy: cubic-bezier(0.68, -0.75, 0.27, 1.75);
+}
+
+//IDE Themes
+.dark-mode {
+    --clr-neutral-50: #1E1E1E;
+    --clr-neutral-100: #4C4D4C;
+    --clr-neutral-200: #656666;
+    --clr-neutral-300: #7E807F;
+    --clr-neutral-900: #FFFFFE;
+
+    --clr-shades-trans: rgba(30, 30, 30, 0.7);
+    --clr-shadow: rgba(255, 255, 255, 0.4);
+}
+
+.monochrome-mode {
+    --clr-neutral-50: #549087;
+    --clr-neutral-100: #4C4D4C;
+    --clr-neutral-200: #656666;
+    --clr-neutral-300: #7E807F;
+    --clr-neutral-900: #FFFFFE;
+
+    --clr-primary-500: #FFFFFE;
+    --clr-primary-700: #E4E6E6;
+
+    --clr-controls: #FFFFFE;
+    --clr-controls-bg: var(--clr-neutral-50);
+
+    --clr-shades-trans: rgba(84, 144, 135, 0.7);
+    --clr-shadow: rgba(255, 255, 255, 0.4);
+}
+
+html {
+    font-size: 62.5%;
+    scroll-behavior: smooth;
+}
+
+body {
+    background-color: var(--clr-neutral-100);
+    font-family: var(--ff-primary);
+    color: var(--clr-neutral-900);
+    position: relative;
+}
+
+h1 {
+    font-size: var(--fs-h1);
+    line-height: var(--lh-h1);
+    font-weight: var(--fw-bold);
+}
+
+h2 {
+    font-size: var(--fs-h2);
+    line-height: var(--lh-h2);
+    font-weight: var(--fw-bold);
+}
+
+h3 {
+    font-size: var(--fs-h3);
+    line-height: var(--lh-h3);
+    font-weight: var(--fw-bold);
+}
+
+h4 {
+    font-size: var(--fs-h4);
+    line-height: var(--lh-h4);
+    font-weight: var(--fw-bold);
+}
+
+h5 {
+    font-size: var(--fs-h5);
+    line-height: var(--lh-h5);
+    font-weight: var(--fw-bold);
+}
+
+p,
+li {
+    font-size: var(--fs-p);
+    line-height: var(--lh-sub-header);
+    font-weight: var(--fw-regular);
+}
+
+a {
+    text-decoration: none;
+    font-size: inherit;
+    color: inherit;
+    font-weight: var(--fw-regular);
+}
+
+i {
+    font-size: var(--fs-i);
+}
+
+ul {
+    list-style: none;
+}
+
+img {
+    width: 100%;
+    height: 100%;
+}
+
+.container {
+    padding: 0 2rem;
+    margin: 0 auto;
+}
+
+::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+    background-color: var(--clr-neutral-50);
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+    background: var(--clr-primary-500);
+    border-radius: 50vh;
+    border: 1px solid var(--clr-neutral-50);
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+    border: none;
+}
+
+@supports (scrollbar-color: var(--clr-primary-500) var(--clr-neutral-50)){
+    *{
+        scrollbar-color: var(--clr-primary-500) var(--clr-neutral-50);
+    }
+}
+
+
+/***** Header *****/
+header {
+    background-color: var(--clr-primary-500);
+    color: var(--clr-neutral-50);
+
+    .navbar {
+        min-height: 8vh;
+        min-height: 8svh;
+        max-height: 8vh;
+        max-height: 8svh;
+        padding: 1rem 0;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+
+        &__logo {
+            width: 15rem;
+
+            .logo {
+                path {
+                    fill: var(--clr-neutral-50);
+                }
+            }
+        }
+
+        &__title{
+            span{
+                font-size: var(--fs-footer);
+            }
+        }
+
+        &__links {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+            a {
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                font-size: var(--fs-p);
+                transition: color 250ms ease;
+
+                &:hover {
+                    color: var(--clr-neutral-200);
+                }
+            }
+
+            .cli-link {
+                margin-right: 3rem;
+            }
+
+            i {
+                font-size: var(--fs-h4);
+                margin-bottom: .5rem;
+            }
+        }
+    }
+}
+
+/***** Main *****/
+
+main {
+    height: 92vh;
+    height: 92svh;
+    padding: 2rem 0;
+    width: 100%;
+    position: relative;
+    overflow: hidden;
+
+    .container {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .control-panel,
+    .console {
+        background-color: var(--clr-neutral-50);
+        border-radius: 10px;
+    }
+
+    .horizontal-divider,
+    .vertical-divider {
+        background-color: var(--clr-neutral-100);
+    }
+
+    .horizontal-divider,
+    .main-content,
+    .console {
+        width: 100%;
+    }
+
+    .main-content {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        min-height: 14.5rem;
+        height: calc(60% - 1rem);
+
+        .ide,
+        .control-panel,
+        .vertical-divider {
+            height: 100%;
+        }
+
+        .ide {
+            width: 100%;
+            overflow: hidden;
+            border-bottom-left-radius: 10px;
+            border-bottom-right-radius: 10px;
+
+            &__container {
+                height: calc(100% - 3.5rem);
+                padding-top: 1rem;
+                background-color: var(--clr-neutral-50);
+            }
+
+            &__tabs {
+                height: 3.5rem;
+            }
+        }
+
+        .vertical-divider {
+            width: 2rem;
+            cursor: col-resize;
+        }
+    }
+
+    .horizontal-divider {
+        height: 2rem;
+        cursor: row-resize;
+    }
+
+    .console {
+        height: calc(40% - 1rem);
+    }
+}
+
+/**Loader**/
+.loader-container{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: var(--clr-neutral-50);
+    display: grid;
+    place-items: center;
+    opacity: 1;
+    transition: opacity 500ms ease-in-out;
+    z-index: 100;
+
+    .loader{
+        width: 20rem;
+        animation: fade 1.5s infinite ease-in-out, pulsate 1.5s infinite ease-in-out;
+        svg{
+            width: 100%
+        }
+    }
+
+    &.hidden{
+        opacity: 0;
+        pointer-events: none;
+    }
+}
+
+@keyframes fade{
+    0%{opacity: 1;}
+    50%{opacity: .1;}
+    100%{opacity: 1;}
+}
+  
+@keyframes pulsate{
+    0%{transform: scale(1.1);}
+    50%{transform: scale(1);}
+    100%{transform: scale(1.1);}
+}
+
+/*** Main Content ***/
+
+@import "editor";
+@import "control-panel";
+@import "console";
+
+/** Additional menus **/
+@import "settings-menu";
+@import "examples-menu";
+@import "save-menu";
+@import "json-yaml-warning";
+
+/** Visualizations **/
+@import "jsonld-vis"
\ No newline at end of file
diff --git a/packages/web-new/src/template.html b/packages/web-new/src/template.html
new file mode 100644
index 000000000..7ae07fe31
--- /dev/null
+++ b/packages/web-new/src/template.html
@@ -0,0 +1,692 @@
+<!-- 
+  Copyright (c) 2023 Contributors to the Eclipse Foundation
+  
+  See the NOTICE file(s) distributed with this work for additional
+  information regarding copyright ownership.
+  
+  This program and the accompanying materials are made available under the
+  terms of the Eclipse Public License v. 2.0 which is available at
+  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+  Document License (2015-05-13) which is available at
+  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+  
+  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ -->
+
+ <!DOCTYPE html>
+ <html lang="en">
+ 
+ <head>
+     <meta charset="UTF-8">
+     <meta http-equiv="X-UA-Compatible" content="IE=edge">
+     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+     <title>TD Playground</title>
+ 
+     <!--Font awesome-->
+     <link rel="preconnect" href="https://fonts.googleapis.com">
+     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+     <link
+         href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Roboto:wght@300;400;700;900&display=swap"
+         rel="stylesheet">
+ 
+     <!-- Font awesome icons -->
+     <script src="https://kit.fontawesome.com/d66d421276.js" crossorigin="anonymous"></script>
+ 
+     <!--Favicon assets-->
+     <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
+     <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
+     <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
+     <link rel="manifest" href="favicon/site.webmanifest">
+     <link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#33b8a4">
+     <meta name="msapplication-TileColor" content="#33b8a4">
+     <meta name="theme-color" content="#33b8a4">
+ </head>
+ 
+ <body>
+     <!--Page Loader-->
+     <div class="loader-container">
+         <div class="loader">
+             <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 109 66" fill="none">
+                 <circle cx="17.5" cy="43.5" r="17" fill="white" stroke="black" />
+                 <path d="M9 41C15.8065 48.9022 20.21 52.1341 29 56" stroke="black" />
+                 <path d="M9 38.5C16.0794 34.1524 20.8959 33.0538 31 33.5" stroke="black" />
+                 <path d="M7.00001 43C6.49248 49.7208 7.14354 53.2298 10 59" stroke="black" />
+                 <path d="M5 41C2.94696 43.2653 2.13276 44.5888 1 47" stroke="black" />
+                 <path d="M6 38C6.12329 34.6449 6.57003 32.7063 9 29" stroke="black" />
+                 <path
+                     d="M9.03944 40.2282C8.88762 41.0893 8.50377 41.8041 8.03076 42.2683C7.55691 42.7334 7.02845 42.9199 6.54888 42.8354C6.06931 42.7508 5.63653 42.3948 5.35031 41.7957C5.0646 41.1977 4.94839 40.3947 5.10021 39.5337C5.25203 38.6726 5.63589 37.9578 6.10889 37.4936C6.58274 37.0285 7.1112 36.842 7.59077 36.9265C8.07034 37.0111 8.50312 37.3671 8.78934 37.9662C9.07505 38.5642 9.19126 39.3672 9.03944 40.2282Z"
+                     stroke="#33B8A4" />
+                 <path
+                     d="M55.2911 26.0028C46.9815 12.9561 38.5425 18.4299 20 40H102C102 40 98.8861 34.2975 93.1772 26.0028C87.4684 17.7082 73.9747 15.9419 64.1139 26.0028C60.668 29.5187 58.7374 29.4966 55.2911 26.0028Z"
+                     fill="white" stroke="black" />
+                 <rect x="15.5" y="40.0168" width="90" height="5" rx="2.5" fill="white" stroke="black" />
+                 <path
+                     d="M19.5 45.0168L102.5 45.0168V59.5168C102.5 62.0021 100.485 64.0168 98 64.0168H24C21.5147 64.0168 19.5 62.0021 19.5 59.5168V45.0168Z"
+                     fill="white" stroke="black" />
+                 <path
+                     d="M35.8391 56.5168V49.2441H38.7085C39.2601 49.2441 39.73 49.3495 40.1183 49.5602C40.5065 49.7685 40.8024 50.0585 41.006 50.4302C41.212 50.7995 41.315 51.2257 41.315 51.7086C41.315 52.1916 41.2108 52.6177 41.0025 52.987C40.7942 53.3563 40.4923 53.644 40.0969 53.8499C39.704 54.0559 39.2281 54.1589 38.6694 54.1589H36.8406V52.9266H38.4208C38.7167 52.9266 38.9606 52.8757 39.1523 52.7739C39.3465 52.6698 39.4909 52.5266 39.5856 52.3443C39.6826 52.1596 39.7312 51.9477 39.7312 51.7086C39.7312 51.4671 39.6826 51.2564 39.5856 51.0765C39.4909 50.8942 39.3465 50.7534 39.1523 50.6539C38.9582 50.5521 38.712 50.5012 38.4137 50.5012H37.3768V56.5168H35.8391ZM43.7981 49.2441V56.5168H42.2853V49.2441H43.7981ZM46.5653 56.6198C46.2173 56.6198 45.9072 56.5595 45.6349 56.4387C45.3627 56.3156 45.1473 56.1345 44.9886 55.8954C44.8324 55.6539 44.7543 55.3533 44.7543 54.9934C44.7543 54.6904 44.8099 54.4359 44.9212 54.2299C45.0324 54.0239 45.1839 53.8582 45.3757 53.7328C45.5675 53.6073 45.7853 53.5126 46.0291 53.4487C46.2753 53.3847 46.5334 53.3398 46.8033 53.3137C47.1205 53.2806 47.3762 53.2498 47.5703 53.2214C47.7644 53.1906 47.9053 53.1456 47.9929 53.0864C48.0805 53.0273 48.1243 52.9397 48.1243 52.8237V52.8024C48.1243 52.5775 48.0533 52.4034 47.9112 52.2803C47.7715 52.1572 47.5727 52.0957 47.3146 52.0957C47.0424 52.0957 46.8258 52.1561 46.6648 52.2768C46.5038 52.3952 46.3973 52.5443 46.3452 52.7242L44.946 52.6106C45.017 52.2792 45.1567 51.9927 45.3651 51.7512C45.5734 51.5074 45.8421 51.3203 46.1712 51.1901C46.5026 51.0576 46.8861 50.9913 47.3217 50.9913C47.6248 50.9913 47.9148 51.0268 48.1918 51.0978C48.4711 51.1688 48.7185 51.2789 48.9339 51.4281C49.1518 51.5772 49.3234 51.769 49.4489 52.0034C49.5743 52.2354 49.6371 52.5135 49.6371 52.8379V56.5168H48.2024V55.7605H48.1598C48.0722 55.9309 47.955 56.0812 47.8082 56.2114C47.6615 56.3393 47.4851 56.4399 47.2791 56.5133C47.0732 56.5843 46.8352 56.6198 46.5653 56.6198ZM46.9986 55.5758C47.2211 55.5758 47.4176 55.532 47.5881 55.4444C47.7585 55.3544 47.8923 55.2337 47.9893 55.0822C48.0864 54.9307 48.1349 54.759 48.1349 54.5673V53.9884C48.0876 54.0192 48.0225 54.0476 47.9396 54.0737C47.8591 54.0973 47.768 54.1198 47.6662 54.1411C47.5644 54.1601 47.4626 54.1778 47.3608 54.1944C47.259 54.2086 47.1667 54.2216 47.0838 54.2335C46.9063 54.2595 46.7512 54.3009 46.6186 54.3578C46.486 54.4146 46.383 54.4915 46.3097 54.5886C46.2363 54.6833 46.1996 54.8016 46.1996 54.9437C46.1996 55.1497 46.2741 55.3071 46.4233 55.416C46.5748 55.5225 46.7666 55.5758 46.9986 55.5758ZM51.5494 58.5623C51.3576 58.5623 51.1777 58.5469 51.0096 58.5161C50.8439 58.4877 50.7066 58.451 50.5977 58.4061L50.9386 57.2768C51.1161 57.3312 51.2759 57.3608 51.418 57.3656C51.5624 57.3703 51.6867 57.3372 51.7908 57.2661C51.8974 57.1951 51.9838 57.0744 52.0501 56.9039L52.1388 56.6731L50.1822 51.0623H51.7731L52.9023 55.068H52.9592L54.0991 51.0623H55.7006L53.5806 57.1063C53.4788 57.3999 53.3403 57.6556 53.1651 57.8734C52.9923 58.0936 52.7733 58.2628 52.5082 58.3812C52.243 58.5019 51.9234 58.5623 51.5494 58.5623ZM58.7564 58.6759C58.2663 58.6759 57.8461 58.6085 57.4957 58.4735C57.1477 58.3409 56.8707 58.1598 56.6648 57.9302C56.4588 57.7006 56.325 57.4425 56.2635 57.1561L57.6626 56.9678C57.7053 57.0767 57.7727 57.1785 57.8651 57.2732C57.9574 57.3679 58.0793 57.4437 58.2308 57.5005C58.3847 57.5597 58.5717 57.5893 58.7919 57.5893C59.121 57.5893 59.392 57.5088 59.6051 57.3478C59.8205 57.1892 59.9283 56.9229 59.9283 56.5488V55.5509H59.8643C59.7981 55.7025 59.6986 55.8457 59.5661 55.9806C59.4335 56.1156 59.263 56.2257 59.0547 56.3109C58.8464 56.3961 58.5978 56.4387 58.3089 56.4387C57.8994 56.4387 57.5265 56.344 57.1903 56.1546C56.8565 55.9629 56.5902 55.6705 56.3913 55.2775C56.1948 54.8821 56.0966 54.3826 56.0966 53.7789C56.0966 53.161 56.1972 52.6449 56.3984 52.2306C56.5997 51.8163 56.8672 51.5062 57.201 51.3002C57.5372 51.0943 57.9053 50.9913 58.3054 50.9913C58.6108 50.9913 58.8665 51.0434 59.0724 51.1475C59.2784 51.2493 59.4441 51.3772 59.5696 51.5311C59.6974 51.6826 59.7957 51.8317 59.8643 51.9785H59.9212V51.0623H61.4233V56.5701C61.4233 57.0341 61.3097 57.4224 61.0824 57.7349C60.8551 58.0474 60.5402 58.2818 60.1378 58.438C59.7377 58.5966 59.2772 58.6759 58.7564 58.6759ZM58.7884 55.3024C59.0322 55.3024 59.2382 55.242 59.4062 55.1212C59.5767 54.9981 59.7069 54.823 59.7969 54.5957C59.8892 54.366 59.9354 54.0914 59.9354 53.7718C59.9354 53.4522 59.8904 53.1752 59.8004 52.9409C59.7105 52.7041 59.5803 52.5206 59.4098 52.3904C59.2393 52.2602 59.0322 52.1951 58.7884 52.1951C58.5398 52.1951 58.3303 52.2626 58.1598 52.3975C57.9893 52.5301 57.8603 52.7148 57.7727 52.9515C57.6851 53.1882 57.6413 53.4617 57.6413 53.7718C57.6413 54.0867 57.6851 54.3589 57.7727 54.5886C57.8627 54.8159 57.9917 54.9922 58.1598 55.1177C58.3303 55.2408 58.5398 55.3024 58.7884 55.3024ZM62.6271 56.5168V51.0623H64.0938V52.014H64.1506C64.25 51.6755 64.4169 51.4198 64.6513 51.247C64.8857 51.0718 65.1555 50.9842 65.4609 50.9842C65.5367 50.9842 65.6184 50.9889 65.706 50.9984C65.7936 51.0078 65.8705 51.0209 65.9368 51.0374V52.3798C65.8658 52.3585 65.7675 52.3395 65.642 52.323C65.5166 52.3064 65.4018 52.2981 65.2976 52.2981C65.075 52.2981 64.8762 52.3466 64.701 52.4437C64.5282 52.5384 64.3909 52.671 64.2891 52.8414C64.1896 53.0119 64.1399 53.2084 64.1399 53.4309V56.5168H62.6271ZM68.9295 56.6234C68.3779 56.6234 67.9009 56.5062 67.4984 56.2718C67.0983 56.0351 66.7894 55.706 66.5716 55.2846C66.3538 54.8608 66.2449 54.3696 66.2449 53.8109C66.2449 53.2474 66.3538 52.755 66.5716 52.3336C66.7894 51.9098 67.0983 51.5808 67.4984 51.3464C67.9009 51.1096 68.3779 50.9913 68.9295 50.9913C69.4811 50.9913 69.957 51.1096 70.3571 51.3464C70.7595 51.5808 71.0697 51.9098 71.2875 52.3336C71.5053 52.755 71.6142 53.2474 71.6142 53.8109C71.6142 54.3696 71.5053 54.8608 71.2875 55.2846C71.0697 55.706 70.7595 56.0351 70.3571 56.2718C69.957 56.5062 69.4811 56.6234 68.9295 56.6234ZM68.9366 55.4515C69.1876 55.4515 69.3971 55.3805 69.5652 55.2384C69.7333 55.094 69.8599 54.8975 69.9451 54.6489C70.0327 54.4004 70.0765 54.1175 70.0765 53.8002C70.0765 53.483 70.0327 53.2001 69.9451 52.9515C69.8599 52.7029 69.7333 52.5064 69.5652 52.362C69.3971 52.2176 69.1876 52.1454 68.9366 52.1454C68.6833 52.1454 68.4702 52.2176 68.2974 52.362C68.127 52.5064 67.9979 52.7029 67.9103 52.9515C67.8251 53.2001 67.7825 53.483 67.7825 53.8002C67.7825 54.1175 67.8251 54.4004 67.9103 54.6489C67.9979 54.8975 68.127 55.094 68.2974 55.2384C68.4702 55.3805 68.6833 55.4515 68.9366 55.4515ZM76.0957 54.1944V51.0623H77.6085V56.5168H76.1561V55.5261H76.0993C75.9761 55.8457 75.7714 56.1025 75.4849 56.2967C75.2008 56.4908 74.854 56.5879 74.4444 56.5879C74.0798 56.5879 73.7591 56.505 73.4821 56.3393C73.2051 56.1736 72.9885 55.938 72.8322 55.6326C72.6783 55.3272 72.6002 54.9614 72.5978 54.5353V51.0623H74.1106V54.2654C74.113 54.5874 74.1994 54.8419 74.3699 55.0289C74.5403 55.2159 74.7688 55.3095 75.0552 55.3095C75.2375 55.3095 75.408 55.268 75.5666 55.1852C75.7252 55.0999 75.853 54.9745 75.9501 54.8087C76.0495 54.643 76.0981 54.4382 76.0957 54.1944ZM80.3313 53.3634V56.5168H78.8185V51.0623H80.2603V52.0247H80.3242C80.445 51.7074 80.6474 51.4565 80.9315 51.2718C81.2156 51.0848 81.56 50.9913 81.9648 50.9913C82.3436 50.9913 82.6739 51.0741 82.9556 51.2399C83.2373 51.4056 83.4563 51.6423 83.6126 51.9501C83.7688 52.2555 83.8469 52.6201 83.8469 53.0438V56.5168H82.3342V53.3137C82.3365 52.9799 82.2513 52.7195 82.0785 52.5325C81.9057 52.3431 81.6677 52.2484 81.3647 52.2484C81.1611 52.2484 80.9812 52.2922 80.8249 52.3798C80.671 52.4674 80.5503 52.5952 80.4627 52.7633C80.3775 52.929 80.3337 53.1291 80.3313 53.3634ZM87.0492 56.6056C86.6349 56.6056 86.2596 56.4991 85.9235 56.286C85.5897 56.0706 85.3245 55.7545 85.128 55.3379C84.9339 54.9188 84.8368 54.4051 84.8368 53.7967C84.8368 53.1717 84.9374 52.652 85.1387 52.2377C85.3399 51.8211 85.6074 51.5097 85.9412 51.3038C86.2774 51.0954 86.6455 50.9913 87.0456 50.9913C87.351 50.9913 87.6055 51.0434 87.8091 51.1475C88.0151 51.2493 88.1808 51.3772 88.3063 51.5311C88.4341 51.6826 88.5312 51.8317 88.5975 51.9785H88.6436V49.2441H90.1529V56.5168H88.6614V55.6433H88.5975C88.5265 55.7948 88.4258 55.9451 88.2956 56.0943C88.1678 56.241 88.0009 56.363 87.7949 56.46C87.5913 56.5571 87.3427 56.6056 87.0492 56.6056ZM87.5286 55.4018C87.7724 55.4018 87.9784 55.3355 88.1465 55.2029C88.3169 55.068 88.4471 54.8798 88.5371 54.6383C88.6294 54.3968 88.6756 54.1139 88.6756 53.7896C88.6756 53.4652 88.6306 53.1835 88.5407 52.9444C88.4507 52.7053 88.3205 52.5206 88.15 52.3904C87.9796 52.2602 87.7724 52.1951 87.5286 52.1951C87.28 52.1951 87.0705 52.2626 86.9 52.3975C86.7296 52.5325 86.6006 52.7195 86.513 52.9586C86.4254 53.1977 86.3816 53.4747 86.3816 53.7896C86.3816 54.1068 86.4254 54.3873 86.513 54.6312C86.6029 54.8727 86.7319 55.0621 86.9 55.1994C87.0705 55.3343 87.28 55.4018 87.5286 55.4018Z"
+                     fill="black" />
+ 
+                 <path d="M96 23L86.9498 32.3716" stroke="black" stroke-width="2" stroke-linecap="square" />
+                 <path
+                     d="M99.7893 12.4662L106.858 19.5348C106.858 19.5348 107.513 18.8681 103.151 23.2419C98.7879 27.6158 91.6178 20.6492 96.0821 16.1734C100.546 11.6977 99.7893 12.4662 99.7893 12.4662Z"
+                     stroke="#33B8A4" stroke-width="2" />
+                 <line x1="99.1291" y1="12.4143" x2="106.907" y2="20.1925" stroke="#33B8A4" stroke-width="3"
+                     stroke-linecap="round" />
+                 <path
+                     d="M32.5054 35.647C31.5127 29.0571 31.2109 25.2631 31.1398 18.3041L42.6292 16.2782C44.9143 22.6532 45.9365 26.3231 47.2775 33.0423L32.5054 35.647Z"
+                     fill="white" stroke="black" />
+                 <path
+                     d="M45.4265 34.0624C44.7465 30.1875 44.5581 27.996 44.6749 24.0407L51.5685 22.8252C53.1189 26.7081 53.6855 28.82 54.2898 32.4996L45.4265 34.0624Z"
+                     fill="white" stroke="black" />
+                 <path
+                     d="M25.7304 37.5356C25.0503 33.6607 24.8619 31.4691 24.9787 27.5139L31.8724 26.2983C33.4228 30.1813 33.9893 32.2932 34.5936 35.9727L25.7304 37.5356Z"
+                     fill="white" stroke="black" />
+                 <path
+                     d="M27.6454 13.843L28.5136 18.7671L45.2554 15.815L44.3871 10.891L41.4327 11.4119L41.7616 13.2771L30.9287 15.1872L30.5998 13.3221L27.6454 13.843Z"
+                     fill="white" stroke="black" />
+                 <path
+                     d="M23.473 24.7329L23.994 27.6873L32.8572 26.1245L32.3363 23.1701L30.7722 23.4459L30.9695 24.565L25.2345 25.5762L25.0371 24.4571L23.473 24.7329Z"
+                     fill="white" stroke="black" />
+                 <path
+                     d="M43.1691 21.26L43.69 24.2144L52.5533 22.6516L52.0323 19.6972L50.4682 19.973L50.6656 21.0921L44.9305 22.1033L44.7332 20.9842L43.1691 21.26Z"
+                     fill="white" stroke="black" />
+                 <path
+                     d="M37.4418 34.8494C37.4418 34.8494 36.8794 31.6594 36.5669 29.8873C36.2544 28.1151 41.1784 27.2468 41.4909 29.019C41.8034 30.7912 42.3659 33.9811 42.3659 33.9811"
+                     stroke="black" />
+ 
+                 <circle cx="50.5825" cy="31.6302" r="0.5" transform="rotate(-10 50.5825 31.6302)" fill="#33B8A4" />
+                 <circle cx="52.5521" cy="31.283" r="0.5" transform="rotate(-10 52.5521 31.283)" fill="#33B8A4" />
+                 <circle cx="31.5239" cy="32.96" r="0.5" transform="rotate(-10 31.5239 32.96)" fill="#33B8A4" />
+                 <circle cx="30.8864" cy="35.1033" r="0.5" transform="rotate(-10 30.8864 35.1033)" fill="#33B8A4" />
+                 <circle cx="32.856" cy="34.7559" r="0.5" transform="rotate(-10 32.856 34.7559)" fill="#33B8A4" />
+                 <line x1="36.3634" y1="14.3366" x2="34.4533" y2="3.5037" stroke="black" />
+                 <path d="M34.465 3.56945L41.3962 4.31044L35.1364 7.37735L34.465 3.56945Z" stroke="#33B8A4" />
+                 <path
+                     d="M84.4034 31.4156C85.6699 31.5505 86.0728 32.0004 86.3412 33.3533C86.7059 34.8386 87.2696 35.3117 88.7095 35.7217"
+                     stroke="black" stroke-linecap="round" />
+                 <mask id="path-34-outside-1_304_101" maskUnits="userSpaceOnUse" x="38" y="8" width="23" height="28"
+                     fill="black">
+                     <rect fill="white" x="38" y="8" width="23" height="28" />
+                     <path fill-rule="evenodd" clip-rule="evenodd" d="M47 9H39V13H47V35H52V13H60V9H52H47Z" />
+                 </mask>
+                 <path fill-rule="evenodd" clip-rule="evenodd" d="M47 9H39V13H47V35H52V13H60V9H52H47Z" fill="#33B8A4" />
+                 <path
+                     d="M39 9V8H38V9H39ZM39 13H38V14H39V13ZM47 13H48V12H47V13ZM47 35H46V36H47V35ZM52 35V36H53V35H52ZM52 13V12H51V13H52ZM60 13V14H61V13H60ZM60 9H61V8H60V9ZM39 10H47V8H39V10ZM40 13V9H38V13H40ZM47 12H39V14H47V12ZM48 35V13H46V35H48ZM52 34H47V36H52V34ZM51 13V35H53V13H51ZM60 12H52V14H60V12ZM59 9V13H61V9H59ZM52 10H60V8H52V10ZM47 10H52V8H47V10Z"
+                     fill="white" mask="url(#path-34-outside-1_304_101)" />
+                 <mask id="path-36-outside-2_304_101" maskUnits="userSpaceOnUse" x="62" y="8" width="23" height="28"
+                     fill="black">
+                     <rect fill="white" x="62" y="8" width="23" height="28" />
+                     <path fill-rule="evenodd" clip-rule="evenodd"
+                         d="M68 9H63V35H68V9ZM68 9L68 14C69.7828 14 71.325 14.0029 72.7083 14.1566C74.0827 14.3093 75.1048 14.5942 75.8724 15.0386C77.1361 15.7702 78.5 17.4146 78.5 22.5C78.5 24.7727 78.1557 26.2443 77.6974 27.2035C77.2654 28.1076 76.6879 28.6549 75.9606 29.0377C75.1749 29.4513 74.1274 29.7156 72.7331 29.8564C71.3352 29.9976 69.7799 30 68 30V35L68.0701 35H68.0702C69.7695 35 71.5628 35.0001 73.2356 34.8311C74.9351 34.6594 76.7001 34.2988 78.2894 33.4623C79.9371 32.5951 81.2971 31.2674 82.2089 29.359C83.0943 27.5057 83.5 25.2273 83.5 22.5C83.5 16.5854 81.8639 12.7298 78.3776 10.7114C76.7702 9.78083 74.9798 9.37821 73.2605 9.18716C71.5752 8.99991 69.7711 8.99996 68.0759 9H68.0759L68 9Z" />
+                 </mask>
+                 <path fill-rule="evenodd" clip-rule="evenodd"
+                     d="M68 9H63V35H68V9ZM68 9L68 14C69.7828 14 71.325 14.0029 72.7083 14.1566C74.0827 14.3093 75.1048 14.5942 75.8724 15.0386C77.1361 15.7702 78.5 17.4146 78.5 22.5C78.5 24.7727 78.1557 26.2443 77.6974 27.2035C77.2654 28.1076 76.6879 28.6549 75.9606 29.0377C75.1749 29.4513 74.1274 29.7156 72.7331 29.8564C71.3352 29.9976 69.7799 30 68 30V35L68.0701 35H68.0702C69.7695 35 71.5628 35.0001 73.2356 34.8311C74.9351 34.6594 76.7001 34.2988 78.2894 33.4623C79.9371 32.5951 81.2971 31.2674 82.2089 29.359C83.0943 27.5057 83.5 25.2273 83.5 22.5C83.5 16.5854 81.8639 12.7298 78.3776 10.7114C76.7702 9.78083 74.9798 9.37821 73.2605 9.18716C71.5752 8.99991 69.7711 8.99996 68.0759 9H68.0759L68 9Z"
+                     fill="#33B8A4" />
+                 <path
+                     d="M63 9V8H62V9H63ZM68 9L68 8H68V9ZM63 35H62V36H63V35ZM68 35V36H69V35H68ZM68 14L67 14L67 15L68 15L68 14ZM72.7083 14.1566L72.5979 15.1505L72.5979 15.1505L72.7083 14.1566ZM75.8724 15.0386L76.3734 14.1731L75.8724 15.0386ZM77.6974 27.2035L76.7951 26.7724L76.7951 26.7724L77.6974 27.2035ZM75.9606 29.0377L76.4264 29.9226L76.4264 29.9226L75.9606 29.0377ZM72.7331 29.8564L72.8336 30.8513L72.8336 30.8513L72.7331 29.8564ZM68 30V29H67V30H68ZM68 35H67V36L68 36L68 35ZM68.0701 35L68.0701 36H68.0701V35ZM68.0702 35L68.0702 34H68.0702V35ZM73.2356 34.8311L73.1351 33.8362L73.1351 33.8362L73.2356 34.8311ZM78.2894 33.4623L78.7551 34.3472L78.7551 34.3472L78.2894 33.4623ZM82.2089 29.359L81.3066 28.9279L81.3066 28.9279L82.2089 29.359ZM78.3776 10.7114L77.8766 11.5769L77.8766 11.5769L78.3776 10.7114ZM73.2605 9.18716L73.15 10.181L73.15 10.181L73.2605 9.18716ZM68.0759 9L68.0759 10L68.0759 10L68.0759 9ZM68.0759 9L68.0758 10H68.0759V9ZM63 10H68V8H63V10ZM64 35V9H62V35H64ZM68 34H63V36H68V34ZM67 9V35H69V9H67ZM67 9L67 14L69 14L69 9L67 9ZM68 15C69.7965 15 71.2802 15.0041 72.5979 15.1505L72.8187 13.1627C71.3699 13.0017 69.7692 13 68 13L68 15ZM72.5979 15.1505C73.9035 15.2955 74.7719 15.5569 75.3714 15.904L76.3734 14.1731C75.4378 13.6314 74.2619 13.323 72.8187 13.1627L72.5979 15.1505ZM75.3714 15.904C75.8286 16.1687 76.335 16.6045 76.7442 17.5381C77.1677 18.5041 77.5 20.035 77.5 22.5H79.5C79.5 19.8796 79.1504 18.0456 78.576 16.7351C77.9873 15.3923 77.1799 14.6401 76.3734 14.1731L75.3714 15.904ZM77.5 22.5C77.5 24.6818 77.1679 25.992 76.7951 26.7724L78.5997 27.6346C79.1434 26.4966 79.5 24.8637 79.5 22.5H77.5ZM76.7951 26.7724C76.459 27.4758 76.0379 27.867 75.4949 28.1528L76.4264 29.9226C77.3379 29.4429 78.0718 28.7394 78.5997 27.6346L76.7951 26.7724ZM75.4949 28.1528C74.87 28.4817 73.9662 28.7268 72.6326 28.8615L72.8336 30.8513C74.2887 30.7044 75.4798 30.4208 76.4264 29.9226L75.4949 28.1528ZM72.6326 28.8615C71.2945 28.9966 69.7923 29 68 29V31C69.7675 31 71.376 30.9986 72.8336 30.8513L72.6326 28.8615ZM67 30V35H69V30H67ZM68 36L68.0701 36L68.0701 34L68 34L68 36ZM68.0701 36H68.0702V34H68.0701V36ZM68.0701 36C69.7593 36 71.6042 36.001 73.3361 35.826L73.1351 33.8362C71.5214 33.9992 69.7797 34 68.0702 34L68.0701 36ZM73.3361 35.826C75.0968 35.6482 77.0052 35.2682 78.7551 34.3472L77.8236 32.5774C76.395 33.3293 74.7734 33.6707 73.1351 33.8362L73.3361 35.826ZM78.7551 34.3472C80.5869 33.3831 82.1034 31.8994 83.1112 29.7901L81.3066 28.9279C80.4908 30.6354 79.2873 31.807 77.8236 32.5774L78.7551 34.3472ZM83.1112 29.7901C84.0821 27.758 84.5 25.3182 84.5 22.5H82.5C82.5 25.1364 82.1066 27.2535 81.3066 28.9279L83.1112 29.7901ZM84.5 22.5C84.5 16.4232 82.8116 12.123 78.8786 9.84601L77.8766 11.5769C80.9163 13.3367 82.5 16.7477 82.5 22.5H84.5ZM78.8786 9.84601C77.1033 8.81821 75.1594 8.392 73.3709 8.19328L73.15 10.181C74.8003 10.3644 76.437 10.7435 77.8766 11.5769L78.8786 9.84601ZM73.3709 8.19328C71.6208 7.99883 69.76 7.99996 68.0759 8L68.0759 10C69.7821 9.99996 71.5295 10.001 73.15 10.181L73.3709 8.19328ZM68.0759 8H68.0759V10H68.0759V8ZM68.0759 8L68 8L68 10L68.0758 10L68.0759 8Z"
+                     fill="white" mask="url(#path-36-outside-2_304_101)" />
+             </svg>
+         </div>
+     </div>
+ 
+     <!-- Header -->
+     <header>
+         <div class="container">
+             <div class="navbar">
+                 <div class="navbar__logo">
+                     <a href="https://www.thingweb.io/" target="_blank">
+                         <svg class="logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+                             version="1.1" id="Layer_1" x="0px" y="0px" width="100%" viewBox="0 0 1010 324"
+                             enable-background="new 0 0 1010 324">
+                             <path
+                                 d=" M167.531586,1.000000   C168.000000,20.140928 168.000000,39.281857 168.000000,58.845272   C135.677856,59.048622 108.148987,70.524887 86.888100,94.878876   C67.489487,117.099663 59.488358,143.576569 62.089748,172.864090   C66.025574,217.175156 103.630859,266.309692 168.063492,266.277557   C168.063492,285.536835 168.063492,304.800690 168.031738,324.532288   C162.311966,325.000000 156.623917,325.000000 150.467865,324.582855   C148.896439,318.891479 147.743835,313.626892 146.707520,308.339508   C146.054138,305.005829 144.171051,303.524200 140.772095,303.033722   C136.632019,302.436279 132.625000,300.890900 128.482773,300.347015   C126.860580,300.134003 124.473183,301.041138 123.394554,302.276520   C120.123245,306.023193 117.288124,310.155579 114.351578,314.187592   C113.019295,316.016846 111.916039,317.353088 109.227608,315.966034   C101.596909,312.029022 93.905914,308.181244 86.061211,304.697906   C81.900764,302.850494 81.430199,300.769287 82.613663,296.425293   C84.717285,288.703766 89.524376,279.615875 77.075279,275.491150   C76.998161,275.465576 77.061546,275.131805 76.965744,275.030182   C70.972618,268.672180 69.793922,268.430511 62.341202,272.264740   C59.572002,273.689423 56.680317,274.984192 54.184887,276.804779   C51.231392,278.959564 48.895454,277.377991 47.343449,275.556519   C41.376583,268.553619 35.664425,261.324432 30.124567,253.978073   C29.397022,253.013275 29.615536,250.408508 30.427933,249.372910   C33.577419,245.358093 37.289856,241.785553 40.451019,237.778763   C41.222622,236.800751 41.212811,234.579239 40.673630,233.305710   C38.648048,228.521301 36.395863,223.815842 33.912975,219.252502   C33.178165,217.901993 31.416929,216.244278 30.105499,216.226303   C25.017832,216.156555 19.918669,216.917160 14.831226,216.844879   C13.517715,216.826218 11.415039,215.117676 11.064253,213.812103   C8.694092,204.990601 7.016218,195.975098 4.443406,187.219513   C3.182768,182.929413 5.323687,181.849411 8.335215,181.041290   C21.196011,177.590195 22.928017,175.464462 22.928196,162.611801   C22.928225,160.612534 23.244444,158.544937 22.829914,156.635864   C22.504910,155.139084 21.610565,153.222931 20.389874,152.560455   C15.834700,150.088226 10.933666,148.248596 6.406548,145.732361   C5.161074,145.040115 3.868944,142.647644 4.121968,141.327362   C6.048971,131.272247 8.353900,121.289574 10.603345,110.999863   C16.141481,110.999863 21.508390,110.514030 26.742510,111.139488   C31.758085,111.738823 33.323418,108.627502 34.859993,105.245865   C36.910404,100.733383 38.668240,96.087959 40.468552,91.702286   C36.284519,86.726067 31.946657,81.566887 27.183714,75.902138   C34.184742,67.060860 41.298794,58.076847 48.386696,49.125858   C53.437836,51.678524 58.417320,54.069550 63.267685,56.698769   C65.715675,58.025749 67.398499,58.299400 69.699432,56.004421   C72.469582,53.241451 76.137993,51.405018 79.179878,48.881054   C82.064392,46.487671 85.110924,44.567535 82.418732,39.367714   C80.143517,34.973232 80.112381,29.416885 79.044487,24.160282   C88.563950,19.590130 97.993431,14.925641 107.596436,10.650979   C108.635651,10.188389 111.138718,11.592375 112.171173,12.804692   C115.201988,16.363493 117.642479,20.430866 120.730652,23.931658   C121.738991,25.074713 124.145882,25.767485 125.707642,25.493736   C130.619705,24.632746 135.382706,22.858374 140.305908,22.147982   C143.179153,21.733393 143.620270,20.451866 144.080948,18.086296   C145.197296,12.353863 146.670563,6.690937 148.000000,1.000000   C154.354401,1.000000 160.708786,1.000000 167.531586,1.000000  z" />
+                             <path
+                                 d=" M175.468536,325.000000   C175.000000,305.421722 175.000000,285.843445 175.000000,265.967316   C203.509491,266.207520 228.947464,256.246674 249.736053,235.613998   C269.860565,215.640457 280.059784,191.208359 280.143250,161.996750   C281.645416,161.996750 283.226532,161.996750 284.807648,161.996750   C305.634033,161.996750 326.460724,162.047211 347.286163,161.906342   C349.061066,161.894333 350.782715,160.207825 352.607849,160.004059   C355.513245,159.679672 358.883728,159.079529 361.322113,160.198547   C364.041565,161.446609 365.062256,164.750061 363.247131,167.876175   C361.411316,171.037888 358.265289,172.892426 355.194977,170.862411   C347.501953,165.776001 339.044952,167.137985 330.765045,167.047943   C316.109192,166.888535 301.450317,167.003250 286.181732,167.003250   C284.076965,195.101700 274.229065,219.744080 253.815323,239.891159   C233.429764,260.010406 209.105179,270.252502 180.372986,271.380341   C180.372986,278.110077 180.372986,284.970978 180.372986,292.789551   C187.901169,291.449066 195.003967,290.580444 201.893875,288.859497   C210.966812,286.593292 220.227173,284.476715 228.753494,280.786133   C237.873077,276.838776 246.762634,271.859344 254.772842,265.992645   C262.533966,260.308441 269.542114,253.360580 275.945404,246.138245   C280.450195,241.057205 283.712769,234.760010 286.942780,228.693192   C290.812958,221.424042 294.263031,213.909592 297.496552,206.331329   C299.394745,201.882599 300.402802,197.060928 302.075134,192.503830   C302.464661,191.442383 303.854767,190.155899 304.908691,190.032349   C309.635864,189.478226 314.406219,189.277100 319.164307,189.007050   C322.367004,188.825287 325.403503,189.362625 328.361847,186.621887   C329.605621,185.469589 334.183563,186.479065 336.107483,187.972366   C337.535858,189.081024 338.073792,192.918533 337.314850,194.887878   C336.213623,197.745377 332.667297,199.691818 329.935120,197.812378   C322.848267,192.937424 315.133057,196.257355 307.600372,194.746490   C289.760406,259.752228 245.302795,292.028351 180.150650,299.309937   C180.100204,300.312927 180.012375,301.274811 180.009995,302.236877   C179.996521,307.702087 180.003464,313.167419 180.003464,319.814880   C192.527740,317.795990 204.691391,316.599121 216.445068,313.725372   C228.163513,310.860260 240.037537,307.473877 250.814514,302.209747   C264.166656,295.687714 277.181366,287.953339 286.013885,275.139557   C289.486633,270.101471 293.554504,265.452850 296.758820,260.261139   C297.970947,258.297211 297.222778,255.221771 297.894989,252.799179   C298.602783,250.248566 299.311371,247.074127 301.158997,245.618896   C303.570557,243.719482 307.346069,244.146820 308.713226,247.410141   C309.606628,249.542755 309.760620,253.772705 308.490723,254.726578   C301.572815,259.922821 299.170990,268.134125 294.261902,274.617218   C284.793060,287.122101 273.226593,296.866821 259.473480,304.283661   C243.633606,312.825836 226.593063,317.708832 209.153534,321.485046   C204.593201,322.472534 200.006836,323.339813 195.716217,324.631134   C189.312363,325.000000 182.624710,325.000000 175.468536,325.000000  z" />
+                             <path
+                                 d=" M1011.000000,183.583313   C1010.338501,184.518692 1009.205566,184.946716 1009.085754,185.569641   C1007.081909,195.985443 999.401489,203.425812 988.822083,203.893585   C978.050171,204.369858 967.240845,203.998871 956.225830,203.998871   C956.225830,176.256897 956.225830,148.855865 956.225830,120.783867   C968.574524,122.262444 980.928589,118.872314 993.099670,122.905449   C1003.842590,126.465324 1006.663452,136.594345 1005.769531,145.501556   C1005.085754,152.314835 1002.624084,158.446625 996.661926,160.824463   C1000.221985,164.485657 1004.327820,168.253159 1007.824890,172.519577   C1009.307190,174.327896 1009.511414,177.183792 1010.648254,179.281799   C1011.000000,180.388885 1011.000000,181.777786 1011.000000,183.583313  M990.960449,187.559906   C997.327637,181.054977 996.149048,172.460678 988.157898,170.127014   C982.827576,168.570419 977.120483,168.304169 971.222229,167.405609   C971.222229,175.832779 971.222229,183.214172 971.222229,192.079773   C977.882507,190.678543 984.117798,189.366714 990.960449,187.559906  M970.998047,145.498810   C970.998047,148.932648 970.998047,152.366470 970.998047,155.947723   C974.343201,155.947723 977.161682,156.147675 979.941772,155.905899   C985.650330,155.409500 990.168518,151.800964 990.986023,147.384064   C991.983276,141.995697 990.391846,137.504089 985.946289,136.122742   C981.294006,134.677170 976.299438,134.332947 970.998047,133.429535   C970.998047,137.913895 970.998047,141.212448 970.998047,145.498810  z" />
+                             <path
+                                 d=" M127.961815,205.024033   C131.907318,200.291306 131.284088,193.057755 125.805885,190.321884   C123.455254,189.147934 122.847794,187.425980 122.928040,184.839035   C123.139786,178.012756 123.044792,171.175171 122.987656,164.342804   C122.924248,156.760086 118.130989,152.019363 110.567215,152.005600   C99.247215,151.985016 87.927147,152.000259 76.653015,152.000259   C69.579887,126.932678 114.919128,74.983910 144.999619,74.058960   C144.999619,81.003624 145.131668,87.950005 144.872131,94.881721   C144.827881,96.063240 143.268753,97.384865 142.130905,98.292587   C138.355392,101.304482 136.536102,107.035751 138.344437,110.814438   C140.213974,114.721001 146.092300,117.758873 150.337799,115.739677   C153.095566,114.428055 155.914062,111.089981 156.578827,108.174889   C157.170868,105.578751 155.684357,101.253006 153.600220,99.595726   C150.453705,97.093643 149.859924,94.552826 149.961060,91.066925   C150.110794,85.904961 149.848541,80.727715 150.111115,75.574783   C150.173508,74.350456 151.475204,72.324638 152.457947,72.159203   C157.095352,71.378548 161.820023,71.116158 166.783325,70.643242   C166.783325,88.754814 166.783325,106.161629 166.783325,123.999619   C152.859756,123.999619 139.074524,124.137230 125.299522,123.824455   C123.588928,123.785614 121.928955,121.360039 120.251877,120.032410   C115.162758,116.003693 109.444092,116.670532 105.849281,121.716148   C102.901405,125.853760 104.061340,132.562744 108.147026,135.006119   C114.306313,138.689575 119.597229,137.372284 122.887741,131.327515   C123.045296,131.038086 123.120697,130.703934 123.305214,130.195328   C137.652283,130.195328 152.070328,130.195328 167.000259,130.195328   C167.000259,131.548553 167.000244,132.821335 167.000244,134.094101   C167.000244,172.924728 166.987396,211.755371 167.023788,250.585968   C167.026810,253.818115 167.250351,256.953033 161.999741,255.724823   C161.999741,240.229645 162.022202,224.595551 161.977829,208.961639   C161.970352,206.332047 162.180206,203.544876 161.416412,201.103745   C159.099792,193.699722 157.292664,191.743179 147.278534,191.226990   C142.163284,190.963303 140.746445,190.510696 140.888458,184.161606   C141.056107,176.665878 140.768692,169.157761 141.040756,161.668167   C141.108139,159.813248 142.116135,157.502792 143.478058,156.271271   C148.754456,151.500107 148.617096,144.343124 142.840775,140.317719   C138.957932,137.611832 132.646301,138.806061 129.718033,142.800659   C126.873711,146.680725 127.323250,153.444687 131.280136,155.871292   C134.659515,157.943756 135.153809,160.470566 135.055527,163.925674   C134.866028,170.586487 134.995804,177.256516 135.001358,183.922714   C135.008514,192.503708 139.364548,196.928268 147.864441,196.999725   C154.108154,197.052216 155.991318,198.946960 155.996094,205.279724   C156.008484,221.751801 156.000259,238.223877 156.000259,255.472900   C150.388214,254.182739 145.277527,253.007828 139.999741,251.794495   C139.999741,243.699738 140.000107,235.880600 139.999664,228.061478   C139.999100,218.528503 135.585617,214.029160 126.140045,214.006134   C115.640839,213.980545 105.139587,213.885040 94.643288,214.061447   C90.863838,214.124969 88.439896,213.294037 86.919609,209.356216   C84.738297,203.706253 81.689598,198.397385 79.189110,192.862503   C77.100510,188.239349 77.980148,187.151138 83.018387,186.957077   C86.430313,186.825653 89.063873,187.209427 91.099556,190.661331   C94.055656,195.673996 99.559814,196.355179 104.014244,192.764328   C109.467636,188.368134 109.374321,183.031403 105.543907,178.124969   C102.421021,174.124802 96.662483,174.064438 92.491035,177.264832   C90.244057,178.988739 89.633820,182.393372 85.310822,182.190216   C75.415405,181.725220 75.343567,182.137680 75.023819,172.056213   C74.881653,167.573715 74.999809,163.082962 74.999809,157.927948   C82.721001,157.927948 90.305168,157.927948 97.889336,157.927948   C102.055710,157.927948 106.222168,157.911972 110.388451,157.931961   C115.816521,157.958008 117.760841,159.577347 117.942047,165.098206   C118.177002,172.256668 118.119637,179.432632 117.882759,186.590958   C117.842911,187.795181 116.431084,189.140533 115.361191,190.092545   C110.148392,194.730988 109.484657,200.575073 113.770790,205.281006   C117.127235,208.966187 122.180061,209.015015 127.961815,205.024033  z" />
+                             <path
+                                 d=" M259.557190,115.603333   C263.203613,125.292343 267.262390,134.495651 269.921967,144.086914   C273.710114,157.748169 272.541504,171.588333 269.391388,185.347534   C265.231415,203.517807 255.779663,218.651642 242.272491,231.007614   C226.930649,245.041870 208.863449,253.759567 187.710571,255.077942   C185.604065,255.209213 183.528122,255.798813 181.421326,255.966858   C179.462387,256.123108 177.481186,256.000244 175.256073,256.000244   C175.256073,194.016296 175.256073,132.289169 175.256073,70.260445   C187.469467,68.942955 199.268982,71.276703 210.654999,75.326309   C230.049057,82.224106 245.292847,94.695297 256.960266,111.593529   C257.793121,112.799728 258.551636,114.057220 259.557190,115.603333  M229.040817,181.653992   C229.821487,176.587296 230.602158,171.520615 231.399094,166.348328   C214.417877,166.348328 198.255417,166.348328 182.000305,166.348328   C182.000305,174.832855 182.200592,182.976685 181.912460,191.103195   C181.776413,194.940567 183.500290,195.937912 186.777924,196.019806   C190.559113,196.114243 194.428513,195.905243 198.096664,196.640747   C206.362061,198.298065 214.526993,200.456482 223.539322,202.603088   C225.308136,196.106003 227.155472,189.320496 229.040817,181.653992  M227.542496,138.106888   C226.501404,135.055603 225.524033,131.980530 224.397446,128.961151   C223.611359,126.854332 222.840530,125.964180 219.765091,126.493713   C209.987045,128.177322 200.055679,129.033173 190.157227,129.912079   C187.585999,130.140381 184.918533,129.284958 182.294189,128.927170   C182.294189,139.333557 182.294189,149.067322 182.294189,158.773651   C198.681824,158.773651 214.774567,158.773651 231.161819,158.773651   C230.056244,151.958344 228.993683,145.408249 227.542496,138.106888  M255.514725,200.988251   C261.276917,190.149780 263.909698,178.482437 264.568115,166.162888   C256.267029,166.162888 247.838394,166.162888 240.160858,166.162888   C237.026382,179.871048 233.961533,193.274658 230.884521,206.731491   C235.311264,209.526657 240.328140,212.694473 246.158218,216.375748   C249.088074,211.498642 252.063019,206.546494 255.514725,200.988251  M257.036926,128.331268   C254.681015,123.591370 252.325089,118.851479 249.982178,114.137779   C243.314316,117.473137 237.085419,120.588921 232.073959,123.095726   C234.137070,134.564438 236.011597,145.317368 238.088623,156.031036   C238.303040,157.136963 239.701523,158.835724 240.589188,158.860214   C248.592987,159.081100 256.605408,158.989410 266.106140,158.989410   C263.052490,148.372864 260.264008,138.678284 257.036926,128.331268  M207.227402,206.032394   C198.955215,204.847076 190.683044,203.661774 182.379883,202.472031   C182.379883,217.625992 182.379883,231.740372 182.379883,246.251068   C198.439499,237.727783 210.458908,225.899185 219.329987,209.944565   C215.277466,208.700470 211.621750,207.578186 207.227402,206.032394  M216.913193,113.685379   C208.040619,100.317650 197.295090,89.006363 182.233307,81.706390   C182.233307,95.135567 182.233307,108.019081 182.233307,120.962830   C195.021210,123.473862 207.287476,121.479134 219.653732,118.688362   C218.714996,117.161530 217.871002,115.788795 216.913193,113.685379  M241.968826,109.544273   C243.977829,108.815186 244.381073,108.133621 242.767197,106.144638   C235.210663,96.831749 225.601028,90.180450 214.948090,85.192078   C208.576859,82.208664 201.565109,80.593117 194.841263,78.362724   C194.655426,78.758537 194.469604,79.154350 194.283768,79.550163   C208.588348,88.825035 219.279327,101.370659 227.375061,116.437706   C232.335159,114.140190 236.835205,112.055763 241.968826,109.544273  M228.625153,232.035233   C232.609680,228.843216 236.594193,225.651199 240.953476,222.158951   C235.473801,218.744522 230.998444,215.955902 227.624146,213.853363   C218.612411,224.525223 209.857193,234.893295 201.238205,245.100067   C210.564590,242.776489 219.948746,239.103394 228.625153,232.035233  z" />
+                             <path
+                                 d=" M187.317078,9.002903   C185.130798,8.629102 183.406677,8.256140 181.304291,7.801349   C181.304291,14.576712 181.304291,21.001781 181.304291,26.896084   C194.920074,30.271397 208.735703,32.849228 221.968658,37.199490   C237.166824,42.195808 251.072113,49.950020 263.366119,60.594494   C273.373840,69.259460 281.971893,78.963577 288.696533,90.269043   C291.915771,95.681183 294.193207,101.646439 297.177277,107.211006   C297.836914,108.441086 299.668030,109.785217 300.980743,109.806976   C312.974396,110.005783 324.973694,109.995880 336.968597,109.838753   C338.592194,109.817482 340.243774,108.736046 341.807434,107.988724   C345.227631,106.354126 348.436401,105.923172 350.937469,109.469933   C352.916656,112.276634 352.622101,114.989632 350.179413,117.414749   C347.121948,120.450226 344.119507,119.498337 340.904907,117.504097   C339.495453,116.629692 337.638580,116.080544 335.979309,116.067078   C322.226471,115.955460 308.472290,116.003860 294.574371,116.003860   C274.228699,63.820599 234.159073,40.537399 181.211182,34.876244   C181.211182,41.703503 181.211182,48.134037 181.211182,54.799339   C198.779907,56.117458 215.485214,60.263187 230.820908,68.993851   C251.409668,80.715103 266.554291,97.494705 276.414001,118.976250   C278.690430,123.935936 280.336884,129.211502 281.932007,134.445709   C282.714844,137.014587 283.738312,138.075470 286.595184,138.062653   C316.086731,137.930328 345.579132,137.981079 375.070587,137.836685   C376.721710,137.828613 378.320862,136.394821 380.025238,135.908997   C382.572632,135.182877 385.462311,133.775696 387.696106,134.421951   C389.508545,134.946243 391.558380,138.007751 391.678528,140.051239   C391.791992,141.980743 389.953644,144.746933 388.172760,145.839981   C386.719299,146.732071 384.030121,145.931335 381.986694,145.458389   C379.585907,144.902756 377.296173,143.201294 374.949036,143.183014   C352.123291,143.005264 329.295258,143.003372 306.468719,143.118759   C299.250427,143.155228 291.993042,143.323547 284.831573,144.127151   C279.576477,144.716843 277.259369,142.270370 276.434906,137.860779   C274.118134,125.469421 268.099396,114.840088 261.197754,104.568283   C253.972046,93.814209 244.690491,85.177605 233.971130,78.050232   C216.289139,66.293373 196.812607,60.483219 175.273407,60.971466   C175.273407,41.696289 175.273407,22.620661 175.273407,2.470798   C184.061584,3.066833 193.059830,2.719442 201.625336,4.478819   C215.023163,7.230772 228.276230,10.944987 241.315491,15.112414   C254.264572,19.251024 265.904694,26.053106 276.489746,34.770531   C287.021027,43.443668 295.163696,53.832054 301.531036,65.803635   C302.498413,67.622452 304.612305,68.835899 306.209991,70.314072   C308.706116,72.623459 310.243378,75.525337 308.665436,78.673065   C307.287964,81.420860 304.640259,83.059708 301.200287,82.022476   C297.964081,81.046669 295.772095,78.597618 297.036469,75.550438   C299.270050,70.167305 295.796478,66.675362 293.439789,63.232040   C288.810425,56.468216 284.010223,49.568604 278.067627,44.025814   C271.846954,38.223675 264.352448,33.715927 257.148682,29.053532   C240.662827,18.383602 221.622482,14.758551 202.985397,10.214283   C198.108246,9.025087 192.858093,9.365704 187.317078,9.002903  z" />
+                             <path
+                                 d=" M808.710815,163.726059   C811.636536,157.571228 814.685852,151.851135 816.810120,145.805969   C817.711609,143.240646 817.159180,139.862854 816.411865,137.084488   C814.999756,131.834152 812.968750,126.750313 810.989685,121.001167   C815.387634,121.001167 819.642273,120.796349 823.852295,121.139076   C824.963623,121.229546 826.431946,122.820641 826.899292,124.042725   C832.812561,139.507980 838.572510,155.031845 844.310730,170.377853   C848.855652,157.264572 853.427124,144.019836 858.047180,130.792068   C858.940430,128.234421 859.780457,125.602180 861.125183,123.282722   C861.762451,122.183548 863.492859,121.194397 864.794983,121.102310   C868.767700,120.821320 872.772888,121.000328 877.659485,121.000328   C866.670410,149.869644 855.855225,178.282303 844.585083,207.890030   C837.986206,191.481796 831.795044,176.087570 825.420105,160.236160   C818.381165,176.190750 811.448303,191.904816 804.221069,208.286255   C793.149109,179.085968 782.231812,150.293411 771.207642,121.219009   C776.848389,121.219009 782.223206,121.219009 788.001709,121.219009   C793.810730,137.903946 799.664185,154.716568 805.525269,171.550995   C806.498779,169.056076 807.479431,166.542664 808.710815,163.726059  z" />
+                             <path
+                                 d=" M671.000305,157.978226   C671.000366,146.492035 671.117676,135.499893 670.932190,124.512886   C670.873108,121.015518 671.968689,119.680176 675.498779,119.947250   C678.789795,120.196251 682.114502,120.000458 685.711182,120.000458   C685.711182,149.264771 685.711182,178.322784 685.711182,207.992447   C666.160461,188.976120 646.814514,170.158936 627.472534,151.345657   C627.656006,153.679077 627.969360,155.863861 627.976562,158.049637   C628.021973,171.870422 627.900085,185.692657 628.068115,199.511551   C628.111145,203.050812 626.932495,204.299835 623.454712,204.050247   C620.165466,203.814224 616.845947,203.999557 613.272461,203.999557   C613.272461,174.915298 613.272461,146.073288 613.272461,116.255150   C632.689819,134.737823 651.542603,152.683121 671.000305,171.204178   C671.000305,166.586044 671.000305,162.530167 671.000305,157.978226  z" />
+                             <path
+                                 d=" M547.542358,169.460815   C535.040039,169.132736 522.886597,169.132736 510.286346,169.132736   C510.286346,180.571198 510.286346,191.970062 510.286346,203.682251   C505.111908,203.682251 500.374481,203.682251 495.314697,203.682251   C495.314697,176.442825 495.314697,149.044281 495.314697,121.322632   C499.879150,121.322632 504.618073,121.322632 509.756897,121.322632   C509.756897,132.546509 509.756897,143.954773 509.756897,155.680084   C522.547913,155.680084 534.951721,155.680084 547.754395,155.680084   C547.754395,144.456619 547.754395,133.048996 547.754395,121.322540   C552.549683,121.322540 556.959717,121.322540 561.722656,121.322540   C561.722656,148.642166 561.722656,176.160583 561.722656,203.854431   C557.189819,203.854431 552.789490,203.854431 547.891296,203.854431   C547.891296,192.357574 547.891296,181.073227 547.542358,169.460815  z" />
+                             <path
+                                 d=" M759.931396,164.000214   C762.407471,164.000214 764.391724,164.000214 766.993591,164.000214   C766.993591,175.248550 767.352539,186.360458 766.663879,197.407089   C766.539368,199.404602 762.372192,202.071854 759.630737,202.824142   C748.073120,205.995651 736.118042,206.959991 724.745483,202.825592   C712.754395,198.466354 703.812561,190.417648 700.612488,177.256714   C696.530334,160.468063 698.917358,145.195908 711.186035,132.388382   C722.340515,120.743950 736.195984,117.834702 751.599609,120.928299   C755.686646,121.749130 759.744141,122.819527 763.692566,124.141678   C764.480347,124.405464 765.423767,126.652481 765.073792,127.446938   C763.468262,131.091797 761.429016,134.545593 759.491760,138.168365   C748.988647,132.773453 738.495239,131.269562 728.058960,137.477295   C717.736938,143.617004 711.933960,154.960678 713.185730,165.361145   C714.924866,179.812103 722.985718,187.462479 734.753967,190.673676   C739.552734,191.983109 745.020874,191.096573 750.149292,190.724350   C751.181152,190.649460 752.717590,188.458328 752.870117,187.112427   C753.259827,183.673904 753.000061,180.161804 753.000061,176.273148   C748.052734,176.273148 743.307556,176.273148 738.283691,176.273148   C738.283691,172.125977 738.283691,168.372253 738.283691,164.000214   C745.248230,164.000214 752.343933,164.000214 759.931396,164.000214  z" />
+                             <path
+                                 d=" M901.999695,142.056519   C901.999695,146.852036 901.999695,151.158813 901.999695,155.860107   C913.984619,155.860107 925.726929,155.860107 937.731812,155.860107   C937.731812,160.332199 937.731812,164.419998 937.731812,168.884003   C926.110046,168.884003 914.386169,168.884003 902.332825,168.884003   C902.332825,176.306870 902.332825,183.370178 902.332825,190.837250   C915.962036,190.837250 929.703308,190.837250 943.719971,190.837250   C943.719971,195.296539 943.719971,199.369339 943.719971,203.723694   C925.029175,203.723694 906.291870,203.723694 887.276855,203.723694   C887.276855,176.359756 887.276855,148.958405 887.276855,121.278282   C905.304626,121.278282 923.374207,121.278282 941.722412,121.278282   C941.722412,125.307899 941.722412,129.389420 941.722412,133.884796   C928.751343,133.884796 915.686829,133.884796 901.999695,133.884796   C901.999695,136.710144 901.999695,139.138977 901.999695,142.056519  z" />
+                             <path
+                                 d=" M461.999634,179.999985   C461.999634,188.142715 461.999634,195.785461 461.999634,203.713196   C457.048340,203.713196 452.309723,203.713196 447.124451,203.713196   C447.124451,180.717056 447.124451,157.652847 447.124451,134.193329   C440.291962,134.193329 433.880798,134.193329 427.240295,134.193329   C427.240295,129.716217 427.240295,125.630081 427.240295,121.270065   C445.317383,121.270065 463.387512,121.270065 481.729279,121.270065   C481.729279,125.326828 481.729279,129.414520 481.729279,133.879608   C475.451172,133.879608 469.057678,133.879608 461.999634,133.879608   C461.999634,149.328735 461.999634,164.414368 461.999634,179.999985  z" />
+                             <path
+                                 d=" M581.000122,146.000000   C581.000122,137.524689 581.000122,129.549377 581.000122,121.287819   C585.946655,121.287819 590.685486,121.287819 595.715088,121.287819   C595.715088,148.779877 595.715088,176.339493 595.715088,204.034454   C590.943115,204.034454 586.218567,204.034454 581.000122,204.034454   C581.000122,184.712265 581.000122,165.606125 581.000122,146.000000  z" />
+                             <path
+                                 d=" M108.804962,235.305420   C103.958778,230.381348 99.370300,225.732193 93.712326,219.999420   C98.740349,219.999420 102.431915,219.999435 106.123474,219.999435   C113.105667,219.999435 120.089302,220.087296 127.069595,219.972275   C132.912613,219.876007 134.453690,221.672073 134.860825,226.981781   C135.416733,234.231567 134.999588,241.555954 134.999588,249.531662   C124.750420,247.046677 116.965103,241.200577 108.804962,235.305420  z" />
+                         </svg>
+                 </div>
+                 <div class="navbar__title">
+                     <h1>Thing Description Playground <span>- BETA Version</span></h1>
+                 </div>
+                 <div class="navbar__links">
+                     <a href="https://github.com/eclipse-thingweb/playground/tree/master/packages/cli" class="cli-link"
+                         target="_blank"><i class="fa-solid fa-terminal"></i><span>CLI</span></a>
+                     <a href="https://github.com/eclipse-thingweb/playground" class="git-link" target="_blank"><i
+                             class="fa-brands fa-github"></i><span>Github</span></a>
+                 </div>
+             </div>
+         </div>
+     </header>
+ 
+     <!--Main content-->
+     <main>
+         <div class="container">
+             <div class="main-content">
+                 <div class="control-panel">
+                     <button class="control-panel__btn" id="validate-btn">
+                         <i class="fa-solid fa-play"></i>
+                         <p class="text-icon">Validate</p>
+                     </button>
+ 
+                     <button class="control-panel__btn" id="examples-btn">
+                         <i class="fa-solid fa-file-code"></i>
+                         <p class="text-icon">Examples</p>
+                     </button>
+ 
+                     <button class="control-panel__btn" id="save-btn">
+                         <i class="fa-solid fa-file-arrow-down"></i>
+                         <p class="text-icon">Save</p>
+                     </button>
+ 
+                     <button class="control-panel__btn" id="settings-btn">
+                         <i class="fa-solid fa-gear"></i>
+                         <p class="text-icon">Settings</p>
+                     </button>
+                 </div>
+                 <div class="vertical-divider"></div>
+                 <div class="ide">
+                     <div class="ide__tabs">
+                         <ul class="ide__tabs__left">
+                             <li class="ide__tabs__add">
+                                 <i class="fa-solid fa-plus"></i>
+                             </li>
+                         </ul>
+ 
+                         <div class="ide__tabs__right">
+                             <input type="radio" name="file-type" id="file-type-json" checked>
+                             <input type="radio" name="file-type" id="file-type-yaml">
+                         </div>
+                     </div>
+                     <div class="ide__container">
+                     </div>
+                 </div>
+             </div>
+             <div class="horizontal-divider"></div>
+             <div class="console">
+                 <div class="console__tabs">
+                     <div class="visualization">
+                         <input type="radio" name="visualization-option" id="validation-tab"
+                             class="visualization__option validate-tab-btn">
+                         <input type="radio" name="visualization-option" id="open-api-tab"
+                             class="visualization__option api-tab-btn">
+                         <input type="radio" name="visualization-option" id="async-api-tab"
+                             class="visualization__option async-tab-btn">
+                         <input type="radio" name="visualization-option" id="defaults-tab"
+                             class="visualization__option defaults-tab-btn">
+                         <!-- <input type="radio" name="visualization-option" id="linting-tab" 
+                             class="visualization__option linting-tab-btn">
+                         <input type="radio" name="visualization-option" id="canonicalize-tab"
+                             class="visualization__option canonicalize-tab-btn"> -->
+                         <input type="radio" name="visualization-option" id="visualize-tab"
+                             class="visualization__option visualize-tab-btn">
+                     </div>
+                     <div class="console-controllers">
+                         <button class="trash"><i class="fa-solid fa-trash-can"></i></button>
+                     </div>
+                 </div>
+                 <div class="console__content">
+                     <div class="console-view validation-view hidden" id="validation-view">
+                         <div class="validation-container">
+                             <details class="json-validation-section" id="spot-json">
+                                 <summary class="section-header">
+                                     <i class="fa-solid fa-circle"></i>
+                                     <p class="title">JSON Validation</p>
+                                     <i class="show-icon fa-solid fa-caret-down"></i>
+                                 </summary>
+                                 <ul class="section-content empty"></ul>
+                             </details>
+     
+                             <details class="json-schema-validation-section" id="spot-schema">
+                                 <summary class="section-header">
+                                     <i class="fa-solid fa-circle"></i>
+                                     <p class="title">JSON Schema Validation</p>
+                                     <i class="show-icon fa-solid fa-caret-down"></i>
+                                 </summary>
+                                 <ul class="section-content empty">
+                                 </ul>
+                             </details>
+     
+                             <details class="json-schema-defaults-section" id="spot-defaults">
+                                 <summary class="section-header">
+                                     <i class="fa-solid fa-circle"></i>
+                                     <p class="title">(With Defaults) JSON Schema Validation</p>
+                                     <i class="show-icon fa-solid fa-caret-down"></i>
+                                 </summary>
+                                 <ul class="section-content empty"></ul>
+                             </details>
+     
+                             <details class="jsonls-validation-section" id="spot-jsonld">
+                                 <summary class="section-header">
+                                     <i class="fa-solid fa-circle"></i>
+                                     <p class="title">JSON-LD Validation</p>
+                                     <i class="show-icon fa-solid fa-caret-down"></i>
+                                 </summary>
+                                 <ul class="section-content empty"></ul>
+                             </details>
+     
+                             <details class="additional-checks-section" id="spot-additional">
+                                 <summary class="section-header">
+                                     <i class="fa-solid fa-circle"></i>
+                                     <p class="title">Additional Checks</p>
+                                     <i class="show-icon fa-solid fa-caret-down"></i>
+                                 </summary>
+                                 <ul class="section-content empty"></ul>
+                                 <div class="section-additional">
+                                     <details class="enumConst-section" id="enumConst-section">
+                                         <summary class="section-header">
+                                             <i class="fa-solid fa-circle"></i>
+                                             <p class="sub-title">Enum/Const</p>
+                                             <i class="show-icon fa-solid fa-caret-down"></i>
+                                         </summary>
+                                         <ul class="section-content">
+                                             <li class="description"></li>
+                                         </ul>
+                                     </details>
+     
+                                     <details class="linkedAffordances-section" id="linkedAffordances-section">
+                                         <summary class="section-header">
+                                             <i class="fa-solid fa-circle"></i>
+                                             <p class="sub-title">Linked Affordances</p>
+                                             <i class="show-icon fa-solid fa-caret-down"></i>
+                                         </summary>
+                                         <ul class="section-content">
+                                             <li class="description"></li>
+                                         </ul>
+                                     </details>
+     
+                                     <details class="linkedStructure-section" id="linkedStructure-section">
+                                         <summary class="section-header">
+                                             <i class="fa-solid fa-circle"></i>
+                                             <p class="sub-title">Linked Structure</p>
+                                             <i class="show-icon fa-solid fa-caret-down"></i>
+                                         </summary>
+                                         <ul class="section-content">
+                                             <li class="description"></li>
+                                         </ul>
+                                     </details>
+     
+                                     <details class="linksRelTypeCount-section" id="linksRelTypeCount-section">
+                                         <summary class="section-header">
+                                             <i class="fa-solid fa-circle"></i>
+                                             <p class="sub-title">Links Rel:Type Count</p>
+                                             <i class="show-icon fa-solid fa-caret-down"></i>
+                                         </summary>
+                                         <ul class="section-content">
+                                             <li class="description"></li>
+                                         </ul>
+                                     </details>
+     
+                                     <details class="multiLangConsistency-section" id="multiLangConsistency-section">
+                                         <summary class="section-header">
+                                             <i class="fa-solid fa-circle"></i>
+                                             <p class="sub-title">Multi-Language Consistency</p>
+                                             <i class="show-icon fa-solid fa-caret-down"></i>
+                                         </summary>
+                                         <ul class="section-content">
+                                             <li class="description"></li>
+                                         </ul>
+                                     </details>
+     
+                                     <details class="propItems-section" id="propItems-section">
+                                         <summary class="section-header">
+                                             <i class="fa-solid fa-circle"></i>
+                                             <p class="sub-title">Properties Items</p>
+                                             <i class="show-icon fa-solid fa-caret-down"></i>
+                                         </summary>
+                                         <ul class="section-content">
+                                             <li class="description"></li>
+                                         </ul>
+                                     </details>
+     
+                                     <details class="propUniqueness-section" id="propUniqueness-section">
+                                         <summary class="section-header">
+                                             <i class="fa-solid fa-circle"></i>
+                                             <p class="sub-title">Properties Uniqueness</p>
+                                             <i class="show-icon fa-solid fa-caret-down"></i>
+                                         </summary>
+                                         <ul class="section-content">
+                                             <li class="description"></li>
+                                         </ul>
+                                     </details>
+     
+                                     <details class="readWriteOnly-section" id="readWriteOnly-section">
+                                         <summary class="section-header">
+                                             <i class="fa-solid fa-circle"></i>
+                                             <p class="sub-title">Read/WriteOnly</p>
+                                             <i class="show-icon fa-solid fa-caret-down"></i>
+                                         </summary>
+                                         <ul class="section-content">
+                                             <li class="description"></li>
+                                         </ul>
+                                     </details>
+     
+                                     <details class="security-section" id="security-section">
+                                         <summary class="section-header">
+                                             <i class="fa-solid fa-circle"></i>
+                                             <p class="sub-title">Security</p>
+                                             <i class="show-icon fa-solid fa-caret-down"></i>
+                                         </summary>
+                                         <ul class="section-content">
+                                             <li class="description"></li>
+                                         </ul>
+                                     </details>
+     
+                                     <details class="uriVariableSecurity-section" id="uriVariableSecurity-section">
+                                         <summary class="section-header">
+                                             <i class="fa-solid fa-circle"></i>
+                                             <p class="sub-title">URI Variable Security</p>
+                                             <i class="show-icon fa-solid fa-caret-down"></i>
+                                         </summary>
+                                         <ul class="section-content">
+                                             <li class="description"></li>
+                                         </ul>
+                                     </details>
+                                 </div>
+                             </details>
+                         </div>
+                     </div>
+ 
+                     <div class="console-view open-api-view hidden" id="open-api-view">
+                         <div class="open-api-container" id="open-api-container"></div>
+                         <div class="open-api-inputs">
+                             <div class="input-field">
+                                 <button id="open-api-json">JSON</button>
+                                 <button id="open-api-yaml">YAML</button>
+                             </div>
+                             <div class="view-download">
+                                 <button id="open-api-download"><i class="fa-solid fa-download"></i>Download</button>
+                             </div>
+                         </div>
+                     </div>
+ 
+                     <div class="console-view async-api-view hidden" id="async-api-view">
+                         <div class="async-api-container" id="async-api-container"></div>
+                         <div class="async-api-inputs">
+                             <div class="input-field">
+                                 <button id="async-api-json">JSON</button>
+                                 <button id="async-api-yaml">YAML</button>
+                             </div>
+                             <div class="view-download">
+                                 <button id="async-api-download"><i class="fa-solid fa-download"></i>Download</button>
+                             </div>
+                         </div>
+                     </div>
+ 
+                     <div class="console-view defaults-view hidden" id="defaults-view">
+                         <div class="defaults-container" id="defaults-container"></div>
+                         <div class="defaults-inputs">
+                             <div class="input-field">
+                                 <button id="defaults-json">JSON</button>
+                                 <button id="defaults-yaml">YAML</button>
+                             </div>
+                             <div class="input-field">
+                                 <button id="defaults-add"><i
+                                         class="fa-solid fa-plus"></i>Defaults</button>
+                                 <button id="defaults-remove"><i
+                                         class="fa-solid fa-minus"></i>Defaults</button>
+                             </div>
+                             <div class="view-download">
+                                 <button id="defaults-download"><i class="fa-solid fa-download"></i>Download</button>
+                             </div>
+                             
+                         </div>
+                     </div>
+ 
+                     <!-- <div class="console-view hidden" id="linting-view">
+ 
+                     </div>
+ 
+                     <div class="console-view hidden" id="canonicalize-view">
+ 
+                     </div> -->
+ 
+                     <div class="console-view visualize-view hidden" id="visualize-view">
+                         <div class="visualize-container" id="visualize-container">
+                             <div id="visualized" class="visualized"></div>
+                         </div>
+                         <div class="visualize-inputs">
+                             <div class="visualize-inputs__type">
+                                 <div class="vis-type-option input-field">
+                                     <input type="radio" name="vis-type" id="graph-view" checked>
+                                     <input type="radio" name="vis-type" id="tree-view">
+                                 </div>
+                             </div>
+ 
+                             <div class="visualize-inputs__graph">
+                                 <div class="input-field">
+                                     <button id="collapse-all"><i class="fa-solid fa-compress"></i>Collapse</button>
+                                     <button id="expand-all"><i class="fa-solid fa-expand"></i>Expand</button>
+                                 </div>
+                             </div>
+ 
+                             <div class="visualize-inputs__tree hidden" id="vega-bindings-wrapper">
+                                 <div class="input-field">
+                                 </div>
+                             </div>
+ 
+                             <div class="visualize-inputs__download">
+                                 <div class="input-field">
+                                     <button id="download-svg"><i
+                                             class="fa-solid fa-download"></i>SVG</button>
+                                     <button id="download-png"><i
+                                             class="fa-solid fa-download"></i>PNG</button>
+                                 </div>
+                             </div>
+                         </div>
+ 
+                     </div>
+ 
+                     <div class="console-view console-error hidden" id="console-error">
+                         <p class="console-error__txt"></p>
+                     </div>
+                 </div>
+             </div>
+         </div>
+ 
+         <div class="settings-menu closed">
+             <div class="settings">
+                 <div class="settings__close">
+                     <i class="fa-solid fa-xmark"></i>
+                 </div>
+                 <h3 class="settings__title">Settings</h3>
+                 <form action="#" class="settings__validate-options">
+                     <div class="form-field">
+                         <label for="auto-validate">Auto Validate: </label>
+                         <input type="checkbox" name="auto-validate" id="auto-validate" class="auto-validate">
+                     </div>
+                     <div class="form-field">
+                         <label for="reset-logging">Reset Logging: </label>
+                         <input type="checkbox" name="reset-logging" id="reset-logging" class="reset-logging" checked>
+                     </div>
+                     <div class="form-field">
+                         <label for="validate-jsonld">Validate JSON-LD: </label>
+                         <input type="checkbox" name="validate-jsonld" id="validate-jsonld" class="validate-jsonld"
+                             checked>
+                     </div>
+                     <div class="form-field">
+                         <label for="tm-conformance">Check TM Conf.: </label>
+                         <input type="checkbox" name="tm-conformance" id="tm-conformance" class="tm-conformance" checked>
+                     </div>
+                 </form>
+                 <h3 class="settings__preferences">Preferences</h3>
+                 <form action="#" class="settings__editor">
+                     <div class="form-field">
+                         <label for="theme-picker">Theme:</label>
+                         <select name="theme-picker" id="theme-picker" class="theme-picker">
+                             <option value="light-mode" selected>Light Mode</option>
+                             <option value="dark-mode">Dark Mode</option>
+                             <option value="monochrome-mode">Monochrome</option>
+                         </select>
+                     </div>
+ 
+                     <div class="form-field">
+                         <label for="font-size">Font size: <span class="editor-font-size">14</span></label>
+                         <div class="font-range-container">
+                             <span>6</span>
+                             <input type="range" name="font-size" id="font-size" class="font-size" min="6" max="40"
+                                 value="14">
+                             <span>40</span>
+                         </div>
+                     </div>
+ 
+                     <div class="form-field">
+                         <button type="reset" class="reset-settings">Default settings</button>
+                     </div>
+                 </form>
+             </div>
+ 
+             <footer>
+                 <p><a href="https://www.thingweb.io/" target="_blank">© 2023 The Eclipse Thingweb Project</a></p>
+                 <div class="footer-links">
+                     <a href="https://www.eclipse.org" target="_blank">Eclipse</a>
+                     <a href="https://www.eclipse.org/legal/privacy.php" target="_blank">Privacy Policy</a>
+                     <a href="https://www.eclipse.org/legal/termsofuse.php" target="_blank">Terms of Use</a>
+                     <a href="https://www.eclipse.org/legal/copyright.php" target="_blank">Copyright Agent</a>
+                     <a href="https://www.eclipse.org/legal/" target="_blank">Legal</a>
+                 </div>
+             </footer>
+         </div>
+ 
+         <!--Examples menu-->
+         <div class="examples-menu closed">
+             <div class="examples-menu-container">
+                 <div class="examples-menu-container__close">
+                     <i class="fa-solid fa-xmark"></i>
+                 </div>
+ 
+                 <form action="#" class="examples-menu-container__filter">
+                     <p>Filter by:</p>
+                     <div class="form-field">
+                         <label for="thing-type"></label>
+                         <div class="select-container">
+                             <select name="thing-type" id="thing-type" class="thing-type">
+                                 <option value="thing-description" selected>Thing Description</option>
+                                 <option value="thing-model">Thing Model</option>
+                             </select>
+                         </div>
+                     </div>
+                     <div class="form-field">
+                         <label for="thing-category"></label>
+                         <div class="select-container">
+                             <select name="thing-category" id="thing-category" class="thing-category"></select>
+                         </div>
+                     </div>
+                     <div class="form-field">
+                         <label for="thing-category"></label>
+                         <div class="search-bar">
+                             <i class="fa-solid fa-magnifying-glass"></i>
+                             <input type="text" class="search-input" placeholder="Search for title/description">
+                         </div>
+                         <input type="submit" value="Search" class="search-btn"
+                             title="Find a specific example by title or description">
+                     </div>
+                 </form>
+ 
+                 <div class="examples-container">
+                     <div class="examples-container__td">
+                         <div class="examples-category hidden" id="filtered-results">
+                             <div class="examples-category__title">
+                                 <h3>Search Results</h3>
+                             </div>
+                             <div class="examples-category__container">
+                             </div>
+                         </div>
+                     </div>
+ 
+                     <div class="examples-container__tm hidden">
+                         <div class="examples-category hidden" id="filtered-results">
+                             <div class="examples-category__title">
+                                 <h3>Search Results</h3>
+                             </div>
+                             <div class="examples-category__container"></div>
+                         </div>
+                     </div>
+                 </div>
+             </div>
+         </div>
+ 
+         <!--Save menu-->
+         <div class="save-menu closed">
+             <div class="save-menu__container">
+                 <div class="save-menu-close">
+                     <i class="fa-solid fa-xmark"></i>
+                 </div>
+ 
+                 <div class="save-menu-title">
+                     <p>Share this <span id="thing-type-text">TD</span> by creating a link or donwload it to your device!
+                     </p>
+                 </div>
+ 
+                 <div class="share-td">
+                     <div class="share-td__input">
+                         <input type="text" id="share-url-input" class="share-url-input"
+                             placeholder="Click on share to get your link">
+                         <button type="button" title="Open the url in a new playground tab" class="open-url-tab"
+                             id="open-url-tab"><i class="fa-solid fa-arrow-up-right-from-square"></i></button>
+                     </div>
+                     <button type="button" title="Generate a link to share your TD/TM" class="share-td__btn share-url"
+                         id="share-url-btn"><i class="fa-solid fa-link"></i>Share</button>
+                     <button type="button" title="Export your TD/TM to ediTDor" class="share-td__btn open-editdor"
+                         id="open-editdor-btn">Open in ediTDor</button>
+                 </div>
+ 
+                 <div class="save-td">
+                     <button type="button" title="Download your current TD/TM" class="save-td__download"
+                         id="download-btn"><i class="fa-solid fa-file-arrow-down"></i>Download</button>
+                     <button type="button"
+                         title="Save your current TD/TM in your file system with your name and location of preference"
+                         class="save-td__save-as" id="save-as-btn"><i class="fa-solid fa-folder-open"></i>Save
+                         as</button>
+                 </div>
+ 
+                 <div class="save-warning">
+                     <p>*The <span>Save as</span> function is currently only available for <span>Chrome, Edge and
+                             Opera</span>*</p>
+                 </div>
+ 
+             </div>
+         </div>
+ 
+         <!--JSON-YAML warning popup-->
+         <div class="json-yaml-warning closed">
+             <div class="json-yaml-warning__container">
+                 <div class="warning-text">
+                     <h3>Warning!</h3>
+                     <p>YAML conversion for TD is still experimental. If you still wish to continue, please confirm by
+                         clicking on the button.</p>
+                 </div>
+                 <div class="warning-btns">
+                     <button class="confirm-btn" id="yaml-confirm-btn">Confirm</button>
+                     <button class="cancel-btn" id="yaml-cancel-btn">Cancel</button>
+                 </div>
+             </div>
+         </div>
+ 
+     </main>
+ </body>
+ 
+ </html>
\ No newline at end of file
diff --git a/packages/web-new/webpack.config.js b/packages/web-new/webpack.config.js
new file mode 100644
index 000000000..f380e2956
--- /dev/null
+++ b/packages/web-new/webpack.config.js
@@ -0,0 +1,127 @@
+/* 
+ *  Copyright (c) 2023 Contributors to the Eclipse Foundation
+ *  
+ *  See the NOTICE file(s) distributed with this work for additional
+ *  information regarding copyright ownership.
+ *  
+ *  This program and the accompanying materials are made available under the
+ *  terms of the Eclipse Public License v. 2.0 which is available at
+ *  http://www.eclipse.org/legal/epl-2.0, or the W3C Software Notice and
+ *  Document License (2015-05-13) which is available at
+ *  https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document.
+ *  
+ *  SPDX-License-Identifier: EPL-2.0 OR W3C-20150513
+ */
+
+/**
+ * @file The `webpack.config.js` takes care of all the configuration values for webpack 
+ * to bundle and compile all the necessary modules. This includes bundling all the multiple 
+ * js files as well as the external modules and dependencies. Once its set to production it also 
+ * works as a minifier to further optimize the code and create an optimized production-ready dist folder.
+ */
+
+const path = require('path')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+
+module.exports = (env, argv) => {
+
+    const isDevMode = argv.mode === "development"
+
+    const config = {
+        entry: {
+            bundle: path.resolve(__dirname, 'src/scripts/main.js'),
+            styles: path.resolve(__dirname, 'src/styles/styles.css'),
+        },
+        output: {
+            path: path.resolve(__dirname, 'dist'),
+            filename: '[name][contenthash].js',
+            clean: true,
+            assetModuleFilename: '[name][ext]',
+        },
+        devtool: isDevMode ? 'source-map' : false,
+        devServer: isDevMode ? 
+        {
+            static: {
+                directory: path.resolve(__dirname, 'dist')
+            },
+            port: 3000,
+            open: true,
+            hot: false,
+            compress: true,
+            historyApiFallback: true,
+        } 
+        : {},
+        module: {
+            rules: [
+                {
+                    test: /\.js$/,
+                    exclude: /node_modules/,
+                    use: {
+                        loader: 'babel-loader',
+                        options: {
+                            presets: ['@babel/preset-env']
+                        }
+                    }
+                },
+                {
+                    test: /\.(png|svg|jpg|jpeg|gif|ico)$/i,
+                    type: 'asset/resource'
+                },
+                {
+                    test: /\.scss$/,
+                    use: ['style-loader', 'css-loader', 'sass-loader'],
+                },
+                {
+                    test: /\.css$/i,
+                    use: [MiniCssExtractPlugin.loader, 'css-loader'],
+                },
+                {
+                    test: /\.ttf$/,
+                    type: 'asset/resource'
+                },
+                {
+                    test: /\.json$/,
+                    use: 'json-loader',
+                    type: 'javascript/auto', // Necessary for Webpack 5
+                },
+            ]
+        },
+        plugins: [
+            new HtmlWebpackPlugin({
+                title: 'Webpack App',
+                filename: 'index.html',
+                template: 'src/template.html',
+                favicon: 'src/assets/favicon/favicon.ico'
+            }),
+            // new BundleAnalyzerPlugin(),
+            new CopyWebpackPlugin({
+                patterns: [
+                    {
+                        from: './src/assets/favicon',
+                        to: 'favicon',
+                    },
+                    {
+                        from: './src/examples-paths',
+                        to: 'examples-paths',
+                    },
+                ],
+            }),
+            new MonacoWebpackPlugin(),
+            new MiniCssExtractPlugin({
+                filename: '[name].[contenthash].css',
+            })
+        ],
+        optimization: {
+            minimizer: [
+                new CssMinimizerPlugin(),
+            ]
+        }
+    }
+
+    return config
+}
\ No newline at end of file