diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..f2abacf
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,20 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+
+[*.md]
+max_line_length = 0
+trim_trailing_whitespace = false
+
+# Indentation override
+#[lib/**.js]
+#[{package.json,.travis.yml}]
+#[**/**.js]
diff --git a/.github/CODE_OF_CONDUCT.md b/.github/CODE_OF_CONDUCT.md
new file mode 100644
index 0000000..7e77a3a
--- /dev/null
+++ b/.github/CODE_OF_CONDUCT.md
@@ -0,0 +1,46 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version]
+
+[homepage]: http://contributor-covenant.org
+[version]: http://contributor-covenant.org/version/1/4/
diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
new file mode 100644
index 0000000..ea72761
--- /dev/null
+++ b/.github/CONTRIBUTING.md
@@ -0,0 +1,25 @@
+# Got a Question or Problem?
+
+You can ask questions by opening a discussion. We want to strictly restrict issues section for bug reports. 
+
+However, please follow those simple guidelines before posting:
+
+1. Describe your issue in an understandable English (English is not my native language, but I still try to write something decent, and so should you).
+2. Please be polite (and occasionally avoid being a beggar... :unamused:).
+3. Provide a StackBlitz link or GitHub repo to reproduce the issue. It can help speed-up investigating your issue faster.
+4. Github provides us a wonderful [Markdown](https://help.github.com/articles/github-flavored-markdown) (text-to-HTML), so use it without restraint, especially when putting your code.
+5. Some really good advices on how to ask question:
+  * on [StackOverflow](http://stackoverflow.com/help/how-to-ask)
+  * on [DataTables](https://datatables.net/manual/tech-notes/10)
+
+Well, that's just some common sense, so it should not be so hard to follow them.
+
+Thank you.
+
+# Found an Issue?
+
+If you find a bug in the source code, you can help us by submitting an issue to our GitHub Repository. Even better, you can submit a Pull Request with a fix.
+
+# Want a Feature?
+
+You can request a new feature by submitting an issue to our GitHub Repository. If you would like to implement a new feature, please submit an issue with a proposal for your work first, to be sure that we can use it.
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
new file mode 100644
index 0000000..6609bd4
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -0,0 +1,58 @@
+---
+name: "\U0001F41E Bug report"
+about: Create a report to help us improve
+title: ''
+labels: bug, needs-repro
+assignees: ''
+---
+
+<!--
+Note: We offer assistance for Angular >=10 projects only. Do not open an issue if this is concering older Angular versions.
+-->
+
+# :beetle: bug report
+
+A clear and concise description of what the bug is.
+
+## :microscope: Minimal Reproduction
+
+<!-- 
+Do not add source code here. The chances of fixing the issue would be higher if you provide a small, reproducible repo to investigate. 
+This is because, your source code will not include all the necessary bits that reproduce the issue. For example, you may have included source code for the Angular component that's causing the problem however you might have left out it's background Angular service which fetches/processes relevant data for the table OR your source code doesn't contain the JSON response object DataTables receives from your server which would mean we're missing context here.
+
+Please create and share minimal reproduction of the issue starting with this template: https://stackblitz.com/fork/angular-datatables-gitter
+
+If StackBlitz is not suitable for reproduction of your issue, please create a minimal GitHub repository with the reproduction of the issue.
+A good way to make a minimal reproduction is to create a new app via `ng new repro-app` and add the minimum possible code to show the problem.
+Share the link to the repo below along with step-by-step instructions to reproduce the problem, as well as expected and actual behavior.
+
+Issues that don't have enough info and can't be reproduced WILL be closed.
+
+You can read more about issue submission guidelines here: https://github.com/GlobalArtInc/angular-datatables/blob/master/.github/CONTRIBUTING.md#got-a-question-or-problem
+
+-->
+
+**StackBlitz/GitHub Link:**
+
+**Step-by-step Instructions:**
+
+## :8ball: Expected behavior
+
+A clear and concise description of what you expected to happen.
+
+## :camera: Screenshots
+
+<!-- Add screenshots to help explain your problem. -->
+
+## :globe_with_meridians: Your Environment
+
+- NodeJS version: 
+- Angular version: 
+- Angular CLI version: 
+- jQuery version: 
+- DataTables version: 
+- angular-datatables version: 
+
+## :memo: Additional context
+
+<!-- Add any other context about the problem here. -->
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
new file mode 100644
index 0000000..4836b24
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -0,0 +1,25 @@
+---
+name: "\U0001F680 Feature request"
+about: Suggest an idea for this project
+title: ''
+labels: feature request
+assignees: ''
+---
+
+<!--
+Note: We offer assistance for Angular >=8 projects only. Do not open an issue if this is regarding AngularJS issue.
+-->
+
+# :rocket: Feature request
+
+## Is your feature request related to a problem? Please describe.
+
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+## Describe the solution you'd like
+
+A clear and concise description of what you want to happen.
+
+## Describe alternatives you've considered
+
+A clear and concise description of any alternative solutions or features you've considered.
diff --git a/.github/stale.yml b/.github/stale.yml
new file mode 100644
index 0000000..c61d330
--- /dev/null
+++ b/.github/stale.yml
@@ -0,0 +1,19 @@
+# Number of days of inactivity before an issue becomes stale
+daysUntilStale: 60
+# Number of days of inactivity before a stale issue is closed
+daysUntilClose: 7
+# Issues with these labels will never be considered stale
+exemptLabels:
+  - pinned
+  - security
+# Label to use when marking an issue as stale
+staleLabel: stale
+# Comment to post when marking an issue as stale. Set to `false` to disable
+markComment: >
+  This issue has been automatically marked as stale because it has not had
+  recent activity. It will be closed if no further activity occurs. Thank you
+  for your contributions.
+# Comment to post when closing a stale issue. Set to `false` to disable
+closeComment: >
+  This issue has been closed due to inactivity. Please feel free to re-open
+  the issue to add new inputs.
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
new file mode 100644
index 0000000..752da30
--- /dev/null
+++ b/.github/workflows/build.yml
@@ -0,0 +1,39 @@
+---
+name: build
+
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    branches:
+      - '*'
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Setup Node
+        uses: actions/setup-node@v1
+        with:
+          node-version: '18.x'
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Run build
+        run: npm run build:lib
+
+      - name: Install current angular-datatables to demo
+        working-directory: ./demo
+        run: npm run link:lib
+
+      - name: Run demo test
+        working-directory: ./demo
+        run: npm run demo:test-ci
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
new file mode 100644
index 0000000..d3f3076
--- /dev/null
+++ b/.github/workflows/publish.yml
@@ -0,0 +1,30 @@
+name: publish
+
+on:
+  release:
+    types: [created]
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+
+      - uses: actions/setup-node@v2
+        with:
+          node-version: '18.x'
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Run build
+        run: npm run build:lib
+
+      - name: Publish to NPM packages
+        # includes a --ignore-scripts command argument to avoid executing npm life cycle scripts during this phase
+        # for security concerns as scripts could steal NODE_AUTH_TOKEN
+        run: cd dist/lib && npm publish --ignore-scripts --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..5893826
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,66 @@
+.idea
+*.iml
+typings/**
+node_modules
+jspm_packages
+link-checker-results.txt
+**/*npm-debug.log.*
+*.js
+*.js.map
+e2e/**/*.js
+e2e/**/*.js.map
+_test-output
+_temp
+.vscode
+
+!demo/src/**/*.js
+
+# angular-datatables specific
+*.js.map
+*.d.ts
+*.metadata.json
+index*.js
+
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/tmp
+/out-tsc
+
+# dependencies
+/node_modules
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# misc
+/.angular/cache
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+testem.log
+/typings
+
+# e2e
+/e2e/*.js
+/e2e/*.map
+
+# System Files
+.DS_Store
+Thumbs.db
diff --git a/.npmignore b/.npmignore
new file mode 100644
index 0000000..08669ba
--- /dev/null
+++ b/.npmignore
@@ -0,0 +1,61 @@
+# Created by .ignore support plugin (hsz.mobi)
+### Node template
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directory
+node_modules
+
+/.codeclimate.yml
+/.gitignore
+/.gitattributes
+/.npmignore
+/.travis.yml
+/.eslintignore
+/.eslintrc
+
+# Typescript source files
+*.ts
+!*.d.ts
+*.js.map
+!index.js.map
+!/bundles/*.js.map
+!/src/*.js.map
+!*.metadata.json
+tsconfig.json
+tsconfig-build.json
+
+
+# Editor specific
+.idea
+.vscode
+
+# test cases
+test
+_test-output
+
+# other stuffs
+.github
+DEVELOPER.md
+.editorconfig
+
+# angular-datatables specific
+demo
+deploy-doc.sh
+examples
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..77b3745
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,4 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
+  "recommendations": ["angular.ng-template"]
+}
diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..925af83
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,20 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "ng serve",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: start",
+      "url": "http://localhost:4200/"
+    },
+    {
+      "name": "ng test",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: test",
+      "url": "http://localhost:9876/debug.html"
+    }
+  ]
+}
diff --git a/.vscode/tasks.json b/.vscode/tasks.json
new file mode 100644
index 0000000..a298b5b
--- /dev/null
+++ b/.vscode/tasks.json
@@ -0,0 +1,42 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    },
+    {
+      "type": "npm",
+      "script": "test",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    }
+  ]
+}
diff --git a/DEVELOPER.md b/DEVELOPER.md
new file mode 100644
index 0000000..07ced4a
--- /dev/null
+++ b/DEVELOPER.md
@@ -0,0 +1,195 @@
+# Building angular-datatables
+
+## Prerequisites
+
+Node.js and npm are essential to Angular development.
+
+[Get it now](https://docs.npmjs.com/getting-started/installing-node) if it's not already installed on your machine.
+
+**Verify that you are running at least node `v18.19.x` and npm `10.2.x`**
+by running `node -v` and `npm -v` in a terminal/console window.
+Older versions produce errors.
+
+We recommend [nvm](https://github.com/creationix/nvm) or [n](https://github.com/tj/n) for managing multiple versions of node and npm.
+
+## Clone this project
+
+Clone this repo into new project folder (e.g., `my-proj`).
+
+```bash
+git clone  https://github.com/GlobalArtInc/angular-datatables
+cd angular-datatables
+```
+
+## Install npm packages
+
+> See npm, n and nvm version notes above
+
+Install the npm packages described in the `package.json` and verify that it works:
+
+**Attention Windows Developers: You must run all of these commands in administrator mode**.
+
+```bash
+npm install
+npm run build
+```
+
+The `npm run build` command compiles the library,
+
+### npm scripts
+
+We've captured many of the most useful commands in npm scripts defined in the `package.json`:
+
+- `npm start` - Run the demo/docs app locally.
+- `npm demo:test` - compiles, runs and watches the karma unit tests (`*.spec.ts` files)
+- `npm run build:lib` - compiles and generates prod builds for this library
+
+### Updating dependencies version
+
+We use [npm-check-updates](https://www.npmjs.org/package/npm-check-updates) to update automatically the dependencies:
+
+```bash
+npm i -g npm-check-updates
+ncu -u
+rm -rf node_modules && npm install
+```
+
+If you want to update Angular to latest version:
+
+```bash
+ng update @angular/cli @angular/core
+```
+
+You can also install a specific Angular version using the below code:
+
+```bash
+# Downgrade to Angular 15
+ng update @angular/cli@15 @angular/core@15
+```
+
+## Testing
+
+These tools are configured for specific conventions described below.
+
+> It is unwise and rarely possible to run the application and the unit tests at the same time.
+>
+> We recommend that you shut down one before starting another.
+
+### Unit Tests
+
+Unit tests are essential for ensuring that the library remains compatible with the constantly evolving Angular framework. The more tests, the better :)
+
+You can find these tests in the `demo/src` folder, easily recognizable by their filenames ending with `xxx.spec.ts`.
+
+For instance: `demo/src/app/app.component.spec.ts`
+
+Feel free to add more `.spec.ts` files as needed; karma is set up to locate them.
+
+To run the tests, simply use `npm run demo:test`
+
+This command will compile the application first, then proceed to re-compile and run the karma test-runner simultaneously.
+Both the compiler and karma will be on the lookout for any file changes.
+
+The test-runner output will be displayed in the terminal window.
+
+By updating our app and tests in real-time, we can keep an eye on the console for any failing tests.
+
+Karma (test runner) is occasionally confused and it is often necessary to shut down its browser or even shut the command down (Ctrl-C) and restart it. No worries; it's pretty quick.
+
+## Deploying the documentation to Github Pages
+
+Run `deploy-doc.sh` to deploy the documentation to the Github Pages
+
+You may need to have the following:
+
+- `git`
+- have the basic commands in your OS
+
+```bash
+./deploy-doc.sh <version>
+```
+
+## Release
+
+```sh
+# Change to `lib` directory
+cd lib
+
+# this will create a new version and push to remote repository
+npm version [<newversion> | major | minor | patch]
+
+# examples
+# create a patch version to publish fixes to the package
+npm version patch
+# provide a commit message ('%s' will be replaced by the version number)
+npm version patch -m "chore: release %s"
+# create a minor version to publish new features
+npm version minor
+# create a major version to follow Angular major version
+npm version major
+# more control to the version to set
+npm version 8.3.2
+```
+
+Then go to the [release page](https://github.com/GlobalArtInc/angular-datatables/releases) and manually
+create a new release. There is an automatic [Github action](./.github/workflows/publish.yml) that
+publishes automatically to NPM repository.
+
+# Angular Schematics
+
+We use Angular Schematics for `ng add` functionality.
+
+To build the schematics, issue the following command:
+
+`npm run lib:schematics:build`
+
+## Testing
+
+To test schematics, you will need to setup `verdaccio`, publish the library locally in your machine, then install it via `ng add` in another Angular project, preferably a newly created one in another terminal window.
+
+### Steps
+
+1. Install [verdaccio](https://verdaccio.org/)
+
+   `npm install -g verdaccio`
+
+2. Start `verdaccio` server on a terminal or (command prompt if on Windows) by running:
+
+   `verdaccio`
+
+3. Setup an account in `verdaccio` so you can publish the library on your machine:
+
+   - Run `npm adduser --registry=http://localhost:4873`
+   - Give a username, password and an email address to create an account in `verdaccio`.
+
+4. Make your changes in the project.
+
+5. Run `npm run build:lib` to build the library and `ng add` functionality related code.
+
+6. Now, publish the library to `verdaccio` by running the command:
+
+   ```sh
+   # Make sure you compiled the library first! 
+   # `npm run build:lib`
+   cd dist/lib
+   npm publish --registry http://localhost:4873
+   ```
+
+5. Create an empty Angular project like:
+
+   `ng new my-demo-project`
+
+6. Install `angular-datatables` to this demo project by running:
+
+   `ng add --registry=http://localhost:4873 angular-datatables`
+
+### Notes
+
+1. The `--registry` flag informs `npm` to use `verdaccio` instead of NPM's registry server.
+2. If you're facing issues with `ng add` not grabbing code from `verdaccio`, try setting npm registry endpoint to `verdaccio` like:
+
+   `npm config set registry http://localhost:4873`
+
+3. Remember to reset changes made in step 2 or else `npm` will stop working when `verdaccio` is killed.
+
+   `npm config set registry https://registry.npmjs.org`
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..1506d24
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) GlobalArt Inc
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..800c2a5
--- /dev/null
+++ b/README.md
@@ -0,0 +1,27 @@
+# Angular DataTables
+
+![build](https://github.com/GlobalArtInc/angular-datatables/workflows/build/badge.svg)
+[![npm](https://img.shields.io/npm/v/angular-datatables.svg)][npm-link]
+[![npm](https://img.shields.io/npm/dm/angular-datatables.svg)][npm-link]
+
+> [Angular](https://angular.io/) + [DataTables](https://datatables.net/)
+
+# Documentation
+
+Please check the [online documentation](http://globalartinc.github.io/angular-datatables/)
+
+# Versioning
+
+The major version of the project (it's using a [Semantic versioning](http://semver.org/)) is
+synchronized with the major version of Angular.
+
+# Getting involved
+
+Check the [developer guide](DEVELOPER.md)
+
+# LICENSE
+
+[MIT](LICENSE)
+
+[npm-link]: https://www.npmjs.com/package/angular-datatables
+
diff --git a/angular.json b/angular.json
new file mode 100644
index 0000000..951bb62
--- /dev/null
+++ b/angular.json
@@ -0,0 +1,193 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "",
+  "projects": {
+    "angular-datatables-demo": {
+      "root": "demo",
+      "sourceRoot": "demo/src",
+      "projectType": "application",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "dist/demo",
+            "index": "demo/src/index.html",
+            "main": "demo/src/main.ts",
+            "tsConfig": "demo/src/tsconfig.app.json",
+            "polyfills": [
+              "zone.js"
+            ],
+            "assets": [
+              "demo/src/assets",
+              "demo/src/data",
+              "demo/src/favicon.png"
+            ],
+            "styles": [
+              "node_modules/datatables.net-dt/css/dataTables.dataTables.min.css",
+              "node_modules/datatables.net-buttons-dt/css/buttons.dataTables.min.css",
+              "node_modules/datatables.net-colreorder-dt/css/colReorder.dataTables.min.css",
+              "node_modules/datatables.net-responsive-dt/css/responsive.dataTables.min.css",
+              "node_modules/datatables.net-select-dt/css/select.dataTables.min.css",
+              "node_modules/materialize-css/dist/css/materialize.css",
+              "node_modules/prism-themes/themes/prism-material-dark.css",
+              "demo/src/styles.css",
+              "node_modules/prismjs/plugins/toolbar/prism-toolbar.css"
+            ],
+            "scripts": [
+              "node_modules/jquery/dist/jquery.js",
+              "node_modules/tether/dist/js/tether.js",
+              "node_modules/materialize-css/dist/js/materialize.js",
+              "node_modules/jszip/dist/jszip.js",
+              "node_modules/datatables.net/js/dataTables.min.js",
+              "node_modules/datatables.net-buttons/js/dataTables.buttons.min.js",
+              "node_modules/datatables.net-buttons/js/buttons.colVis.min.js",
+              "node_modules/datatables.net-buttons/js/buttons.flash.min.js",
+              "node_modules/datatables.net-buttons/js/buttons.html5.min.js",
+              "node_modules/datatables.net-buttons/js/buttons.print.min.js",
+              "node_modules/datatables.net-colreorder/js/dataTables.colReorder.min.js",
+              "node_modules/datatables.net-responsive/js/dataTables.responsive.min.js",
+              "node_modules/datatables.net-select/js/dataTables.select.min.js",
+              "node_modules/marked/marked.min.js",
+              "node_modules/prismjs/prism.js",
+              "node_modules/prismjs/components/prism-typescript.min.js",
+              "node_modules/prismjs/components/prism-javascript.min.js",
+              "node_modules/prismjs/components/prism-css.min.js",
+              "node_modules/prismjs/components/prism-json.min.js",
+              "node_modules/prismjs/components/prism-bash.min.js",
+              "node_modules/prismjs/plugins/toolbar/prism-toolbar.min.js",
+              "node_modules/clipboard/dist/clipboard.min.js",
+              "node_modules/prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js",
+              "node_modules/datatables.net-fixedcolumns/js/dataTables.fixedColumns.js"
+            ],
+            "vendorChunk": true,
+            "extractLicenses": false,
+            "buildOptimizer": false,
+            "sourceMap": true,
+            "optimization": false,
+            "namedChunks": true,
+            "allowedCommonJsDependencies": [
+              "jquery"
+            ]
+          },
+          "configurations": {
+            "production": {
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "namedChunks": false,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": true
+            }
+          }
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "buildTarget": "angular-datatables-demo:build"
+          },
+          "configurations": {
+            "production": {
+              "buildTarget": "angular-datatables-demo:build:production"
+            }
+          }
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "buildTarget": "angular-datatables-demo:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ],
+            "tsConfig": "demo/src/tsconfig.spec.json",
+            "scripts": [
+              "node_modules/jquery/dist/jquery.js",
+              "node_modules/tether/dist/js/tether.js",
+              "node_modules/datatables.net/js/dataTables.min.js",
+              "node_modules/jszip/dist/jszip.js",
+              "node_modules/datatables.net-buttons/js/dataTables.buttons.js",
+              "node_modules/datatables.net-buttons/js/buttons.colVis.js",
+              "node_modules/datatables.net-buttons/js/buttons.flash.js",
+              "node_modules/datatables.net-buttons/js/buttons.html5.js",
+              "node_modules/datatables.net-buttons/js/buttons.print.js",
+              "node_modules/datatables.net-colreorder/js/dataTables.colReorder.js",
+              "node_modules/datatables.net-responsive/js/dataTables.responsive.js",
+              "node_modules/datatables.net-select/js/dataTables.select.js",
+              "node_modules/datatables.net-fixedcolumns/js/dataTables.fixedColumns.js"
+            ],
+            "styles": [
+              "node_modules/datatables.net-dt/css/dataTables.dataTables.css",
+              "node_modules/datatables.net-buttons-dt/css/buttons.dataTables.css",
+              "node_modules/datatables.net-colreorder-dt/css/colReorder.dataTables.css",
+              "node_modules/datatables.net-responsive-dt/css/responsive.dataTables.css",
+              "node_modules/datatables.net-select-dt/css/select.dataTables.css",
+              "node_modules/materialize-css/dist/css/materialize.css",
+              "demo/src/styles.css"
+            ],
+            "assets": [
+              "demo/src/assets",
+              "demo/src/archives",
+              "demo/src/data",
+              "demo/src/favicon.png"
+            ],
+            "include": [
+              "**/*.spec.ts"
+            ]
+          }
+        }
+      }
+    },
+    "angular-datatables": {
+      "root": "lib",
+      "sourceRoot": "lib/src",
+      "projectType": "library",
+      "prefix": "lib",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "project": "lib/ng-package.prod.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "lib/tsconfig.lib.prod.json"
+            },
+            "development": {
+              "tsConfig": "lib/tsconfig.lib.json"
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "lint": {
+          "builder": "@angular-eslint/builder:lint",
+          "options": {
+            "eslintConfig": "lib/.eslintrc.json",
+            "lintFilePatterns": [
+              "lib/**/*.ts",
+              "lib/**/*.html"
+            ]
+          }
+        }
+      }
+    }
+
+  },
+  "schematics": {
+    "@schematics/angular:component": {
+      "prefix": "app"
+    },
+    "@schematics/angular:directive": {
+      "prefix": "app"
+    }
+  },
+  "cli": {
+    "analytics": "de95d862-1e1f-47e4-b47b-b0aa1f54dbb9"
+  }
+}
diff --git a/demo/.editorconfig b/demo/.editorconfig
new file mode 100644
index 0000000..6e87a00
--- /dev/null
+++ b/demo/.editorconfig
@@ -0,0 +1,13 @@
+# Editor configuration, see http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false
diff --git a/demo/.gitignore b/demo/.gitignore
new file mode 100644
index 0000000..e040655
--- /dev/null
+++ b/demo/.gitignore
@@ -0,0 +1,43 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/tmp
+/out-tsc
+
+# dependencies
+/node_modules
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# misc
+/.angular/cache
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+testem.log
+/typings
+
+# e2e
+/e2e/*.js
+/e2e/*.map
+
+# System Files
+.DS_Store
+Thumbs.db
diff --git a/demo/README.md b/demo/README.md
new file mode 100644
index 0000000..30eeb05
--- /dev/null
+++ b/demo/README.md
@@ -0,0 +1,28 @@
+# angular-datatables demo
+
+This project was generated with [angular-cli](https://github.com/angular/angular-cli).
+
+## Development server
+
+Run `npm start` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+
+## Build
+
+Run `npm run demo:build:prod` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
+
+## Using the current version of angular-datatables
+
+If you need to check if the currenct version of angular-datatables still works with the demo, simply follow the instructions below:
+
+> We use [linklocal](https://npmjs.org/package/linklocal) to link library with demo app. 
+
+```bash
+cd /path/to/angular-datatables
+npm start
+# The application will first build library (under dist/lib), 
+# copy it to demo/node_modules and run the app on localhost:4200
+```
diff --git a/demo/e2e/app.e2e-spec.ts b/demo/e2e/app.e2e-spec.ts
new file mode 100644
index 0000000..1dcaf44
--- /dev/null
+++ b/demo/e2e/app.e2e-spec.ts
@@ -0,0 +1,14 @@
+import { DemoPage } from './app.po';
+
+describe('demo App', function() {
+  let page: DemoPage;
+
+  beforeEach(() => {
+    page = new DemoPage();
+  });
+
+  it('should display message saying app works', () => {
+    page.navigateTo();
+    expect(page.getParagraphText()).toEqual('app works!');
+  });
+});
diff --git a/demo/e2e/app.po.ts b/demo/e2e/app.po.ts
new file mode 100644
index 0000000..2bf84d1
--- /dev/null
+++ b/demo/e2e/app.po.ts
@@ -0,0 +1,11 @@
+import { browser, element, by } from 'protractor';
+
+export class DemoPage {
+  navigateTo() {
+    return browser.get('/');
+  }
+
+  getParagraphText() {
+    return element(by.css('app-root h1')).getText();
+  }
+}
diff --git a/demo/e2e/tsconfig.json b/demo/e2e/tsconfig.json
new file mode 100644
index 0000000..f20ccfd
--- /dev/null
+++ b/demo/e2e/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "declaration": false,
+    "experimentalDecorators": true,
+    "moduleResolution": "node",
+    "outDir": "../dist/out-tsc-e2e",
+    "sourceMap": true,
+    "target": "es5",
+    "typeRoots": [
+      "../node_modules/@types"
+    ]
+  }
+}
diff --git a/demo/src/app/advanced/custom-range-search.component.html b/demo/src/app/advanced/custom-range-search.component.html
new file mode 100644
index 0000000..889d46d
--- /dev/null
+++ b/demo/src/app/advanced/custom-range-search.component.html
@@ -0,0 +1,17 @@
+<ng-template #preview>
+  <form (submit)="filterById()">
+    <label>
+      Min
+      <input type="number" name="min" id="min" [(ngModel)]="min" />
+    </label>
+    <label>
+      Max
+      <input type="number" name="max" id="max" [(ngModel)]="max" />
+    </label>
+    <button class="btn btn-primary" type="submit">Filter by ID</button>
+  </form>
+  <br />
+  <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
+</app-base-demo>
diff --git a/demo/src/app/advanced/custom-range-search.component.spec.ts b/demo/src/app/advanced/custom-range-search.component.spec.ts
new file mode 100644
index 0000000..461a1a9
--- /dev/null
+++ b/demo/src/app/advanced/custom-range-search.component.spec.ts
@@ -0,0 +1,94 @@
+import { RouterTestingModule } from '@angular/router/testing';
+import { HttpClientModule } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA, SecurityContext } from '@angular/core';
+import { ComponentFixture, TestBed, tick, waitForAsync } from '@angular/core/testing';
+import { DataTableDirective, DataTablesModule } from 'angular-datatables';
+import { MarkdownModule } from 'ngx-markdown';
+import { BaseDemoComponent } from '../base-demo/base-demo.component';
+import { AppRoutingModule } from '../app.routing';
+import { By } from '@angular/platform-browser';
+import { CustomRangeSearchComponent } from './custom-range-search.component';
+import { FormsModule } from '@angular/forms';
+
+
+let fixture: ComponentFixture<CustomRangeSearchComponent>, component: null| CustomRangeSearchComponent = null;
+
+describe('CustomRangeSearchComponent', () => {
+  beforeEach(() => {
+    fixture = TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        CustomRangeSearchComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule,
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        ),
+        FormsModule
+      ],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).createComponent(CustomRangeSearchComponent);
+
+    component = fixture.componentInstance;
+
+    fixture.detectChanges(); // initial binding
+  });
+
+  it('should create the app', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it('should have title "Custom filtering - Range search"', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance as CustomRangeSearchComponent;
+    expect(app.pageTitle).toBe('Custom filtering - Range search');
+  }));
+
+  it('should have data filtered when min, max values change', async () => {
+    const app = fixture.componentInstance as CustomRangeSearchComponent;
+    await fixture.whenStable();
+
+    const query = fixture.debugElement.query(By.directive(DataTableDirective));
+    const dir = query.injector.get(DataTableDirective);
+    expect(dir).toBeTruthy();
+    const instance = await dir.dtInstance;
+
+    const inputFieldMin: HTMLInputElement = fixture.nativeElement.querySelector('input[name="min"]');
+    const inputFieldMax: HTMLInputElement = fixture.nativeElement.querySelector('input[name="max"]');
+
+    //  # Test 1
+
+    inputFieldMin.value = '1';
+    inputFieldMax.value = '5';
+
+    inputFieldMin.dispatchEvent(new Event('input'));
+    inputFieldMax.dispatchEvent(new Event('input'));
+
+    instance.draw();
+    fixture.detectChanges();
+
+    expect(instance.rows({ page: 'current' }).count()).toBe(1);
+
+    //  # Test 2
+
+    inputFieldMin.value = '1';
+    inputFieldMax.value = '15';
+
+    inputFieldMin.dispatchEvent(new Event('input'));
+    inputFieldMax.dispatchEvent(new Event('input'));
+
+    instance.draw();
+    fixture.detectChanges();
+
+    expect(instance.rows({ page: 'current' }).count()).toBe(3);
+
+  });
+
+});
diff --git a/demo/src/app/advanced/custom-range-search.component.ts b/demo/src/app/advanced/custom-range-search.component.ts
new file mode 100644
index 0000000..62846d1
--- /dev/null
+++ b/demo/src/app/advanced/custom-range-search.component.ts
@@ -0,0 +1,67 @@
+import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
+
+import { DataTableDirective } from 'angular-datatables';
+import { Config } from 'datatables.net';
+
+// Example from https://datatables.net/examples/plug-ins/range_filtering.html
+@Component({
+  selector: 'app-custom-range-search',
+  templateUrl: 'custom-range-search.component.html'
+})
+export class CustomRangeSearchComponent implements OnDestroy, OnInit {
+
+  pageTitle = 'Custom filtering - Range search';
+  mdIntro = 'assets/docs/advanced/custom-range/intro.md';
+  mdHTML = 'assets/docs/advanced/custom-range/source-html.md';
+  mdTS = 'assets/docs/advanced/custom-range/source-ts.md';
+  mdTSV1 = 'assets/docs/advanced/custom-range/source-ts-dtv1.md';
+
+  @ViewChild(DataTableDirective, {static: false})
+  datatableElement!: DataTableDirective;
+  min!: number;
+  max!: number;
+
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    // We need to call the $.fn.dataTable like this because DataTables typings do not have the "ext" property
+    $.fn['dataTable'].ext.search.push((settings: Config, data: any, dataIndex: number) => {
+      const id = parseFloat(data[0]) || 0; // use data for the id column
+      if ((isNaN(this.min) && isNaN(this.max)) ||
+        (isNaN(this.min) && id <= this.max) ||
+        (this.min <= id && isNaN(this.max)) ||
+        (this.min <= id && id <= this.max)) {
+        return true;
+      }
+      return false;
+    });
+
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+
+  ngOnDestroy(): void {
+    // We remove the last function in the global ext search array so we do not add the fn each time the component is drawn
+    // /!\ This is not the ideal solution as other components may add other search function in this array, so be careful when
+    // handling this global variable
+    $.fn['dataTable'].ext.search.pop();
+  }
+
+  filterById(): boolean {
+    this.datatableElement.dtInstance.then(dtInstance => {
+      dtInstance.draw();
+    });
+    return false;
+  }
+}
diff --git a/demo/src/app/advanced/demo-ng-template-ref-event-type.ts b/demo/src/app/advanced/demo-ng-template-ref-event-type.ts
new file mode 100644
index 0000000..d51d2a1
--- /dev/null
+++ b/demo/src/app/advanced/demo-ng-template-ref-event-type.ts
@@ -0,0 +1,4 @@
+export interface IDemoNgComponentEventType {
+  cmd: string,
+  data: any
+}
diff --git a/demo/src/app/advanced/demo-ng-template-ref.component.html b/demo/src/app/advanced/demo-ng-template-ref.component.html
new file mode 100644
index 0000000..c37e801
--- /dev/null
+++ b/demo/src/app/advanced/demo-ng-template-ref.component.html
@@ -0,0 +1,3 @@
+<div class="btn-group d-block text-center">
+  <button class="btn btn-sm btn-dark" (click)="onAction1()">{{actionText}}</button>
+</div>
diff --git a/demo/src/app/advanced/demo-ng-template-ref.component.ts b/demo/src/app/advanced/demo-ng-template-ref.component.ts
new file mode 100644
index 0000000..b1b861c
--- /dev/null
+++ b/demo/src/app/advanced/demo-ng-template-ref.component.ts
@@ -0,0 +1,36 @@
+import { Component, Input, OnInit, Output } from '@angular/core';
+import { Subject } from 'rxjs';
+import { IDemoNgComponentEventType } from './demo-ng-template-ref-event-type';
+
+@Component({
+  selector: 'app-demo-ng-template-ref',
+  templateUrl: './demo-ng-template-ref.component.html',
+})
+export class DemoNgComponent implements OnInit {
+
+  constructor() { }
+
+  @Output()
+  emitter = new Subject<IDemoNgComponentEventType>();
+
+  @Input()
+  data = {};
+
+  @Input()
+  actionText = 'Action 1';
+
+  ngOnInit(): void {
+  }
+
+  onAction1() {
+    this.emitter.next({
+      cmd: 'action1',
+      data: this.data
+    });
+  }
+
+  ngOnDestroy() {
+    this.emitter.unsubscribe();
+  }
+
+}
diff --git a/demo/src/app/advanced/dt-instance.component.html b/demo/src/app/advanced/dt-instance.component.html
new file mode 100644
index 0000000..6e8060b
--- /dev/null
+++ b/demo/src/app/advanced/dt-instance.component.html
@@ -0,0 +1,13 @@
+<ng-template #preview>
+  <p>
+    <button type="button" class="btn waves-effect waves-light blue" (click)="displayToConsole(datatableElement)">
+      Display the DataTable instance in the console
+    </button>
+  </p>
+  <blockquote>
+    The DataTable instance ID is: {{ $any((datatableElement?.dtInstance | async)?.table()?.node())['id'] }}
+  </blockquote>
+  <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
+</app-base-demo>
diff --git a/demo/src/app/advanced/dt-instance.component.spec.ts b/demo/src/app/advanced/dt-instance.component.spec.ts
new file mode 100644
index 0000000..46afb9c
--- /dev/null
+++ b/demo/src/app/advanced/dt-instance.component.spec.ts
@@ -0,0 +1,66 @@
+import { RouterTestingModule } from '@angular/router/testing';
+import { HttpClientModule } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA, SecurityContext } from '@angular/core';
+import { ComponentFixture, TestBed, tick, waitForAsync } from '@angular/core/testing';
+import { DataTableDirective, DataTablesModule } from 'angular-datatables';
+import { MarkdownModule } from 'ngx-markdown';
+import { BaseDemoComponent } from '../base-demo/base-demo.component';
+import { AppRoutingModule } from '../app.routing';
+import { By } from '@angular/platform-browser';
+import { FormsModule } from '@angular/forms';
+import { DtInstanceComponent } from './dt-instance.component';
+
+
+let fixture: ComponentFixture<DtInstanceComponent>, component: null| DtInstanceComponent = null;
+
+describe('DtInstanceComponent', () => {
+  beforeEach(() => {
+    fixture = TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        DtInstanceComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule,
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        ),
+        FormsModule
+      ],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).createComponent(DtInstanceComponent);
+
+    component = fixture.componentInstance;
+
+    fixture.detectChanges(); // initial binding
+  });
+
+  it('should create the app', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it('should have title "Finding DataTable instance"', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance as DtInstanceComponent;
+    expect(app.pageTitle).toBe('Finding DataTable instance');
+  }));
+
+  it('should retrieve Table instance', async () => {
+    const app = fixture.componentInstance as DtInstanceComponent;
+    await fixture.whenStable();
+
+    const query = fixture.debugElement.query(By.directive(DataTableDirective));
+    const dir = query.injector.get(DataTableDirective);
+    expect(dir).toBeTruthy();
+
+    const instance = await dir.dtInstance;
+    expect(instance).toBeTruthy();
+  });
+
+});
diff --git a/demo/src/app/advanced/dt-instance.component.ts b/demo/src/app/advanced/dt-instance.component.ts
new file mode 100644
index 0000000..bf8a27b
--- /dev/null
+++ b/demo/src/app/advanced/dt-instance.component.ts
@@ -0,0 +1,43 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+
+import { DataTableDirective } from 'angular-datatables';
+import { Config } from 'datatables.net';
+
+@Component({
+  selector: 'app-dt-instance',
+  templateUrl: 'dt-instance.component.html'
+})
+export class DtInstanceComponent implements OnInit {
+
+  pageTitle = 'Finding DataTable instance';
+  mdIntro = 'assets/docs/advanced/dt-instance/intro.md';
+  mdHTML = 'assets/docs/advanced/dt-instance/source-html.md';
+  mdTS = 'assets/docs/advanced/dt-instance/source-ts.md';
+  mdTSV1 = 'assets/docs/advanced/dt-instance/source-ts-dtv1.md';
+
+  @ViewChild(DataTableDirective, {static: false})
+  datatableElement: DataTableDirective|undefined;
+
+  dtOptions: Config = {};
+
+  displayToConsole(datatableElement: DataTableDirective | undefined): void {
+    if (!datatableElement) return;
+    datatableElement.dtInstance.then(dtInstance => console.log(dtInstance));
+  }
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+}
diff --git a/demo/src/app/advanced/individual-column-filtering.component.html b/demo/src/app/advanced/individual-column-filtering.component.html
new file mode 100644
index 0000000..c5b8e0b
--- /dev/null
+++ b/demo/src/app/advanced/individual-column-filtering.component.html
@@ -0,0 +1,13 @@
+<ng-template #preview>
+  <table datatable [dtOptions]="dtOptions" class="row-border hover">
+    <tfoot>
+      <tr>
+        <th><input type="text" placeholder="Search ID" name="search-id"/></th>
+        <th><input type="text" placeholder="Search first name" name="search-first-name"/></th>
+        <th><input type="text" placeholder="Search last name" name="search-last-name"/></th>
+      </tr>
+    </tfoot>
+  </table>
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
+</app-base-demo>
diff --git a/demo/src/app/advanced/individual-column-filtering.component.spec.ts b/demo/src/app/advanced/individual-column-filtering.component.spec.ts
new file mode 100644
index 0000000..1ab78f0
--- /dev/null
+++ b/demo/src/app/advanced/individual-column-filtering.component.spec.ts
@@ -0,0 +1,98 @@
+import { RouterTestingModule } from '@angular/router/testing';
+import { HttpClientModule } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA, SecurityContext } from '@angular/core';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { DataTableDirective, DataTablesModule } from 'angular-datatables';
+import { MarkdownModule } from 'ngx-markdown';
+import { BaseDemoComponent } from '../base-demo/base-demo.component';
+import { AppRoutingModule } from '../app.routing';
+import { By } from '@angular/platform-browser';
+import { FormsModule } from '@angular/forms';
+import { IndividualColumnFilteringComponent } from './individual-column-filtering.component';
+import { Api } from 'datatables.net';
+
+
+let fixture: ComponentFixture<IndividualColumnFilteringComponent>, component: null| IndividualColumnFilteringComponent = null;
+
+function applyValueToInput(inputElement: HTMLInputElement, value: string, table: Api) {
+  inputElement.value = value;
+  inputElement.dispatchEvent(new Event('input'));
+  inputElement.dispatchEvent(new Event('change'));
+  table.draw();
+}
+
+describe('IndividualColumnFilteringComponent', () => {
+  beforeEach(() => {
+    fixture = TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        IndividualColumnFilteringComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule,
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        ),
+        FormsModule
+      ],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).createComponent(IndividualColumnFilteringComponent);
+
+    component = fixture.componentInstance;
+
+    fixture.detectChanges(); // initial binding
+  });
+
+  it('should create the app', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it('should have title "Individual column searching"', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance as IndividualColumnFilteringComponent;
+    expect(app.pageTitle).toBe('Individual column searching');
+  }));
+
+  it('should filter contents acc. to column', async () => {
+    const app = fixture.componentInstance as IndividualColumnFilteringComponent;
+    app.dtOptions.paging = false;
+
+    await fixture.whenStable();
+
+    const query = fixture.debugElement.query(By.directive(DataTableDirective));
+    const dir = query.injector.get(DataTableDirective);
+    expect(dir).toBeTruthy();
+
+    const instance = await dir.dtInstance;
+
+    const inputFields = Array.from(fixture.nativeElement.querySelectorAll('input')) as HTMLInputElement[];
+    const inputFieldID = inputFields.find(e => e.name == "search-id")!;
+    const inputFieldFirstName = inputFields.find(e => e.name == "search-first-name")!;
+    const inputFieldLastName = inputFields.find(e => e.name == "search-last-name")!;
+
+    // # Test 1
+    applyValueToInput(inputFieldID, '113', instance);
+    expect(instance.rows({ page: 'current' }).count()).toBe(1);
+
+    // # Test 2
+
+    // reset prev. field
+    applyValueToInput(inputFieldID, '', instance);
+    applyValueToInput(inputFieldFirstName, 'Batman', instance);
+    expect(instance.rows({ page: 'current' }).count()).toBe(30);
+
+    // # Test 3
+    // reset prev. field
+    applyValueToInput(inputFieldFirstName, '', instance);
+    applyValueToInput(inputFieldLastName, 'Titi', instance);
+    expect(instance.rows({ page: 'current' }).count()).toBe(28);
+
+  });
+
+});
diff --git a/demo/src/app/advanced/individual-column-filtering.component.ts b/demo/src/app/advanced/individual-column-filtering.component.ts
new file mode 100644
index 0000000..f7f56bd
--- /dev/null
+++ b/demo/src/app/advanced/individual-column-filtering.component.ts
@@ -0,0 +1,53 @@
+import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core';
+
+import { DataTableDirective } from 'angular-datatables';
+import { Config } from 'datatables.net';
+
+@Component({
+  selector: 'app-individual-column-filtering',
+  templateUrl: 'individual-column-filtering.component.html'
+})
+export class IndividualColumnFilteringComponent implements OnInit, AfterViewInit {
+
+  pageTitle = 'Individual column searching';
+  mdIntro = 'assets/docs/advanced/indi-col-filter/intro.md';
+  mdHTML = 'assets/docs/advanced/indi-col-filter/source-html.md';
+  mdTS = 'assets/docs/advanced/indi-col-filter/source-ts.md';
+  mdTSV1 = 'assets/docs/advanced/indi-col-filter/source-ts-dtv1.md';
+
+  @ViewChild(DataTableDirective, {static: false})
+  datatableElement!: DataTableDirective;
+
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+
+  ngAfterViewInit(): void {
+    this.datatableElement.dtInstance.then(dtInstance => {
+      dtInstance.columns().every(function () {
+        const that = this;
+        $('input', this.footer()).on('keyup change', function () {
+          if (that.search() !== this['value']) {
+            that
+              .search(this['value'])
+              .draw();
+          }
+        });
+      });
+    });
+  }
+}
diff --git a/demo/src/app/advanced/load-dt-options-with-promise.component.html b/demo/src/app/advanced/load-dt-options-with-promise.component.html
new file mode 100644
index 0000000..0e8e5b2
--- /dev/null
+++ b/demo/src/app/advanced/load-dt-options-with-promise.component.html
@@ -0,0 +1,5 @@
+<ng-template #preview>
+  <table datatable [dtOptions]="$any(dtOptions)" class="row-border hover"></table>
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
+</app-base-demo>
diff --git a/demo/src/app/advanced/load-dt-options-with-promise.component.spec.ts b/demo/src/app/advanced/load-dt-options-with-promise.component.spec.ts
new file mode 100644
index 0000000..4bf262e
--- /dev/null
+++ b/demo/src/app/advanced/load-dt-options-with-promise.component.spec.ts
@@ -0,0 +1,66 @@
+import { RouterTestingModule } from '@angular/router/testing';
+import { HttpClientModule } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA, SecurityContext } from '@angular/core';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { DataTableDirective, DataTablesModule } from 'angular-datatables';
+import { MarkdownModule } from 'ngx-markdown';
+import { BaseDemoComponent } from '../base-demo/base-demo.component';
+import { AppRoutingModule } from '../app.routing';
+import { By } from '@angular/platform-browser';
+import { FormsModule } from '@angular/forms';
+import { LoadDtOptionsWithPromiseComponent } from './load-dt-options-with-promise.component';
+
+
+let fixture: ComponentFixture<LoadDtOptionsWithPromiseComponent>, component: null| LoadDtOptionsWithPromiseComponent = null;
+
+describe('LoadDtOptionsWithPromiseComponent', () => {
+  beforeEach(() => {
+    fixture = TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        LoadDtOptionsWithPromiseComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule,
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        ),
+        FormsModule
+      ],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).createComponent(LoadDtOptionsWithPromiseComponent);
+
+    component = fixture.componentInstance;
+
+    fixture.detectChanges(); // initial binding
+  });
+
+  it('should create the app', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it('should have title "Load DT Options with Promise"', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance as LoadDtOptionsWithPromiseComponent;
+    expect(app.pageTitle).toBe('Load DT Options with Promise');
+  }));
+
+  it('should render table from dtOptions as a Promise', async () => {
+    const app = fixture.componentInstance as LoadDtOptionsWithPromiseComponent;
+    await fixture.whenStable();
+
+    const query = fixture.debugElement.query(By.directive(DataTableDirective));
+    const dir = query.injector.get(DataTableDirective);
+    expect(dir).toBeTruthy();
+
+    const instance = await dir.dtInstance;
+    expect(instance.rows().count()).toBeGreaterThan(0);
+  });
+
+});
diff --git a/demo/src/app/advanced/load-dt-options-with-promise.component.ts b/demo/src/app/advanced/load-dt-options-with-promise.component.ts
new file mode 100644
index 0000000..a66ea0b
--- /dev/null
+++ b/demo/src/app/advanced/load-dt-options-with-promise.component.ts
@@ -0,0 +1,31 @@
+import { Component, Inject, OnInit } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Config } from 'datatables.net';
+
+@Component({
+  selector: 'app-load-dt-options-with-promise',
+  templateUrl: 'load-dt-options-with-promise.component.html'
+})
+export class LoadDtOptionsWithPromiseComponent implements OnInit {
+
+  pageTitle = 'Load DT Options with Promise';
+  mdIntro = 'assets/docs/advanced/load-dt-opt-with-promise/intro.md';
+  mdHTML = 'assets/docs/advanced/load-dt-opt-with-promise/source-html.md';
+  mdTS = 'assets/docs/advanced/load-dt-opt-with-promise/source-ts.md';
+  mdTSV1 = 'assets/docs/advanced/load-dt-opt-with-promise/source-ts-dtv1.md';
+
+  dtOptions!: Promise<Config>;
+
+  constructor(@Inject(HttpClient) private httpClient: HttpClient) {}
+
+  ngOnInit(): void {
+  this.dtOptions = this.httpClient.get<Config>('data/dtOptions.json')
+      .toPromise()
+      .catch(this.handleError);
+  }
+
+  private handleError(error: any): Promise<any> {
+    console.error('An error occurred', error); // for demo purposes only
+    return Promise.reject(error.message || error);
+  }
+}
diff --git a/demo/src/app/advanced/multiple-tables.component.html b/demo/src/app/advanced/multiple-tables.component.html
new file mode 100644
index 0000000..3c99c40
--- /dev/null
+++ b/demo/src/app/advanced/multiple-tables.component.html
@@ -0,0 +1,15 @@
+<ng-template #preview>
+  <p>
+    <button type="button" class="btn waves-effect waves-light blue" (click)="displayToConsole()">
+      Display the DataTable instances in the console
+    </button>
+  </p>
+
+  <h5 class="header">Table 1</h5>
+  <table id="first-table" datatable [dtOptions]="dtOptions[0]" class="row-border hover"></table>
+  <h5 class="header">Table 2</h5>
+  <table id="second-table" datatable [dtOptions]="dtOptions[1]" class="row-border hover"></table>
+
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
+</app-base-demo>
diff --git a/demo/src/app/advanced/multiple-tables.component.spec.ts b/demo/src/app/advanced/multiple-tables.component.spec.ts
new file mode 100644
index 0000000..b74d604
--- /dev/null
+++ b/demo/src/app/advanced/multiple-tables.component.spec.ts
@@ -0,0 +1,61 @@
+import { RouterTestingModule } from '@angular/router/testing';
+import { HttpClientModule } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA, QueryList, SecurityContext } from '@angular/core';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { DataTableDirective, DataTablesModule } from 'angular-datatables';
+import { MarkdownModule } from 'ngx-markdown';
+import { BaseDemoComponent } from '../base-demo/base-demo.component';
+import { AppRoutingModule } from '../app.routing';
+import { By } from '@angular/platform-browser';
+import { FormsModule } from '@angular/forms';
+import { MultipleTablesComponent } from './multiple-tables.component';
+
+
+let fixture: ComponentFixture<MultipleTablesComponent>, component: null| MultipleTablesComponent = null;
+
+describe('MultipleTablesComponent', () => {
+  beforeEach(() => {
+    fixture = TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        MultipleTablesComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule,
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        ),
+        FormsModule
+      ],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).createComponent(MultipleTablesComponent);
+
+    component = fixture.componentInstance;
+
+    fixture.detectChanges(); // initial binding
+  });
+
+  it('should create the app', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it('should have title "Multiple tables in the same page"', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance as MultipleTablesComponent;
+    expect(app.pageTitle).toBe('Multiple tables in the same page');
+  }));
+
+  it('should have two table instances in dtElements', async () => {
+    const app = fixture.componentInstance as MultipleTablesComponent;
+    await fixture.whenStable();
+
+    expect(app.dtElements.length).toBe(2);
+  });
+
+});
diff --git a/demo/src/app/advanced/multiple-tables.component.ts b/demo/src/app/advanced/multiple-tables.component.ts
new file mode 100644
index 0000000..274a027
--- /dev/null
+++ b/demo/src/app/advanced/multiple-tables.component.ts
@@ -0,0 +1,50 @@
+import { Component, OnInit, QueryList, ViewChildren } from '@angular/core';
+import { DataTableDirective } from 'angular-datatables';
+import { Config } from 'datatables.net';
+
+@Component({
+  selector: 'app-multiple-tables',
+  templateUrl: 'multiple-tables.component.html'
+})
+export class MultipleTablesComponent implements OnInit {
+
+  pageTitle = 'Multiple tables in the same page';
+  mdIntro = 'assets/docs/advanced/multiple-tables/intro.md';
+  mdHTML = 'assets/docs/advanced/multiple-tables/source-html.md';
+  mdTS = 'assets/docs/advanced/multiple-tables/source-ts.md';
+  mdTSV1 = 'assets/docs/advanced/multiple-tables/source-ts-dtv1.md';
+
+  @ViewChildren(DataTableDirective)
+  dtElements!: QueryList<DataTableDirective>;
+
+  dtOptions: Config[] = [];
+
+  displayToConsole(): void {
+    this.dtElements.forEach((dtElement: DataTableDirective, index: number) => {
+      dtElement.dtInstance.then((dtInstance: any) => {
+        console.log(`The DataTable ${index} instance ID is: ${dtInstance.table().node().id}`);
+      });
+    });
+  }
+
+  ngOnInit(): void {
+    this.dtOptions[0] = this.buildDtOptions('data/data.json');
+    this.dtOptions[1] = this.buildDtOptions('data/data1.json');
+  }
+
+  private buildDtOptions(url: string): Config {
+    return {
+      ajax: url,
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+}
diff --git a/demo/src/app/advanced/rerender.component.html b/demo/src/app/advanced/rerender.component.html
new file mode 100644
index 0000000..0947e03
--- /dev/null
+++ b/demo/src/app/advanced/rerender.component.html
@@ -0,0 +1,10 @@
+<ng-template #preview>
+  <p>
+    <button type="button" class="btn waves-effect waves-light blue" (click)="rerender()">
+      Rerender
+    </button>
+  </p>
+  <table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="row-border hover"></table>
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
+</app-base-demo>
diff --git a/demo/src/app/advanced/rerender.component.spec.ts b/demo/src/app/advanced/rerender.component.spec.ts
new file mode 100644
index 0000000..fffbe7e
--- /dev/null
+++ b/demo/src/app/advanced/rerender.component.spec.ts
@@ -0,0 +1,68 @@
+import { RouterTestingModule } from '@angular/router/testing';
+import { HttpClientModule } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA, SecurityContext } from '@angular/core';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { DataTableDirective, DataTablesModule } from 'angular-datatables';
+import { MarkdownModule } from 'ngx-markdown';
+import { BaseDemoComponent } from '../base-demo/base-demo.component';
+import { AppRoutingModule } from '../app.routing';
+import { FormsModule } from '@angular/forms';
+import { RerenderComponent } from './rerender.component';
+
+
+let fixture: ComponentFixture<RerenderComponent>, component: null| RerenderComponent = null;
+
+describe('RerenderComponent', () => {
+  beforeEach(() => {
+    fixture = TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        RerenderComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule,
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        ),
+        FormsModule
+      ],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).createComponent(RerenderComponent);
+
+    component = fixture.componentInstance;
+
+    fixture.detectChanges(); // initial binding
+  });
+
+  it('should create the app', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it('should have title "Rerender"', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance as RerenderComponent;
+    expect(app.pageTitle).toBe('Rerender');
+  }));
+
+  it('should recreate table when Rerender is clicked', async () => {
+    const app = fixture.componentInstance as RerenderComponent;
+    await fixture.whenStable();
+
+    const rerenderSpy = spyOn(app, 'rerender' as any);
+
+    const triggerBtns = Array.from(fixture.nativeElement.querySelectorAll('button')) as HTMLButtonElement[];
+    const triggerBtn = triggerBtns.find(e => e.textContent?.includes('Rerender')) as HTMLButtonElement;
+
+    triggerBtn.click();
+    triggerBtn.dispatchEvent(new Event('click'));
+
+    expect(rerenderSpy).toHaveBeenCalled();
+  });
+
+});
diff --git a/demo/src/app/advanced/rerender.component.ts b/demo/src/app/advanced/rerender.component.ts
new file mode 100644
index 0000000..45bb728
--- /dev/null
+++ b/demo/src/app/advanced/rerender.component.ts
@@ -0,0 +1,59 @@
+import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { DataTableDirective } from 'angular-datatables';
+import { Config } from 'datatables.net';
+import { Subject } from 'rxjs';
+
+@Component({
+  selector: 'app-rerender',
+  templateUrl: 'rerender.component.html'
+})
+export class RerenderComponent implements AfterViewInit, OnDestroy, OnInit {
+
+  pageTitle = 'Rerender';
+  mdIntro = 'assets/docs/advanced/rerender/intro.md';
+  mdHTML = 'assets/docs/advanced/rerender/source-html.md';
+  mdTS = 'assets/docs/advanced/rerender/source-ts.md';
+  mdTSV1 = 'assets/docs/advanced/rerender/source-ts-dtv1.md';
+
+
+  @ViewChild(DataTableDirective, {static: false})
+  dtElement!: DataTableDirective;
+
+  dtOptions: Config = {};
+
+  dtTrigger: Subject<any> = new Subject();
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+
+  ngAfterViewInit(): void {
+    this.dtTrigger.next(null);
+  }
+
+  ngOnDestroy(): void {
+    // Do not forget to unsubscribe the event
+    this.dtTrigger.unsubscribe();
+  }
+
+  rerender(): void {
+    this.dtElement.dtInstance.then(dtInstance => {
+      // Destroy the table first
+      dtInstance.destroy();
+      // Call the dtTrigger to rerender again
+      this.dtTrigger.next(null);
+    });
+  }
+}
diff --git a/demo/src/app/advanced/router-link.component.html b/demo/src/app/advanced/router-link.component.html
new file mode 100644
index 0000000..8cff803
--- /dev/null
+++ b/demo/src/app/advanced/router-link.component.html
@@ -0,0 +1,10 @@
+<ng-template #preview>
+  <table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="row-border hover"></table>
+</ng-template>
+
+<ng-template #demoNg let-data="adtData" let-emitter="captureEvents">
+  <app-demo-ng-template-ref [data]="data" actionText="View" (emitter)="emitter($event)"></app-demo-ng-template-ref>
+</ng-template>
+
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
+</app-base-demo>
diff --git a/demo/src/app/advanced/router-link.component.spec.ts b/demo/src/app/advanced/router-link.component.spec.ts
new file mode 100644
index 0000000..1f09213
--- /dev/null
+++ b/demo/src/app/advanced/router-link.component.spec.ts
@@ -0,0 +1,74 @@
+import { RouterTestingModule } from '@angular/router/testing';
+import { HttpClientModule } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA, SecurityContext } from '@angular/core';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { DataTableDirective, DataTablesModule } from 'angular-datatables';
+import { MarkdownModule } from 'ngx-markdown';
+import { BaseDemoComponent } from '../base-demo/base-demo.component';
+import { AppRoutingModule } from '../app.routing';
+import { FormsModule } from '@angular/forms';
+import { RouterLinkComponent } from './router-link.component';
+import { Router } from '@angular/router';
+import { By } from '@angular/platform-browser';
+import { DemoNgComponent } from './demo-ng-template-ref.component';
+
+
+let fixture: ComponentFixture<RouterLinkComponent>, component: null| RouterLinkComponent = null, router!: Router;
+
+describe('RouterLinkComponent', () => {
+  beforeEach(() => {
+    fixture = TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        DemoNgComponent,
+        RouterLinkComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule,
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        ),
+        FormsModule
+      ],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).createComponent(RouterLinkComponent);
+
+    component = fixture.componentInstance;
+    router = TestBed.inject(Router);
+
+    fixture.detectChanges(); // initial binding
+  });
+
+  it('should create the app', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it('should have title "Router Link"', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance as RouterLinkComponent;
+    expect(app.pageTitle).toBe('Router Link');
+  }));
+
+  it('should respond to button click event inside TemplateRef', async () => {
+    await fixture.whenStable();
+
+    const query = fixture.debugElement.query(By.directive(DataTableDirective));
+    const dir = query.injector.get(DataTableDirective);
+    expect(dir).toBeTruthy();
+
+    const rSpy = spyOn(router, 'navigate');
+
+    const row: HTMLTableRowElement = fixture.nativeElement.querySelector('tbody tr:first-child');
+    const button = row.querySelector('button.btn-sm') as HTMLButtonElement;
+    button.click();
+
+    expect(rSpy).toHaveBeenCalled();
+  });
+
+});
diff --git a/demo/src/app/advanced/router-link.component.ts b/demo/src/app/advanced/router-link.component.ts
new file mode 100644
index 0000000..cbdef1f
--- /dev/null
+++ b/demo/src/app/advanced/router-link.component.ts
@@ -0,0 +1,76 @@
+import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { Subject } from 'rxjs';
+import { IDemoNgComponentEventType } from './demo-ng-template-ref-event-type';
+import { DemoNgComponent } from './demo-ng-template-ref.component';
+import { ADTSettings } from 'angular-datatables/src/models/settings';
+
+@Component({
+  selector: 'app-router-link',
+  templateUrl: 'router-link.component.html'
+})
+export class RouterLinkComponent implements AfterViewInit, OnInit, OnDestroy {
+
+  pageTitle = 'Router Link';
+  mdIntro = 'assets/docs/advanced/router-link/intro.md';
+  mdHTML = 'assets/docs/advanced/router-link/source-html.md';
+  mdTSV1 = 'assets/docs/advanced/router-link/source-ts-dtv1.md';
+  mdTS = 'assets/docs/advanced/router-link/source-ts.md';
+  mdTSHeading = 'TypeScript';
+
+  dtOptions: ADTSettings = {};
+  dtTrigger = new Subject<ADTSettings>();
+
+  @ViewChild('demoNg') demoNg!: TemplateRef<DemoNgComponent>;
+
+  constructor(
+    private router: Router
+  ) { }
+
+  ngOnInit(): void {
+  }
+
+  ngAfterViewInit() {
+    const self = this;
+    // init here as we use ViewChild ref
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [
+        {
+          title: 'ID',
+          data: 'id'
+        }, {
+          title: 'First name',
+          data: 'firstName'
+        }, {
+          title: 'Last name',
+          data: 'lastName'
+        },
+        {
+          title: 'Action',
+          defaultContent: '',
+          ngTemplateRef: {
+            ref: this.demoNg,
+            context: {
+              // needed for capturing events inside <ng-template>
+              captureEvents: self.onCaptureEvent.bind(self)
+            }
+          }
+        }
+      ]
+    };
+
+    // race condition fails unit tests if dtOptions isn't sent with dtTrigger
+    setTimeout(() => {
+      this.dtTrigger.next(this.dtOptions);
+    }, 200);
+  }
+
+  onCaptureEvent(event: IDemoNgComponentEventType) {
+    this.router.navigate(["/person/" + event.data.id]);
+  }
+
+  ngOnDestroy(): void {
+    this.dtTrigger?.unsubscribe();
+  }
+}
diff --git a/demo/src/app/advanced/row-click-event.component.html b/demo/src/app/advanced/row-click-event.component.html
new file mode 100644
index 0000000..d1d15f2
--- /dev/null
+++ b/demo/src/app/advanced/row-click-event.component.html
@@ -0,0 +1,8 @@
+<ng-template #preview>
+<blockquote>Please click on a row</blockquote>
+<p class="text-danger">You clicked on: <strong>{{ message }}</strong></p>
+<br />
+<table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
+</app-base-demo>
diff --git a/demo/src/app/advanced/row-click-event.component.spec.ts b/demo/src/app/advanced/row-click-event.component.spec.ts
new file mode 100644
index 0000000..6cd0516
--- /dev/null
+++ b/demo/src/app/advanced/row-click-event.component.spec.ts
@@ -0,0 +1,73 @@
+import { RouterTestingModule } from '@angular/router/testing';
+import { HttpClientModule } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA, SecurityContext } from '@angular/core';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { DataTableDirective, DataTablesModule } from 'angular-datatables';
+import { MarkdownModule } from 'ngx-markdown';
+import { BaseDemoComponent } from '../base-demo/base-demo.component';
+import { AppRoutingModule } from '../app.routing';
+import { FormsModule } from '@angular/forms';
+import { RowClickEventComponent } from './row-click-event.component';
+
+
+let fixture: ComponentFixture<RowClickEventComponent>, component: null| RowClickEventComponent = null;
+
+describe('RowClickEventComponent', () => {
+  beforeEach(() => {
+    fixture = TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        RowClickEventComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule,
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        ),
+        FormsModule
+      ],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).createComponent(RowClickEventComponent);
+
+    component = fixture.componentInstance;
+
+    fixture.detectChanges(); // initial binding
+  });
+
+  it('should create the app', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it('should have title "Row click event"', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance as RowClickEventComponent;
+    expect(app.pageTitle).toBe('Row click event');
+  }));
+
+  it('should display row data on table cell click', async () => {
+    const app = fixture.debugElement.componentInstance as RowClickEventComponent;
+    await fixture.whenStable();
+
+    //  Test
+    const tr1 = fixture.nativeElement.querySelector('tbody tr:nth-child(1)');
+    $('td:first-child', tr1).trigger('click');
+    expect(app.message).toBe('3 - Cartman');
+
+    //  Test 2
+    const tr4 = fixture.nativeElement.querySelector('tbody tr:nth-child(4)');
+    $('td:first-child', tr4).trigger('click');
+    expect(app.message).toBe('22 - Luke');
+
+    //  Test 3
+    const tr7 = fixture.nativeElement.querySelector('tbody tr:nth-child(7)');
+    $('td:first-child', tr7).trigger('click');
+    expect(app.message).toBe('32 - Batman');
+  });
+
+});
diff --git a/demo/src/app/advanced/row-click-event.component.ts b/demo/src/app/advanced/row-click-event.component.ts
new file mode 100644
index 0000000..b28885b
--- /dev/null
+++ b/demo/src/app/advanced/row-click-event.component.ts
@@ -0,0 +1,52 @@
+import { Component, OnInit } from '@angular/core';
+import { Config } from 'datatables.net';
+
+@Component({
+  selector: 'app-row-click-event',
+  templateUrl: 'row-click-event.component.html'
+})
+export class RowClickEventComponent implements OnInit {
+
+  pageTitle = 'Row click event';
+  mdIntro = 'assets/docs/advanced/row-click/intro.md';
+  mdHTML = 'assets/docs/advanced/row-click/source-html.md';
+  mdTS = 'assets/docs/advanced/row-click/source-ts.md';
+  mdTSV1 = 'assets/docs/advanced/row-click/source-ts-dtv1.md';
+
+  message = '';
+  dtOptions: Config = {};
+
+  constructor() { }
+
+  someClickHandler(info: any): void {
+    this.message = info.id + ' - ' + info.firstName;
+  }
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }],
+      rowCallback: (row: Node, data: any[] | Object, index: number) => {
+        const self = this;
+        // Unbind first in order to avoid any duplicate handler
+        // (see https://github.com/GlobalArtInc/angular-datatables/issues/87)
+        // Note: In newer jQuery v3 versions, `unbind` and `bind` are
+        // deprecated in favor of `off` and `on`
+        $('td', row).off('click');
+        $('td', row).on('click', () => {
+          self.someClickHandler(data);
+        });
+        return row;
+      }
+    };
+  }
+}
diff --git a/demo/src/app/advanced/using-ng-pipe.component.html b/demo/src/app/advanced/using-ng-pipe.component.html
new file mode 100644
index 0000000..b24f968
--- /dev/null
+++ b/demo/src/app/advanced/using-ng-pipe.component.html
@@ -0,0 +1,5 @@
+<ng-template #preview>
+  <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
+</app-base-demo>
diff --git a/demo/src/app/advanced/using-ng-pipe.component.spec.ts b/demo/src/app/advanced/using-ng-pipe.component.spec.ts
new file mode 100644
index 0000000..dee721c
--- /dev/null
+++ b/demo/src/app/advanced/using-ng-pipe.component.spec.ts
@@ -0,0 +1,135 @@
+import { RouterTestingModule } from '@angular/router/testing';
+import { HttpClientModule } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA, SecurityContext } from '@angular/core';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { DataTableDirective, DataTablesModule } from 'angular-datatables';
+import { MarkdownModule } from 'ngx-markdown';
+import { BaseDemoComponent } from '../base-demo/base-demo.component';
+import { AppRoutingModule } from '../app.routing';
+import { FormsModule } from '@angular/forms';
+import { UsingNgPipeComponent } from './using-ng-pipe.component';
+import { UpperCasePipe, CurrencyPipe } from '@angular/common';
+import { By } from '@angular/platform-browser';
+import { Person } from 'app/person';
+
+
+let fixture: ComponentFixture<UsingNgPipeComponent>, component: null| UsingNgPipeComponent = null;
+
+describe('UsingNgPipeComponent', () => {
+  beforeEach(() => {
+    fixture = TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        UsingNgPipeComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule,
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        ),
+        FormsModule
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        UpperCasePipe,
+        CurrencyPipe
+      ]
+    }).createComponent(UsingNgPipeComponent);
+
+    component = fixture.componentInstance;
+
+    fixture.detectChanges(); // initial binding
+  });
+
+  it('should create the app', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it('should have title "Using Angular Pipe"', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance as UsingNgPipeComponent;
+    expect(app.pageTitle).toBe('Using Angular Pipe');
+  }));
+
+  it('should have firstName, lastName columns have text in uppercase', async () => {
+    const app = fixture.debugElement.componentInstance as UsingNgPipeComponent;
+    await fixture.whenStable();
+
+    const query = fixture.debugElement.query(By.directive(DataTableDirective));
+    const dir = query.injector.get(DataTableDirective);
+    expect(dir).toBeTruthy();
+
+    const instance = await dir.dtInstance;
+
+    const rows = fixture.nativeElement.querySelectorAll('tbody tr');
+
+    const testsArray = [0, 3, 6];
+    const expectedArray = testsArray.map(_ => true);
+
+    expect(testsArray.map(index => {
+      const dataRow = rows[index];
+
+      const firstNameFromData = (instance.row(dataRow).data() as Person).firstName;
+      const firstNameFromTable = $('td:nth-child(2)', dataRow).text();
+
+      const lastNameFromData = (instance.row(dataRow).data() as Person).lastName;
+      const lastNameFromTable = $('td:nth-child(3)', dataRow).text();
+      return firstNameFromTable === firstNameFromData.toUpperCase() && lastNameFromTable === lastNameFromData.toUpperCase();
+    }))
+      .toEqual(expectedArray);
+  });
+
+
+  it('should have money on id column', async () => {
+    const app = fixture.debugElement.componentInstance as UsingNgPipeComponent;
+    await fixture.whenStable();
+
+    const query = fixture.debugElement.query(By.directive(DataTableDirective));
+    const dir = query.injector.get(DataTableDirective);
+    expect(dir).toBeTruthy();
+
+    const instance = await dir.dtInstance;
+
+    const rows = fixture.nativeElement.querySelectorAll('tbody tr');
+
+    const testsArray = [0, 3, 6];
+    const expectedArray = testsArray.map(_ => true);
+
+    expect(testsArray.map(index => {
+      const dataRow = rows[index];
+
+      const pipeInstance = app.pipeCurrencyInstance;
+
+      const IdFromData = (instance.row(dataRow).data() as Person).id;
+      const IdFromTable = $('td:nth-child(1)', dataRow).text();
+      return IdFromTable === pipeInstance.transform(IdFromData,'USD','symbol');
+    }))
+      .toEqual(expectedArray);
+  });
+
+
+  it('should not crash when using "visible: false" for columns', async () => {
+    await fixture.whenStable();
+    fixture.detectChanges();
+
+    const query = fixture.debugElement.query(By.directive(DataTableDirective));
+    const dir = query.injector.get(DataTableDirective);
+    expect(dir).toBeTruthy();
+
+    // hide first column
+    (await dir.dtInstance).columns(0).visible(false);
+    await fixture.whenRenderingDone();
+
+    fixture.detectChanges();
+
+    // verify app still works
+    expect((await dir.dtInstance).column(0).visible()).toBeFalse();
+  });
+
+});
diff --git a/demo/src/app/advanced/using-ng-pipe.component.ts b/demo/src/app/advanced/using-ng-pipe.component.ts
new file mode 100644
index 0000000..a87a31e
--- /dev/null
+++ b/demo/src/app/advanced/using-ng-pipe.component.ts
@@ -0,0 +1,51 @@
+import { CurrencyPipe, UpperCasePipe } from '@angular/common';
+import { Component, OnInit } from '@angular/core';
+import { ADTSettings } from 'angular-datatables/src/models/settings';
+
+@Component({
+  selector: 'app-using-ng-pipe',
+  templateUrl: './using-ng-pipe.component.html'
+})
+export class UsingNgPipeComponent implements OnInit {
+
+  constructor(
+    private pipeInstance: UpperCasePipe,
+    public pipeCurrencyInstance: CurrencyPipe
+  ) { }
+
+  pageTitle = 'Using Angular Pipe';
+  mdIntro = 'assets/docs/advanced/using-ng-pipe/intro.md';
+  mdHTML = 'assets/docs/advanced/using-ng-pipe/source-html.md';
+  mdTSV1 = 'assets/docs/advanced/using-ng-pipe/source-ts-dtv1.md';
+  mdTS = 'assets/docs/advanced/using-ng-pipe/source-ts.md';
+
+
+  dtOptions: ADTSettings = {};
+
+  ngOnInit(): void {
+
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [
+        {
+          title: 'Id (Money)',
+          data: 'id',
+          ngPipeInstance: this.pipeCurrencyInstance,
+          ngPipeArgs: ['USD','symbol']
+        },
+        {
+          title: 'First name',
+          data: 'firstName',
+          ngPipeInstance: this.pipeInstance
+        },
+        {
+          title: 'Last name',
+          data: 'lastName',
+          ngPipeInstance: this.pipeInstance
+        }
+      ]
+    };
+
+  }
+
+}
diff --git a/demo/src/app/advanced/using-ng-template-ref.component.html b/demo/src/app/advanced/using-ng-template-ref.component.html
new file mode 100644
index 0000000..3210586
--- /dev/null
+++ b/demo/src/app/advanced/using-ng-template-ref.component.html
@@ -0,0 +1,13 @@
+<ng-template #preview>
+  <blockquote>Please click on Action button</blockquote>
+  <p class="text-danger">You clicked on: <strong>{{ message }}</strong></p>
+  <br />
+  <table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="row-border hover"></table>
+</ng-template>
+
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTSV1]="mdTS" [template]="preview">
+</app-base-demo>
+
+<ng-template #demoNg let-data="adtData" let-emitter="captureEvents">
+  <app-demo-ng-template-ref [data]="data" (emitter)="emitter($event)"></app-demo-ng-template-ref>
+</ng-template>
diff --git a/demo/src/app/advanced/using-ng-template-ref.component.spec.ts b/demo/src/app/advanced/using-ng-template-ref.component.spec.ts
new file mode 100644
index 0000000..86d9805
--- /dev/null
+++ b/demo/src/app/advanced/using-ng-template-ref.component.spec.ts
@@ -0,0 +1,119 @@
+import { RouterTestingModule } from '@angular/router/testing';
+import { HttpClientModule } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA, SecurityContext } from '@angular/core';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { DataTableDirective, DataTablesModule } from 'angular-datatables';
+import { MarkdownModule } from 'ngx-markdown';
+import { BaseDemoComponent } from '../base-demo/base-demo.component';
+import { AppRoutingModule } from '../app.routing';
+import { FormsModule } from '@angular/forms';
+import { UpperCasePipe } from '@angular/common';
+import { By } from '@angular/platform-browser';
+import { UsingNgTemplateRefComponent } from './using-ng-template-ref.component';
+import { DemoNgComponent } from './demo-ng-template-ref.component';
+
+
+let fixture: ComponentFixture<UsingNgTemplateRefComponent>, component: null| UsingNgTemplateRefComponent = null;
+
+describe('UsingNgTemplateRefComponent', () => {
+  beforeEach(() => {
+    fixture = TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        UsingNgTemplateRefComponent,
+        DemoNgComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule,
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        ),
+        FormsModule
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        UpperCasePipe
+      ]
+    }).createComponent(UsingNgTemplateRefComponent);
+
+    component = fixture.componentInstance;
+
+    fixture.detectChanges(); // initial binding
+  });
+
+  it('should create the app', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it('should have title "Using Angular TemplateRef"', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance as UsingNgTemplateRefComponent;
+    expect(app.pageTitle).toBe('Using Angular TemplateRef');
+  }));
+
+  it('should have firstName, lastName columns have text in uppercase', async () => {
+    const app = fixture.debugElement.componentInstance as UsingNgTemplateRefComponent;
+    await fixture.whenStable();
+
+    const query = fixture.debugElement.query(By.directive(DataTableDirective));
+    const dir = query.injector.get(DataTableDirective);
+    expect(dir).toBeTruthy();
+
+    expect(app.message).toBe('');
+
+    const row: HTMLTableRowElement = fixture.nativeElement.querySelector('tbody tr:first-child');
+    const button = row.querySelector('button.btn-sm') as HTMLButtonElement;
+    button.click();
+
+    expect(app.message).toBe(`Event 'action1' with data '{}`);
+
+  });
+
+  it('should not crash when using "visible: false" for columns', async () => {
+    await fixture.whenStable();
+    fixture.detectChanges();
+
+    const query = fixture.debugElement.query(By.directive(DataTableDirective));
+    const dir = query.injector.get(DataTableDirective);
+    expect(dir).toBeTruthy();
+
+    // hide first column
+    (await dir.dtInstance).columns(0).visible(false);
+    await fixture.whenRenderingDone();
+
+    fixture.detectChanges();
+
+    // verify app still works
+    expect((await dir.dtInstance).column(0).visible()).toBeFalse();
+  });
+
+
+  it('should not have duplicate contents in ngTemplateRef column when navigating pages', async () => {
+    await fixture.whenStable();
+    fixture.detectChanges();
+
+    const query = fixture.debugElement.query(By.directive(DataTableDirective));
+    const dir = query.injector.get(DataTableDirective);
+    expect(dir).toBeTruthy();
+
+    // trigger pagination events
+    (await dir.dtInstance).page(2).draw(false);
+    await fixture.whenRenderingDone();
+
+    (await dir.dtInstance).page(0).draw(false);
+    await fixture.whenRenderingDone();
+    fixture.detectChanges();
+
+    // verify no duplication
+    const firstRow = fixture.debugElement.query(By.css('tbody'));
+    const templatedCell = firstRow.children[0].children[3];
+    expect(templatedCell.children.length).toBe(1);
+  });
+
+});
diff --git a/demo/src/app/advanced/using-ng-template-ref.component.ts b/demo/src/app/advanced/using-ng-template-ref.component.ts
new file mode 100644
index 0000000..d708779
--- /dev/null
+++ b/demo/src/app/advanced/using-ng-template-ref.component.ts
@@ -0,0 +1,77 @@
+import { AfterViewInit, Component, OnInit, TemplateRef, ViewChild } from '@angular/core';
+import { Subject } from 'rxjs';
+import { IDemoNgComponentEventType } from './demo-ng-template-ref-event-type';
+import { DemoNgComponent } from './demo-ng-template-ref.component';
+import { ADTSettings } from 'angular-datatables/src/models/settings';
+
+@Component({
+  selector: 'app-using-ng-template-ref',
+  templateUrl: './using-ng-template-ref.component.html',
+})
+export class UsingNgTemplateRefComponent implements OnInit, AfterViewInit {
+
+  constructor() { }
+
+  pageTitle = 'Using Angular TemplateRef';
+  mdIntro = 'assets/docs/advanced/using-ng-template-ref/intro.md';
+  mdHTML = 'assets/docs/advanced/using-ng-template-ref/source-html.md';
+  mdTS = 'assets/docs/advanced/using-ng-template-ref/source-ts.md';
+
+  dtOptions: ADTSettings = {};
+  dtTrigger: Subject<ADTSettings> = new Subject<ADTSettings>();
+
+  @ViewChild('demoNg') demoNg!: TemplateRef<DemoNgComponent>;
+  message = '';
+
+  ngOnInit(): void {
+    // use setTimeout as a hack to ensure the `demoNg` is usable in the datatables rowCallback function
+    setTimeout(() => {
+      const self = this;
+      this.dtOptions = {
+        ajax: 'data/data.json',
+        columns: [
+          {
+            title: 'ID',
+            data: 'id'
+          },
+          {
+            title: 'First name',
+            data: 'firstName',
+          },
+          {
+            title: 'Last name',
+            data: 'lastName'
+          },
+          {
+            title: 'Actions',
+            data: null,
+            defaultContent: '',
+            ngTemplateRef: {
+              ref: this.demoNg,
+              context: {
+                // needed for capturing events inside <ng-template>
+                captureEvents: self.onCaptureEvent.bind(self)
+              }
+            }
+          }
+        ]
+      };
+    });
+  }
+
+  ngAfterViewInit() {
+    setTimeout(() => {
+      // race condition fails unit tests if dtOptions isn't sent with dtTrigger
+      this.dtTrigger.next(this.dtOptions);
+    }, 200);
+  }
+
+  onCaptureEvent(event: IDemoNgComponentEventType) {
+    this.message = `Event '${event.cmd}' with data '${JSON.stringify(event.data)}`;
+  }
+
+  ngOnDestroy(): void {
+    // Do not forget to unsubscribe the event
+    this.dtTrigger.unsubscribe();
+  }
+}
diff --git a/demo/src/app/app.component.css b/demo/src/app/app.component.css
new file mode 100644
index 0000000..b1ba4c1
--- /dev/null
+++ b/demo/src/app/app.component.css
@@ -0,0 +1,87 @@
+header .container {
+  position: absolute;
+  left: 10px;
+  top: 10px;
+}
+
+header .container a {
+  color: #fff;
+}
+
+.plus {
+  font-size: 35px;
+  position: relative;
+  top: -2vh;
+}
+
+ul.side-nav.fixed ul.collapsible-accordion a.collapsible-header {
+  padding: 0 30px;
+}
+
+ul.side-nav.fixed ul.collapsible-accordion .collapsible-body li a {
+  font-weight: 400;
+  padding: 0 37.5px 0 45px;
+}
+
+.collapsible-body {
+  display: block;
+  padding: 0;
+}
+
+.logo h3 {
+  font-size: 20px;
+  text-align: center;
+  margin: 0;
+}
+
+.side-nav .logo a {
+  min-height: 120px !important;
+  background-color: #2196f3;
+  color: #fff;
+}
+
+.side-nav .logo a:hover {
+  background-color: #61c4f3;
+}
+
+.logo-img {
+  padding-top: 25px;
+}
+
+.side-nav .source {
+  text-align: center;
+  border-bottom: 1px solid #e9e9e9;
+}
+
+.side-nav .source a {
+  width: 100%;
+  padding: 20px 0 0 0;
+  height: 60px;
+  display: block;
+}
+
+.side-nav .source td {
+  padding: 0;
+  text-align: center;
+  width: 50%;
+  line-height: 15px;
+}
+
+.github-stars {
+  vertical-align: middle;
+}
+
+#logo-container {
+  display: block;
+}
+
+
+.dt-version-button {
+  text-transform: none;
+  text-align: center;
+}
+
+.dt-version-button svg {
+  position: relative;
+  top: 6px;
+}
diff --git a/demo/src/app/app.component.html b/demo/src/app/app.component.html
new file mode 100644
index 0000000..947f47d
--- /dev/null
+++ b/demo/src/app/app.component.html
@@ -0,0 +1,178 @@
+<header>
+  <div class="container">
+    <a data-activates="nav-mobile" class="button-collapse top-nav waves-effect waves-light circle hide-on-large-only">
+      <i class="material-icons">menu</i>
+    </a>
+  </div>
+
+  <ul id="nav-mobile" class="side-nav fixed">
+    <li class="logo">
+      <h3>
+        <a id="logo-container" routerLink="" class="brand-logo">
+          <div class="logo-img">
+            <img src="assets/angular.png" alt="Angular" />
+            <span class="plus">+</span>
+            <img src="assets/datatables.png" alt="DataTables" />
+          </div>
+        </a>
+      </h3>
+    </li>
+    <li>
+      <a class="dt-version-button btn-flat" data-activates='dropdown1'>
+        DT version: '{{dtVersion}}'
+        <svg class="caret" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
+      </a>
+
+      <ul id="dropdown1" [(ngModel)]="dtVersion" ngDefaultControl class='dropdown-content'>
+        <li [class.active]="dtVersion == 'v2'" (click)="onDTVersionChanged('v2')" value="v2" style="padding:0 32px">v2.x</li>
+        <li [class.active]="dtVersion == 'v1'" (click)="onDTVersionChanged('v1')" value="v1" style="padding:0 32px">v1.x</li>
+      </ul>
+    </li>
+    <li>
+      <div class="divider"></div>
+    </li>
+    <li><a class="subheader">Getting Started</a></li>
+    <li class="bold">
+      <a routerLink="/getting-started" class="waves-effect waves-blue">Installation</a>
+    </li>
+    <li class="bold">
+      <a routerLink="/basic/with-ajax" class="waves-effect waves-blue">Quickstart</a>
+    </li>
+    <li>
+      <div class="divider"></div>
+    </li>
+    <li><a class="subheader">Usage</a></li>
+
+    <li class="no-padding">
+      <ul class="collapsible collapsible-accordion">
+        <li class="bold">
+          <a class="collapsible-header waves-effect waves-blue">Basic Examples</a>
+          <div class="collapsible-body">
+            <ul>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/basic/zero-config">Zero configuration</a>
+              </li>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/basic/with-options">With options</a>
+              </li>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/basic/with-ajax-callback">AJAX using DT callback</a>
+              </li>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/basic/new-server-side">Server side</a>
+              </li>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/advanced/row-click-event">Row click event</a>
+              </li>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/advanced/multiple-tables">Multiple tables</a>
+              </li>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/advanced/dt-instance">Fetching DataTable instances</a>
+              </li>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/advanced/load-dt-options-with-promise">Load DT options with promise</a>
+              </li>
+            </ul>
+          </div>
+        </li>
+        <li class="bold">
+          <a class="collapsible-header waves-effect waves-blue">Angular</a>
+          <div class="collapsible-body">
+            <ul>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/advanced/using-pipe">Using Pipes</a>
+              </li>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/advanced/using-template-ref">Using TemplateRef</a>
+              </li>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/advanced/rerender">Re-render table</a>
+              </li>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/advanced/router-link">Router link</a>
+              </li>
+            </ul>
+          </div>
+        </li>
+        <li class="bold">
+          <a class="collapsible-header waves-effect waves-blue">Filtering</a>
+          <div class="collapsible-body">
+            <ul>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/advanced/custom-range-search">Custom filtering - Range search</a>
+              </li>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/advanced/individual-column-filtering">Individual column filtering</a>
+              </li>
+            </ul>
+          </div>
+        </li>
+        <li class="bold">
+          <a class="collapsible-header waves-effect waves-blue">DT extensions</a>
+          <div class="collapsible-body">
+            <ul>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/extensions/buttons">Buttons extension</a>
+              </li>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/extensions/colreorder">ColReorder extension</a>
+              </li>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/extensions/responsive">Responsive extension</a>
+              </li>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/extensions/select">Select extension</a>
+              </li>
+              <li>
+                <a class="waves-effect waves-blue" routerLink="/extensions/fixed-columns">Fixed Columns extension</a>
+              </li>
+            </ul>
+          </div>
+        </li>
+        <li>
+          <div class="divider"></div>
+        </li>
+        <li><a class="subheader">Support</a></li>
+
+        <li class="bold">
+          <a routerLink="/faq" class="waves-effect waves-blue">FAQ</a>
+        </li>
+        <li class="bold">
+          <a routerLink="/more-help" class="waves-effect waves-blue">Resources</a>
+        </li>
+        <li>
+          <div class="divider"></div>
+        </li>
+        <!-- Hide deprecated section completely in DT v2 -->
+        <ng-container *ngIf="dtVersion == 'v1'">
+
+        <li><a class="subheader">Deprecated <span class="new badge red" data-badge-caption="">NOT SUPPORTED</span></a>
+        </li>
+        <li class="bold">
+          <a class="waves-effect waves-blue" routerLink="/basic/angular-way">Angular way</a>
+        </li>
+        <li class="bold">
+          <a class="waves-effect waves-blue" routerLink="/basic/server-side-angular-way">Server side the Angular way</a>
+        </li>
+      </ng-container>
+    </ul>
+    </li>
+  </ul>
+</header>
+
+<main>
+  <router-outlet></router-outlet>
+</main>
+
+<footer class="page-footer">
+  <div class="footer-copyright">
+    <div class="container">
+      <p>
+        <span class="white-text text-darken-2"> Designed and built with ❤️ by
+          <a class="grey-text text-darken-4" href="https://github.com/GlobalArtInc"><u>GlobalArtInc</u></a>
+        </span>
+      </p>
+    </div>
+  </div>
+</footer>
diff --git a/demo/src/app/app.component.spec.ts b/demo/src/app/app.component.spec.ts
new file mode 100644
index 0000000..a90d14e
--- /dev/null
+++ b/demo/src/app/app.component.spec.ts
@@ -0,0 +1,34 @@
+import { TestBed, waitForAsync } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [
+        AppComponent
+      ],
+      imports: [
+        RouterTestingModule
+      ]
+    });
+  });
+
+  it('should create the app', waitForAsync(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it(`should have angular logo on navbar`, waitForAsync(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const compiled = fixture.debugElement.nativeElement;
+    expect(compiled.querySelector('img[src="assets/angular.png"]')).toBeTruthy();
+  }));
+
+  it(`should have datatables logo on navbar`, waitForAsync(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const compiled = fixture.debugElement.nativeElement;
+    expect(compiled.querySelector('img[src="assets/datatables.png"]')).toBeTruthy();
+  }));
+});
diff --git a/demo/src/app/app.component.ts b/demo/src/app/app.component.ts
new file mode 100644
index 0000000..437c5c5
--- /dev/null
+++ b/demo/src/app/app.component.ts
@@ -0,0 +1,63 @@
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { NavigationEnd, Router } from '@angular/router';
+import { filter, Subscription } from 'rxjs';
+import { DtVersionService } from './dt-version.service';
+
+declare var $: any;
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.css']
+})
+export class AppComponent implements OnInit, OnDestroy {
+
+  routerEventsSub$!: Subscription;
+
+  dtVersion: 'v2' | 'v1' = 'v2';
+
+  constructor(
+    private router: Router,
+    private dtVersionService: DtVersionService
+  ) {
+    this.dtVersion = dtVersionService.dtVersion;
+  }
+
+  ngOnInit(): void {
+    $.fn.dataTable.ext.errMode = 'none';
+    $('.button-collapse').sideNav({
+      closeOnClick: true
+    });
+
+    this.routerEventsSub$ = this.router.events
+      .pipe(filter(_ => _ instanceof NavigationEnd))
+      .subscribe(_ => {
+        // Note: setTimeout is needed to let DOM render tabs
+        setTimeout(() => {
+          $('ul.tabs').tabs();
+        }, 600);
+      });
+
+      // Init DT version picker
+    $('.dt-version-button').dropdown({
+      inDuration: 300,
+      outDuration: 225,
+      constrainWidth: true, // Does not change width of dropdown to that of the activator
+      hover: false, // Activate on hover
+      gutter: 14,
+      belowOrigin: true,
+      alignment: 'left', // Displays dropdown with edge aligned to the left of button
+      stopPropagation: true // Stops event propagation
+    });
+
+  }
+
+  onDTVersionChanged(v: 'v2'|'v1') {
+    this.dtVersion = v;
+    this.dtVersionService.versionChanged$.next(v);
+  }
+
+  ngOnDestroy(): void {
+    this.routerEventsSub$?.unsubscribe();
+  }
+}
diff --git a/demo/src/app/app.module.ts b/demo/src/app/app.module.ts
new file mode 100644
index 0000000..32bb483
--- /dev/null
+++ b/demo/src/app/app.module.ts
@@ -0,0 +1,109 @@
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule, SecurityContext } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { HttpClientModule } from '@angular/common/http';
+
+import { DataTablesModule } from 'angular-datatables';
+
+import { AppRoutingModule } from './app.routing';
+
+import { AppComponent } from './app.component';
+import { WelcomeComponent } from './welcome.component';
+import { GettingStartedComponent } from './getting-started.component';
+import { PersonComponent } from './person.component';
+
+// Basic examples
+import { ZeroConfigComponent } from './basic/zero-config.component';
+import { WithOptionsComponent } from './basic/with-options.component';
+import { WithAjaxComponent } from './basic/with-ajax.component';
+import { AngularWayComponent } from './basic/angular-way.component';
+import { ServerSideAngularWayComponent } from './basic/server-side-angular-way.component';
+
+// Advanced examples
+import { CustomRangeSearchComponent } from './advanced/custom-range-search.component';
+import { DtInstanceComponent } from './advanced/dt-instance.component';
+import { IndividualColumnFilteringComponent } from './advanced/individual-column-filtering.component';
+import { LoadDtOptionsWithPromiseComponent } from './advanced/load-dt-options-with-promise.component';
+import { RerenderComponent } from './advanced/rerender.component';
+import { RowClickEventComponent } from './advanced/row-click-event.component';
+import { MultipleTablesComponent } from './advanced/multiple-tables.component';
+import { RouterLinkComponent } from './advanced/router-link.component';
+
+// Using extension examples
+import { ButtonsExtensionComponent } from './extensions/buttons-extension.component';
+import { ColreorderExtensionComponent } from './extensions/colreorder-extension.component';
+import { FixedColumnsExtensionComponent } from './extensions/fixed-columns-extension.component';
+import { ResponsiveExtensionComponent } from './extensions/responsive-extension.component';
+import { SelectExtensionComponent } from './extensions/select-extension.component';
+import { UsingNgPipeComponent } from './advanced/using-ng-pipe.component';
+
+// Using Angular Pipe
+import { CommonModule, CurrencyPipe, UpperCasePipe } from '@angular/common';
+
+// Markdown
+import { MarkdownModule } from 'ngx-markdown';
+import { BaseDemoComponent } from './base-demo/base-demo.component';
+import { FAQComponent } from './f-a-q/f-a-q.component';
+import { UsingNgTemplateRefComponent } from './advanced/using-ng-template-ref.component';
+import { DemoNgComponent } from './advanced/demo-ng-template-ref.component';
+import { MoreHelpComponent } from './more-help/more-help.component';
+import { WithAjaxCallbackComponent } from './basic/with-ajax-callback/with-ajax-callback.component';
+import { NewServerSideComponent } from './basic/new-server-side/new-server-side.component';
+
+@NgModule({
+  declarations: [
+    AppComponent,
+    WelcomeComponent,
+    GettingStartedComponent,
+    PersonComponent,
+
+    ZeroConfigComponent,
+    WithOptionsComponent,
+    WithAjaxComponent,
+    AngularWayComponent,
+    ServerSideAngularWayComponent,
+
+    CustomRangeSearchComponent,
+    DtInstanceComponent,
+    IndividualColumnFilteringComponent,
+    LoadDtOptionsWithPromiseComponent,
+    RerenderComponent,
+    RowClickEventComponent,
+    MultipleTablesComponent,
+    RouterLinkComponent,
+
+    ButtonsExtensionComponent,
+    ColreorderExtensionComponent,
+    FixedColumnsExtensionComponent,
+    ResponsiveExtensionComponent,
+    SelectExtensionComponent,
+    UsingNgPipeComponent,
+    BaseDemoComponent,
+    FAQComponent,
+    UsingNgTemplateRefComponent,
+    DemoNgComponent,
+    MoreHelpComponent,
+    WithAjaxCallbackComponent,
+    NewServerSideComponent
+  ],
+  imports: [
+    CommonModule,
+    BrowserModule,
+    FormsModule,
+    ReactiveFormsModule,
+    HttpClientModule,
+    DataTablesModule,
+    AppRoutingModule,
+    MarkdownModule.forRoot(
+      {
+        sanitize: SecurityContext.NONE
+      }
+    )
+  ],
+  providers: [
+    UpperCasePipe,
+    CurrencyPipe
+  ],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }
diff --git a/demo/src/app/app.routing.ts b/demo/src/app/app.routing.ts
new file mode 100644
index 0000000..e3776b7
--- /dev/null
+++ b/demo/src/app/app.routing.ts
@@ -0,0 +1,155 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { WelcomeComponent } from './welcome.component';
+import { GettingStartedComponent } from './getting-started.component';
+import { PersonComponent } from './person.component';
+
+import { ZeroConfigComponent } from './basic/zero-config.component';
+import { WithOptionsComponent } from './basic/with-options.component';
+import { WithAjaxComponent } from './basic/with-ajax.component';
+import { AngularWayComponent } from './basic/angular-way.component';
+
+import { CustomRangeSearchComponent } from './advanced/custom-range-search.component';
+import { DtInstanceComponent } from './advanced/dt-instance.component';
+import { IndividualColumnFilteringComponent } from './advanced/individual-column-filtering.component';
+import { LoadDtOptionsWithPromiseComponent } from './advanced/load-dt-options-with-promise.component';
+import { RerenderComponent } from './advanced/rerender.component';
+import { RowClickEventComponent } from './advanced/row-click-event.component';
+import { MultipleTablesComponent } from './advanced/multiple-tables.component';
+import { RouterLinkComponent } from './advanced/router-link.component';
+
+import { ButtonsExtensionComponent } from './extensions/buttons-extension.component';
+import { ColreorderExtensionComponent } from './extensions/colreorder-extension.component';
+import { ResponsiveExtensionComponent } from './extensions/responsive-extension.component';
+import { SelectExtensionComponent } from './extensions/select-extension.component';
+import { UsingNgPipeComponent } from './advanced/using-ng-pipe.component';
+import { FAQComponent } from './f-a-q/f-a-q.component';
+import { UsingNgTemplateRefComponent } from './advanced/using-ng-template-ref.component';
+import { MoreHelpComponent } from './more-help/more-help.component';
+import { WithAjaxCallbackComponent } from './basic/with-ajax-callback/with-ajax-callback.component';
+import { NewServerSideComponent } from './basic/new-server-side/new-server-side.component';
+import { FixedColumnsExtensionComponent } from './extensions/fixed-columns-extension.component';
+import { ServerSideAngularWayComponent } from './basic/server-side-angular-way.component';
+
+const routes: Routes = [
+    {
+        path: '',
+        redirectTo: '/welcome',
+        pathMatch: 'full'
+    },
+    {
+        path: 'welcome',
+        component: WelcomeComponent
+    },
+    {
+        path: 'getting-started',
+        component: GettingStartedComponent
+    },
+    {
+        path: 'more-help',
+        component: MoreHelpComponent
+    },
+    {
+        path: 'person/:id',
+        component: PersonComponent
+    },
+    {
+        path: 'basic/zero-config',
+        component: ZeroConfigComponent
+    },
+    {
+        path: 'basic/with-options',
+        component: WithOptionsComponent
+    },
+    {
+        path: 'basic/with-ajax',
+        component: WithAjaxComponent
+    },
+    {
+        path: 'basic/with-ajax-callback',
+        component: WithAjaxCallbackComponent
+    },
+    {
+        path: 'basic/new-server-side',
+        component: NewServerSideComponent
+    },
+    {
+        path: 'basic/angular-way',
+        component: AngularWayComponent
+    },
+    {
+        path: 'basic/server-side-angular-way',
+        component: ServerSideAngularWayComponent
+    },
+    {
+        path: 'advanced/custom-range-search',
+        component: CustomRangeSearchComponent
+    },
+    {
+        path: 'advanced/dt-instance',
+        component: DtInstanceComponent
+    },
+    {
+        path: 'advanced/individual-column-filtering',
+        component: IndividualColumnFilteringComponent
+    },
+    {
+        path: 'advanced/load-dt-options-with-promise',
+        component: LoadDtOptionsWithPromiseComponent
+    },
+    {
+        path: 'advanced/rerender',
+        component: RerenderComponent
+    },
+    {
+        path: 'advanced/row-click-event',
+        component: RowClickEventComponent
+    },
+    {
+        path: 'advanced/multiple-tables',
+        component: MultipleTablesComponent
+    },
+    {
+        path: 'advanced/router-link',
+        component: RouterLinkComponent
+    },
+    {
+        path: 'advanced/using-pipe',
+        component: UsingNgPipeComponent
+    },
+    {
+        path: 'advanced/using-template-ref',
+        component: UsingNgTemplateRefComponent
+    },
+    {
+        path: 'extensions/buttons',
+        component: ButtonsExtensionComponent
+    },
+    {
+        path: 'extensions/colreorder',
+        component: ColreorderExtensionComponent
+    },
+    {
+        path: 'extensions/fixed-columns',
+        component: FixedColumnsExtensionComponent
+    },
+    {
+        path: 'extensions/responsive',
+        component: ResponsiveExtensionComponent
+    },
+    {
+        path: 'extensions/select',
+        component: SelectExtensionComponent
+    },
+    {
+        path: 'faq',
+        component: FAQComponent
+    }
+];
+
+@NgModule({
+    imports: [RouterModule.forRoot(routes, { useHash: true })],
+    exports: [RouterModule]
+})
+export class AppRoutingModule { }
diff --git a/demo/src/app/base-demo/base-demo.component.css b/demo/src/app/base-demo/base-demo.component.css
new file mode 100644
index 0000000..a30c98e
--- /dev/null
+++ b/demo/src/app/base-demo/base-demo.component.css
@@ -0,0 +1,32 @@
+.tabs{
+  margin-bottom: 15px;
+}
+
+.header {
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+
+
+#toTop {
+  padding: 7px 14px;
+  background: #1565c0;
+  color: #fff;
+  position: fixed;
+  bottom: 65px;
+  right: 15px;
+  z-index: 999;
+  border: solid 1px #94bed1;
+  border-radius: 30px;
+  box-shadow: 3px 2px 5px #98b1bc;
+  font-size: 1.5rem;
+  cursor: pointer;
+}
+
+#toTop .material-icons {
+  vertical-align: middle;
+}
+
+.dtv1-notice {
+  padding: 10px;
+}
diff --git a/demo/src/app/base-demo/base-demo.component.html b/demo/src/app/base-demo/base-demo.component.html
new file mode 100644
index 0000000..afa22aa
--- /dev/null
+++ b/demo/src/app/base-demo/base-demo.component.html
@@ -0,0 +1,79 @@
+<div class="top-banner section banner">
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        <h3 class="header center-on-small-only">{{pageTitle}}</h3>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="section" *ngIf="deprecated">
+  <div class="section red white-text">
+    <div class="container">
+      This section has been marked as deprecated. It is listed here for documentation purposes only. <a
+        routerLink="/faq">Read More</a>
+    </div>
+  </div>
+</div>
+
+<!--
+  The "Deprecated" section is not visible in DT v2.
+  Hence, we don't need to show additional banner on top of the "deprecated" banner.
+-->
+<div class="section" *ngIf="dtVersion == 'v1' && !deprecated">
+  <div class="container red white-text dtv1-notice">
+    You are viewing documentation for v1.x of datatables.net. This version is not supported anymore since v17.1.0. It is listed here for documentation purposes only.
+  </div>
+</div>
+
+<div class="container">
+
+  <h5 class="header">Description</h5>
+  <p class="caption">
+    <markdown [src]="mdIntro"></markdown>
+  </p>
+
+  <!-- Tabs -->
+  <div class="row">
+    <div class="col s12">
+      <ul class="tabs tabs-fixed-width grey darken-1 z-depth-1">
+        <li class="tab col">
+          <a href="#previewTab">Preview</a>
+        </li>
+        <li class="tab col" *ngIf="dtVersion == 'v2' ? mdInstall.length>0 : mdInstallV1.length>0">
+          <a href="#installTab">Installation</a>
+        </li>
+        <li class="tab col">
+          <a href="#htmlTab">HTML</a>
+        </li>
+        <li class="tab col">
+          <a href="#typescriptTab">TS</a>
+        </li>
+      </ul>
+    </div>
+
+    <!-- Preview -->
+    <div id="previewTab" class="col s12">
+      <ng-container *ngTemplateOutlet="template"></ng-container>
+    </div>
+
+    <!-- Installation -->
+    <div id="installTab" class="col s12" *ngIf="mdInstall.length > 0 || mdInstallV1.length > 0">
+      <markdown [src]="dtVersion == 'v2' && mdInstall.length > 0 ? mdInstall : mdInstallV1"></markdown>
+    </div>
+
+    <!-- HTML -->
+    <div id="htmlTab" class="col s12">
+      <markdown [src]="mdHTML"></markdown>
+    </div>
+
+    <div id="typescriptTab" class="col s12">
+      <markdown [src]="dtVersion == 'v2' && mdTS.length > 0 ? mdTS : mdTSV1"></markdown>
+    </div>
+  </div>
+</div>
+
+<!-- Back to Top -->
+<div id="toTop">
+  <i class="material-icons">arrow_upward</i>
+</div>
diff --git a/demo/src/app/base-demo/base-demo.component.ts b/demo/src/app/base-demo/base-demo.component.ts
new file mode 100644
index 0000000..ad34a55
--- /dev/null
+++ b/demo/src/app/base-demo/base-demo.component.ts
@@ -0,0 +1,72 @@
+import { Component, Input, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { DtVersionService } from '../dt-version.service';
+import { Subscription } from 'rxjs';
+
+// needed to re-init tabs on route change
+declare var $: JQueryStatic;
+
+@Component({
+  selector: 'app-base-demo',
+  templateUrl: './base-demo.component.html',
+  styleUrls: ['./base-demo.component.css']
+})
+export class BaseDemoComponent implements OnInit, OnDestroy {
+
+  @Input() pageTitle = '';
+
+  @Input() mdIntro = '';
+
+  @Input() mdInstall = '';
+  @Input() mdInstallV1 = '';
+
+  @Input() mdHTML = '';
+
+  @Input() mdTS = '';
+  @Input() mdTSV1 = '';
+
+  @Input() template!: TemplateRef<any>;
+
+  @Input() deprecated = false;
+
+  dtVersion: 'v2'|'v1' = 'v2';
+  dtVersionSubscription$!: Subscription;
+
+  constructor(
+    private dtVersionService: DtVersionService
+  ) {}
+
+  ngOnInit() {
+    // Re-init tabs on route change
+
+    // Init back to top
+    this.initBackToTop();
+
+    this.dtVersionSubscription$ = this.dtVersionService.versionChanged$.subscribe(v => {
+      this.dtVersion = v;
+    });
+  }
+
+  private scrollCallback() {
+    if ($(this).scrollTop()) {
+      $('#toTop').fadeIn();
+    } else {
+      $('#toTop').fadeOut();
+    }
+  }
+
+  initBackToTop() {
+    // hide scroll button on page load
+    $(this.scrollCallback);
+    // scroll handler
+    $(window).on('scroll', this.scrollCallback);
+
+    $("#toTop").on('click', function () {
+      $("html, body").animate({ scrollTop: 0 }, 1000);
+    });
+  }
+
+  ngOnDestroy(): void {
+    this.dtVersionSubscription$?.unsubscribe();
+  }
+
+}
diff --git a/demo/src/app/basic/angular-way.component.html b/demo/src/app/basic/angular-way.component.html
new file mode 100644
index 0000000..68b63ff
--- /dev/null
+++ b/demo/src/app/basic/angular-way.component.html
@@ -0,0 +1,21 @@
+<ng-template #preview>
+  <table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="row-border hover">
+    <thead>
+      <tr>
+        <th>ID</th>
+        <th>First name</th>
+        <th>Last name</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr *ngFor="let person of persons">
+        <td>{{ person.id }}</td>
+        <td>{{ person.firstName }}</td>
+        <td>{{ person.lastName }}</td>
+      </tr>
+    </tbody>
+  </table>
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTSV1]="mdTSV1" [template]="preview"
+[deprecated]="true">
+</app-base-demo>
diff --git a/demo/src/app/basic/angular-way.component.spec.ts b/demo/src/app/basic/angular-way.component.spec.ts
new file mode 100644
index 0000000..efcd44f
--- /dev/null
+++ b/demo/src/app/basic/angular-way.component.spec.ts
@@ -0,0 +1,63 @@
+import { RouterTestingModule } from '@angular/router/testing';
+import { HttpClientModule } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA, SecurityContext } from '@angular/core';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { DataTableDirective, DataTablesModule } from 'angular-datatables';
+import { MarkdownModule } from 'ngx-markdown';
+import { BaseDemoComponent } from '../base-demo/base-demo.component';
+import { AppRoutingModule } from '../app.routing';
+import { By } from '@angular/platform-browser';
+import { AngularWayComponent } from './angular-way.component';
+
+
+let fixture: ComponentFixture<AngularWayComponent>, component: null| AngularWayComponent = null;
+
+describe('AngularWayComponent', () => {
+  beforeEach(() => {
+    fixture = TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        AngularWayComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule,
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        )
+      ],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).createComponent(AngularWayComponent);
+
+    component = fixture.componentInstance;
+
+    fixture.detectChanges(); // initial binding
+  });
+
+  it('should create the app', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it('should have title "Angular way"', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance as AngularWayComponent;
+    expect(app.pageTitle).toBe('Angular way');
+  }));
+
+  it('should have table populated via AJAX', async () => {
+    const app = fixture.debugElement.componentInstance as AngularWayComponent;
+    await fixture.whenStable();
+    const query = fixture.debugElement.query(By.directive(DataTableDirective));
+    const dir = query.injector.get(DataTableDirective);
+    expect(dir).toBeTruthy();
+    const instance = await dir.dtInstance;
+    fixture.detectChanges();
+    expect(instance.rows().length).toBeGreaterThan(0);
+  });
+
+});
diff --git a/demo/src/app/basic/angular-way.component.ts b/demo/src/app/basic/angular-way.component.ts
new file mode 100644
index 0000000..8153ef7
--- /dev/null
+++ b/demo/src/app/basic/angular-way.component.ts
@@ -0,0 +1,44 @@
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Subject } from 'rxjs';
+import { Person } from '../person';
+import { Config } from 'datatables.net';
+
+@Component({
+  selector: 'app-angular-way',
+  templateUrl: 'angular-way.component.html'
+})
+export class AngularWayComponent implements OnDestroy, OnInit {
+
+  pageTitle = 'Angular way';
+  mdIntro = 'assets/docs/basic/angular-way/intro.md';
+  mdHTML = 'assets/docs/basic/angular-way/source-html.md';
+  mdTSV1 = 'assets/docs/basic/angular-way/source-ts.md';
+
+  dtOptions: Config = {};
+  persons: Person[] = [];
+
+  // We use this trigger because fetching the list of persons can be quite long,
+  // thus we ensure the data is fetched before rendering
+  dtTrigger: Subject<any> = new Subject<any>();
+
+  constructor(private httpClient: HttpClient) { }
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      pagingType: 'full_numbers',
+      pageLength: 2
+    };
+    this.httpClient.get<Person[]>('data/data.json')
+      .subscribe(data => {
+        this.persons = (data as any).data;
+        // Calling the DT trigger to manually render the table
+        this.dtTrigger.next(null);
+      });
+  }
+
+  ngOnDestroy(): void {
+    // Do not forget to unsubscribe the event
+    this.dtTrigger.unsubscribe();
+  }
+}
diff --git a/demo/src/app/basic/new-server-side/new-server-side.component.css b/demo/src/app/basic/new-server-side/new-server-side.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/demo/src/app/basic/new-server-side/new-server-side.component.html b/demo/src/app/basic/new-server-side/new-server-side.component.html
new file mode 100644
index 0000000..51b338c
--- /dev/null
+++ b/demo/src/app/basic/new-server-side/new-server-side.component.html
@@ -0,0 +1,7 @@
+<ng-template #preview>
+  <blockquote>
+    <p>No preview as we do not have a server that can serve the queries.</p>
+  </blockquote>
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
+</app-base-demo>
diff --git a/demo/src/app/basic/new-server-side/new-server-side.component.spec.ts b/demo/src/app/basic/new-server-side/new-server-side.component.spec.ts
new file mode 100644
index 0000000..1afb441
--- /dev/null
+++ b/demo/src/app/basic/new-server-side/new-server-side.component.spec.ts
@@ -0,0 +1,51 @@
+import { HttpClientModule } from '@angular/common/http';
+import { SecurityContext, NO_ERRORS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { DataTableDirective, DataTablesModule } from 'angular-datatables';
+import { AppRoutingModule } from 'app/app.routing';
+import { BaseDemoComponent } from 'app/base-demo/base-demo.component';
+import { MarkdownModule } from 'ngx-markdown';
+
+import { NewServerSideComponent } from './new-server-side.component';
+
+describe('NewServerSideComponent', () => {
+  let component: NewServerSideComponent;
+  let fixture: ComponentFixture<NewServerSideComponent>;
+
+  beforeEach(() => {
+    fixture = TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        NewServerSideComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule,
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        )
+      ],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).createComponent(NewServerSideComponent);
+
+    component = fixture.componentInstance;
+
+    fixture.detectChanges(); // initial binding
+  });
+
+  it('should create the app', () => {
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it('should have title "Server-side processing"', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance as NewServerSideComponent;
+    expect(app.pageTitle).toBe('Server-side processing');
+  }));
+});
diff --git a/demo/src/app/basic/new-server-side/new-server-side.component.ts b/demo/src/app/basic/new-server-side/new-server-side.component.ts
new file mode 100644
index 0000000..c381ab5
--- /dev/null
+++ b/demo/src/app/basic/new-server-side/new-server-side.component.ts
@@ -0,0 +1,17 @@
+import { Component } from "@angular/core";
+import { Config } from "datatables.net";
+
+@Component({
+  selector: "app-new-server-side",
+  templateUrl: "./new-server-side.component.html",
+  styleUrls: ["./new-server-side.component.css"],
+})
+export class NewServerSideComponent {
+  pageTitle = "Server-side processing";
+  mdIntro = "assets/docs/basic/new-server-side/intro.md";
+  mdHTML = "assets/docs/basic/new-server-side/source-html.md";
+  mdTS = "assets/docs/basic/new-server-side/source-ts.md";
+  mdTSV1 = "assets/docs/basic/new-server-side/source-ts-dtv1.md";
+
+  dtOptions: Config = {};
+}
diff --git a/demo/src/app/basic/server-side-angular-way.component.css b/demo/src/app/basic/server-side-angular-way.component.css
new file mode 100644
index 0000000..19fddb4
--- /dev/null
+++ b/demo/src/app/basic/server-side-angular-way.component.css
@@ -0,0 +1,3 @@
+.no-data-available {
+    text-align: center;
+}
\ No newline at end of file
diff --git a/demo/src/app/basic/server-side-angular-way.component.html b/demo/src/app/basic/server-side-angular-way.component.html
new file mode 100644
index 0000000..4ffb77d
--- /dev/null
+++ b/demo/src/app/basic/server-side-angular-way.component.html
@@ -0,0 +1,8 @@
+<ng-template #preview>
+  <blockquote>
+    <p>No preview as we do not have a server that can serve the queries.</p>
+  </blockquote>
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTSV1]="mdTSV1" [template]="preview"
+[deprecated]="true">
+</app-base-demo>
diff --git a/demo/src/app/basic/server-side-angular-way.component.spec.ts b/demo/src/app/basic/server-side-angular-way.component.spec.ts
new file mode 100644
index 0000000..5382cca
--- /dev/null
+++ b/demo/src/app/basic/server-side-angular-way.component.spec.ts
@@ -0,0 +1,50 @@
+import { RouterTestingModule } from '@angular/router/testing';
+import { HttpClientModule } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA, SecurityContext } from '@angular/core';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { DataTableDirective, DataTablesModule } from 'angular-datatables';
+import { MarkdownModule } from 'ngx-markdown';
+import { BaseDemoComponent } from '../base-demo/base-demo.component';
+import { ServerSideAngularWayComponent } from './server-side-angular-way.component';
+import { AppRoutingModule } from '../app.routing';
+
+
+let fixture: ComponentFixture<ServerSideAngularWayComponent>, component: null| ServerSideAngularWayComponent = null;
+
+describe('ServerSideAngularWayComponent', () => {
+  beforeEach(() => {
+    fixture = TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        ServerSideAngularWayComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule,
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        )
+      ],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).createComponent(ServerSideAngularWayComponent);
+
+    component = fixture.componentInstance;
+
+    fixture.detectChanges(); // initial binding
+  });
+
+  it('should create the app', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it('should have title "Server side the Angular way"', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance as ServerSideAngularWayComponent;
+    expect(app.pageTitle).toBe('Server side the Angular way');
+  }));
+});
diff --git a/demo/src/app/basic/server-side-angular-way.component.ts b/demo/src/app/basic/server-side-angular-way.component.ts
new file mode 100644
index 0000000..1ff2e04
--- /dev/null
+++ b/demo/src/app/basic/server-side-angular-way.component.ts
@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import { Person } from '../person';
+import { Config } from 'datatables.net';
+
+@Component({
+  selector: 'app-server-side-angular-way',
+  templateUrl: 'server-side-angular-way.component.html',
+  styleUrls: ['server-side-angular-way.component.css']
+})
+export class ServerSideAngularWayComponent {
+
+  pageTitle = 'Server side the Angular way';
+  mdIntro = 'assets/docs/basic/server-side-angular-way/intro.md';
+  mdHTML = 'assets/docs/basic/server-side-angular-way/source-html.md';
+  mdTSV1 = 'assets/docs/basic/server-side-angular-way/source-ts.md';
+
+  dtOptions: Config = {};
+  persons!: Person[];
+}
diff --git a/demo/src/app/basic/with-ajax-callback/with-ajax-callback.component.html b/demo/src/app/basic/with-ajax-callback/with-ajax-callback.component.html
new file mode 100644
index 0000000..51b338c
--- /dev/null
+++ b/demo/src/app/basic/with-ajax-callback/with-ajax-callback.component.html
@@ -0,0 +1,7 @@
+<ng-template #preview>
+  <blockquote>
+    <p>No preview as we do not have a server that can serve the queries.</p>
+  </blockquote>
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
+</app-base-demo>
diff --git a/demo/src/app/basic/with-ajax-callback/with-ajax-callback.component.spec.ts b/demo/src/app/basic/with-ajax-callback/with-ajax-callback.component.spec.ts
new file mode 100644
index 0000000..aee1ff0
--- /dev/null
+++ b/demo/src/app/basic/with-ajax-callback/with-ajax-callback.component.spec.ts
@@ -0,0 +1,52 @@
+import { HttpClientModule } from '@angular/common/http';
+import { SecurityContext, NO_ERRORS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { DataTableDirective, DataTablesModule } from 'angular-datatables';
+import { AppRoutingModule } from 'app/app.routing';
+import { BaseDemoComponent } from 'app/base-demo/base-demo.component';
+import { MarkdownModule } from 'ngx-markdown';
+
+import { WithAjaxCallbackComponent } from './with-ajax-callback.component';
+
+describe('WithAjaxCallbackComponent', () => {
+  let component: WithAjaxCallbackComponent;
+  let fixture: ComponentFixture<WithAjaxCallbackComponent>;
+
+  beforeEach(() => {
+    fixture = TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        WithAjaxCallbackComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule,
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        )
+      ],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).createComponent(WithAjaxCallbackComponent);
+
+    component = fixture.componentInstance;
+
+    fixture.detectChanges(); // initial binding
+  });
+
+  it('should create the app', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it('should have title "AJAX with callback"', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance as WithAjaxCallbackComponent;
+    expect(app.pageTitle).toBe('AJAX with callback');
+  }));
+
+});
diff --git a/demo/src/app/basic/with-ajax-callback/with-ajax-callback.component.ts b/demo/src/app/basic/with-ajax-callback/with-ajax-callback.component.ts
new file mode 100644
index 0000000..afdd1d2
--- /dev/null
+++ b/demo/src/app/basic/with-ajax-callback/with-ajax-callback.component.ts
@@ -0,0 +1,52 @@
+import { HttpClient } from '@angular/common/http';
+import { Component, OnInit } from '@angular/core';
+import { Config } from 'datatables.net';
+import { DataTablesResponse } from '../../datatables-response.model';
+
+@Component({
+  selector: 'app-with-ajax-callback',
+  templateUrl: './with-ajax-callback.component.html'
+})
+export class WithAjaxCallbackComponent implements OnInit {
+
+  constructor(
+    private http: HttpClient
+  ) { }
+
+  pageTitle = 'AJAX with callback';
+  mdIntro = 'assets/docs/basic/with-ajax-callback/intro.md';
+  mdHTML = 'assets/docs/basic/with-ajax-callback/source-html.md';
+  mdTS = 'assets/docs/basic/with-ajax-callback/source-ts.md';
+  mdTSV1 = 'assets/docs/basic/with-ajax-callback/source-ts-dtv1.md';
+
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    const that = this;
+    this.dtOptions = {
+      ajax: (dataTablesParameters: any, callback) => {
+        that.http
+          .post<DataTablesResponse>(
+            'https://xtlncifojk.eu07.qoddiapp.com/',
+            dataTablesParameters, {}
+          ).subscribe(resp => {
+            callback({
+              recordsTotal: resp.recordsTotal,
+              recordsFiltered: resp.recordsFiltered,
+              data: resp.data
+            });
+          });
+      },
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+}
diff --git a/demo/src/app/basic/with-ajax.component.html b/demo/src/app/basic/with-ajax.component.html
new file mode 100644
index 0000000..b24f968
--- /dev/null
+++ b/demo/src/app/basic/with-ajax.component.html
@@ -0,0 +1,5 @@
+<ng-template #preview>
+  <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
+</app-base-demo>
diff --git a/demo/src/app/basic/with-ajax.component.spec.ts b/demo/src/app/basic/with-ajax.component.spec.ts
new file mode 100644
index 0000000..75cf97a
--- /dev/null
+++ b/demo/src/app/basic/with-ajax.component.spec.ts
@@ -0,0 +1,64 @@
+import { RouterTestingModule } from '@angular/router/testing';
+import { HttpClientModule } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA, SecurityContext } from '@angular/core';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { DataTableDirective, DataTablesModule } from 'angular-datatables';
+import { MarkdownModule } from 'ngx-markdown';
+import { BaseDemoComponent } from '../base-demo/base-demo.component';
+import { WithAjaxComponent } from './with-ajax.component';
+import { AppRoutingModule } from '../app.routing';
+import { By } from '@angular/platform-browser';
+
+
+let fixture: ComponentFixture<WithAjaxComponent>, component: null| WithAjaxComponent = null;
+
+describe('WithAjaxComponent', () => {
+  beforeEach(() => {
+    fixture = TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        WithAjaxComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule,
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        )
+      ],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).createComponent(WithAjaxComponent);
+
+    component = fixture.componentInstance;
+
+    fixture.detectChanges(); // initial binding
+  });
+
+  it('should create the app', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it('should have title "Quickstart"', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance as WithAjaxComponent;
+    expect(app.pageTitle).toBe('Quickstart');
+  }));
+
+  it('should have table populated via AJAX', async () => {
+    const app = fixture.debugElement.componentInstance as WithAjaxComponent;
+    await fixture.whenStable();
+    expect(app.dtOptions.columns).toBeDefined();
+    const query = fixture.debugElement.query(By.directive(DataTableDirective));
+    const dir = query.injector.get(DataTableDirective);
+    expect(dir).toBeTruthy();
+    const instance = await dir.dtInstance;
+    fixture.detectChanges();
+    expect(instance.rows().length).toBeGreaterThan(0);
+  });
+
+});
diff --git a/demo/src/app/basic/with-ajax.component.ts b/demo/src/app/basic/with-ajax.component.ts
new file mode 100644
index 0000000..dc22de5
--- /dev/null
+++ b/demo/src/app/basic/with-ajax.component.ts
@@ -0,0 +1,33 @@
+import { Component, OnInit } from '@angular/core';
+import { Config } from 'datatables.net';
+
+@Component({
+  selector: 'app-with-ajax',
+  templateUrl: 'with-ajax.component.html'
+})
+export class WithAjaxComponent implements OnInit {
+
+  pageTitle = 'Quickstart';
+  mdIntro = 'assets/docs/basic/with-ajax/intro.md';
+  mdHTML = 'assets/docs/basic/with-ajax/source-html.md';
+  mdTS = 'assets/docs/basic/with-ajax/source-ts.md';
+  mdTSV1 = 'assets/docs/basic/with-ajax/source-ts-dtv1.md';
+
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+}
diff --git a/demo/src/app/basic/with-options.component.html b/demo/src/app/basic/with-options.component.html
new file mode 100644
index 0000000..8162cd5
--- /dev/null
+++ b/demo/src/app/basic/with-options.component.html
@@ -0,0 +1,77 @@
+<ng-template #preview>
+  <div id="preview" class="col s12 m9 l12">
+    <table datatable [dtOptions]="dtOptions" class="row-border hover">
+      <thead>
+        <tr>
+          <th>ID</th>
+          <th>First name</th>
+          <th>Last name</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>1</td>
+          <td>Foo</td>
+          <td>Bar</td>
+        </tr>
+        <tr>
+          <td>2</td>
+          <td>Someone</td>
+          <td>Youknow</td>
+        </tr>
+        <tr>
+          <td>3</td>
+          <td>Iamout</td>
+          <td>Ofinspiration</td>
+        </tr>
+        <tr>
+          <td>4</td>
+          <td>Yoda</td>
+          <td>Skywalker</td>
+        </tr>
+        <tr>
+          <td>5</td>
+          <td>Patrick</td>
+          <td>Dupont</td>
+        </tr>
+        <tr>
+          <td>6</td>
+          <td>Barack</td>
+          <td>Obama</td>
+        </tr>
+        <tr>
+          <td>7</td>
+          <td>François</td>
+          <td>Holland</td>
+        </tr>
+        <tr>
+          <td>8</td>
+          <td>Michel</td>
+          <td>Popo</td>
+        </tr>
+        <tr>
+          <td>9</td>
+          <td>Chuck</td>
+          <td>Norris</td>
+        </tr>
+        <tr>
+          <td>10</td>
+          <td>Simon</td>
+          <td>Robin</td>
+        </tr>
+        <tr>
+          <td>11</td>
+          <td>Louis</td>
+          <td>Lin</td>
+        </tr>
+        <tr>
+          <td>12</td>
+          <td>Zelda</td>
+          <td>Link</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
+</app-base-demo>
diff --git a/demo/src/app/basic/with-options.component.spec.ts b/demo/src/app/basic/with-options.component.spec.ts
new file mode 100644
index 0000000..e60648e
--- /dev/null
+++ b/demo/src/app/basic/with-options.component.spec.ts
@@ -0,0 +1,57 @@
+import { RouterTestingModule } from '@angular/router/testing';
+import { HttpClientModule } from '@angular/common/http';
+import { SecurityContext } from '@angular/core';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { DataTableDirective, DataTablesModule } from 'angular-datatables';
+import { MarkdownModule } from 'ngx-markdown';
+import { BaseDemoComponent } from '../base-demo/base-demo.component';
+import { WithOptionsComponent } from './with-options.component';
+import { AppRoutingModule } from '../app.routing';
+import { NO_ERRORS_SCHEMA } from '@angular/compiler';
+
+let fixture: ComponentFixture<WithOptionsComponent>, component: null| WithOptionsComponent = null;
+
+describe('WithOptionsComponent', () => {
+  beforeEach(() => {
+    fixture = TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        WithOptionsComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule,
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        )
+      ],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).createComponent(WithOptionsComponent);
+
+    component = fixture.componentInstance;
+
+    fixture.detectChanges(); // initial binding
+  });
+
+
+  it('should create the app', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it('should have title "With Options"', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance as WithOptionsComponent;
+    expect(app.pageTitle).toBe('With Options');
+  }));
+
+  it('should have pagingType as "full_numbers"', waitForAsync(() => {
+    const app = fixture.debugElement.componentInstance as WithOptionsComponent;
+    expect(app.dtOptions.pagingType).toBe('full_numbers');
+  }));
+
+});
diff --git a/demo/src/app/basic/with-options.component.ts b/demo/src/app/basic/with-options.component.ts
new file mode 100644
index 0000000..5d76176
--- /dev/null
+++ b/demo/src/app/basic/with-options.component.ts
@@ -0,0 +1,23 @@
+import { Component, OnInit } from '@angular/core';
+import { Config } from 'datatables.net';
+
+@Component({
+  selector: 'app-with-options',
+  templateUrl: 'with-options.component.html'
+})
+export class WithOptionsComponent implements OnInit {
+
+  pageTitle = 'With Options';
+  mdIntro = 'assets/docs/basic/with-options/intro.md';
+  mdHTML = 'assets/docs/basic/with-options/source-html.md';
+  mdTS = 'assets/docs/basic/with-options/source-ts.md';
+  mdTSV1 = 'assets/docs/basic/with-options/source-ts-dtv1.md';
+
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      pagingType: 'full_numbers'
+    };
+  }
+}
diff --git a/demo/src/app/basic/zero-config.component.html b/demo/src/app/basic/zero-config.component.html
new file mode 100644
index 0000000..653a0f3
--- /dev/null
+++ b/demo/src/app/basic/zero-config.component.html
@@ -0,0 +1,77 @@
+<ng-template #preview>
+  <div id="preview" class="col s12 m9 l12">
+    <table datatable class="row-border hover">
+      <thead>
+        <tr>
+          <th>ID</th>
+          <th>First name</th>
+          <th>Last name</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>1</td>
+          <td>Foo</td>
+          <td>Bar</td>
+        </tr>
+        <tr>
+          <td>2</td>
+          <td>Someone</td>
+          <td>Youknow</td>
+        </tr>
+        <tr>
+          <td>3</td>
+          <td>Iamout</td>
+          <td>Ofinspiration</td>
+        </tr>
+        <tr>
+          <td>4</td>
+          <td>Yoda</td>
+          <td>Skywalker</td>
+        </tr>
+        <tr>
+          <td>5</td>
+          <td>Patrick</td>
+          <td>Dupont</td>
+        </tr>
+        <tr>
+          <td>6</td>
+          <td>Barack</td>
+          <td>Obama</td>
+        </tr>
+        <tr>
+          <td>7</td>
+          <td>François</td>
+          <td>Holland</td>
+        </tr>
+        <tr>
+          <td>8</td>
+          <td>Michel</td>
+          <td>Popo</td>
+        </tr>
+        <tr>
+          <td>9</td>
+          <td>Chuck</td>
+          <td>Norris</td>
+        </tr>
+        <tr>
+          <td>10</td>
+          <td>Simon</td>
+          <td>Robin</td>
+        </tr>
+        <tr>
+          <td>11</td>
+          <td>Louis</td>
+          <td>Lin</td>
+        </tr>
+        <tr>
+          <td>12</td>
+          <td>Zelda</td>
+          <td>Link</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTSV1]="mdTSV1" [template]="preview">
+</app-base-demo>
diff --git a/demo/src/app/basic/zero-config.component.spec.ts b/demo/src/app/basic/zero-config.component.spec.ts
new file mode 100644
index 0000000..cc85a3f
--- /dev/null
+++ b/demo/src/app/basic/zero-config.component.spec.ts
@@ -0,0 +1,67 @@
+import { RouterTestingModule } from '@angular/router/testing';
+import { HttpClientModule } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA, SecurityContext } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { DataTableDirective, DataTablesModule } from 'angular-datatables';
+import { MarkdownModule } from 'ngx-markdown';
+import { BaseDemoComponent } from '../base-demo/base-demo.component';
+import { ZeroConfigComponent } from './zero-config.component';
+import { AppRoutingModule } from '../app.routing';
+import { By } from '@angular/platform-browser';
+
+let fixture: ComponentFixture<ZeroConfigComponent>, component: null| ZeroConfigComponent = null;
+
+describe('ZeroConfigComponent', () => {
+  beforeEach(() => {
+    fixture = TestBed.configureTestingModule({
+      declarations: [
+        BaseDemoComponent,
+        ZeroConfigComponent,
+        DataTableDirective
+      ],
+      imports: [
+        AppRoutingModule,
+        RouterTestingModule,
+        DataTablesModule,
+        HttpClientModule,
+        MarkdownModule.forRoot(
+          {
+            sanitize: SecurityContext.NONE
+          }
+        )
+      ],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).createComponent(ZeroConfigComponent);
+
+    component = fixture.componentInstance;
+
+    fixture.detectChanges(); // initial binding
+  });
+
+  it('should create the app', function(done) {
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+    done();
+  });
+
+  it('should have title "Zero configuration"', function(done) {
+    const app = fixture.debugElement.componentInstance as ZeroConfigComponent;
+    expect(app.pageTitle).toBe('Zero configuration');
+    done();
+  });
+
+  it('should create DataTables instance', function(done) {
+    const query = fixture.debugElement.query(By.directive(DataTableDirective));
+    const dir = query.injector.get(DataTableDirective);
+    expect(dir).toBeTruthy();
+    dir.dtInstance
+    .then(i => {
+      expect($.fn.dataTable.isDataTable(i)).toBeTruthy();
+      done();
+    })
+    .catch(e => {
+      done.fail(e);
+    });
+  });
+
+});
diff --git a/demo/src/app/basic/zero-config.component.ts b/demo/src/app/basic/zero-config.component.ts
new file mode 100644
index 0000000..f54d934
--- /dev/null
+++ b/demo/src/app/basic/zero-config.component.ts
@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-zero-config',
+  templateUrl: 'zero-config.component.html'
+})
+export class ZeroConfigComponent {
+
+  pageTitle = 'Zero configuration';
+  mdIntro = 'assets/docs/basic/zero-config/intro.md';
+  mdHTML = 'assets/docs/basic/zero-config/source-html.md';
+  mdTSV1 = 'assets/docs/basic/zero-config/source-ts.md';
+
+
+}
diff --git a/demo/src/app/datatables-response.model.ts b/demo/src/app/datatables-response.model.ts
new file mode 100644
index 0000000..63a45c1
--- /dev/null
+++ b/demo/src/app/datatables-response.model.ts
@@ -0,0 +1,6 @@
+export class DataTablesResponse {
+  data!: any[];
+  draw!: number;
+  recordsFiltered!: number;
+  recordsTotal!: number;
+}
diff --git a/demo/src/app/dt-version.service.ts b/demo/src/app/dt-version.service.ts
new file mode 100644
index 0000000..cee5399
--- /dev/null
+++ b/demo/src/app/dt-version.service.ts
@@ -0,0 +1,14 @@
+import { Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class DtVersionService {
+
+  dtVersion: 'v2' | 'v1' = 'v2';
+
+  versionChanged$ = new BehaviorSubject<'v1'|'v2'>(this.dtVersion);
+
+  constructor() { }
+}
diff --git a/demo/src/app/extensions/buttons-extension.component.html b/demo/src/app/extensions/buttons-extension.component.html
new file mode 100644
index 0000000..7de3e9c
--- /dev/null
+++ b/demo/src/app/extensions/buttons-extension.component.html
@@ -0,0 +1,5 @@
+<ng-template #preview>
+  <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdInstall]="mdInstall" [mdInstallV1]="mdInstallV1" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
+</app-base-demo>
diff --git a/demo/src/app/extensions/buttons-extension.component.ts b/demo/src/app/extensions/buttons-extension.component.ts
new file mode 100644
index 0000000..bb43ada
--- /dev/null
+++ b/demo/src/app/extensions/buttons-extension.component.ts
@@ -0,0 +1,58 @@
+import { Component, OnInit } from '@angular/core';
+import { Config } from 'datatables.net-dt';
+import 'datatables.net-buttons-dt';
+
+@Component({
+  selector: 'app-buttons-extension',
+  templateUrl: 'buttons-extension.component.html'
+})
+export class ButtonsExtensionComponent implements OnInit {
+
+  pageTitle = 'DataTables Buttons extension';
+  mdIntro = 'assets/docs/extensions/buttons/intro.md';
+  mdInstall = 'assets/docs/extensions/buttons/installation.md';
+  mdInstallV1 = 'assets/docs/extensions/buttons/installation-dtv1.md';
+  mdHTML = 'assets/docs/extensions/buttons/source-html.md';
+  mdTS = 'assets/docs/extensions/buttons/source-ts.md';
+  mdTSV1 = 'assets/docs/extensions/buttons/source-ts-dtv1.md';
+
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }],
+      // Declare the use of the extension in the dom parameter
+      dom: 'Bfrtip',
+      // Configure the buttons
+      buttons: [
+        'columnsToggle',
+        'colvis',
+        'copy',
+        {
+          extend: 'csv',
+          text: 'CSV export',
+          fieldSeparator: ';',
+          exportOptions: [1, 2, 3]
+        },
+        'excel',
+        {
+          text: 'Some button',
+          key: '1',
+          action: function (e, dt, node, config) {
+            alert('Button activated');
+          }
+        }
+      ]
+    };
+  }
+}
diff --git a/demo/src/app/extensions/colreorder-extension.component.html b/demo/src/app/extensions/colreorder-extension.component.html
new file mode 100644
index 0000000..938dfdb
--- /dev/null
+++ b/demo/src/app/extensions/colreorder-extension.component.html
@@ -0,0 +1,5 @@
+<ng-template #preview>
+  <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdInstall]="mdInstall" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
+</app-base-demo>
diff --git a/demo/src/app/extensions/colreorder-extension.component.ts b/demo/src/app/extensions/colreorder-extension.component.ts
new file mode 100644
index 0000000..23443fe
--- /dev/null
+++ b/demo/src/app/extensions/colreorder-extension.component.ts
@@ -0,0 +1,40 @@
+import { Component, OnInit } from '@angular/core';
+import { Config } from 'datatables.net';
+import 'datatables.net-colreorder';
+
+@Component({
+  selector: 'app-colreorder-extension',
+  templateUrl: 'colreorder-extension.component.html'
+})
+export class ColreorderExtensionComponent implements OnInit {
+
+  pageTitle = 'DataTables ColReorder extension';
+  mdIntro = 'assets/docs/extensions/colreorder/intro.md';
+  mdInstall = 'assets/docs/extensions/colreorder/installation.md';
+  mdHTML = 'assets/docs/extensions/colreorder/source-html.md';
+  mdTS = 'assets/docs/extensions/colreorder/source-ts.md';
+  mdTSV1 = 'assets/docs/extensions/colreorder/source-ts-dtv1.md';
+
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'No move me!',
+        data: 'id'
+      }, {
+        title: 'Try to move me!',
+        data: 'firstName'
+      }, {
+        title: 'You cannot move me! *evil laugh*',
+        data: 'lastName'
+      }],
+      dom: 'Rt',
+      // Use this attribute to enable colreorder
+      colReorder: {
+        columns: ':nth-child(2)',
+      },
+    };
+  }
+}
diff --git a/demo/src/app/extensions/fixed-columns-extension.component.html b/demo/src/app/extensions/fixed-columns-extension.component.html
new file mode 100644
index 0000000..f2ec393
--- /dev/null
+++ b/demo/src/app/extensions/fixed-columns-extension.component.html
@@ -0,0 +1,5 @@
+<ng-template #preview>
+    <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+  </ng-template>
+  <app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdInstall]="mdInstall" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
+  </app-base-demo>
diff --git a/demo/src/app/extensions/fixed-columns-extension.component.ts b/demo/src/app/extensions/fixed-columns-extension.component.ts
new file mode 100644
index 0000000..7a70e1c
--- /dev/null
+++ b/demo/src/app/extensions/fixed-columns-extension.component.ts
@@ -0,0 +1,99 @@
+import { Component, OnInit } from '@angular/core';
+import 'datatables.net-fixedcolumns-dt';
+
+@Component({
+  selector: 'app-fixed-columns-extension',
+  templateUrl: 'fixed-columns-extension.component.html'
+})
+export class FixedColumnsExtensionComponent implements OnInit {
+
+  pageTitle = 'DataTables Fixed Columns extension';
+  mdIntro = 'assets/docs/extensions/fixedcolumns/intro.md';
+  mdInstall = 'assets/docs/extensions/fixedcolumns/installation.md';
+  mdHTML = 'assets/docs/extensions/fixedcolumns/source-html.md';
+  mdTS = 'assets/docs/extensions/fixedcolumns/source-ts.md';
+  mdTSV1 = 'assets/docs/extensions/fixedcolumns/source-ts-dtv1.md';
+
+  // Unfortunately this still requires `any` due to types issue in fixedcolumns
+  dtOptions: any = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }
+
+    ],
+    // Make sure that scrollX is set to true for this to work!
+    scrollX: true,
+    fixedColumns: {
+        left: 3,
+        right: 0
+      },
+    };
+  }
+}
diff --git a/demo/src/app/extensions/responsive-extension.component.html b/demo/src/app/extensions/responsive-extension.component.html
new file mode 100644
index 0000000..938dfdb
--- /dev/null
+++ b/demo/src/app/extensions/responsive-extension.component.html
@@ -0,0 +1,5 @@
+<ng-template #preview>
+  <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdInstall]="mdInstall" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
+</app-base-demo>
diff --git a/demo/src/app/extensions/responsive-extension.component.ts b/demo/src/app/extensions/responsive-extension.component.ts
new file mode 100644
index 0000000..5611912
--- /dev/null
+++ b/demo/src/app/extensions/responsive-extension.component.ts
@@ -0,0 +1,38 @@
+import { Component, OnInit } from '@angular/core';
+import { Config } from 'datatables.net-dt';
+import 'datatables.net-responsive';
+
+@Component({
+  selector: 'app-responsive-extension',
+  templateUrl: 'responsive-extension.component.html'
+})
+export class ResponsiveExtensionComponent implements OnInit {
+
+  pageTitle = 'DataTables Responsive extension';
+  mdIntro = 'assets/docs/extensions/responsive/intro.md';
+  mdInstall = 'assets/docs/extensions/responsive/installation.md';
+  mdHTML = 'assets/docs/extensions/responsive/source-html.md';
+  mdTS = 'assets/docs/extensions/responsive/source-ts.md';
+  mdTSV1 = 'assets/docs/extensions/responsive/source-ts-dtv1.md';
+
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName',
+        className: 'none'
+      }],
+      // Use this attribute to enable the responsive extension
+      responsive: true
+    };
+  }
+}
diff --git a/demo/src/app/extensions/select-extension.component.html b/demo/src/app/extensions/select-extension.component.html
new file mode 100644
index 0000000..7de3e9c
--- /dev/null
+++ b/demo/src/app/extensions/select-extension.component.html
@@ -0,0 +1,5 @@
+<ng-template #preview>
+  <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+</ng-template>
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdInstall]="mdInstall" [mdInstallV1]="mdInstallV1" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
+</app-base-demo>
diff --git a/demo/src/app/extensions/select-extension.component.ts b/demo/src/app/extensions/select-extension.component.ts
new file mode 100644
index 0000000..411f303
--- /dev/null
+++ b/demo/src/app/extensions/select-extension.component.ts
@@ -0,0 +1,38 @@
+import { Component, OnInit } from '@angular/core';
+import { Config } from 'datatables.net';
+import 'datatables.net-select';
+
+@Component({
+  selector: 'app-select-extension',
+  templateUrl: 'select-extension.component.html'
+})
+export class SelectExtensionComponent implements OnInit {
+
+  pageTitle = 'DataTables Select extension';
+  mdIntro = 'assets/docs/extensions/select/intro.md';
+  mdInstall = 'assets/docs/extensions/select/installation.md';
+  mdInstallV1 = 'assets/docs/extensions/select/installation-dtv1.md';
+  mdHTML = 'assets/docs/extensions/select/source-html.md';
+  mdTS = 'assets/docs/extensions/select/source-ts.md';
+  mdTSV1 = 'assets/docs/extensions/select/source-ts-dtv1.md';
+
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }],
+      // Use this attribute to enable the select extension
+      select: true
+    };
+  }
+}
diff --git a/demo/src/app/f-a-q/f-a-q.component.css b/demo/src/app/f-a-q/f-a-q.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/demo/src/app/f-a-q/f-a-q.component.html b/demo/src/app/f-a-q/f-a-q.component.html
new file mode 100644
index 0000000..50a1402
--- /dev/null
+++ b/demo/src/app/f-a-q/f-a-q.component.html
@@ -0,0 +1,13 @@
+<div class="top-banner section banner">
+  <div class="container">
+    <div class="row">
+      <div class="col s12 m9">
+        <h1 class="header center-on-small-only">FAQ</h1>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="container">
+  <markdown [className]="'faqMarkdown'" [src]="faqMd" (load)="onLoad($event)"></markdown>
+</div>
diff --git a/demo/src/app/f-a-q/f-a-q.component.ts b/demo/src/app/f-a-q/f-a-q.component.ts
new file mode 100644
index 0000000..70be804
--- /dev/null
+++ b/demo/src/app/f-a-q/f-a-q.component.ts
@@ -0,0 +1,25 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-f-a-q',
+  templateUrl: './f-a-q.component.html',
+  styleUrls: ['./f-a-q.component.css']
+})
+export class FAQComponent implements OnInit {
+
+  constructor() { }
+
+  faqMd = 'assets/docs/faq.md';
+
+  ngOnInit(): void {
+  }
+
+  onLoad(event: any) {
+    // Hide Copy button
+    $('.toolbar').hide();
+
+    // red color for questions
+    $('h5').css('color', 'red');
+  }
+
+}
diff --git a/demo/src/app/getting-started.component.html b/demo/src/app/getting-started.component.html
new file mode 100644
index 0000000..2ec9428
--- /dev/null
+++ b/demo/src/app/getting-started.component.html
@@ -0,0 +1,12 @@
+<div class="top-banner section banner">
+  <div class="container">
+    <div class="row">
+      <div class="col s12 m9">
+        <h3 class="header center-on-small-only">Installation</h3>
+      </div>
+    </div>
+  </div>
+</div>
+<div id="getting-started-wrapper" class="container">
+  <markdown [src]="dtVersion == 'v2' ? md : mdV1"></markdown>
+</div>
diff --git a/demo/src/app/getting-started.component.ts b/demo/src/app/getting-started.component.ts
new file mode 100644
index 0000000..cf8dbd5
--- /dev/null
+++ b/demo/src/app/getting-started.component.ts
@@ -0,0 +1,27 @@
+import { Component, OnInit } from '@angular/core';
+import { DtVersionService } from './dt-version.service';
+import { Subscription } from 'rxjs';
+
+@Component({
+  selector: 'app-getting-started',
+  templateUrl: 'getting-started.component.html'
+})
+export class GettingStartedComponent implements OnInit {
+
+  dtVersion: 'v2'|'v1' = 'v2';
+  dtVersionSubscription$!: Subscription;
+
+  mdV1 = 'assets/docs/get-started-dtv1.md';
+  md = 'assets/docs/get-started.md'
+
+  constructor(
+    private dtVersionService: DtVersionService
+  ) {}
+
+  ngOnInit() {
+    this.dtVersionSubscription$ = this.dtVersionService.versionChanged$.subscribe(v => {
+      this.dtVersion = v;
+    });
+  }
+
+}
diff --git a/demo/src/app/more-help/more-help.component.css b/demo/src/app/more-help/more-help.component.css
new file mode 100644
index 0000000..c922118
--- /dev/null
+++ b/demo/src/app/more-help/more-help.component.css
@@ -0,0 +1,5 @@
+#resources-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+}
diff --git a/demo/src/app/more-help/more-help.component.html b/demo/src/app/more-help/more-help.component.html
new file mode 100644
index 0000000..372192b
--- /dev/null
+++ b/demo/src/app/more-help/more-help.component.html
@@ -0,0 +1,39 @@
+<div class="top-banner section banner">
+  <div class="container">
+    <div class="row">
+      <div class="col s12 m9">
+        <h1 class="header center-on-small-only">Resources</h1>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="container">
+  <p class="caption">We have also listed out a few links regarding the project.</p>
+  <p class="caption">If you'd like more help, please check out <a
+      href="https://github.com/GlobalArtInc/angular-datatables/discussions">Discussions</a> section on our GitHub repository
+    for more information.</p>
+  <p class="caption">If you'd like to help improve this library, please open an <a
+      href="https://github.com/GlobalArtInc/angular-datatables/issues">issue</a> on the repository with your suggestions and
+    feedback.
+
+  </p>
+  <p class="caption">We ask you to follow <a
+      href="https://docs.github.com/en/site-policy/github-terms/github-community-code-of-conduct"> GitHub Code of
+      Conduct</a> when opening issues or discussion as we like to keep this community open and welcoming for all.</p>
+
+
+  <div id="resources-container">
+
+    <a href="https://datatables.net" title="DataTables.net">
+      <img src="assets/datatables.png" alt="Datatables.net" />
+    </a>
+    <a href="https://www.npmjs.com/package/angular-datatables" title="Install with NPM">
+      <img src="assets/npm.png" alt="NPM" />
+    </a>
+    <a href="https://github.com/GlobalArtInc/angular-datatables" title="View Source on Github">
+      <img src="assets/github.png" alt="Github" />
+    </a>
+  </div>
+
+</div>
diff --git a/demo/src/app/more-help/more-help.component.ts b/demo/src/app/more-help/more-help.component.ts
new file mode 100644
index 0000000..91edfda
--- /dev/null
+++ b/demo/src/app/more-help/more-help.component.ts
@@ -0,0 +1,17 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-more-help',
+  templateUrl: './more-help.component.html',
+  styleUrls: ['./more-help.component.css']
+})
+export class MoreHelpComponent implements OnInit {
+
+  constructor() { }
+
+  resourcesMd = 'assets/docs/more-help.md'
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/demo/src/app/person.component.html b/demo/src/app/person.component.html
new file mode 100644
index 0000000..8ec7aa4
--- /dev/null
+++ b/demo/src/app/person.component.html
@@ -0,0 +1,25 @@
+<div class="section banner">
+  <div class="container">
+    <div class="row">
+      <div class="col s12 m9">
+        <h3 class="header center-on-small-only">Person details</h3>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="container">
+  <div class="row">
+    <div class="col s12 m9 l12">
+      <div class="section">
+        <div class="col s12 m9 l12 showcase-tabs">
+          <section highlight-js-content=".json">
+<pre *ngIf="person">
+<code class="json highlight">{{person|json}}</code>
+</pre>
+          </section>
+          <button class="waves-effect btn" (click)="goBack()">Go back</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/demo/src/app/person.component.ts b/demo/src/app/person.component.ts
new file mode 100644
index 0000000..7789234
--- /dev/null
+++ b/demo/src/app/person.component.ts
@@ -0,0 +1,29 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { Location } from '@angular/common';
+import { Person } from './person';
+import { PersonService } from './person.service';
+
+@Component({
+  selector: 'app-person',
+  templateUrl: 'person.component.html',
+  providers: [PersonService]
+})
+export class PersonComponent implements OnInit {
+  person!: Person;
+
+  constructor(
+    private route: ActivatedRoute,
+    private location: Location,
+    private personService: PersonService
+  ) { }
+
+  ngOnInit(): void {
+    const id = this.route.snapshot.paramMap.get('id');
+    this.person = this.personService.getPerson(id!)!;
+  }
+
+  goBack(): void {
+    this.location.back();
+  }
+}
diff --git a/demo/src/app/person.service.ts b/demo/src/app/person.service.ts
new file mode 100644
index 0000000..9b44608
--- /dev/null
+++ b/demo/src/app/person.service.ts
@@ -0,0 +1,15 @@
+import { Injectable } from '@angular/core';
+
+import { Person } from './person';
+
+import data from '../data/data.json';
+
+@Injectable()
+export class PersonService {
+  constructor() { }
+
+  getPerson(id: string): Person|undefined {
+    const persons: Person[] = data.data;
+    return persons.find(person => person?.id == parseInt(id));
+  }
+}
diff --git a/demo/src/app/person.ts b/demo/src/app/person.ts
new file mode 100644
index 0000000..7cc1c03
--- /dev/null
+++ b/demo/src/app/person.ts
@@ -0,0 +1,5 @@
+export class Person {
+  id!: number;
+  firstName!: string;
+  lastName!: string;
+}
diff --git a/demo/src/app/welcome.component.css b/demo/src/app/welcome.component.css
new file mode 100644
index 0000000..f4c70b2
--- /dev/null
+++ b/demo/src/app/welcome.component.css
@@ -0,0 +1,20 @@
+.welcome-btn {
+  height: 140px;
+  padding: 10px;
+}
+
+.feature-item {
+  text-align: center;
+}
+
+.material-icons {
+  border-radius: 50%;
+  width: 80px;
+  height: 80px;
+  color: white;
+  background-color: #039be5;
+  margin-top: 10px;
+  margin-bottom: 4px;
+  font-size: 3em;
+  line-height: 1.8;
+}
diff --git a/demo/src/app/welcome.component.html b/demo/src/app/welcome.component.html
new file mode 100644
index 0000000..4cd814c
--- /dev/null
+++ b/demo/src/app/welcome.component.html
@@ -0,0 +1,53 @@
+<div class="top-banner section banner">
+  <div class="container">
+    <div class="row">
+      <div class="col s12 m9">
+        <h3 class="header center-on-small-only">Angular DataTables</h3>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="container">
+  <!-- Caption -->
+  <p class="caption">
+    An Angular2+ library for building complex HTML tables using <a href="https://datatables.net/">DataTables</a> jQuery plug-in.
+  </p>
+
+  <markdown [src]="installMd"></markdown>
+
+  <!-- Features -->
+  <h5 class="header">Features:</h5>
+  <div class="section">
+    <div class="row">
+      <div class="col s12 m12 l12">
+        <div class="row">
+          <div class="col s12 m4 feature-item">
+            <i class="material-icons">download</i>
+            <h6>Quick Install</h6>
+          </div>
+          <div class="col s12 m4 feature-item">
+            <i class="material-icons">sync_alt</i>
+            <h6>Angular integration</h6>
+          </div>
+          <div class="col s12 m4 feature-item">
+            <i class="material-icons">dns</i>
+            <h6>Large dataset support</h6>
+          </div>
+          <div class="col s12 m4 feature-item">
+            <i class="material-icons">filter_alt</i>
+            <h6>Advanced Data Filter</h6>
+          </div>
+          <div class="col s12 m4 feature-item">
+            <i class="material-icons">extension</i>
+            <h6>Extensions support</h6>
+          </div>
+          <div class="col s12 m4 feature-item">
+            <i class="material-icons">lock_open</i>
+            <h6>MIT</h6>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/demo/src/app/welcome.component.ts b/demo/src/app/welcome.component.ts
new file mode 100644
index 0000000..2b90cb5
--- /dev/null
+++ b/demo/src/app/welcome.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-welcome',
+  templateUrl: 'welcome.component.html',
+  styleUrls: ['./welcome.component.css']
+})
+export class WelcomeComponent {
+
+  installMd = 'assets/docs/welcome/installation.md';
+}
diff --git a/demo/src/assets/.gitkeep b/demo/src/assets/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/demo/src/assets/angular.png b/demo/src/assets/angular.png
new file mode 100644
index 0000000..1ebd0d8
Binary files /dev/null and b/demo/src/assets/angular.png differ
diff --git a/demo/src/assets/datatables.png b/demo/src/assets/datatables.png
new file mode 100644
index 0000000..f094cf2
Binary files /dev/null and b/demo/src/assets/datatables.png differ
diff --git a/demo/src/assets/docs/advanced/custom-range/intro.md b/demo/src/assets/docs/advanced/custom-range/intro.md
new file mode 100644
index 0000000..2d2440d
--- /dev/null
+++ b/demo/src/assets/docs/advanced/custom-range/intro.md
@@ -0,0 +1 @@
+Implementation of <a href="https://datatables.net/examples/plug-ins/range_filtering.html">the example on custom filtering with range search</a>
diff --git a/demo/src/assets/docs/advanced/custom-range/source-html.md b/demo/src/assets/docs/advanced/custom-range/source-html.md
new file mode 100644
index 0000000..2424c13
--- /dev/null
+++ b/demo/src/assets/docs/advanced/custom-range/source-html.md
@@ -0,0 +1,15 @@
+```html
+<form (submit)="filterById()">
+  <label>
+    Min
+    <input type="number" name="min" id="min" [(ngModel)]="min" />
+  </label>
+  <label>
+    Max
+    <input type="number" name="max" id="max" [(ngModel)]="max" />
+  </label>
+  <button class="btn btn-primary" type="submit">Filter by ID</button>
+</form>
+<br />
+<table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+```
diff --git a/demo/src/assets/docs/advanced/custom-range/source-ts-dtv1.md b/demo/src/assets/docs/advanced/custom-range/source-ts-dtv1.md
new file mode 100644
index 0000000..d316130
--- /dev/null
+++ b/demo/src/assets/docs/advanced/custom-range/source-ts-dtv1.md
@@ -0,0 +1,60 @@
+```typescript
+import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
+
+import { DataTableDirective } from 'angular-datatables';
+
+// Example from https://datatables.net/examples/plug-ins/range_filtering.html
+@Component({
+  selector: 'app-custom-range-search',
+  templateUrl: 'custom-range-search.component.html'
+})
+export class CustomRangeSearchComponent implements OnDestroy, OnInit {
+  @ViewChild(DataTableDirective, {static: false})
+  datatableElement: DataTableDirective;
+  min: number;
+  max: number;
+
+  dtOptions: DataTables.Settings = {};
+
+  ngOnInit(): void {
+    // We need to call the $.fn.dataTable like this because DataTables typings do not have the "ext" property
+    $.fn['dataTable'].ext.search.push((settings, data, dataIndex) => {
+      const id = parseFloat(data[0]) || 0; // use data for the id column
+      if ((isNaN(this.min) && isNaN(this.max)) ||
+        (isNaN(this.min) && id <= this.max) ||
+        (this.min <= id && isNaN(this.max)) ||
+        (this.min <= id && id <= this.max)) {
+        return true;
+      }
+      return false;
+    });
+
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+
+  ngOnDestroy(): void {
+    // We remove the last function in the global ext search array so we do not add the fn each time the component is drawn
+    // /!\ This is not the ideal solution as other components may add other search function in this array, so be careful when
+    // handling this global variable
+    $.fn['dataTable'].ext.search.pop();
+  }
+
+  filterById(): void {
+    this.datatableElement.dtInstance.then((dtInstance: DataTables.Api) => {
+      dtInstance.draw();
+    });
+  }
+}
+```
diff --git a/demo/src/assets/docs/advanced/custom-range/source-ts.md b/demo/src/assets/docs/advanced/custom-range/source-ts.md
new file mode 100644
index 0000000..118eef0
--- /dev/null
+++ b/demo/src/assets/docs/advanced/custom-range/source-ts.md
@@ -0,0 +1,64 @@
+```typescript
+import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
+
+import { DataTableDirective } from 'angular-datatables';
+import { Config } from 'datatables.net';
+
+// Example from https://datatables.net/examples/plug-ins/range_filtering.html
+@Component({
+  selector: 'app-custom-range-search',
+  templateUrl: 'custom-range-search.component.html'
+})
+export class CustomRangeSearchComponent implements OnDestroy, OnInit {
+
+  @ViewChild(DataTableDirective, {static: false})
+  datatableElement: DataTableDirective;
+  min: number;
+  max: number;
+
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    // We need to call the $.fn.dataTable like this because DataTables typings do not have the "ext" property
+    $.fn['dataTable'].ext.search.push((settings: Config, data: any, dataIndex: number) => {
+      const id = parseFloat(data[0]) || 0; // use data for the id column
+      if ((isNaN(this.min) && isNaN(this.max)) ||
+        (isNaN(this.min) && id <= this.max) ||
+        (this.min <= id && isNaN(this.max)) ||
+        (this.min <= id && id <= this.max)) {
+        return true;
+      }
+      return false;
+    });
+
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+
+  ngOnDestroy(): void {
+    // We remove the last function in the global ext search array so we do not add the fn each time the component is drawn
+    // /!\ This is not the ideal solution as other components may add other search function in this array, so be careful when
+    // handling this global variable
+    $.fn['dataTable'].ext.search.pop();
+  }
+
+  filterById(): boolean {
+    this.datatableElement.dtInstance.then(dtInstance => {
+      dtInstance.draw();
+    });
+    return false;
+  }
+}
+
+```
diff --git a/demo/src/assets/docs/advanced/dt-instance/intro.md b/demo/src/assets/docs/advanced/dt-instance/intro.md
new file mode 100644
index 0000000..24e1f10
--- /dev/null
+++ b/demo/src/assets/docs/advanced/dt-instance/intro.md
@@ -0,0 +1 @@
+The HTML element provides a Promise that returns the instance of the DataTable.
diff --git a/demo/src/assets/docs/advanced/dt-instance/source-html.md b/demo/src/assets/docs/advanced/dt-instance/source-html.md
new file mode 100644
index 0000000..3416980
--- /dev/null
+++ b/demo/src/assets/docs/advanced/dt-instance/source-html.md
@@ -0,0 +1,15 @@
+```html
+<p>
+  <button type="button"
+          class="btn waves-effect waves-light blue"
+          (click)="displayToConsole(datatableElement)">
+    Display the DataTable instance in the console
+  </button>
+</p>
+<p>
+<blockquote>
+  The DataTable instance ID is: {{ (datatableElement.dtInstance | async)?.table().node().id }}
+</blockquote>
+</p>
+<table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+```
diff --git a/demo/src/assets/docs/advanced/dt-instance/source-ts-dtv1.md b/demo/src/assets/docs/advanced/dt-instance/source-ts-dtv1.md
new file mode 100644
index 0000000..1341d56
--- /dev/null
+++ b/demo/src/assets/docs/advanced/dt-instance/source-ts-dtv1.md
@@ -0,0 +1,36 @@
+```typescript
+import { Component, ViewChild, OnInit } from '@angular/core';
+
+import { DataTableDirective } from 'angular-datatables';
+
+@Component({
+  selector: 'dt-instance',
+  templateUrl: 'dt-instance.component.html'
+})
+export class DtInstanceComponent implements OnInit {
+  @ViewChild(DataTableDirective, {static: false})
+  private datatableElement: DataTableDirective;
+
+  dtOptions: DataTables.Settings = {};
+
+  displayToConsole(datatableElement: DataTableDirective): void {
+    datatableElement.dtInstance.then((dtInstance: DataTables.Api) => console.log(dtInstance));
+  }
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+}
+```
diff --git a/demo/src/assets/docs/advanced/dt-instance/source-ts.md b/demo/src/assets/docs/advanced/dt-instance/source-ts.md
new file mode 100644
index 0000000..09ed6f8
--- /dev/null
+++ b/demo/src/assets/docs/advanced/dt-instance/source-ts.md
@@ -0,0 +1,39 @@
+```typescript
+import { Component, OnInit, ViewChild } from '@angular/core';
+
+import { DataTableDirective } from 'angular-datatables';
+import { Config } from 'datatables.net';
+
+@Component({
+  selector: 'app-dt-instance',
+  templateUrl: 'dt-instance.component.html'
+})
+export class DtInstanceComponent implements OnInit {
+
+  @ViewChild(DataTableDirective, {static: false})
+  datatableElement: DataTableDirective;
+
+  dtOptions: Config = {};
+
+  displayToConsole(datatableElement: DataTableDirective): void {
+    datatableElement.dtInstance.then(dtInstance => console.log(dtInstance));
+  }
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+}
+
+```
diff --git a/demo/src/assets/docs/advanced/indi-col-filter/intro.md b/demo/src/assets/docs/advanced/indi-col-filter/intro.md
new file mode 100644
index 0000000..40fa10c
--- /dev/null
+++ b/demo/src/assets/docs/advanced/indi-col-filter/intro.md
@@ -0,0 +1 @@
+Implementation of <a href="https://datatables.net/examples/api/multi_filter.html">the example on individual column searching (text inputs)</a>
diff --git a/demo/src/assets/docs/advanced/indi-col-filter/source-html.md b/demo/src/assets/docs/advanced/indi-col-filter/source-html.md
new file mode 100644
index 0000000..04a82d8
--- /dev/null
+++ b/demo/src/assets/docs/advanced/indi-col-filter/source-html.md
@@ -0,0 +1,11 @@
+```html
+<table datatable [dtOptions]="dtOptions" class="row-border hover">
+  <tfoot>
+    <tr>
+      <th><input type="text" placeholder="Search ID" name="search-id"/></th>
+      <th><input type="text" placeholder="Search first name" name="search-first-name"/></th>
+      <th><input type="text" placeholder="Search last name" name="search-last-name"/></th>
+    </tr>
+  </tfoot>
+</table>
+```
diff --git a/demo/src/assets/docs/advanced/indi-col-filter/source-ts-dtv1.md b/demo/src/assets/docs/advanced/indi-col-filter/source-ts-dtv1.md
new file mode 100644
index 0000000..3053ab7
--- /dev/null
+++ b/demo/src/assets/docs/advanced/indi-col-filter/source-ts-dtv1.md
@@ -0,0 +1,47 @@
+```typescript
+import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core';
+
+import { DataTableDirective } from 'angular-datatables';
+
+@Component({
+  selector: 'app-individual-column-filtering',
+  templateUrl: 'individual-column-filtering.component.html'
+})
+export class IndividualColumnFilteringComponent implements OnInit, AfterViewInit {
+  @ViewChild(DataTableDirective, {static: false})
+  datatableElement: DataTableDirective;
+
+  dtOptions: DataTables.Settings = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+
+  ngAfterViewInit(): void {
+    this.datatableElement.dtInstance.then((dtInstance: DataTables.Api) => {
+      dtInstance.columns().every(function () {
+        const that = this;
+        $('input', this.footer()).on('keyup change', function () {
+          if (that.search() !== this['value']) {
+            that
+              .search(this['value'])
+              .draw();
+          }
+        });
+      });
+    });
+  }
+}
+```
diff --git a/demo/src/assets/docs/advanced/indi-col-filter/source-ts.md b/demo/src/assets/docs/advanced/indi-col-filter/source-ts.md
new file mode 100644
index 0000000..a242f39
--- /dev/null
+++ b/demo/src/assets/docs/advanced/indi-col-filter/source-ts.md
@@ -0,0 +1,50 @@
+```typescript
+import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core';
+
+import { DataTableDirective } from 'angular-datatables';
+import { Config } from 'datatables.net';
+
+@Component({
+  selector: 'app-individual-column-filtering',
+  templateUrl: 'individual-column-filtering.component.html'
+})
+export class IndividualColumnFilteringComponent implements OnInit, AfterViewInit {
+
+  @ViewChild(DataTableDirective, {static: false})
+  datatableElement: DataTableDirective;
+
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+
+  ngAfterViewInit(): void {
+    this.datatableElement.dtInstance.then(dtInstance => {
+      dtInstance.columns().every(function () {
+        const that = this;
+        $('input', this.footer()).on('keyup change', function () {
+          if (that.search() !== this['value']) {
+            that
+              .search(this['value'])
+              .draw();
+          }
+        });
+      });
+    });
+  }
+}
+
+```
diff --git a/demo/src/assets/docs/advanced/load-dt-opt-with-promise/intro.md b/demo/src/assets/docs/advanced/load-dt-opt-with-promise/intro.md
new file mode 100644
index 0000000..ee09716
--- /dev/null
+++ b/demo/src/assets/docs/advanced/load-dt-opt-with-promise/intro.md
@@ -0,0 +1 @@
+Sometimes, your DataTable options are stored or computed server side. All you need to do is to return the expected result as a promise.
diff --git a/demo/src/assets/docs/advanced/load-dt-opt-with-promise/source-html.md b/demo/src/assets/docs/advanced/load-dt-opt-with-promise/source-html.md
new file mode 100644
index 0000000..5c0933e
--- /dev/null
+++ b/demo/src/assets/docs/advanced/load-dt-opt-with-promise/source-html.md
@@ -0,0 +1,3 @@
+```html
+<table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+```
diff --git a/demo/src/assets/docs/advanced/load-dt-opt-with-promise/source-ts-dtv1.md b/demo/src/assets/docs/advanced/load-dt-opt-with-promise/source-ts-dtv1.md
new file mode 100644
index 0000000..39b2233
--- /dev/null
+++ b/demo/src/assets/docs/advanced/load-dt-opt-with-promise/source-ts-dtv1.md
@@ -0,0 +1,27 @@
+```typescript
+import { Component, Inject, OnInit } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+import 'rxjs/add/operator/toPromise';
+
+@Component({
+  selector: 'app-load-dt-options-with-promise',
+  templateUrl: 'load-dt-options-with-promise.component.html'
+})
+export class LoadDtOptionsWithPromiseComponent implements OnInit {
+  dtOptions: Promise<DataTables.Settings>;
+
+  constructor(@Inject(HttpClient) private httpClient: HttpClient) {}
+
+  ngOnInit(): void {
+  this.dtOptions = this.httpClient.get<DataTables.Settings>('data/dtOptions.json')
+      .toPromise()
+      .catch(this.handleError);
+  }
+
+  private handleError(error: any): Promise<any> {
+    console.error('An error occurred', error); // for demo purposes only
+    return Promise.reject(error.message || error);
+  }
+}
+```
diff --git a/demo/src/assets/docs/advanced/load-dt-opt-with-promise/source-ts.md b/demo/src/assets/docs/advanced/load-dt-opt-with-promise/source-ts.md
new file mode 100644
index 0000000..11e4a02
--- /dev/null
+++ b/demo/src/assets/docs/advanced/load-dt-opt-with-promise/source-ts.md
@@ -0,0 +1,27 @@
+```typescript
+import { Component, Inject, OnInit } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Config } from 'datatables.net';
+
+@Component({
+  selector: 'app-load-dt-options-with-promise',
+  templateUrl: 'load-dt-options-with-promise.component.html'
+})
+export class LoadDtOptionsWithPromiseComponent implements OnInit {
+
+  dtOptions: Promise<Config>;
+
+  constructor(@Inject(HttpClient) private httpClient: HttpClient) {}
+
+  ngOnInit(): void {
+  this.dtOptions = this.httpClient.get<Config>('data/dtOptions.json')
+      .toPromise()
+      .catch(this.handleError);
+  }
+
+  private handleError(error: any): Promise<any> {
+    console.error('An error occurred', error); // for demo purposes only
+    return Promise.reject(error.message || error);
+  }
+}
+```
diff --git a/demo/src/assets/docs/advanced/multiple-tables/intro.md b/demo/src/assets/docs/advanced/multiple-tables/intro.md
new file mode 100644
index 0000000..2584612
--- /dev/null
+++ b/demo/src/assets/docs/advanced/multiple-tables/intro.md
@@ -0,0 +1 @@
+You can display multiple datatables in the same page.
diff --git a/demo/src/assets/docs/advanced/multiple-tables/source-html.md b/demo/src/assets/docs/advanced/multiple-tables/source-html.md
new file mode 100644
index 0000000..530dff9
--- /dev/null
+++ b/demo/src/assets/docs/advanced/multiple-tables/source-html.md
@@ -0,0 +1,9 @@
+```html
+<p>
+<button type="button" class="btn waves-effect waves-light blue" (click)="displayToConsole()">
+  Display the DataTable instances in the console
+</button>
+</p>
+<table id="first-table" datatable [dtOptions]="dtOptions[0]" class="row-border hover"></table>
+<table id="second-table" datatable [dtOptions]="dtOptions[1]" class="row-border hover"></table>
+```
diff --git a/demo/src/assets/docs/advanced/multiple-tables/source-ts-dtv1.md b/demo/src/assets/docs/advanced/multiple-tables/source-ts-dtv1.md
new file mode 100644
index 0000000..057b4c6
--- /dev/null
+++ b/demo/src/assets/docs/advanced/multiple-tables/source-ts-dtv1.md
@@ -0,0 +1,45 @@
+```typescript
+import { Component, OnInit, QueryList, ViewChildren } from '@angular/core';
+
+import { DataTableDirective } from 'angular-datatables';
+
+@Component({
+  selector: 'app-multiple-tables',
+  templateUrl: 'multiple-tables.component.html'
+})
+export class MultipleTablesComponent implements OnInit {
+  @ViewChildren(DataTableDirective)
+  dtElements: QueryList;
+
+  dtOptions: DataTables.Settings[] = [];
+
+  displayToConsole(): void {
+    this.dtElements.forEach((dtElement: DataTableDirective, index: number) => {
+      dtElement.dtInstance.then((dtInstance: any) => {
+        console.log(`The DataTable ${index} instance ID is: ${dtInstance.table().node().id}`);
+      });
+    });
+  }
+
+  ngOnInit(): void {
+    this.dtOptions[0] = this.buildDtOptions('data/data.json');
+    this.dtOptions[1] = this.buildDtOptions('data/data1.json');
+  }
+
+  private buildDtOptions(url: string): DataTables.Settings {
+    return {
+      ajax: url,
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+}
+```
diff --git a/demo/src/assets/docs/advanced/multiple-tables/source-ts.md b/demo/src/assets/docs/advanced/multiple-tables/source-ts.md
new file mode 100644
index 0000000..86d48ad
--- /dev/null
+++ b/demo/src/assets/docs/advanced/multiple-tables/source-ts.md
@@ -0,0 +1,47 @@
+```typescript
+import { Component, OnInit, QueryList, ViewChildren } from '@angular/core';
+import { DataTableDirective } from 'angular-datatables';
+import { Config } from 'datatables.net';
+
+@Component({
+  selector: 'app-multiple-tables',
+  templateUrl: 'multiple-tables.component.html'
+})
+export class MultipleTablesComponent implements OnInit {
+
+  @ViewChildren(DataTableDirective)
+  dtElements: QueryList<DataTableDirective>;
+
+  dtOptions: Config[] = [];
+
+  displayToConsole(): void {
+    this.dtElements.forEach((dtElement: DataTableDirective, index: number) => {
+      dtElement.dtInstance.then((dtInstance: any) => {
+        console.log(`The DataTable ${index} instance ID is: ${dtInstance.table().node().id}`);
+      });
+    });
+  }
+
+  ngOnInit(): void {
+    this.dtOptions[0] = this.buildDtOptions('data/data.json');
+    this.dtOptions[1] = this.buildDtOptions('data/data1.json');
+  }
+
+  private buildDtOptions(url: string): Config {
+    return {
+      ajax: url,
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+}
+
+```
diff --git a/demo/src/assets/docs/advanced/rerender/intro.md b/demo/src/assets/docs/advanced/rerender/intro.md
new file mode 100644
index 0000000..47c6047
--- /dev/null
+++ b/demo/src/assets/docs/advanced/rerender/intro.md
@@ -0,0 +1 @@
+For some cases, you may need to rerender your table. You can use the <a href="https://datatables.net/reference/api/destroy()">DataTable destroy() API</a> to remove the table and re-use the `dtTrigger` to render the table again.
diff --git a/demo/src/assets/docs/advanced/rerender/source-html.md b/demo/src/assets/docs/advanced/rerender/source-html.md
new file mode 100644
index 0000000..64bac7c
--- /dev/null
+++ b/demo/src/assets/docs/advanced/rerender/source-html.md
@@ -0,0 +1,8 @@
+```html
+  <p>
+    <button type="button" class="btn waves-effect waves-light blue" (click)="rerender()">
+      Rerender
+    </button>
+  </p>
+  <table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="row-border hover"></table>
+```
diff --git a/demo/src/assets/docs/advanced/rerender/source-ts-dtv1.md b/demo/src/assets/docs/advanced/rerender/source-ts-dtv1.md
new file mode 100644
index 0000000..adc73b1
--- /dev/null
+++ b/demo/src/assets/docs/advanced/rerender/source-ts-dtv1.md
@@ -0,0 +1,52 @@
+```typescript
+import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { DataTableDirective } from 'angular-datatables';
+import { Subject } from 'rxjs';
+
+@Component({
+  selector: 'app-rerender',
+  templateUrl: 'rerender.component.html'
+})
+export class RerenderComponent implements AfterViewInit, OnDestroy, OnInit {
+  @ViewChild(DataTableDirective, {static: false})
+  dtElement: DataTableDirective;
+
+  dtOptions: DataTables.Settings = {};
+
+  dtTrigger: Subject = new Subject();
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+
+  ngAfterViewInit(): void {
+    this.dtTrigger.next();
+  }
+
+  ngOnDestroy(): void {
+    // Do not forget to unsubscribe the event
+    this.dtTrigger.unsubscribe();
+  }
+
+  rerender(): void {
+    this.dtElement.dtInstance.then((dtInstance: DataTables.Api) => {
+      // Destroy the table first
+      dtInstance.destroy();
+      // Call the dtTrigger to rerender again
+      this.dtTrigger.next();
+    });
+  }
+}
+```
diff --git a/demo/src/assets/docs/advanced/rerender/source-ts.md b/demo/src/assets/docs/advanced/rerender/source-ts.md
new file mode 100644
index 0000000..8c474fa
--- /dev/null
+++ b/demo/src/assets/docs/advanced/rerender/source-ts.md
@@ -0,0 +1,55 @@
+```typescript
+import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { DataTableDirective } from 'angular-datatables';
+import { Config } from 'datatables.net';
+import { Subject } from 'rxjs';
+
+@Component({
+  selector: 'app-rerender',
+  templateUrl: 'rerender.component.html'
+})
+export class RerenderComponent implements AfterViewInit, OnDestroy, OnInit {
+
+  @ViewChild(DataTableDirective, {static: false})
+  dtElement: DataTableDirective;
+
+  dtOptions: Config = {};
+
+  dtTrigger: Subject<any> = new Subject();
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+
+  ngAfterViewInit(): void {
+    this.dtTrigger.next(null);
+  }
+
+  ngOnDestroy(): void {
+    // Do not forget to unsubscribe the event
+    this.dtTrigger.unsubscribe();
+  }
+
+  rerender(): void {
+    this.dtElement.dtInstance.then(dtInstance => {
+      // Destroy the table first
+      dtInstance.destroy();
+      // Call the dtTrigger to rerender again
+      this.dtTrigger.next(null);
+    });
+  }
+}
+
+```
diff --git a/demo/src/assets/docs/advanced/router-link/intro.md b/demo/src/assets/docs/advanced/router-link/intro.md
new file mode 100644
index 0000000..3302095
--- /dev/null
+++ b/demo/src/assets/docs/advanced/router-link/intro.md
@@ -0,0 +1 @@
+You can attach the router links to the buttons.
diff --git a/demo/src/assets/docs/advanced/router-link/source-html.md b/demo/src/assets/docs/advanced/router-link/source-html.md
new file mode 100644
index 0000000..2cabc06
--- /dev/null
+++ b/demo/src/assets/docs/advanced/router-link/source-html.md
@@ -0,0 +1,3 @@
+```html
+<table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="row-border hover"></table>
+```
diff --git a/demo/src/assets/docs/advanced/router-link/source-ts-dtv1.md b/demo/src/assets/docs/advanced/router-link/source-ts-dtv1.md
new file mode 100644
index 0000000..19d4736
--- /dev/null
+++ b/demo/src/assets/docs/advanced/router-link/source-ts-dtv1.md
@@ -0,0 +1,43 @@
+```typescript
+import { AfterViewInit, Component, OnInit, Renderer2 } from '@angular/core';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-router-link',
+  templateUrl: 'router-link.component.html'
+})
+export class RouterLinkComponent implements AfterViewInit, OnInit {
+  dtOptions: DataTables.Settings = {};
+
+  constructor(private renderer: Renderer2, private router: Router) { }
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }, {
+        title: 'Action',
+        render: function (data: any, type: any, full: any) {
+          return 'View';
+        }
+      }]
+    };
+  }
+
+  ngAfterViewInit(): void {
+    this.renderer.listen('document', 'click', (event) => {
+      if (event.target.hasAttribute("view-person-id")) {
+        this.router.navigate(["/person/" + event.target.getAttribute("view-person-id")]);
+      }
+    });
+  }
+}
+```
diff --git a/demo/src/assets/docs/advanced/router-link/source-ts.md b/demo/src/assets/docs/advanced/router-link/source-ts.md
new file mode 100644
index 0000000..710d235
--- /dev/null
+++ b/demo/src/assets/docs/advanced/router-link/source-ts.md
@@ -0,0 +1,72 @@
+```typescript
+import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { Subject } from 'rxjs';
+import { IDemoNgComponentEventType } from './demo-ng-template-ref-event-type';
+import { DemoNgComponent } from './demo-ng-template-ref.component';
+import { ADTSettings } from 'angular-datatables/src/models/settings';
+
+@Component({
+  selector: 'app-router-link',
+  templateUrl: 'router-link.component.html'
+})
+export class RouterLinkComponent implements AfterViewInit, OnInit, OnDestroy {
+
+  dtOptions: ADTSettings = {};
+  dtTrigger = new Subject<ADTSettings>();
+
+  @ViewChild('demoNg') demoNg: TemplateRef<DemoNgComponent>;
+
+  constructor(
+    private router: Router
+  ) { }
+
+  ngOnInit(): void {
+  }
+
+  ngAfterViewInit() {
+    const self = this;
+    // init here as we use ViewChild ref
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [
+        {
+          title: 'ID',
+          data: 'id'
+        }, {
+          title: 'First name',
+          data: 'firstName'
+        }, {
+          title: 'Last name',
+          data: 'lastName'
+        },
+        {
+          title: 'Action',
+          defaultContent: '',
+          ngTemplateRef: {
+            ref: this.demoNg,
+            context: {
+              // needed for capturing events inside <ng-template>
+              captureEvents: self.onCaptureEvent.bind(self)
+            }
+          }
+        }
+      ]
+    };
+
+    // race condition fails unit tests if dtOptions isn't sent with dtTrigger
+    setTimeout(() => {
+      this.dtTrigger.next(this.dtOptions);
+    }, 200);
+  }
+
+  onCaptureEvent(event: IDemoNgComponentEventType) {
+    this.router.navigate(["/person/" + event.data.id]);
+  }
+
+  ngOnDestroy(): void {
+    this.dtTrigger?.unsubscribe();
+  }
+}
+
+```
diff --git a/demo/src/assets/docs/advanced/row-click/intro.md b/demo/src/assets/docs/advanced/row-click/intro.md
new file mode 100644
index 0000000..b434cf5
--- /dev/null
+++ b/demo/src/assets/docs/advanced/row-click/intro.md
@@ -0,0 +1 @@
+Simple example to bind a click event on each row of the DataTable with the help of `rowCallback`.
diff --git a/demo/src/assets/docs/advanced/row-click/source-html.md b/demo/src/assets/docs/advanced/row-click/source-html.md
new file mode 100644
index 0000000..1b8a576
--- /dev/null
+++ b/demo/src/assets/docs/advanced/row-click/source-html.md
@@ -0,0 +1,6 @@
+```html
+<blockquote>Please click on a row</blockquote>
+<p class="text-danger">You clicked on: <strong>{{ message }}</strong></p>
+<br />
+<table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+```
diff --git a/demo/src/assets/docs/advanced/row-click/source-ts-dtv1.md b/demo/src/assets/docs/advanced/row-click/source-ts-dtv1.md
new file mode 100644
index 0000000..c626178
--- /dev/null
+++ b/demo/src/assets/docs/advanced/row-click/source-ts-dtv1.md
@@ -0,0 +1,46 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'row-click-event',
+  templateUrl: 'row-click-event.component.html'
+})
+export class RowClickEventComponent implements OnInit {
+  message = '';
+  dtOptions: DataTables.Settings = {};
+
+  constructor() { }
+
+  someClickHandler(info: any): void {
+    this.message = info.id + ' - ' + info.firstName;
+  }
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }],
+      rowCallback: (row: Node, data: any[] | Object, index: number) => {
+        const self = this;
+        // Unbind first in order to avoid any duplicate handler
+        // (see https://github.com/GlobalArtInc/angular-datatables/issues/87)
+        // Note: In newer jQuery v3 versions, `unbind` and `bind` are 
+        // deprecated in favor of `off` and `on`
+        $('td', row).off('click');
+        $('td', row).on('click', () => {
+          self.someClickHandler(data);
+        });
+        return row;
+      }
+    };
+  }
+}
+```
diff --git a/demo/src/assets/docs/advanced/row-click/source-ts.md b/demo/src/assets/docs/advanced/row-click/source-ts.md
new file mode 100644
index 0000000..38e1240
--- /dev/null
+++ b/demo/src/assets/docs/advanced/row-click/source-ts.md
@@ -0,0 +1,49 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+import { Config } from 'datatables.net';
+
+@Component({
+  selector: 'app-row-click-event',
+  templateUrl: 'row-click-event.component.html'
+})
+export class RowClickEventComponent implements OnInit {
+
+  message = '';
+  dtOptions: Config = {};
+
+  constructor() { }
+
+  someClickHandler(info: any): void {
+    this.message = info.id + ' - ' + info.firstName;
+  }
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }],
+      rowCallback: (row: Node, data: any[] | Object, index: number) => {
+        const self = this;
+        // Unbind first in order to avoid any duplicate handler
+        // (see https://github.com/GlobalArtInc/angular-datatables/issues/87)
+        // Note: In newer jQuery v3 versions, `unbind` and `bind` are
+        // deprecated in favor of `off` and `on`
+        $('td', row).off('click');
+        $('td', row).on('click', () => {
+          self.someClickHandler(data);
+        });
+        return row;
+      }
+    };
+  }
+}
+
+```
diff --git a/demo/src/assets/docs/advanced/using-ng-pipe/intro.md b/demo/src/assets/docs/advanced/using-ng-pipe/intro.md
new file mode 100644
index 0000000..c9375d2
--- /dev/null
+++ b/demo/src/assets/docs/advanced/using-ng-pipe/intro.md
@@ -0,0 +1 @@
+You can use Angular Pipe to transform data on the table.
diff --git a/demo/src/assets/docs/advanced/using-ng-pipe/source-html.md b/demo/src/assets/docs/advanced/using-ng-pipe/source-html.md
new file mode 100644
index 0000000..5c0933e
--- /dev/null
+++ b/demo/src/assets/docs/advanced/using-ng-pipe/source-html.md
@@ -0,0 +1,3 @@
+```html
+<table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+```
diff --git a/demo/src/assets/docs/advanced/using-ng-pipe/source-ts-dtv1.md b/demo/src/assets/docs/advanced/using-ng-pipe/source-ts-dtv1.md
new file mode 100644
index 0000000..ffb91e5
--- /dev/null
+++ b/demo/src/assets/docs/advanced/using-ng-pipe/source-ts-dtv1.md
@@ -0,0 +1,55 @@
+```typescript
+// app.module.ts
+...,
+providers: [
+  UpperCasePipe,
+  CurrencyPipe     // declare your Pipe here
+],
+
+// using-ng-pipe.component
+
+import { UpperCasePipe, CurrencyPipe } from '@angular/common';
+import { Component, OnInit } from '@angular/core';
+import { ADTSettings } from 'angular-datatables/src/models/settings';
+
+@Component({
+  selector: 'app-using-ng-pipe',
+  templateUrl: './using-ng-pipe.component.html'
+})
+export class UsingNgPipeComponent implements OnInit {
+
+  constructor(
+    private pipeInstance: UpperCasePipe, // inject the Pipe
+    private pipeCurrencyInstance: CurrencyPipe // inject the Pipe
+  ) { }
+
+  dtOptions: ADTSettings = {};
+
+  ngOnInit(): void {
+
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [
+        {
+          title: 'Id (Money)',
+          data: 'id',
+          ngPipeInstance: this.pipeCurrencyInstance,
+          ngPipeArgs: ['USD','symbol']
+        },
+        {
+          title: 'First name',
+          data: 'firstName',
+          ngPipeInstance: this.pipeInstance
+        },
+        {
+          title: 'Last name',
+          data: 'lastName',
+          ngPipeInstance: this.pipeInstance
+        }
+      ]
+    };
+
+  }
+}
+
+```
diff --git a/demo/src/assets/docs/advanced/using-ng-pipe/source-ts.md b/demo/src/assets/docs/advanced/using-ng-pipe/source-ts.md
new file mode 100644
index 0000000..d763c8b
--- /dev/null
+++ b/demo/src/assets/docs/advanced/using-ng-pipe/source-ts.md
@@ -0,0 +1,47 @@
+```typescript
+import { CurrencyPipe, UpperCasePipe } from '@angular/common';
+import { Component, OnInit } from '@angular/core';
+import { ADTSettings } from 'angular-datatables/src/models/settings';
+
+@Component({
+  selector: 'app-using-ng-pipe',
+  templateUrl: './using-ng-pipe.component.html'
+})
+export class UsingNgPipeComponent implements OnInit {
+
+  constructor(
+    private pipeInstance: UpperCasePipe,
+    public pipeCurrencyInstance: CurrencyPipe
+  ) { }
+
+  dtOptions: ADTSettings = {};
+
+  ngOnInit(): void {
+
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [
+        {
+          title: 'Id (Money)',
+          data: 'id',
+          ngPipeInstance: this.pipeCurrencyInstance,
+          ngPipeArgs: ['USD','symbol']
+        },
+        {
+          title: 'First name',
+          data: 'firstName',
+          ngPipeInstance: this.pipeInstance
+        },
+        {
+          title: 'Last name',
+          data: 'lastName',
+          ngPipeInstance: this.pipeInstance
+        }
+      ]
+    };
+
+  }
+
+}
+
+```
diff --git a/demo/src/assets/docs/advanced/using-ng-template-ref/intro.md b/demo/src/assets/docs/advanced/using-ng-template-ref/intro.md
new file mode 100644
index 0000000..29c5115
--- /dev/null
+++ b/demo/src/assets/docs/advanced/using-ng-template-ref/intro.md
@@ -0,0 +1 @@
+You can use Angular `TemplateRef` acquired from `ViewChild` or passing it from HTML to transform data on the table.
diff --git a/demo/src/assets/docs/advanced/using-ng-template-ref/source-html.md b/demo/src/assets/docs/advanced/using-ng-template-ref/source-html.md
new file mode 100644
index 0000000..6181f66
--- /dev/null
+++ b/demo/src/assets/docs/advanced/using-ng-template-ref/source-html.md
@@ -0,0 +1,11 @@
+```html
+
+<!-- demo-ng-template-ref.component.html -->
+<div class="btn-group d-block text-center">
+  <button class="btn btn-sm btn-dark" (click)="onAction1()">Action 1</button>
+</div>
+
+<!-- using-ng-template-ref.component.html -->
+<table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+
+```
diff --git a/demo/src/assets/docs/advanced/using-ng-template-ref/source-ts.md b/demo/src/assets/docs/advanced/using-ng-template-ref/source-ts.md
new file mode 100644
index 0000000..c7db7d7
--- /dev/null
+++ b/demo/src/assets/docs/advanced/using-ng-template-ref/source-ts.md
@@ -0,0 +1,116 @@
+```typescript
+// demo-ng-template-ref.component.ts
+
+import { Component, Input, OnInit, Output } from "@angular/core";
+import { Subject } from "rxjs";
+import { IDemoNgComponentEventType } from "./demo-ng-template-ref-event-type";
+
+@Component({
+  selector: "app-demo-ng-template-ref",
+  templateUrl: "./demo-ng-template-ref.component.html",
+})
+export class DemoNgComponent implements OnInit {
+  constructor() {}
+
+  @Output()
+  emitter = new Subject<IDemoNgComponentEventType>();
+
+  @Input()
+  data = {};
+
+  ngOnInit(): void {}
+
+  onAction1() {
+    this.emitter.next({
+      cmd: "action1",
+      data: this.data,
+    });
+  }
+
+  ngOnDestroy() {
+    this.emitter.unsubscribe();
+  }
+}
+
+// demo-ng-template-ref-event-type.ts
+
+export interface IDemoNgComponentEventType {
+  cmd: string;
+  data: any;
+}
+
+// ng-template-ref.component.ts
+
+import { AfterViewInit, Component, OnInit, TemplateRef, ViewChild } from '@angular/core';
+import { ADTSettings,  } from 'angular-datatables/src/models/settings';
+import { Subject } from 'rxjs';
+import { IDemoNgComponentEventType } from './demo-ng-template-ref-event-type';
+import { DemoNgComponent } from './demo-ng-template-ref.component';
+
+@Component({
+  selector: 'app-using-ng-template-ref',
+  templateUrl: './using-ng-template-ref.component.html',
+})
+export class UsingNgTemplateRefComponent implements OnInit, AfterViewInit {
+
+  constructor() { }
+
+  dtOptions: ADTSettings = {};
+  dtTrigger: Subject<ADTSettings> = new Subject<ADTSettings>();
+
+  @ViewChild('demoNg') demoNg: TemplateRef<DemoNgComponent>;
+  message = '';
+
+  ngOnInit(): void {
+    // use setTimeout as a hack to ensure the `demoNg` is usable in the datatables rowCallback function
+    setTimeout(() => {
+      const self = this;
+      this.dtOptions = {
+        ajax: 'data/data.json',
+        columns: [
+          {
+            title: 'ID',
+            data: 'id'
+          },
+          {
+            title: 'First name',
+            data: 'firstName',
+          },
+          {
+            title: 'Last name',
+            data: 'lastName'
+          },
+          {
+            title: 'Actions',
+            data: null,
+            defaultContent: '',
+            ngTemplateRef: {
+              ref: this.demoNg,
+              context: {
+                // needed for capturing events inside <ng-template>
+                captureEvents: self.onCaptureEvent.bind(self)
+              }
+            }
+          }
+        ]
+      };
+    });
+  }
+
+  ngAfterViewInit() {
+    setTimeout(() => {
+      // race condition fails unit tests if dtOptions isn't sent with dtTrigger
+      this.dtTrigger.next(this.dtOptions);
+    }, 200);
+  }
+
+  onCaptureEvent(event: IDemoNgComponentEventType) {
+    this.message = `Event '${event.cmd}' with data '${JSON.stringify(event.data)}`;
+  }
+
+  ngOnDestroy(): void {
+    // Do not forget to unsubscribe the event
+    this.dtTrigger.unsubscribe();
+  }
+}
+```
diff --git a/demo/src/assets/docs/basic/angular-way/intro.md b/demo/src/assets/docs/basic/angular-way/intro.md
new file mode 100644
index 0000000..57fabb2
--- /dev/null
+++ b/demo/src/assets/docs/basic/angular-way/intro.md
@@ -0,0 +1 @@
+You can use the angular directives to render the table. Angular-datatables provides a <code>dtTrigger</code> you can use to manually trigger the rendering of the table.
diff --git a/demo/src/assets/docs/basic/angular-way/source-html.md b/demo/src/assets/docs/basic/angular-way/source-html.md
new file mode 100644
index 0000000..ba6f3f3
--- /dev/null
+++ b/demo/src/assets/docs/basic/angular-way/source-html.md
@@ -0,0 +1,18 @@
+```html
+<table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="row-border hover">
+  <thead>
+    <tr>
+      <th>ID</th>
+      <th>First name</th>
+      <th>Last name</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr *ngFor="let person of persons">
+      <td>{{ person.id }}</td>
+      <td>{{ person.firstName }}</td>
+      <td>{{ person.lastName }}</td>
+    </tr>
+  </tbody>
+</table>
+```
diff --git a/demo/src/assets/docs/basic/angular-way/source-ts.md b/demo/src/assets/docs/basic/angular-way/source-ts.md
new file mode 100644
index 0000000..d690d3f
--- /dev/null
+++ b/demo/src/assets/docs/basic/angular-way/source-ts.md
@@ -0,0 +1,42 @@
+```typescript
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Subject } from 'rxjs';
+import { Person } from '../person';
+
+import 'rxjs/add/operator/map';
+
+@Component({
+  selector: 'app-angular-way',
+  templateUrl: 'angular-way.component.html'
+})
+export class AngularWayComponent implements OnDestroy, OnInit {
+
+  dtOptions: DataTables.Settings = {};
+  persons: Person[] = [];
+
+  // We use this trigger because fetching the list of persons can be quite long,
+  // thus we ensure the data is fetched before rendering
+  dtTrigger: Subject<any> = new Subject<any>();
+
+  constructor(private httpClient: HttpClient) { }
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      pagingType: 'full_numbers',
+      pageLength: 2
+    };
+    this.httpClient.get<Person[]>('data/data.json')
+      .subscribe(data => {
+        this.persons = (data as any).data;
+        // Calling the DT trigger to manually render the table
+        this.dtTrigger.next();
+      });
+  }
+
+  ngOnDestroy(): void {
+    // Do not forget to unsubscribe the event
+    this.dtTrigger.unsubscribe();
+  }
+}
+```
diff --git a/demo/src/assets/docs/basic/new-server-side/intro.md b/demo/src/assets/docs/basic/new-server-side/intro.md
new file mode 100644
index 0000000..0cb5772
--- /dev/null
+++ b/demo/src/assets/docs/basic/new-server-side/intro.md
@@ -0,0 +1 @@
+For server side processing, you need to set `serverSide: true` and override the `ajax` option and connect to your API.
diff --git a/demo/src/assets/docs/basic/new-server-side/source-html.md b/demo/src/assets/docs/basic/new-server-side/source-html.md
new file mode 100644
index 0000000..aff86c5
--- /dev/null
+++ b/demo/src/assets/docs/basic/new-server-side/source-html.md
@@ -0,0 +1,3 @@
+```html
+  <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+```
diff --git a/demo/src/assets/docs/basic/new-server-side/source-ts-dtv1.md b/demo/src/assets/docs/basic/new-server-side/source-ts-dtv1.md
new file mode 100644
index 0000000..c46ff0f
--- /dev/null
+++ b/demo/src/assets/docs/basic/new-server-side/source-ts-dtv1.md
@@ -0,0 +1,40 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-with-ajax',
+  templateUrl: 'with-ajax.component.html'
+})
+export class WithAjaxComponent implements OnInit {
+  dtOptions: DataTables.Settings = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      serverSide: true,     // Set the flag 
+      ajax: (dataTablesParameters: any, callback) => {
+        that.http
+          .post<DataTablesResponse>(
+            'https://xtlncifojk.eu07.qoddiapp.com/',
+            dataTablesParameters, {}
+          ).subscribe(resp => {
+            callback({
+              recordsTotal: resp.recordsTotal,
+              recordsFiltered: resp.recordsFiltered,
+              data: resp.data
+            });
+          });
+      },
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+}
+```
diff --git a/demo/src/assets/docs/basic/new-server-side/source-ts.md b/demo/src/assets/docs/basic/new-server-side/source-ts.md
new file mode 100644
index 0000000..b47daed
--- /dev/null
+++ b/demo/src/assets/docs/basic/new-server-side/source-ts.md
@@ -0,0 +1,42 @@
+```typescript
+import { Component } from "@angular/core";
+import { Config } from "datatables.net";
+
+@Component({
+  selector: "app-new-server-side",
+  templateUrl: "./new-server-side.component.html",
+  styleUrls: ["./new-server-side.component.css"],
+})
+export class NewServerSideComponent {
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      serverSide: true, // Set the flag
+      ajax: (dataTablesParameters: any, callback) => {
+        that.http.post<DataTablesResponse>("https://somedomain.com/api/1/data/", dataTablesParameters, {}).subscribe((resp) => {
+          callback({
+            recordsTotal: resp.recordsTotal,
+            recordsFiltered: resp.recordsFiltered,
+            data: resp.data,
+          });
+        });
+      },
+      columns: [
+        {
+          title: "ID",
+          data: "id",
+        },
+        {
+          title: "First name",
+          data: "firstName",
+        },
+        {
+          title: "Last name",
+          data: "lastName",
+        },
+      ],
+    };
+  }
+}
+```
diff --git a/demo/src/assets/docs/basic/server-side-angular-way/intro.md b/demo/src/assets/docs/basic/server-side-angular-way/intro.md
new file mode 100644
index 0000000..aedf93b
--- /dev/null
+++ b/demo/src/assets/docs/basic/server-side-angular-way/intro.md
@@ -0,0 +1 @@
+For server side processing, you need to override the `ajax` option and connect to your API.
diff --git a/demo/src/assets/docs/basic/server-side-angular-way/source-html.md b/demo/src/assets/docs/basic/server-side-angular-way/source-html.md
new file mode 100644
index 0000000..24def92
--- /dev/null
+++ b/demo/src/assets/docs/basic/server-side-angular-way/source-html.md
@@ -0,0 +1,23 @@
+```html
+<table datatable [dtOptions]="dtOptions" class="row-border hover">
+  <thead>
+    <tr>
+      <th>ID</th>
+      <th>First name</th>
+      <th>Last name</th>
+    </tr>
+  </thead>
+  <tbody *ngIf="persons?.length != 0">
+    <tr *ngFor="let person of persons">
+      <td>{{ person.id }}</td>
+      <td>{{ person.firstName }}</td>
+      <td>{{ person.lastName }}</td>
+    </tr>
+  </tbody>
+  <tbody *ngIf="persons?.length == 0">
+    <tr>
+      <td colspan="3" class="no-data-available">No data!</td>
+    </tr>
+  </tbody>
+</table>
+```
diff --git a/demo/src/assets/docs/basic/server-side-angular-way/source-ts.md b/demo/src/assets/docs/basic/server-side-angular-way/source-ts.md
new file mode 100644
index 0000000..aad4715
--- /dev/null
+++ b/demo/src/assets/docs/basic/server-side-angular-way/source-ts.md
@@ -0,0 +1,53 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+import { HttpClient, HttpResponse } from '@angular/common/http';
+import { Person } from '../person';
+
+class DataTablesResponse {
+  data: any[];
+  draw: number;
+  recordsFiltered: number;
+  recordsTotal: number;
+}
+
+@Component({
+  selector: 'app-server-side-angular-way',
+  templateUrl: 'server-side-angular-way.component.html',
+  styleUrls: ['server-side-angular-way.component.css']
+})
+export class ServerSideAngularWayComponent implements OnInit {
+
+  dtOptions: DataTables.Settings = {};
+  persons: Person[];
+
+  constructor(private http: HttpClient) {}
+
+  ngOnInit(): void {
+    const that = this;
+
+    this.dtOptions = {
+      pagingType: 'full_numbers',
+      pageLength: 2,
+      serverSide: true,
+      processing: true,
+      ajax: (dataTablesParameters: any, callback) => {
+        that.http
+          .post<DataTablesResponse>(
+            'https://xtlncifojk.eu07.qoddiapp.com/',
+            dataTablesParameters, {}
+          ).subscribe(resp => {
+            that.persons = resp.data;
+
+            callback({
+              recordsTotal: resp.recordsTotal,
+              recordsFiltered: resp.recordsFiltered,
+              data: []
+            });
+          });
+      },
+      columns: [{ data: 'id' }, { data: 'firstName' }, { data: 'lastName' }]
+    };
+  }
+}
+
+```
diff --git a/demo/src/assets/docs/basic/with-ajax-callback/intro.md b/demo/src/assets/docs/basic/with-ajax-callback/intro.md
new file mode 100644
index 0000000..89120a6
--- /dev/null
+++ b/demo/src/assets/docs/basic/with-ajax-callback/intro.md
@@ -0,0 +1 @@
+You can also fetch the data from a server using an Ajax call.
diff --git a/demo/src/assets/docs/basic/with-ajax-callback/source-html.md b/demo/src/assets/docs/basic/with-ajax-callback/source-html.md
new file mode 100644
index 0000000..aff86c5
--- /dev/null
+++ b/demo/src/assets/docs/basic/with-ajax-callback/source-html.md
@@ -0,0 +1,3 @@
+```html
+  <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+```
diff --git a/demo/src/assets/docs/basic/with-ajax-callback/source-ts-dtv1.md b/demo/src/assets/docs/basic/with-ajax-callback/source-ts-dtv1.md
new file mode 100644
index 0000000..54c919c
--- /dev/null
+++ b/demo/src/assets/docs/basic/with-ajax-callback/source-ts-dtv1.md
@@ -0,0 +1,39 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-with-ajax',
+  templateUrl: 'with-ajax.component.html'
+})
+export class WithAjaxComponent implements OnInit {
+  dtOptions: DataTables.Settings = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: (dataTablesParameters: any, callback) => {
+        that.http
+          .post<DataTablesResponse>(
+            'https://xtlncifojk.eu07.qoddiapp.com/',
+            dataTablesParameters, {}
+          ).subscribe(resp => {
+            callback({
+              recordsTotal: resp.recordsTotal,
+              recordsFiltered: resp.recordsFiltered,
+              data: resp.data             // <-- see here
+            });
+          });
+      },
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+}
+```
diff --git a/demo/src/assets/docs/basic/with-ajax-callback/source-ts.md b/demo/src/assets/docs/basic/with-ajax-callback/source-ts.md
new file mode 100644
index 0000000..7bfa3b0
--- /dev/null
+++ b/demo/src/assets/docs/basic/with-ajax-callback/source-ts.md
@@ -0,0 +1,49 @@
+```typescript
+import { HttpClient } from '@angular/common/http';
+import { Component, OnInit } from '@angular/core';
+import { Config } from 'datatables.net';
+import { DataTablesResponse } from '../../datatables-response.model';
+
+@Component({
+  selector: 'app-with-ajax-callback',
+  templateUrl: './with-ajax-callback.component.html'
+})
+export class WithAjaxCallbackComponent implements OnInit {
+
+  constructor(
+    private http: HttpClient
+  ) { }
+
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    const that = this;
+    this.dtOptions = {
+      ajax: (dataTablesParameters: any, callback) => {
+        that.http
+          .post<DataTablesResponse>(
+            'https://xtlncifojk.eu07.qoddiapp.com/',
+            dataTablesParameters, {}
+          ).subscribe(resp => {
+            callback({
+              recordsTotal: resp.recordsTotal,
+              recordsFiltered: resp.recordsFiltered,
+              data: resp.data
+            });
+          });
+      },
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+}
+
+```
diff --git a/demo/src/assets/docs/basic/with-ajax/intro.md b/demo/src/assets/docs/basic/with-ajax/intro.md
new file mode 100644
index 0000000..89120a6
--- /dev/null
+++ b/demo/src/assets/docs/basic/with-ajax/intro.md
@@ -0,0 +1 @@
+You can also fetch the data from a server using an Ajax call.
diff --git a/demo/src/assets/docs/basic/with-ajax/source-html.md b/demo/src/assets/docs/basic/with-ajax/source-html.md
new file mode 100644
index 0000000..aff86c5
--- /dev/null
+++ b/demo/src/assets/docs/basic/with-ajax/source-html.md
@@ -0,0 +1,3 @@
+```html
+  <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+```
diff --git a/demo/src/assets/docs/basic/with-ajax/source-ts-dtv1.md b/demo/src/assets/docs/basic/with-ajax/source-ts-dtv1.md
new file mode 100644
index 0000000..8ceb717
--- /dev/null
+++ b/demo/src/assets/docs/basic/with-ajax/source-ts-dtv1.md
@@ -0,0 +1,27 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-with-ajax',
+  templateUrl: 'with-ajax.component.html'
+})
+export class WithAjaxComponent implements OnInit {
+  dtOptions: DataTables.Settings = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+}
+```
diff --git a/demo/src/assets/docs/basic/with-ajax/source-ts.md b/demo/src/assets/docs/basic/with-ajax/source-ts.md
new file mode 100644
index 0000000..f41a36b
--- /dev/null
+++ b/demo/src/assets/docs/basic/with-ajax/source-ts.md
@@ -0,0 +1,29 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+import { Config } from 'datatables.net';
+
+@Component({
+  selector: 'app-with-ajax',
+  templateUrl: 'with-ajax.component.html'
+})
+export class WithAjaxComponent implements OnInit {
+
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }]
+    };
+  }
+}
+```
diff --git a/demo/src/assets/docs/basic/with-options/intro.md b/demo/src/assets/docs/basic/with-options/intro.md
new file mode 100644
index 0000000..ac76e67
--- /dev/null
+++ b/demo/src/assets/docs/basic/with-options/intro.md
@@ -0,0 +1 @@
+You need to provide the <code>dtOptions</code> in the input.
diff --git a/demo/src/assets/docs/basic/with-options/source-html.md b/demo/src/assets/docs/basic/with-options/source-html.md
new file mode 100644
index 0000000..074fc21
--- /dev/null
+++ b/demo/src/assets/docs/basic/with-options/source-html.md
@@ -0,0 +1,73 @@
+```html
+<table datatable [dtOptions]="dtOptions" class="row-border hover">
+  <thead>
+    <tr>
+      <th>ID</th>
+      <th>First name</th>
+      <th>Last name</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>1</td>
+      <td>Foo</td>
+      <td>Bar</td>
+    </tr>
+    <tr>
+      <td>2</td>
+      <td>Someone</td>
+      <td>Youknow</td>
+    </tr>
+    <tr>
+      <td>3</td>
+      <td>Iamout</td>
+      <td>Ofinspiration</td>
+    </tr>
+    <tr>
+      <td>4</td>
+      <td>Yoda</td>
+      <td>Skywalker</td>
+    </tr>
+    <tr>
+      <td>5</td>
+      <td>Patrick</td>
+      <td>Dupont</td>
+    </tr>
+    <tr>
+      <td>6</td>
+      <td>Barack</td>
+      <td>Obama</td>
+    </tr>
+    <tr>
+      <td>7</td>
+      <td>François</td>
+      <td>Holland</td>
+    </tr>
+    <tr>
+      <td>8</td>
+      <td>Michel</td>
+      <td>Popo</td>
+    </tr>
+    <tr>
+      <td>9</td>
+      <td>Chuck</td>
+      <td>Norris</td>
+    </tr>
+    <tr>
+      <td>10</td>
+      <td>Simon</td>
+      <td>Robin</td>
+    </tr>
+    <tr>
+      <td>11</td>
+      <td>Louis</td>
+      <td>Lin</td>
+    </tr>
+    <tr>
+      <td>12</td>
+      <td>Zelda</td>
+      <td>Link</td>
+    </tr>
+  </tbody>
+</table>
+```
diff --git a/demo/src/assets/docs/basic/with-options/source-ts-dtv1.md b/demo/src/assets/docs/basic/with-options/source-ts-dtv1.md
new file mode 100644
index 0000000..ce33f98
--- /dev/null
+++ b/demo/src/assets/docs/basic/with-options/source-ts-dtv1.md
@@ -0,0 +1,17 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'with-options',
+  templateUrl: 'with-options.component.html'
+})
+export class WithOptionsComponent implements OnInit {
+  dtOptions: DataTables.Settings = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      pagingType: 'full_numbers'
+    };
+  }
+}
+```
diff --git a/demo/src/assets/docs/basic/with-options/source-ts.md b/demo/src/assets/docs/basic/with-options/source-ts.md
new file mode 100644
index 0000000..f155ece
--- /dev/null
+++ b/demo/src/assets/docs/basic/with-options/source-ts.md
@@ -0,0 +1,20 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+import { Config } from 'datatables.net';
+
+@Component({
+  selector: 'app-with-options',
+  templateUrl: 'with-options.component.html'
+})
+export class WithOptionsComponent implements OnInit {
+
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      pagingType: 'full_numbers'
+    };
+  }
+}
+
+```
diff --git a/demo/src/assets/docs/basic/zero-config/intro.md b/demo/src/assets/docs/basic/zero-config/intro.md
new file mode 100644
index 0000000..d72c59f
--- /dev/null
+++ b/demo/src/assets/docs/basic/zero-config/intro.md
@@ -0,0 +1,2 @@
+Add `datatable` directive to your `<table>` element to enable DataTables features.
+
diff --git a/demo/src/assets/docs/basic/zero-config/source-html.md b/demo/src/assets/docs/basic/zero-config/source-html.md
new file mode 100644
index 0000000..6871a49
--- /dev/null
+++ b/demo/src/assets/docs/basic/zero-config/source-html.md
@@ -0,0 +1,73 @@
+```html
+<table datatable class="row-border hover">
+  <thead>
+    <tr>
+      <th>ID</th>
+      <th>First name</th>
+      <th>Last name</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>1</td>
+      <td>Foo</td>
+      <td>Bar</td>
+    </tr>
+    <tr>
+      <td>2</td>
+      <td>Someone</td>
+      <td>Youknow</td>
+    </tr>
+    <tr>
+      <td>3</td>
+      <td>Iamout</td>
+      <td>Ofinspiration</td>
+    </tr>
+    <tr>
+      <td>4</td>
+      <td>Yoda</td>
+      <td>Skywalker</td>
+    </tr>
+    <tr>
+      <td>5</td>
+      <td>Patrick</td>
+      <td>Dupont</td>
+    </tr>
+    <tr>
+      <td>6</td>
+      <td>Barack</td>
+      <td>Obama</td>
+    </tr>
+    <tr>
+      <td>7</td>
+      <td>François</td>
+      <td>Holland</td>
+    </tr>
+    <tr>
+      <td>8</td>
+      <td>Michel</td>
+      <td>Popo</td>
+    </tr>
+    <tr>
+      <td>9</td>
+      <td>Chuck</td>
+      <td>Norris</td>
+    </tr>
+    <tr>
+      <td>10</td>
+      <td>Simon</td>
+      <td>Robin</td>
+    </tr>
+    <tr>
+      <td>11</td>
+      <td>Louis</td>
+      <td>Lin</td>
+    </tr>
+    <tr>
+      <td>12</td>
+      <td>Zelda</td>
+      <td>Link</td>
+    </tr>
+  </tbody>
+</table>
+```
diff --git a/demo/src/assets/docs/basic/zero-config/source-ts.md b/demo/src/assets/docs/basic/zero-config/source-ts.md
new file mode 100644
index 0000000..e42a3c5
--- /dev/null
+++ b/demo/src/assets/docs/basic/zero-config/source-ts.md
@@ -0,0 +1,9 @@
+```typescript
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-zero-config',
+  templateUrl: 'zero-config.component.html'
+})
+export class ZeroConfigComponent {}
+```
diff --git a/demo/src/assets/docs/extensions/buttons/installation-dtv1.md b/demo/src/assets/docs/extensions/buttons/installation-dtv1.md
new file mode 100644
index 0000000..b58dbda
--- /dev/null
+++ b/demo/src/assets/docs/extensions/buttons/installation-dtv1.md
@@ -0,0 +1,42 @@
+##### NPM
+
+You need to install its dependencies:
+
+```bash
+# If you want to export excel files
+npm install jszip --save
+# JS file
+npm install datatables.net-buttons --save
+# CSS file
+npm install datatables.net-buttons-dt --save
+# Typings
+npm install @types/datatables.net-buttons --save-dev
+```
+##### angular.json
+
+Add the dependencies in the scripts and styles attributes:
+
+```json  
+{
+  "projects": {
+    "your-app-name": {
+      "architect": {
+        "build": {
+          "options": {
+            "styles": [
+              ...
+              "node_modules/datatables.net-buttons-dt/css/buttons.dataTables.css"
+            ],
+            "scripts": [
+              ...
+              "node_modules/jszip/dist/jszip.js",
+              "node_modules/datatables.net-buttons/js/dataTables.buttons.js",
+              "node_modules/datatables.net-buttons/js/buttons.colVis.js",
+              "node_modules/datatables.net-buttons/js/buttons.flash.js",
+              "node_modules/datatables.net-buttons/js/buttons.html5.js",
+              "node_modules/datatables.net-buttons/js/buttons.print.js"
+            ],
+            ...
+}
+```
+> If you want to have the excel export functionnality, then you must import the jszip.js before the buttons.html5.js file.
diff --git a/demo/src/assets/docs/extensions/buttons/installation.md b/demo/src/assets/docs/extensions/buttons/installation.md
new file mode 100644
index 0000000..78b938b
--- /dev/null
+++ b/demo/src/assets/docs/extensions/buttons/installation.md
@@ -0,0 +1,40 @@
+##### NPM
+
+You need to install its dependencies:
+
+```bash
+# If you want to export excel files
+npm install jszip --save
+# JS file
+npm install datatables.net-buttons --save
+# CSS file (replace `-dt` with the appropriate CSS library)
+npm install datatables.net-buttons-dt --save
+```
+##### angular.json
+
+Add the dependencies in the scripts and styles attributes:
+
+```json  
+{
+  "projects": {
+    "your-app-name": {
+      "architect": {
+        "build": {
+          "options": {
+            "styles": [
+              ...
+              "node_modules/datatables.net-buttons-dt/css/buttons.dataTables.min.css",
+            ],
+            "scripts": [
+              ...
+              "node_modules/jszip/dist/jszip.js",
+              "node_modules/datatables.net-buttons/js/dataTables.buttons.min.js",
+              "node_modules/datatables.net-buttons/js/buttons.colVis.min.js",
+              "node_modules/datatables.net-buttons/js/buttons.flash.min.js",
+              "node_modules/datatables.net-buttons/js/buttons.html5.min.js",
+              "node_modules/datatables.net-buttons/js/buttons.print.min.js",
+            ],
+            ...
+}
+```
+> If you want to have the excel export functionnality, then you must import the jszip.js before the buttons.html5.js file.
diff --git a/demo/src/assets/docs/extensions/buttons/intro.md b/demo/src/assets/docs/extensions/buttons/intro.md
new file mode 100644
index 0000000..b5f4329
--- /dev/null
+++ b/demo/src/assets/docs/extensions/buttons/intro.md
@@ -0,0 +1 @@
+You can use the [Buttons extension](https://datatables.net/extensions/buttons/) with angular-datatables.
diff --git a/demo/src/assets/docs/extensions/buttons/source-html.md b/demo/src/assets/docs/extensions/buttons/source-html.md
new file mode 100644
index 0000000..5c0933e
--- /dev/null
+++ b/demo/src/assets/docs/extensions/buttons/source-html.md
@@ -0,0 +1,3 @@
+```html
+<table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+```
diff --git a/demo/src/assets/docs/extensions/buttons/source-ts-dtv1.md b/demo/src/assets/docs/extensions/buttons/source-ts-dtv1.md
new file mode 100644
index 0000000..35179be
--- /dev/null
+++ b/demo/src/assets/docs/extensions/buttons/source-ts-dtv1.md
@@ -0,0 +1,45 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-buttons-extension',
+  templateUrl: 'buttons-extension.component.html'
+})
+export class ButtonsExtensionComponent implements OnInit {
+  // Must be declared as "any", not as "DataTables.Settings"
+  dtOptions: any = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }],
+      // Declare the use of the extension in the dom parameter
+      dom: 'Bfrtip',
+      // Configure the buttons
+      buttons: [
+        'columnsToggle',
+        'colvis',
+        'copy',
+        'print',
+        'excel',
+        {
+          text: 'Some button',
+          key: '1',
+          action: function (e, dt, node, config) {
+            alert('Button activated');
+          }
+        }
+      ]
+    };
+  }
+}
+```
diff --git a/demo/src/assets/docs/extensions/buttons/source-ts.md b/demo/src/assets/docs/extensions/buttons/source-ts.md
new file mode 100644
index 0000000..7e9e23c
--- /dev/null
+++ b/demo/src/assets/docs/extensions/buttons/source-ts.md
@@ -0,0 +1,53 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+import { Config } from 'datatables.net-dt';
+import 'datatables.net-buttons-dt';
+
+@Component({
+  selector: 'app-buttons-extension',
+  templateUrl: 'buttons-extension.component.html'
+})
+export class ButtonsExtensionComponent implements OnInit {
+
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }],
+      // Declare the use of the extension in the dom parameter
+      dom: 'Bfrtip',
+      // Configure the buttons
+      buttons: [
+        'columnsToggle',
+        'colvis',
+        'copy',
+        {
+          extend: 'csv',
+          text: 'CSV export',
+          fieldSeparator: ';',
+          exportOptions: [1, 2, 3]
+        },
+        'excel',
+        {
+          text: 'Some button',
+          key: '1',
+          action: function (e, dt, node, config) {
+            alert('Button activated');
+          }
+        }
+      ]
+    };
+  }
+}
+
+```
diff --git a/demo/src/assets/docs/extensions/colreorder/installation.md b/demo/src/assets/docs/extensions/colreorder/installation.md
new file mode 100644
index 0000000..4400e96
--- /dev/null
+++ b/demo/src/assets/docs/extensions/colreorder/installation.md
@@ -0,0 +1,32 @@
+##### NPM
+
+You need to install its dependencies:
+```bash
+# JS file
+npm install datatables.net-colreorder --save
+# CSS file
+npm install datatables.net-colreorder-dt --save
+```
+
+##### angular.json
+
+Add the dependencies in the scripts and styles attributes:
+
+```json  
+{
+  "projects": {
+    "your-app-name": {
+      "architect": {
+        "build": {
+          "options": {
+            "styles": [
+              ...
+              "node_modules/datatables.net-colreorder-dt/css/colReorder.dataTables.css"
+            ],
+            "scripts": [
+              ...
+              "node_modules/datatables.net-colreorder/js/dataTables.colReorder.js"
+            ],
+            ...
+}
+```
diff --git a/demo/src/assets/docs/extensions/colreorder/intro.md b/demo/src/assets/docs/extensions/colreorder/intro.md
new file mode 100644
index 0000000..d87fc5e
--- /dev/null
+++ b/demo/src/assets/docs/extensions/colreorder/intro.md
@@ -0,0 +1 @@
+You can use the [ColReorder extension](https://datatables.net/extensions/colreorder/) with angular-datatables.
diff --git a/demo/src/assets/docs/extensions/colreorder/source-html.md b/demo/src/assets/docs/extensions/colreorder/source-html.md
new file mode 100644
index 0000000..5c0933e
--- /dev/null
+++ b/demo/src/assets/docs/extensions/colreorder/source-html.md
@@ -0,0 +1,3 @@
+```html
+<table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+```
diff --git a/demo/src/assets/docs/extensions/colreorder/source-ts-dtv1.md b/demo/src/assets/docs/extensions/colreorder/source-ts-dtv1.md
new file mode 100644
index 0000000..9f2706b
--- /dev/null
+++ b/demo/src/assets/docs/extensions/colreorder/source-ts-dtv1.md
@@ -0,0 +1,34 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-colreorder-extension',
+  templateUrl: 'colreorder-extension.component.html'
+})
+export class ColreorderExtensionComponent implements OnInit {
+  // Must be declared as "any", not as "DataTables.Settings"
+  dtOptions: any = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'No move me!',
+        data: 'id'
+      }, {
+        title: 'Try to move me!',
+        data: 'firstName'
+      }, {
+        title: 'You cannot move me! *evil laugh*',
+        data: 'lastName'
+      }],
+      dom: 'Rt',
+      // Use this attribute to enable colreorder
+      colReorder: {
+        order: [1, 0, 2],
+        fixedColumnsRight: 2
+      }
+    };
+  }
+}
+```
diff --git a/demo/src/assets/docs/extensions/colreorder/source-ts.md b/demo/src/assets/docs/extensions/colreorder/source-ts.md
new file mode 100644
index 0000000..dbbe663
--- /dev/null
+++ b/demo/src/assets/docs/extensions/colreorder/source-ts.md
@@ -0,0 +1,36 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+import { Config } from 'datatables.net';
+import 'datatables.net-colreorder';
+
+@Component({
+  selector: 'app-colreorder-extension',
+  templateUrl: 'colreorder-extension.component.html'
+})
+export class ColreorderExtensionComponent implements OnInit {
+
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'No move me!',
+        data: 'id'
+      }, {
+        title: 'Try to move me!',
+        data: 'firstName'
+      }, {
+        title: 'You cannot move me! *evil laugh*',
+        data: 'lastName'
+      }],
+      dom: 'Rt',
+      // Use this attribute to enable colreorder
+      colReorder: {
+        columns: ':nth-child(2)',
+      },
+    };
+  }
+}
+
+```
diff --git a/demo/src/assets/docs/extensions/fixedcolumns/installation.md b/demo/src/assets/docs/extensions/fixedcolumns/installation.md
new file mode 100644
index 0000000..e6d7547
--- /dev/null
+++ b/demo/src/assets/docs/extensions/fixedcolumns/installation.md
@@ -0,0 +1,70 @@
+##### NPM
+
+You need to install its dependencies:
+
+```bash
+# JS file
+npm install datatables.net-fixedcolumns --save
+```
+
+##### angular.json
+
+Add the dependencies in the scripts and styles attributes:
+
+```json
+{
+  "projects": {
+    "your-app-name": {
+      "architect": {
+        "build": {
+          "options": {
+            "styles": [
+              ...
+            ],
+            "scripts": [
+              ...
+              "node_modules/datatables.net-fixedcolumns/js/dataTables.fixedColumns.js"
+            ],
+            ...
+}
+```
+
+#### Update CSS
+
+Update your global style ( genreally styles.css ) as
+
+ ```css
+    /** Fixed columns css 
+   
+   These classes are injected by fixed columns extensions
+   and can be tweaked here to match the colors of headers and body
+   to hide the scrolling element behind the fixed header.
+   
+   */
+   
+   table.dataTable thead tr > .dtfc-fixed-left,
+   table.dataTable thead tr > .dtfc-fixed-right,
+   table.dataTable tfoot tr > .dtfc-fixed-left,
+   table.dataTable tfoot tr > .dtfc-fixed-right {
+     top: 0;
+     bottom: 0;
+     z-index: 3;
+     background-color: white;
+   }
+   
+   table.dataTable tbody tr > .dtfc-fixed-left,
+   table.dataTable tbody tr > .dtfc-fixed-right {
+     z-index: 1;
+     background-color: white;
+   }
+   
+   div.dtfc-left-top-blocker,
+   div.dtfc-right-top-blocker {
+     background-color: white;
+   }
+ ```
+ Alternative to writing css to global file, you can also install a supported css file for this extension from npm library and update it inside ``styles`` property in angular.json.
+
+```bash
+npm install datatables.net-fixedcolumns-bs4 --save
+```
diff --git a/demo/src/assets/docs/extensions/fixedcolumns/intro.md b/demo/src/assets/docs/extensions/fixedcolumns/intro.md
new file mode 100644
index 0000000..4471a41
--- /dev/null
+++ b/demo/src/assets/docs/extensions/fixedcolumns/intro.md
@@ -0,0 +1,3 @@
+You can use the [Fixed Columns Extension](https://datatables.net/extensions/fixedcolumns/) with angular-datatables.<br>
+This extension comes handy when you have a large number of columns and want to freeze
+certain columns on either side while scrolling along X axis.
diff --git a/demo/src/assets/docs/extensions/fixedcolumns/source-html.md b/demo/src/assets/docs/extensions/fixedcolumns/source-html.md
new file mode 100644
index 0000000..5c0933e
--- /dev/null
+++ b/demo/src/assets/docs/extensions/fixedcolumns/source-html.md
@@ -0,0 +1,3 @@
+```html
+<table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+```
diff --git a/demo/src/assets/docs/extensions/fixedcolumns/source-ts-dtv1.md b/demo/src/assets/docs/extensions/fixedcolumns/source-ts-dtv1.md
new file mode 100644
index 0000000..f02a278
--- /dev/null
+++ b/demo/src/assets/docs/extensions/fixedcolumns/source-ts-dtv1.md
@@ -0,0 +1,93 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-select-extension',
+  templateUrl: 'select-extension.component.html'
+})
+export class SelectExtensionComponent implements OnInit {
+  
+  // Must be declared as "any", not as "DataTables.Settings"
+  dtOptions: any = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }
+
+    ],
+    // Make sure that scrollX is set to true for this to work!
+    scrollX: true,
+    fixedColumns: {
+        left: 3,
+        right: 0
+      },
+    };
+  }
+}
+```
diff --git a/demo/src/assets/docs/extensions/fixedcolumns/source-ts.md b/demo/src/assets/docs/extensions/fixedcolumns/source-ts.md
new file mode 100644
index 0000000..a6797ff
--- /dev/null
+++ b/demo/src/assets/docs/extensions/fixedcolumns/source-ts.md
@@ -0,0 +1,95 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+import 'datatables.net-fixedcolumns-dt';
+
+@Component({
+  selector: 'app-fixed-columns-extension',
+  templateUrl: 'fixed-columns-extension.component.html'
+})
+export class FixedColumnsExtensionComponent implements OnInit {
+
+  // Unfortunately this still requires `any` due to "types" issues in fixedcolumns
+  dtOptions: any = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      },
+      {
+        title: 'Last name',
+        data: 'lastName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }
+
+    ],
+    // Make sure that scrollX is set to true for this to work!
+    scrollX: true,
+    fixedColumns: {
+        left: 3,
+        right: 0
+      },
+    };
+  }
+}
+
+```
diff --git a/demo/src/assets/docs/extensions/responsive/installation.md b/demo/src/assets/docs/extensions/responsive/installation.md
new file mode 100644
index 0000000..bcc24a4
--- /dev/null
+++ b/demo/src/assets/docs/extensions/responsive/installation.md
@@ -0,0 +1,32 @@
+##### NPM
+
+You need to install its dependencies:
+
+```bash
+# JS file
+npm install datatables.net-responsive --save
+# CSS file
+npm install datatables.net-responsive-dt --save
+```
+##### angular.json
+
+Add the dependencies in the scripts and styles attributes:
+
+```json
+{
+  "projects": {
+    "your-app-name": {
+      "architect": {
+        "build": {
+          "options": {
+            "styles": [
+              ...
+              "node_modules/datatables.net-responsive-dt/css/responsive.dataTables.css"
+            ],
+            "scripts": [
+              ...
+              "node_modules/datatables.net-responsive/js/dataTables.responsive.js"
+            ],
+            ...
+}
+```
diff --git a/demo/src/assets/docs/extensions/responsive/intro.md b/demo/src/assets/docs/extensions/responsive/intro.md
new file mode 100644
index 0000000..b638b3c
--- /dev/null
+++ b/demo/src/assets/docs/extensions/responsive/intro.md
@@ -0,0 +1 @@
+You can use the [Responsive extension](https://datatables.net/extensions/responsive/) with angular-datatables.
diff --git a/demo/src/assets/docs/extensions/responsive/source-html.md b/demo/src/assets/docs/extensions/responsive/source-html.md
new file mode 100644
index 0000000..5c0933e
--- /dev/null
+++ b/demo/src/assets/docs/extensions/responsive/source-html.md
@@ -0,0 +1,3 @@
+```html
+<table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+```
diff --git a/demo/src/assets/docs/extensions/responsive/source-ts-dtv1.md b/demo/src/assets/docs/extensions/responsive/source-ts-dtv1.md
new file mode 100644
index 0000000..d2804e8
--- /dev/null
+++ b/demo/src/assets/docs/extensions/responsive/source-ts-dtv1.md
@@ -0,0 +1,31 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-responsive-extension',
+  templateUrl: 'responsive-extension.component.html'
+})
+export class ResponsiveExtensionComponent implements OnInit {
+  // Must be declared as "any", not as "DataTables.Settings"
+  dtOptions: any = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName',
+        class: 'none'
+      }],
+      // Use this attribute to enable the responsive extension
+      responsive: true
+    };
+  }
+}
+```
diff --git a/demo/src/assets/docs/extensions/responsive/source-ts.md b/demo/src/assets/docs/extensions/responsive/source-ts.md
new file mode 100644
index 0000000..16039fb
--- /dev/null
+++ b/demo/src/assets/docs/extensions/responsive/source-ts.md
@@ -0,0 +1,33 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+import { Config } from 'datatables.net-dt';
+import 'datatables.net-responsive';
+
+@Component({
+  selector: 'app-responsive-extension',
+  templateUrl: 'responsive-extension.component.html'
+})
+export class ResponsiveExtensionComponent implements OnInit {
+
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName',
+        className: 'none'
+      }],
+      // Use this attribute to enable the responsive extension
+      responsive: true
+    };
+  }
+}
+```
diff --git a/demo/src/assets/docs/extensions/select/installation-dtv1.md b/demo/src/assets/docs/extensions/select/installation-dtv1.md
new file mode 100644
index 0000000..47c840a
--- /dev/null
+++ b/demo/src/assets/docs/extensions/select/installation-dtv1.md
@@ -0,0 +1,35 @@
+##### NPM
+
+You need to install its dependencies:
+
+```bash
+# JS file
+npm install datatables.net-select --save
+# CSS file
+npm install datatables.net-select-dt --save
+# Typings
+npm install @types/datatables.net-select --save-dev
+```
+
+##### angular.json
+
+Add the dependencies in the scripts and styles attributes:
+
+```json
+{
+  "projects": {
+    "your-app-name": {
+      "architect": {
+        "build": {
+          "options": {
+            "styles": [
+              ...
+              "node_modules/datatables.net-select-dt/css/select.dataTables.css"
+            ],
+            "scripts": [
+              ...
+              "node_modules/datatables.net-select/js/dataTables.select.js"
+            ],
+            ...
+}
+```
diff --git a/demo/src/assets/docs/extensions/select/installation.md b/demo/src/assets/docs/extensions/select/installation.md
new file mode 100644
index 0000000..c1d48b1
--- /dev/null
+++ b/demo/src/assets/docs/extensions/select/installation.md
@@ -0,0 +1,33 @@
+##### NPM
+
+You need to install its dependencies:
+
+```bash
+# JS file
+npm install datatables.net-select --save
+# CSS file
+npm install datatables.net-select-dt --save
+```
+
+##### angular.json
+
+Add the dependencies in the scripts and styles attributes:
+
+```json
+{
+  "projects": {
+    "your-app-name": {
+      "architect": {
+        "build": {
+          "options": {
+            "styles": [
+              ...
+              "node_modules/datatables.net-select-dt/css/select.dataTables.css"
+            ],
+            "scripts": [
+              ...
+              "node_modules/datatables.net-select/js/dataTables.select.js"
+            ],
+            ...
+}
+```
diff --git a/demo/src/assets/docs/extensions/select/intro.md b/demo/src/assets/docs/extensions/select/intro.md
new file mode 100644
index 0000000..2761069
--- /dev/null
+++ b/demo/src/assets/docs/extensions/select/intro.md
@@ -0,0 +1 @@
+You can use the [Select extension](https://datatables.net/extensions/select/) with angular-datatables.
diff --git a/demo/src/assets/docs/extensions/select/source-html.md b/demo/src/assets/docs/extensions/select/source-html.md
new file mode 100644
index 0000000..5c0933e
--- /dev/null
+++ b/demo/src/assets/docs/extensions/select/source-html.md
@@ -0,0 +1,3 @@
+```html
+<table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
+```
diff --git a/demo/src/assets/docs/extensions/select/source-ts-dtv1.md b/demo/src/assets/docs/extensions/select/source-ts-dtv1.md
new file mode 100644
index 0000000..bb95371
--- /dev/null
+++ b/demo/src/assets/docs/extensions/select/source-ts-dtv1.md
@@ -0,0 +1,30 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-select-extension',
+  templateUrl: 'select-extension.component.html'
+})
+export class SelectExtensionComponent implements OnInit {
+  
+  // Must be declared as "any", not as "DataTables.Settings"
+  dtOptions: any = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }],
+      select: true
+    };
+  }
+}
+```
diff --git a/demo/src/assets/docs/extensions/select/source-ts.md b/demo/src/assets/docs/extensions/select/source-ts.md
new file mode 100644
index 0000000..1b431bb
--- /dev/null
+++ b/demo/src/assets/docs/extensions/select/source-ts.md
@@ -0,0 +1,32 @@
+```typescript
+import { Component, OnInit } from '@angular/core';
+import { Config } from 'datatables.net';
+import 'datatables.net-select';
+
+@Component({
+  selector: 'app-select-extension',
+  templateUrl: 'select-extension.component.html'
+})
+export class SelectExtensionComponent implements OnInit {
+
+  dtOptions: Config = {};
+
+  ngOnInit(): void {
+    this.dtOptions = {
+      ajax: 'data/data.json',
+      columns: [{
+        title: 'ID',
+        data: 'id'
+      }, {
+        title: 'First name',
+        data: 'firstName'
+      }, {
+        title: 'Last name',
+        data: 'lastName'
+      }],
+      // Use this attribute to enable the select extension
+      select: true
+    };
+  }
+}
+```
diff --git a/demo/src/assets/docs/faq.md b/demo/src/assets/docs/faq.md
new file mode 100644
index 0000000..71f69ab
--- /dev/null
+++ b/demo/src/assets/docs/faq.md
@@ -0,0 +1,58 @@
+> Deprecation of "Angular way" usage
+
+This was done to address few issues:
+
+1. The usage of `*ngFor` and setting AJAX callback's `data` property as empty, we're essentially tricking the library to consider "non-existent" data. (non-existent because AJAX callback is called with empty array and totalRecords* values don't match)
+
+2. It breaks DT extensions that perform additional data processing like exporting tabular data to a PDF or CSV, etc.
+
+We have introduced better ways to allow same level of control over rendering your data via [TemplateRef](https://globalartinc.github.io/angular-datatables/#/advanced/using-template-ref) and [Pipes](https://globalartinc.github.io/angular-datatables/#/advanced/using-pipe)
+
+> Error encountered resolving symbol values statically.
+
+Please update your `tsconfig.json` as shown below. For more info, check the GitHub issue [here](https://github.com/GlobalArtInc/angular-datatables/issues/937)
+
+```json
+{
+  "compilerOptions": {
+    ...
+    "paths": {
+      "@angular/*": [
+        "../node_modules/@angular/*"
+      ]
+    }
+  }
+}
+```
+
+> Columns do not resize when using ColReorder extension
+
+Grab a copy of [this](https://github.com/shanmukhateja/adt-resize-col-demo) project, update it to suit your needs and see if it works.
+If it won't work, check these similar issues:
+- [#1496](https://github.com/GlobalArtInc/angular-datatables/issues/1496)
+- [#1485](https://github.com/GlobalArtInc/angular-datatables/issues/1485)
+
+If it still didn't work, open a GitHub [issue](https://github.com/GlobalArtInc/angular-datatables/issues/new) and we'll look into it. 
+
+> Column data doesn't move with column header when re-ordering
+
+It could be many things but in general it could be because you're using "Angular way" to display data. In this case, look at the suggested changes on this [comment](https://github.com/GlobalArtInc/angular-datatables/issues/1496#issuecomment-764692564) 
+
+> 'Warning: Unable to fully load <project> for sourcemap flattening; ENOENT: no such file or directory* '
+
+This has been fixed in newer version of `angular-datatables`. You can find latest releases for your project's Angular version on [Releases](https://github.com/GlobalArtInc/angular-datatables/releases) page.
+
+> 'DataTables warning: table id=xx - Cannot reinitialise DataTable. For more information about this error, please see http://datatables.net/tn/3*'
+
+This error occurs when you're trying to change `dtOptions` on a table which has been previously initialised by DataTables.
+If you're using a shared table component, just call `destroy()` method on `ngOnDestroy` of the component.
+If you're using DataTables v1.10.4 or later, you can add `destroy: true` to `dtOptions` when initialising the table to let the table be destroyed automatically when new changes arrive. 
+
+> 'DataTables warning (table id = x): Requested unknown parameter y from the data source for row z* http://datatables.net/tn/4' or similar
+
+This usually occurs when your `dtOptions` are configured incorrectly. Make sure your AJAX response matches to our AJAX example [here](http://localhost:4200/#/basic/with-ajax). 
+We highly recommend checking out DataTables.net [documentation](https://datatables.net/manual/tech-notes/4) on this issue for more troubleshooting information. 
+
+> Blank screen when using `visible: true` on TemplateRef or Pipes
+
+This is a known issue with the library. Please upgrade to atleast [v15.0.1](https://github.com/GlobalArtInc/angular-datatables/releases/tag/v15.0.1) for the fix.
diff --git a/demo/src/assets/docs/get-started-dtv1.md b/demo/src/assets/docs/get-started-dtv1.md
new file mode 100644
index 0000000..c555d08
--- /dev/null
+++ b/demo/src/assets/docs/get-started-dtv1.md
@@ -0,0 +1,63 @@
+<h5 id="angular-cli-recommended">Angular CLI<sup style="
+    font-size: 14px;
+    margin-left: 10px;
+">(Recommended)</sup></h5>
+
+```bash
+ng add angular-datatables
+```
+
+> You can find latest releases on GitHub [here](https://github.com/GlobalArtInc/angular-datatables/releases).
+
+##### Manual Installation
+
+1. Install the following packages:
+
+```bash
+npm install jquery --save
+npm install datatables.net --save
+npm install datatables.net-dt --save
+npm install angular-datatables --save
+npm install @types/jquery --save-dev
+npm install @types/datatables.net --save-dev
+
+```
+
+2. Add the dependencies in the scripts and styles attributes to angular.json:
+
+```json
+"projects": {
+    "your-app-name": {
+      "architect": {
+        "build": {
+          "options": {
+            "styles": [
+              "node_modules/datatables.net-dt/css/jquery.dataTables.css"
+            ],
+            "scripts": [
+              "node_modules/jquery/dist/jquery.js",
+              "node_modules/datatables.net/js/jquery.dataTables.js"
+            ],
+            ...
+          }
+}
+```
+
+3. Import the DataTablesModule at the appropriate level of your app.
+
+```typescript
+import { NgModule } from "@angular/core";
+import { BrowserModule } from "@angular/platform-browser";
+
+import { DataTablesModule } from "angular-datatables";
+
+import { AppComponent } from "./app.component";
+
+@NgModule({
+  declarations: [AppComponent],
+  imports: [BrowserModule, DataTablesModule],
+  providers: [],
+  bootstrap: [AppComponent],
+})
+export class AppModule {}
+```
diff --git a/demo/src/assets/docs/get-started.md b/demo/src/assets/docs/get-started.md
new file mode 100644
index 0000000..2ae5d4c
--- /dev/null
+++ b/demo/src/assets/docs/get-started.md
@@ -0,0 +1,61 @@
+<h5 id="angular-cli-recommended">Angular CLI<sup style="
+    font-size: 14px;
+    margin-left: 10px;
+">(Recommended)</sup></h5>
+
+```bash
+ng add angular-datatables
+```
+
+> You can find latest releases on GitHub [here](https://github.com/GlobalArtInc/angular-datatables/releases).
+
+##### Manual Installation
+
+1. Install the following packages:
+
+```bash
+npm install jquery --save
+npm install datatables.net --save
+npm install datatables.net-dt --save
+npm install angular-datatables --save
+npm install @types/jquery --save-dev
+```
+
+2. Add the dependencies in the scripts and styles attributes to angular.json:
+
+```json
+"projects": {
+    "your-app-name": {
+      "architect": {
+        "build": {
+          "options": {
+            "styles": [
+              "node_modules/datatables.net-dt/css/dataTables.dataTables.min.css",
+            ],
+            "scripts": [
+              "node_modules/jquery/dist/jquery.js",
+              "node_modules/datatables.net/js/dataTables.min.js",
+            ],
+            ...
+          }
+}
+```
+
+3. Import the DataTablesModule in your app.
+
+```typescript
+import { NgModule } from "@angular/core";
+import { BrowserModule } from "@angular/platform-browser";
+
+import { DataTablesModule } from "angular-datatables";
+
+import { AppComponent } from "./app.component";
+
+@NgModule({
+  declarations: [AppComponent],
+  imports: [BrowserModule, DataTablesModule],
+  providers: [],
+  bootstrap: [AppComponent],
+})
+export class AppModule {}
+```
diff --git a/demo/src/assets/docs/welcome/installation.md b/demo/src/assets/docs/welcome/installation.md
new file mode 100644
index 0000000..5cfacf2
--- /dev/null
+++ b/demo/src/assets/docs/welcome/installation.md
@@ -0,0 +1,3 @@
+```bash
+ng add angular-datatables
+```
diff --git a/demo/src/assets/github.png b/demo/src/assets/github.png
new file mode 100644
index 0000000..f86f9eb
Binary files /dev/null and b/demo/src/assets/github.png differ
diff --git a/demo/src/assets/npm.png b/demo/src/assets/npm.png
new file mode 100644
index 0000000..0f5d0c8
Binary files /dev/null and b/demo/src/assets/npm.png differ
diff --git a/demo/src/data/data.json b/demo/src/data/data.json
new file mode 100644
index 0000000..9ebe17b
--- /dev/null
+++ b/demo/src/data/data.json
@@ -0,0 +1,1504 @@
+{
+  "data": [
+    {
+      "id": 860,
+      "firstName": "Superman",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 870,
+      "firstName": "Foo",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 590,
+      "firstName": "Toto",
+      "lastName": "Titi"
+    },
+    {
+      "id": 803,
+      "firstName": "Luke",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 474,
+      "firstName": "Toto",
+      "lastName": "Bar"
+    },
+    {
+      "id": 476,
+      "firstName": "Zed",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 464,
+      "firstName": "Cartman",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 505,
+      "firstName": "Superman",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 308,
+      "firstName": "Louis",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 184,
+      "firstName": "Toto",
+      "lastName": "Bar"
+    },
+    {
+      "id": 411,
+      "firstName": "Luke",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 154,
+      "firstName": "Luke",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 623,
+      "firstName": "Someone First Name",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 499,
+      "firstName": "Luke",
+      "lastName": "Bar"
+    },
+    {
+      "id": 482,
+      "firstName": "Batman",
+      "lastName": "Lara"
+    },
+    {
+      "id": 255,
+      "firstName": "Louis",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 772,
+      "firstName": "Zed",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 398,
+      "firstName": "Zed",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 840,
+      "firstName": "Superman",
+      "lastName": "Lara"
+    },
+    {
+      "id": 894,
+      "firstName": "Luke",
+      "lastName": "Bar"
+    },
+    {
+      "id": 591,
+      "firstName": "Luke",
+      "lastName": "Titi"
+    },
+    {
+      "id": 767,
+      "firstName": "Luke",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 133,
+      "firstName": "Cartman",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 274,
+      "firstName": "Toto",
+      "lastName": "Lara"
+    },
+    {
+      "id": 996,
+      "firstName": "Superman",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 780,
+      "firstName": "Batman",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 931,
+      "firstName": "Batman",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 326,
+      "firstName": "Louis",
+      "lastName": "Bar"
+    },
+    {
+      "id": 318,
+      "firstName": "Superman",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 434,
+      "firstName": "Zed",
+      "lastName": "Bar"
+    },
+    {
+      "id": 480,
+      "firstName": "Toto",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 187,
+      "firstName": "Someone First Name",
+      "lastName": "Bar"
+    },
+    {
+      "id": 829,
+      "firstName": "Cartman",
+      "lastName": "Bar"
+    },
+    {
+      "id": 937,
+      "firstName": "Cartman",
+      "lastName": "Lara"
+    },
+    {
+      "id": 355,
+      "firstName": "Foo",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 258,
+      "firstName": "Someone First Name",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 826,
+      "firstName": "Cartman",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 586,
+      "firstName": "Cartman",
+      "lastName": "Lara"
+    },
+    {
+      "id": 32,
+      "firstName": "Batman",
+      "lastName": "Lara"
+    },
+    {
+      "id": 676,
+      "firstName": "Batman",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 403,
+      "firstName": "Toto",
+      "lastName": "Titi"
+    },
+    {
+      "id": 222,
+      "firstName": "Foo",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 507,
+      "firstName": "Zed",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 135,
+      "firstName": "Superman",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 818,
+      "firstName": "Zed",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 321,
+      "firstName": "Luke",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 187,
+      "firstName": "Cartman",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 327,
+      "firstName": "Toto",
+      "lastName": "Bar"
+    },
+    {
+      "id": 187,
+      "firstName": "Louis",
+      "lastName": "Lara"
+    },
+    {
+      "id": 417,
+      "firstName": "Louis",
+      "lastName": "Titi"
+    },
+    {
+      "id": 97,
+      "firstName": "Zed",
+      "lastName": "Bar"
+    },
+    {
+      "id": 710,
+      "firstName": "Batman",
+      "lastName": "Lara"
+    },
+    {
+      "id": 975,
+      "firstName": "Toto",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 926,
+      "firstName": "Foo",
+      "lastName": "Bar"
+    },
+    {
+      "id": 976,
+      "firstName": "Toto",
+      "lastName": "Lara"
+    },
+    {
+      "id": 680,
+      "firstName": "Zed",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 275,
+      "firstName": "Louis",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 742,
+      "firstName": "Foo",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 598,
+      "firstName": "Zed",
+      "lastName": "Lara"
+    },
+    {
+      "id": 113,
+      "firstName": "Foo",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 228,
+      "firstName": "Superman",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 820,
+      "firstName": "Cartman",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 700,
+      "firstName": "Cartman",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 556,
+      "firstName": "Toto",
+      "lastName": "Lara"
+    },
+    {
+      "id": 687,
+      "firstName": "Foo",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 794,
+      "firstName": "Toto",
+      "lastName": "Lara"
+    },
+    {
+      "id": 349,
+      "firstName": "Someone First Name",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 283,
+      "firstName": "Batman",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 862,
+      "firstName": "Cartman",
+      "lastName": "Lara"
+    },
+    {
+      "id": 674,
+      "firstName": "Cartman",
+      "lastName": "Bar"
+    },
+    {
+      "id": 954,
+      "firstName": "Louis",
+      "lastName": "Lara"
+    },
+    {
+      "id": 243,
+      "firstName": "Superman",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 578,
+      "firstName": "Superman",
+      "lastName": "Lara"
+    },
+    {
+      "id": 660,
+      "firstName": "Batman",
+      "lastName": "Bar"
+    },
+    {
+      "id": 653,
+      "firstName": "Luke",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 583,
+      "firstName": "Toto",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 321,
+      "firstName": "Zed",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 171,
+      "firstName": "Superman",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 41,
+      "firstName": "Superman",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 704,
+      "firstName": "Louis",
+      "lastName": "Titi"
+    },
+    {
+      "id": 344,
+      "firstName": "Louis",
+      "lastName": "Lara"
+    },
+    {
+      "id": 840,
+      "firstName": "Toto",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 476,
+      "firstName": "Foo",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 644,
+      "firstName": "Superman",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 359,
+      "firstName": "Superman",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 856,
+      "firstName": "Luke",
+      "lastName": "Lara"
+    },
+    {
+      "id": 760,
+      "firstName": "Foo",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 432,
+      "firstName": "Zed",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 299,
+      "firstName": "Superman",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 693,
+      "firstName": "Foo",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 11,
+      "firstName": "Toto",
+      "lastName": "Lara"
+    },
+    {
+      "id": 305,
+      "firstName": "Luke",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 961,
+      "firstName": "Luke",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 54,
+      "firstName": "Luke",
+      "lastName": "Bar"
+    },
+    {
+      "id": 734,
+      "firstName": "Superman",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 466,
+      "firstName": "Cartman",
+      "lastName": "Titi"
+    },
+    {
+      "id": 439,
+      "firstName": "Louis",
+      "lastName": "Lara"
+    },
+    {
+      "id": 995,
+      "firstName": "Foo",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 878,
+      "firstName": "Luke",
+      "lastName": "Bar"
+    },
+    {
+      "id": 479,
+      "firstName": "Luke",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 252,
+      "firstName": "Cartman",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 355,
+      "firstName": "Zed",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 355,
+      "firstName": "Zed",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 694,
+      "firstName": "Louis",
+      "lastName": "Bar"
+    },
+    {
+      "id": 882,
+      "firstName": "Cartman",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 620,
+      "firstName": "Luke",
+      "lastName": "Lara"
+    },
+    {
+      "id": 390,
+      "firstName": "Superman",
+      "lastName": "Lara"
+    },
+    {
+      "id": 247,
+      "firstName": "Zed",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 510,
+      "firstName": "Batman",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 510,
+      "firstName": "Batman",
+      "lastName": "Lara"
+    },
+    {
+      "id": 472,
+      "firstName": "Foo",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 533,
+      "firstName": "Someone First Name",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 725,
+      "firstName": "Superman",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 221,
+      "firstName": "Zed",
+      "lastName": "Lara"
+    },
+    {
+      "id": 302,
+      "firstName": "Louis",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 755,
+      "firstName": "Louis",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 671,
+      "firstName": "Batman",
+      "lastName": "Lara"
+    },
+    {
+      "id": 649,
+      "firstName": "Louis",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 22,
+      "firstName": "Luke",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 544,
+      "firstName": "Louis",
+      "lastName": "Lara"
+    },
+    {
+      "id": 114,
+      "firstName": "Someone First Name",
+      "lastName": "Titi"
+    },
+    {
+      "id": 674,
+      "firstName": "Someone First Name",
+      "lastName": "Lara"
+    },
+    {
+      "id": 571,
+      "firstName": "Zed",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 554,
+      "firstName": "Louis",
+      "lastName": "Titi"
+    },
+    {
+      "id": 203,
+      "firstName": "Zed",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 89,
+      "firstName": "Luke",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 299,
+      "firstName": "Luke",
+      "lastName": "Bar"
+    },
+    {
+      "id": 48,
+      "firstName": "Toto",
+      "lastName": "Bar"
+    },
+    {
+      "id": 726,
+      "firstName": "Batman",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 121,
+      "firstName": "Toto",
+      "lastName": "Bar"
+    },
+    {
+      "id": 992,
+      "firstName": "Superman",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 551,
+      "firstName": "Toto",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 831,
+      "firstName": "Louis",
+      "lastName": "Lara"
+    },
+    {
+      "id": 940,
+      "firstName": "Luke",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 974,
+      "firstName": "Zed",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 579,
+      "firstName": "Luke",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 752,
+      "firstName": "Cartman",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 873,
+      "firstName": "Batman",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 939,
+      "firstName": "Louis",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 240,
+      "firstName": "Luke",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 969,
+      "firstName": "Cartman",
+      "lastName": "Lara"
+    },
+    {
+      "id": 247,
+      "firstName": "Luke",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 3,
+      "firstName": "Cartman",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 154,
+      "firstName": "Batman",
+      "lastName": "Bar"
+    },
+    {
+      "id": 274,
+      "firstName": "Toto",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 31,
+      "firstName": "Luke",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 789,
+      "firstName": "Louis",
+      "lastName": "Titi"
+    },
+    {
+      "id": 634,
+      "firstName": "Zed",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 972,
+      "firstName": "Toto",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 199,
+      "firstName": "Foo",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 562,
+      "firstName": "Louis",
+      "lastName": "Titi"
+    },
+    {
+      "id": 460,
+      "firstName": "Superman",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 817,
+      "firstName": "Cartman",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 307,
+      "firstName": "Cartman",
+      "lastName": "Bar"
+    },
+    {
+      "id": 10,
+      "firstName": "Cartman",
+      "lastName": "Titi"
+    },
+    {
+      "id": 167,
+      "firstName": "Toto",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 107,
+      "firstName": "Cartman",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 432,
+      "firstName": "Batman",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 381,
+      "firstName": "Luke",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 517,
+      "firstName": "Louis",
+      "lastName": "Lara"
+    },
+    {
+      "id": 575,
+      "firstName": "Superman",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 716,
+      "firstName": "Cartman",
+      "lastName": "Titi"
+    },
+    {
+      "id": 646,
+      "firstName": "Foo",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 144,
+      "firstName": "Someone First Name",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 306,
+      "firstName": "Luke",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 395,
+      "firstName": "Luke",
+      "lastName": "Bar"
+    },
+    {
+      "id": 777,
+      "firstName": "Toto",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 624,
+      "firstName": "Louis",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 994,
+      "firstName": "Superman",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 653,
+      "firstName": "Batman",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 198,
+      "firstName": "Foo",
+      "lastName": "Bar"
+    },
+    {
+      "id": 157,
+      "firstName": "Zed",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 955,
+      "firstName": "Luke",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 339,
+      "firstName": "Foo",
+      "lastName": "Bar"
+    },
+    {
+      "id": 552,
+      "firstName": "Batman",
+      "lastName": "Titi"
+    },
+    {
+      "id": 735,
+      "firstName": "Louis",
+      "lastName": "Bar"
+    },
+    {
+      "id": 294,
+      "firstName": "Batman",
+      "lastName": "Bar"
+    },
+    {
+      "id": 287,
+      "firstName": "Someone First Name",
+      "lastName": "Bar"
+    },
+    {
+      "id": 399,
+      "firstName": "Cartman",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 741,
+      "firstName": "Foo",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 670,
+      "firstName": "Foo",
+      "lastName": "Bar"
+    },
+    {
+      "id": 260,
+      "firstName": "Toto",
+      "lastName": "Lara"
+    },
+    {
+      "id": 294,
+      "firstName": "Toto",
+      "lastName": "Titi"
+    },
+    {
+      "id": 294,
+      "firstName": "Zed",
+      "lastName": "Lara"
+    },
+    {
+      "id": 840,
+      "firstName": "Zed",
+      "lastName": "Titi"
+    },
+    {
+      "id": 448,
+      "firstName": "Foo",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 260,
+      "firstName": "Luke",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 119,
+      "firstName": "Zed",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 702,
+      "firstName": "Zed",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 87,
+      "firstName": "Zed",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 161,
+      "firstName": "Foo",
+      "lastName": "Lara"
+    },
+    {
+      "id": 404,
+      "firstName": "Zed",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 871,
+      "firstName": "Toto",
+      "lastName": "Lara"
+    },
+    {
+      "id": 908,
+      "firstName": "Someone First Name",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 484,
+      "firstName": "Louis",
+      "lastName": "Bar"
+    },
+    {
+      "id": 966,
+      "firstName": "Cartman",
+      "lastName": "Titi"
+    },
+    {
+      "id": 392,
+      "firstName": "Someone First Name",
+      "lastName": "Lara"
+    },
+    {
+      "id": 738,
+      "firstName": "Batman",
+      "lastName": "Lara"
+    },
+    {
+      "id": 560,
+      "firstName": "Louis",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 507,
+      "firstName": "Zed",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 660,
+      "firstName": "Louis",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 929,
+      "firstName": "Superman",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 42,
+      "firstName": "Batman",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 853,
+      "firstName": "Luke",
+      "lastName": "Titi"
+    },
+    {
+      "id": 977,
+      "firstName": "Louis",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 104,
+      "firstName": "Toto",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 820,
+      "firstName": "Luke",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 187,
+      "firstName": "Batman",
+      "lastName": "Titi"
+    },
+    {
+      "id": 524,
+      "firstName": "Louis",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 830,
+      "firstName": "Cartman",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 156,
+      "firstName": "Someone First Name",
+      "lastName": "Lara"
+    },
+    {
+      "id": 918,
+      "firstName": "Foo",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 286,
+      "firstName": "Batman",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 715,
+      "firstName": "Louis",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 501,
+      "firstName": "Superman",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 463,
+      "firstName": "Foo",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 419,
+      "firstName": "Toto",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 752,
+      "firstName": "Foo",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 754,
+      "firstName": "Louis",
+      "lastName": "Titi"
+    },
+    {
+      "id": 497,
+      "firstName": "Someone First Name",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 722,
+      "firstName": "Louis",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 986,
+      "firstName": "Batman",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 908,
+      "firstName": "Someone First Name",
+      "lastName": "Titi"
+    },
+    {
+      "id": 559,
+      "firstName": "Superman",
+      "lastName": "Bar"
+    },
+    {
+      "id": 816,
+      "firstName": "Foo",
+      "lastName": "Bar"
+    },
+    {
+      "id": 517,
+      "firstName": "Louis",
+      "lastName": "Bar"
+    },
+    {
+      "id": 188,
+      "firstName": "Superman",
+      "lastName": "Bar"
+    },
+    {
+      "id": 762,
+      "firstName": "Batman",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 872,
+      "firstName": "Batman",
+      "lastName": "Titi"
+    },
+    {
+      "id": 107,
+      "firstName": "Louis",
+      "lastName": "Lara"
+    },
+    {
+      "id": 968,
+      "firstName": "Louis",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 643,
+      "firstName": "Toto",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 88,
+      "firstName": "Toto",
+      "lastName": "Titi"
+    },
+    {
+      "id": 844,
+      "firstName": "Foo",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 334,
+      "firstName": "Batman",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 43,
+      "firstName": "Zed",
+      "lastName": "Lara"
+    },
+    {
+      "id": 600,
+      "firstName": "Someone First Name",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 719,
+      "firstName": "Luke",
+      "lastName": "Lara"
+    },
+    {
+      "id": 698,
+      "firstName": "Zed",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 994,
+      "firstName": "Zed",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 595,
+      "firstName": "Someone First Name",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 223,
+      "firstName": "Toto",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 392,
+      "firstName": "Foo",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 972,
+      "firstName": "Toto",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 155,
+      "firstName": "Louis",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 956,
+      "firstName": "Louis",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 62,
+      "firstName": "Foo",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 689,
+      "firstName": "Superman",
+      "lastName": "Titi"
+    },
+    {
+      "id": 46,
+      "firstName": "Foo",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 401,
+      "firstName": "Toto",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 658,
+      "firstName": "Louis",
+      "lastName": "Bar"
+    },
+    {
+      "id": 375,
+      "firstName": "Someone First Name",
+      "lastName": "Bar"
+    },
+    {
+      "id": 877,
+      "firstName": "Toto",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 923,
+      "firstName": "Cartman",
+      "lastName": "Lara"
+    },
+    {
+      "id": 37,
+      "firstName": "Zed",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 416,
+      "firstName": "Cartman",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 546,
+      "firstName": "Zed",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 282,
+      "firstName": "Luke",
+      "lastName": "Lara"
+    },
+    {
+      "id": 943,
+      "firstName": "Superman",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 319,
+      "firstName": "Foo",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 390,
+      "firstName": "Louis",
+      "lastName": "Lara"
+    },
+    {
+      "id": 556,
+      "firstName": "Luke",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 255,
+      "firstName": "Cartman",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 80,
+      "firstName": "Zed",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 760,
+      "firstName": "Louis",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 291,
+      "firstName": "Louis",
+      "lastName": "Titi"
+    },
+    {
+      "id": 916,
+      "firstName": "Louis",
+      "lastName": "Bar"
+    },
+    {
+      "id": 212,
+      "firstName": "Foo",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 445,
+      "firstName": "Luke",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 101,
+      "firstName": "Someone First Name",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 565,
+      "firstName": "Superman",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 304,
+      "firstName": "Luke",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 557,
+      "firstName": "Foo",
+      "lastName": "Titi"
+    },
+    {
+      "id": 544,
+      "firstName": "Toto",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 244,
+      "firstName": "Zed",
+      "lastName": "Titi"
+    },
+    {
+      "id": 464,
+      "firstName": "Someone First Name",
+      "lastName": "Bar"
+    },
+    {
+      "id": 225,
+      "firstName": "Toto",
+      "lastName": "Titi"
+    },
+    {
+      "id": 727,
+      "firstName": "Superman",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 735,
+      "firstName": "Louis",
+      "lastName": "Bar"
+    },
+    {
+      "id": 334,
+      "firstName": "Foo",
+      "lastName": "Lara"
+    },
+    {
+      "id": 982,
+      "firstName": "Batman",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 48,
+      "firstName": "Batman",
+      "lastName": "Lara"
+    },
+    {
+      "id": 175,
+      "firstName": "Luke",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 885,
+      "firstName": "Louis",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 675,
+      "firstName": "Toto",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 47,
+      "firstName": "Superman",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 105,
+      "firstName": "Toto",
+      "lastName": "Titi"
+    },
+    {
+      "id": 616,
+      "firstName": "Cartman",
+      "lastName": "Lara"
+    },
+    {
+      "id": 134,
+      "firstName": "Someone First Name",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 26,
+      "firstName": "Foo",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 134,
+      "firstName": "Toto",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 680,
+      "firstName": "Zed",
+      "lastName": "Lara"
+    },
+    {
+      "id": 208,
+      "firstName": "Luke",
+      "lastName": "Someone Last Name"
+    },
+    {
+      "id": 233,
+      "firstName": "Someone First Name",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 131,
+      "firstName": "Louis",
+      "lastName": "Moliku"
+    },
+    {
+      "id": 87,
+      "firstName": "Toto",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 356,
+      "firstName": "Batman",
+      "lastName": "Kyle"
+    },
+    {
+      "id": 39,
+      "firstName": "Louis",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 867,
+      "firstName": "Batman",
+      "lastName": "Lara"
+    },
+    {
+      "id": 382,
+      "firstName": "Someone First Name",
+      "lastName": "Bar"
+    }
+  ]
+}
diff --git a/demo/src/data/data1.json b/demo/src/data/data1.json
new file mode 100644
index 0000000..486b5c7
--- /dev/null
+++ b/demo/src/data/data1.json
@@ -0,0 +1,19 @@
+{
+  "data": [
+    {
+      "id": 860,
+      "firstName": "Superman",
+      "lastName": "Yoda"
+    },
+    {
+      "id": 870,
+      "firstName": "Foo",
+      "lastName": "Whateveryournameis"
+    },
+    {
+      "id": 590,
+      "firstName": "Toto",
+      "lastName": "Titi"
+    }
+  ]
+}
diff --git a/demo/src/data/dtOptions.json b/demo/src/data/dtOptions.json
new file mode 100644
index 0000000..5668842
--- /dev/null
+++ b/demo/src/data/dtOptions.json
@@ -0,0 +1,20 @@
+{
+  "ajax": "data/data.json",
+  "displayLength": 2,
+  "paginationType": "full_numbers",
+  "columns": [
+    {
+      "data": "id",
+      "title": "ID"
+    },
+    {
+      "data": "firstName",
+      "title": "First name"
+    },
+    {
+      "data": "lastName",
+      "title": "Last name",
+      "visible": false
+    }
+  ]
+}
diff --git a/demo/src/favicon.png b/demo/src/favicon.png
new file mode 100644
index 0000000..dc8bab7
Binary files /dev/null and b/demo/src/favicon.png differ
diff --git a/demo/src/fonts/roboto/README.md b/demo/src/fonts/roboto/README.md
new file mode 100644
index 0000000..39ff32d
--- /dev/null
+++ b/demo/src/fonts/roboto/README.md
@@ -0,0 +1 @@
+The `roboto` fonts comes from `node_modules/materialize-css/dist/fonts/`. It was directly copied from the dependency since I don't know how to add fonts with Angular-cli...
diff --git a/demo/src/fonts/roboto/Roboto-Bold.eot b/demo/src/fonts/roboto/Roboto-Bold.eot
new file mode 100644
index 0000000..b73776e
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Bold.eot differ
diff --git a/demo/src/fonts/roboto/Roboto-Bold.ttf b/demo/src/fonts/roboto/Roboto-Bold.ttf
new file mode 100644
index 0000000..68822ca
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Bold.ttf differ
diff --git a/demo/src/fonts/roboto/Roboto-Bold.woff b/demo/src/fonts/roboto/Roboto-Bold.woff
new file mode 100644
index 0000000..1f75afd
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Bold.woff differ
diff --git a/demo/src/fonts/roboto/Roboto-Bold.woff2 b/demo/src/fonts/roboto/Roboto-Bold.woff2
new file mode 100644
index 0000000..350d1c3
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Bold.woff2 differ
diff --git a/demo/src/fonts/roboto/Roboto-Light.eot b/demo/src/fonts/roboto/Roboto-Light.eot
new file mode 100644
index 0000000..072cdc4
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Light.eot differ
diff --git a/demo/src/fonts/roboto/Roboto-Light.ttf b/demo/src/fonts/roboto/Roboto-Light.ttf
new file mode 100644
index 0000000..aa45340
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Light.ttf differ
diff --git a/demo/src/fonts/roboto/Roboto-Light.woff b/demo/src/fonts/roboto/Roboto-Light.woff
new file mode 100644
index 0000000..3480c6c
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Light.woff differ
diff --git a/demo/src/fonts/roboto/Roboto-Light.woff2 b/demo/src/fonts/roboto/Roboto-Light.woff2
new file mode 100644
index 0000000..9a4d98c
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Light.woff2 differ
diff --git a/demo/src/fonts/roboto/Roboto-Medium.eot b/demo/src/fonts/roboto/Roboto-Medium.eot
new file mode 100644
index 0000000..f9ad995
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Medium.eot differ
diff --git a/demo/src/fonts/roboto/Roboto-Medium.ttf b/demo/src/fonts/roboto/Roboto-Medium.ttf
new file mode 100644
index 0000000..a3c1a1f
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Medium.ttf differ
diff --git a/demo/src/fonts/roboto/Roboto-Medium.woff b/demo/src/fonts/roboto/Roboto-Medium.woff
new file mode 100644
index 0000000..1186773
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Medium.woff differ
diff --git a/demo/src/fonts/roboto/Roboto-Medium.woff2 b/demo/src/fonts/roboto/Roboto-Medium.woff2
new file mode 100644
index 0000000..d10a592
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Medium.woff2 differ
diff --git a/demo/src/fonts/roboto/Roboto-Regular.eot b/demo/src/fonts/roboto/Roboto-Regular.eot
new file mode 100644
index 0000000..9b5e8e4
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Regular.eot differ
diff --git a/demo/src/fonts/roboto/Roboto-Regular.ttf b/demo/src/fonts/roboto/Roboto-Regular.ttf
new file mode 100644
index 0000000..0e58508
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Regular.ttf differ
diff --git a/demo/src/fonts/roboto/Roboto-Regular.woff b/demo/src/fonts/roboto/Roboto-Regular.woff
new file mode 100644
index 0000000..f823258
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Regular.woff differ
diff --git a/demo/src/fonts/roboto/Roboto-Regular.woff2 b/demo/src/fonts/roboto/Roboto-Regular.woff2
new file mode 100644
index 0000000..b7082ef
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Regular.woff2 differ
diff --git a/demo/src/fonts/roboto/Roboto-Thin.eot b/demo/src/fonts/roboto/Roboto-Thin.eot
new file mode 100644
index 0000000..2284a3b
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Thin.eot differ
diff --git a/demo/src/fonts/roboto/Roboto-Thin.ttf b/demo/src/fonts/roboto/Roboto-Thin.ttf
new file mode 100644
index 0000000..8779333
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Thin.ttf differ
diff --git a/demo/src/fonts/roboto/Roboto-Thin.woff b/demo/src/fonts/roboto/Roboto-Thin.woff
new file mode 100644
index 0000000..2a98c1e
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Thin.woff differ
diff --git a/demo/src/fonts/roboto/Roboto-Thin.woff2 b/demo/src/fonts/roboto/Roboto-Thin.woff2
new file mode 100644
index 0000000..a38025a
Binary files /dev/null and b/demo/src/fonts/roboto/Roboto-Thin.woff2 differ
diff --git a/demo/src/index.html b/demo/src/index.html
new file mode 100644
index 0000000..84c4b3e
--- /dev/null
+++ b/demo/src/index.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>NG2 DataTables</title>
+  <base href="/">
+
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/png" href="./favicon.png">
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+</head>
+
+<body>
+  <app-root>
+    <div class="loading">Loading..</div>
+  </app-root>
+</body>
+
+</html>
diff --git a/demo/src/main.ts b/demo/src/main.ts
new file mode 100644
index 0000000..311c44b
--- /dev/null
+++ b/demo/src/main.ts
@@ -0,0 +1,5 @@
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+
+platformBrowserDynamic().bootstrapModule(AppModule);
diff --git a/demo/src/styles.css b/demo/src/styles.css
new file mode 100644
index 0000000..2dff463
--- /dev/null
+++ b/demo/src/styles.css
@@ -0,0 +1,199 @@
+/* You can add global styles to this file, and also import other style files */
+
+html, body {
+  height: 100%;
+  margin: 0;
+}
+
+header, main, footer {
+  padding-left: 300px;
+}
+
+.waves-effect.waves-blue .waves-ripple {
+  background-color: #90caf9;
+}
+
+@media only screen and (max-width: 992px) {
+  header, main, footer {
+    padding-left: 0;
+  }
+}
+
+.top-banner {
+  min-height: 120px !important;
+}
+
+.banner {
+  background-color: #2196f3;
+}
+
+.banner .header {
+  color: #FFF;
+}
+
+.banner h1 {
+  margin-top: 16px;
+}
+
+.banner .row {
+  margin-bottom: 0;
+}
+
+.header {
+  color: #2196f3;
+}
+
+.caption {
+  font-size: 1.25rem;
+  font-weight: 300;
+}
+
+.container {
+  width: 90%;
+}
+
+/* Footer */
+footer.page-footer {
+  padding-top: 0;
+  margin-top: 5px;
+  background-color: #2196f3;
+}
+
+.footer-copyright {
+  font-weight: 400 !important;
+}
+
+/* Tabs */
+
+.tabs {
+  overflow: hidden;
+}
+
+.tabs .tab a {
+  color: white;
+}
+
+.tabs .tab a:hover {
+  color: rgba(144, 202, 249, 0.6);
+}
+
+.tabs .tab a.active {
+  color: #90caf9;
+}
+
+.tabs .indicator {
+  background-color: #2196f3;
+}
+
+.anchor-links {
+  text-align: center;
+}
+
+.showcase-tabs {
+  margin-bottom: 20px;
+}
+
+/* blockquote */
+
+blockquote {
+  background-color: rgba(144, 202, 249, 0.6);
+  padding: 5px;
+  color: #666;
+  margin: 20px 0;
+  border-left: solid 5px #2196f3;
+}
+
+/* Revert DataTables styles, as Materialize override some default styles... */
+
+.dataTables_wrapper label {
+  font-size: 1rem;
+  color: #000;
+}
+
+.dataTables_wrapper select {
+  display: inline;
+  border: 1px solid #000;
+  border-radius: 0;
+  padding: 0;
+  width: inherit;
+  height: inherit;
+}
+
+.dataTables_wrapper .dataTables_filter input[type="search"] {
+  border: 1px solid #000;
+  height: inherit;
+  width: inherit;
+  font-size: inherit;
+  margin: 0 0 0 0.5em;
+  display: inline-block;
+  background-color: #FFF;
+  visibility: visible !important;
+}
+
+.dataTables_empty {
+    display: none;
+}
+
+/** copy to clipboard button css */
+
+div.code-toolbar > .toolbar {
+  opacity: unset !important;
+  top: 0.5em !important;
+  right: 0.5em !important;
+}
+
+div.code-toolbar > .toolbar button {
+  color: black !important;
+  background-color: white !important;
+  padding: 4px !important;
+  font-size: 15px !important;
+}
+
+/* markdown library stuff */
+
+markdown h5:not(markdown.faqMarkdown) {
+  color: #2196f3;
+}
+
+
+/** Fixed columns css
+
+These classes are injected by fixed columns extensions
+and can be tweaked here to match the colors of headers and body
+to hide the scrolling element behind the fixed header.
+
+*/
+
+
+table.dataTable thead tr > .dtfc-fixed-left,
+table.dataTable thead tr > .dtfc-fixed-right,
+table.dataTable tfoot tr > .dtfc-fixed-left,
+table.dataTable tfoot tr > .dtfc-fixed-right {
+  top: 0;
+  bottom: 0;
+  z-index: 3;
+  background-color: white;
+}
+
+table.dataTable tbody tr > .dtfc-fixed-left,
+table.dataTable tbody tr > .dtfc-fixed-right {
+  z-index: 1;
+  background-color: white;
+}
+
+div.dtfc-left-top-blocker,
+div.dtfc-right-top-blocker {
+  background-color: white;
+}
+
+/* Dt v2 CSS messed up some stuff */
+.dt-search input {
+  width: 200px !important;
+  height: 20px !important;
+}
+
+select.dt-input {
+  display: inline-block !important;
+  width: 60px;
+  height: 40px;
+}
diff --git a/demo/src/tsconfig.app.json b/demo/src/tsconfig.app.json
new file mode 100644
index 0000000..a650c3b
--- /dev/null
+++ b/demo/src/tsconfig.app.json
@@ -0,0 +1,14 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/app",
+    "module": "ES2015",
+    "baseUrl": "",
+  },
+  "files": [
+    "./main.ts"
+  ],
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}
diff --git a/demo/src/tsconfig.spec.json b/demo/src/tsconfig.spec.json
new file mode 100644
index 0000000..d0732ff
--- /dev/null
+++ b/demo/src/tsconfig.spec.json
@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/spec",
+    "baseUrl": "",
+    "skipDefaultLibCheck": true,
+    "skipLibCheck": true
+  },
+  "include": [
+    "**/*.spec.ts"
+  ],
+}
diff --git a/deploy-doc.sh b/deploy-doc.sh
new file mode 100644
index 0000000..0a504d4
--- /dev/null
+++ b/deploy-doc.sh
@@ -0,0 +1,62 @@
+#!/bin/bash
+
+# Exit the script if a command fails
+set -e
+
+function info {
+    echo "[-] $1"
+}
+
+function help {
+    info "Usage: $  deploy-doc.sh <commit message>"
+    info "Example:"
+    info "  $ deploy-doc.sh \"Deploy documentation to gh-pages\""
+}
+
+if [ "$1" == "-h" ] ; then
+    help
+    exit 0
+fi
+
+gitmessage="${1:-Deploy documentation to gh-pages}"
+cwd=$(pwd)
+project_name=${PWD##*/}
+
+info "Deloying the documentation to the GH pages from $cwd (project name is $project_name)"
+
+info "Building documentation..."
+npm run demo:build:prod
+
+info "Copying the doc folder to /tmp"
+rm -rf /tmp/angular-datatables-demo
+cp -r dist/demo /tmp/angular-datatables-demo
+cd /tmp/angular-datatables-demo
+
+info "Copying project to /tmp and switch to gh-pages branch"
+rm -rf /tmp/$project_name
+cp -r $cwd /tmp
+cd /tmp/$project_name
+git add -A && git stash
+git checkout gh-pages
+git fetch && git reset --hard origin/gh-pages
+
+info "Remove all files except .git"
+rm -rf * .angular .vscode
+
+info "Copy the doc to the gh-pages branch"
+cp -r /tmp/angular-datatables-demo/* /tmp/$project_name
+
+info "Commit gh-pages"
+cd /tmp/$project_name
+git add -A && git commit -m "$gitmessage"
+
+info "Pushing to remote"
+git push -u origin gh-pages
+
+info "Removing tmp folders"
+rm -rf /tmp/$project_name
+rm -rf /tmp/angular-datatables-demo
+
+info "Github Pages deployed SUCCESSFULLY!!!"
+
+exit 0
diff --git a/lib/index.ts b/lib/index.ts
new file mode 100644
index 0000000..8a64894
--- /dev/null
+++ b/lib/index.ts
@@ -0,0 +1,8 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://raw.githubusercontent.com/GlobalArtInc/angular-datatables/master/LICENSE
+ */
+
+export * from './public_api';
diff --git a/lib/ng-package.prod.json b/lib/ng-package.prod.json
new file mode 100644
index 0000000..a76f5ed
--- /dev/null
+++ b/lib/ng-package.prod.json
@@ -0,0 +1,9 @@
+{
+  "$schema": "../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../dist/lib",
+  "deleteDestPath": true,
+  "lib": {
+    "entryFile": "index.ts"
+  },
+  "allowedNonPeerDependencies": ["."]
+}
diff --git a/lib/package.json b/lib/package.json
new file mode 100644
index 0000000..a0a85bc
--- /dev/null
+++ b/lib/package.json
@@ -0,0 +1,35 @@
+{
+  "name": "angular-datatables",
+  "version": "17.1.0",
+  "description": "Angular directive for DataTables",
+  "keywords": [
+    "Angular",
+    "DataTables"
+  ],
+  "author": "GlobalArt Inc",
+  "contributors": [
+    "Michael Bennett <michael@strukt.org>",
+    "Steven Masala <me@smasalai.com>",
+    "Surya Teja K <shanmukhateja@gmail.com>"
+  ],
+  "schematics": "./schematics/src/collection.json",
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/common": "^17.3.2",
+    "@angular/core": "^17.3.2",
+    "@angular/platform-browser": "^17.3.2",
+    "datatables.net": "^2.0.6",
+    "datatables.net-dt": "^2.0.6",
+    "jquery": "^3.6.0",
+    "rxjs": "^7.4.0",
+    "zone.js": "~0.14.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/GlobalArtInc/angular-datatables.git"
+  },
+  "bugs": {
+    "url": "https://github.com/GlobalArtInc/angular-datatables/issues"
+  },
+  "homepage": "https://github.com/GlobalArtInc/angular-datatables#readme"
+}
diff --git a/lib/public_api.ts b/lib/public_api.ts
new file mode 100644
index 0000000..4df5c36
--- /dev/null
+++ b/lib/public_api.ts
@@ -0,0 +1,14 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://raw.githubusercontent.com/GlobalArtInc/angular-datatables/master/LICENSE
+ */
+
+/**
+ * @module
+ * @description
+ * Entry point from which you should import all public library APIs.
+ */
+export { DataTableDirective } from './src/angular-datatables.directive';
+export { DataTablesModule } from './src/angular-datatables.module';
diff --git a/lib/schematics/.editorconfig b/lib/schematics/.editorconfig
new file mode 100644
index 0000000..4a1904f
--- /dev/null
+++ b/lib/schematics/.editorconfig
@@ -0,0 +1,4 @@
+[*]
+charset = utf-8
+indent_size = 2
+indent_style = space
\ No newline at end of file
diff --git a/lib/schematics/src/collection.json b/lib/schematics/src/collection.json
new file mode 100644
index 0000000..fa53e0c
--- /dev/null
+++ b/lib/schematics/src/collection.json
@@ -0,0 +1,11 @@
+{
+  "$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "ng-add": {
+      "description": "Adds Angular Datatables to the application without affecting any templates",
+      "factory": "./ng-add/index",
+      "schema": "./ng-add/schema.json",
+      "aliases": ["install"]
+    }
+  }
+}
diff --git a/lib/schematics/src/ng-add/index.ts b/lib/schematics/src/ng-add/index.ts
new file mode 100644
index 0000000..5217385
--- /dev/null
+++ b/lib/schematics/src/ng-add/index.ts
@@ -0,0 +1,77 @@
+import { Rule, SchematicContext, Tree, chain } from '@angular-devkit/schematics';
+import { addAssetToAngularJson, addPackageToPackageJson } from './utils';
+import { NodePackageInstallTask } from '@angular-devkit/schematics/tasks';
+import { IADTSchematicsOptions } from './models/schematics-options';
+import { ADT_SUPPORTED_STYLES, ADTStyleOptions } from './models/style-options';
+
+export default function (_options: IADTSchematicsOptions): Rule {
+  return chain([
+    addPackageJsonDependencies(_options),
+    installPackageJsonDependencies(),
+    updateAngularJsonFile(_options)
+  ]);
+}
+
+function addPackageJsonDependencies(options: IADTSchematicsOptions) {
+  return (tree: Tree, context: SchematicContext) => {
+    // Update package.json
+    const styleDeps = ADT_SUPPORTED_STYLES.find(e => e.style == options.style);
+
+    const dependencies = [
+      { version: '^3.6.0', name: 'jquery', isDev: false },
+      { version: '^2.0.3', name: 'datatables.net', fancyName: 'datatables.net (v2)', isDev: false },
+      { version: '^3.5.9', name: '@types/jquery', isDev: true }
+    ];
+
+    if (styleDeps) {
+      if (styleDeps.style != ADTStyleOptions.DT)
+        context.logger.log('warn', 'Your project needs Bootstrap CSS installed and configured for changes to take affect.');
+      styleDeps.packageJson.forEach(e => dependencies.push(e));
+    }
+
+    dependencies.forEach(dependency => {
+      const result = addPackageToPackageJson(tree, dependency.name, dependency.version, dependency.isDev);
+      if (result) {
+        context.logger.log('info', `✅️ Added "${dependency.fancyName || dependency.name}" into "${dependency.isDev ? 'devDependencies' : 'dependencies'}"`);
+      } else {
+        context.logger.log('info', `ℹ️  Skipped adding "${dependency.name}" into package.json`);
+      }
+    });
+    return tree;
+  };
+}
+
+function installPackageJsonDependencies(): Rule {
+  return (host: Tree, context: SchematicContext) => {
+    context.addTask(new NodePackageInstallTask());
+    context.logger.log('info', `🔍 Installing packages...`);
+
+    return host;
+  };
+}
+
+
+function updateAngularJsonFile(options: IADTSchematicsOptions) {
+  return (tree: Tree, context: SchematicContext) => {
+
+    const styleDeps = ADT_SUPPORTED_STYLES.find(e => e.style == options.style);
+
+    const assets = [
+      { path: 'node_modules/jquery/dist/jquery.min.js', target: 'scripts', fancyName: 'jQuery Core' },
+      { path: 'node_modules/datatables.net/js/dataTables.min.js', target: 'scripts', fancyName: 'DataTables.net Core JS' },
+    ];
+
+    if (styleDeps) {
+      styleDeps.angularJson.forEach(e => assets.push(e));
+    }
+
+    assets.forEach(asset => {
+      const result = addAssetToAngularJson(tree, asset.target, asset.path);
+      if (result) {
+        context.logger.log('info', `✅️ Added "${asset.fancyName}" into angular.json`);
+      } else {
+        context.logger.log('info', `ℹ️  Skipped adding "${asset.fancyName}" into angular.json`);
+      }
+    });
+  };
+}
diff --git a/lib/schematics/src/ng-add/models/schematics-options.ts b/lib/schematics/src/ng-add/models/schematics-options.ts
new file mode 100644
index 0000000..c9ee73a
--- /dev/null
+++ b/lib/schematics/src/ng-add/models/schematics-options.ts
@@ -0,0 +1,6 @@
+import { ADTStyleOptions } from "./style-options";
+
+export interface IADTSchematicsOptions {
+  project: string,
+  style: ADTStyleOptions
+}
diff --git a/lib/schematics/src/ng-add/models/style-options.ts b/lib/schematics/src/ng-add/models/style-options.ts
new file mode 100644
index 0000000..916e321
--- /dev/null
+++ b/lib/schematics/src/ng-add/models/style-options.ts
@@ -0,0 +1,48 @@
+export enum ADTStyleOptions {
+  DT="dt",
+  BS3="bs3",
+  BS4="bs4",
+  BS5="bs5",
+}
+
+export const ADT_SUPPORTED_STYLES = [
+  {
+    style: ADTStyleOptions.DT,
+    packageJson: [
+      { version: '^2.0.3', name: 'datatables.net-dt', isDev: false },
+    ],
+    angularJson: [
+      { path: 'node_modules/datatables.net-dt/css/jquery.dataTables.min.css', target: 'styles', fancyName: 'DataTables.net Core CSS' },
+    ]
+  },
+  {
+    style: ADTStyleOptions.BS3,
+    packageJson: [
+      { version: '^2.0.3', name: 'datatables.net-bs', isDev: false },
+    ],
+    angularJson: [
+      { path: 'node_modules/datatables.net-bs/css/dataTables.bootstrap.min.css', target: 'styles', fancyName: 'DataTables.net Bootstrap 3 CSS' },
+      { path: 'node_modules/datatables.net-bs/js/dataTables.bootstrap.min.js', target: 'scripts', fancyName: 'DataTables.net Bootstrap 3 JS' },
+    ]
+  },
+  {
+    style: ADTStyleOptions.BS4,
+    packageJson: [
+      { version: '^2.0.3', name: 'datatables.net-bs4', isDev: false },
+    ],
+    angularJson: [
+      { path: 'node_modules/datatables.net-bs4/css/dataTables.bootstrap4.min.css', target: 'styles', fancyName: 'DataTables.net Bootstrap 4 CSS' },
+      { path: 'node_modules/datatables.net-bs4/js/dataTables.bootstrap4.min.js', target: 'scripts', fancyName: 'DataTables.net Bootstrap 4 JS' },
+    ]
+  },
+  {
+    style: ADTStyleOptions.BS5,
+    packageJson: [
+      { version: '^2.0.3', name: 'datatables.net-bs5', isDev: false },
+    ],
+    angularJson: [
+      { path: 'node_modules/datatables.net-bs5/css/dataTables.bootstrap5.min.css', target: 'styles', fancyName: 'DataTables.net Bootstrap 5 CSS' },
+      { path: 'node_modules/datatables.net-bs5/js/dataTables.bootstrap5.min.js', target: 'scripts', fancyName: 'DataTables.net Bootstrap 5 JS' },
+    ]
+  },
+]
diff --git a/lib/schematics/src/ng-add/schema.json b/lib/schematics/src/ng-add/schema.json
new file mode 100644
index 0000000..8ece473
--- /dev/null
+++ b/lib/schematics/src/ng-add/schema.json
@@ -0,0 +1,41 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "angular-datatables-schematic-angular-datatables",
+  "title": "Angular DataTables angular-datatables schematic",
+  "type": "object",
+  "properties": {
+    "project": {
+      "title": "angular-datatables",
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "style": {
+      "description": "The styling library to use for Datatables.",
+      "type": "string",
+      "default": "dt",
+      "enum": ["dt", "bs3", "bs4", "bs5"],
+      "x-prompt": {
+        "message": "Which styling library would you like to use for DataTables?",
+        "type": "list",
+        "items": [
+          { "value": "dt", "label": "DataTables (Default)" },
+          {
+            "value": "bs3",
+            "label": "Bootstrap 3"
+          },
+          {
+            "value": "bs4",
+            "label": "Bootstrap 4"
+          },
+          {
+            "value": "bs5",
+            "label": "Bootstrap 5"
+          }
+        ]
+      }
+    }
+  }
+}
diff --git a/lib/schematics/src/ng-add/utils/get-file-content.ts b/lib/schematics/src/ng-add/utils/get-file-content.ts
new file mode 100644
index 0000000..07a553c
--- /dev/null
+++ b/lib/schematics/src/ng-add/utils/get-file-content.ts
@@ -0,0 +1,12 @@
+import { Tree } from "@angular-devkit/schematics";
+
+// https://github.com/angular/angular-cli/blob/16.1.x/packages/schematics/angular/utility/test/get-file-content.ts
+export function getFileContent(tree: Tree, path: string): string {
+  const fileEntry = tree.get(path);
+
+  if (!fileEntry) {
+    throw new Error(`The file (${path}) does not exist.`);
+  }
+
+  return fileEntry.content.toString();
+}
diff --git a/lib/schematics/src/ng-add/utils/index.ts b/lib/schematics/src/ng-add/utils/index.ts
new file mode 100644
index 0000000..69ea6c7
--- /dev/null
+++ b/lib/schematics/src/ng-add/utils/index.ts
@@ -0,0 +1,85 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+import { Tree } from '@angular-devkit/schematics';
+
+function sortObjectByKeys(obj: { [key: string]: string }) {
+  return Object
+    .keys(obj)
+    .sort()
+    /* tslint:disable-next-line: no-any */
+    .reduce((result: any, key: any) => (
+      result[key] = obj[key]
+    ) && result, {});
+}
+
+/**
+ * This function has been borrowed from:
+ * https://github.com/valor-software/ngx-bootstrap/tree/development/schematics/src/utils/index.ts
+ *
+ * Note: This function accepts an additional parameter `isDevDependency` so we
+ * can place a given dependency in the correct dependencies array inside package.json
+ */
+export function addPackageToPackageJson(host: Tree, pkg: string, version: string, isDevDependency = false): boolean {
+
+  if (host.exists('package.json')) {
+    /* tslint:disable-next-line: no-non-null-assertion */
+    const sourceText = host.read('package.json')!.toString('utf-8');
+    const json = JSON.parse(sourceText);
+
+    if (!json.dependencies) {
+      json.dependencies = {};
+    }
+
+    if (!json.devDependencies) {
+      json.dependencies = {};
+    }
+
+    // update UI that `pkg` wasn't re-added to package.json
+    if (json.dependencies[pkg] || json.devDependencies[pkg]) return false;
+
+    if (!json.dependencies[pkg] && !isDevDependency) {
+      json.dependencies[pkg] = version;
+      json.dependencies = sortObjectByKeys(json.dependencies);
+    }
+
+    if (!json.devDependencies[pkg] && isDevDependency) {
+      json.devDependencies[pkg] = version;
+      json.devDependencies = sortObjectByKeys(json.devDependencies);
+    }
+
+    host.overwrite('package.json', JSON.stringify(json, null, 2));
+    return true;
+  }
+
+  return false;
+}
+
+export function addAssetToAngularJson(host: Tree, assetType: string, assetPath: string): boolean {
+  /* tslint:disable-next-line: no-non-null-assertion */
+  const sourceText = host.read('angular.json')!.toString('utf-8');
+  const json = JSON.parse(sourceText);
+
+  if (!json) return false;
+
+  const projectName = Object.keys(json['projects'])[0];
+  const projectObject = json.projects[projectName];
+  const targets = projectObject.targets || projectObject.architect;
+
+  const targetLocation: string[] = targets.build.options[assetType];
+
+  // update UI that `assetPath` wasn't re-added to angular.json
+  if (targetLocation.indexOf(assetPath) != -1) return false;
+
+  targetLocation.push(assetPath);
+
+  host.overwrite('angular.json', JSON.stringify(json, null, 2));
+
+  return true;
+
+}
diff --git a/lib/schematics/src/ng-add/utils/ng-module-imports.ts b/lib/schematics/src/ng-add/utils/ng-module-imports.ts
new file mode 100644
index 0000000..72ebb20
--- /dev/null
+++ b/lib/schematics/src/ng-add/utils/ng-module-imports.ts
@@ -0,0 +1,83 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+import { Tree } from '@angular-devkit/schematics';
+import * as ts from 'typescript';
+
+/**
+ * Whether the Angular module in the given path imports the specifed module class name.
+ */
+export function hasNgModuleImport(tree: Tree, modulePath: string, className: string): boolean {
+  const moduleFileContent = tree.read(modulePath);
+
+  if (!moduleFileContent) {
+    throw new Error(`Could not read Angular module file: ${modulePath}`);
+  }
+
+  const parsedFile = ts.createSourceFile(modulePath, moduleFileContent.toString(),
+      ts.ScriptTarget.Latest, true);
+  let ngModuleMetadata: ts.ObjectLiteralExpression | null = null;
+
+  const findModuleDecorator = (node: ts.Node) => {
+    if (ts.isDecorator(node) && ts.isCallExpression(node.expression) &&
+        isNgModuleCallExpression(node.expression)) {
+      ngModuleMetadata = node.expression.arguments[0] as ts.ObjectLiteralExpression;
+
+      return;
+    }
+
+    ts.forEachChild(node, findModuleDecorator);
+  };
+
+  ts.forEachChild(parsedFile, findModuleDecorator);
+
+  if (!ngModuleMetadata) {
+    throw new Error(`Could not find NgModule declaration inside: "${modulePath}"`);
+  }
+
+  /* tslint:disable-next-line: no-non-null-assertion */
+  for (const property of (ngModuleMetadata as ts.ObjectLiteralExpression)!.properties) {
+    if (!ts.isPropertyAssignment(property) || property.name.getText() !== 'imports' ||
+        !ts.isArrayLiteralExpression(property.initializer)) {
+      continue;
+    }
+
+    /* tslint:disable-next-line: no-any */
+    if (property.initializer.elements.some((element: any) => element.getText() === className)) {
+      return true;
+    }
+  }
+
+  return false;
+}
+
+/**
+ * Resolves the last identifier that is part of the given expression. This helps resolving
+ * identifiers of nested property access expressions (e.g. myNamespace.core.NgModule).
+ */
+function resolveIdentifierOfExpression(expression: ts.Expression): ts.Identifier | null {
+  if (ts.isIdentifier(expression)) {
+    return expression;
+  } else if (ts.isPropertyAccessExpression(expression)) {
+    return resolveIdentifierOfExpression(expression.expression);
+  }
+
+  return null;
+}
+
+/** Whether the specified call expression is referring to a NgModule definition. */
+function isNgModuleCallExpression(callExpression: ts.CallExpression): boolean {
+  if (!callExpression.arguments.length ||
+      !ts.isObjectLiteralExpression(callExpression.arguments[0])) {
+    return false;
+  }
+
+  const decoratorIdentifier = resolveIdentifierOfExpression(callExpression.expression);
+
+  return decoratorIdentifier ? decoratorIdentifier.text === 'NgModule' : false;
+}
diff --git a/lib/schematics/src/ng-add/utils/project-main-file.ts b/lib/schematics/src/ng-add/utils/project-main-file.ts
new file mode 100644
index 0000000..57a3bc7
--- /dev/null
+++ b/lib/schematics/src/ng-add/utils/project-main-file.ts
@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+import { WorkspaceProject } from '@schematics/angular/utility/workspace-models';
+import { SchematicsException } from '@angular-devkit/schematics';
+import { getProjectTargetOptions } from './project-targets';
+
+/** Looks for the main TypeScript file in the given project and returns its path. */
+export function getProjectMainFile(project: WorkspaceProject): string {
+  const buildOptions = getProjectTargetOptions(project, 'build');
+
+  if (!buildOptions.main) {
+    throw new SchematicsException(`Could not find the project main file inside of the ` +
+      `workspace config (${project.sourceRoot})`);
+  }
+
+  return buildOptions.main;
+}
diff --git a/lib/schematics/src/ng-add/utils/project-targets.ts b/lib/schematics/src/ng-add/utils/project-targets.ts
new file mode 100644
index 0000000..c20e351
--- /dev/null
+++ b/lib/schematics/src/ng-add/utils/project-targets.ts
@@ -0,0 +1,28 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+import { WorkspaceProject } from '@schematics/angular/utility/workspace-models';
+
+/** Resolves the architect options for the build target of the given project. */
+export function getProjectTargetOptions(project: WorkspaceProject, buildTarget: string) {
+  if (project.targets &&
+    project.targets[buildTarget] &&
+    project.targets[buildTarget].options) {
+
+    return project.targets[buildTarget].options;
+  }
+
+  if (project.architect &&
+    project.architect[buildTarget] &&
+    project.architect[buildTarget].options) {
+
+    return project.architect[buildTarget].options;
+  }
+
+  throw new Error(`Cannot determine project target configuration for: ${buildTarget}.`);
+}
diff --git a/lib/schematics/tsconfig.json b/lib/schematics/tsconfig.json
new file mode 100644
index 0000000..d801539
--- /dev/null
+++ b/lib/schematics/tsconfig.json
@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    // FIXME: investigate and remove `src` suffix
+    "outDir": "../../dist/lib/schematics/src",
+    "lib": [
+      "es2018",
+      "dom"
+    ],
+    "declaration": true,
+    "moduleResolution": "node",
+    "noEmitOnError": true,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "noUnusedParameters": true,
+    "noUnusedLocals": true,
+    "rootDir": "src/",
+    "skipDefaultLibCheck": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strictNullChecks": true,
+    "declarationMap": false,
+    "target": "es5",
+    "types": [
+      "jasmine",
+      "node"
+    ]
+  }
+}
diff --git a/lib/src/angular-datatables.directive.ts b/lib/src/angular-datatables.directive.ts
new file mode 100644
index 0000000..faded7c
--- /dev/null
+++ b/lib/src/angular-datatables.directive.ts
@@ -0,0 +1,153 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://raw.githubusercontent.com/GlobalArtInc/angular-datatables/master/LICENSE
+ */
+
+import { Directive, ElementRef, Input, OnDestroy, OnInit, Renderer2, ViewContainerRef } from '@angular/core';
+import { Subject } from 'rxjs';
+import { ADTSettings, ADTColumns } from './models/settings';
+import { Api } from 'datatables.net';
+
+@Directive({
+  selector: '[datatable]'
+})
+export class DataTableDirective implements OnDestroy, OnInit {
+  /**
+   * The DataTable option you pass to configure your table.
+   */
+  @Input()
+  dtOptions: ADTSettings = {};
+
+  /**
+   * This trigger is used if one wants to trigger manually the DT rendering
+   * Useful when rendering angular rendered DOM
+   */
+  @Input()
+  dtTrigger!: Subject<ADTSettings>;
+
+  /**
+   * The DataTable instance built by the jQuery library [DataTables](datatables.net).
+   *
+   * It's possible to execute the [DataTables APIs](https://datatables.net/reference/api/) with
+   * this variable.
+   */
+  dtInstance!: Promise<Api>;
+
+  // Only used for destroying the table when destroying this directive
+  private dt!: Api;
+
+  constructor(
+    private el: ElementRef,
+    private vcr: ViewContainerRef,
+    private renderer: Renderer2
+  ) { }
+
+  ngOnInit(): void {
+    if (this.dtTrigger) {
+      this.dtTrigger.subscribe((options) => {
+        this.displayTable(options);
+      });
+    } else {
+      this.displayTable(null);
+    }
+  }
+
+  ngOnDestroy(): void {
+    if (this.dtTrigger) {
+      this.dtTrigger.unsubscribe();
+    }
+    if (this.dt) {
+      this.dt.destroy(true);
+    }
+  }
+
+  private displayTable(dtOptions: ADTSettings | null): void {
+    // assign new options if provided
+    if (dtOptions) {
+      this.dtOptions = dtOptions;
+    }
+    this.dtInstance = new Promise((resolve, reject) => {
+      Promise.resolve(this.dtOptions).then(resolvedDTOptions => {
+        // validate object
+        const isTableEmpty = Object.keys(resolvedDTOptions).length === 0 && $('tbody tr', this.el.nativeElement).length === 0;
+        if (isTableEmpty) {
+          reject('Both the table and dtOptions cannot be empty');
+          return;
+        }
+
+        // Set a column unique
+        if (resolvedDTOptions.columns) {
+          resolvedDTOptions.columns.forEach(col => {
+            if ((col.id ?? '').trim() === '') {
+              col.id = this.getColumnUniqueId();
+            }
+          });
+        }
+
+        // Using setTimeout as a "hack" to be "part" of NgZone
+        setTimeout(() => {
+          // Assign DT properties here
+          let options: ADTSettings = {
+            rowCallback: (row, data, index) => {
+              if (resolvedDTOptions.columns) {
+                const columns = resolvedDTOptions.columns;
+                this.applyNgPipeTransform(row, columns);
+                this.applyNgRefTemplate(row, columns, data);
+              }
+
+              // run user specified row callback if provided.
+              if (resolvedDTOptions.rowCallback) {
+                resolvedDTOptions.rowCallback(row, data, index);
+              }
+            }
+          };
+          // merge user's config with ours
+          options = Object.assign({}, resolvedDTOptions, options);
+          this.dt = $(this.el.nativeElement).DataTable(options);
+          resolve(this.dt);
+        });
+      });
+    });
+  }
+
+  private applyNgPipeTransform(row: Node, columns: ADTColumns[]): void {
+    // Filter columns with pipe declared
+    const colsWithPipe = columns.filter(x => x.ngPipeInstance && !x.ngTemplateRef);
+    colsWithPipe.forEach(el => {
+      const pipe = el.ngPipeInstance!;
+      const pipeArgs = el.ngPipeArgs || [];
+      // find index of column using `data` attr
+      const i = columns.filter(c => c.visible !== false).findIndex(e => e.id === el.id);
+      // get <td> element which holds data using index
+      const rowFromCol = row.childNodes.item(i);
+      // Transform data with Pipe and PipeArgs
+      const rowVal = $(rowFromCol).text();
+      const rowValAfter = pipe.transform(rowVal, ...pipeArgs);
+      // Apply transformed string to <td>
+      $(rowFromCol).text(rowValAfter);
+    });
+  }
+
+  private applyNgRefTemplate(row: Node, columns: ADTColumns[], data: Object): void {
+    columns
+      .filter(x => x.ngTemplateRef?.ref && !x.ngPipeInstance)
+      .forEach(el => {
+        const { ref, context } = el.ngTemplateRef!;
+        const i = columns.filter(c => c.visible !== false).findIndex(e => e.id === el.id);
+        const cellFromIndex = row.childNodes.item(i) as HTMLElement;
+        cellFromIndex.innerHTML = '';
+
+        const _context = { ...context, ...context?.userData, adtData: data };
+        let instance = this.vcr.createEmbeddedView(ref, _context);
+        instance.rootNodes.forEach(node => cellFromIndex.appendChild(node));
+      });
+  }
+
+  private getColumnUniqueId(): string {
+    const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    const randomCharacter = () => characters.charAt(Math.floor(Math.random() * characters.length));
+    return Array.from({ length: 6 }, randomCharacter).join('');
+  }
+}
diff --git a/lib/src/angular-datatables.module.ts b/lib/src/angular-datatables.module.ts
new file mode 100644
index 0000000..09a2711
--- /dev/null
+++ b/lib/src/angular-datatables.module.ts
@@ -0,0 +1,17 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://raw.githubusercontent.com/GlobalArtInc/angular-datatables/master/LICENSE
+ */
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DataTableDirective } from './angular-datatables.directive';
+
+@NgModule({
+  imports: [ CommonModule ],
+  declarations: [ DataTableDirective ],
+  exports: [ DataTableDirective ]
+})
+export class DataTablesModule {}
diff --git a/lib/src/models/settings.ts b/lib/src/models/settings.ts
new file mode 100644
index 0000000..d017679
--- /dev/null
+++ b/lib/src/models/settings.ts
@@ -0,0 +1,28 @@
+import { PipeTransform, TemplateRef } from '@angular/core';
+import { Config, ConfigColumns } from 'datatables.net';
+
+export interface ADTSettings extends Config {
+  columns?: ADTColumns[];
+}
+export interface ADTColumns extends ConfigColumns {
+  /** Define the column's unique identifier */
+  id?: string;
+  /** Set instance of Angular pipe to transform the data of particular column */
+  ngPipeInstance?: PipeTransform;
+  /** Define the arguments for the tranform method of the pipe, to change its behavior */
+  ngPipeArgs?: any[];
+  /** Set `TemplateRef` to transform the data of this column */
+  ngTemplateRef?: ADTTemplateRef;
+}
+
+export interface ADTTemplateRef {
+  /** `TemplateRef` to work with */
+  ref: TemplateRef<any>;
+  /** */
+  context?: ADTTemplateRefContext;
+}
+
+export interface ADTTemplateRefContext {
+  captureEvents: Function;
+  userData?: any;
+}
diff --git a/lib/tsconfig.lib.json b/lib/tsconfig.lib.json
new file mode 100644
index 0000000..8cd6894
--- /dev/null
+++ b/lib/tsconfig.lib.json
@@ -0,0 +1,18 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/lib",
+    "target": "ES2015",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+  },
+  "angularCompilerOptions": {
+    "skipTemplateCodegen": true,
+    "strictMetadataEmit": true,
+    "enableResourceInlining": true
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}
diff --git a/lib/tsconfig.lib.prod.json b/lib/tsconfig.lib.prod.json
new file mode 100644
index 0000000..aee778a
--- /dev/null
+++ b/lib/tsconfig.lib.prod.json
@@ -0,0 +1,12 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "target": "ES5",
+    "module": "ES2015",
+    "sourceMap": false,
+    "declaration": false,
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  },
+}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..df89105
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,12784 @@
+{
+  "name": "angular-datatables-workspace",
+  "version": "17.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "angular-datatables-workspace",
+      "version": "17.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@angular/animations": "^17.3.0",
+        "@angular/common": "^17.3.0",
+        "@angular/compiler": "^17.3.0",
+        "@angular/core": "^17.3.0",
+        "@angular/forms": "^17.3.0",
+        "@angular/platform-browser": "^17.3.0",
+        "@angular/platform-browser-dynamic": "^17.3.0",
+        "@angular/router": "^17.3.0",
+        "angular-datatables": "file:dist/lib",
+        "clipboard": "^2.0.8",
+        "core-js": "^3.23.3",
+        "datatables.net": "^2.0.6",
+        "datatables.net-buttons": "^3.0.1",
+        "datatables.net-buttons-dt": "^3.0.1",
+        "datatables.net-colreorder": "^2.0.0",
+        "datatables.net-colreorder-dt": "^2.0.0",
+        "datatables.net-dt": "^2.0.6",
+        "datatables.net-fixedcolumns": "^4.3.1",
+        "datatables.net-fixedcolumns-dt": "^4.3.1",
+        "datatables.net-responsive": "^3.0.1",
+        "datatables.net-responsive-dt": "^3.0.1",
+        "datatables.net-select": "^2.0.0",
+        "datatables.net-select-dt": "^2.0.0",
+        "jquery": "^3.6.0",
+        "jszip": "^3.8.0",
+        "marked": "^9.1.6",
+        "materialize-css": "^0.100.2",
+        "prism-themes": "^1.9.0",
+        "prismjs": "^1.27.0",
+        "rxjs": "7.4.0",
+        "tether": "^2.0.0",
+        "tslib": "^2.3.0",
+        "zone.js": "~0.14.3"
+      },
+      "devDependencies": {
+        "@angular-devkit/build-angular": "^17.3.2",
+        "@angular-devkit/schematics": "^17.3.2",
+        "@angular/animations": "^17.3.2",
+        "@angular/cli": "^17.3.2",
+        "@angular/common": "^17.3.2",
+        "@angular/compiler": "^17.3.2",
+        "@angular/compiler-cli": "^17.3.2",
+        "@angular/core": "^17.3.2",
+        "@angular/forms": "^17.3.2",
+        "@angular/language-service": "^17.3.2",
+        "@angular/platform-browser": "^17.3.2",
+        "@angular/platform-browser-dynamic": "^17.3.2",
+        "@angular/router": "^17.3.2",
+        "@types/jasmine": "~5.1.0",
+        "@types/jquery": "^3.5.29",
+        "@types/node": "^20.11.16",
+        "copyfiles": "^2.4.1",
+        "jasmine-core": "~5.1.0",
+        "jasmine-spec-reporter": "~7.0.0",
+        "jquery": "^3.6.0",
+        "karma": "^6.4.3",
+        "karma-chrome-launcher": "~3.2.0",
+        "karma-coverage": "~2.2.0",
+        "karma-firefox-launcher": "^2.1.2",
+        "karma-jasmine": "~5.1.0",
+        "karma-jasmine-html-reporter": "~2.1.0",
+        "linklocal": "^2.8.2",
+        "ng-packagr": "^17.0.0",
+        "ngx-markdown": "^17.0.0",
+        "rimraf": "~3.0.2",
+        "typescript": "~5.4.2"
+      }
+    },
+    "dist/lib": {
+      "name": "angular-datatables",
+      "version": "17.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "peerDependencies": {
+        "@angular/common": "^17.3.2",
+        "@angular/core": "^17.3.2",
+        "@angular/platform-browser": "^17.3.2",
+        "datatables.net": "^2.0.3",
+        "datatables.net-dt": "^2.0.3",
+        "jquery": "^3.6.0",
+        "rxjs": "^7.4.0",
+        "zone.js": "~0.14.0"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.3.0",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@angular-devkit/architect": {
+      "version": "0.1703.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/core": "17.3.2",
+        "rxjs": "7.8.1"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/@angular-devkit/architect/node_modules/rxjs": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
+      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@angular-devkit/build-angular": {
+      "version": "17.3.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "2.3.0",
+        "@angular-devkit/architect": "0.1703.2",
+        "@angular-devkit/build-webpack": "0.1703.2",
+        "@angular-devkit/core": "17.3.2",
+        "@babel/core": "7.24.0",
+        "@babel/generator": "7.23.6",
+        "@babel/helper-annotate-as-pure": "7.22.5",
+        "@babel/helper-split-export-declaration": "7.22.6",
+        "@babel/plugin-transform-async-generator-functions": "7.23.9",
+        "@babel/plugin-transform-async-to-generator": "7.23.3",
+        "@babel/plugin-transform-runtime": "7.24.0",
+        "@babel/preset-env": "7.24.0",
+        "@babel/runtime": "7.24.0",
+        "@discoveryjs/json-ext": "0.5.7",
+        "@ngtools/webpack": "17.3.2",
+        "@vitejs/plugin-basic-ssl": "1.1.0",
+        "ansi-colors": "4.1.3",
+        "autoprefixer": "10.4.18",
+        "babel-loader": "9.1.3",
+        "babel-plugin-istanbul": "6.1.1",
+        "browserslist": "^4.21.5",
+        "copy-webpack-plugin": "11.0.0",
+        "critters": "0.0.22",
+        "css-loader": "6.10.0",
+        "esbuild-wasm": "0.20.1",
+        "fast-glob": "3.3.2",
+        "http-proxy-middleware": "2.0.6",
+        "https-proxy-agent": "7.0.4",
+        "inquirer": "9.2.15",
+        "jsonc-parser": "3.2.1",
+        "karma-source-map-support": "1.4.0",
+        "less": "4.2.0",
+        "less-loader": "11.1.0",
+        "license-webpack-plugin": "4.0.2",
+        "loader-utils": "3.2.1",
+        "magic-string": "0.30.8",
+        "mini-css-extract-plugin": "2.8.1",
+        "mrmime": "2.0.0",
+        "open": "8.4.2",
+        "ora": "5.4.1",
+        "parse5-html-rewriting-stream": "7.0.0",
+        "picomatch": "4.0.1",
+        "piscina": "4.4.0",
+        "postcss": "8.4.35",
+        "postcss-loader": "8.1.1",
+        "resolve-url-loader": "5.0.0",
+        "rxjs": "7.8.1",
+        "sass": "1.71.1",
+        "sass-loader": "14.1.1",
+        "semver": "7.6.0",
+        "source-map-loader": "5.0.0",
+        "source-map-support": "0.5.21",
+        "terser": "5.29.1",
+        "tree-kill": "1.2.2",
+        "tslib": "2.6.2",
+        "undici": "6.7.1",
+        "vite": "5.1.5",
+        "watchpack": "2.4.0",
+        "webpack": "5.90.3",
+        "webpack-dev-middleware": "6.1.2",
+        "webpack-dev-server": "4.15.1",
+        "webpack-merge": "5.10.0",
+        "webpack-subresource-integrity": "5.1.0"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "optionalDependencies": {
+        "esbuild": "0.20.1"
+      },
+      "peerDependencies": {
+        "@angular/compiler-cli": "^17.0.0",
+        "@angular/localize": "^17.0.0",
+        "@angular/platform-server": "^17.0.0",
+        "@angular/service-worker": "^17.0.0",
+        "@web/test-runner": "^0.18.0",
+        "browser-sync": "^3.0.2",
+        "jest": "^29.5.0",
+        "jest-environment-jsdom": "^29.5.0",
+        "karma": "^6.3.0",
+        "ng-packagr": "^17.0.0",
+        "protractor": "^7.0.0",
+        "tailwindcss": "^2.0.0 || ^3.0.0",
+        "typescript": ">=5.2 <5.5"
+      },
+      "peerDependenciesMeta": {
+        "@angular/localize": {
+          "optional": true
+        },
+        "@angular/platform-server": {
+          "optional": true
+        },
+        "@angular/service-worker": {
+          "optional": true
+        },
+        "@web/test-runner": {
+          "optional": true
+        },
+        "browser-sync": {
+          "optional": true
+        },
+        "jest": {
+          "optional": true
+        },
+        "jest-environment-jsdom": {
+          "optional": true
+        },
+        "karma": {
+          "optional": true
+        },
+        "ng-packagr": {
+          "optional": true
+        },
+        "protractor": {
+          "optional": true
+        },
+        "tailwindcss": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@angular-devkit/build-angular/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@angular-devkit/build-angular/node_modules/rxjs": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
+      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@angular-devkit/build-angular/node_modules/semver": {
+      "version": "7.6.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@angular-devkit/build-angular/node_modules/watchpack": {
+      "version": "2.4.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/@angular-devkit/build-angular/node_modules/yallist": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@angular-devkit/build-webpack": {
+      "version": "0.1703.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/architect": "0.1703.2",
+        "rxjs": "7.8.1"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "webpack": "^5.30.0",
+        "webpack-dev-server": "^4.0.0"
+      }
+    },
+    "node_modules/@angular-devkit/build-webpack/node_modules/rxjs": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
+      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@angular-devkit/core": {
+      "version": "17.3.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "8.12.0",
+        "ajv-formats": "2.1.1",
+        "jsonc-parser": "3.2.1",
+        "picomatch": "4.0.1",
+        "rxjs": "7.8.1",
+        "source-map": "0.7.4"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "chokidar": "^3.5.2"
+      },
+      "peerDependenciesMeta": {
+        "chokidar": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@angular-devkit/core/node_modules/rxjs": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
+      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@angular-devkit/schematics": {
+      "version": "17.3.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/core": "17.3.2",
+        "jsonc-parser": "3.2.1",
+        "magic-string": "0.30.8",
+        "ora": "5.4.1",
+        "rxjs": "7.8.1"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/@angular-devkit/schematics/node_modules/rxjs": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
+      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@angular/animations": {
+      "version": "17.3.2",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0"
+      },
+      "peerDependencies": {
+        "@angular/core": "17.3.2"
+      }
+    },
+    "node_modules/@angular/cli": {
+      "version": "17.3.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/architect": "0.1703.2",
+        "@angular-devkit/core": "17.3.2",
+        "@angular-devkit/schematics": "17.3.2",
+        "@schematics/angular": "17.3.2",
+        "@yarnpkg/lockfile": "1.1.0",
+        "ansi-colors": "4.1.3",
+        "ini": "4.1.2",
+        "inquirer": "9.2.15",
+        "jsonc-parser": "3.2.1",
+        "npm-package-arg": "11.0.1",
+        "npm-pick-manifest": "9.0.0",
+        "open": "8.4.2",
+        "ora": "5.4.1",
+        "pacote": "17.0.6",
+        "resolve": "1.22.8",
+        "semver": "7.6.0",
+        "symbol-observable": "4.0.0",
+        "yargs": "17.7.2"
+      },
+      "bin": {
+        "ng": "bin/ng.js"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/@angular/cli/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@angular/cli/node_modules/semver": {
+      "version": "7.6.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@angular/cli/node_modules/yallist": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@angular/common": {
+      "version": "17.3.2",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0"
+      },
+      "peerDependencies": {
+        "@angular/core": "17.3.2",
+        "rxjs": "^6.5.3 || ^7.4.0"
+      }
+    },
+    "node_modules/@angular/compiler": {
+      "version": "17.3.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0"
+      },
+      "peerDependencies": {
+        "@angular/core": "17.3.2"
+      },
+      "peerDependenciesMeta": {
+        "@angular/core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@angular/compiler-cli": {
+      "version": "17.3.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "7.23.9",
+        "@jridgewell/sourcemap-codec": "^1.4.14",
+        "chokidar": "^3.0.0",
+        "convert-source-map": "^1.5.1",
+        "reflect-metadata": "^0.2.0",
+        "semver": "^7.0.0",
+        "tslib": "^2.3.0",
+        "yargs": "^17.2.1"
+      },
+      "bin": {
+        "ng-xi18n": "bundles/src/bin/ng_xi18n.js",
+        "ngc": "bundles/src/bin/ngc.js",
+        "ngcc": "bundles/ngcc/index.js"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0"
+      },
+      "peerDependencies": {
+        "@angular/compiler": "17.3.2",
+        "typescript": ">=5.2 <5.5"
+      }
+    },
+    "node_modules/@angular/compiler-cli/node_modules/@babel/core": {
+      "version": "7.23.9",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.23.5",
+        "@babel/generator": "^7.23.6",
+        "@babel/helper-compilation-targets": "^7.23.6",
+        "@babel/helper-module-transforms": "^7.23.3",
+        "@babel/helpers": "^7.23.9",
+        "@babel/parser": "^7.23.9",
+        "@babel/template": "^7.23.9",
+        "@babel/traverse": "^7.23.9",
+        "@babel/types": "^7.23.9",
+        "convert-source-map": "^2.0.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/@angular/compiler-cli/node_modules/@babel/core/node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@angular/compiler-cli/node_modules/@babel/core/node_modules/semver": {
+      "version": "6.3.1",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@angular/compiler-cli/node_modules/@babel/generator": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.24.0",
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jsesc": "^2.5.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@angular/core": {
+      "version": "17.3.2",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0"
+      },
+      "peerDependencies": {
+        "rxjs": "^6.5.3 || ^7.4.0",
+        "zone.js": "~0.14.0"
+      }
+    },
+    "node_modules/@angular/forms": {
+      "version": "17.3.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0"
+      },
+      "peerDependencies": {
+        "@angular/common": "17.3.2",
+        "@angular/core": "17.3.2",
+        "@angular/platform-browser": "17.3.2",
+        "rxjs": "^6.5.3 || ^7.4.0"
+      }
+    },
+    "node_modules/@angular/language-service": {
+      "version": "17.3.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0"
+      }
+    },
+    "node_modules/@angular/platform-browser": {
+      "version": "17.3.2",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0"
+      },
+      "peerDependencies": {
+        "@angular/animations": "17.3.2",
+        "@angular/common": "17.3.2",
+        "@angular/core": "17.3.2"
+      },
+      "peerDependenciesMeta": {
+        "@angular/animations": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@angular/platform-browser-dynamic": {
+      "version": "17.3.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0"
+      },
+      "peerDependencies": {
+        "@angular/common": "17.3.2",
+        "@angular/compiler": "17.3.2",
+        "@angular/core": "17.3.2",
+        "@angular/platform-browser": "17.3.2"
+      }
+    },
+    "node_modules/@angular/router": {
+      "version": "17.3.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0"
+      },
+      "peerDependencies": {
+        "@angular/common": "17.3.2",
+        "@angular/core": "17.3.2",
+        "@angular/platform-browser": "17.3.2",
+        "rxjs": "^6.5.3 || ^7.4.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.24.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/highlight": "^7.24.2",
+        "picocolors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.24.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.23.5",
+        "@babel/generator": "^7.23.6",
+        "@babel/helper-compilation-targets": "^7.23.6",
+        "@babel/helper-module-transforms": "^7.23.3",
+        "@babel/helpers": "^7.24.0",
+        "@babel/parser": "^7.24.0",
+        "@babel/template": "^7.24.0",
+        "@babel/traverse": "^7.24.0",
+        "@babel/types": "^7.24.0",
+        "convert-source-map": "^2.0.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/core/node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@babel/core/node_modules/semver": {
+      "version": "6.3.1",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.23.6",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.23.6",
+        "@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",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": {
+      "version": "7.22.15",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.23.6",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.23.5",
+        "@babel/helper-validator-option": "^7.23.5",
+        "browserslist": "^4.22.2",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
+      "version": "6.3.1",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-create-class-features-plugin": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-function-name": "^7.23.0",
+        "@babel/helper-member-expression-to-functions": "^7.23.0",
+        "@babel/helper-optimise-call-expression": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.24.1",
+        "@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-class-features-plugin/node_modules/semver": {
+      "version": "6.3.1",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-create-regexp-features-plugin": {
+      "version": "7.22.15",
+      "dev": true,
+      "license": "MIT",
+      "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-create-regexp-features-plugin/node_modules/semver": {
+      "version": "6.3.1",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-define-polyfill-provider": {
+      "version": "0.6.1",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-function-name": {
+      "version": "7.23.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.23.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-hoist-variables": {
+      "version": "7.22.5",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-member-expression-to-functions": {
+      "version": "7.23.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.23.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.24.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.23.3",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.24.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-remap-async-to-generator": {
+      "version": "7.22.20",
+      "dev": true,
+      "license": "MIT",
+      "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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-member-expression-to-functions": "^7.23.0",
+        "@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",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.22.5",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-split-export-declaration": {
+      "version": "7.22.6",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.22.20",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.23.5",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-wrap-function": {
+      "version": "7.22.20",
+      "dev": true,
+      "license": "MIT",
+      "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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.24.0",
+        "@babel/traverse": "^7.24.1",
+        "@babel/types": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/highlight": {
+      "version": "7.24.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "chalk": "^2.4.2",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/highlight/node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/highlight/node_modules/chalk": {
+      "version": "2.4.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/highlight/node_modules/color-convert": {
+      "version": "1.9.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/@babel/highlight/node_modules/color-name": {
+      "version": "1.1.3",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@babel/highlight/node_modules/has-flag": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/highlight/node_modules/supports-color": {
+      "version": "5.5.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/plugin-transform-optional-chaining": "^7.24.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.13.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-private-property-in-object": {
+      "version": "7.21.0-placeholder-for-preset-env.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-async-generators": {
+      "version": "7.8.4",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-assertions": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-attributes": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-generator-functions": {
+      "version": "7.23.9",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-remap-async-to-generator": "^7.22.20",
+        "@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.23.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-remap-async-to-generator": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoped-functions": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoping": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-properties": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.24.1",
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-static-block": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.24.1",
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-compilation-targets": "^7.23.6",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-function-name": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@babel/helper-replace-supers": "^7.24.1",
+        "@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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@babel/template": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-destructuring": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dotall-regex": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-duplicate-keys": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dynamic-import": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-export-namespace-from": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@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-function-name": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.23.6",
+        "@babel/helper-function-name": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-json-strings": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-logical-assignment-operators": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-amd": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.23.3",
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-commonjs": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.23.3",
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-module-transforms": "^7.23.3",
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@babel/helper-validator-identifier": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-umd": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.23.3",
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.23.6",
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-transform-parameters": "^7.24.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-super": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@babel/helper-replace-supers": "^7.24.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-catch-binding": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-methods": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.24.1",
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-property-in-object": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.24.1",
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-regenerator": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-runtime": {
+      "version": "7.24.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "babel-plugin-polyfill-corejs2": "^0.4.8",
+        "babel-plugin-polyfill-corejs3": "^0.9.0",
+        "babel-plugin-polyfill-regenerator": "^0.5.5",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-runtime/node_modules/semver": {
+      "version": "6.3.1",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/plugin-transform-shorthand-properties": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-spread": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@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.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-template-literals": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typeof-symbol": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-escapes": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-property-regex": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-regex": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-sets-regex": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/preset-env": {
+      "version": "7.24.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.23.5",
+        "@babel/helper-compilation-targets": "^7.23.6",
+        "@babel/helper-plugin-utils": "^7.24.0",
+        "@babel/helper-validator-option": "^7.23.5",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.23.3",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.23.3",
+        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.23.7",
+        "@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.23.3",
+        "@babel/plugin-syntax-import-attributes": "^7.23.3",
+        "@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.23.3",
+        "@babel/plugin-transform-async-generator-functions": "^7.23.9",
+        "@babel/plugin-transform-async-to-generator": "^7.23.3",
+        "@babel/plugin-transform-block-scoped-functions": "^7.23.3",
+        "@babel/plugin-transform-block-scoping": "^7.23.4",
+        "@babel/plugin-transform-class-properties": "^7.23.3",
+        "@babel/plugin-transform-class-static-block": "^7.23.4",
+        "@babel/plugin-transform-classes": "^7.23.8",
+        "@babel/plugin-transform-computed-properties": "^7.23.3",
+        "@babel/plugin-transform-destructuring": "^7.23.3",
+        "@babel/plugin-transform-dotall-regex": "^7.23.3",
+        "@babel/plugin-transform-duplicate-keys": "^7.23.3",
+        "@babel/plugin-transform-dynamic-import": "^7.23.4",
+        "@babel/plugin-transform-exponentiation-operator": "^7.23.3",
+        "@babel/plugin-transform-export-namespace-from": "^7.23.4",
+        "@babel/plugin-transform-for-of": "^7.23.6",
+        "@babel/plugin-transform-function-name": "^7.23.3",
+        "@babel/plugin-transform-json-strings": "^7.23.4",
+        "@babel/plugin-transform-literals": "^7.23.3",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.23.4",
+        "@babel/plugin-transform-member-expression-literals": "^7.23.3",
+        "@babel/plugin-transform-modules-amd": "^7.23.3",
+        "@babel/plugin-transform-modules-commonjs": "^7.23.3",
+        "@babel/plugin-transform-modules-systemjs": "^7.23.9",
+        "@babel/plugin-transform-modules-umd": "^7.23.3",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.22.5",
+        "@babel/plugin-transform-new-target": "^7.23.3",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.23.4",
+        "@babel/plugin-transform-numeric-separator": "^7.23.4",
+        "@babel/plugin-transform-object-rest-spread": "^7.24.0",
+        "@babel/plugin-transform-object-super": "^7.23.3",
+        "@babel/plugin-transform-optional-catch-binding": "^7.23.4",
+        "@babel/plugin-transform-optional-chaining": "^7.23.4",
+        "@babel/plugin-transform-parameters": "^7.23.3",
+        "@babel/plugin-transform-private-methods": "^7.23.3",
+        "@babel/plugin-transform-private-property-in-object": "^7.23.4",
+        "@babel/plugin-transform-property-literals": "^7.23.3",
+        "@babel/plugin-transform-regenerator": "^7.23.3",
+        "@babel/plugin-transform-reserved-words": "^7.23.3",
+        "@babel/plugin-transform-shorthand-properties": "^7.23.3",
+        "@babel/plugin-transform-spread": "^7.23.3",
+        "@babel/plugin-transform-sticky-regex": "^7.23.3",
+        "@babel/plugin-transform-template-literals": "^7.23.3",
+        "@babel/plugin-transform-typeof-symbol": "^7.23.3",
+        "@babel/plugin-transform-unicode-escapes": "^7.23.3",
+        "@babel/plugin-transform-unicode-property-regex": "^7.23.3",
+        "@babel/plugin-transform-unicode-regex": "^7.23.3",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.23.3",
+        "@babel/preset-modules": "0.1.6-no-external-plugins",
+        "babel-plugin-polyfill-corejs2": "^0.4.8",
+        "babel-plugin-polyfill-corejs3": "^0.9.0",
+        "babel-plugin-polyfill-regenerator": "^0.5.5",
+        "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-env/node_modules/semver": {
+      "version": "6.3.1",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/preset-modules": {
+      "version": "0.1.6-no-external-plugins",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.24.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.24.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.23.5",
+        "@babel/parser": "^7.24.0",
+        "@babel/types": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.24.1",
+        "@babel/generator": "^7.24.1",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-function-name": "^7.23.0",
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/parser": "^7.24.1",
+        "@babel/types": "^7.24.0",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse/node_modules/@babel/generator": {
+      "version": "7.24.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.24.0",
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jsesc": "^2.5.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.24.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.23.4",
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@braintree/sanitize-url": {
+      "version": "6.0.4",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@colors/colors": {
+      "version": "1.5.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.1.90"
+      }
+    },
+    "node_modules/@discoveryjs/json-ext": {
+      "version": "0.5.7",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.20.1",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@isaacs/cliui/node_modules/string-width": {
+      "version": "5.1.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config": {
+      "version": "1.1.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "camelcase": "^5.3.1",
+        "find-up": "^4.1.0",
+        "get-package-type": "^0.1.0",
+        "js-yaml": "^3.13.1",
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@istanbuljs/schema": {
+      "version": "0.1.3",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.5",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/set-array": "^1.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.2.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.6",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.25",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@leichtgewicht/ip-codec": {
+      "version": "2.0.5",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@ljharb/through": {
+      "version": "2.3.13",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/@ngtools/webpack": {
+      "version": "17.3.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "@angular/compiler-cli": "^17.0.0",
+        "typescript": ">=5.2 <5.5",
+        "webpack": "^5.54.0"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@npmcli/agent": {
+      "version": "2.2.1",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "http-proxy-agent": "^7.0.0",
+        "https-proxy-agent": "^7.0.1",
+        "lru-cache": "^10.0.1",
+        "socks-proxy-agent": "^8.0.1"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@npmcli/agent/node_modules/lru-cache": {
+      "version": "10.2.0",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "14 || >=16.14"
+      }
+    },
+    "node_modules/@npmcli/fs": {
+      "version": "3.1.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@npmcli/git": {
+      "version": "5.0.4",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@npmcli/promise-spawn": "^7.0.0",
+        "lru-cache": "^10.0.1",
+        "npm-pick-manifest": "^9.0.0",
+        "proc-log": "^3.0.0",
+        "promise-inflight": "^1.0.1",
+        "promise-retry": "^2.0.1",
+        "semver": "^7.3.5",
+        "which": "^4.0.0"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@npmcli/git/node_modules/isexe": {
+      "version": "3.1.1",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/@npmcli/git/node_modules/lru-cache": {
+      "version": "10.2.0",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "14 || >=16.14"
+      }
+    },
+    "node_modules/@npmcli/git/node_modules/which": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^3.1.1"
+      },
+      "bin": {
+        "node-which": "bin/which.js"
+      },
+      "engines": {
+        "node": "^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@npmcli/installed-package-contents": {
+      "version": "2.0.2",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "npm-bundled": "^3.0.0",
+        "npm-normalize-package-bin": "^3.0.0"
+      },
+      "bin": {
+        "installed-package-contents": "lib/index.js"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@npmcli/node-gyp": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@npmcli/package-json": {
+      "version": "5.0.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@npmcli/git": "^5.0.0",
+        "glob": "^10.2.2",
+        "hosted-git-info": "^7.0.0",
+        "json-parse-even-better-errors": "^3.0.0",
+        "normalize-package-data": "^6.0.0",
+        "proc-log": "^3.0.0",
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@npmcli/package-json/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@npmcli/package-json/node_modules/glob": {
+      "version": "10.3.12",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^2.3.6",
+        "minimatch": "^9.0.1",
+        "minipass": "^7.0.4",
+        "path-scurry": "^1.10.2"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@npmcli/package-json/node_modules/minimatch": {
+      "version": "9.0.4",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@npmcli/promise-spawn": {
+      "version": "7.0.1",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "which": "^4.0.0"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@npmcli/promise-spawn/node_modules/isexe": {
+      "version": "3.1.1",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/@npmcli/promise-spawn/node_modules/which": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^3.1.1"
+      },
+      "bin": {
+        "node-which": "bin/which.js"
+      },
+      "engines": {
+        "node": "^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@npmcli/run-script": {
+      "version": "7.0.4",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@npmcli/node-gyp": "^3.0.0",
+        "@npmcli/package-json": "^5.0.0",
+        "@npmcli/promise-spawn": "^7.0.0",
+        "node-gyp": "^10.0.0",
+        "which": "^4.0.0"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@npmcli/run-script/node_modules/isexe": {
+      "version": "3.1.1",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/@npmcli/run-script/node_modules/which": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^3.1.1"
+      },
+      "bin": {
+        "node-which": "bin/which.js"
+      },
+      "engines": {
+        "node": "^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@rollup/plugin-json": {
+      "version": "6.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-node-resolve": {
+      "version": "15.2.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^5.0.1",
+        "@types/resolve": "1.20.2",
+        "deepmerge": "^4.2.2",
+        "is-builtin-module": "^3.2.1",
+        "is-module": "^1.0.0",
+        "resolve": "^1.22.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^2.78.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/pluginutils": {
+      "version": "5.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^2.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/pluginutils/node_modules/picomatch": {
+      "version": "2.3.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.13.2",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.13.2",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/wasm-node": {
+      "version": "4.13.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.5"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/@schematics/angular": {
+      "version": "17.3.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/core": "17.3.2",
+        "@angular-devkit/schematics": "17.3.2",
+        "jsonc-parser": "3.2.1"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/@sigstore/bundle": {
+      "version": "2.2.0",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@sigstore/protobuf-specs": "^0.3.0"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@sigstore/core": {
+      "version": "1.1.0",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@sigstore/protobuf-specs": {
+      "version": "0.3.0",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@sigstore/sign": {
+      "version": "2.2.3",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@sigstore/bundle": "^2.2.0",
+        "@sigstore/core": "^1.0.0",
+        "@sigstore/protobuf-specs": "^0.3.0",
+        "make-fetch-happen": "^13.0.0"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@sigstore/tuf": {
+      "version": "2.3.2",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@sigstore/protobuf-specs": "^0.3.0",
+        "tuf-js": "^2.2.0"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@sigstore/verify": {
+      "version": "1.1.1",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@sigstore/bundle": "^2.2.0",
+        "@sigstore/core": "^1.1.0",
+        "@sigstore/protobuf-specs": "^0.3.0"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@socket.io/component-emitter": {
+      "version": "3.1.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tufjs/canonical-json": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@tufjs/models": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tufjs/canonical-json": "2.0.0",
+        "minimatch": "^9.0.3"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@tufjs/models/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@tufjs/models/node_modules/minimatch": {
+      "version": "9.0.4",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@types/body-parser": {
+      "version": "1.19.5",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/connect": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/bonjour": {
+      "version": "3.5.13",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/connect": {
+      "version": "3.4.38",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/connect-history-api-fallback": {
+      "version": "1.5.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/express-serve-static-core": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/cookie": {
+      "version": "0.4.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/cors": {
+      "version": "2.8.17",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.8",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/d3-time": "*"
+      }
+    },
+    "node_modules/@types/d3-scale-chromatic": {
+      "version": "3.0.3",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-time": {
+      "version": "3.0.3",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/debug": {
+      "version": "4.1.12",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/ms": "*"
+      }
+    },
+    "node_modules/@types/eslint": {
+      "version": "8.56.6",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "node_modules/@types/eslint-scope": {
+      "version": "3.7.7",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.5",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/express": {
+      "version": "4.17.21",
+      "dev": true,
+      "license": "MIT",
+      "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.43",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/qs": "*",
+        "@types/range-parser": "*",
+        "@types/send": "*"
+      }
+    },
+    "node_modules/@types/http-errors": {
+      "version": "2.0.4",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/http-proxy": {
+      "version": "1.17.14",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/jasmine": {
+      "version": "5.1.4",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/jquery": {
+      "version": "3.5.29",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/sizzle": "*"
+      }
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/mdast": {
+      "version": "3.0.15",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/unist": "^2"
+      }
+    },
+    "node_modules/@types/mime": {
+      "version": "1.3.5",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/ms": {
+      "version": "0.7.34",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/node": {
+      "version": "20.12.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "node_modules/@types/node-forge": {
+      "version": "1.3.11",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/qs": {
+      "version": "6.9.14",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/range-parser": {
+      "version": "1.2.7",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/resolve": {
+      "version": "1.20.2",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/retry": {
+      "version": "0.12.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/send": {
+      "version": "0.17.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/mime": "^1",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/serve-index": {
+      "version": "1.9.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/express": "*"
+      }
+    },
+    "node_modules/@types/serve-static": {
+      "version": "1.15.5",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/http-errors": "*",
+        "@types/mime": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/sizzle": {
+      "version": "2.3.8",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/sockjs": {
+      "version": "0.3.36",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/unist": {
+      "version": "2.0.10",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/ws": {
+      "version": "8.5.10",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@vitejs/plugin-basic-ssl": {
+      "version": "1.1.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.6.0"
+      },
+      "peerDependencies": {
+        "vite": "^3.0.0 || ^4.0.0 || ^5.0.0"
+      }
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.12.1",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.11.6",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.12.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.11.6",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.12.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.12.1",
+        "@webassemblyjs/helper-buffer": "1.12.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.12.1"
+      }
+    },
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.11.6",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.11.6",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/utf8": {
+      "version": "1.11.6",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.12.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.12.1",
+        "@webassemblyjs/helper-buffer": "1.12.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/helper-wasm-section": "1.12.1",
+        "@webassemblyjs/wasm-gen": "1.12.1",
+        "@webassemblyjs/wasm-opt": "1.12.1",
+        "@webassemblyjs/wasm-parser": "1.12.1",
+        "@webassemblyjs/wast-printer": "1.12.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.12.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.12.1",
+        "@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.12.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.12.1",
+        "@webassemblyjs/helper-buffer": "1.12.1",
+        "@webassemblyjs/wasm-gen": "1.12.1",
+        "@webassemblyjs/wasm-parser": "1.12.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.12.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.12.1",
+        "@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.12.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.12.1",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@xtuc/ieee754": {
+      "version": "1.2.0",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@xtuc/long": {
+      "version": "4.2.2",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/@yarnpkg/lockfile": {
+      "version": "1.1.0",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/abbrev": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.11.3",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-import-assertions": {
+      "version": "1.9.0",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^8"
+      }
+    },
+    "node_modules/adjust-sourcemap-loader": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loader-utils": "^2.0.0",
+        "regex-parser": "^2.2.11"
+      },
+      "engines": {
+        "node": ">=8.9"
+      }
+    },
+    "node_modules/adjust-sourcemap-loader/node_modules/loader-utils": {
+      "version": "2.0.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^2.1.2"
+      },
+      "engines": {
+        "node": ">=8.9.0"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "7.1.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/aggregate-error": {
+      "version": "3.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "clean-stack": "^2.0.0",
+        "indent-string": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "8.12.0",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/angular-datatables": {
+      "resolved": "dist/lib",
+      "link": true
+    },
+    "node_modules/ansi-colors": {
+      "version": "4.1.3",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ansi-escapes": {
+      "version": "4.3.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.21.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-html-community": {
+      "version": "0.0.8",
+      "dev": true,
+      "engines": [
+        "node >= 0.8.0"
+      ],
+      "license": "Apache-2.0",
+      "bin": {
+        "ansi-html": "bin/ansi-html"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/anymatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "1.0.10",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.18",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.23.0",
+        "caniuse-lite": "^1.0.30001591",
+        "fraction.js": "^4.3.7",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.0.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/babel-loader": {
+      "version": "9.1.3",
+      "dev": true,
+      "license": "MIT",
+      "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-istanbul": {
+      "version": "6.1.1",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@istanbuljs/load-nyc-config": "^1.0.0",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-instrument": "^5.0.4",
+        "test-exclude": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs2": {
+      "version": "0.4.10",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.6",
+        "@babel/helper-define-polyfill-provider": "^0.6.1",
+        "semver": "^6.3.1"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs2/node_modules/semver": {
+      "version": "6.3.1",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs3": {
+      "version": "0.9.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.5.0",
+        "core-js-compat": "^3.34.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs3/node_modules/@babel/helper-define-polyfill-provider": {
+      "version": "0.5.0",
+      "dev": true,
+      "license": "MIT",
+      "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-plugin-polyfill-regenerator": {
+      "version": "0.5.5",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.5.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-regenerator/node_modules/@babel/helper-define-polyfill-provider": {
+      "version": "0.5.0",
+      "dev": true,
+      "license": "MIT",
+      "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/balanced-match": {
+      "version": "1.0.2",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "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"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/base64id": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^4.5.0 || >= 5.9"
+      }
+    },
+    "node_modules/batch": {
+      "version": "0.6.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/big.js": {
+      "version": "5.2.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/bl": {
+      "version": "4.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      }
+    },
+    "node_modules/bl/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "content-type": "~1.0.5",
+        "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.2",
+        "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",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/body-parser/node_modules/ms": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/body-parser/node_modules/on-finished": {
+      "version": "2.4.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/bonjour-service": {
+      "version": "1.2.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "multicast-dns": "^7.2.5"
+      }
+    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.23.0",
+      "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"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001587",
+        "electron-to-chromium": "^1.4.668",
+        "node-releases": "^2.0.14",
+        "update-browserslist-db": "^1.0.13"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "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"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/builtin-modules": {
+      "version": "3.3.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/builtins": {
+      "version": "5.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.0.0"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/cacache": {
+      "version": "18.0.2",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@npmcli/fs": "^3.1.0",
+        "fs-minipass": "^3.0.0",
+        "glob": "^10.2.2",
+        "lru-cache": "^10.0.1",
+        "minipass": "^7.0.3",
+        "minipass-collect": "^2.0.1",
+        "minipass-flush": "^1.0.5",
+        "minipass-pipeline": "^1.2.4",
+        "p-map": "^4.0.0",
+        "ssri": "^10.0.0",
+        "tar": "^6.1.11",
+        "unique-filename": "^3.0.0"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/cacache/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/cacache/node_modules/glob": {
+      "version": "10.3.12",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^2.3.6",
+        "minimatch": "^9.0.1",
+        "minipass": "^7.0.4",
+        "path-scurry": "^1.10.2"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/cacache/node_modules/lru-cache": {
+      "version": "10.2.0",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "14 || >=16.14"
+      }
+    },
+    "node_modules/cacache/node_modules/minimatch": {
+      "version": "9.0.4",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.7",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "5.3.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001603",
+      "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"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "dev": true,
+      "license": "MIT",
+      "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/character-entities": {
+      "version": "2.0.2",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/chardet": {
+      "version": "0.7.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/chokidar": {
+      "version": "3.5.3",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://paulmillr.com/funding/"
+        }
+      ],
+      "license": "MIT",
+      "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/chownr": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/chrome-trace-event": {
+      "version": "1.0.3",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/clean-stack": {
+      "version": "2.2.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/cli-cursor": {
+      "version": "3.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "restore-cursor": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cli-spinners": {
+      "version": "2.9.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-width": {
+      "version": "4.1.0",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/clipboard": {
+      "version": "2.0.11",
+      "license": "MIT",
+      "dependencies": {
+        "good-listener": "^1.2.2",
+        "select": "^1.1.2",
+        "tiny-emitter": "^2.0.0"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/cliui/node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "dev": true,
+      "license": "MIT",
+      "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/clone": {
+      "version": "1.0.4",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/clone-deep": {
+      "version": "4.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-plain-object": "^2.0.4",
+        "kind-of": "^6.0.2",
+        "shallow-clone": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/colorette": {
+      "version": "2.0.20",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/colors": {
+      "version": "1.4.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.1.90"
+      }
+    },
+    "node_modules/commander": {
+      "version": "2.20.3",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/common-path-prefix": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/commondir": {
+      "version": "1.0.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/compressible": {
+      "version": "2.0.18",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": ">= 1.43.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/compression": {
+      "version": "1.7.4",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/compression/node_modules/debug": {
+      "version": "2.6.9",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/compression/node_modules/ms": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/connect-history-api-fallback": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-disposition/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "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"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cookie": {
+      "version": "0.4.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.6",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/copy-anything": {
+      "version": "2.0.6",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-what": "^3.14.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
+    "node_modules/copy-webpack-plugin": {
+      "version": "11.0.0",
+      "dev": true,
+      "license": "MIT",
+      "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/copy-webpack-plugin/node_modules/glob-parent": {
+      "version": "6.0.2",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/copyfiles": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/copyfiles/-/copyfiles-2.4.1.tgz",
+      "integrity": "sha512-fereAvAvxDrQDOXybk3Qu3dPbOoKoysFMWtkY3mv5BsL8//OSZVL5DCLYqgRfY5cWirgRzlC+WSrxp6Bo3eNZg==",
+      "dev": true,
+      "dependencies": {
+        "glob": "^7.0.5",
+        "minimatch": "^3.0.3",
+        "mkdirp": "^1.0.4",
+        "noms": "0.0.0",
+        "through2": "^2.0.1",
+        "untildify": "^4.0.0",
+        "yargs": "^16.1.0"
+      },
+      "bin": {
+        "copyfiles": "copyfiles",
+        "copyup": "copyfiles"
+      }
+    },
+    "node_modules/copyfiles/node_modules/cliui": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
+      "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+      "dev": true,
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^7.0.0"
+      }
+    },
+    "node_modules/copyfiles/node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "dev": true,
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/copyfiles/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==",
+      "dev": 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/copyfiles/node_modules/yargs": {
+      "version": "16.2.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
+      "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+      "dev": true,
+      "dependencies": {
+        "cliui": "^7.0.2",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^20.2.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/copyfiles/node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/core-js": {
+      "version": "3.36.1",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-js-compat": {
+      "version": "3.36.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.23.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "license": "MIT"
+    },
+    "node_modules/cors": {
+      "version": "2.8.5",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/cose-base": {
+      "version": "1.0.3",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "layout-base": "^1.0.0"
+      }
+    },
+    "node_modules/cosmiconfig": {
+      "version": "9.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "env-paths": "^2.2.1",
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/cosmiconfig/node_modules/argparse": {
+      "version": "2.0.1",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/cosmiconfig/node_modules/js-yaml": {
+      "version": "4.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/critters": {
+      "version": "0.0.22",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "chalk": "^4.1.0",
+        "css-select": "^5.1.0",
+        "dom-serializer": "^2.0.0",
+        "domhandler": "^5.0.2",
+        "htmlparser2": "^8.0.2",
+        "postcss": "^8.4.23",
+        "postcss-media-query-parser": "^0.2.3"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/cross-spawn/node_modules/which": {
+      "version": "2.0.2",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/css-loader": {
+      "version": "6.10.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "icss-utils": "^5.1.0",
+        "postcss": "^8.4.33",
+        "postcss-modules-extract-imports": "^3.0.0",
+        "postcss-modules-local-by-default": "^4.0.4",
+        "postcss-modules-scope": "^3.1.1",
+        "postcss-modules-values": "^4.0.0",
+        "postcss-value-parser": "^4.2.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "@rspack/core": "0.x || 1.x",
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@rspack/core": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/css-select": {
+      "version": "5.1.0",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "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/css-what": {
+      "version": "6.1.0",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/custom-event": {
+      "version": "1.0.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cytoscape": {
+      "version": "3.28.1",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "heap": "^0.2.6",
+        "lodash": "^4.17.21"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/cytoscape-cose-bilkent": {
+      "version": "4.1.0",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "cose-base": "^1.0.0"
+      },
+      "peerDependencies": {
+        "cytoscape": "^3.2.0"
+      }
+    },
+    "node_modules/d3": {
+      "version": "7.9.0",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-array": "3",
+        "d3-axis": "3",
+        "d3-brush": "3",
+        "d3-chord": "3",
+        "d3-color": "3",
+        "d3-contour": "4",
+        "d3-delaunay": "6",
+        "d3-dispatch": "3",
+        "d3-drag": "3",
+        "d3-dsv": "3",
+        "d3-ease": "3",
+        "d3-fetch": "3",
+        "d3-force": "3",
+        "d3-format": "3",
+        "d3-geo": "3",
+        "d3-hierarchy": "3",
+        "d3-interpolate": "3",
+        "d3-path": "3",
+        "d3-polygon": "3",
+        "d3-quadtree": "3",
+        "d3-random": "3",
+        "d3-scale": "4",
+        "d3-scale-chromatic": "3",
+        "d3-selection": "3",
+        "d3-shape": "3",
+        "d3-time": "3",
+        "d3-time-format": "4",
+        "d3-timer": "3",
+        "d3-transition": "3",
+        "d3-zoom": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-axis": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-brush": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "3",
+        "d3-transition": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-chord": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-path": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-contour": {
+      "version": "4.0.2",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-array": "^3.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-delaunay": {
+      "version": "6.0.4",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "delaunator": "5"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dispatch": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-drag": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-selection": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dsv": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/d3-dsv/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-fetch": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-dsv": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-force": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-quadtree": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.0",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo": {
+      "version": "3.1.1",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-array": "2.5.0 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-hierarchy": {
+      "version": "3.1.2",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-path": {
+      "version": "3.1.0",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-polygon": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-quadtree": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-random": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-sankey": {
+      "version": "0.12.3",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "d3-array": "1 - 2",
+        "d3-shape": "^1.2.0"
+      }
+    },
+    "node_modules/d3-sankey/node_modules/d3-array": {
+      "version": "2.12.1",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "internmap": "^1.0.0"
+      }
+    },
+    "node_modules/d3-sankey/node_modules/d3-path": {
+      "version": "1.0.9",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true
+    },
+    "node_modules/d3-sankey/node_modules/d3-shape": {
+      "version": "1.3.7",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "d3-path": "1"
+      }
+    },
+    "node_modules/d3-sankey/node_modules/internmap": {
+      "version": "1.0.1",
+      "dev": true,
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "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-scale-chromatic": {
+      "version": "3.1.0",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-interpolate": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-selection": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-shape": {
+      "version": "3.2.0",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-transition": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-dispatch": "1 - 3",
+        "d3-ease": "1 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "d3-selection": "2 - 3"
+      }
+    },
+    "node_modules/d3-zoom": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "2 - 3",
+        "d3-transition": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/dagre-d3-es": {
+      "version": "7.0.10",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "d3": "^7.8.2",
+        "lodash-es": "^4.17.21"
+      }
+    },
+    "node_modules/datatables.net": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/datatables.net/-/datatables.net-2.0.6.tgz",
+      "integrity": "sha512-p9hJAwBZ2svrL8sbJPsy58ERsRHOL6+eshvfYHmqV2AGgtR/2GUzFQjPlCGXcUOoXlOhymMk2g4FSJluvlqGyg==",
+      "dependencies": {
+        "jquery": ">=1.7"
+      }
+    },
+    "node_modules/datatables.net-buttons": {
+      "version": "3.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "datatables.net": "^2",
+        "jquery": ">=1.7"
+      }
+    },
+    "node_modules/datatables.net-buttons-dt": {
+      "version": "3.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "datatables.net-buttons": "3.0.1",
+        "datatables.net-dt": "^2",
+        "jquery": ">=1.7"
+      }
+    },
+    "node_modules/datatables.net-colreorder": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "datatables.net": ">=2.0.0",
+        "jquery": ">=1.7"
+      }
+    },
+    "node_modules/datatables.net-colreorder-dt": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "datatables.net-colreorder": "2.0.0",
+        "datatables.net-dt": ">=2.0.0",
+        "jquery": ">=1.7"
+      }
+    },
+    "node_modules/datatables.net-dt": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/datatables.net-dt/-/datatables.net-dt-2.0.6.tgz",
+      "integrity": "sha512-vhTW0PQac1KSs4SjItMDi11meLIW7tWCLO/NP9EkNqVbqvOHkLNOOjFFYclzVOkA9nXPdiUk4svK7Bx5w9JFVw==",
+      "dependencies": {
+        "datatables.net": "2.0.6",
+        "jquery": ">=1.7"
+      }
+    },
+    "node_modules/datatables.net-fixedcolumns": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/datatables.net-fixedcolumns/-/datatables.net-fixedcolumns-4.3.1.tgz",
+      "integrity": "sha512-K5hEr5PIIHFMLd2sR9CBw3RRhf0nJbbsc5NHWnfjUUtnr9d808xbifuej3TpdKOtGeRJgAnRktiL9f30sM32CQ==",
+      "dependencies": {
+        "datatables.net": "^1.13.0",
+        "jquery": ">=1.7"
+      }
+    },
+    "node_modules/datatables.net-fixedcolumns-dt": {
+      "version": "4.3.1",
+      "license": "MIT",
+      "dependencies": {
+        "datatables.net-dt": "^1.13.0",
+        "datatables.net-fixedcolumns": "4.3.1",
+        "jquery": ">=1.7"
+      }
+    },
+    "node_modules/datatables.net-fixedcolumns-dt/node_modules/datatables.net": {
+      "version": "1.13.11",
+      "license": "MIT",
+      "dependencies": {
+        "jquery": "1.8 - 4"
+      }
+    },
+    "node_modules/datatables.net-fixedcolumns-dt/node_modules/datatables.net-dt": {
+      "version": "1.13.11",
+      "license": "MIT",
+      "dependencies": {
+        "datatables.net": "1.13.11",
+        "jquery": "1.8 - 4"
+      }
+    },
+    "node_modules/datatables.net-fixedcolumns/node_modules/datatables.net": {
+      "version": "1.13.11",
+      "resolved": "https://registry.npmjs.org/datatables.net/-/datatables.net-1.13.11.tgz",
+      "integrity": "sha512-AE6RkMXziRaqzPcu/pl3SJXeRa6fmXQG/fVjuRESujvkzqDCYEeKTTpPMuVJSGYJpPi32WGSphVNNY1G4nSN/g==",
+      "dependencies": {
+        "jquery": "1.8 - 4"
+      }
+    },
+    "node_modules/datatables.net-responsive": {
+      "version": "3.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "datatables.net": ">=2.0.0",
+        "jquery": ">=1.7"
+      }
+    },
+    "node_modules/datatables.net-responsive-dt": {
+      "version": "3.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "datatables.net-dt": ">=2.0.0",
+        "datatables.net-responsive": "3.0.1",
+        "jquery": ">=1.7"
+      }
+    },
+    "node_modules/datatables.net-select": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "datatables.net": ">=2.0.0",
+        "jquery": ">=1.7"
+      }
+    },
+    "node_modules/datatables.net-select-dt": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "datatables.net-dt": ">=2.0.0",
+        "datatables.net-select": "2.0.0",
+        "jquery": ">=1.7"
+      }
+    },
+    "node_modules/date-format": {
+      "version": "4.0.14",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.10",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/debug": {
+      "version": "4.3.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decode-named-character-reference": {
+      "version": "1.0.2",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "character-entities": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/default-gateway": {
+      "version": "6.0.3",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "execa": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/defaults": {
+      "version": "1.0.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "clone": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-lazy-prop": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/delaunator": {
+      "version": "5.0.1",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "robust-predicates": "^3.0.2"
+      }
+    },
+    "node_modules/delegate": {
+      "version": "3.2.0",
+      "license": "MIT"
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/dependency-graph": {
+      "version": "1.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/detect-node": {
+      "version": "2.1.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/di": {
+      "version": "0.0.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/diff": {
+      "version": "5.2.0",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dns-packet": {
+      "version": "5.6.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@leichtgewicht/ip-codec": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/dom-serialize": {
+      "version": "2.2.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "custom-event": "~1.0.0",
+        "ent": "~2.2.0",
+        "extend": "^3.0.0",
+        "void-elements": "^2.0.0"
+      }
+    },
+    "node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT",
+      "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/domelementtype": {
+      "version": "2.3.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/domhandler": {
+      "version": "5.0.3",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/dompurify": {
+      "version": "3.0.11",
+      "dev": true,
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optional": true
+    },
+    "node_modules/domutils": {
+      "version": "3.1.0",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "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/eastasianwidth": {
+      "version": "0.2.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.4.722",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/elkjs": {
+      "version": "0.9.2",
+      "dev": true,
+      "license": "EPL-2.0",
+      "optional": true
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/emoji-toolkit": {
+      "version": "8.0.0",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/emojis-list": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/encodeurl": {
+      "version": "1.0.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/encoding": {
+      "version": "0.1.13",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "iconv-lite": "^0.6.2"
+      }
+    },
+    "node_modules/encoding/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/engine.io": {
+      "version": "6.5.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/cookie": "^0.4.1",
+        "@types/cors": "^2.8.12",
+        "@types/node": ">=10.0.0",
+        "accepts": "~1.3.4",
+        "base64id": "2.0.0",
+        "cookie": "~0.4.1",
+        "cors": "~2.8.5",
+        "debug": "~4.3.1",
+        "engine.io-parser": "~5.2.1",
+        "ws": "~8.11.0"
+      },
+      "engines": {
+        "node": ">=10.2.0"
+      }
+    },
+    "node_modules/engine.io-parser": {
+      "version": "5.2.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.16.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/ent": {
+      "version": "2.2.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/env-paths": {
+      "version": "2.2.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/err-code": {
+      "version": "2.0.3",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/errno": {
+      "version": "0.1.8",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "prr": "~1.0.1"
+      },
+      "bin": {
+        "errno": "cli.js"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "1.5.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/esbuild": {
+      "version": "0.20.1",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.20.1",
+        "@esbuild/android-arm": "0.20.1",
+        "@esbuild/android-arm64": "0.20.1",
+        "@esbuild/android-x64": "0.20.1",
+        "@esbuild/darwin-arm64": "0.20.1",
+        "@esbuild/darwin-x64": "0.20.1",
+        "@esbuild/freebsd-arm64": "0.20.1",
+        "@esbuild/freebsd-x64": "0.20.1",
+        "@esbuild/linux-arm": "0.20.1",
+        "@esbuild/linux-arm64": "0.20.1",
+        "@esbuild/linux-ia32": "0.20.1",
+        "@esbuild/linux-loong64": "0.20.1",
+        "@esbuild/linux-mips64el": "0.20.1",
+        "@esbuild/linux-ppc64": "0.20.1",
+        "@esbuild/linux-riscv64": "0.20.1",
+        "@esbuild/linux-s390x": "0.20.1",
+        "@esbuild/linux-x64": "0.20.1",
+        "@esbuild/netbsd-x64": "0.20.1",
+        "@esbuild/openbsd-x64": "0.20.1",
+        "@esbuild/sunos-x64": "0.20.1",
+        "@esbuild/win32-arm64": "0.20.1",
+        "@esbuild/win32-ia32": "0.20.1",
+        "@esbuild/win32-x64": "0.20.1"
+      }
+    },
+    "node_modules/esbuild-wasm": {
+      "version": "0.20.1",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.1.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esrecurse/node_modules/estraverse": {
+      "version": "5.3.0",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "4.3.0",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/execa": {
+      "version": "5.1.1",
+      "dev": true,
+      "license": "MIT",
+      "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/exponential-backoff": {
+      "version": "3.1.1",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/express": {
+      "version": "4.19.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.20.2",
+        "content-disposition": "0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "0.6.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/cookie": {
+      "version": "0.6.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/express/node_modules/debug": {
+      "version": "2.6.9",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/express/node_modules/ms": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/express/node_modules/on-finished": {
+      "version": "2.4.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/express/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "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"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/external-editor": {
+      "version": "3.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chardet": "^0.7.0",
+        "iconv-lite": "^0.4.24",
+        "tmp": "^0.0.33"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.2",
+      "dev": true,
+      "license": "MIT",
+      "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-json-stable-stringify": {
+      "version": "2.1.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fastq": {
+      "version": "1.17.1",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/faye-websocket": {
+      "version": "0.11.4",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "websocket-driver": ">=0.5.1"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/figures": {
+      "version": "3.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "escape-string-regexp": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.2.0",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/finalhandler/node_modules/ms": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/finalhandler/node_modules/on-finished": {
+      "version": "2.4.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/find-cache-dir": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "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": "4.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/flat": {
+      "version": "5.0.2",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "bin": {
+        "flat": "cli.js"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.1",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.6",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/foreground-child": {
+      "version": "3.1.1",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.0",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/foreground-child/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "4.3.7",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "patreon",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fs-minipass": {
+      "version": "3.0.3",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^7.0.3"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/fs-monkey": {
+      "version": "1.0.5",
+      "dev": true,
+      "license": "Unlicense"
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-package-type": {
+      "version": "0.1.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "6.0.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "dev": true,
+      "license": "ISC",
+      "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": "5.1.2",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/globals": {
+      "version": "11.12.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/globby": {
+      "version": "13.2.2",
+      "dev": true,
+      "license": "MIT",
+      "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/good-listener": {
+      "version": "1.2.2",
+      "license": "MIT",
+      "dependencies": {
+        "delegate": "^3.1.2"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/hammerjs": {
+      "version": "2.0.8",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/handle-thing": {
+      "version": "2.0.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.3",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/heap": {
+      "version": "0.2.7",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/hosted-git-info": {
+      "version": "7.0.1",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^10.0.1"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/hosted-git-info/node_modules/lru-cache": {
+      "version": "10.2.0",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "14 || >=16.14"
+      }
+    },
+    "node_modules/hpack.js": {
+      "version": "2.1.6",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "obuf": "^1.0.0",
+        "readable-stream": "^2.0.1",
+        "wbuf": "^1.1.0"
+      }
+    },
+    "node_modules/html-entities": {
+      "version": "2.5.2",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/mdevils"
+        },
+        {
+          "type": "patreon",
+          "url": "https://patreon.com/mdevils"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/html-escaper": {
+      "version": "2.0.2",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/htmlparser2": {
+      "version": "8.0.2",
+      "dev": true,
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.0.1",
+        "entities": "^4.4.0"
+      }
+    },
+    "node_modules/http-cache-semantics": {
+      "version": "4.1.1",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/http-deceiver": {
+      "version": "1.2.7",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/http-proxy": {
+      "version": "1.18.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eventemitter3": "^4.0.0",
+        "follow-redirects": "^1.0.0",
+        "requires-port": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/http-proxy-middleware": {
+      "version": "2.0.6",
+      "dev": true,
+      "license": "MIT",
+      "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/https-proxy-agent": {
+      "version": "7.0.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.0.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "2.1.0",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.17.0"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/icss-utils": {
+      "version": "5.1.0",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "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"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/ignore": {
+      "version": "5.3.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/ignore-walk": {
+      "version": "6.0.4",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minimatch": "^9.0.0"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/ignore-walk/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/ignore-walk/node_modules/minimatch": {
+      "version": "9.0.4",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/image-size": {
+      "version": "0.5.5",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "image-size": "bin/image-size.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/immediate": {
+      "version": "3.0.6",
+      "license": "MIT"
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/import-fresh/node_modules/resolve-from": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "license": "ISC"
+    },
+    "node_modules/ini": {
+      "version": "4.1.2",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/injection-js": {
+      "version": "2.4.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      }
+    },
+    "node_modules/inquirer": {
+      "version": "9.2.15",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ljharb/through": "^2.3.12",
+        "ansi-escapes": "^4.3.2",
+        "chalk": "^5.3.0",
+        "cli-cursor": "^3.1.0",
+        "cli-width": "^4.1.0",
+        "external-editor": "^3.1.0",
+        "figures": "^3.2.0",
+        "lodash": "^4.17.21",
+        "mute-stream": "1.0.0",
+        "ora": "^5.4.1",
+        "run-async": "^3.0.0",
+        "rxjs": "^7.8.1",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^6.2.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/inquirer/node_modules/chalk": {
+      "version": "5.3.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/inquirer/node_modules/rxjs": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
+      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/ip-address": {
+      "version": "9.0.5",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jsbn": "1.1.0",
+        "sprintf-js": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/ip-address/node_modules/sprintf-js": {
+      "version": "1.1.3",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/ipaddr.js": {
+      "version": "2.1.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-builtin-module": {
+      "version": "3.2.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "builtin-modules": "^3.3.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.13.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-docker": {
+      "version": "2.2.1",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-interactive": {
+      "version": "1.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-lambda": {
+      "version": "1.0.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-module": {
+      "version": "1.0.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-plain-object": {
+      "version": "2.0.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-what": {
+      "version": "3.14.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-wsl": {
+      "version": "2.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "license": "MIT"
+    },
+    "node_modules/isbinaryfile": {
+      "version": "4.0.10",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/gjtorikian/"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/isobject": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/istanbul-lib-coverage": {
+      "version": "3.2.2",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-instrument": {
+      "version": "5.2.1",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/core": "^7.12.3",
+        "@babel/parser": "^7.14.7",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-instrument/node_modules/semver": {
+      "version": "6.3.1",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/istanbul-lib-report": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "istanbul-lib-coverage": "^3.0.0",
+        "make-dir": "^4.0.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-reports": {
+      "version": "3.1.7",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "html-escaper": "^2.0.0",
+        "istanbul-lib-report": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jackspeak": {
+      "version": "2.3.6",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
+    "node_modules/jasmine-core": {
+      "version": "5.1.2",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jasmine-spec-reporter": {
+      "version": "7.0.0",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "colors": "1.4.0"
+      }
+    },
+    "node_modules/jest-worker": {
+      "version": "27.5.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "1.21.0",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/jquery": {
+      "version": "3.7.1",
+      "license": "MIT"
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "3.14.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsbn": {
+      "version": "1.1.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jsesc": {
+      "version": "2.5.2",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsonc-parser": {
+      "version": "3.2.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jsonparse": {
+      "version": "1.3.1",
+      "dev": true,
+      "engines": [
+        "node >= 0.2.0"
+      ],
+      "license": "MIT"
+    },
+    "node_modules/jszip": {
+      "version": "3.10.1",
+      "license": "(MIT OR GPL-3.0-or-later)",
+      "dependencies": {
+        "lie": "~3.3.0",
+        "pako": "~1.0.2",
+        "readable-stream": "~2.3.6",
+        "setimmediate": "^1.0.5"
+      }
+    },
+    "node_modules/karma": {
+      "version": "6.4.3",
+      "resolved": "https://registry.npmjs.org/karma/-/karma-6.4.3.tgz",
+      "integrity": "sha512-LuucC/RE92tJ8mlCwqEoRWXP38UMAqpnq98vktmS9SznSoUPPUJQbc91dHcxcunROvfQjdORVA/YFviH+Xci9Q==",
+      "dev": true,
+      "dependencies": {
+        "@colors/colors": "1.5.0",
+        "body-parser": "^1.19.0",
+        "braces": "^3.0.2",
+        "chokidar": "^3.5.1",
+        "connect": "^3.7.0",
+        "di": "^0.0.1",
+        "dom-serialize": "^2.2.1",
+        "glob": "^7.1.7",
+        "graceful-fs": "^4.2.6",
+        "http-proxy": "^1.18.1",
+        "isbinaryfile": "^4.0.8",
+        "lodash": "^4.17.21",
+        "log4js": "^6.4.1",
+        "mime": "^2.5.2",
+        "minimatch": "^3.0.4",
+        "mkdirp": "^0.5.5",
+        "qjobs": "^1.2.0",
+        "range-parser": "^1.2.1",
+        "rimraf": "^3.0.2",
+        "socket.io": "^4.7.2",
+        "source-map": "^0.6.1",
+        "tmp": "^0.2.1",
+        "ua-parser-js": "^0.7.30",
+        "yargs": "^16.1.1"
+      },
+      "bin": {
+        "karma": "bin/karma"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/karma-chrome-launcher": {
+      "version": "3.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which": "^1.2.1"
+      }
+    },
+    "node_modules/karma-coverage": {
+      "version": "2.2.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "istanbul-lib-coverage": "^3.2.0",
+        "istanbul-lib-instrument": "^5.1.0",
+        "istanbul-lib-report": "^3.0.0",
+        "istanbul-lib-source-maps": "^4.0.1",
+        "istanbul-reports": "^3.0.5",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/karma-coverage/node_modules/istanbul-lib-source-maps": {
+      "version": "4.0.1",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "istanbul-lib-coverage": "^3.0.0",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/karma-coverage/node_modules/source-map": {
+      "version": "0.6.1",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/karma-firefox-launcher": {
+      "version": "2.1.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-wsl": "^2.2.0",
+        "which": "^3.0.0"
+      }
+    },
+    "node_modules/karma-firefox-launcher/node_modules/which": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/which.js"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/karma-jasmine": {
+      "version": "5.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jasmine-core": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "karma": "^6.0.0"
+      }
+    },
+    "node_modules/karma-jasmine-html-reporter": {
+      "version": "2.1.0",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "jasmine-core": "^4.0.0 || ^5.0.0",
+        "karma": "^6.0.0",
+        "karma-jasmine": "^5.0.0"
+      }
+    },
+    "node_modules/karma-jasmine/node_modules/jasmine-core": {
+      "version": "4.6.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/karma-source-map-support": {
+      "version": "1.4.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "source-map-support": "^0.5.5"
+      }
+    },
+    "node_modules/karma/node_modules/cliui": {
+      "version": "7.0.4",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^7.0.0"
+      }
+    },
+    "node_modules/karma/node_modules/connect": {
+      "version": "3.7.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "finalhandler": "1.1.2",
+        "parseurl": "~1.3.3",
+        "utils-merge": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/karma/node_modules/debug": {
+      "version": "2.6.9",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/karma/node_modules/finalhandler": {
+      "version": "1.1.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "statuses": "~1.5.0",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/karma/node_modules/ms": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/karma/node_modules/source-map": {
+      "version": "0.6.1",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/karma/node_modules/statuses": {
+      "version": "1.5.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/karma/node_modules/tmp": {
+      "version": "0.2.3",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/karma/node_modules/ua-parser-js": {
+      "version": "0.7.37",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/ua-parser-js"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/faisalman"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/faisalman"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/karma/node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "dev": true,
+      "license": "MIT",
+      "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/karma/node_modules/yargs": {
+      "version": "16.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^7.0.2",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^20.2.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/karma/node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/katex": {
+      "version": "0.16.10",
+      "dev": true,
+      "funding": [
+        "https://opencollective.com/katex",
+        "https://github.com/sponsors/katex"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "commander": "^8.3.0"
+      },
+      "bin": {
+        "katex": "cli.js"
+      }
+    },
+    "node_modules/katex/node_modules/commander": {
+      "version": "8.3.0",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/khroma": {
+      "version": "2.1.0",
+      "dev": true,
+      "optional": true
+    },
+    "node_modules/kind-of": {
+      "version": "6.0.3",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/kleur": {
+      "version": "4.1.5",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/klona": {
+      "version": "2.0.6",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/launch-editor": {
+      "version": "2.6.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picocolors": "^1.0.0",
+        "shell-quote": "^1.8.1"
+      }
+    },
+    "node_modules/layout-base": {
+      "version": "1.0.2",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/less": {
+      "version": "4.2.0",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "copy-anything": "^2.0.1",
+        "parse-node-version": "^1.0.1",
+        "tslib": "^2.3.0"
+      },
+      "bin": {
+        "lessc": "bin/lessc"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "optionalDependencies": {
+        "errno": "^0.1.1",
+        "graceful-fs": "^4.1.2",
+        "image-size": "~0.5.0",
+        "make-dir": "^2.1.0",
+        "mime": "^1.4.1",
+        "needle": "^3.1.0",
+        "source-map": "~0.6.0"
+      }
+    },
+    "node_modules/less-loader": {
+      "version": "11.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "klona": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 14.15.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "less": "^3.5.0 || ^4.0.0",
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/less/node_modules/make-dir": {
+      "version": "2.1.0",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "pify": "^4.0.1",
+        "semver": "^5.6.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/less/node_modules/mime": {
+      "version": "1.6.0",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/less/node_modules/semver": {
+      "version": "5.7.2",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/less/node_modules/source-map": {
+      "version": "0.6.1",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/license-webpack-plugin": {
+      "version": "4.0.2",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "webpack-sources": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "webpack": {
+          "optional": true
+        },
+        "webpack-sources": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/lie": {
+      "version": "3.3.0",
+      "license": "MIT",
+      "dependencies": {
+        "immediate": "~3.0.5"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/linklocal": {
+      "version": "2.8.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "commander": "^2.15.0",
+        "debug": "^3.1.0",
+        "map-limit": "0.0.1",
+        "mkdirp": "^0.5.1",
+        "rimraf": "^2.6.2"
+      },
+      "bin": {
+        "linklocal": "bin/linklocal.js"
+      },
+      "engines": {
+        "npm": ">=2.0.0"
+      }
+    },
+    "node_modules/linklocal/node_modules/debug": {
+      "version": "3.2.7",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/linklocal/node_modules/rimraf": {
+      "version": "2.7.1",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
+    "node_modules/loader-runner": {
+      "version": "4.3.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.11.5"
+      }
+    },
+    "node_modules/loader-utils": {
+      "version": "3.2.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12.13.0"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "5.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash-es": {
+      "version": "4.17.21",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/log-symbols": {
+      "version": "4.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.0",
+        "is-unicode-supported": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-symbols/node_modules/is-unicode-supported": {
+      "version": "0.1.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log4js": {
+      "version": "6.9.1",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "date-format": "^4.0.14",
+        "debug": "^4.3.4",
+        "flatted": "^3.2.7",
+        "rfdc": "^1.3.0",
+        "streamroller": "^3.1.5"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.8",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/make-fetch-happen": {
+      "version": "13.0.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@npmcli/agent": "^2.0.0",
+        "cacache": "^18.0.0",
+        "http-cache-semantics": "^4.1.1",
+        "is-lambda": "^1.0.1",
+        "minipass": "^7.0.2",
+        "minipass-fetch": "^3.0.0",
+        "minipass-flush": "^1.0.5",
+        "minipass-pipeline": "^1.2.4",
+        "negotiator": "^0.6.3",
+        "promise-retry": "^2.0.1",
+        "ssri": "^10.0.0"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/map-limit": {
+      "version": "0.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "once": "~1.3.0"
+      }
+    },
+    "node_modules/map-limit/node_modules/once": {
+      "version": "1.3.3",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/marked": {
+      "version": "9.1.6",
+      "license": "MIT",
+      "bin": {
+        "marked": "bin/marked.js"
+      },
+      "engines": {
+        "node": ">= 16"
+      }
+    },
+    "node_modules/materialize-css": {
+      "version": "0.100.2",
+      "license": "MIT",
+      "dependencies": {
+        "hammerjs": "^2.0.8",
+        "jquery": "^3.0.0 || ^2.1.4"
+      }
+    },
+    "node_modules/mdast-util-from-markdown": {
+      "version": "1.3.1",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/mdast": "^3.0.0",
+        "@types/unist": "^2.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "mdast-util-to-string": "^3.1.0",
+        "micromark": "^3.0.0",
+        "micromark-util-decode-numeric-character-reference": "^1.0.0",
+        "micromark-util-decode-string": "^1.0.0",
+        "micromark-util-normalize-identifier": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "unist-util-stringify-position": "^3.0.0",
+        "uvu": "^0.5.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-string": {
+      "version": "3.2.0",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/mdast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/memfs": {
+      "version": "3.5.3",
+      "dev": true,
+      "license": "Unlicense",
+      "dependencies": {
+        "fs-monkey": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/mermaid": {
+      "version": "10.9.0",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@braintree/sanitize-url": "^6.0.1",
+        "@types/d3-scale": "^4.0.3",
+        "@types/d3-scale-chromatic": "^3.0.0",
+        "cytoscape": "^3.28.1",
+        "cytoscape-cose-bilkent": "^4.1.0",
+        "d3": "^7.4.0",
+        "d3-sankey": "^0.12.3",
+        "dagre-d3-es": "7.0.10",
+        "dayjs": "^1.11.7",
+        "dompurify": "^3.0.5",
+        "elkjs": "^0.9.0",
+        "katex": "^0.16.9",
+        "khroma": "^2.0.0",
+        "lodash-es": "^4.17.21",
+        "mdast-util-from-markdown": "^1.3.0",
+        "non-layered-tidy-tree-layout": "^2.0.2",
+        "stylis": "^4.1.3",
+        "ts-dedent": "^2.2.0",
+        "uuid": "^9.0.0",
+        "web-worker": "^1.2.0"
+      }
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/micromark": {
+      "version": "3.2.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/debug": "^4.0.0",
+        "debug": "^4.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-core-commonmark": "^1.0.1",
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-combine-extensions": "^1.0.0",
+        "micromark-util-decode-numeric-character-reference": "^1.0.0",
+        "micromark-util-encode": "^1.0.0",
+        "micromark-util-normalize-identifier": "^1.0.0",
+        "micromark-util-resolve-all": "^1.0.0",
+        "micromark-util-sanitize-uri": "^1.0.0",
+        "micromark-util-subtokenize": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.1",
+        "uvu": "^0.5.0"
+      }
+    },
+    "node_modules/micromark-core-commonmark": {
+      "version": "1.1.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-factory-destination": "^1.0.0",
+        "micromark-factory-label": "^1.0.0",
+        "micromark-factory-space": "^1.0.0",
+        "micromark-factory-title": "^1.0.0",
+        "micromark-factory-whitespace": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-classify-character": "^1.0.0",
+        "micromark-util-html-tag-name": "^1.0.0",
+        "micromark-util-normalize-identifier": "^1.0.0",
+        "micromark-util-resolve-all": "^1.0.0",
+        "micromark-util-subtokenize": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.1",
+        "uvu": "^0.5.0"
+      }
+    },
+    "node_modules/micromark-factory-destination": {
+      "version": "1.1.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-factory-label": {
+      "version": "1.1.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "uvu": "^0.5.0"
+      }
+    },
+    "node_modules/micromark-factory-space": {
+      "version": "1.1.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-factory-title": {
+      "version": "1.1.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-factory-whitespace": {
+      "version": "1.1.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-character": {
+      "version": "1.2.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-chunked": {
+      "version": "1.1.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-classify-character": {
+      "version": "1.1.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-combine-extensions": {
+      "version": "1.1.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-numeric-character-reference": {
+      "version": "1.1.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-string": {
+      "version": "1.1.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-decode-numeric-character-reference": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-encode": {
+      "version": "1.1.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/micromark-util-html-tag-name": {
+      "version": "1.2.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/micromark-util-normalize-identifier": {
+      "version": "1.1.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-resolve-all": {
+      "version": "1.1.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-sanitize-uri": {
+      "version": "1.2.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-encode": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-subtokenize": {
+      "version": "1.1.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "uvu": "^0.5.0"
+      }
+    },
+    "node_modules/micromark-util-symbol": {
+      "version": "1.1.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/micromark-util-types": {
+      "version": "1.1.0",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.5",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/micromatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/mime": {
+      "version": "2.6.0",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/mini-css-extract-plugin": {
+      "version": "2.8.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "schema-utils": "^4.0.0",
+        "tapable": "^2.2.1"
+      },
+      "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",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "7.0.4",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/minipass-collect": {
+      "version": "2.0.1",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^7.0.3"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/minipass-fetch": {
+      "version": "3.0.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minipass": "^7.0.3",
+        "minipass-sized": "^1.0.3",
+        "minizlib": "^2.1.2"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      },
+      "optionalDependencies": {
+        "encoding": "^0.1.13"
+      }
+    },
+    "node_modules/minipass-flush": {
+      "version": "1.0.5",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/minipass-flush/node_modules/minipass": {
+      "version": "3.3.6",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minipass-flush/node_modules/yallist": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/minipass-json-stream": {
+      "version": "1.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jsonparse": "^1.3.1",
+        "minipass": "^3.0.0"
+      }
+    },
+    "node_modules/minipass-json-stream/node_modules/minipass": {
+      "version": "3.3.6",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minipass-json-stream/node_modules/yallist": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/minipass-pipeline": {
+      "version": "1.2.4",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minipass-pipeline/node_modules/minipass": {
+      "version": "3.3.6",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minipass-pipeline/node_modules/yallist": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/minipass-sized": {
+      "version": "1.0.3",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minipass-sized/node_modules/minipass": {
+      "version": "3.3.6",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minipass-sized/node_modules/yallist": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/minizlib": {
+      "version": "2.1.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minipass": "^3.0.0",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/minizlib/node_modules/minipass": {
+      "version": "3.3.6",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minizlib/node_modules/yallist": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/mkdirp": {
+      "version": "0.5.6",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/mri": {
+      "version": "1.2.0",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mrmime": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.2",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/multicast-dns": {
+      "version": "7.2.5",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dns-packet": "^5.2.2",
+        "thunky": "^1.0.2"
+      },
+      "bin": {
+        "multicast-dns": "cli.js"
+      }
+    },
+    "node_modules/mute-stream": {
+      "version": "1.0.0",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.7",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/needle": {
+      "version": "3.3.1",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "iconv-lite": "^0.6.3",
+        "sax": "^1.2.4"
+      },
+      "bin": {
+        "needle": "bin/needle"
+      },
+      "engines": {
+        "node": ">= 4.4.x"
+      }
+    },
+    "node_modules/needle/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ng-packagr": {
+      "version": "17.3.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/plugin-json": "^6.0.1",
+        "@rollup/plugin-node-resolve": "^15.2.3",
+        "@rollup/wasm-node": "^4.5.0",
+        "ajv": "^8.12.0",
+        "ansi-colors": "^4.1.3",
+        "browserslist": "^4.22.1",
+        "cacache": "^18.0.0",
+        "chokidar": "^3.5.3",
+        "commander": "^12.0.0",
+        "convert-source-map": "^2.0.0",
+        "dependency-graph": "^1.0.0",
+        "esbuild-wasm": "^0.20.0",
+        "fast-glob": "^3.3.1",
+        "find-cache-dir": "^3.3.2",
+        "injection-js": "^2.4.0",
+        "jsonc-parser": "^3.2.0",
+        "less": "^4.2.0",
+        "ora": "^5.1.0",
+        "piscina": "^4.4.0",
+        "postcss": "^8.4.31",
+        "rxjs": "^7.8.1",
+        "sass": "^1.69.5"
+      },
+      "bin": {
+        "ng-packagr": "cli/main.js"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0"
+      },
+      "optionalDependencies": {
+        "esbuild": "^0.20.0",
+        "rollup": "^4.5.0"
+      },
+      "peerDependencies": {
+        "@angular/compiler-cli": "^17.0.0 || ^17.2.0-next.0 || ^17.3.0-next.0",
+        "tailwindcss": "^2.0.0 || ^3.0.0",
+        "tslib": "^2.3.0",
+        "typescript": ">=5.2 <5.5"
+      },
+      "peerDependenciesMeta": {
+        "tailwindcss": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ng-packagr/node_modules/@esbuild/linux-x64": {
+      "version": "0.20.2",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/commander": {
+      "version": "12.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ng-packagr/node_modules/esbuild": {
+      "version": "0.20.2",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.20.2",
+        "@esbuild/android-arm": "0.20.2",
+        "@esbuild/android-arm64": "0.20.2",
+        "@esbuild/android-x64": "0.20.2",
+        "@esbuild/darwin-arm64": "0.20.2",
+        "@esbuild/darwin-x64": "0.20.2",
+        "@esbuild/freebsd-arm64": "0.20.2",
+        "@esbuild/freebsd-x64": "0.20.2",
+        "@esbuild/linux-arm": "0.20.2",
+        "@esbuild/linux-arm64": "0.20.2",
+        "@esbuild/linux-ia32": "0.20.2",
+        "@esbuild/linux-loong64": "0.20.2",
+        "@esbuild/linux-mips64el": "0.20.2",
+        "@esbuild/linux-ppc64": "0.20.2",
+        "@esbuild/linux-riscv64": "0.20.2",
+        "@esbuild/linux-s390x": "0.20.2",
+        "@esbuild/linux-x64": "0.20.2",
+        "@esbuild/netbsd-x64": "0.20.2",
+        "@esbuild/openbsd-x64": "0.20.2",
+        "@esbuild/sunos-x64": "0.20.2",
+        "@esbuild/win32-arm64": "0.20.2",
+        "@esbuild/win32-ia32": "0.20.2",
+        "@esbuild/win32-x64": "0.20.2"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/esbuild-wasm": {
+      "version": "0.20.2",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/find-cache-dir": {
+      "version": "3.3.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "commondir": "^1.0.1",
+        "make-dir": "^3.0.2",
+        "pkg-dir": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/avajs/find-cache-dir?sponsor=1"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/make-dir": {
+      "version": "3.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/pkg-dir": {
+      "version": "4.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "find-up": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/rxjs": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
+      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/ng-packagr/node_modules/semver": {
+      "version": "6.3.1",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/ngx-markdown": {
+      "version": "17.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "optionalDependencies": {
+        "clipboard": "^2.0.11",
+        "emoji-toolkit": "^8.0.0",
+        "katex": "^0.16.0",
+        "mermaid": "^10.6.0",
+        "prismjs": "^1.28.0"
+      },
+      "peerDependencies": {
+        "@angular/common": "^17.0.0",
+        "@angular/core": "^17.0.0",
+        "@angular/platform-browser": "^17.0.0",
+        "marked": ">= 9.0.0 < 13.0.0",
+        "rxjs": "^6.5.3 || ^7.4.0",
+        "zone.js": "~0.14.0"
+      }
+    },
+    "node_modules/nice-napi": {
+      "version": "1.0.2",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "!win32"
+      ],
+      "dependencies": {
+        "node-addon-api": "^3.0.0",
+        "node-gyp-build": "^4.2.2"
+      }
+    },
+    "node_modules/node-addon-api": {
+      "version": "3.2.1",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/node-forge": {
+      "version": "1.3.1",
+      "dev": true,
+      "license": "(BSD-3-Clause OR GPL-2.0)",
+      "engines": {
+        "node": ">= 6.13.0"
+      }
+    },
+    "node_modules/node-gyp": {
+      "version": "10.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "env-paths": "^2.2.0",
+        "exponential-backoff": "^3.1.1",
+        "glob": "^10.3.10",
+        "graceful-fs": "^4.2.6",
+        "make-fetch-happen": "^13.0.0",
+        "nopt": "^7.0.0",
+        "proc-log": "^3.0.0",
+        "semver": "^7.3.5",
+        "tar": "^6.1.2",
+        "which": "^4.0.0"
+      },
+      "bin": {
+        "node-gyp": "bin/node-gyp.js"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/node-gyp-build": {
+      "version": "4.8.0",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "node-gyp-build": "bin.js",
+        "node-gyp-build-optional": "optional.js",
+        "node-gyp-build-test": "build-test.js"
+      }
+    },
+    "node_modules/node-gyp/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/node-gyp/node_modules/glob": {
+      "version": "10.3.12",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^2.3.6",
+        "minimatch": "^9.0.1",
+        "minipass": "^7.0.4",
+        "path-scurry": "^1.10.2"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/node-gyp/node_modules/isexe": {
+      "version": "3.1.1",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/node-gyp/node_modules/minimatch": {
+      "version": "9.0.4",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/node-gyp/node_modules/which": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^3.1.1"
+      },
+      "bin": {
+        "node-which": "bin/which.js"
+      },
+      "engines": {
+        "node": "^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.14",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/noms": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/noms/-/noms-0.0.0.tgz",
+      "integrity": "sha512-lNDU9VJaOPxUmXcLb+HQFeUgQQPtMI24Gt6hgfuMHRJgMRHMF/qZ4HJD3GDru4sSw9IQl2jPjAYnQrdIeLbwow==",
+      "dev": true,
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "readable-stream": "~1.0.31"
+      }
+    },
+    "node_modules/noms/node_modules/isarray": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+      "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
+      "dev": true
+    },
+    "node_modules/noms/node_modules/readable-stream": {
+      "version": "1.0.34",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
+      "integrity": "sha512-ok1qVCJuRkNmvebYikljxJA/UEsKwLl2nI1OmaqAu4/UE+h0wKCHok4XkL/gvi39OacXvw59RJUOFUkDib2rHg==",
+      "dev": true,
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.1",
+        "isarray": "0.0.1",
+        "string_decoder": "~0.10.x"
+      }
+    },
+    "node_modules/noms/node_modules/string_decoder": {
+      "version": "0.10.31",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+      "integrity": "sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ==",
+      "dev": true
+    },
+    "node_modules/non-layered-tidy-tree-layout": {
+      "version": "2.0.2",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/nopt": {
+      "version": "7.2.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "abbrev": "^2.0.0"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/normalize-package-data": {
+      "version": "6.0.0",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "hosted-git-info": "^7.0.0",
+        "is-core-module": "^2.8.1",
+        "semver": "^7.3.5",
+        "validate-npm-package-license": "^3.0.4"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npm-bundled": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "npm-normalize-package-bin": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/npm-install-checks": {
+      "version": "6.3.0",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "semver": "^7.1.1"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/npm-normalize-package-bin": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/npm-package-arg": {
+      "version": "11.0.1",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "hosted-git-info": "^7.0.0",
+        "proc-log": "^3.0.0",
+        "semver": "^7.3.5",
+        "validate-npm-package-name": "^5.0.0"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/npm-packlist": {
+      "version": "8.0.2",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "ignore-walk": "^6.0.4"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/npm-pick-manifest": {
+      "version": "9.0.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "npm-install-checks": "^6.0.0",
+        "npm-normalize-package-bin": "^3.0.0",
+        "npm-package-arg": "^11.0.0",
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/npm-registry-fetch": {
+      "version": "16.1.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "make-fetch-happen": "^13.0.0",
+        "minipass": "^7.0.2",
+        "minipass-fetch": "^3.0.0",
+        "minipass-json-stream": "^1.0.1",
+        "minizlib": "^2.1.2",
+        "npm-package-arg": "^11.0.0",
+        "proc-log": "^3.0.0"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/npm-run-path": {
+      "version": "4.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.1",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/obuf": {
+      "version": "1.1.2",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/on-finished": {
+      "version": "2.3.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/on-headers": {
+      "version": "1.0.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/open": {
+      "version": "8.4.2",
+      "dev": true,
+      "license": "MIT",
+      "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/ora": {
+      "version": "5.4.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bl": "^4.1.0",
+        "chalk": "^4.1.0",
+        "cli-cursor": "^3.1.0",
+        "cli-spinners": "^2.5.0",
+        "is-interactive": "^1.0.0",
+        "is-unicode-supported": "^0.1.0",
+        "log-symbols": "^4.1.0",
+        "strip-ansi": "^6.0.0",
+        "wcwidth": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ora/node_modules/is-unicode-supported": {
+      "version": "0.1.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/os-tmpdir": {
+      "version": "1.0.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "2.3.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "4.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/p-map": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "aggregate-error": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-retry": {
+      "version": "4.6.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/retry": "0.12.0",
+        "retry": "^0.13.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/p-retry/node_modules/retry": {
+      "version": "0.13.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pacote": {
+      "version": "17.0.6",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@npmcli/git": "^5.0.0",
+        "@npmcli/installed-package-contents": "^2.0.1",
+        "@npmcli/promise-spawn": "^7.0.0",
+        "@npmcli/run-script": "^7.0.0",
+        "cacache": "^18.0.0",
+        "fs-minipass": "^3.0.0",
+        "minipass": "^7.0.2",
+        "npm-package-arg": "^11.0.0",
+        "npm-packlist": "^8.0.0",
+        "npm-pick-manifest": "^9.0.0",
+        "npm-registry-fetch": "^16.0.0",
+        "proc-log": "^3.0.0",
+        "promise-retry": "^2.0.1",
+        "read-package-json": "^7.0.0",
+        "read-package-json-fast": "^3.0.0",
+        "sigstore": "^2.2.0",
+        "ssri": "^10.0.0",
+        "tar": "^6.1.11"
+      },
+      "bin": {
+        "pacote": "lib/bin.js"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "license": "(MIT AND Zlib)"
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parse-json/node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/parse-node-version": {
+      "version": "1.0.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/parse5": {
+      "version": "7.1.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^4.4.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5-html-rewriting-stream": {
+      "version": "7.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^4.3.0",
+        "parse5": "^7.0.0",
+        "parse5-sax-parser": "^7.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5-sax-parser": {
+      "version": "7.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parse5": "^7.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-scurry": {
+      "version": "1.10.2",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "10.2.0",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "14 || >=16.14"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.7",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "4.0.1",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/piscina": {
+      "version": "4.4.0",
+      "dev": true,
+      "license": "MIT",
+      "optionalDependencies": {
+        "nice-napi": "^1.0.2"
+      }
+    },
+    "node_modules/pkg-dir": {
+      "version": "7.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "find-up": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pkg-dir/node_modules/find-up": {
+      "version": "6.3.0",
+      "dev": true,
+      "license": "MIT",
+      "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/pkg-dir/node_modules/locate-path": {
+      "version": "7.2.0",
+      "dev": true,
+      "license": "MIT",
+      "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/pkg-dir/node_modules/p-limit": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "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/pkg-dir/node_modules/p-locate": {
+      "version": "6.0.0",
+      "dev": true,
+      "license": "MIT",
+      "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/pkg-dir/node_modules/path-exists": {
+      "version": "5.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.35",
+      "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"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-loader": {
+      "version": "8.1.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cosmiconfig": "^9.0.0",
+        "jiti": "^1.20.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "@rspack/core": "0.x || 1.x",
+        "postcss": "^7.0.0 || ^8.0.1",
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@rspack/core": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-media-query-parser": {
+      "version": "0.2.3",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/postcss-modules-extract-imports": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-local-by-default": {
+      "version": "4.0.4",
+      "dev": true,
+      "license": "MIT",
+      "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.1.1",
+      "dev": true,
+      "license": "ISC",
+      "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",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "icss-utils": "^5.0.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.16",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/prism-themes": {
+      "version": "1.9.0",
+      "license": "MIT"
+    },
+    "node_modules/prismjs": {
+      "version": "1.29.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/proc-log": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "license": "MIT"
+    },
+    "node_modules/promise-inflight": {
+      "version": "1.0.1",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/promise-retry": {
+      "version": "2.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "err-code": "^2.0.2",
+        "retry": "^0.12.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/proxy-addr/node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/prr": {
+      "version": "1.0.1",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qjobs": {
+      "version": "1.2.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.9"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.11.0",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "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",
+      "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"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.2",
+      "dev": true,
+      "license": "MIT",
+      "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/read-package-json": {
+      "version": "7.0.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^10.2.2",
+        "json-parse-even-better-errors": "^3.0.0",
+        "normalize-package-data": "^6.0.0",
+        "npm-normalize-package-bin": "^3.0.0"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/read-package-json-fast": {
+      "version": "3.0.2",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "json-parse-even-better-errors": "^3.0.0",
+        "npm-normalize-package-bin": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/read-package-json/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/read-package-json/node_modules/glob": {
+      "version": "10.3.12",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^2.3.6",
+        "minimatch": "^9.0.1",
+        "minipass": "^7.0.4",
+        "path-scurry": "^1.10.2"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/read-package-json/node_modules/minimatch": {
+      "version": "9.0.4",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "2.3.8",
+      "license": "MIT",
+      "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/readdirp": {
+      "version": "3.6.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/readdirp/node_modules/picomatch": {
+      "version": "2.3.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/reflect-metadata": {
+      "version": "0.2.2",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/regenerate": {
+      "version": "1.4.2",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/regenerate-unicode-properties": {
+      "version": "10.1.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "regenerate": "^1.4.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/regenerator-transform": {
+      "version": "0.15.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.8.4"
+      }
+    },
+    "node_modules/regex-parser": {
+      "version": "2.3.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/regexpu-core": {
+      "version": "5.3.2",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "jsesc": "~0.5.0"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/regjsparser/node_modules/jsesc": {
+      "version": "0.5.0",
+      "dev": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/requires-port": {
+      "version": "1.0.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/resolve": {
+      "version": "1.22.8",
+      "dev": true,
+      "license": "MIT",
+      "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-from": {
+      "version": "5.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/resolve-url-loader": {
+      "version": "5.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "adjust-sourcemap-loader": "^4.0.0",
+        "convert-source-map": "^1.7.0",
+        "loader-utils": "^2.0.0",
+        "postcss": "^8.2.14",
+        "source-map": "0.6.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/resolve-url-loader/node_modules/loader-utils": {
+      "version": "2.0.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^2.1.2"
+      },
+      "engines": {
+        "node": ">=8.9.0"
+      }
+    },
+    "node_modules/resolve-url-loader/node_modules/source-map": {
+      "version": "0.6.1",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/restore-cursor": {
+      "version": "3.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/retry": {
+      "version": "0.12.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rfdc": {
+      "version": "1.3.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/robust-predicates": {
+      "version": "3.0.2",
+      "dev": true,
+      "license": "Unlicense",
+      "optional": true
+    },
+    "node_modules/rollup": {
+      "version": "4.13.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.5"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.13.2",
+        "@rollup/rollup-android-arm64": "4.13.2",
+        "@rollup/rollup-darwin-arm64": "4.13.2",
+        "@rollup/rollup-darwin-x64": "4.13.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.13.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.13.2",
+        "@rollup/rollup-linux-arm64-musl": "4.13.2",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.13.2",
+        "@rollup/rollup-linux-riscv64-gnu": "4.13.2",
+        "@rollup/rollup-linux-s390x-gnu": "4.13.2",
+        "@rollup/rollup-linux-x64-gnu": "4.13.2",
+        "@rollup/rollup-linux-x64-musl": "4.13.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.13.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.13.2",
+        "@rollup/rollup-win32-x64-msvc": "4.13.2",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/run-async": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "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"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/rw": {
+      "version": "1.3.3",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true
+    },
+    "node_modules/rxjs": {
+      "version": "7.4.0",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.4.0.tgz",
+      "integrity": "sha512-7SQDi7xeTMCJpqViXh8gL/lebcwlp3d831F05+9B44A4B0WfsEwUQHR64gsH1kvJ+Ep/J9K2+n1hVl1CsGN23w==",
+      "dependencies": {
+        "tslib": "~2.1.0"
+      }
+    },
+    "node_modules/rxjs/node_modules/tslib": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.1.0.tgz",
+      "integrity": "sha512-hcVC3wYEziELGGmEEXue7D75zbwIIVUMWAVbHItGPx0ziyXxrOMQx4rQEVEV45Ut/1IotuEvwqPopzIOkDMf0A=="
+    },
+    "node_modules/sade": {
+      "version": "1.8.1",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "mri": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "license": "MIT"
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/sass": {
+      "version": "1.71.1",
+      "dev": true,
+      "license": "MIT",
+      "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": "14.1.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "neo-async": "^2.6.2"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "@rspack/core": "0.x || 1.x",
+        "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": {
+        "@rspack/core": {
+          "optional": true
+        },
+        "node-sass": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/sass/node_modules/immutable": {
+      "version": "4.3.5",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/sax": {
+      "version": "1.3.0",
+      "dev": true,
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/schema-utils": {
+      "version": "4.2.0",
+      "dev": true,
+      "license": "MIT",
+      "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": {
+      "version": "1.1.2",
+      "license": "MIT"
+    },
+    "node_modules/select-hose": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/selfsigned": {
+      "version": "2.4.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node-forge": "^1.3.0",
+        "node-forge": "^1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.5.4",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/semver/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/semver/node_modules/yallist": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/send": {
+      "version": "0.18.0",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/send/node_modules/debug/node_modules/ms": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/send/node_modules/mime": {
+      "version": "1.6.0",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.1.3",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/send/node_modules/on-finished": {
+      "version": "2.4.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.2",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/serve-index": {
+      "version": "1.9.1",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/serve-index/node_modules/depd": {
+      "version": "1.1.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-index/node_modules/http-errors": {
+      "version": "1.6.3",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/serve-index/node_modules/ms": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/serve-index/node_modules/setprototypeof": {
+      "version": "1.1.0",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/serve-index/node_modules/statuses": {
+      "version": "1.5.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-static": {
+      "version": "1.15.0",
+      "dev": true,
+      "license": "MIT",
+      "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/set-function-length": {
+      "version": "1.2.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "license": "MIT"
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/shallow-clone": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "kind-of": "^6.0.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shell-quote": {
+      "version": "1.8.1",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.6",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4",
+        "object-inspect": "^1.13.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/sigstore": {
+      "version": "2.2.2",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@sigstore/bundle": "^2.2.0",
+        "@sigstore/core": "^1.0.0",
+        "@sigstore/protobuf-specs": "^0.3.0",
+        "@sigstore/sign": "^2.2.3",
+        "@sigstore/tuf": "^2.3.1",
+        "@sigstore/verify": "^1.1.0"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/slash": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/smart-buffer": {
+      "version": "4.2.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/socket.io": {
+      "version": "4.7.5",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.4",
+        "base64id": "~2.0.0",
+        "cors": "~2.8.5",
+        "debug": "~4.3.2",
+        "engine.io": "~6.5.2",
+        "socket.io-adapter": "~2.5.2",
+        "socket.io-parser": "~4.2.4"
+      },
+      "engines": {
+        "node": ">=10.2.0"
+      }
+    },
+    "node_modules/socket.io-adapter": {
+      "version": "2.5.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "~4.3.4",
+        "ws": "~8.11.0"
+      }
+    },
+    "node_modules/socket.io-parser": {
+      "version": "4.2.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/sockjs": {
+      "version": "0.3.24",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/socks": {
+      "version": "2.8.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ip-address": "^9.0.5",
+        "smart-buffer": "^4.2.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/socks-proxy-agent": {
+      "version": "8.0.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.1",
+        "debug": "^4.3.4",
+        "socks": "^2.7.1"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.7.4",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.0",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-loader": {
+      "version": "5.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "^0.6.3",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.72.1"
+      }
+    },
+    "node_modules/source-map-loader/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/source-map-support/node_modules/source-map": {
+      "version": "0.6.1",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/spdx-correct": {
+      "version": "3.2.0",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-exceptions": {
+      "version": "2.5.0",
+      "dev": true,
+      "license": "CC-BY-3.0"
+    },
+    "node_modules/spdx-expression-parse": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-license-ids": {
+      "version": "3.0.17",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/spdy": {
+      "version": "4.0.2",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "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/spdy-transport/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/ssri": {
+      "version": "10.0.5",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^7.0.3"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/streamroller": {
+      "version": "3.1.5",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "date-format": "^4.0.14",
+        "debug": "^4.3.4",
+        "fs-extra": "^8.1.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/streamroller/node_modules/fs-extra": {
+      "version": "8.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/streamroller/node_modules/jsonfile": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/stylis": {
+      "version": "4.3.1",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/symbol-observable": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tar": {
+      "version": "6.2.1",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "chownr": "^2.0.0",
+        "fs-minipass": "^2.0.0",
+        "minipass": "^5.0.0",
+        "minizlib": "^2.1.1",
+        "mkdirp": "^1.0.3",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/tar/node_modules/fs-minipass": {
+      "version": "2.1.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/tar/node_modules/fs-minipass/node_modules/minipass": {
+      "version": "3.3.6",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tar/node_modules/minipass": {
+      "version": "5.0.0",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tar/node_modules/mkdirp": {
+      "version": "1.0.4",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/tar/node_modules/yallist": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/terser": {
+      "version": "5.29.1",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "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.10",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.20",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^3.1.1",
+        "serialize-javascript": "^6.0.1",
+        "terser": "^5.26.0"
+      },
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
+      "version": "3.3.0",
+      "dev": true,
+      "license": "MIT",
+      "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/terser": {
+      "version": "5.30.0",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "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/test-exclude": {
+      "version": "6.0.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@istanbuljs/schema": "^0.1.2",
+        "glob": "^7.1.4",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tether": {
+      "version": "2.0.0",
+      "license": "MIT"
+    },
+    "node_modules/through2": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
+      "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==",
+      "dev": true,
+      "dependencies": {
+        "readable-stream": "~2.3.6",
+        "xtend": "~4.0.1"
+      }
+    },
+    "node_modules/thunky": {
+      "version": "1.1.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tiny-emitter": {
+      "version": "2.1.0",
+      "license": "MIT"
+    },
+    "node_modules/tmp": {
+      "version": "0.0.33",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "os-tmpdir": "~1.0.2"
+      },
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/to-fast-properties": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/tree-kill": {
+      "version": "1.2.2",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "tree-kill": "cli.js"
+      }
+    },
+    "node_modules/ts-dedent": {
+      "version": "2.2.0",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=6.10"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.6.2",
+      "license": "0BSD"
+    },
+    "node_modules/tuf-js": {
+      "version": "2.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tufjs/models": "2.0.0",
+        "debug": "^4.3.4",
+        "make-fetch-happen": "^13.0.0"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.21.3",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typed-assert": {
+      "version": "1.0.9",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/typescript": {
+      "version": "5.4.3",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici": {
+      "version": "6.7.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "5.26.5",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unicode-canonical-property-names-ecmascript": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-ecmascript": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-property-aliases-ecmascript": {
+      "version": "2.1.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unique-filename": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "unique-slug": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/unique-slug": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/unist-util-stringify-position": {
+      "version": "3.0.3",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/unist": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/universalify": {
+      "version": "0.1.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/untildify": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz",
+      "integrity": "sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.0.13",
+      "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"
+        }
+      ],
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "license": "MIT"
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/uuid": {
+      "version": "9.0.1",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/uvu": {
+      "version": "0.5.6",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "dequal": "^2.0.0",
+        "diff": "^5.0.0",
+        "kleur": "^4.0.3",
+        "sade": "^1.7.3"
+      },
+      "bin": {
+        "uvu": "bin.js"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/validate-npm-package-license": {
+      "version": "3.0.4",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "spdx-correct": "^3.0.0",
+        "spdx-expression-parse": "^3.0.0"
+      }
+    },
+    "node_modules/validate-npm-package-name": {
+      "version": "5.0.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "builtins": "^5.0.0"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/vite": {
+      "version": "5.1.5",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.19.3",
+        "postcss": "^8.4.35",
+        "rollup": "^4.2.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-x64": {
+      "version": "0.19.12",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild": {
+      "version": "0.19.12",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.19.12",
+        "@esbuild/android-arm": "0.19.12",
+        "@esbuild/android-arm64": "0.19.12",
+        "@esbuild/android-x64": "0.19.12",
+        "@esbuild/darwin-arm64": "0.19.12",
+        "@esbuild/darwin-x64": "0.19.12",
+        "@esbuild/freebsd-arm64": "0.19.12",
+        "@esbuild/freebsd-x64": "0.19.12",
+        "@esbuild/linux-arm": "0.19.12",
+        "@esbuild/linux-arm64": "0.19.12",
+        "@esbuild/linux-ia32": "0.19.12",
+        "@esbuild/linux-loong64": "0.19.12",
+        "@esbuild/linux-mips64el": "0.19.12",
+        "@esbuild/linux-ppc64": "0.19.12",
+        "@esbuild/linux-riscv64": "0.19.12",
+        "@esbuild/linux-s390x": "0.19.12",
+        "@esbuild/linux-x64": "0.19.12",
+        "@esbuild/netbsd-x64": "0.19.12",
+        "@esbuild/openbsd-x64": "0.19.12",
+        "@esbuild/sunos-x64": "0.19.12",
+        "@esbuild/win32-arm64": "0.19.12",
+        "@esbuild/win32-ia32": "0.19.12",
+        "@esbuild/win32-x64": "0.19.12"
+      }
+    },
+    "node_modules/void-elements": {
+      "version": "2.0.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/watchpack": {
+      "version": "2.4.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/wbuf": {
+      "version": "1.7.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "node_modules/wcwidth": {
+      "version": "1.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "defaults": "^1.0.3"
+      }
+    },
+    "node_modules/web-worker": {
+      "version": "1.3.0",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true
+    },
+    "node_modules/webpack": {
+      "version": "5.90.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.3",
+        "@types/estree": "^1.0.5",
+        "@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.21.10",
+        "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.10",
+        "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-dev-middleware": {
+      "version": "6.1.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "colorette": "^2.0.10",
+        "memfs": "^3.4.12",
+        "mime-types": "^2.1.31",
+        "range-parser": "^1.2.1",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14.15.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-dev-server": {
+      "version": "4.15.1",
+      "dev": true,
+      "license": "MIT",
+      "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/webpack-dev-middleware": {
+      "version": "5.3.4",
+      "dev": true,
+      "license": "MIT",
+      "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/node_modules/ws": {
+      "version": "8.16.0",
+      "dev": true,
+      "license": "MIT",
+      "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.10.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "clone-deep": "^4.0.1",
+        "flat": "^5.0.2",
+        "wildcard": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/webpack-sources": {
+      "version": "3.2.3",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack-subresource-integrity": {
+      "version": "5.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "typed-assert": "^1.0.8"
+      },
+      "engines": {
+        "node": ">= 12"
+      },
+      "peerDependencies": {
+        "html-webpack-plugin": ">= 5.0.0-beta.1 < 6",
+        "webpack": "^5.12.0"
+      },
+      "peerDependenciesMeta": {
+        "html-webpack-plugin": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack/node_modules/ajv": {
+      "version": "6.12.6",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
+    "node_modules/webpack/node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/webpack/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/webpack/node_modules/schema-utils": {
+      "version": "3.3.0",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "Apache-2.0",
+      "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",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "1.3.1",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/wildcard": {
+      "version": "2.0.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/wrap-ansi": {
+      "version": "6.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "dev": true,
+      "license": "MIT",
+      "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/wrappy": {
+      "version": "1.0.2",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/ws": {
+      "version": "8.11.0",
+      "dev": true,
+      "license": "MIT",
+      "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/xtend": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.4"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "1.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zone.js": {
+      "version": "0.14.4",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..21bd876
--- /dev/null
+++ b/package.json
@@ -0,0 +1,103 @@
+{
+  "name": "angular-datatables-workspace",
+  "version": "17.0.0",
+  "description": "Angular directive for DataTables",
+  "scripts": {
+    "start": "npm run link:lib && ng serve",
+    "build:lib": "npm run clean && ng build angular-datatables --configuration=production && npm run lib:schematics:build",
+    "clean": "rimraf -f lib/**/index.{d.ts,js,js.map,metadata.json} demo/**/*.{d.ts,js,map,metadata.json} schematics/**/*.{d.ts,js,map}",
+    "link:lib": "rimraf node_modules/angular-datatables && npm run build:lib && linklocal",
+    "demo:test": "ng test",
+    "demo:test-ci": "ng test --no-watch --no-progress --browsers=ChromeHeadless",
+    "lib:schematics:build": "rimraf dist/lib/schematics && tsc -p lib/schematics/tsconfig.json && copyfiles lib/schematics/{src/collection.json,src/ng-add/schema.json} dist",
+    "demo:build:prod": "npm run clean && ng build angular-datatables-demo --configuration production --base-href=/angular-datatables/",
+    "version": "npm run build:lib && git add -A",
+    "postversion": "git push && git push --tags"
+  },
+  "keywords": [
+    "Angular",
+    "DataTables"
+  ],
+  "author": "GlobalArt Inc",
+  "schematics": "./lib/schematics/src/collection.json",
+  "main": "index.js",
+  "module": "index.js",
+  "typings": "index.d.ts",
+  "license": "MIT",
+  "devDependencies": {
+    "@angular-devkit/build-angular": "^17.3.2",
+    "@angular-devkit/schematics": "^17.3.2",
+    "@angular/animations": "^17.3.2",
+    "@angular/cli": "^17.3.2",
+    "@angular/common": "^17.3.2",
+    "@angular/compiler": "^17.3.2",
+    "@angular/compiler-cli": "^17.3.2",
+    "@angular/core": "^17.3.2",
+    "@angular/forms": "^17.3.2",
+    "@angular/language-service": "^17.3.2",
+    "@angular/platform-browser": "^17.3.2",
+    "@angular/platform-browser-dynamic": "^17.3.2",
+    "@angular/router": "^17.3.2",
+    "@types/jasmine": "~5.1.0",
+    "@types/jquery": "^3.5.29",
+    "@types/node": "^20.11.16",
+    "copyfiles": "^2.4.1",
+    "jasmine-core": "~5.1.0",
+    "jasmine-spec-reporter": "~7.0.0",
+    "jquery": "^3.6.0",
+    "karma": "^6.4.3",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.0",
+    "karma-firefox-launcher": "^2.1.2",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "linklocal": "^2.8.2",
+    "ng-packagr": "^17.0.0",
+    "ngx-markdown": "^17.0.0",
+    "rimraf": "~3.0.2",
+    "typescript": "~5.4.2"
+  },
+  "dependencies": {
+    "@angular/animations": "^17.3.0",
+    "@angular/common": "^17.3.0",
+    "@angular/compiler": "^17.3.0",
+    "@angular/core": "^17.3.0",
+    "@angular/forms": "^17.3.0",
+    "@angular/platform-browser": "^17.3.0",
+    "@angular/platform-browser-dynamic": "^17.3.0",
+    "@angular/router": "^17.3.0",
+    "angular-datatables": "file:dist/lib",
+    "clipboard": "^2.0.8",
+    "core-js": "^3.23.3",
+    "datatables.net": "^2.0.6",
+    "datatables.net-buttons": "^3.0.1",
+    "datatables.net-buttons-dt": "^3.0.1",
+    "datatables.net-colreorder": "^2.0.0",
+    "datatables.net-colreorder-dt": "^2.0.0",
+    "datatables.net-dt": "^2.0.6",
+    "datatables.net-fixedcolumns": "^4.3.1",
+    "datatables.net-fixedcolumns-dt": "^4.3.1",
+    "datatables.net-responsive": "^3.0.1",
+    "datatables.net-responsive-dt": "^3.0.1",
+    "datatables.net-select": "^2.0.0",
+    "datatables.net-select-dt": "^2.0.0",
+    "jquery": "^3.6.0",
+    "jszip": "^3.8.0",
+    "marked": "^9.1.6",
+    "materialize-css": "^0.100.2",
+    "prism-themes": "^1.9.0",
+    "prismjs": "^1.27.0",
+    "rxjs": "7.4.0",
+    "tether": "^2.0.0",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.14.3"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/GlobalArtInc/angular-datatables.git"
+  },
+  "bugs": {
+    "url": "https://github.com/GlobalArtInc/angular-datatables/issues"
+  },
+  "homepage": "https://github.com/GlobalArtInc/angular-datatables#readme"
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..da0c65e
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,46 @@
+/* To learn more about this file see: https://angular.io/guide/typescript-configuration. */
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "target": "ES2022",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "lib": [
+      "ES2022",
+      "es2016",
+      "dom"
+    ],
+    "importHelpers": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "strictNullChecks": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noFallthroughCasesInSwitch": true,
+    "sourceMap": true,
+    "declaration": false,
+    "experimentalDecorators": true,
+    "downlevelIteration": true,
+    "emitDecoratorMetadata": true,
+    "noImplicitAny": false,
+    "noImplicitReturns": true,
+    "paths": {
+      "@angular/*": [
+        "node_modules/@angular/*"
+      ]
+    },
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "useDefineForClassFields": false,
+    "skipLibCheck": true,
+    "skipDefaultLibCheck": true,
+  },
+  "angularCompilerOptions": {
+    "disableTypeScriptVersionCheck": true,
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}